/*! jQuery UI - v1.12.1 - 2017-07-13
* http://jqueryui.com
* Includes: draggable.css, core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-darkness&cornerRadiusShadow=8px&offsetLeftShadow=-7px&offsetTopShadow=-7px&thicknessShadow=7px&opacityShadow=60&bgImgOpacityShadow=30&bgTextureShadow=flat&bgColorShadow=cccccc&opacityOverlay=80&bgImgOpacityOverlay=50&bgTextureOverlay=flat&bgColorOverlay=5c5c5c&iconColorError=a83300&fcError=111111&borderColorError=ffb73d&bgImgOpacityError=40&bgTextureError=glass&bgColorError=ffc73d&iconColorHighlight=4b8e0b&fcHighlight=2e7db2&borderColorHighlight=cccccc&bgImgOpacityHighlight=80&bgTextureHighlight=highlight_soft&bgColorHighlight=eeeeee&iconColorActive=222222&fcActive=ffffff&borderColorActive=ffaf0f&bgImgOpacityActive=30&bgTextureActive=inset_soft&bgColorActive=f58400&iconColorHover=ffffff&fcHover=ffffff&borderColorHover=59b4d4&bgImgOpacityHover=40&bgTextureHover=glass&bgColorHover=0078a3&iconColorDefault=cccccc&fcDefault=eeeeee&borderColorDefault=666666&bgImgOpacityDefault=20&bgTextureDefault=glass&bgColorDefault=555555&iconColorContent=cccccc&fcContent=ffffff&borderColorContent=666666&bgImgOpacityContent=25&bgTextureContent=inset_soft&bgColorContent=000000&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=333333&bgImgOpacityHeader=25&bgTextureHeader=gloss_wave&bgColorHeader=333333&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Segoe%20UI%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-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-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    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: 0 auto .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: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.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: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #666
}

.ui-widget-content {
    border: 1px solid #666;
    background: #000 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x;
    color: #fff
}

.ui-widget-content a {
    color: #fff
}

.ui-widget-header {
    border: 1px solid #333;
    background: #333 url(images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid #666;
    background: #555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eee
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #eee;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid #59b4d4;
    background: #0078a3 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #fff
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #fff;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #ffaf0f;
    background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #ffaf0f;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #ccc;
    background: #eee url(images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x;
    color: #2e7db2
}

.ui-state-checked {
    border: 1px solid #ccc;
    background: #eee
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #2e7db2
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #ffb73d;
    background: #ffc73d url(images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x;
    color: #111
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #111
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #111
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_cccccc_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_4b8e0b_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_a83300_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_cccccc_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -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: -65px -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: 0 -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: -65px -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: 1px -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 6px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 6px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 6px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 6px
}

.ui-widget-overlay {
    background: #5c5c5c;
    opacity: .8;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    -webkit-box-shadow: -7px -7px 7px #ccc;
    box-shadow: -7px -7px 7px #ccc
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-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-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    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: 0 auto .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: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.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: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-darkness&cornerRadiusShadow=8px&offsetLeftShadow=-7px&offsetTopShadow=-7px&thicknessShadow=7px&opacityShadow=60&bgImgOpacityShadow=30&bgTextureShadow=flat&bgColorShadow=cccccc&opacityOverlay=80&bgImgOpacityOverlay=50&bgTextureOverlay=flat&bgColorOverlay=5c5c5c&iconColorError=a83300&fcError=111111&borderColorError=ffb73d&bgImgOpacityError=40&bgTextureError=glass&bgColorError=ffc73d&iconColorHighlight=4b8e0b&fcHighlight=2e7db2&borderColorHighlight=cccccc&bgImgOpacityHighlight=80&bgTextureHighlight=highlight_soft&bgColorHighlight=eeeeee&iconColorActive=222222&fcActive=ffffff&borderColorActive=ffaf0f&bgImgOpacityActive=30&bgTextureActive=inset_soft&bgColorActive=f58400&iconColorHover=ffffff&fcHover=ffffff&borderColorHover=59b4d4&bgImgOpacityHover=40&bgTextureHover=glass&bgColorHover=0078a3&iconColorDefault=cccccc&fcDefault=eeeeee&borderColorDefault=666666&bgImgOpacityDefault=20&bgTextureDefault=glass&bgColorDefault=555555&iconColorContent=cccccc&fcContent=ffffff&borderColorContent=666666&bgImgOpacityContent=25&bgTextureContent=inset_soft&bgColorContent=000000&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=333333&bgImgOpacityHeader=25&bgTextureHeader=gloss_wave&bgColorHeader=333333&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Segoe%20UI%2CArial%2Csans-serif
 */
.ui-widget {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #666
}

.ui-widget-content {
    border: 1px solid #666;
    background: #000 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x;
    color: #fff
}

.ui-widget-content a {
    color: #fff
}

.ui-widget-header {
    border: 1px solid #333;
    background: #333 url(images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid #666;
    background: #555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #eee
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #eee;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    border: 1px solid silver;
    background: #000 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #fff
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #fff;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #ffaf0f;
    background: #f58400 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;
    font-weight: 700;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #ffaf0f;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #ccc;
    background: #eee url(images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x;
    color: #2e7db2
}

.ui-state-checked {
    border: 1px solid #ccc;
    background: #eee
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #2e7db2
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #ffb73d;
    background: #ffc73d url(images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x;
    color: #111
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #111
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #111
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_cccccc_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_4b8e0b_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_a83300_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_cccccc_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -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: -65px -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: 0 -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: -65px -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: 1px -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 6px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 6px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 6px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 6px
}

.ui-widget-overlay {
    background: #5c5c5c;
    opacity: .8;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    -webkit-box-shadow: -7px -7px 7px #ccc;
    box-shadow: -7px -7px 7px #ccc
}

/*@font-face {*/
/*    font-family: ds-digital;*/
/*    src: url(../fonts/digit.woff) format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/

/*@font-face {*/
/*    font-family: pcp;*/
/*    src: url(../fonts/pcp.woff2) format('woff2');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/

/*@font-face {*/
/*    font-family: aTitleGothic;*/
/*    src: url(../fonts/a1.woff) format('woff');*/
/*    font-style: normal;*/
/*    font-weight: 500*/
/*}*/

/*@font-face {*/
/*    font-family: aTitleGothic;*/
/*    src: url(../fonts/a2.woff) format('woff');*/
/*    font-style: normal;*/
/*    font-weight: 600*/
/*}*/

/*@font-face {*/
/*    font-family: aTitleGothic;*/
/*    src: url(../fonts/a3.woff) format('woff');*/
/*    font-style: normal;*/
/*    font-weight: 700*/
/*}*/

/*@font-face {*/
/*    font-family: aTitleGothic;*/
/*    src: url(../fonts/a4.woff) format('woff');*/
/*    font-style: normal;*/
/*    font-weight: 800*/
/*}*/

/*@font-face {*/
/*    font-family: aTitleGothic;*/
/*    src: url(../fonts/a5.woff) format('woff');*/
/*    font-style: normal;*/
/*    font-weight: 900*/
/*}*/

/*@font-face {*/
/*    font-family: DINWeb-Bold;*/
/*    src: url(../fonts/DINWeb-Bold.eot);*/
/*    src: local('DINWeb-Bold'),url(../fonts/DINWeb-Bold.woff) format('woff')*/
/*}*/

/*@font-face {*/
/*    font-family: Heebo;*/
/*    src: url(../fonts/Heebo.woff2) format('woff2');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/

/*@font-face {*/
/*    font-family: Heebo400;*/
/*    src: url(../fonts/Heebo400.woff2) format('woff2');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/

/*[class*=" iconv4-"],[class^=iconv4-] {*/
/*    font-family: party!important;*/
/*    speak: none;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-variant: normal;*/
/*    text-transform: none;*/
/*    line-height: 1;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale*/
/*}*/

/*@font-face {*/
/*    font-family: party;*/
/*    src: url(../fonts/icomoon.woff?4uh3wns) format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/

#ad8d50 {
    font-family: party!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@keyframes Ani-1 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes colorTransBg {
    0% {
        background-color: #212026
    }

    50% {
        background-color: #fff
    }

    100% {
        background-color: #212026
    }
}

.colorTransBg {
    animation: colorTransBg 1s infinite steps(20,end);
    transform: translateZ(0)
}

.colorTrans:before {
    animation: colorTrans 1s infinite steps(20,end);
    transform: translateZ(0)
}

.icon-crown:before {
    content: "\e72f"
}

.icon-crown_oe:before {
    content: "\e74a"
}

.icon-crown_sutda:before {
    content: "\e837"
}

.icon-crown_baccarat:before {
    content: "\e98a"
}

.icon-crown:before {
    content: "\e72f"
}

.icon-crown_oe:before,.icon-game80:before {
    content: "\e74a"
}

.icon-crown_sutda:before,.icon-game79:before {
    content: "\e837"
}

.icon-crown_baccarat:before,.icon-game81:before {
    content: "\e98a"
}

.icon-lock2:before {
    content: "\eb09"
}

.icon-id2:before {
    content: "\e62d"
}

.icon-donghang:before {
    content: "\eb07"
}

.icon-lock:before {
    content: "\e990"
}

.icon-handi:before {
    content: "\eb04"
}

.icon-over:before {
    content: "\eb05"
}

.icon-under:before {
    content: "\eb06"
}

.icon-bomb:before {
    content: "\e83f"
}

.icon-bet365w:before {
    content: "\e83e"
}

.icon-slot-street:before {
    content: "\e749"
}

.icon-tokengame:before {
    content: "\eb03"
}

.icon-live3:before {
    content: "\e70e"
}

.icon-live4:before {
    content: "\e70f"
}

.icon-sportMain:before {
    content: "\e6d6"
}

.icon-play:before {
    content: "\eb02"
}

.icon-spinner11:before {
    content: "\e984"
}

.icon-home:before {
    content: "\e900"
}

.icon-pencil:before {
    content: "\e905"
}

.icon-cash:before {
    content: "\e906"
}

.icon-won:before {
    content: "\e60d"
}

.icon-bonus:before {
    content: "\e6a3"
}

.icon-bonus2:before {
    content: "\e60b"
}

.icon-point:before {
    content: "\e907"
}

.icon-id:before {
    content: "\e908";
    color: #fff
}

.icon-roulette:before {
    content: "\eb0e"
}

.icon-bullhorn:before {
    content: "\e91a" !important;
}

.icon-list:before {
    content: "\e922"
}

.icon-tel:before {
    content: "\e942"
}

.icon-clock:before {
    content: "\e94e"
}

.icon-bell:before {
    content: "\e951"
}

.icon-mobile2:before {
    content: "\e959"
}

.icon-tv:before {
    content: "\e95b"
}

.icon-smc_baseball:before {
    content: "\e958"
}

.icon-smc_racing:before {
    content: "\e95a"
}

.icon-game85:before,.icon-game86:before,.icon-game87:before,.icon-game97:before,.icon-game98:before,.icon-game99:before,.icon-sure_racing:before {
    content: "\e95a";
    color: #c3cfe5
}

.icon-smc_highlow1:before {
    content: "\e95c"
}

.icon-smc_highlow2:before {
    content: "\e95d"
}

.icon-smc_highlow3:before {
    content: "\e95e"
}

.icon-game3:before,.icon-smc_powerball:before {
    content: "\e957"
}

.icon-game14:before,.icon-ntry_kenoladder:before {
    content: "\e967";
    color: #c9c9c9
}

.icon-game13:before,.icon-ntry_powerladder:before {
    content: "\e968"
}

.icon-b365_soccer_superleague:before,.icon-game4Superleague:before {
    content: "\e969"
}

.icon-b365_soccer_premiership:before,.icon-game4Premiership:before {
    content: "\e97a"
}

.icon-b365_soccer_worldcup:before,.icon-game4World:before {
    content: "\e97b"
}

.icon-b365_soccer_eurocup:before,.icon-game4Euro:before {
    content: "\e983"
}

.icon-b365_dog_gpark:before,.icon-game5Goldenhill:before {
    content: "\e96a"
}

.icon-b365_dog_hpark:before,.icon-game5Hillside:before {
    content: "\e97c"
}

.icon-b365_horse_vpark:before,.icon-game6Vitoria:before {
    content: "\e96b"
}

.icon-b365_horse_fdown:before,.icon-game6Festival:before {
    content: "\e97d"
}

.icon-b365_horse_bway:before,.icon-game6Britannia:before {
    content: "\e97e"
}

.icon-b365_basket_b:before {
    content: "\e991";
    color: #ff8f00
}

.icon-b365_basket_w:before {
    content: "\e992";
    color: #ff8f00
}

.icon-b365_base_b:before {
    content: "\e97f";
    color: #b7b7b7
}

.icon-b365_base_n:before {
    content: "\e980";
    color: #b7b7b7
}

.icon-game21:before,.icon-joy_choice:before {
    content: "\e96c"
}

.icon-game20:before,.icon-joy_nine:before {
    content: "\e96d"
}

.icon-game23:before,.icon-joy_roulette:before {
    content: "\e96e"
}

.icon-game22:before,.icon-joy_pharaoh:before {
    content: "\e96f"
}

.icon-beteast_soccer:before {
    content: "\e970"
}

.icon-beteast_basketball:before {
    content: "\e972"
}

.icon-beteast_baseball:before {
    content: "\e973"
}

.icon-beteast_criket:before {
    content: "\e974"
}

.icon-game17:before,.icon-mgm_oe:before {
    content: "\e975"
}

.icon-game18:before,.icon-mgm_baccarat:before {
    content: "\e976"
}

.icon-smarc:before {
    content: "\e960"
}

.icon-beteast:before {
    content: "\e961"
}

.icon-ntry:before {
    content: "\e962"
}

.icon-bet365:before {
    content: "\e963"
}

.icon-mgm:before {
    content: "\e964"
}

.icon-joy:before {
    content: "\e9dc"
}

.icon-undo:before {
    content: "\e965"
}

.icon-redo:before {
    content: "\e966"
}

.icon-user:before {
    content: "\e971"
}

.icon-del2:before {
    content: "\e98d";
    color: #fff
}

.icon-cog:before {
    content: "\e994"
}

.icon-dot:before {
    content: "\e999"
}

.icon-result:before {
    content: "\e99b"
}

.icon-gift:before {
    content: "\e99f";
    margin-right: 5px
}

.icon-mybet:before {
    content: "\e9a0"
}

.icon-withdrawal:before {
    content: "\e9a1" !important;
}

.icon-deposit:before {
    content: "\e9a2" !important;
}

.icon-qna:before {
    content: "\e9a3"
}

.icon-trash:before {
    content: "\e9a9"
}

.icon-event:before {
    content: "\e9b2"
}

.icon-recommender:before {
    content: "\e9b7"
}

.icon-menu2:before {
    content: "\e9b9"
}

.icon-sphere:before {
    content: "\e9c9"
}

.icon-cart:before {
    content: "\e9d2";
    color: #d3d3d3
}

.icon-menu:before {
    content: "\e9d3";
    color: #d3d3d3
}

.icon-eventNotice:before {
    content: "\e9db"
}

.icon-memo2:before {
    content: "\e60c"
}

.icon-deposit2:before {
    content: "\e9a5"
}

.icon-withdrawal2:before {
    content: "\e9a6"
}

.icon-login:before {
    content: "\eb0c"
}

.icon-logout:before {
    content: "\eb0b";
    margin-right: 5px
}

.icon-bullhorn2:before {
    content: "\ea28";
    margin-right: 5px
}

.icon-exchange:before {
    content: "\e995"
}

.icon-key:before {
    content: "\e62e"
}

.icon-circle:before {
    content: "\e91b"
}

.icon-star:before {
    content: "\e62f";
    margin-right: 3px
}

[class*=icon-sport]:before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.sport-category [class*=icon-sport]:before {
    width: 35px;
    height: 35px
}

.BetList [class*=icon-sport]:before {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 16px;
    margin: 0
}

.BetList [class*=icon-sport1]:before {
    border: 2px solid #60b63e
}

.BetList [class*=icon-sport2]:before {
    border: 2px solid #21406b
}

.BetList [class*=icon-sport3]:before {
    border: 2px solid #b96c60
}

.BetList [class*=icon-sport4]:before {
    border: 2px solid #265b68
}

.BetList [class*=icon-sport23]:before {
    border: 2px solid #ffb300
}

.icon-sport1:before {
    background-image: url(../img/sport/icon_soccer.png)
}

.icon-sport2:before {
    background-image: url(../img/sport/icon_basket.png)
}

.icon-sport3:before {
    background-image: url(../img/sport/icon_baseball.png)
}

.icon-sport4:before {
    background-image: url(../img/sport/icon_hockey.png)
}

.icon-sport5:before {
    background-image: url(../img/sport/icon_tenis.png)
}

.icon-sport6:before {
    background-image: url(../img/sport/icon_handball.png)
}

.icon-sport7:before {
    content: "\e9e5"
}

.icon-sport8:before {
    content: "\e9e6"
}

.icon-sport9:before {
    content: "\e9e7"
}

.icon-sport10:before {
    background-image: url(../img/sport/icon_boxing.png)
}

.icon-sport11:before {
    content: "\e9e9"
}

.icon-sport12:before {
    content: "\e9ea"
}

.icon-sport13:before {
    content: "\e9eb"
}

.icon-sport14:before {
    content: "\e9ec"
}

.icon-sport15:before {
    content: "\e9ed"
}

.icon-sport16:before {
    content: "\e9ee";
    margin: 0 0 2px 0
}

.icon-sport17:before {
    content: "\e9ef"
}

.icon-sport18:before {
    background-image: url(../img/sport/icon_egame.png)
}

.icon-sport19:before {
    content: "\e9f1"
}

.icon-sport20:before {
    content: "\e9f2"
}

.icon-sport21:before {
    content: "\e9f3"
}

.icon-sport22:before {
    content: "\e9f4"
}

.icon-sport23:before {
    background-image: url(../img/sport/icon_volley.png)
}

.icon-sport24:before {
    content: "\e9f6"
}

.icon-sport25:before {
    content: "\e9f7"
}

.icon-sport26:before {
    content: "\e9f8"
}

.icon-sport27:before {
    content: "\e9f9";
    color: #bf9ae5
}

.icon-sport28:before {
    content: "\e9fa"
}

.icon-sport29:before {
    content: "\e9fb"
}

.icon-sport30:before {
    content: "\e9fc"
}

.icon-sport31:before {
    content: "\e9fd"
}

.icon-sport32:before {
    content: "\e9fe"
}

.icon-sport33:before {
    content: "\e9ff"
}

.icon-sport34:before {
    content: "\ea00"
}

.icon-sport35:before {
    content: "\ea01"
}

.icon-sport36:before {
    content: "\ea02"
}

.icon-sport37:before {
    content: "\ea03"
}

.icon-sport38:before {
    content: "\eada"
}

.icon-sport60:before {
    content: "\ea04"
}

.icon-sport61:before {
    content: "\ea05"
}

.icon-sport43:before {
    content: "\ea06"
}

.icon-sport46:before {
    content: "\ea07"
}

.icon-sport48:before {
    content: "\ea08"
}

.icon-sport44:before {
    content: "\ead9"
}

.icon-sport39:before {
    content: "\eadb"
}

.icon-sport45:before {
    content: "\eadc"
}

.icon-sport47:before {
    content: "\eadd"
}

.icon-sport55:before {
    content: "\eade"
}

.icon-sport76:before {
    content: "\eadf"
}

.icon-sport81:before {
    content: "\eae0"
}

.icon-sport102:before {
    content: "\eae1"
}

.icon-sport104:before {
    content: "\eae2"
}

.icon-sport109:before {
    content: "\eae3"
}

.icon-sport117:before {
    content: "\e9da"
}

.icon-sport127:before {
    content: "\eae4"
}

.icon-sport135:before {
    content: "\eae5"
}

.icon-sport136:before {
    content: "\eae6"
}

.icon-sport138:before {
    content: "\eae7"
}

.icon-sport142:before {
    content: "\eae8"
}

.icon-sport157:before {
    content: "\eaea"
}

.icon-sport155:before {
    content: "\eae9"
}

.icon-info:before {
    content: "\ea0c"
}

.icon-cancel-circle:before {
    content: "\ea0d"
}

.icon-blocked:before {
    content: "\ea0e"
}

.icon-close:before {
    content: "\ea0f"
}

.icon-checkmark:before {
    content: "\ea10"
}

.icon-enter:before {
    content: "\ea13"
}

.icon-exit:before {
    content: "\ea14"
}

.icon-volume:before {
    content: "\ea27"
}

.icon-volume-mute:before {
    content: "\ea2a"
}

.icon-arrow-up:before {
    content: "\ea3a"
}

.icon-arrow-down:before {
    content: "\ea3e"
}

.icon-btnBack:before {
    content: "\ea40"
}

.icon-baccarat:before {
    content: "\eaa8"
}

.icon-yongho:before {
    content: "\eaa9"
}

.icon-topcard:before {
    content: "\eaaa"
}

.icon-casino-roulette:before {
    content: "\eaab"
}

.icon-money-wheel:before {
    content: "\eaac"
}

.icon-blackjack:before {
    content: "\eaad"
}

.icon-holdem:before {
    content: "\eaae"
}

.icon-eth:before {
    content: "\eaaf"
}

.icon-trp:before {
    content: "\eab0"
}

.icon-csp:before {
    content: "\eab1"
}

.icon-chip:before {
    content: "\eab2"
}

.icon-sicbo:before {
    content: "\eab3"
}

.icon-gameshow:before {
    content: "\eab4"
}

.icon-memo:before {
    content: "\ea83"
}

.icon-mail:before {
    content: "\ea86"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-telegram:before {
    content: "\eb0d"
}

.icon-whatsapp:before {
    content: "\ea93"
}

.icon-skype:before {
    content: "\eac5"
}

.icon-kakao:before {
    content: "\eac6"
}

.icon-line:before {
    content: "\eac7"
}

.icon-wechat:before {
    content: "\eac8"
}

.icon-evolution:before {
    content: "\e985"
}

.icon-playtech:before {
    content: "\e986"
}

.icon-pt-new:before {
    content: "\e987"
}

.icon-pt-gameshow:before {
    content: "\e988"
}

.icon-pt-roulette:before {
    content: "\e989"
}

.icon-pt-blackjack:before {
    content: "\e98a"
}

.icon-pt-baccarat:before {
    content: "\e98b"
}

.icon-pt-poker:before {
    content: "\e98c"
}

.icon-game48:before,.icon-game49:before,.icon-game50:before,.icon-game51:before,.icon-game52:before,.icon-ntry_eospowerball:before {
    content: "\e98e";
    color: #ff4531
}

.icon-game26:before,.icon-lotus_sicbo:before {
    content: "\e74a";
    color: #ad8d50
}

.icon-game25:before,.icon-lotus_baccarat:before {
    content: "\e74b";
    color: #ad8d50
}

.icon-game24:before,.icon-lotus_oe:before {
    content: "\e74c";
    color: #ad8d50
}

.icon-named:before {
    content: "\eaf6"
}

.icon-game53:before,.icon-game54:before,.icon-named_ladder:before {
    content: "\eaf7";
    color: #80c1ed
}

.icon-game55:before,.icon-game56:before,.icon-named_pb:before {
    content: "\eaf8";
    color: #a7a8eb
}

.icon-lotus:before {
    content: "\eaf9"
}

.icon-sure:before {
    content: "\eafa"
}

.icon-game66:before,.icon-game67:before,.icon-game68:before,.icon-sure_ladder:before {
    content: "\eafb";
    color: #9ec7e1
}

.icon-game69:before,.icon-game70:before,.icon-game71:before,.icon-sure_pb:before {
    content: "\eafc";
    color: #8eb3b5
}

.icon-jjang:before {
    content: "\eafd"
}

.icon-game60:before,.icon-game61:before,.icon-game62:before,.icon-jjang_ladder:before {
    content: "\eafe";
    color: #e8c957
}

.icon-game57:before,.icon-game58:before,.icon-game59:before,.icon-jjang_pb:before {
    content: "\eaff";
    color: #81bc50
}

.icon-pororo:before {
    content: "\eb00"
}

.icon-game82:before,.icon-nanumpb:before {
    content: "\e957"
}

.icon-game63:before,.icon-game64:before,.icon-game65:before,.icon-pororo_ladder:before {
    content: "\eb01";
    color: #a5b4ff
}

.icon-dong_ladder:before,.icon-game72:before,.icon-game73:before {
    content: "\eafe";
    color: #8be0ff
}

.icon-dong_powerball:before,.icon-game74:before,.icon-game75:before {
    content: "\eaff";
    color: #fed766
}

.icon-search:before {
    content: "\e993"
}

.icon-newscore:before {
    content: "\eb0a"
}

.icon-game88:before,.icon-newscore_sutda:before {
    content: "\e837";
    color: #aa7fff
}

.icon-game89:before,.icon-newscore_bakara:before {
    content: "\e976";
    color: #aa7fff
}

.icon-game90:before,.icon-newscore_oe:before {
    content: "\e74c";
    color: #aa7fff
}

.mini.icon-sure:before {
    background-image: url(../img/sure.png)
}

.mini.icon-lotus:before {
    background-image: url(../img/lotus.png)
}

.mini.icon-score:before {
    background-image: url(../img/new-score.png)
}

.mini.icon-pororo:before {
    background-image: url(../img/pororo.png)
}

.mini.icon-ntry:before {
    background-image: url(../img/ntry.png)
}

.mini.icon-crown:before {
    background-image: url(../img/crown.png)
}

.mini.icon-google:before {
    background-image: url(../img/google.png)
}

.mini.icon-super:before {
    background-image: url(../img/super.png)
}

.mini.icon-pbg:before {
    background-image: url(../img/pbg.png)
}

.mini.icon-boscore:before {
    background-image: url(../img/boss.png)
}

.mini.icon-bet365:before {
    background-image: url(../img/icon_bet365.png)
}

.gameMenu1 .btn .mini:before {
    content: '';
    width: 25px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes opacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    font-family: aTitleGothic,"Malgun Gothic",san-serif
}

html {
    font-size: 10px;
    color: #dfdfdf;
    font-weight: 400
}

body {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    background: #090909
}

button,input[type=button] {
    outline: 0;
    cursor: pointer;
    font-size: 1.4rem
}

a {
    text-decoration: none
}

li {
    list-style: none;
    padding: 0;
    margin: 0
}

em,i {
    font-style: normal
}

#header {
    width: 1900px;
    margin: 0 auto
}

#header>div {
    position: relative
}

#btnLeftWrap {
    width: 3rem;
    height: 2rem;
    position: absolute;
    top: 1.2rem;
    left: 2.2rem;
    display: none;
    color: #fff;
    font-size: 2.2rem;
    cursor: pointer
}

#btnRefresh {
    width: 2rem;
    height: 3rem;
    position: absolute;
    top: 1.2rem;
    left: 6.7rem;
    display: none;
    color: #fff;
    font-size: 2rem;
    cursor: pointer
}

#btnLeftWrap2 {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 2rem;
    right: 1rem;
    display: none;
    color: #fff;
    font-size: 3rem
}

#btnRightWrap {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 2rem;
    right: 6rem;
    display: none;
    color: #fff;
    font-size: 2.5rem;
    cursor: pointer
}

#btnRightWrap>i {
    position: absolute;
    top: 0;
    left: 0
}

#btnRightWrap #cartCount {
    display: block;
    background: #d3d3d3;
    border-radius: 29px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #000;
    font-size: 11px;
    position: absolute;
    top: -8px;
    right: -8px;
    text-align: center
}

#btnCloseLeftWrap {
    width: 270px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    color: #fff;
    font-size: 2.6rem;
    text-align: right;
    padding: 4px 8px 0 0
}

.mobileBtnCart {
    position: fixed;
    bottom: -125px;
    left: calc(50% - 32px);
    width: 64px;
    z-index: 998;
    height: 64px;
    border-radius: 100px;
    background: #ff6400d1;
    border: solid 2px #cecdcd;
    display: none
}

.mobileBtnCart .icon-cart {
    font-size: 33px;
    position: absolute;
    top: 13px;
    left: 15px;
    color: #fff
}

.mobileBtnCart .icon-cart:before {
    color: #d1cfd1
}

.mobileBtnCart [data-id=cartCount] {
    font-size: 14px;
    position: absolute;
    bottom: -11px;
    right: -10px;
    width: 32px;
    height: 32px;
    background: #b71a16;
    text-align: center;
    line-height: 28px;
    border-radius: 38px;
    color: #fff;
    border: solid 2px #fff
}

.intro_layout .mobileBtnCart {
    display: none
}

#mainWrap {
    padding: 7px 0 0 0;
    display: flex;
    width: 1900px;
    margin: 0 auto
}

.leftWrap {
    width: 303px;
    overflow-y: auto;
    height: calc(100vh - 146px);
    overflow-x: hidden;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.centerWrap {
    flex: 1;
    height: calc(100vh - 146px);
    overflow: hidden;
    position: relative
}

.rightWrap {
    width: 300px;
    overflow-y: auto;
    height: calc(100vh - 146px);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 6px 0 0
}

.btnBack {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
    color: #fff
}

#cart .btnBack {
    position: absolute;
    top: 6px;
    left: 6px;
    display: none;
    transform: rotate(180deg)
}

.contentWrap {
    min-height: 660px
}

.intro .contentWrap {
    min-height: 600px
}

.title-bar {
    align-items: center;
    padding: 8px;
    font-size: 16px;
    background: #222;
    color: #fff;
    font-weight: 500;
    display: flex;
    justify-content: center
}

.title-bar.sh {
    display: flex
}

.title-bar i[class^=iconv4-] {
    margin: 0 4px 0 0;
    color: #04a6e2;
    font-size: 18px;
    background: #000;
    padding: 6px;
    border-radius: 20px
}

.title-bar .wrapbbs {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 100%
}

.title-bar .wrapbbs>div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d3d3d3;
    cursor: pointer;
    font-size: 16px
}

.title-bar .wrapbbs>div.on {
    color: #fff;
    position: relative
}

.title-bar .wrapbbs>div i[class^=iconv4-] {
    margin: 0;
    color: #b1b1b1;
    font-size: 18px;
    background: #00000000;
    padding: 6px;
    border-radius: 20px
}

.title-bar .wrapbbs>div.on i[class^=iconv4-] {
    margin: 0 4px 0 0;
    color: #04a6e2;
    font-size: 18px;
    background: #000;
    padding: 6px;
    border-radius: 20px
}

.content-sub-title {
    background: #323232;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0 6px 12px;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center
}

.content-sub-title i {
    color: #ede19b;
    font-size: 12px;
    margin: 0 0 0 10px
}

#logo {
    display: flex;
    align-items: center;
    padding: 0 0 2px 0;
    cursor: pointer;
    height: 97px;
    width: 230px;
    margin: 0 0 0 32px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

#logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 0 0
}

.paging {
    font-size: 0;
    text-align: center;
    background: #111;
    padding: 24px 0
}

.betListInContWrap .paging {
    border-width: 0
}

.paging a,.paging a:active,.paging a:visited {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    margin: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
    background: #171c22
}

.paging a:hover {
    background: linear-gradient(to bottom,rgba(50,50,150,1) 1%,rgba(30,30,100,1) 100%)
}

.paging a.cur {
    font-weight: 700;
    color: #fff;
    background: #191b58
}

.blink {
    animation: opacity 1s infinite steps(20,end);
    transform: translateZ(0)
}

.loaderAllBg {
    z-index: 3;
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.loaderAll {
    margin: 250px auto;
    font-size: 12px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff
    }
}

@keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff
    }
}

.rotate180 {
    transform: rotate(180deg);
    transform-origin: 50%
}

.reflectX {
    transform: scaleX(-1);
    transform-origin: 50%
}

.titleInCont {
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    background: #3a3a3a;
    color: #fefefe;
    text-align: center;
    margin-top: 5px
}

.SportMenuContainer {
    background: #191919
}

.SportMenuContainer .sMenu {
    font-size: 1.2rem;
    border-bottom: .1rem solid #111;
    cursor: pointer
}

.SportMenuContainer .sMenu:hover {
    background: #090909
}

.SportMenuContainer .sMenu.on:hover {
    background: #1a1a1a
}

.SportMenuContainer .sMenu #sportsMatchCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px 8px 11px
}

.SportMenuContainer .sMenu #sportsMatchCount>span:nth-child(1) {
    display: flex;
    align-items: center
}

.SportMenuContainer .sMenu #sportsMatchCount>span:nth-child(1)>[class^=iconv4-] {
    margin: 0 11px 0 0;
    width: 22px;
    height: 22px;
    background-size: cover
}

.SportMenuContainer .sMenu #sportsMatchCount>span:nth-child(1)>[class^=iconv4-]:before {
    font-size: 22px
}

.SportMenuContainer .sMenu #sportsMatchCount>span:nth-child(2) {
    color: #afd23f;
    display: flex;
    align-items: center;
    font-size: 12px;
    width: 40px;
    justify-content: center;
    padding: 3px
}

.SportMenuContainer .sMenu #sportsMatchCount>span:nth-child(2)>span[class^=iconv4-] {
    color: #999;
    margin-left: .4rem
}

.SportMenuContainer .sMenu.on #sportsMatchCount>span:nth-child(2)>span[class^=iconv4-] {
    display: inline-block;
    color: #f8eba1
}

.SportMenuContainer .cMenu {
    background: #111;
    cursor: pointer;
    color: #889097
}

.SportMenuContainer .cMenu #categoryMatchCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 27px 10px 10px;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 0 20px;
    border-left: 1px solid #e5aa06
}

.SportMenuContainer .cMenu #categoryMatchCount:hover {
    background: linear-gradient(180deg,#2d353c,#222);
    color: #fc0
}

.SportMenuContainer .cMenu #categoryMatchCount>span:first-child {
    display: flex;
    align-items: center
}

.SportMenuContainer .cMenu #categoryMatchCount .icon-circle {
    font-size: 10px;
    margin: 0 5px 0 -16px;
    color: #889097
}

.SportMenuContainer .cMenu #categoryMatchCount>span:nth-child(2) {
    display: flex;
    color: #fff;
    align-items: center;
    font-size: 11px
}

.SportMenuContainer .cMenu #categoryMatchCount>span:nth-child(2)>span[class^=iconv4-] {
    color: #999;
    margin: 0 0 0 4px
}

.SportMenuContainer .cMenu.on #categoryMatchCount>span:nth-child(2)>span[class^=iconv4-] {
    display: inline-block;
    color: #f8eba1
}

.SportMenuContainer .cMenu.on #categoryMatchCount {
    color: #f8eba1;
    color: #fc0
}

.SportMenuContainer .tMenu {
    cursor: pointer;
    font-weight: 500;
    border-left: 1px solid #e5aa06;
    margin: 0 0 0 20px
}

.SportMenuContainer .tMenu:hover {
    background: #4e4e4e;
    background: linear-gradient(180deg,#2d353c,#222);
    color: #fc0
}

.SportMenuContainer .tMenu #tournamentMatchCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 27px 10px 12px;
    font-size: 11px
}

.Intro {
    background: #0d0d0d;
    background-size: cover;
    background-position: center;
    margin: 0 3px 0 0
}

.Intro .intro-mainWrap {
    font-weight: 500;
    padding: 0 5px 5px;
    background: #111
}

.Intro .intro-mainWrap .mbannerWrap {
    display: flex;
    justify-content: space-between
}

.intro-mainCont-static {
    width: calc(50% - 12px);
    background-image: url(../img/banner/intmain_0.png);
    max-height: 268px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0 21px 0;
    border-radius: 5px
}

#intro-mainImg {
    width: calc(50% - 12px);
    height: calc((100vw - 688px) * 268 / (615 * 2));
    position: relative;
    overflow: hidden;
    margin-bottom: 21px;
    max-height: 266px;
    border-radius: 5px
}

#intro-mainImg>div {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    position: relative;
    font-size: 0
}

#intro-mainImg>div.mb_ctr_box {
    position: absolute;
    z-index: 2;
    bottom: 0;
    height: 20px;
    text-align: center;
    display: block
}

#intro-mainImg>div.mb_ctr_box ul {
    width: 100%
}

#intro-mainImg>div.mb_ctr_box li {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.3);
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    margin: 0 2px
}

#intro-mainImg>div.mb_ctr_box li.on {
    background: rgba(255,255,255,1)
}

#intro-mainImg .mbanner {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../img/banner/intmain_1.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

#intro-mainImg .mbanner.c1 {
    background-image: url(../img/banner/intmain_1.png)
}

#intro-mainImg .mbanner.c2 {
    background-image: url(../img/banner/intmain_2.png)
}

#intro-mainImg .mbanner.c3 {
    background-image: url(../img/banner/intmain_3.png)
}

#intro-mainImg .mbanner.c4 {
    background-image: url(../img/banner/intmain_4.png)
}

.intro-bbsCont {
    margin: 8px 0 26px 0
}

.intro-bbsCont>.col {
    flex: 1
}

.LinkBtn {
    cursor: pointer
}

.intro-bbsCont .title {
    background: linear-gradient(180deg,#2adaee 0,#105d66);
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 18px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 50%)
}

.intro-bbsCont .title>span {
    display: flex
}

.intro-bbsCont .title .en {
    color: #ed89aa;
    margin: 0 0 0 8px;
    font-weight: 500
}

.intro-bbsCont .title .LinkBtn {
    font-size: 13px;
    font-weight: 500
}

.intro-bbsCont .title i[class^=iconv4-] {
    color: #898989;
    margin: 0 4px 0 0
}

.intro-bbsCont .grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0
}

.intro-bbsCont .grid .col {
    border-radius: 8px;
    overflow: hidden
}

.intro-bbsCont ul {
    background: #111;
    color: #ddd;
    height: 203px;
    overflow: auto
}

.intro-bbsCont ul::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    display: none;
    transition: .3s
}

.intro-bbsCont ul:hover::-webkit-scrollbar {
    display: block;
    transition: .3s
}

.intro-bbsCont ul::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,42%,.49)
}

.intro-bbsCont ul::-webkit-scrollbar {
    width: 1px;
    height: 20px;
    display: none;
    transition: .3s
}

.intro-bbsCont ul:hover::-webkit-scrollbar {
    display: block;
    transition: .3s
}

.intro-bbsCont ul::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,100%,.49)
}

.intro-bbsCont ul li {
    padding: 9px;
    cursor: pointer;
    position: relative;
    border-bottom: solid 1px #242424;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.intro-bbsCont ul li:hover {
    background: #242424
}

.intro-bbsCont ul li .main_thumb {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0 24px 0 0;
    display: inline-block
}

.intro-bbsCont ul li.notice .main_thumb {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0 24px 0 0;
    display: inline-block
}

.intro-bbsCont ul li .main_thumb img {
    width: 30px;
    height: auto
}

.main_list_ttl {
    flex: 1
}

.intro-linkCont .grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2px;
    grid-row-gap: 0
}

.intro-linkCont .grid .col {
    background: url(../img/intro_sport.jpg) no-repeat;
    background-size: cover;
    height: calc((100vw - 600px) * 314 / 256 / 5);
    max-height: calc(1320px * 314 / 256 / 5);
    cursor: pointer;
    border-radius: 4px;
    position: relative
}

.intro-linkCont .grid .col:hover {
    filter: brightness(120%)
}

.intro-linkCont .grid .col:hover:before {
    opacity: 1
}

.intro-linkCont .grid .col span.hoverb {
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
    transition: .3s
}

.intro-linkCont .grid .col:hover span.hoverb {
    opacity: 1
}

.hoverb img {
    width: 50%!important;
    display: inline-block;
    margin-top: 70px
}

.mmb_in_ttl {
    display: block;
    font-size: 30px;
    margin-top: 10px;
    font-family: pcp
}

.mmb_in_btn {
    background: #21bfd1;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    color: #000
}

.intro-linkCont .grid .col.sport {
    background: url(../img/intro_sport.png) no-repeat;
    background-size: cover
}

.intro-linkCont .grid .col.live {
    background: url(../img/intro_live.png) no-repeat;
    background-size: cover
}

.intro-linkCont .grid .col.games {
    background: url(../img/intro_mini.png) no-repeat;
    background-size: cover
}

.intro-linkCont .grid .col.slot {
    background: url(../img/intro_slot.png) no-repeat;
    background-size: cover
}

.intro-linkCont .grid .col.casino {
    background: url(../img/intro_casino.png) no-repeat;
    background-size: cover
}

#mobile_intro,#mobile_intro-bannerCont {
    margin: 0 0 10px 0;
    display: none
}


#mobile_intro .wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin: 10px
}

#mobile_intro .wrap.btngroup1 {
    background: #303030;
    border-radius: 4px;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    border: 1px solid #393646;
    overflow: hidden
}

#mobile_intro .wrap.btngroup1>div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    background: #1d1d1d;
    color: #fff
}

#mobile_intro .wrap.btngroup1>div [class^=icon-] {
    margin: 0 5px 0 0;
    font-size: 18px;
    color: #04a6e2
}

#mobile_intro .wrap.btngroup2 > .m_main_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    background: linear-gradient(to bottom,rgb(0 0 0) 1%,rgb(16 37 38) 100%);
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    width:100%;
}
#mobile_intro .wrap.btngroup2 .m_main_menu > i {
   margin-bottom: 5px; 
}

#mobile_intro .wrap.btngroup2 >.m_main_menu h5 {
    margin: 0;
}

#mobile_intro .wrap.btngroup2>div [class^=icon-] {
    margin: 0 0 5px 0;
    font-size: 22px
}

#mobile_intro .wrap.btngroup2>div [class^=icon-]:before {
    background: linear-gradient(to top,#105d66,#2adaee);
    -webkit-background-clip: text;
    color: transparent
}

#mobile_intro .wrap.btngroup2>div .icon-sport1:before {
    content: "\e9df"
}

#mobile_intro .wrap.btngroup2>div .icon-sportMain:before {
    content: "\e6d6"
}

#mobile_intro .wrap.btngroup2>div .icon-graph:before {
    content: "\e6a3"
}

#mobile_banner {
    display: none;
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding: 0 8px
}

#mobile_banner:before {
    content: '';
    width: 0;
    padding-bottom: calc(100% / (400 / 210));
    grid-row: 1/1;
    grid-column: 1/1
}

#mobile_banner>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

#mobile_banner>div {
    background: url(../img/bonus-s.png) no-repeat;
    background-size: contain
}

.side_left_menu>div.cat {
    display: flex;
    padding: 8px 8px 8px 20px;
    justify-content: space-between;
    align-items: center;
    background: #252426;
    color: #c3c3c3;
    border-bottom: solid 1px #181718;
    font-size: 12px;
    cursor: pointer
}

.side_left_menu>div.cat>span:first-child {
    display: flex;
    align-items: center
}

.side_left_menu>div.cat em {
    font-style: normal
}

.side_left_menu>div.cat i[class^=icon-] {
    font-size: 18px;
    margin: 0 4px 0 0
}

.side_left_menu .detail>span,.side_left_menu>span {
    display: block;
    padding: 8px 8px 8px 20px;
    cursor: pointer;
    border-bottom: solid .1rem #262426;
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    background: #2f2d30;
    color: #999
}

.side_left_menu .detail>span em,.side_left_menu>span em {
    font-style: normal
}

.side_left_menu .detail>span.on,.side_left_menu>span.on {
    background: #363536;
    color: #fff
}

.side_left_menu .detail>span [class^=icon-],.side_left_menu>span {
    padding: 4px;
    margin: 0 3px 0 0
}

.side_left_menu .detail>span.on [class^=icon-],.side_left_menu>span {
    background: #211e22;
    border-radius: 30px
}

.side_left_menu .detail>span[data-id=lang],.side_left_menu>span[data-id=lang] {
    display: none
}

.side_left_menu .detail>span[data-id=lang]>img,.side_left_menu>span[data-id=lang]>img {
    width: 16px;
    height: 16px
}

.side_left_menu .detail>span>.sub,.side_left_menu>span>.sub {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #c9ddff;
    z-index: 1;
    color: #000;
    min-width: 80px;
    display: none;
    border: solid 1px #000
}

.side_left_menu .detail>span>.sub span.lang,.side_left_menu>span>.sub span.lang {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-bottom: solid 1px #a9b4c7
}

.side_left_menu .detail>span>.sub span.lang img,.side_left_menu>span>.sub span.lang img {
    width: 15px;
    height: 15px
}

#leftContent {
    font-weight: 600
}

#leftContent .menuTabCont {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    justify-content: center;
    align-items: stretch;
    height: 50px;
    background: #000;
    margin: 1px 0 0 0
}

#leftContent .etcMenu {
    padding: 6px 15px;
    border-bottom: .1rem solid #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1.2rem
}

#leftContent .etcMenu.on {
    background: #369;
    color: #fff
}

#leftContent .etcMenu span[class^=iconv4-] {
    font-size: 2.2rem;
    margin: 0 .4rem 0 0;
    color: #c3c4c5
}

#leftContent .etcMenu:hover {
    background: #41332c
}

#leftContent .menuTabCont>.menuTab {
    flex: 1;
    cursor: pointer;
    position: relative;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #263148;
    color: #f9cc92
}

#leftContent .menuTabCont>.menuTab.on {
    background: #2f2d34;
    color: #f8eba1
}

#leftContent .menuTabCont>.menuTab:after {
    display: block;
    background: #111;
    position: absolute;
    content: '';
    height: .2rem;
    width: 100%;
    bottom: 0;
    left: 0
}

#leftContent .menuTabCont>.menuTab>span {
    display: block;
    color: #979797;
    font-size: 1.1rem
}

#leftContent .userInfo {
    display: none
}

#btnShowList {
    display: none
}

#leftContent .liveList>div {
    border-bottom: .1rem solid #181718;
    cursor: pointer;
    font-size: 1.2rem
}

#leftContent .leagueName {
    font-size: 12px;
    color: #b1b1b1;
    padding: 8px;
    background: #282828;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#leftContent .leagueName i[class^=iconv4-] {
    font-size: 14px;
    margin: 0 4px 0 0
}

#leftContent .liveList .team {
    color: #adadad;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0 4px 0
}

#leftContent .liveList .team span {
    flex: 1
}

#leftContent .liveList .team .vs {
    color: #ff3c3c;
    flex: 0 0 24px
}

#leftContent .liveList .team .awayTeam {
    text-align: right
}

#leftContent .liveList .game {
    background: #1c1c1c;
    padding: 8px
}

#leftContent .liveList .game:not(:only-child) {
    border-bottom: solid .1rem #000
}

#leftContent .liveList .game:last-child {
    border-bottom: solid 0 #000
}

#leftContent .liveList .game:hover {
    background: #141414
}

#leftContent .liveList .time {
    color: #ffdf98
}

#leftContent .liveList .status {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

#leftContent .liveList .score {
    color: #d7d7d7;
    font-family: DINWeb-Bold,sans-serif;
    font-size: 1.8rem
}

.forScrollWrap {
    overflow-y: auto;
    height: calc(100vh - 105px);
    overflow-x: hidden;
    padding: 0 6px 30px 0;
    -webkit-overflow-scrolling: touch
}

.games_layout .forScrollWrap {
    height: calc(100vh - 135px)
}

.gameMenu2.bet365+.forScrollWrap {
    height: calc(100vh - 270px)
}

.scroll {
    overscroll-behavior: none;
    scroll-behavior: smooth
}

.games_layout .forScrollWrap,.live_layout .forScrollWrap,.tokenGame_layout .forScrollWrap {
    padding: 0;
    position: relative
}

.forScrollWrap.upcoming {
    padding: 0
}

.leftMenuUserInfo {
    display: flex;
    flex-direction: column
}

.leftMenuUserInfo>div {
    padding: 9px 0 0 0
}

#top {
    display: block;
    position: fixed;
    background: rgba(17,22,34,.78);
    bottom: 0;
    right: 4px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding: 10px;
    border: solid 1px #454f6c;
    border-radius: 3px
}

#goSportTop {
    display: none;
    position: absolute;
    background: rgb(21 18 22 / 85%);
    right: 14px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding: 10px;
    border: solid 2px #c1c1c152;
    border-radius: 3px;
    cursor: pointer
}

#goSportTop:hover {
    border: solid 2px #ffbe5d
}

#goSportTop [class^=iconv4-] {
    color: #fff
}

.mid-menu {
    background: rgb(46 10 13);
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d8aa63
}

.mid-menu-name {
    cursor: pointer;
    display: flex;
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    font-weight: 700;
    font-size: 1.47rem;
    padding: 0 5px 0 0
}

.mid-menu-name.on {
    color: #f8eba1
}

.mid-menu-name:after {
    position: absolute;
    display: block;
    height: 2px;
    background: #f8eba1;
    content: "";
    bottom: 0;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    left: 50%;
    right: 50%
}

.mid-menu-name.on:after {
    position: absolute;
    display: block;
    height: 2px;
    background: #f8eba1;
    content: "";
    left: 0;
    right: 0;
    bottom: 0
}

.mid-menu-name:not(.no-link):hover:after {
    left: 0;
    right: 0
}

.mid-menu-name:not(.no-link):hover {
    color: #fff
}

.mid-menu-name em {
    font-style: normal
}

.mid-menu-name i {
    font-size: 2.4rem;
    margin-right: 4px
}

.forColumn {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto auto;
    grid-column-gap: 0;
    grid-row-gap: 4px;
    background: #111
}

.forColumn>.col.m1,.forColumn>.col.m2 {
    display: flex;
    flex-direction: column
}

.forColumn>.col.m2 img {
    max-width: 100%
}

.forColumn>.col.m3 {
    grid-area: 2/1/3/3
}

.forColumn.new {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px 1fr;
    grid-column-gap: 0;
    grid-row-gap: 4px;
    background: #111
}

.forColumn.new>.col.m1 {
    grid-column: 1/2;
    grid-row: 2/3
}

.forColumn.new>.col.m2 {
    grid-column: 2/3;
    grid-row: 1/3
}

#leftContent .popular>.title {
    padding: 10px 7px;
    background: #090909;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

#leftContent .popular>.itemList>.item {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #181718;
    font-size: 12px;
    cursor: pointer;
    color: #ccc
}

#leftContent .popular ul.gameList {
    display: flex;
    flex-direction: column;
    border: 0;
    background: 0 0
}

.five_game {
    display: flex;
    align-items: center;
    padding: 3px 10px;
    margin-bottom: 3px;
    cursor: pointer;
    background: linear-gradient(180deg,#272727,#161616);
    border-color: #424242 #181818 #232324 #2c3339
}

.five_game span {
    padding: 0 5px;
    font-size: 12px
}

.five_game span [class*=icon-sport]:before {
    width: 36px;
    height: 36px
}

.five_team_box {
    display: flex;
    flex-direction: column
}

.five_team_box>span {
    margin: 4px 0;
    display: flex;
    align-items: center;
    font-size: 12px
}

.five_team_box>span>span {
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 5px 0 0
}

#leftContent .popular>.itemList>.item:hover {
    background: #2f2d30;
    color: #fff
}

.isLoginBox {
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.isLoginBox>.isLoginWrap {
    border: solid 1px #303030;
    border-radius: 1px;
    overflow: hidden;
    margin: 80px 0 0 0;
    box-shadow: #0000009e 0 4px 10px 0
}

.isLoginWrap .title {
    background: #04a6e2;
    color: #fff;
    padding: 10px;
    width: 320px;
    text-align: center;
    font-weight: 600
}

.isLoginWrap .btnCont {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.isLoginWrap .btnCont .btn {
    background: #fff;
    margin: 10px;
    padding: 10px;
    border-radius: 30px;
    color: #04a6e2;
    border: #342923 solid 3px;
    font-weight: 600;
    min-width: 91px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    transition: .3s background
}

.isLoginWrap .btnCont .btn[data-id=login] {
    background: #000;
    border: #04a6e2 solid 3px
}

.isLoginWrap .btnCont .btn[data-id=sign] {
    background: #000;
    border: #04a6e2 solid 3px
}

.icon-cash1:before {
    content: "\ed81"
}

.icon-sport1:before {
    color: #fff
}

.icon-sport2 {
    color: #e65c2b
}

.icon-sport3:before {
    color: #e6ddd5
}

.icon-sport4:before {
    color: #8698ae
}

.icon-sport5:before {
    color: #cddc39
}

.icon-sport6:before {
    color: #fff
}

.icon-sport12:before {
    color: #a67d00
}

.icon-sport16:before {
    color: #a65400
}

.icon-sport23:before {
    color: #d1d1d1
}

.icon-smc_baseball:before {
    color: #fff261
}

.icon-smc_racing:before {
    color: #ffd302
}

.icon-smc_highlow1:before {
    color: #ff5a5a
}

.icon-smc_highlow2:before {
    color: #f66f21
}

.icon-smc_highlow3:before {
    color: #e98f21
}

.icon-game3:before,.icon-smc_powerball:before {
    color: #dcb501
}

.icon-line:before {
    color: #1cff5c
}

.icon-kakao:before {
    color: #ffe812
}

.icon-skype:before {
    color: #00aff0
}

.icon-twitter:before {
    color: #1dabdd
}

.icon-telegram:before {
    color: #31a8e2
}

.icon-wechat:before {
    color: #7ef659
}

.icon-tel:before {
    color: #609afb
}

.icon-mail:before {
    /*color: #609afb*/
}

.icon-tv:before {
    color: #1cff5c
}

,.icon-game14:before,.icon-ntry_kenoladder:before {
    color: #1cc8ff
}

.icon-game13:before,.icon-ntry_powerladder:before {
    color: #52adff
}

.icon-b365_soccer_superleague:before,.icon-game4Superleague:before {
    color: #1cff5c
}

.icon-b365_soccer_premiership:before,.icon-game4Premiership:before {
    color: #1cff5c
}

.icon-b365_soccer_worldcup:before,.icon-game4World:before {
    color: #1cff5c
}

.icon-b365_soccer_eurocup:before,.icon-game4Euro:before {
    color: #1cff5c
}

.icon-b365_dog_gpark:before,.icon-game5Goldenhill:before {
    color: #ffbc1c
}

.icon-b365_dog_hpark:before,.icon-game5Hillside:before {
    color: #ffbc1c
}

.icon-b365_horse_vpark:before,.icon-game6Vitoria:before {
    color: #ff1c1c
}

.icon-b365_horse_fdown:before,.icon-game6Festival:before {
    color: #ff1c1c
}

.icon-b365_horse_bway:before,.icon-game6Britannia:before {
    color: #ff1c1c
}

.icon-game21:before,.icon-joy_choice:before {
    color: #ff55f8
}

.icon-game20:before,.icon-joy_nine:before {
    color: #a01cff
}

.icon-game23:before,.icon-joy_roulette:before {
    color: #f55
}

.icon-game22:before,.icon-joy_pharaoh:before {
    color: #ef55ff
}

.icon-beteast_soccer:before {
    color: #9aff00
}

.icon-beteast_basketball:before {
    color: #96f600
}

.icon-beteast_baseball:before {
    color: #b1bd15
}

.icon-beteast_criket:before {
    color: #828c0a
}

.icon-game17:before,.icon-mgm_oe:before {
    color: #1cddff
}

.icon-game18:before,.icon-mgm_baccarat:before {
    color: #00adcb
}

.icon-sz_hammer1:before {
    color: #ffb11c
}

.icon-sz_hammer2:before {
    color: #d49620
}

.icon-sz_ladder1:before {
    color: #ff5d1c
}

.icon-sz_ladder3:before {
    color: #bf4210
}

.icon-sz_pk1:before {
    color: #00ff2e
}

.icon-sz_pk2:before {
    color: #00c724
}

.icon-sz_pk3:before {
    color: #00961b
}

.icon-coupon:before {
    content: "\eb0f"
}

.icon-money_sports:before {
    content: "\eaec";
    color: #835f39
}

.icon-money_casino:before {
    content: "\eaed";
    color: #835f39
}

.icon-add:before {
    content: "\eaee"
}

.icon-remove:before {
    content: "\eaef"
}

.icon-point2:before {
    content: "\eaf0";
    color: #835f39
}

.icon-power:before {
    content: "\eaf1";
    color: red
}

.icon-transfer:before {
    content: "\eaf2"
}

.icon-all:before,.icon-sport0:before {
    background-image: url(../img/sport/icon_all.png)
}

.icon-etc:before {
    content: "\eaf4"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-arrow-right:before {
    content: "\ea34"
}

.icon-arrow-right2:before {
    content: "\ea35"
}

.icon-money_mini:before {
    content: "\eaf5";
    color: #835f39
}

.intro-icon {
    background: url(../img/icon_intro.png) no-repeat;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 500% 500%;
    display: block
}

.intro-icon.sport {
    background-position: 0 0
}

.intro-icon.live {
    background-position: 25% 0
}

.intro-icon.evol {
    background-position: 50% 0
}

.intro-icon.playtech {
    background-position: 75% 0
}

.intro-icon.slot {
    background-position: 100% 0
}

.intro-icon.games {
    background-position: 0 25%
}

.intro-icon.fx {
    background-position: 25% 25%
}

.intro-icon.bet365 {
    background-position: 50% 25%
}

.intro-icon.roulette {
    background-position: 75% 25%
}

.intro-icon.event {
    background-position: 100% 25%
}

.intro-icon.mybet {
    background-position: 0 50%
}

.intro-icon.qna {
    background-position: 25% 50%
}

.intro-icon.deposit {
    background-position: 50% 50%
}

.intro-icon.withdrawal {
    background-position: 75% 50%
}

.intro-icon.message {
    background-position: 100% 50%
}

.intro-icon.bbs {
    background-position: 0 75%
}

.intro-icon.recommender {
    background-position: 25% 75%
}

.intro-icon.eventNotice {
    background-position: 50% 75%
}

::-webkit-scrollbar {
    width: 2px;
    height: 1px;
    display: none;
    transition: .3s
}

.TopMenu {
    font-size: 1.2rem;
    padding: 0;
    background: #090909;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 2px solid #21bfd1;
    border-bottom: 2px solid #21bfd1
}

.InfoBox #btnLogin,.InfoBox #btnLogout {
    border-radius: 30px;
    background: #0d0d0d;
    color: #fff;
    border: 2px solid #775334;
    padding: 4px 12px;
    font-weight: 600
}

.InfoBox #btnLogin:hover,.InfoBox #btnLogout:hover {
    border: 2px solid #e39d61
}

.TopMenu>ul {
    display: flex;
    height: 39px;
    justify-content: space-around;
    align-items: center;
    color: #fff
}

.TopMenu>ul.main-menu-box1 {
    flex: .6
}

.TopMenu>ul>li>div.main {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.TopMenu>ul.main-menu-box1>li {
    height: 100%;
    cursor: pointer;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.TopMenu ul.main-menu-box1>.mMenu>.main>span {
    display: none
}

.TopMenu .mMenu>.main>em {
    display: block;
    font-size: 1.6rem;
    color: #e5e5e5;
    font-weight: 700;
    font-style: normal;
    white-space: nowrap;
    font-weight: 600
}

.TopMenu .mMenu:hover>.main>em {
    color: #21bfd0
}

.TopMenu .mMenu:hover:after {
    left: 0;
    right: 0
}

.TopMenu input {
    text-align: center;
    border: none;
    height: 24px;
    border-radius: 3px;
    margin: 0 4px 0 0;
    width: 13rem
}

.TopMenu button {
    border: none;
    border-radius: 3px;
    background: #d8aa63;
    color: #000;
    height: 24px;
    width: 7rem;
    margin: 0 4px 0 0;
    font-size: 1.2rem;
    font-weight: 700
}

.TopMenu button:hover {
    background: #f8eba1
}

.TopMenu .top_user_info>span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    position: relative
}

.TopMenu .top_user_info>span>i {
    margin-right: 4px;
    font-size: 1.5rem
}

.TopMenu .top_user_info>span:after {
    position: absolute;
    display: block;
    height: 2px;
    background: #f8eba1;
    content: "";
    bottom: 0;
    transition: all 60ms ease-out;
    -webkit-transition: all 60ms ease-out;
    left: 51%;
    right: 50%
}

.TopMenu .top_user_info>span:hover:after {
    left: 0;
    right: 0
}

.myInfo-wrap {
    font-weight: 500
}

#user_info .myInfo {
    background: #222;
    padding: 0;
    margin: 0 0 3px 0;
    border-radius: 0;
    overflow: hidden;
    color: #fff
}

#user_info .user-info .lvCont {
    background: #222;
    padding: 6px 10px;
    display: flex;
    color: #fff;
    border-bottom: 1px solid #444;
    justify-content: space-between;
    align-items: center
}

#user_info .user-info .lvCont .t2 {
    font-size: 12px;
    background: linear-gradient(to bottom,rgba(50,50,50,1) 0,rgba(20,20,20,1) 100%);
    padding: 3px 3px;
    font-weight: 100;
    border: 1px solid #111;
    color: #fff;
    letter-spacing: 1px
}

#user_info .user-info .lvCont [class^=iconv4-] {
    font-size: 16px;
    margin: 0 4px 0 0
}

#user_info .user-info .msgCont {
    display: flex;
    justify-content: stretch;
    align-items: center
}

#user_info .user-info .msgCont [class^=iconv4-] {
    font-size: 18px
}

#user_info .user-info .msgCont em {
    color: #ff8d00;
    font-family: DINWeb-Bold,sans-serif;
    font-size: 14px;
    font-style: normal;
    margin: 0 2px
}

#user_info .user-info .msgCont [class^=iconv4-]:before {
    color: #f0e198
}

#user_info .user-info .msgCont>div {
    flex: 1;
    text-align: center;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

#user_info .user-info .msgCont>div:first-child {
    border-right: 1px solid #40352d
}

#user_info .user-info #intro_nick {
    font-style: normal;
    font-weight: 600;
    font-size: 14px
}

#user_info .user-info .msgCont li {
    display: flex;
    align-items: center;
    justify-content: center
}

#user_info .icon-id:before {
    color: #bfbfbf
}

#btnLogout {
    cursor: pointer
}

#btnLogout:hover:before {
    color: #ff3030
}

.user-info .btnCont {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #ededed;
    font-size: 12px;
    margin: 5px 0 5px 0;
    background: #222
}

.user-info .btnCont.before {
    background: 0 0;
    background-image: none
}

.user-info .btnCont>div {
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    padding: 9px 0;
    cursor: pointer;
    border-radius: 0
}

.user-info .btnCont>div {
    border-width: 1px 1px 1px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    background: #111;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    width: calc(25% - 5px)
}

.user-info .btnCont>div:first-child {
    border-width: 1px
}

.user-info .btnCont>.btn_login {
    width: 100%;
    border: 1px solid #6d6d6d;
    font-size: 14px;
    border-radius: 4px
}

.user-info .btnCont>.btn_login>span[class=icon-power] {
    font-size: 16px;
    margin: 0 5px 0 0
}

.user-info .btnCont.before>.btn_login {
    width: 100%;
    border: 0 solid #6d6d6d;
    background-image: linear-gradient(360deg,#b3b3b3 0,#fff);
    font-size: 15px;
    border-radius: 2px;
    color: #000;
    font-weight: 700
}

.property>div {
    display: flex;
    justify-content: space-between;
    height: 35px
}

.property>div:nth-child(3) {
    padding: 4px 0;
    height: auto
}

.property>div>span {
    padding: 6px 0 6px 9px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    font-size: 13px
}

.property>div:nth-child(1)>span>em {
    color: #f90
}

.property>div>span>em {
    color: #5f5;
    font-size: 13px;
    font-style: normal;
    margin: 0 4px 0 4px
}

.property>div>span>em[data-id^=roulette] {
    color: #fff
}

.property>div>span:nth-child(2) {
    justify-content: flex-end;
    padding: 6px 15px 6px 0
}

.property>div>span>[class^=iconv4-] {
    font-size: 17px;
    margin: 0 4px 0 0
}

.property>div>span[data-id='roulette/2']>[class^=iconv4-] {
    color: #21bfd0
}

.user-info .btnCont>div>[class^=iconv4-] {
    font-size: 12px;
    margin: 0 0 8px 0
}

.goLink {
    cursor: pointer;
    display: flex;
    align-items: center
}

.goLink.trsfr:hover {
    background: #00000000
}

#user_info .user-info .lvCont [class^=iconv4-]#btnLogout {
    margin: 0 0 0 10px
}

.addMenu-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(5,1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    background: #222;
    overflow: hidden;
    margin: 0 0 6px 0;
    border: 1px solid #222
}

.addMenu-wrap.inv {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    margin: 0;
    background-image: linear-gradient(90deg,#2c2b32 0,#212026)!important
}

.addMenu-wrap>i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: 13px;
    background: #111;
    text-shadow: 1px 1px 2px rgb(0 0 0)
}

.addMenu-wrap>i[data-id=bbs],.addMenu-wrap>i[data-id=depositBonus],.addMenu-wrap>i[data-id=revolution],.addMenu-wrap>i[data-id=sportmain],.addMenu-wrap>i[data-id=tokenGame] {
    border-left: 0;
    border-right: 0
}

.addMenu-wrap>i>a {
    color: #fff
}

.addMenu-wrap>i.inv {
    background: linear-gradient(180deg,#2adaee 0,#105d66);
    color: #fff;
    border-color: #ffffff14 #0000002e #0000008c #ffffff12
}

.addMenu-wrap i[class^=iconv4-] {
    margin: 0 4px 0 0
}

.snb-btn {
    display: flex;
    justify-content: space-between;
    background: #000;
    margin: 0 0 2px 0
}

.snb-btn>div {
    height: calc(137px * 75 / 142);
    width: 145px;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #000;
    margin: 2px;
    border: 1px solid #21bfd1
}


.snb-btn>.revolution-btn {
    height: calc(294px * 75 / 300);
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #000;
    margin: 2px;
    border: 1px solid #21bfd1
}


.loginBox {
    padding: 8px
}

.loginBox>div {
    position: relative
}

.loginBox>div:first-child {
    color: #efdc90;
    font-weight: 400;
    margin: 0 0 4px 0
}

.user-info .loginBox .btnCont {
    margin: 4px 0 0 0
}

.loginBox input {
    width: 100%;
    padding: 8px 8px 8px 32px;
    background: #000;
    border: solid 1px #4d4d4d;
    border-radius: 0;
    font-size: 14px;
    height: 30px;
    color: #fff
}

.loginBox input:focus {
    background: #1a020b;
    border: solid 1px #0060b2;
    color: #fff;
    outline: 0
}

.loginBox input::placeholder {
    color: #ababab;
    font-size: 13px
}

.loginBox input:focus::placeholder {
    color: #1a020b
}

.loginIcon {
    position: absolute;
    left: 8px;
    top: 8px
}

.loginIcon:before {
    color: #696969!important
}

.loginBox input:focus+.loginIcon:before {
    color: #0060b2!important
}

.loginContainer .loginIcon {
    position: absolute;
    left: 13px;
    top: 20px
}

.loginContainer input:focus+.loginIcon:before {
    color: #0060b2!important
}

.mLoginBtnCont {
    display: none;
    background: #000
}

.mLoginBtnCont .btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #21bfd1;
    background: #111;
    border-radius: 3px;
    margin: 4px 4px;
    padding: 13px 0;
    cursor: pointer
}

.mLoginBtnCont .btn[data-id=sign] {
    background: linear-gradient(180deg,#2adaee 0,#105d66);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    color: #fff
}

.mLoginBtnCont .btn>span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff
}

.mLoginBtnCont .btn>span>i[class^=iconv4-] {
    margin: 0 4px 0 0;
    font-size: 24px
}

.nickbox {
    border-width: 1px 0
}

.addMenu-search {
    padding: 0 4px 4px 4px
}

.addMenu-search>div {
    padding: 4px
}

.addMenu-search input {
    width: calc(100% - 40px);
    padding: 4px;
    height: 30px;
    border: none;
    color: #fff;
    font-weight: 700;
    background: #090909;
    text-align: center;
    border-bottom: solid 1px #fff
}

.addMenu-search button {
    width: 30px;
    height: 30px;
    border: none;
    background: #090909;
    color: #fff;
    margin: 0 0 0 4px;
        padding: unset;
}

.InfoBox-wrap {
    background: #090909
}

.InfoBox {
    display: flex;
    height: 95px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.InfoBox a,.InfoBox a:visited {
    color: #fff
}

.InfoBox>.col {
    white-space: nowrap;
    flex: 1;
    display: flex;
    align-items: center
}

.InfoBox>.col.middle {
    text-align: center
}

.InfoBox>.col.right {
    text-align: right;
    justify-content: flex-end;
    padding: 0 10px 0 0;
    margin: 20px 0 0 0
}

.InfoBox .col.right>span {
    position: relative;
    cursor: pointer;
    margin: 0 10px;
    display: flex;
    align-items: center;
    font-size: 13px
}

.InfoBox .col.right>span.btnLogin {
    margin: 0 0 0 14px;
    padding: 2px 0;
    border-radius: 30px;
    background: #000;
    color: #fff;
    border: #21bfd1 solid 2px;
    font-weight: 500;
    min-width: 73px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    transition: .3s background;
    display: inline-block;
    width: 145px;
    height: 34px;
    line-height: 26px
}

.InfoBox .col.right>span.btnLogin[data-id=sign] {
    background: linear-gradient(180deg,#2adaee 0,#105d66);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    width: 124px
}

.InfoBox .col.right>span.btnLogin[data-id=logout] {
    border: 2px solid #daa;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7);
    background: linear-gradient(to bottom,rgba(164,30,30,1) 1%,rgba(100,15,15,1) 100%);
    width: 120px
}

.InfoBox i.divide {
    width: 1px;
    height: 16px;
    background: #838383
}

.InfoBox .col.right i[class^=iconv4-]:before {
    font-size: 13px;
    color: #21bfd1;
    margin: 0 2px 0 0
}

.InfoBox .col.right>span>.sub {
    position: absolute;
    top: 30px;
    right: 0;
    background: #d8aa63;
    z-index: 9;
    color: #000;
    min-width: 80px;
    display: none;
    border: solid 1px #000
}

.InfoBox .col.right>span>.sub>span {
    padding: 8px 6px;
    border-bottom: solid 1px #835f39
}

.InfoBox .col.right>span>.sub>span:last-child {
    border-bottom: solid 0 #000
}

.InfoBox .col.right>span>.sub>span:hover {
    background: #f8eba1
}

.InfoBox .col.right span.lang {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.InfoBox .col.right span.lang img {
    width: 15px;
    height: 15px
}

.InfoBox .col.left>span {
    position: relative;
    margin-right: 12px
}

.InfoBox .col.left span:not(:last-child)>abbr:before {
    position: absolute;
    display: block;
    width: 0;
    height: 100%;
    background: #667177;
    content: "";
    top: 0;
    right: -7px
}

.InfoBox .col.left>span:first-child:after {
    width: 0
}

.InfoBox .userInfo:not(.nolink) {
    cursor: pointer;
    position: relative
}

.InfoBox .userInfo .ico {
    margin: 0 4px 0 0
}

.InfoBox #messageCount,.InfoBox #qnaCount,.InfoBox #tvCount {
    font-size: 11px;
    color: #000;
    font-weight: 700;
    vertical-align: top;
    background: #f8eba1;
    border-radius: 29px;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: -5px;
    line-height: 15px
}

.InfoBox #usrid {
    vertical-align: top
}

.InfoBox #money,.InfoBox #point,.InfoBox #winPoint {
    font-size: 14px;
    color: #efefef;
    font-weight: 700;
    vertical-align: top
}

.InfoBox #money {
    color: #ff0
}

.InfoBox .userInfo:hover>abbr:after {
    left: 0;
    right: 0
}

.scrollNotice-cont {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: #f8eba1;
    overflow: hidden;
    font-size: 12px;
    padding: 5px;
    background: #241c18
}

.scrollNotice-copy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: #04a6e2;
    overflow: hidden;
    font-size: 14px;
    padding: 6px 10px;
    background: #1c242c;
    border-radius: 60px
}

#quickAnnounce {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 800px
}

#quickAnnounce p:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px
}

#quickAnnounce p {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 20s;
    animation-iteration-count: infinite
}

#quickAnnounce-copy {
    overflow: hidden;
    position: relative;
    width: 320px;
    color: #fff;
    font-weight: 500
}

#quickAnnounce-copy p:after {
    content: "";
    white-space: nowrap;
    padding-right: 50px
}

#quickAnnounce-copy p {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 20s;
    animation-iteration-count: infinite
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translate(0)
    }

    99%,to {
        -webkit-transform: translate(-100%)
    }
}

@-moz-keyframes marquee {
    from {
        -moz-transform: translate(0)
    }

    99%,to {
        -moz-transform: translate(-100%)
    }
}

@-ms-keyframes marquee {
    from {
        -ms-transform: translate(0)
    }

    99%,to {
        -ms-transform: translate(-100%)
    }
}

@-o-keyframes marquee {
    from {
        -o-transform: translate(0)
    }

    99%,to {
        -o-transform: translate(-100%)
    }
}

@keyframes marquee {
    from {
        transform: translate(0)
    }

    99%,to {
        transform: translate(-100%)
    }
}

#footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #000;
    z-index: 4
}

#footer>div {
    position: relative
}

.footerCont {
    display: none
}

.footerCont>.wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #c7c7c7;
    padding: 40px 0
}

.footerCont .right {
    padding: 4px
}

.footerCont .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    white-space: nowrap
}

.footerCont .right a:active,.footerCont .right a:visited {
    color: #aaa
}

.footerCont .right a:hover {
    text-decoration: underline
}

.footerCont .right a img {
    height: 30px;
    margin-right: 4px
}

#btnFooter {
    position: absolute;
    top: -20px;
    width: 60px;
    height: 20px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#footer.sh .icon-arrow-up {
    display: none
}

#footer.sh .icon-arrow-down {
    display: block
}

#btnFooter .icon-arrow-down {
    color: #f8eba1
}

#btnFooter .icon-arrow-down {
    display: none
}

#footer.sh #btnFooter {
    top: -20px
}

#sign .loginContainer,#sign .signContainer {
    z-index: 3;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

.loginContainer .wrap1,.signContainer .formWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.loginContainer .wrap1 {
    align-items: flex-start
}

.signContainer .colWrap {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 0;
    margin: 6px 0;
    border-radius: 10px;
    overflow: hidden
}

.signContainer .colWrap .col {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start
}

.formWrap form {
    background-image: linear-gradient(134deg,#3f3f3f 0,#101010 5%,#1c1c1cad 30%,rgb(0 0 0 / 45%) 50%,#29292996 70%,#101010 95%,#3f3f3f);
    border-radius: 15px;
    position: relative;
    border: 2px solid #212121
}

.loginContainer .wrap2 {
    margin: 0 auto;
    width: 774px;
    position: relative;
    font-size: 18px;
    color: #fff
}

.loginContainer .wrap2 {
    width: 344px;
    margin: 180px 0 0 0
}

.loginContainer .txt {
    padding: 8px;
    text-align: center;
    cursor: pointer;
    color: #aaa;
    font-size: 16px
}

.loginContainer .txt:hover {
    color: #fff
}

.loginContainer .btn_login {
    background: #21bfd1;
    text-align: center;
    border: 0;
    margin: 0 0 10px 0;
    font-weight: 100;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 0;
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 58%)
}

.loginContainer .btn_login[data-id=telegram] {
    width: 163px;
    background-image: none;
    font-weight: 500;
    padding: 5px 0 0 0;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 auto
}

.loginContainer .btn_login[data-id=telegram] .teleicon {
    width: 23px;
    height: 23px;
    background: url(../img/poplogin_tele.png);
    background-size: cover;
    margin: 0 5px 0 0
}

.loginContainer .btn_login[data-id=telegram] .teletext {
    position: relative
}

.loginContainer .btn_login[data-id=telegram] .teletext:before {
    display: block;
    background: #7d586c;
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    bottom: -1px;
    left: 0
}

.loginContainer .btn_login>[class^=iconv4-] {
    font-size: 13px;
    margin: 0 8px 0 0
}

.loginContainer .btn_login>[class^=iconv4-]:before {
    color: #cdcdcd
}

.loginContainer .wrap2 .box {
    background-image: linear-gradient(134deg,#3f3f3f 0,#101010 5%,#1c1c1cad 30%,rgb(0 0 0 / 45%) 50%,#29292996 70%,#101010 95%,#3f3f3f);
    border: 2px solid #212121;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    margin: 15% auto 0;
    position: relative
}

.loginContainer .wrap2 .box .col {
    background-size: cover;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    border-radius: 0
}

.loginContainer .wrap2 .box .col>div {
    width: 100%;
    margin: 0 0 4px 0;
    position: relative
}

.loginContainer .wrap2 .box .col>.btnCont {
    margin: 25px auto 5px
}

.loginContainer .wrap2 .box .col>.btnCont>div:nth-child(2) {
    background: #2a2a2a
}

.loginContainer .wrap2 .box .col>div>span {
    margin: 20px 0 10px;
    color: #999;
    font-size: 12px
}

.loginContainer .wrap2 .box .col input {
    color: #fff;
    border: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    background: rgba(50,50,50,.9)
}

.loginContainer .wrap2 .box .col input:focus {
    color: #fff;
    outline: 0
}

.loginContainer .wrap2 .box .col input::placeholder {
    color: #ababab;
    font-size: 15px
}

#btnCloseLogin,#btnCloseSign {
    position: absolute;
    top: 75px;
    right: 9px;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    cursor: pointer
}

#btnCloseSign {
    top: 14px;
    right: 0
}

#btnCloseLogin .icon-del2,#btnCloseSign .icon-del2 {
    font-size: 0
}

#btnCloseLogin .icon-del2:before,#btnCloseSign .icon-del2:before {
    color: #827e87
}

.signContainer .col>div {
    display: flex;
    padding: 6px 0;
    align-items: center;
    flex-wrap: wrap;
    width: 305px
}

.signContainer label {
    display: block;
    width: 100%;
    padding: 0 0 4px 0;
    font-size: 13px;
    color: #c5c5c5
}

.signContainer label>span {
    font-size: 12px;
    color: #cdcdcd
}

.signContainer label>span>em {
    color: #04a6e2;
    font-weight: 700
}

.signContainer .btnCont {
    display: flex;
    padding: 10px 0;
    justify-content: center
}

.signContainer .btnCont button {
    width: 320px;
    height: 52px;
    line-height: 50px;
    margin-bottom: 5px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    padding: 0;
    border-radius: 4px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
    border: solid 1px #000;
    transition: .2s;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3);
    background: linear-gradient(to bottom,#2adaee 1%,#105d66 100%);
    font-size: 14px;
    margin: 1px auto 1px;
    text-align: center
}

#btnCheckId,#btnCheckName,#btnSendCode {
    padding: 5px;
    border: solid 0 #04a6e2;
    border-radius: 4px;
    margin: 0 0 0 3px;
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    font-weight: 500;
    font-size: 13px;
    color: #fff
}

.signContainer input,.signContainer select {
    width: 317px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    margin: 0 auto 1px;
    border-radius: 4px;
    background: rgba(50,50,50,.9);
    transition: .2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
    text-align: center
}

.signContainer input#name,.signContainer input#userId {
    width: 245px
}

.signContainer input.tel,.signContainer select.tel {
    width: 91px
}

.signContainer .code input.tel,.signContainer .code select.tel {
    width: 67px
}

.signContainer .title {
    text-align: center
}

.signContainer .title img {
    width: 24%;
    margin-top: 40px
}

.loginContainer .title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 10px 0
}

.loginContainer .title img {
    width: 150px
}

.loginContainer .title>span {
    background: url(../img/logo.png)
}

[class*=" icon-flag-"],[class^=icon-flag-] {
    display: inline-block;
    background: url(../img/icon-flags.png);
    background-size: 2100%;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    border-radius: 2px
}

.icon-flag-world {
    background-position: 5% 0
}

.icon-flag-euro {
    background-position: 10% 0
}

.icon-flag-ad {
    background-position: 15% 0
}

.icon-flag-ae {
    background-position: 20% 0
}

.icon-flag-af {
    background-position: 25% 0
}

.icon-flag-ag {
    background-position: 30% 0
}

.icon-flag-ai {
    background-position: 35% 0
}

.icon-flag-al {
    background-position: 40% 0
}

.icon-flag-am {
    background-position: 45% 0
}

.icon-flag-ao {
    background-position: 50% 0
}

.icon-flag-ar {
    background-position: 55% 0
}

.icon-flag-at {
    background-position: 60% 0
}

.icon-flag-au {
    background-position: 65% 0
}

.icon-flag-aw {
    background-position: 70% 0
}

.icon-flag-az {
    background-position: 75% 0
}

.icon-flag-ba {
    background-position: 80% 0
}

.icon-flag-bb {
    background-position: 85% 0
}

.icon-flag-bd {
    background-position: 90% 0
}

.icon-flag-be {
    background-position: 95% 0
}

.icon-flag-bf {
    background-position: 100% 0
}

.icon-flag-bg {
    background-position: 0 5%
}

.icon-flag-bh {
    background-position: 5% 5%
}

.icon-flag-bi {
    background-position: 10% 5%
}

.icon-flag-bj {
    background-position: 15% 5%
}

.icon-flag-bm {
    background-position: 20% 5%
}

.icon-flag-bn {
    background-position: 25% 5%
}

.icon-flag-bo {
    background-position: 30% 5%
}

.icon-flag-br {
    background-position: 35% 5%
}

.icon-flag-bs {
    background-position: 40% 5%
}

.icon-flag-bt {
    background-position: 45% 5%
}

.icon-flag-bw {
    background-position: 50% 5%
}

.icon-flag-by {
    background-position: 55% 5%
}

.icon-flag-bz {
    background-position: 60% 5%
}

.icon-flag-ca {
    background-position: 65% 5%
}

.icon-flag-cd {
    background-position: 70% 5%
}

.icon-flag-cf {
    background-position: 75% 5%
}

.icon-flag-cg {
    background-position: 80% 5%
}

.icon-flag-ch {
    background-position: 85% 5%
}

.icon-flag-ci {
    background-position: 90% 5%
}

.icon-flag-cl {
    background-position: 95% 5%
}

.icon-flag-cm {
    background-position: 100% 5%
}

.icon-flag-cn {
    background-position: 0 10%
}

.icon-flag-co {
    background-position: 5% 10%
}

.icon-flag-cr {
    background-position: 10% 10%
}

.icon-flag-cu {
    background-position: 15% 10%
}

.icon-flag-cv {
    background-position: 20% 10%
}

.icon-flag-cw {
    background-position: 25% 10%
}

.icon-flag-cy {
    background-position: 30% 10%
}

.icon-flag-cz {
    background-position: 35% 10%
}

.icon-flag-de {
    background-position: 40% 10%
}

.icon-flag-dj {
    background-position: 45% 10%
}

.icon-flag-dk {
    background-position: 50% 10%
}

.icon-flag-dm {
    background-position: 55% 10%
}

.icon-flag-do {
    background-position: 60% 10%
}

.icon-flag-dz {
    background-position: 65% 10%
}

.icon-flag-ec {
    background-position: 70% 10%
}

.icon-flag-ee {
    background-position: 75% 10%
}

.icon-flag-eg {
    background-position: 80% 10%
}

.icon-flag-eh {
    background-position: 85% 10%
}

.icon-flag-er {
    background-position: 90% 10%
}

.icon-flag-es {
    background-position: 95% 10%
}

.icon-flag-et {
    background-position: 100% 10%
}

.icon-flag-fi {
    background-position: 0 15%
}

.icon-flag-fj {
    background-position: 5% 15%
}

.icon-flag-fr {
    background-position: 10% 15%
}

.icon-flag-ga {
    background-position: 15% 15%
}

.icon-flag-gb {
    background-position: 20% 15%
}

.icon-flag-gd {
    background-position: 25% 15%
}

.icon-flag-ge {
    background-position: 30% 15%
}

.icon-flag-gg {
    background-position: 35% 15%
}

.icon-flag-gh {
    background-position: 40% 15%
}

.icon-flag-gi {
    background-position: 45% 15%
}

.icon-flag-gl {
    background-position: 50% 15%
}

.icon-flag-gm {
    background-position: 55% 15%
}

.icon-flag-gn {
    background-position: 60% 15%
}

.icon-flag-gp {
    background-position: 65% 15%
}

.icon-flag-gq {
    background-position: 70% 15%
}

.icon-flag-gr {
    background-position: 75% 15%
}

.icon-flag-gt {
    background-position: 80% 15%
}

.icon-flag-gu {
    background-position: 85% 15%
}

.icon-flag-gy {
    background-position: 90% 15%
}

.icon-flag-hk {
    background-position: 95% 15%
}

.icon-flag-hn {
    background-position: 100% 15%
}

.icon-flag-hr {
    background-position: 0 20%
}

.icon-flag-ht {
    background-position: 5% 20%
}

.icon-flag-hu {
    background-position: 10% 20%
}

.icon-flag-id {
    background-position: 15% 20%
}

.icon-flag-ie {
    background-position: 20% 20%
}

.icon-flag-il {
    background-position: 25% 20%
}

.icon-flag-im {
    background-position: 30% 20%
}

.icon-flag-in {
    background-position: 35% 20%
}

.icon-flag-iq {
    background-position: 40% 20%
}

.icon-flag-ir {
    background-position: 45% 20%
}

.icon-flag-is {
    background-position: 50% 20%
}

.icon-flag-it {
    background-position: 55% 20%
}

.icon-flag-je {
    background-position: 60% 20%
}

.icon-flag-jm {
    background-position: 65% 20%
}

.icon-flag-jo {
    background-position: 70% 20%
}

.icon-flag-jp {
    background-position: 75% 20%
}

.icon-flag-ke {
    background-position: 80% 20%
}

.icon-flag-kg {
    background-position: 85% 20%
}

.icon-flag-kh {
    background-position: 90% 20%
}

.icon-flag-km {
    background-position: 95% 20%
}

.icon-flag-kn {
    background-position: 100% 20%
}

.icon-flag-kr {
    background-position: 0 25%
}

.icon-flag-kw {
    background-position: 5% 25%
}

.icon-flag-fault {
    background-position: 10% 25%
}

.icon-flag-ky {
    background-position: 15% 25%
}

.icon-flag-kz {
    background-position: 20% 25%
}

.icon-flag-la {
    background-position: 25% 25%
}

.icon-flag-lb {
    background-position: 30% 25%
}

.icon-flag-lc {
    background-position: 35% 25%
}

.icon-flag-li {
    background-position: 40% 25%
}

.icon-flag-lk {
    background-position: 45% 25%
}

.icon-flag-lr {
    background-position: 50% 25%
}

.icon-flag-ls {
    background-position: 55% 25%
}

.icon-flag-lt {
    background-position: 60% 25%
}

.icon-flag-lu {
    background-position: 65% 25%
}

.icon-flag-lv {
    background-position: 70% 25%
}

.icon-flag-ly {
    background-position: 75% 25%
}

.icon-flag-ma {
    background-position: 80% 25%
}

.icon-flag-mc {
    background-position: 85% 25%
}

.icon-flag-md {
    background-position: 90% 25%
}

.icon-flag-me {
    background-position: 95% 25%
}

.icon-flag-mg {
    background-position: 100% 25%
}

.icon-flag-mk {
    background-position: 0 30%
}

.icon-flag-ml {
    background-position: 5% 30%
}

.icon-flag-mm {
    background-position: 10% 30%
}

.icon-flag-mn {
    background-position: 15% 30%
}

.icon-flag-mo {
    background-position: 20% 30%
}

.icon-flag-mq {
    background-position: 25% 30%
}

.icon-flag-mr {
    background-position: 30% 30%
}

.icon-flag-ms {
    background-position: 35% 30%
}

.icon-flag-mt {
    background-position: 40% 30%
}

.icon-flag-mu {
    background-position: 45% 30%
}

.icon-flag-mv {
    background-position: 50% 30%
}

.icon-flag-mw {
    background-position: 55% 30%
}

.icon-flag-mx {
    background-position: 60% 30%
}

.icon-flag-my {
    background-position: 65% 30%
}

.icon-flag-mz {
    background-position: 70% 30%
}

.icon-flag-na {
    background-position: 75% 30%
}

.icon-flag-nc {
    background-position: 80% 30%
}

.icon-flag-ne {
    background-position: 85% 30%
}

.icon-flag-ng {
    background-position: 90% 30%
}

.icon-flag-ni {
    background-position: 95% 30%
}

.icon-flag-nl {
    background-position: 100% 30%
}

.icon-flag-no {
    background-position: 0 35%
}

.icon-flag-np {
    background-position: 5% 35%
}

.icon-flag-nz {
    background-position: 10% 35%
}

.icon-flag-om {
    background-position: 15% 35%
}

.icon-flag-pa {
    background-position: 20% 35%
}

.icon-flag-pe {
    background-position: 25% 35%
}

.icon-flag-pg {
    background-position: 30% 35%
}

.icon-flag-ph {
    background-position: 35% 35%
}

.icon-flag-pk {
    background-position: 40% 35%
}

.icon-flag-pl {
    background-position: 45% 35%
}

.icon-flag-ps {
    background-position: 50% 35%
}

.icon-flag-pt {
    background-position: 55% 35%
}

.icon-flag-py {
    background-position: 60% 35%
}

.icon-flag-qa {
    background-position: 65% 35%
}

.icon-flag-ro {
    background-position: 70% 35%
}

.icon-flag-rs {
    background-position: 75% 35%
}

.icon-flag-ru {
    background-position: 80% 35%
}

.icon-flag-rw {
    background-position: 85% 35%
}

.icon-flag-sa {
    background-position: 90% 35%
}

.icon-flag-sc {
    background-position: 95% 35%
}

.icon-flag-sd {
    background-position: 100% 35%
}

.icon-flag-se {
    background-position: 0 40%
}

.icon-flag-sg {
    background-position: 5% 40%
}

.icon-flag-si {
    background-position: 10% 40%
}

.icon-flag-sk {
    background-position: 15% 40%
}

.icon-flag-sl {
    background-position: 20% 40%
}

.icon-flag-sm {
    background-position: 25% 40%
}

.icon-flag-sn {
    background-position: 30% 40%
}

.icon-flag-so {
    background-position: 35% 40%
}

.icon-flag-sr {
    background-position: 40% 40%
}

.icon-flag-st {
    background-position: 45% 40%
}

.icon-flag-sv {
    background-position: 50% 40%
}

.icon-flag-sx {
    background-position: 55% 40%
}

.icon-flag-sy {
    background-position: 60% 40%
}

.icon-flag-sz {
    background-position: 65% 40%
}

.icon-flag-tc {
    background-position: 70% 40%
}

.icon-flag-td {
    background-position: 75% 40%
}

.icon-flag-tg {
    background-position: 80% 40%
}

.icon-flag-th {
    background-position: 85% 40%
}

.icon-flag-tj {
    background-position: 90% 40%
}

.icon-flag-tl {
    background-position: 95% 40%
}

.icon-flag-tn {
    background-position: 100% 40%
}

.icon-flag-tr {
    background-position: 0 45%
}

.icon-flag-tt {
    background-position: 5% 45%
}

.icon-flag-tw {
    background-position: 10% 45%
}

.icon-flag-tz {
    background-position: 15% 45%
}

.icon-flag-ua {
    background-position: 20% 45%
}

.icon-flag-ug {
    background-position: 25% 45%
}

.icon-flag-us {
    background-position: 30% 45%
}

.icon-flag-uy {
    background-position: 35% 45%
}

.icon-flag-uz {
    background-position: 40% 45%
}

.icon-flag-va {
    background-position: 45% 45%
}

.icon-flag-vc {
    background-position: 50% 45%
}

.icon-flag-ve {
    background-position: 55% 45%
}

.icon-flag-vn {
    background-position: 60% 45%
}

.icon-flag-xk {
    background-position: 65% 45%
}

.icon-flag-ye {
    background-position: 70% 45%
}

.icon-flag-yt {
    background-position: 75% 45%
}

.icon-flag-za {
    background-position: 80% 45%
}

.icon-flag-zm {
    background-position: 85% 45%
}

.icon-flag-zw {
    background-position: 90% 45%
}

.icon-flag-sco {
    background-position: 95% 45%
}

.icon-flag-wal {
    background-position: 100% 45%
}

.icon-flag-pr {
    background-position: 0 50%
}

.icon-flag-lol {
    background-position: 5% 50%
}

[class*=" icon-league-"],[class^=icon-league-] {
    display: inline-block;
    background: url(../img/league_logo.png);
    background-size: 2100%;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0
}

.icon-league-1000000067,.icon-league-premere {
    background-position: 5% 0
}

.icon-league-1000000064,.icon-league-nba {
    background-position: 10% 0
}

.icon-league-1000000019,.icon-league-nhl {
    background-position: 15% 0
}

.icon-league-1000000183,.icon-league-mlb {
    background-position: 20% 0
}

.icon-league-1000000154,.icon-league-1000007807,.icon-league-kbo {
    background-position: 25% 0
}

.icon-league-1000004178,.icon-league-1000004179,.icon-league-vleague {
    background-position: 30% 0
}

.icon-league-1000002540,.icon-league-kbl {
    background-position: 35% 0
}

.icon-league-1000027666,.icon-league-wkbl {
    background-position: 40% 0
}

.icon-league-1000004146,.icon-league-npb {
    background-position: 45% 0
}

.icon-league-1000008363,.icon-league-laliga {
    background-position: 50% 0
}

.icon-league-1000000065,.icon-league-bundes {
    background-position: 60% 0
}

.icon-league-1000000061,.icon-league-ligue1 {
    background-position: 65% 0
}

.icon-league-1000000004,.icon-league-liguea {
    background-position: 70% 0
}

.icon-league-1000032644,.icon-league-uefaChamps {
    background-position: 75% 0
}

.icon-league-1000024585,.icon-league-kleague1 {
    background-position: 80% 0
}

.icon-league-1000065098,.icon-league-lck {
    background-position: 85% 0
}

.default_msg {
    padding: 10px
}

.default_msg img {
    max-width: 100%
}

.footer {
    border-top: 1px solid #393939;
    width: 100%;
    padding: 20px 0;
    margin: 4px 0 0 0
}

.footer_logos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.footer_logos ul li {
    background: url(/image/v4_grit/footer/footer_logos.png?v=03) no-repeat;
    width: 110px;
    height: 40px;
    display: inline-block;
    transition: .1s;
    margin: 10px;
    opacity:0.2;
}

.footer_logos ul li:hover{opacity: 1;}

.ft_logos_01{
    background-position: 0 0!important
}

.ft_logos_02{
    background-position: -110px 0!important
}

.ft_logos_03{
    background-position: -220px 0!important
}

.ft_logos_04{
    background-position: -330px 0!important
}

.ft_logos_05{
    background-position: -440px 0!important
}

.ft_logos_06{
    background-position: -550px 0!important
}

.ft_logos_07{
    background-position: -660px 0!important
}

.ft_logos_08{
    background-position: -770px 0!important
}

.ft_logos_09{
    background-position: -880px 0!important
}

.ft_logos_10{
    background-position: -990px 0!important
}

.ft_logos_11{
    background-position: 0 -40px!important
}

.ft_logos_12{
    background-position: -110px -40px!important
}

.ft_logos_13{
    background-position: -220px -40px!important
}

.ft_logos_14{
    background-position: -330px -40px!important
}

.ft_logos_15{
    background-position: -440px -40px!important
}

.ft_logos_16{
    background-position: -550px -40px!important
}

.ft_logos_17{
    background-position: -660px -40px!important
}

.ft_logos_18{
    background-position: -770px -40px!important
}

.ft_logos_19{
    background-position: -880px -40px!important
}

.ft_logos_20{
    background-position: -990px -40px!important
}

.ft_logos_21{
    background-position: 0 -80px!important
}

.ft_logos_22{
    background-position: -110px -80px!important
}

.ft_logos_23{
    background-position: -220px -80px!important
}

.ft_logos_24{
    background-position: -330px -80px!important
}

.ft_logos_25{
    background-position: -440px -80px!important
}

.ft_logos_26{
    background-position: -550px -80px!important
}

.ft_logos_27{
    background-position: -660px -80px!important
}

.ft_logos_28 {
    background-position: -770px -80px!important
}

.ft_logos_29{
    background-position: -880px -80px!important
}

.ft_logos_30{
    background-position: -990px -80px!important
}

.ft_logos_31{
    background-position: 0 -120px!important
}

.ft_logos_32{
    background-position: -110px -120px!important
}

.ft_logos_33{
    background-position: -220px -120px!important
}

.ft_logos_34{
    background-position: -330px -120px!important
}



.copyright {
    text-align: center;
    padding: 10px 0 0;
    color: #999;
    font-size: 12px
}

.t_info3 {
    color: #76ff61;
    font-size: 10px;
    padding-bottom: 22px;
    text-align: center
}

@media screen and (max-width: 700px) {
    .footerCont>.wrap {
        padding:20px 18px
    }
}

.Cart {
    position: relative;
    font-weight: 600;
    background: #222;
    padding: 3px
}

.Cart>.title {
    background: #111;
    font-size: 17px;
    font-weight: 700;
    padding: 0 2px 0 12px;
    color: #bbb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0
}

.Cart>.title>span {
    display: flex;
    align-items: center;
    font-size: 12px
}

.Cart>.title>span label {
    margin: 0 0 0 4px;
    color: #666
}

.Cart>.title>li {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.Cart>.title>li>dd {
    font-size: 11px;
    color: #666
}

.Cart .notice2 em {
    font-style: normal
}

.Cart .notice2 em {
    font-weight: 700
}

.Cart .notice2 {
    font-size: 14px;
    line-height: 1.5;
    padding: 8px
}

.Cart .eventBonus {
    background: #21bfd1;
    color: #000
}

#cartList .betCont:empty {
    position: relative
}

#cartList .betCont:empty:after {
    content: "선택된 배팅내역이 없습니다";
    width: 100%;
    text-align: center;
    display: block;
    padding: 30px 0;
    font-size: 12px;
    color: #b1b1b1;
    position: relative;
    background: #010101
}

.Cart .btnDel {
    cursor: pointer;
    display: flex;
    width: 2rem;
    height: 4rem;
    font-size: 1.4rem;
    color: #666;
    justify-content: center;
    align-items: center
}

.Cart .btnBig {
    font-size: 14px;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    background: #111;
    height: 50px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    clip-path: padding-box
}

.Cart .btnBig:hover {
    background: #222
}

.Cart .betItem {
    font-size: 13px;
    padding: 7px 8px;
    position: relative;
    border-bottom-color: #525252;
    border-width: 0 1px 1px 1px;
    background: #010101;
    margin: 2px 0 2px 0
}

.Cart .betItem .disable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(37 37 37 / 55%);
    color: red;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 16px 12px 0;
    z-index: 1
}

.Cart .betItem .disable>span {
    background: #000;
    color: #04a6e2;
    padding: 4px;
    border-radius: 3px
}

.Cart .betItem .disable.hidden {
    display: none
}

.Cart .betItem input[type=checkbox] {
    vertical-align: -2px
}

.Cart .betItem .checkcombo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(37 37 37 / 55%);
    color: rgb(255 255 255 / 68%);
    font-size: 30px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    z-index: 1
}

.Cart .betItem .checkcombo.hidden {
    display: none
}

.Cart .betItem .title {
    position: relative;
    font-weight: 600;
    color: #fff;
    padding-right: 24px;
    line-height: 1;
    display: flex;
    flex-direction: column
}

.Cart .betItem .title .v {
    font-size: 11px
}

.Cart .betItem .title .type {
    color: #854400;
    font-weight: 700;
    display: block;
    padding: 7px 0 0 0;
    font-size: 1.3rem
}

.Cart .betItem .title .type i {
    color: #21bfd1;
    font-weight: 100;
    font-size: 12px
}

.Cart .betItem .pickCont {
    padding: 4px 0 0 0;
    color: #21bfd1;
    font-size: 12px;
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Cart .betItem .pick {
    color: #21bfd1;
    font-weight: 100;
    font-size: 12px
}

.games>.Cart .betItem .pick.red {
    color: #ff5d5d;
    background: #1d1d20;
    padding: 2px
}

.games>.Cart .betItem .pick.green {
    color: #0f0;
    background: #1d1d20;
    padding: 2px
}

.games>.Cart .betItem .pick.blue {
    color: #4bffff;
    background: #1d1d20;
    padding: 2px
}

.Cart .betItem .odds {
    color: #21bfd1;
    font-weight: 700;
    font-size: 14px;
    padding: 3px;
    border-radius: 2px
}

.Cart .betItem .title>span {
    color: #4c3823
}

.Cart .betItem .title>span.vs {
    color: red
}

.Cart .betItem .title>span.pick {
    color: #000008;
    margin: 0;
    text-decoration: underline
}

.Cart .betItem .title>span:not(.type) {
    max-width: 120px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Cart .notice .odds,.Cart .notice2 .odds {
    color: #000
}

.Cart .betItem .title .btnDel2 {
    position: absolute;
    right: 3px;
    top: 0;
    cursor: pointer;
    z-index: 4;
    font-size: 1rem;
    background: #840000;
    padding: 3px;
    border-radius: 3px
}

.Cart .betItem .title .btnDel2:hover {
    background: #c30000;
    color: #fff
}

.cashOrPoint {
    display: flex;
    border: solid #3c4555;
    border-width: 0 1px 0 1px
}

.cashOrPoint span {
    background: #2b3444;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #94a7c9;
    flex: 1;
    border-bottom: solid 2px #374458;
    text-align: center
}

.cashOrPoint span.cur {
    background: #2b3444;
    opacity: 1;
    color: #fa775a;
    border-bottom: solid 2px #fa775a
}

.Cart .betPlaceCont {
    padding: 8px 8px 10px 8px;
    background: #010101;
    border-radius: 0 0 1px 1px;
    border-radius: 0;
    padding: 10px 0
}

.Cart .eqBetAll {
    font-size: 12px;
    padding: 0;
    background: #010101;
    color: #cbced0;
    border-bottom-color: #241c18;
    border-width: 0 1px 0 1px;
    font-weight: 400;
    margin: 4px 0 0 0
}

.Cart .eqBetAll>div:not(.inputNumBtnCont) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    margin: 0 3px
}

.Cart .eqBetAll>.btm {
    padding: 5px 5px;
    border-bottom: 1px solid #444
}

.Cart .eqBetAll>div>span {
    font-size: 12px;
    color: #f5f5f5;
    height: auto;
    padding: 5px 0
}

.Cart .eqBetAll>div>em {
    width: 100px;
    font-style: normal;
    color: #eaf0f6;
    flex: 1;
    text-align: right
}

.Cart .eqBetAll>div>em:nth-child(2) {
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.Cart .betItem .amnt input,.Cart .eqBetAll input {
    text-align: right;
    font-size: 13px;
    padding: 2px 4px;
    width: 150px;
    background: #111;
    border: solid 1px #000;
    border-radius: 3px;
    font-weight: 700;
    color: #fff
}

.Cart .btnValue {
    background: #2b3444;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid #3c4555;
    border-width: 0 1px;
    padding: 8px 8px 8px 8px;
    flex-wrap: wrap
}

.Cart .btnValue button {
    font-size: 14px;
    width: 33.3333333333333%;
    background: #1f232c;
    border: solid #3f4c62;
    border-width: 1px;
    color: #8795b6;
    cursor: pointer;
    line-height: 28px
}

.Cart .btnValue.max {
    padding: 0 8px
}

.Cart .btnValue.max button {
    background: #3e5574;
    color: #95e0ff;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    border: solid 1px #4e698d
}

.Cart .btnValue.max button:first-child {
    margin-right: 4px
}

.Cart .btnValue.max button:last-child {
    margin-left: 3px
}

.Cart .btnValue button:hover {
    background: #16181e;
    color: #83d8fc
}

.Cart .btnValue.max button:hover {
    background: #384b63
}

.Cart .btnValue:not(.max) button:nth-child(3n+2) {
    border-width: 1px 0 1px 0
}

.Cart .btnValue:not(.max) button:nth-child(n+1):nth-child(-n+3) {
    border-bottom-width: 0
}

.Cart .btnCont em {
    font-style: normal
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
}

.loading,.loading-container {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%
}

.loading-bg {
    z-index: 999;
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 830px;
    height: 100%;
    left: 0;
    top: 0
}

.loading-container {
    margin: 30px auto
}

.loading {
    border: 4px solid transparent;
    border-color: transparent #fff transparent #fff;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%
}

.loading-container:hover .loading {
    border-color: transparent #e45635 transparent #e45635
}

.loading-container .loading,.loading-container:hover .loading {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.loading-text {
    -moz-animation: opacity 1s linear 0s infinite normal;
    -o-animation: opacity 1s linear 0s infinite normal;
    -webkit-animation: opacity 1s linear 0s infinite normal;
    animation: opacity 1s linear 0s infinite normal;
    color: #fff;
    font-family: sans-serif,Malgun Gothic,Arial;
    font-size: 12px;
    font-weight: 700;
    margin-top: 16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 50px;
    text-shadow: 0 0 2px #000
}

.Cart .loading-container {
    margin: 100px auto
}

.Cart .betItem .loading-container {
    margin: 5px auto
}

.Cart .loading-bg {
    z-index: 999;
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.Cart .loading,.Cart .loading-container {
    height: 50px;
    position: relative;
    width: 50px;
    border-radius: 100%
}

.Cart .limit {
    border: solid 1px #2f2d34;
    background: #252426;
    padding: 8px 16px;
    color: #afafaf;
    border-radius: 1px;
    margin: 4px 0 0 0;
    font-size: 13px
}

.Cart .limit>div {
    padding: 4px 0
}

.Cart .limit em {
    float: right;
    font-style: normal
}

.timer-cont {
    background: #2b3444;
    padding: 6px;
    color: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 2px
}

.timer-cont>div {
    padding: 8px 18px
}

.timer-cont .title {
    text-align: center;
    font-size: 18px
}

.timer-cont .timer {
    margin: 10px auto 0 auto;
    width: 129px
}

.timer-cont .timer .min,.timer-cont .timer .sec {
    width: 54px;
    height: 47px;
    background: url(../img/res.png) 0 -280px;
    font-family: DINWeb-Bold,sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    border-radius: 4px
}

.timer-cont .timer .col {
    width: 21px;
    height: 47px;
    background: url(../img/res.png) -54px -280px;
    display: inline-block;
    vertical-align: bottom
}

.inputNumBtnCont {
    background: #222;
    width: 100%;
    height: auto!important;
    padding: 4px 0
}

.inputNumBtnCont>div {
    display: flex
}

.inputNumBtnCont button {
    flex: 32%;
    font-size: 13px;
    padding: 8px;
    background: #111;
    color: #fff;
    margin: 1px;
    border: 0;
    border-radius: 3px
}

#inputPointBtnCont {
    border: solid .05rem #f8eba1
}

.r_banner {
    margin: 4px 0 0 0;
    width: 294px;
    height: calc(290px * 120 / 444);
    cursor: pointer;
    background-repeat: no-repeat
}

.r_banner.rbanner1 {
    background-image: url(../img/banner/b-1.png);
    background-size: contain
}

.r_banner.rbanner2 {
    background-image: url(../img/banner/b-2.png);
    background-size: contain
}

.r_banner.rbanner3 {
    background-image: url(../img/banner/b-3.png);
    background-size: contain
}

.r_banner.rbanner4 {
    background-image: url(../img/banner/b-4.png);
    background-size: contain
}

.r_banner.rbanner5 {
    background-image: url(../img/banner/b-5.png);
    background-size: contain
}

.r_banner.rbanner6 {
    background-image: url(../img/banner/b-6.png);
    background-size: contain
}

#mobile_intro-bannerCont .r_banner {
    margin: 10px;
    width: calc(100vw - 34px);
    height: calc((100vw - 28px) * 116 / 438);
    cursor: pointer;
    position: relative
}

#mobile_intro-bannerCont .r_banner.rbanner3,#mobile_intro-bannerCont .r_banner.rbanner4,#mobile_intro-bannerCont .r_banner.rbanner5 {
    margin: 10px;
    width: calc(100vw - 34px);
    height: calc((100vw - 28px) * 96 / 362);
    cursor: pointer;
    position: relative
}

.eqBetAll [data-id=resetBet] {
    cursor: pointer
}

#btnBalance {
    padding: 5px 10px;
    cursor: pointer;
    margin: 0 1px 0 6px;
    font-size: 14px;
    background: #303340;
    color: #fff
}

#btnBalance:hover {
    background: #484c5d
}

.controll_box {
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 16px;
    cursor: pointer;
    transition: .5s;
    box-shadow: 1px 1px 1px 1px rgba(50,50,50,.5) inset;
    display: inline-block
}

.swc_on {
    text-align: left;
    background: #393
}

.swc_off .circle {
    transform: translate(20px,0);
    transition: .5s
}

.controll_box .circle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fff;
    margin: 1px;
    display: inline-block;
    box-shadow: 1px 1px 1px 1px rgba(50,50,50,.5);
    transition: .5s
}

.roulette_layout .Event {
    background-position: top center;
    margin: 0 4px 0 0
}

.Event .titleCont {
    flex-direction: row;
    align-items: center;
    background: #111;
    color: #033940;
    font-size: 16px;
    padding: 22px 0;
    flex-wrap: wrap
}

.Event .titleCont .tmo {
    display: flex;
    margin-right: 10px;
    align-items: baseline;
    justify-content: center
}

.Event .titleCont .title {
    color: #ffe418;
    padding: 0 10px 0 10px;
    display: flex;
    align-items: center;
    font-size: 36px
}

.Event .titleCont .att {
    height: 38px;
    width: 50px;
    margin: 0 5px 0 5px;
    cursor: pointer
}

.Event .titleCont .prev {
    line-height: 38px;
    color: #fff;
    font-size: 13px
}

.Event .titleCont .prev:hover {
    filter: brightness(130%)
}

.Event .titleCont .next {
    line-height: 38px;
    color: #fff;
    font-size: 13px;
    text-align: right
}

.Event .titleCont .next:hover {
    filter: brightness(130%)
}

.Event .information {
    font-size: 14px;
    color: #ffce6d;
    line-height: 1.6
}

.Event .titleCont .btnCont {
    flex: 1;
    text-align: right;
    padding-right: 10px;
    width: 100%
}

.Event .titleCont .btnCont button {
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: #0d0d0d;
    color: #cccad5;
    border: solid 2px #b54077;
    border-radius: 40px;
    font-weight: 700;
    white-space: nowrap
}

.Event .titleCont .btnCont button .fa {
    color: #fff
}

.Event .titleCont .btnCont button:hover {
    border-color: #f755a1;
    color: #fff
}

.Event .wrap {
    padding: 0 20px 30px 20px;
    background: #111
}

.Event .calendar {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;
    overflow: hidden
}

.Event .calendar tr:first-child td {
    background: #111;
    color: #9b9b9b;
    font-size: 12px;
    padding: 6px 4px
}

.Event .calendar tr:first-child td {
    border-right: solid 1px #666;
    border: 1px solid #666
}

.Event .calendar tr:nth-child(2n+2) td {
    background: #111;
    color: #fff;
    font-size: 12px;
    padding: 8px 0 0 10px;
    border-top: solid 1px #666;
    text-align: left;
    font-weight: 400
}

.Event .calendar tr:nth-child(2n+3) td {
    background: #111;
    color: #111;
    font-size: 12px;
    padding: 0 8px 4px 8px
}

.Event .calendar tr:nth-child(2n+3) td i {
    margin: 0 0 5px 0;
    display: block;
    height: 80px;
    background: url(../img/attnd.png) no-repeat center center;
    background-size: 60%;
    opacity: 1
}

.lang-en .Event .calendar tr:nth-child(2n+3) td i {
    margin: 0 0 5px 0;
    display: block;
    height: 42px;
    background: url(../img/attnd_en.png) no-repeat center center
}

.Event .calendar tr:nth-child(2n+3) td.checked {
    color: #de4141
}

.Event .calendar tr:nth-child(2n+3) td.checked i {
    background: url(../img/attndChk.png) no-repeat center center;
    background-size: 60%;
    opacity: 1
}

.lang-en .Event .calendar tr:nth-child(2n+3) td.checked i {
    background: url(../img/attndChk_en.png) no-repeat center center
}

.Event .calendar td {
    width: 14.2%
}

.Event .calendar tr:nth-child(2n+2) td {
    border-right: solid 1px #666;
    border-left: solid 1px #666
}

.Event .calendar tr:nth-child(2n+3) td {
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666
}

.eventDetail {
    z-index: 5;
    top: 0;
    left: 0;
    width: 600px;
    min-width: 265px;
    min-height: 130px;
    border-radius: 3px;
    padding: 0;
    cursor: move
}

.eventDetail img {
    width: 100%
}

.PopupNoticeList {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none
}

.PopupNoticeList .PopupNotice {
    pointer-events: all;
    position: absolute
}

.PopupNoticeList .PopupNotice.topZ {
    z-index: 999
}

.PopupNoticeList .PopupNotice.p1,.PopupNoticeList .PopupNotice.p11,.PopupNoticeList .PopupNotice.p6 {
    top: calc((100vh + 80px)/ 5 * 1);
    left: 100px
}

.PopupNoticeList .PopupNotice.p12,.PopupNoticeList .PopupNotice.p2,.PopupNoticeList .PopupNotice.p7 {
    top: calc((100vh + 80px)/ 5 * 1);
    left: calc(25% - 32px)
}

.PopupNoticeList .PopupNotice.p13,.PopupNoticeList .PopupNotice.p3,.PopupNoticeList .PopupNotice.p8 {
    top: calc((100vh + 80px)/ 5 * 1);
    left: calc(50% - 163px)
}

.PopupNoticeList .PopupNotice.p14,.PopupNoticeList .PopupNotice.p4,.PopupNoticeList .PopupNotice.p9 {
    top: calc((100vh + 80px)/ 5 * 1);
    left: calc(75% - 290px)
}

.PopupNoticeList .PopupNotice.p10,.PopupNoticeList .PopupNotice.p15,.PopupNoticeList .PopupNotice.p5 {
    top: calc((100vh + 80px)/ 5 * 1);
    left: calc(100% - 421px)
}

.eventDetail .btnX {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #000
}

.eventDetail .btnX:hover {
    color: #f60
}

.eventDetail .cont {
    height: 100%;
    color: #444;
    padding: 0;
    border-radius: 5px;
    overflow: hidden
}

.eventDetail .date {
    font-weight: 700;
    font-size: 16px;
    color: #f60
}

.eventDetail .title {
    font-size: 16px;
    border-bottom: solid 1px #adcede;
    line-height: 2;
    font-weight: 700;
    color: #f60
}

.eventDetail .info {
    font-size: 12px;
    text-align: right;
    padding: 0;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 36px;
    background-image: linear-gradient(134deg,#3f3f3f9e 0,#101010 5%,#1c1c1cad 30%,rgb(0 0 0 / 45%) 50%,#29292996 70%,#101010 95%,#0000008f);
    display: flex;
    justify-content: space-between;
    padding: 0 8px
}

.eventDetail .info>span {
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.eventDetail .info>span [class^=iconv4-] {
    margin: 0 8px 0 0;
    font-size: 15px
}

.eventDetail .info input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    display: none
}

.eventDetail .detail {
    background: #fff;
    font-size: 12px;
    line-height: 1.8;
    padding: 0;
    height: calc(100% - 35px);
    overflow: auto;
    border: solid 0 #ccc;
    color: #444;
    font-family: Gulim,sans-serif;
    word-break: break-all
}

.eventDetail .btnClose {
    color: #000;
    background: #dadada;
    border: solid 1px #9c9c9c;
    border-radius: 2px;
    padding: 3px 8px 5px 8px;
    vertical-align: -1px;
    cursor: pointer;
    margin: 0 6px 0 15px
}

.eventDetail .btnClose:hover {
    background: #f0fcff
}

.Event .subTitle {
    font-size: 24px;
    color: #515769;
    text-align: center;
    padding: 20px 0 15px 0;
    font-weight: 700;
    letter-spacing: -1px
}

.roulette-box {
    padding: 10px 0;
    background-image: url(../img/rul_bg.png);
    background-position: top;
    height: 150vh;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column
}

.roulette-box.prem {
    background-image: url(../img/rul_bg2.png);
    background-size: cover
}

.roulette-Container {
    position: relative;
    width: 764px;
    height: 764px;
    margin: 40px auto 20px auto;
    transform-origin: top left;
    -webkit-transform-origin: center;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    background: url(../img/rul_circle.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat
}

.roulette-Container span.roulette_table {
    display: block;
    width: 535px;
    height: 534px;
    background: url(../img/roulette_table.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 99px
}

.roulette-Container span.roulette_table.premium {
    background: url(../img/roulette_table2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 99px
}

.lang-en .roulette-Container span.roulette_table {
    display: block;
    width: 456px;
    height: 456px;
    background: url(../img/roulette_table_en.png)
}

.lang-en .roulette-Container span.roulette_table.premium {
    background: url(../img/roulette_table2_en.png)
}

.roulette-subMenu {
    text-align: center;
    color: #fff;
    font-size: 0;
    padding: 10px;
    display: flex;
    flex-wrap: wrap
}

.roulette-subMenu span {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    background: #333;
    min-width: 260px;
    font-size: 18px;
    border-radius: 4px 0 0 4px;
    flex: 1
}

.roulette-subMenu span:last-child {
    border-left-width: 0;
    border-radius: 0 4px 4px 0
}

.roulette-subMenu span.on {
    background: #8bb40a;
    color: #fff
}

#roulette-btnStart {
    background: url(../img/rul_btn.png);
    width: 166px;
    height: 166px;
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 83px);
    cursor: pointer
}

#roulette-btnStart:hover {
    background: url(../img/rul_btn_over.png);
    scale: 1.1
}

#roulette-pin {
    background: url(../img/rul_pin.png);
    width: 118px;
    height: 145px;
    position: absolute;
    top: calc(50% - 392px);
    left: calc(50% - 57px)
}

.roulette .roulette_character {
    position: absolute;
    z-index: 2;
    top: 40%;
    left: 800px
}

.roulette_win_log {
    z-index: 2;
    top: 66%;
    left: 50%;
    width: 80%;
    height: 25%;
    background-color: rgba(34,34,34,.9);
    border-radius: 15px;
    padding: 20px;
    color: #fff;
    font-family: Arial,sans-serif;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    overflow-y: auto
}

.roulette_win_log table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
    text-align: center
}

.roulette_win_log td,.roulette_win_log th {
    padding: 15px;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    white-space: nowrap
}

.roulette_win_log th {
    background-color: #c0392b
}

.roulette_win_log thead tr {
    border-radius: 10px
}

.roulette_win_log tbody {
    overflow-y: auto
}

.roulette_win_log tr:first-child th:first-child {
    border-top-left-radius: 10px
}

.roulette_win_log tr:first-child th:last-child {
    border-top-right-radius: 10px
}

.roulette_win_log tr:last-child td:first-child {
    border-bottom-left-radius: 10px
}

.roulette_win_log tr:last-child td:last-child {
    border-bottom-right-radius: 10px
}

.roulette_win_log td {
    background-color: rgba(44,44,44,.8)
}

.roulette_win_log caption {
    caption-side: top;
    font-size: 1.8em;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700
}

.Sports.legacy .fixedwrap {
    background: #111;
    padding: 0 0 60px 0;
    margin: 0 0 80px 0;
    border: 1px solid #333;
    border-width: 1px 0 1px 1px
}

.Sports.legacy .fixedwrap>div {
    max-width: 1322px;
    margin: 0 auto;
    position: relative
}

.Sports.legacy .oddsBox {
    background: #111
}

.sport-category-wrap {
    position: relative;
    top: 0;
    z-index: 1
}

.Sports.legacy .sport-category-wrap {
    background: #111;
    padding: 0 0 12px 0
}

.sport-category-wrap>.btn {
    position: absolute;
    top: 50%;
    font-size: 2rem;
    color: rgba(255,255,255,.4);
    transform: translate(0,-50%);
    display: none
}

.sport-category-wrap>.btn>span {
    display: inline-block;
    opacity: 0
}

.sport-category-wrap>.btn.right {
    right: 4px;
    display: none
}

.sport-category-wrap>.btn.left {
    left: 4px;
    display: none
}

.sport-category {
    display: grid;
    grid-template-columns: repeat(10,72px);
    grid-auto-rows: auto;
    justify-content: flex-start;
    margin: 0 auto 4px auto;
    background: #111;
    border-radius: 3px;
    padding: 24px 15px 10px 15px;
    border: 0 solid #2d2c34;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden
}

.sport-category .category {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 4px 2px;
    color: #d2a804;
    width: 67px;
    position: relative
}

.sport-category .category.on {
    color: #d2a804;
    border: solid 1px #afd23f
}

.sport-category .category i {
    font-style: normal;
    font-size: 3.4rem;
    margin: 0 0 2px 0
}

.sport-category .category em {
    font-style: normal;
    font-size: 1.3rem;
    text-align: center;
    font-weight: 500
}

.sport-category .category strong {
    color: #afd23f;
    background: rgba(0,0,0,.8);
    font-size: 14px;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    font-weight: 400
}

.lang-en .sport-category .category em {
    font-size: 1.1rem
}

.Sports .col_left {
    flex: 1;
    padding-right: 6px;
    position: relative;
    border-right: 1px solid #333
}

.Sports .col_right {
    flex: 1;
    padding-right: 6px
}

.Sports .blink {
    animation: opacity 1s infinite steps(20,end);
    transform: translateZ(0)
}

.Sports .item .item_wrap {
    border-radius: 2px;
    position: relative;
    background: #111;
    padding: 0 0 10px 0
}

.Sports .item {
    padding: 0;
    border-radius: 2px;
    margin: 0 0 6px 0;
    transition: all .1s ease-out;
    -webkit-transition: all .2s ease-out
}

.Sports.legacy .item .item_wrap {
    border-radius: 4px;
    position: relative;
    background: 0 0;
    padding: 0;
    background: #111
}

.Sports.legacy .item {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    margin: 0 0 6px 0;
    transition: all .1s ease-out;
    -webkit-transition: all .2s ease-out
}

.Sports .extraOdds {
    background: #191919;
    border: 2px solid #222733;
    padding: 15px 5px 5px;
    border-radius: 2px;
    margin: 15px 0 6px 0;
    transition: all .1s ease-out;
    -webkit-transition: all .2s ease-out;
    position: relative
}

.Sports .extraOdds .info {
    padding: 3px 5px;
    background-color: #222733;
    position: absolute;
    top: -14px
}

.Sports .extraOdds .info em {
    color: #fff
}

.Sports .extraOdds .info .bonusfd {
    color: #cda404
}

.Sports .preMatchDetail .item {
    background: #111;
    border: 0 solid #282828;
    padding: 6px;
    margin: 0 0 100px 0
}

.Sports.legacy .item:hover {
    background: #111
}

.Sports .preMatchDetail .item:hover {
    background: #111
}

.Sports .preMatchDetail .item .league {
    background: #1f1f22
}

.Sports .item.off:after {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    content: "Closed";
    text-align: center;
    font-weight: 700;
    color: #9fb4d0;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 70px;
    font-size: 16px;
    text-shadow: 0 0 1px rgba(0,0,0,.45)
}

.lang-en .Sports .item.off:after {
    content: "Closed"
}

.Sports .item .game {
    position: relative;
    padding: 19px 2px 5px 2px;
    margin: 17px 0 4px 0;
    background: #191919;
    border: 2px solid #222733
}

.Sports.legacy .item .game span.date {
    background: #1e2428;
    position: absolute;
    top: -12px;
    left: 4px;
    font-size: 12px;
    padding: 4px 9px
}

.Sports .preMatchDetail .item .game {
    padding: 0;
    margin: 0;
    background: 0 0;
    border: 0;
    position: relative
}

.snld {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    color: #e9e9e9;
    top: 8px
}

.snld .dateCont {
    display: flex;
    align-items: center
}

.toggleTracker {
    background: #5c455d;
    border-radius: 30px;
    padding: 4px 8px;
    color: #fff
}

.toggleTracker .btnText {
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center
}

.toggleTracker .btnText.hide {
    display: none
}

.toggleTracker .btnText .icon-arrow-up {
    display: inline-block;
    margin: 0 4px 0 0
}

.snld [class^=iconv4-] {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0
}

.snld [class^=iconv4-]:before {
    width: 16px;
    height: 16px
}

.Sports .item .game .title {
    font-size: 12px;
    color: #fff;
    padding: 4px 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 0 0 2px 2px;
    font-weight: 500;
    position: absolute;
    top: -16px;
    width: 100%
}

.Sports .item .game .title>div {
    background: #1e2428
}

.Sports .preMatchDetail .item .game .titlebg {
    height: 200px;
    background: #803e21;
    border-radius: 0 0 5px 5px
}

.Sports .preMatchDetail .item .game .titlebg.sport_1 {
    background: linear-gradient(135deg,#1e3c2b,#20553d,#1e3c2b)
}

.Sports .preMatchDetail .item .game .titlebg.sport_2 {
    background: linear-gradient(135deg,#5a2e1a,#803e21,#5a2e1a)
}

.Sports .preMatchDetail .item .game .titlebg.sport_3 {
    background: linear-gradient(135deg,#335a1f,#42782b,#335a1f)
}

.Sports .preMatchDetail .item .game .titlebg.sport_4 {
    background: linear-gradient(135deg,#336a61,#56b3a5,#3e8177)
}

.Sports .preMatchDetail .item .game .titlebg.sport_5 {
    background: linear-gradient(135deg,#5a2e1a,#87413d,#5a2e1a)
}

.Sports .preMatchDetail .item .game .titlebg.sport_23 {
    background: linear-gradient(133deg,#1f503a,#296a4d,#1f503a)
}

.Sports .preMatchDetail .item .game .titlebg.sport_16 {
    background: linear-gradient(135deg,#254e17,#31661e,#254e17)
}

.Sports .preMatchDetail .item .game .titlebg.sport_27 {
    background: linear-gradient(135deg,#3e2c53,#6b508b,#3e2c53)
}

.Sports .preMatchDetail .item .game .title {
    animation: Ani-1 .5s ease-in 0s normal forwards;
    height: 200px;
    flex-direction: column;
    justify-content: center;
    cursor: default;
    background: rgba(0,0,0,.24) url(../img/sport_bg.jpg) center/cover no-repeat;
    position: absolute;
    width: 100%;
    top: 0
}

.Sports .preMatchDetail .item .game .title.sport_1 {
    background: rgba(0,0,0,.24) url(../img/sport_bg1.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_2 {
    background: rgba(0,0,0,.24) url(../img/sport_bg2.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_3 {
    background: rgba(0,0,0,.24) url(../img/sport_bg3.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_4 {
    background: rgba(0,0,0,.24) url(../img/sport_bg4.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_5 {
    background: rgba(0,0,0,.24) url(../img/sport_bg5.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_23 {
    background: rgba(0,0,0,.24) url(../img/sport_bg23.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_16 {
    background: rgba(0,0,0,.24) url(../img/sport_bg16.jpg) center/contain no-repeat
}

.Sports .preMatchDetail .item .game .title.sport_18 {
    background: rgba(0,0,0,.24) url(../img/sport_bg18.jpg) center/cover no-repeat
}

.Sports .item.on .game .title .bntToggleGamesWrap {
    color: #fff;
    background: #779b03
}

.Sports .item .game .title .bntToggleGamesWrap:after {
    transform: rotate(180deg);
    display: inline-block
}

.Sports .item .game .title .date {
    display: inline-block;
    text-align: right;
    color: #fff;
    font-size: 12px;
    padding: 4px
}

.Sports .item .game .title .team-wrap .date {
    display: inline-block;
    text-align: right;
    color: #fff;
    font-size: 16px;
    padding: 4px 8px 4px 0;
    font-weight: 400
}

.Sports .item .game .title i {
    font-style: normal;
    color: #f30;
    font-weight: 900;
    font-size: 17px
}

.Sports .preMatchDetail .item .game .title .date {
    background: rgb(0 0 0);
    padding: 8px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center
}

.Sports .item .game .title .teamWrap {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center
}

.Sports .item .game .title .team-wrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 64%);
    border-radius: 4px;
    padding: 10px 0 0 0
}

.Sports .item .game .title .team {
    font-size: 1.32rem;
    color: #fff;
    padding: 3px 0;
    word-break: break-all
}

.Sports .item .game .title .vs {
    font-size: 1.32rem;
    color: #ff3c3c;
    margin: 0 10px
}

.Sports .preMatchDetail .item .game .title .team {
    font-size: 1.8rem;
    color: #000;
    padding: 6px 10px;
    font-weight: 600
}

.Sports .item .bntToggleGamesWrap {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    text-align: right;
    background: #1e2428;
    padding: 4px 8px;
    margin: 0 15px 0 0
}

.Sports .odds {
    font-size: 1.4rem;
    color: #cfcfcf;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.Sports .odds2 {
    margin: 0 0 12px 0
}

.Sports .odds2>div>.betBox,.Sports .odds>div {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.Sports .odds>div#oddsList,.Sports .odds>div#oddsList .odds2 {
    width: 100%
}

.Sports .odds>div.type {
    display: block;
    padding: 0;
    color: #c4c4d7;
    font-size: 1.2rem;
    font-weight: 600
}

.Sports .preMatchDetail .odds>div.type {
    width: 100%
}

.Sports .preMatchDetail .odds>div.type>div {
    display: block;
    padding: 4px;
    color: #21bfd1;
    font-size: 1.2rem;
    font-weight: 500;
    background: #21282e;
    text-align: left;
    border-top: 1px solid #414244;
    margin: 0 0 6px 0
}

.Sports .odds>div.type>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default;
    font-weight: 600;
    word-break: keep-all;
    text-align: center
}

.Sports .col_left .odds {
    flex-direction: row;
    align-items: stretch
}

.Sports .col_left .odds>div.type {
    display: flex;
    flex: 0 0 90px;
    padding: 0
}

.Sports .col_left .odds>div.type>div {
    width: 120px;
    background: #1b1f20;
    margin: 1px 1px 1px 0;
    border-radius: 1px;
    color: #21bfd1;
    background: #2d353c;
    border: 2px solid #2d353c
}

.Sports .col_left .odds>div.type span[class=icon-dot] {
    display: none
}

.Sports .col_left .odds>div.type span {
    align-items: center
}

.Sports .extraOdds div.betBox,.Sports .odds2 div.betBox,.Sports .odds>div.betBox {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%
}

.Sports .extraOdds div.betBox {
    justify-content: space-between
}

.Sports.legacy .odds>div.betBox {
    max-width: calc(100% - 120px)
}

.Sports .extraOdds div.betBox>span,.Sports .odds2 div.betBox>span,.Sports .odds>div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 13px;
    background: linear-gradient(180deg,#2d353c,#222);
    border-style: solid;
    border-width: 1px;
    border-color: #424242 #181818 #232324 #2c3339;
    padding: 6px 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 1px;
    border-radius: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out
}

.Sports .odds2 div.betBox>span {
    background: #2e302d
}

.Sports .extraOdds div.betBox>.bonusBet {
    background: #191919;
    border: 1px solid #21bfd1;
    width: 28.5%;
    max-width: 32.5%;
    padding: 4px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Sports .extraOdds div.betBox>.bonusBet>em {
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    background: #0c0c0c;
    color: #21bfd1
}

.Sports .odds2 div.betBox>span .away,.Sports .odds2 div.betBox>span .home,.Sports .odds>div.betBox>span .away,.Sports .odds>div.betBox>span .home {
    flex-grow: 3;
    flex-shrink: 1;
    flex-basis: 20px;
    max-width: 78%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    font-weight: 500;
    display: inline-flex;
    align-items: center
}

.Sports .odds2 div.betBox>span .away,.Sports .odds>div.betBox>span .away {
    justify-content: flex-end
}

.Sports .odds>div.betBox>span .home>i.teamLogo {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 5px 0 0;
    max-height: 20px;
    max-width: 20px;
    min-width: 20px;
    min-height: 20px;
    filter: none
}

.Sports .odds>div.betBox>span .away>i.teamLogo {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 0 0 5px;
    max-height: 20px;
    max-width: 20px;
    min-width: 20px;
    min-height: 20px;
    filter: none
}

.Sports .odds2 div.betBox>span .away>em.noBet,.Sports .odds2 div.betBox>span .x>em.noBet,.Sports .odds2 div.betBox>span em.noBet,.Sports .odds>div.betBox>span .away>em.noBet .Sports .odds2 div.betBox>span .home>em.noBet,.Sports .odds>div.betBox>span .home>em.noBet,.Sports .odds>div.betBox>span .x>em.noBet {
    color: #f90
}

.Sports .extraOdds div.betBox>span:hover,.Sports .odds2 div.betBox>span:hover,.Sports .odds>div.betBox>span:hover {
    background: #393939;
    color: #fff
}

.Sports .odds>div.betBox>span.noBet:hover {
    cursor: default;
    background: linear-gradient(180deg,#2d353c,#222)
}

.Sports .odds2 div.betBox>span.noBet:hover {
    cursor: default;
    background: #2e302d
}

.Sports.legacy .odds>div.betBox>span.noBet:hover {
    background: linear-gradient(180deg,#2d353c,#222)
}

.Sports .odds2 div.betBox>span.on,.Sports .odds>div.betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff!important
}

.Sports .extraOdds div.betBox>span.on {
    background: #21bfd1;
    color: #000
}

.Sports .odds2 div.betBox>span.on:hover,.Sports .odds>div.betBox>span.on:hover {
    color: #fff
}

.Sports .odds2 div.betBox>span em,.Sports .odds>div.betBox>span em {
    font-style: normal;
    text-align: right;
    color: #bdbdbd;
    flex: 1;
    font-weight: 500;
    white-space: nowrap
}

.Sports .odds2 div.betBox>span em>[class=icon-over],.Sports .odds>div.betBox>span em>[class=icon-over] {
    font-size: 9px;
    color: #ff1515
}

.Sports .odds2 div.betBox>span em>[class=icon-under],.Sports .odds>div.betBox>span em>[class=icon-under] {
    font-size: 9px;
    color: #0080ff
}

.Sports .odds2 div.betBox>span em>[class=icon-handi],.Sports .odds>div.betBox>span em>[class=icon-handi] {
    font-size: 9px;
    color: #89f21a
}

.Sports .odds2 div.betBox>span.on em,.Sports .odds>div.betBox>span.on em {
    color: #fff;
    flex: 1
}

.Sports .odds2 div.betBox>span.noBet em,.Sports .odds>div.betBox>span.noBet em {
    color: #21bfd1
}

.Sports .odds.col3symm>div.betBox,.Sports .odds2 .col3symm>div.betBox {
    flex-wrap: nowrap
}

.Sports .odds.col3symm>div.betBox>span:nth-of-type(1),.Sports .odds2 .col3symm>div.betBox>span:nth-of-type(1) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Sports .odds.col3symm>div.betBox>span:nth-of-type(2),.Sports .odds2 .col3symm>div.betBox>span:nth-of-type(2) {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.Sports .odds.col3symm>div.betBox>span:nth-of-type(2) em,.Sports .odds2 .col3symm>div.betBox>span:nth-of-type(2) em {
    float: none;
    text-align: center
}

.Sports .odds.col3symm>div.betBox>span:nth-of-type(3),.Sports .odds2 .col3symm>div.betBox>span:nth-of-type(3) {
    flex: 4.5;
    text-align: right;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.Sports .odds.col3symm>div.betBox>span:nth-of-type(3) em,.Sports .odds2 .col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: left
}

.Sports .extraOdds div.betBox>span,.Sports .odds.col3eq>div.betBox>span,.Sports .odds2 .col3eq>div.betBox>span {
    flex: 0 0 33.333333%;
    max-width: calc(33.33333333% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Sports .extraOdds div.betBox>span {
    max-width: 31%
}

.Sports .extraOdds div.betBox>span>span {
    font-size: 14px
}

.Sports .extraOdds div.betBox>span:nth-child(1) {
    color: #21bfd1
}

.Sports .extraOdds div.betBox>span:nth-child(2) {
    color: #21bfd1
}

.Sports .extraOdds div.betBox>span:nth-child(3) {
    color: #21bfd1
}

.Sports .extraOdds div.betBox>span.on {
    color: #000
}

.Sports .odds.col4eq>div.betBox>span,.Sports .odds2 .col4eq>div.betBox>span {
    flex: 0 0 25%;
    max-width: calc(24.99% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Sports .odds.col5eq>div.betBox>span,.Sports .odds2 .col5eq>div.betBox>span {
    flex: 0 0 20%;
    max-width: calc(20% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Sports .odds.col6eq>div.betBox>span,.Sports .odds2 .col6eq>div.betBox>span {
    flex: 0 0 16.66666666%;
    max-width: calc(16.66666666% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Sports .odds.col2eq>div.betBox>span,.Sports .odds2 .col2eq>div.betBox>span {
    flex: 0 0 50%;
    max-width: calc(50% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Sports .league {
    font-size: 14px;
    color: #dfdfdf;
    font-weight: 500;
    padding: 4px 8px;
    background: #000;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Sports.legacy .league {
    padding: 0 0 0 8px;
    background: #000;
    border-radius: 0;
    border: none
}

.Sports.legacy .league.mobile {
    display: none
}

.Sports.legacy .league.pc {
    padding: 8px
}

.Sports.legacy .league .date {
    color: #b3aeb9;
    font-size: 12px;
    margin: 0 14px 0 3px
}

.Sports.legacy .league.pc .date {
    margin: 0
}

.Sports.legacy .league>i:last-child {
    display: flex;
    align-items: center
}

.Sports.legacy .odds {
    flex-direction: row;
    align-items: stretch;
    margin: 0 0 -1px 0;
    color: #eee
}

.Sports.legacy .odds>div.type {
    display: flex;
    flex: 0 0 120px;
    padding: 0;
    color: #c4c4d7
}

.Sports.legacy .odds>div.type span[class=icon-dot] {
    display: none
}

.Sports.legacy .odds>div.type>div {
    width: 120px;
    background: #2d353c;
    margin: 0;
    border-radius: 1px;
    border: 2px solid #2d353c;
    margin: 1px 1px 1px 0;
    color: #21bfd0
}

.Sports.legacy .odds>div.betBox>span {
    margin: 1px;
    border-radius: 0
}

.Sports.legacy .odds>div.betBox>span:not(.noBet,.on):hover {
    background: #393939;
    color: #fff
}

.Sports.legacy .odds>div.betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important
}

.Sports.legacy .odds.col3eq>div.betBox>span:nth-of-type(2),.Sports.legacy .odds.col3eq>div.betBox>span:nth-of-type(2):hover,.Sports.legacy .odds.col3symm>div.betBox>span:nth-of-type(2),.Sports.legacy .odds.col3symm>div.betBox>span:nth-of-type(2):hover {
    border-width: 1px 0
}

.Sports.legacy .odds.col3eq>div.betBox>span {
    max-width: calc(100% / 3 - 2px)
}

.Sports.legacy .btnToggleAllCont {
    text-align: right;
    padding: 3px 5px 5px;
    display: flex;
    align-items: center;
    justify-content: end;
    background: #191919;
    border: 2px solid #222733;
    margin: 10px 0
}

.Sports.legacy .btnToggleAllCont .title {
    font-weight: 700;
    padding-left: 8px;
    font-size: 16px
}

.Sports.legacy #btnToggleAll {
    user-select: none;
    cursor: pointer;
    border: solid 1px #21bfd0;
    padding: 4px 12px;
    min-width: 140px;
    display: inline-block;
    text-align: center;
    background: #191919;
    color: #fff;
    border-radius: 2px
}

.Sports.legacy #btnToggleAll span[data-id=open] {
    display: none
}

.Sports.legacy .btnToggle {
    background: #171518;
    padding: 8px;
    min-width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #262626;
    user-select: none;
    cursor: pointer;
    color: #999;
    font-weight: 600
}

.Sports.legacy .btnToggle span {
    display: flex;
    align-items: center
}

.Sports.legacy .btnToggle span.hidden {
    display: none
}

.Sports .league>i {
    display: flex;
    align-items: center
}

.Sports .league>i:last-child,.Sports .league>i>span {
    cursor: pointer
}

.Sports .league>i:last-child:hover,.Sports .league>i>span:hover {
    filter: brightness(140%);
    color: #ffc41d
}

.Sports .league.mobile>i:first-child {
    flex-direction: column;
    padding: 5px 0;
    align-items: flex-start
}

.Sports .league>i:first-child>div {
    display: flex;
    align-items: center;
    margin: 1px
}

.Sports .league.pc>i:first-child>div:nth-child(2) {
    flex-direction: row;
    align-items: center
}

.Sports .league i[class^=iconv4-] {
    font-size: 16px;
    color: #fff;
    margin: 0 9px 0 0
}

.Sports .league.pc i[class^=iconv4-] {
    margin: 0 0 0 5px;
    background: #404348;
    border-radius: 20px;
    padding: 2px;
    height: 19px
}

.Sports .league.pc i[class^=iconv4-]:before {
    width: 15px;
    height: 15px
}

.Sports .league.pc i[class^=icon-sport1] {
    background: #60b53e
}

.Sports .league.pc i[class^=icon-sport2] {
    background: #21406b
}

.Sports .league.pc i[class^=icon-sport3] {
    background: #b96c60
}

.Sports .league.pc i[class^=icon-sport4] {
    background: #265b68
}

.Sports .league.pc i[class^=icon-sport23] {
    background: #ffb300
}

.Sports.legacy .league .btnToggle i[class^=iconv4-] {
    font-size: 12px;
    color: #666
}

.Sports.legacy .league.mobile i[class^=iconv4-] {
    font-size: 18px
}

.sport-whole-wrap {
    display: flex;
    width: 100%;
    border-top: 1px solid #333
}

.LiveCombineWrap .sport-top-name,.Sports .sport-top-name {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 10px 6px 10px 0;
    text-align: center;
    background: #222
}

.Sports .sport-top-name>i {
    color: #21bfd1;
    font-size: 14px
}

.mainMatchList-wrap {
    position: relative;
    overflow: hidden
}

.mainMatchList-wrap>.btn {
    position: absolute;
    top: 50%;
    font-size: 2rem;
    color: #000;
    transform: translate(0,-100%);
    background: rgba(255,255,255,.8);
    cursor: pointer
}

.mainMatchList-wrap>.btn>span {
    display: inline-block
}

.mainMatchList-wrap>.btn:hover {
    color: #126bff
}

.mainMatchList-wrap>.btn.right {
    right: 5px;
    border-radius: 4px 0 0 4px
}

.mainMatchList-wrap>.btn.left {
    left: 0;
    border-radius: 0 4px 4px 0;
    display: none
}

#mainMatchList-btnCont:not(:empty) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

#mainMatchList-btnCont .btnScroll {
    height: 5px;
    width: 30px;
    display: inline-block;
    background: #fff;
    margin: 4px;
    border-radius: 3px;
    cursor: pointer
}

#mainMatchList-btnCont .btnScroll.on {
    background: #17ea57
}

.mainMatchList {
    overflow: hidden;
    margin-right: 5px
}

.mainMatchList>div {
    display: flex
}

.mainMatchList .main-item {
    margin: 0 4px 0 0;
    position: relative;
    background: #242424;
    cursor: pointer
}

.mainMatchList .main-item.on {
    background: #1a3545
}

.mainMatchList .main-item:last-child {
    margin: 0
}

.mainMatchList .main-item .more {
    position: absolute;
    bottom: 0;
    right: 4px;
    background: rgba(16,39,70,.74);
    padding: 10px;
    cursor: pointer
}

.mainMatchList .main-item .more>span {
    display: inline-block
}

.mainMatchList .main-item .more:hover {
    color: #17ea57
}

.mainMatchList .main-item.on .more {
    background: #17ea57;
    color: #000
}

.mainMatchList .main-item .game {
    position: relative;
    height: 57px;
    display: flex;
    align-items: center
}

.mainMatchListForMobile-wrap {
    display: none;
    position: relative
}

.mainMatchList .mainImg {
    width: 400px;
    height: 160px
}

.mainMatchList .main-item:hover .mainImg {
    filter: brightness(130%)
}

.Sports .mainMatchList .odds>div.type {
    display: block;
    padding: 1px 0;
    color: #fff;
    font-size: 1.1rem
}

.mainMatch-league {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    align-items: center
}

.main-item .title {
    width: 100%;
    padding: 10px
}

.main-item #oddsList {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: #242424
}

.main-item.on #oddsList {
    background: #1a3545
}

.main-item #oddsList>div {
    padding: 10px
}

.main-item #oddsList>div:empty {
    padding: 0
}

.mainMatch-league>div {
    padding: 2px
}

.mainMatch-league .date {
    padding: 2px 2px 2px 10px;
    font-weight: 400
}

.main-item .game .title .teamWrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.main-item .game .title .teamWrap span {
    flex: 4.5;
    text-align: center
}

.main-item .game .title .teamWrap span.vs {
    color: #dfcd2d;
    flex: 1;
    text-align: center
}

.mainMatch-title .teamWrap {
    display: flex
}

.Sports #matchList>div:empty {
    position: relative;
    padding-right: 4px;
    display: none
}

.Sports #matchList>div:empty:after {
    content: "no matches";
    width: 100%;
    text-align: center;
    display: block;
    padding: 70px 0;
    font-size: 12px;
    color: #b1b1b1;
    margin: 0 0 8px 0;
    border-radius: 4px;
    position: relative;
    background: #1a1a1a;
    border: solid .2rem #2e2e2e
}

.lang-en .Sports #matchList>div:empty:after {
    content: "No available Matches"
}

.mainMatchListForMobile-wrap>.btn {
    position: absolute;
    top: 50%;
    font-size: 2rem;
    color: #000;
    transform: translate(0,-100%);
    background: rgba(255,255,255,.8);
    cursor: pointer
}

.mainMatchListForMobile-wrap>.btn>span {
    display: inline-block
}

.mainMatchListForMobile-wrap>.btn:hover {
    color: #126bff
}

.mainMatchListForMobile-wrap>.btn.right {
    right: 0;
    border-radius: 4px 0 0 4px
}

.mainMatchListForMobile-wrap>.btn.left {
    left: 0;
    border-radius: 0 4px 4px 0;
    display: none
}

#mainMatchListForMobile {
    margin-right: 0
}

#mainMatchListForMobile-btnCont:not(:empty) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

#mainMatchListForMobile-btnCont .btnScroll {
    height: 5px;
    width: 30px;
    display: inline-block;
    background: #fff;
    margin: 4px;
    border-radius: 3px;
    cursor: pointer
}

#mainMatchListForMobile-btnCont .btnScroll.on {
    background: #17ea57
}

.type-menu {
    display: flex;
    border-bottom: 1px solid #5e5e5e;
    margin: 10px 3px
}

.type-menu>i {
    display: flex;
    border: solid 1px #3c3c3c;
    border-width: 1px 0 1px 1px;
    padding: 8px 0;
    border-bottom-color: #241c18;
    align-items: center;
    justify-content: center;
    background: #161418;
    cursor: pointer;
    color: #999;
    flex: 1;
    font-weight: 600
}

.type-menu>i:last-child {
    border-width: 1px;
    border-radius: 0 4px 0 0
}

.type-menu>i:first-child {
    border-width: 1px;
    border-radius: 4px 0 0 0
}

.type-menu>i.on {
    background: #2d2d30;
    margin: 0 0 -2px 0;
    color: #fff;
    border-color: #5e5e5e;
    border-bottom-color: #2d2d30;
    border-width: 2px
}

.type-menu>i:hover {
    color: #eee
}

#allOddsList {
    min-height: 100px;
    margin-top: 6px
}

#allOddsList>div {
    background: #121619;
    border: solid 1px #1e2327;
    padding: 0 0 8px 0
}

#allOddsList>div:empty {
    background: #1a1a1a
}

#allOddsList>div.empty:after {
    content: "";
    width: 100%;
    text-align: center;
    display: block;
    padding: 70px 0;
    font-size: 12px;
    color: #f8eba1
}

.Sports .col_left .oddsBox {
    padding-bottom: 100px
}

.preMatchDetail .teamCont {
    height: 110px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg,#25323b,#181d21);
    color: #b7b7b7;
    font-weight: 500;
    font-size: 14px
}

.preMatchDetail .teamCont .awayTeam,.preMatchDetail .teamCont .homeTeam {
    width: calc(50% - 40px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400
}

.preMatchDetail .teamCont .vs {
    width: 65px;
    height: 65px;
    display: block;
    background: url(../img/team/vs.png);
    background-position: center;
    background-size: 100%
}

.LiveCombine {
    display: flex;
    border-top: 1px solid #333;
    margin: 0 6px 0 0
}

.LiveCombine .col_left {
    flex: 1;
    padding-right: 1px;
    position: relative;
    border-right: 1px solid #333
}

.LiveCombine .col_right {
    flex: 1;
    padding-bottom: 100px;
    background: #111
}

.Live .infoNoBet {
    border-radius: 0;
    background: #141212;
    position: relative;
    display: flex;
    height: 100%;
    padding: 50px 0;
    justify-content: center;
    color: #bfbfbf;
    font-size: 18px;
    margin: 0 0 4px 0;
    border-radius: 4px;
    border: solid 2px #454455;
    font-weight: 500;
    display: none
}

.Live .blink {
    animation: opacity .5s steps(10,end) 3;
    transform: translateZ(0)
}

.Live .liveMainWrap {
    display: flex;
    flex-direction: column
}

.Live .liveNow {
    position: relative;
    overflow: hidden;
    flex: 1
}

.Live .liveNow>div {
    height: 100%
}

.Live .liveNow .league {
    margin: 0 0 4px 0;
    border-radius: 4px;
    position: relative;
    background: #111;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out
}

.Live .liveNow .leagueName {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000
}

.Live .liveNow .leagueName i[class^=iconv4-] {
    font-size: 16px
}

.Live .liveNow .leagueName>i {
    display: flex;
    align-items: center
}

.Live .liveNow .league>.games {
    color: #fff;
    background: #111;
    font-weight: 500;
    border-radius: 4px
}

.Live .liveNow .league>div>.game {
    padding: 0;
    margin: 22px 0 27px 0;
    background: url(../img/livebg_soccer.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game.bg2 {
    background: url(../img/livebg_basketball.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game.bg3 {
    background: url(../img/livebg_baseball.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game.bg4 {
    background: url(../img/livebg_hockey.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game.bg23 {
    background: url(../img/livebg_volley.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game.bg18 {
    background: url(../img/livebg_egame.png) no-repeat center;
    background-size: 100% 100%
}

.Live .liveNow .league>div>.game>.game_wrap {
    position: relative;
    border: solid 2px #222733;
    background: rgb(34 34 34 / 60%)
}

.Live .liveNow .team .teamCont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px 0 0 0;
    font-weight: 400
}

.Live .liveNow .team .vs {
    color: #ea6856;
    margin: 0 10px;
    font-weight: 700
}

.Live .liveNow .team .teamCont .awayTeam {
    font-size: 1.4rem;
    padding: 3px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    overflow: auto;
    white-space: nowrap
}

.Live .liveNow .team .teamCont .homeTeam {
    font-size: 1.4rem;
    padding: 7px 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 32%;
    font-weight: 400;
    overflow: auto;
    white-space: nowrap
}

.teamLogo {
    --color1: rgb(162 216 255 / 67%);
    --color2: rgb(0 0 0 / 60%);
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 4px 0;
    background-size: calc(100% - 4px);
    background-position: center;
    background-repeat: no-repeat;
    filter: drop-shadow(1px 0 0 var(--color2)) drop-shadow(-1px 0 0 var(--color2)) drop-shadow(0 1px 0 var(--color2)) drop-shadow(0 -1px 0 var(--color2)) drop-shadow(1px 0 0 var(--color1)) drop-shadow(-1px 0 0 var(--color1)) drop-shadow(0 1px 0 var(--color1)) drop-shadow(0 -1px 0 var(--color1))
}

.Live .liveNow .team .teamCont .scoreCont {
    width: 26%;
    display: flex;
    align-items: center;
    justify-content: center
}

.preMatchDetail #oddsList .teamLogo {
    display: none
}

.scoreCont .info_score {
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid #afd23f;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: 21px;
    display: block;
    width: 52px;
    text-align: center
}

.scoreCont .info_vs {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
    width: 10%;
    overflow-x: auto;
    white-space: nowrap;
    padding: 7px 0;
    font-size: 14px;
    vertical-align: 20px;
    color: #fc0;
    width: 60px;
    text-align: center
}

.Live .liveNow .statusCont {
    position: absolute;
    top: -14px;
    left: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 4px;
    background: #1e2428;
    border: 1px solid #171733;
    font-size: 12px
}

.Live .liveNow .statusCont [class^=iconv4-],.Live .liveNow .statusCont [class^=iconv4-]:before {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.Live .liveNow .status2 {
    margin-left: 4px
}

.Live .liveNow .oddsBox .game .odds .type {
    width: 100%;
    padding: 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    color: #c4c4d7;
    font-size: 1.2rem;
    font-weight: 600;
    display: none
}

.Live .liveNow .oddsBox .game .odds .betBox {
    display: flex;
    width: 100%
}

.Live .liveNow .oddsBox .game .odds .betBox>span {
    flex: 1;
    text-align: center;
    font-size: 12px;
    background: linear-gradient(180deg,#2d353c,#222);
    border: 1px solid;
    border-color: #424242 #181818 #232324 #2c3339;
    padding: 10px 8px;
    user-select: none;
    border-radius: 2px;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    color: #ddd;
    position: relative
}

.Live .liveNow .oddsBox .game .odds .betBox>span img {
    height: 10px
}

.Live .liveNow .oddsBox .game .odds .betBox .arrow {
    display: inline-block;
    vertical-align: middle
}

.Live .liveNow .oddsBox .game .odds .betBox .arrow.up {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 4px solid red;
    border-right: 4px solid red;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    opacity: 0
}

.Live .liveNow .oddsBox .game .odds .betBox .arrow.dn {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 0;
    border-bottom: 4px solid #5dcabd;
    border-left: 4px solid transparent;
    border-right: 4px solid #5dcabd;
    border-top: 4px solid transparent;
    opacity: 0
}

.Live .liveNow .oddsBox .game .odds .betBox>span .away,.Live .liveNow .oddsBox .game .odds .betBox>span .home {
    max-width: 79%;
    text-overflow: initial;
    white-space: nowrap;
    display: inline-block;
    overflow: auto
}

.lang-en .Live .liveNow .oddsBox .game .odds .betBox>span .away,.lang-en .Live .liveNow .oddsBox .game .odds .betBox>span .home {
    word-wrap: break-word
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(1),.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(3) {
    flex: 4.5;
    cursor: pointer
}

.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span:nth-of-type(1),.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span:nth-of-type(3) {
    margin-left: 2px;
    margin-right: 2px;
    max-width: 33%;
    cursor: pointer;
    text-align: left
}

.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span:nth-of-type(2) {
    text-align: left
}

.Live .liveNow .btnDetail {
    position: absolute;
    right: 15px;
    top: -12px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #1e2428;
    border: solid 1px #171733;
    padding: 4px 10px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.Live .liveNow .btnDetail:hover {
    background: #222223
}

.Live .liveNow .oddsBox .game .odds .betBox>span:hover {
    background: #393939
}

.Live .liveNow .oddsBox .game .odds .betBox>span em {
    font-style: normal;
    color: #ddd
}

.Live .liveNow .oddsBox .game .odds .betBox>span:hover em {
    color: #fff
}

.Live .liveNow .oddsBox .game .odds .betBox>span.noBet:hover {
    cursor: default;
    background: linear-gradient(180deg,#2d353c,#222);
    border: 1px solid;
    border-color: #424242 #181818 #232324 #2c3339
}

.Live .liveNow .oddsBox .game .odds .betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.Live .liveNow .oddsBox .game .odds .betBox>span.on:hover {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(1) {
    text-align: left;
    flex: 4.5;
    max-width: calc(45% - 8px)
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(1) em {
    font-style: normal;
    float: right
}

.Live .liveNow .oddsBox .game .odds .betBox>span.noBet em {
    color: #21bfd1
}

.Live .liveNow .oddsBox .game .odds .betBox>span.on em {
    color: #fff
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(2) {
    cursor: pointer;
    flex: 1;
    margin: 0 2px
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(3) {
    text-align: right;
    flex: 4.5;
    max-width: calc(45% - 8px)
}

.Live .liveNow .oddsBox .game .odds .betBox>span:nth-of-type(3) em {
    float: left
}

.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span:nth-of-type(2) em,.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span:nth-of-type(3) em {
    float: right
}

.Live .liveNow .oddsBox .game .odds:hover>span.noBet em {
    font-weight: 700
}

.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span .away>em.noBet,.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span .home>em.noBet,.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span .x>em.noBet {
    color: #dfcd2d;
    float: none
}

.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span.on .away>em.noBet,.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span.on .home>em.noBet,.Live .liveNow .oddsBox .game .odds .col3eq .betBox>span.on .x>em.noBet {
    color: #fff
}

.Live .upcoming {
    position: relative;
    flex: 0 0 400px;
    margin: 0 0 30px 0;
    font-weight: 500
}

.Live .upcoming .title {
    background: #131316;
    color: #fefefe;
    font-size: 16px;
    padding: 6px 0 6px 12px;
    border-radius: 4px 4px 0 0;
    border: solid #252526;
    border-width: 1px 1px 0 1px
}

.Live .upcoming .leagueName {
    color: #dfdfdf;
    font-size: 13px;
    font-weight: 500;
    padding: 8px;
    background: #000;
    margin: 0 0 15px 0
}

.Live .upcoming .leagueName i {
    display: flex;
    align-items: center
}

.Live .upcoming .leagueNameWrap {
    border-left: solid 1px #1c1a1a;
    padding: 16px;
    flex: 4
}

.Live .upcoming .league {
    background: #28282a;
    border: solid;
    border-color: #1c1a1a #242424 #474747 #474747;
    border-width: 1px 0 0 0;
    display: flex;
    align-items: center
}

.Live .upcoming .game:last-child .league {
    border-bottom: solid 1px #000
}

.Live .upcoming .team {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(34,34,34,.6)
}

.Live .upcoming .team .homeTeam {
    color: #fff;
    width: 32%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
    overflow-x: auto
}

.Live .upcoming .team .awayTeam img,.Live .upcoming .team .homeTeam img {
    width: 50px;
    margin-bottom: 4px
}

.Live .upcoming .team .awayTeam {
    color: #fff;
    width: 32%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
    overflow-x: auto
}

.Live .upcoming .team .vs {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
    overflow-x: auto;
    white-space: nowrap;
    padding: 7px 0;
    font-size: 14px;
    vertical-align: 20px;
    color: #fc0
}

.Live .upcoming .date {
    position: absolute;
    top: 10px;
    color: #21bfd1;
    font-size: 12px
}

#matchUpCommingList>div {
    padding: 0 0 100px 0
}

#matchUpCommingList .game {
    background: #111;
    padding: 8px 0
}

.up_match {
    border: 2px solid #222733;
    background: url(../img/livebg_soccer.png) no-repeat center;
    background-size: 100% 100%;
    padding: 0;
    height: 103px;
    position: relative
}

.up_match.bg2 {
    background: url(../img/livebg_basketball.png) no-repeat center;
    background-size: 100% 100%
}

.up_match.bg3 {
    background: url(../img/livebg_baseball.png) no-repeat center;
    background-size: 100% 100%
}

.up_match.bg4 {
    background: url(../img/livebg_hockey.png) no-repeat center;
    background-size: 100% 100%
}

.up_match.bg18 {
    background: url(../img/livebg_egame.png) no-repeat center;
    background-size: 100% 100%
}

.up_match.bg23 {
    background: url(../img/livebg_volley.png) no-repeat center;
    background-size: 100% 100%
}

.up_match .s_time {
    position: absolute;
    top: -9px;
    left: -1px;
    display: flex;
    align-items: center;
    background: #1e2428;
    font-size: 12px;
    padding: 2px 4px
}

.up_match .s_time [class*=icon-sport],.up_match .s_time [class*=icon-sport]:before {
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.LiveDetail .game {
    font-weight: 500;
    margin: 20px;
    position: relative;
    padding: 0;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out
}

.LiveDetail-cont {
    display: flex;
    flex-direction: row
}

.LiveDetail .right {
    width: 100%
}

.LiveDetail>.title {
    color: #515769;
    margin-bottom: 6px;
    font-weight: 700
}

.LiveDetail .blink {
    animation: opacity .5s steps(10,end) 3;
    transform: translateZ(0)
}

.LiveDetail .scoreBoardCont {
    position: relative;
    overflow: hidden
}

.LiveDetail .scoreBoardCont .leagueName {
    background: #1f1f22;
    padding: 6px 6px 6px 12px;
    border-radius: 4px;
    border: 1px solid #151517;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.LiveDetail .scoreBoardCont .leagueName i[class^=iconv4-] {
    font-size: 16px
}

.LiveDetail .scoreBoardCont .leagueName>i {
    display: flex;
    align-items: center
}

.LiveDetail .scoreBoardCont .frameCont {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 0;
    margin: 0 auto;
    background: #242424
}

.LiveDetail .scoreBoardCont .matchTrackerFrame {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.LiveDetail .scoreBoardCont .leagueName img {
    vertical-align: -4px;
    width: 18px
}

.LiveDetail .scoreBoardCont .scoreBoard {
    display: flex;
    flex-direction: row;
    align-items: center
}

.LiveDetail .scoreBoardCont .score {
    flex: 0 0 160px;
    text-align: center;
    color: #17ea57;
    font-family: DINWeb-Bold,sans-serif;
    font-size: 32px;
    line-height: 70px;
    white-space: nowrap;
    letter-spacing: 0
}

.LiveDetail .teamCont {
    height: 110px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg,#25323b,#181d21);
    color: #707478;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px
}

.LiveDetail .teamCont .awayTeam,.LiveDetail .teamCont .homeTeam {
    width: calc(50% - 40px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400
}

.LiveDetail .teamCont .vs {
    width: 65px;
    height: 65px;
    display: block;
    background: url(../img/team/vs.png);
    background-position: center;
    background-size: 100%
}

.LiveDetail .scoreBoardCont .teamCont .status {
    padding-top: 5px
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 {
    padding: 8px 12px
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 .score,.totalScore {
    font-family: DINWeb-Bold,sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 td {
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 4px
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 td:first-child {
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 table tr:first-child td {
    border-bottom: solid 1px #4c4c4c;
    color: #dcdcdc
}

.LiveDetail .scoreBoardCont .scoreBoard.type1 table td:last-child {
    border-left: solid 1px #4b4b4b
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis {
    padding: 8px 12px
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis .score,.totalScore {
    font-family: DINWeb-Bold,sans-serif;
    font-size: 18px;
    line-height: 18px
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis td {
    text-align: center;
    font-size: 12px;
    padding: 4px
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis td:first-child {
    width: 40%;
    text-align: left
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis table tr:first-child td {
    border-bottom: solid 1px #c3c3c3;
    color: #226286
}

.LiveDetail .scoreBoardCont .scoreBoard.tennis table td:nth-last-child(2) {
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3
}

.LiveDetail .team {
    line-height: 1
}

.LiveDetail .team .vs {
    color: #fa5252;
    margin: 0 10px;
    font-size: 14px;
    font-weight: 700
}

.LiveDetail .team .awayTeam,.LiveDetail .team .homeTeam {
    color: #fff;
    font-size: 18px;
    max-width: calc(50% - 13px);
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: -.5px
}

.LiveDetail .status1 {
    color: #ffeb3b;
    font-size: 12px
}

.LiveDetail .status2 {
    color: #ffeb3b;
    font-size: 12px
}

.LiveDetail .totalScore {
    color: #17ea57
}

.LiveDetail .oddsCont {
    position: relative;
    background: #121619;
    padding: 0;
    border: 1px solid #1e2327
}

.LiveDetail .oddsCont:empty {
    border: 0 solid #1e2327
}

.LiveDetail .oddsCont:empty:after {
    content: "";
    width: 100%;
    text-align: center;
    display: block;
    color: #f8eba1
}

.lang-en .LiveDetail .oddsCont:empty:after {
    content: "No odds"
}

.LiveDetail .oddsCont .oddsType .title {
    background: #21282e;
    color: #21bfd1;
    border-top: 1px solid #414244;
    border-bottom: 1px solid #000;
    margin-bottom: 2px;
    font-size: 13px;
    padding: 5px
}

.LiveDetail .oddsCont .oddsType .oddsBox {
    padding: 4px 0 5px 0
}

.LiveDetail .oddsCont .oddsType .oddsBox:last-child {
    padding: 4px 0 10px 0
}

.LiveDetail .oddsCont .odds {
    flex: 1;
    margin-bottom: 2px;
    font-size: 0;
    color: #fff
}

.LiveDetail .oddsCont .odds .betBox {
    display: flex;
    flex-wrap: wrap
}

.LiveDetail .oddsCont .odds .betBox .away,.LiveDetail .oddsCont .odds .betBox .home {
    white-space: nowrap;
    overflow: hidden;
    max-width: 72%;
    display: inline-block;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.lang-en .LiveDetail .oddsCont .odds .betBox .away,.lang-en .LiveDetail .oddsCont .odds .betBox .home {
    white-space: initial;
    overflow: initial;
    max-width: 72%;
    display: inline-block;
    vertical-align: bottom;
    text-overflow: none;
    word-wrap: break-word;
    line-height: 1.1
}

.LiveDetail .oddsCont .odds .betBox>span {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    background-color: #2e302d;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #000;
    padding: 10px 8px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    font-weight: 500;
    position: relative
}

.LiveDetail .oddsCont .odds .arrow {
    display: inline-block;
    vertical-align: middle
}

.LiveDetail .oddsCont .odds .arrow.up {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 4px solid red;
    border-right: 4px solid red;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    opacity: 0
}

.LiveDetail .oddsCont .odds .arrow.dn {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 0;
    border-bottom: 4px solid #5dcabd;
    border-left: 4px solid transparent;
    border-right: 4px solid #5dcabd;
    border-top: 4px solid transparent;
    opacity: 0
}

.LiveDetail .oddsCont .odds .betBox>span:hover {
    background: #393939
}

.LiveDetail .oddsCont .odds .betBox>span.noBet em {
    color: #21bfd1
}

.LiveDetail .oddsCont .odds:hover .betBox>span.noBet em {
    font-weight: 400
}

.LiveDetail .oddsCont .odds .betBox>span.noBet:hover {
    cursor: default;
    background: #2e302d
}

.LiveDetail .oddsCont .odds .betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.LiveDetail .oddsCont .odds .betBox>span.on:hover {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.LiveDetail .oddsCont .odds .betBox>span em {
    font-weight: 500;
    font-style: normal;
    color: #fff;
    float: right
}

.LiveDetail .oddsCont .odds .betBox>span.on em {
    color: #fff
}

.LiveDetail .oddsCont .odds .betBox>span .away>em.noBet,.LiveDetail .oddsCont .odds .betBox>span .home>em.noBet,.LiveDetail .oddsCont .odds .betBox>span .x>em.noBet {
    color: #f2940d;
    float: none
}

.LiveDetail .oddsCont .odds .betBox>span.on .away>em.noBet,.LiveDetail .oddsCont .odds .betBox>span.on .home>em.noBet,.LiveDetail .oddsCont .odds .betBox>span.on .x>em.noBet {
    color: #fff
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(1),.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(3) {
    margin-left: 2px;
    margin-right: 2px;
    width: calc(44% - 4px);
    cursor: pointer
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(2) {
    width: 12%;
    text-align: center
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(1) {
    text-align: left
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(1) em {
    font-style: normal;
    float: right
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(2) em {
    float: none
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(3) {
    text-align: right
}

.LiveDetail .oddsCont .odds.col3symm .betBox>span:nth-of-type(3) em {
    float: left
}

.LiveDetail .oddsCont .odds.col2eq .betBox>span {
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    width: calc(50% - 3px);
    cursor: pointer
}

.LiveDetail .oddsCont .odds.col3eq .betBox>span {
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    width: calc(33.333333% - 3px);
    cursor: pointer
}

.LiveDetail .oddsCont .odds.col4eq .betBox>span {
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    width: calc(25% - 3px);
    cursor: pointer
}

.LiveDetail .oddsCont .odds.col5eq .betBox>span {
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    width: calc(20% - 3px);
    cursor: pointer
}

.LiveDetail .oddsCont .odds.col6eq .betBox>span {
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    width: calc(16.66666666% - 3px);
    cursor: pointer
}

.matchtrackerWrap {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.matchtracker {
    width: 600px;
    height: 300px;
    border: 0;
    padding: 0;
    margin: 0;
    background: url(../img/no_lt.png) no-repeat center
}

.matchtracker.un {
    background: url(../img/no_xt.png) no-repeat center
}

.BetList .matchtracker {
    height: 300px;
    width: 80%
}

.Games {
    padding: 0 10px 0 0
}

.game-menu-wrap {
    display: none;
    position: relative
}

.game-menu-wrap>.btn {
    position: absolute;
    top: 50%;
    font-size: 2rem;
    color: rgba(255,255,255,.4);
    transform: translate(0,-50%)
}

.game-menu-wrap>.btn>span {
    display: inline-block
}

.game-menu-wrap>.btn.right {
    right: 4px;
    display: none
}

.game-menu-wrap>.btn.left {
    left: 4px;
    display: none
}

.game-menu {
    display: none;
    width: 100vw;
    max-width: 100vw;
    min-width: 100vw;
    margin: 0;
    padding: 8px 0;
    justify-content: space-between;
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.game-menu .sMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
    flex: 0 0 33.333333vw;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.game-menu .sMenu i {
    font-style: normal;
    font-size: 3rem
}

.game-menu .sMenu em {
    font-style: normal;
    font-size: 1.2rem;
    max-width: 30vw;
    overflow: hidden;
    text-align: center
}

.game-menu .sMenu.cur:before {
    position: absolute;
    display: block;
    height: 3px;
    background: #cfa655;
    content: "";
    bottom: -8px;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    left: 10%;
    right: 10%
}

.Games .GamesMainWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative
}

.Games .oddsBox .league {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background: #0d1122;
    padding: 10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.Games .oddsBox .league.bet365 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background: #090909;
    padding: 0;
    display: block;
    align-items: stretch;
    justify-content: space-between
}

.mini_bar {
    height: 3px;
    background: linear-gradient(90deg,#414e8e 0,#a0d9fc 47.63%,#414e8e 98.62%)
}

.Games .oddsBox .league>span {
    display: flex;
    align-items: center;
    height: 40px;
    text-align: center;
    flex: 1
}

.Games .oddsBox .league>span>div {
    display: flex;
    align-items: center;
    height: 40px;
    background: #3e4c6f;
    padding: 0 20px
}

.Games .oddsBox .league>span>div+span {
    flex: 1;
    background: #182037;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center
}

.Games .oddsBox .league [class^=iconv4-] {
    margin: 0 4px 0 0
}

.Games .oddsBox .league span.closingTime {
    display: flex;
    color: #fff;
    flex: 1;
    justify-content: space-between
}

.Games .oddsBox .league span.closingTime>span:first-child {
    background: #3e4c6f;
    padding: 4px 16px;
    font-weight: 500;
    font-size: 14px;
    height: 40px;
    align-items: center;
    display: flex;
    border-left: 2px solid #0d1122
}

.Games .oddsBox .league span.closingTime>span:last-child {
    padding: 4px 8px;
    background: #182037;
    font-size: 14px;
    text-align: center;
    flex: 1;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center
}

.Games .oddsBox .league .small>span:first-child {
    font-size: 14px;
    color: #999;
    margin-right: 4px
}

.Games #oddsList {
    padding: 3px;
    position: relative;
    background: #191919;
    border-radius: 0;
    border: solid 2px #222733
}

.Games #oddsList.notBet365 {
    padding: 0 0 16px 0;
    position: relative;
    background: #0d1122;
    border-radius: 4px;
    border: solid 0 #181310
}

.iFrameContWrap {
    background: #161616;
    padding: 0 0 8px 0
}

.iFrameContWrap.mines,.iFrameContWrap.token {
    width: 100%
}

.gameFrame {
    width: 735px;
    height: 1030px;
    margin: 0 auto;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.token .gameFrame {
    width: 1000px;
    height: 800px
}

.iFrameCont {
    width: 735px;
    height: 560px;
    overflow: hidden;
    border-radius: 0;
    margin: 0 auto
}

.iFrameCont.token {
    width: 1000px;
    height: 800px;
    margin: 0 auto 100px auto
}

.iFrameCont .rect1 {
    z-index: 2;
    position: absolute;
    width: 202px;
    height: 428px;
    top: 113px;
    left: 15px
}

.iFrameCont .rect2 {
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 300px;
    top: 210px;
    left: 40px
}

.iFrameCont .rect3 {
    z-index: 2;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0
}

.graphCont {
    width: 100%;
    height: calc(100vh - 138px);
    overflow: hidden;
    background: url(../img/graph_bg.jpg) no-repeat;
    display: flex;
    align-items: flex-start;
    background-size: cover;
    background-position: center
}

.graphContWrap {
    width: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding: 20px 0;
    margin: 8% 0 0 0
}

.graphLogo {
    width: 341px;
    height: 70px;
    background: url(../img/graph_logo.png) no-repeat;
    margin: 0 auto
}

.graphWithdrawCont {
    color: #fff
}

#graphWithdrawal {
    color: #f9d026
}

.graphBtnCont {
    padding: 18px
}

.graphBtnCont button {
    background: #e58929;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    min-width: 120px
}

.graphBtnCont button:hover {
    background: #f60
}

.Games .oddsBox {
    flex: 1;
    padding: 0 0 0 5px
}

.Games .oddsBox #matchList>div:empty:after {
    content: "준비중입니다";
    width: 100%;
    text-align: center;
    display: block;
    padding: 17px 0;
    font-size: 12px;
    color: #d8aa63;
    background: #242424
}

.lang-en .Games .oddsBox #matchList>div:empty:after {
    content: "No Odds"
}

.Games .oddsBox .item {
    font-weight: 500;
    margin: 0 0 8px 0;
    border-radius: 4px;
    position: relative;
    background: #090909;
    padding: 6px 6px 6px 6px;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    margin: 0
}

.Games .oddsBox .item .bet365League {
    padding: 10px 0 32px 8px;
    background: #000
}

.Games .oddsBox .item .bet365Closing {
    position: absolute;
    top: 51px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 28px 0 5px;
    align-items: flex-start;
    font-weight: 400;
    font-size: 12px
}

.Games .oddsBox .item .bet365Closing span.playDate {
    background: #1e2428;
    padding: 3px 5px;
    border: 1px solid #222733
}

.Games .oddsBox .item .bet365Closing .bet365ClosingTime {
    background: #1e2428;
    padding: 8px 9px;
    border: 1px solid #222733
}

.Games .oddsBox .notBet365 .item {
    font-weight: 500;
    margin: 0 0 8px 0;
    border-radius: 4px;
    position: relative;
    background: #0d1122;
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    margin: 8px
}

.Games .oddsBox .odds {
    font-size: 1.4rem;
    color: #dfdfdf;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.Games .oddsBox .notBet365 .odds {
    font-size: 1.4rem;
    color: #dfdfdf;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 18px 0;
    border-bottom: 1px solid #495781
}

.Games .oddsBox .notBet365 .odds:last-child {
    border-bottom: 0
}

.Games .oddsBox .notBet365 .odds:last-child:after {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    bottom: 0;
    background: linear-gradient(90deg,#414e8e 0,#a0d9fc 47.63%,#414e8e 98.62%);
    position: absolute
}

.Games .oddsBox .odds>div {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.Games .oddsBox .odds>div.type {
    display: block;
    padding: 10px 0 0 0;
    color: #21bfd1;
    font-size: 1.2rem;
    font-weight: 500
}

.Games .oddsBox .notBet365 .odds>div.type {
    display: flex;
    padding: 0;
    color: #c4c4d7;
    font-size: 1.3rem;
    font-weight: 600;
    width: 125px;
    background: #182037;
    align-items: center;
    border: 1px solid #3e4c6f
}

.Games .oddsBox .odds>div.type>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.Games .oddsBox .notBet365 .odds>div.type>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.Games .oddsBox .odds>div.betBox {
    width: 100%;
    flex-wrap: wrap
}

.Games .oddsBox .odds>div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 13px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 1px;
    background: linear-gradient(180deg,#2d353c,#222);
    border: solid .05rem #1a1a1c;
    border-color: #424242 #181818 #232324 #2c3339;
    padding: 10px 8px;
    border-radius: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    font-weight: 600
}

.Games .oddsBox .notBet365 .odds>div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 10px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0 0 0 15px;
    background: #0d1122;
    border: solid 1px #3e4c6f;
    padding: 10px 8px;
    border-radius: 2px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    font-weight: 600
}

.Games .oddsBox .item.off .odds>div.betBox>span {
    position: relative;
    pointer-events: none
}

.Games .oddsBox .item.off .odds>div.betBox>span:after {
    display: flex;
    width: 100%;
    position: absolute;
    height: 100%;
    background: #0009;
    content: "\eb09";
    top: 0;
    left: 0;
    font-family: party!important;
    align-items: center;
    justify-content: center;
    font-size: 15px
}

.Games .oddsBox .odds>div.betBox>span .away,.Games .oddsBox .odds>div.betBox>span .home {
    flex-grow: 3;
    flex-shrink: 1;
    flex-basis: 20px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away.red,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.red,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.yellow {
    color: #fff;
    background: linear-gradient(to bottom,rgba(164,19,26,1) 1%,rgba(128,9,17,1) 100%);
    width: auto;
    height: 40px;
    flex-basis: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 60px;
    white-space: initial;
    text-align: center;
    flex-direction: column;
    min-width: 40px;
    max-height: 40px;
    text-shadow: 1px 1px 3px #000;
    padding: 4px;
    font-size: 12px
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .home.yellow {
    background: linear-gradient(to bottom,rgba(255,214,94,1) 0,rgba(254,191,4,1) 99%);
    color: #000
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away.red.o,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.red.o {
    background: 0 0;
    border: 3px solid #d73d3f
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away.blue,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.blue {
    color: #fff;
    background: linear-gradient(to bottom,rgba(0,125,188,1) 1%,rgba(17,95,150,1) 100%);
    width: auto;
    height: 40px;
    flex-basis: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 60px;
    text-align: center;
    flex-direction: column;
    min-width: 40px;
    max-height: 40px;
    text-shadow: 1px 1px 3px #000;
    padding: 4px;
    font-size: 12px
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away.blue.u,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.blue.u {
    background: 0 0;
    border: 3px solid #1b6bcf
}

.Games .oddsBox .odds>div.betBox>span .away.green,.Games .oddsBox .odds>div.betBox>span .home.green {
    color: #0f0
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away.green,.Games .oddsBox .notBet365 .odds>div.betBox>span .home.green {
    color: #fff;
    background: #167329;
    width: auto;
    height: 40px;
    flex-basis: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 60px;
    text-align: center;
    flex-direction: column;
    min-width: 40px;
    max-height: 40px;
    text-shadow: 1px 1px 3px #000;
    padding: 4px;
    font-size: 12px
}

.Games .oddsBox .notBet365 .odds>div.betBox>span .away>div,.Games .oddsBox .notBet365 .odds>div.betBox>span .home>div {
    font-size: 9px
}

.Games .oddsBox .odds>div.betBox>span.on .away.blue,.Games .oddsBox .odds>div.betBox>span.on .away.green,.Games .oddsBox .odds>div.betBox>span.on .away.red,.Games .oddsBox .odds>div.betBox>span.on .home.blue,.Games .oddsBox .odds>div.betBox>span.on .home.green,.Games .oddsBox .odds>div.betBox>span.on .home.red {
    color: #fff
}

.Games .oddsBox .odds>div.betBox>span:hover {
    background: #393939;
    color: #fff
}

.Games .oddsBox .notBet365 .odds>div.betBox>span:hover {
    background: #182037;
    color: #fff
}

.Games .oddsBox .odds>div.betBox>span.noBet:hover {
    cursor: default;
    background: linear-gradient(180deg,#2d353c,#222);
    border: solid .05rem #1a1a1c;
    border-color: #424242 #181818 #232324 #2c3339
}

.Games .oddsBox .notBet365 .odds>div.betBox>span.noBet:hover {
    cursor: default;
    background: #1d1d20;
    border: solid .05rem #1a1a1c
}

.Games .oddsBox .odds>div.betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.Games .oddsBox .notBet365 .odds>div.betBox>span.on {
    background: #ffc700!important;
    color: #fff
}

.Games .oddsBox .odds>div.betBox>span.on:hover {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.Games .oddsBox .notBet365 .odds>div.betBox>span.on:hover {
    background: #ffc700!important;
    color: #fff
}

.Games .oddsBox .odds:hover>div.betBox>span.noBet em {
    font-weight: 700
}

.Games .oddsBox .odds>div.betBox>span em {
    font-style: normal;
    flex: 1;
    color: #fff;
    text-align: right
}

.Games .oddsBox .notBet365 .odds>div.betBox>span em {
    font-style: normal;
    flex: 1;
    color: #fff;
    text-align: center;
    background: #3e4c6f;
    width: 100%;
    padding: 4px;
    margin: 0 0 10px 0
}

.Games .oddsBox .odds>div.betBox>span:hover em {
    color: #fff
}

.Games .oddsBox .odds>div.betBox>span.on em {
    color: #fff
}

.Games .oddsBox .odds>div.betBox>span.noBet em {
    color: #d9c58a
}

.Games .oddsBox .odds.col3symm>div.betBox {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%
}

.Games .oddsBox .odds.col3symm>div.betBox>span:nth-of-type(1) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(1) {
    max-width: 50%
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(1),.Games .oddsBox .notBet365 .odds.col4eq>div.betBox>span {
    flex-direction: column-reverse;
    padding: 0 0 13px 0
}

.Games .oddsBox .odds.col3symm>div.betBox>span:nth-of-type(2) {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(2) {
    display: none
}

.Games .oddsBox .odds.col3symm>div.betBox>span:nth-of-type(2) em {
    text-align: center
}

.Games .oddsBox .odds.col3symm>div.betBox>span:nth-of-type(3) {
    flex: 4.5;
    text-align: right;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(3) {
    max-width: 50%
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(3) {
    flex-direction: column-reverse;
    padding: 0 0 13px 0
}

.Games .oddsBox .odds.col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: left
}

.Games .oddsBox .notBet365 .odds.col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: center
}

.Games .oddsBox .odds.col3eq>div.betBox>span {
    flex: 0 0 33.33333333%;
    max-width: calc(33.33333333% - 15px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Games .oddsBox .notBet365 .odds.col3eq>div.betBox>span {
    flex-direction: column-reverse;
    padding: 0 0 5px 0
}

.Games .oddsBox .odds.col4eq>div.betBox>span {
    flex: 0 0 25%;
    max-width: calc(24.99% - 15px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Games .oddsBox .bet365 .odds.col4eq>div.betBox>span {
    flex: 0 0 33.33333333%;
    max-width: calc(33.33333333% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Games .oddsBox .odds.col5eq>div.betBox>span {
    flex: 0 0 20%;
    max-width: calc(20% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Games .oddsBox .odds.col6eq>div.betBox>span {
    flex: 0 0 16.66666666%;
    max-width: calc(16.66666666% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.Games .odds span.ing {
    color: #32909a
}

.Games .odds span.end {
    color: #a09f9f
}

.Games .odds span.pre {
    color: #32909a
}

.Games iframe.vgames {
    width: 100%;
    height: 100%
}

.Games .gameList-sub {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0
}

.Games .gameList-sub>div {
    display: none;
    border-radius: 0 4px 4px 4px;
    border: solid 1px #444;
    min-width: 100px;
    font-size: 14px;
    overflow: hidden
}

.Games .gameList-sub .sMenu {
    color: #fff;
    background: #11829a;
    cursor: pointer;
    padding: 8px
}

.Games .gameList-sub .sMenu:not(:last-child) {
    border-bottom: solid 1px #316d8b
}

.Games .gameList-sub .sMenu:hover {
    background: #316d8b
}

.game-title {
    font-weight: 700;
    display: flex;
    background: #373540;
    padding: 8px 12px;
    font-size: 16px;
    border-radius: 4px;
    margin: 0 0 8px 0;
    align-items: center;
    color: #fff;
    display: none
}

.game-title [class^=iconv4-] {
    margin: 0 4px 0 0;
    background: #000;
    padding: 4px;
    border-radius: 40px
}

.gameMenu1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #111012;
    font-size: 14px;
    margin: 0;
    color: #cdcdcd;
    margin-bottom: 7px;
    border: 1px solid #333
}

.gameMenu1 .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    cursor: pointer;
    background: #111;
    border-right: 1px solid #333;
    height: 50px
}

.gameMenu1.bet365 .btn {
    height: 68px;
    font-size: 18px
}

.gameMenu1 .btn:last-child {
    border-right: 0 solid #333
}

.gameMenu1 .btn [class^=iconv4-] {
    margin: 0 3px 0 0
}

.gameMenu2 {
    background: #216f8c;
    color: #fff;
    font-size: 15px;
    flex-wrap: wrap;
    margin: 0 0 8px 0;
    padding: 1px;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 1px
}

.gameMenu2.sure {
    grid-template-columns: repeat(9,1fr)
}

.gameMenu2.pororo {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.lotus {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.ntry {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.named {
    grid-template-columns: repeat(4,1fr)
}

.gameMenu2.crown {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.boscore {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.bet365 {
    grid-template-columns: repeat(2,1fr)
}

.gameMenu2.bet365.soccer {
    grid-template-columns: repeat(4,1fr)
}

.gameMenu2.bet365.horse {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2.donghang {
    grid-template-columns: repeat(4,1fr)
}

.gameMenu2.token {
    grid-template-columns: repeat(5,1fr)
}

.gameMenu2.nanum {
    grid-template-columns: repeat(1,1fr)
}

.gameMenu2.newscore {
    grid-template-columns: repeat(3,1fr)
}

.gameMenu2>span {
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    cursor: pointer;
    background: #222;
    position: relative
}

.gameMenu2>span:hover {
    background: #111
}

.gameMenu2>span .on:hover {
    background: #333
}

.gameMenu2>span>span {
    padding: 13px 4px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-direction: column
}

.gameMenu2.token>span>span {
    padding: 12px 4px
}

.gameMenu2>span:not(.v)>span {
    cursor: not-allowed
}

.gameMenu2>span:not(.v):before {
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(46 46 46 / 68%);
    content: "";
    color: #636067;
    position: absolute;
    border: 1px solid #212026;
    bottom: 0;
    padding: 3px 7px;
    text-align: right;
    left: 0;
    font-weight: 600;
    cursor: not-allowed;
    box-sizing: border-box;
    font-size: 12px;
    text-shadow: 0 0 1px rgb(0 0 0 / 45%)
}

.gameMenu2>span>span>i[class^=iconv4-] {
    margin: 0 4px 0 0
}

.gameMenu2>span>span>em {
    font-size: 13px;
    text-align: center
}

.gameMenu2>span>span>em>b {
    font-size: 12px;
    font-weight: 500
}

.gameMenu1 .btn.on,.gameMenu2 {
    background: #333;
    color: #fff
}

.gameMenu1.bet365 .btn.on {
    background: #333;
    color: #fff
}

.gameMenu1.bet365>span:nth-child(1) {
    border-bottom: 5px solid #fff
}

.gameMenu1.bet365>span:nth-child(2) {
    border-bottom: 5px solid #ff9000
}

.gameMenu1.bet365>span:nth-child(3) {
    border-bottom: 5px solid #1e8567
}

.gameMenu1.bet365>span:nth-child(4) {
    border-bottom: 5px solid #fff210
}

.gameMenu2>span.on>span {
    background: #333
}

.gameSubMenuPop {
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 216px;
    left: 0;
    z-index: 9;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 0 0 0
}

.gameSubMenuPop>.Category {
    background: #444;
    padding: 20px;
    border-radius: 4px
}

.gameSubMenuPop>.Category.ntry {
    background: #541432
}

.gameSubMenuPop>.Category.bet365 {
    background: #093a1b
}

.gameSubMenuPop>.Category.mgm {
    background: #082c44
}

.gameSubMenuPop>.Category.joy {
    background: #2b254a
}

.gameSubMenuPop>.Category.named {
    background: #3c1842
}

.gameSubMenuPop>.Category.lotus {
    background: #583e13
}

.gameSubMenuPop>.Category.sure {
    background: #243540
}

.gameSubMenuPop>.Category.jjang {
    background: #244d68
}

.gameSubMenuPop>.Category.pororo {
    background: #373156
}

.gameSubMenuPop>.Category>.wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px
}

.Category>.wrap .sub-name {
    cursor: pointer;
    background: rgb(0 0 0 / 51%);
    border-radius: 5px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 12px
}

.Category>.wrap .sub-name:hover {
    background: rgb(0 0 0 / 35%)
}

.Category>.wrap .sub-name:not(.v) {
    cursor: not-allowed
}

.Category>.wrap .sub-name>span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Category>.wrap .sub-name:not(.v)>span {
    filter: brightness(.6)
}

.Category>.wrap .sub-name>span [class^=iconv4-] {
    margin: 0 0 6px 0;
    font-size: 20px
}

.Category>.wrap .sub-name>span em {
    text-align: center
}

.Category>.wrap .sub-name .stat {
    position: absolute;
    bottom: 2px;
    background: #00000052;
    color: #ffdba3;
    padding: 1px 16px;
    border-radius: 10px;
    font-size: 11px
}

.Games #betList {
    padding: 0 0 30px 0
}

.Games #betList .titleBox {
    display: grid;
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0
}

.Games #betList .titleBox>span {
    text-align: center;
    padding: 4px;
    color: #222;
    font-weight: 600;
    background: #666
}

.Games #betList .simpleCont {
    display: grid;
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr;
    grid-column-gap: 1px;
    margin: 0 0 1px 0
}

.Games #betList .simpleCont .type1 {
    color: #c79090
}

.Games #betList .simpleCont .type2 {
    color: #7baaff
}

.Games #betList .simpleCont .type3 {
    color: #ff4d4d
}

.Games #betList .simpleCont .type4 {
    color: #65d95d
}

.Games #betList .simpleCont>span {
    text-align: center;
    padding: 4px;
    background: #222;
    display: flex;
    align-items: center;
    justify-content: center
}

.Games #betList #history button {
    background: #000;
    border-radius: 40px;
    color: #ddd;
    padding: 2px 10px;
    font-size: 12px;
    border: solid 2px #666
}

.Games .timelimit {
    color: #f18080;
    font-family: ds-digital;
    font-size: 0
}

.Games .disable_game {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%);
    color: #a7adaf;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 83px 0 0 0;
    z-index: 1
}

.Games .disable_game.hidden {
    display: none
}

.Games .disable_game>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 170px;
    border-radius: 100px;
    flex-direction: column;
    padding: 19px;
    text-align: center;
    font-weight: 600
}

.Games .disable_game .icon-lock {
    font-size: 37px;
    margin: 0 0 10px 0
}

.SportsResult .title {
    background: #242424;
    padding: 6px 0 6px 12px
}

.SportsResult .title .date {
    color: #ebebeb;
    font-size: 14px;
    display: inline-block;
    vertical-align: 2px;
    margin-left: 20px
}

.SportsResult .title .date input {
    padding: 5px
}

.SportsResult .titleBox {
    background: #2f2d30;
    color: #aaa;
    font-size: 0;
    padding: 8px 2px;
    display: flex
}

.SportsResult .gameCont .game .summary {
    border-radius: 0;
    border: solid #000;
    border-width: 0 0 .05rem 0;
    font-size: 0;
    color: #fff;
    padding: 8px 2px;
    background: #242424;
    display: flex;
    flex-wrap: wrap
}

.SportsResult .gameCont .game .summary span {
    vertical-align: bottom
}

.SportsResult .gameCont .game .summary .league {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px
}

.SportsResult .gameCont .game .summary .team {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SportsResult .gameCont .game .summary .league img {
    vertical-align: bottom;
    height: 16px
}

.SportsResult .gameCont .game .summary .btnDetail {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.SportsResult .gameCont .game .summary .btnDetail:hover {
    color: #f8eba1
}

.SportsResult .gameCont .game .summary .team i {
    color: #d8aa63;
    font-style: normal
}

.SportsResult .gameCont .game .detailCont {
    background: #333;
    border-radius: 0;
    color: #fff;
    padding: 8px;
    display: none
}

.SportsResult .gameCont .game:last-child .detailCont {
    border-width: 0 1px 1px 1px
}

.SportsResult .gameCont .game .detailCont .scoreBoard {
    margin-bottom: 6px
}

.SportsResult .gameCont .game .detailCont .scoreBoard table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.SportsResult .gameCont .game .detailCont .scoreBoard table td {
    border-width: 0;
    text-align: center;
    padding: 8px 4px;
    font-size: 14px;
    color: #000;
    background: #a5a5a5;
    font-weight: 600
}

.SportsResult .gameCont .game .detailCont .scoreBoard table td:first-child {
    width: 20%
}

.SportsResult .gameCont .game .detailCont .scoreBoard table tr:first-child td {
    color: #000;
    background: #6a6a6a;
    border-bottom: solid 1px #6a6664
}

.SportsResult .gameCont .game .detailCont .scoreBoard table tr:first-child td:last-child {
    border-left: solid 1px #1a1513
}

.SportsResult .gameCont .game .detailCont .scoreBoard table tr:not(:first-child) td:last-child {
    color: #000;
    font-size: 18px;
    border-left: solid 1px #1a1513;
    font-family: DINWeb-Bold,sans-serif
}

.SportsResult .gameCont .game .summary>span,.SportsResult .titleBox span {
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.SportsResult .gameCont .game {
    margin-bottom: 0
}

.SportsResult .gameCont .game .summary span:nth-child(1),.SportsResult .titleBox span:nth-child(1) {
    flex: 17%
}

.SportsResult .gameCont .game .summary span:nth-child(2),.SportsResult .titleBox span:nth-child(2) {
    flex: 24%;
    text-align: left
}

.SportsResult .gameCont .game .summary span:nth-child(3),.SportsResult .titleBox span:nth-child(3) {
    flex: 38%;
    text-align: left
}

.SportsResult .gameCont .game .summary span:nth-child(4),.SportsResult .titleBox span:nth-child(4) {
    flex: 13%;
    font-weight: 700;
    font-family: Din;
    color: #f8eba1
}

.SportsResult .gameCont .game .summary span:nth-child(5),.SportsResult .titleBox span:nth-child(5) {
    flex: 8%
}

.SportsResult .catBox {
    display: flex;
    flex-direction: row;
    border: solid 1px #ccc;
    background: #fff;
    padding: 8px;
    border-radius: 0 0 4px 4px
}

.SportsResult .catBox .left {
    margin-right: 40px;
    flex: 0 90px
}

.SportsResult .catBox .right {
    font-size: 12px;
    font-family: Gulim,serif;
    color: #444;
    display: flex;
    flex-direction: column;
    flex: 1
}

.SportsResult .mainCategory {
    font-family: 'Malgun Gothic',Dotum,Arial,sans-serif;
    font-weight: 700;
    color: #228599;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer
}

.SportsResult .league input[type=checkbox],.SportsResult .mainCategory input[type=checkbox] {
    vertical-align: -2px
}

.SportsResult .sportsRow .league {
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom
}

.SportsResult .sportsRow {
    line-height: 1.8;
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.SportsResult .sportsRow .col:nth-child(1) {
    flex: 0 0 105px
}

.SportsResult .sportsRow .col:nth-child(2) {
    flex: 1
}

.SportsResult .gameCont .game .detailCont .odds {
    margin-bottom: 1px;
    font-size: 14px;
    color: #9f9f9f;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.SportsResult .gameCont .game .detailCont .odds>div {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.SportsResult .gameCont .game .detailCont .odds>div.type {
    flex: 10%;
    color: #adadad
}

.SportsResult .gameCont .game .detailCont .odds>div.type>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox {
    flex: 70%;
    flex-wrap: wrap
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 14px;
    background: #242424;
    border: solid .05rem #000;
    padding: 8px 6px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin: 1px;
    border-radius: 3px
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span .away,.SportsResult .gameCont .game .detailCont .odds>div.betBox>span .home {
    flex-grow: 3;
    flex-shrink: 1;
    flex-basis: 20px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.on {
    background: hsl(214 23% 31% / 1);
    border: solid .05rem #0a0a0c;
    color: #fff
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span em {
    font-style: normal;
    flex: 1;
    text-align: right;
    color: #9f9f9f
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.on em {
    color: #fff
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.noBet em {
    color: #9f9f9f
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox {
    flex-wrap: nowrap
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox>span:nth-of-type(1) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox>span:nth-of-type(2) {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox>span:nth-of-type(2) em {
    text-align: center
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox>span:nth-of-type(3) {
    flex: 4.5;
    text-align: right;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.SportsResult .gameCont .game .detailCont .odds.col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: left
}

.SportsResult .gameCont .game .detailCont .odds.col3eq>div.betBox>span {
    flex: 0 0 33.33333333%;
    max-width: calc(33.33333333% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.SportsResult .gameCont .game .detailCont .odds.col4eq>div.betBox>span {
    flex: 0 0 25%;
    max-width: calc(25% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.SportsResult .gameCont .game .detailCont .odds.col5eq>div.betBox>span {
    flex: 0 0 20%;
    max-width: calc(20% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.SportsResult .gameCont .game .detailCont .odds.col6eq>div.betBox>span {
    flex: 0 0 16.66666666%;
    max-width: calc(16.66666666% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span .away>em.noBet,.SportsResult .gameCont .game .detailCont .odds>div.betBox>span .home>em.noBet,.SportsResult .gameCont .game .detailCont .odds>div.betBox>span .x>em.noBet {
    color: #f8eba1;
    font-style: normal;
    font-weight: 400
}

.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.on .away>em.noBet,.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.on .home>em.noBet,.SportsResult .gameCont .game .detailCont .odds>div.betBox>span.on .x>em.noBet {
    color: #fff
}

.SportsResult .btnSearch {
    background: #373540;
    color: #fff;
    padding: 6px 16px;
    border: solid 0 #f8eba1;
    font-size: 12px;
    cursor: pointer;
    vertical-align: bottom;
    border-radius: 4px
}

.SportsResult .btnSearch:hover {
    background: #49464c
}

.SportsResult .category-bar {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin: 0 0 4px 0
}

.SportsResult .category-bar .sub-name {
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 20px 10px;
    font-weight: 700;
    background: #4a4a4a;
    align-items: center
}

.SportsResult .category-bar .sub-name.on {
    background: #d999e1;
    color: #000
}

.ui-datepicker {
    font-size: 14px
}

.ui-datepicker select.ui-datepicker-month {
    font-size: 11px
}

.ui-datepicker select.ui-datepicker-year {
    font-size: 11px
}

.ui-widget.ui-widget-content {
    border: 1px solid #a3a3a3;
    background: #fff
}

.ui-widget-header {
    border: 1px solid #494949;
    background: #494949;
    color: #fff;
    font-weight: 700
}

.ui-widget-content {
    color: #666
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid silver;
    background: #f2f2f2;
    font-weight: 700;
    color: #8d8d8d
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #d8aa63;
    background: #f8eba1;
    color: #242424
}

.BetList {
    margin: 0 7px 0 0;
    background: #111
}

.BetList .category-bar {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 3px;
    grid-row-gap: 2px;
    margin: 20px 19px 4px 24px
}

.BetList .category-bar .sub-name {
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 6px;
    font-weight: 600;
    background: linear-gradient(to bottom,rgba(50,50,50,1) 1%,rgba(20,20,20,1) 100%);
    align-items: center;
    font-size: 12px
}

.BetList .category-bar .sub-name.on {
    background: linear-gradient(to bottom,rgb(52 133 73) 1%,rgb(0 58 23) 100%);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    color: #fff
}

.BetList .title {
    color: #515769;
    margin-bottom: 6px;
    font-weight: 700
}

.BetList .item {
    margin-bottom: 15px;
    background: #3b3b3d;
    overflow: hidden
}

.BetList .item .topCont {
    color: #aaa;
    padding: 8px;
    background: #2d2d30;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 4px 4px 0 0;
    flex-direction: row
}

.BetList .item .topCont .col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.BetList .item .topCont .col:nth-child(2) {
    flex-direction: row
}

.BetList .item .topCont .col>span {
    display: flex;
    align-items: center;
    padding: 4px
}

.BetList .item .topCont .col>span>input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0
}

.BetList .item .topCont .col>dl {
    padding: 4px;
    display: flex
}

.BetList .item .topCont .col>dl dd {
    padding: 0 18px 0 8px
}

.BetList .item .topCont em {
    color: #eee;
    font-style: normal;
    font-weight: 600
}

.BetList .item .pickCont {
    background: #242424;
    color: #fff
}

.BetList .item .pickCont .pick {
    padding-bottom: 12px;
    border-bottom: solid 1px #000;
    padding: 6px 16px
}

.BetList .item .pickCont .pick>.info {
    padding: 3px 0 8px 0;
    border-radius: 2px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 15px;
    align-items: center
}

.BetList .item .pickCont .pick>.info>span {
    text-align: center;
    align-self: center
}

.BetList .item .pickCont .pick>.info>span.date {
    width: 10%;
    padding: 0;
    font-size: 13px
}

.BetList .item .pickCont .pick>.info>span.gameCont {
    width: 70%;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.BetList .item .pickCont .pick>.info>span.result {
    width: 10%;
    color: #d8aa63
}

.BetList .item .pickCont .pick>.info>span.stat {
    width: 10%;
    color: #d8aa63
}

.BetList .item .pickCont .pick>.info>span.gameCont>span {
    margin-right: 10px;
    display: flex;
    align-items: center;
    font-size: 13px
}

.BetList .item .pickCont .pick>.info>span.gameCont img {
    width: 18px
}

.BetList .item .pickCont .pick>.info>span.gameCont>span.which {
    color: #9894bb
}

.BetList .item .pickCont .pick>.info>span.gameCont>span.league {
    color: #afafaf
}

.BetList .item .pickCont .pick>.info>span.gameCont>span.game i {
    color: red;
    font-style: normal;
    padding: 0 4px
}

.BetList i[class^=iconv4-] {
    margin-right: 0;
    font-size: 0;
    vertical-align: -6px
}

.BetList .item .pickCont .pick .odds {
    margin-bottom: 1px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.BetList .item .pickCont .pick .odds>div {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.BetList .item .typeCont {
    display: flex;
    padding: 5px 0
}

.BetList .item .typeCont>.type2 {
    flex: 70%;
    flex-wrap: wrap;
    display: flex;
    align-items: center
}

.BetList .item .typeCont>.type2>span {
    background: #636366;
    padding: 4px 12px;
    border-radius: 30px;
    color: #000;
    font-weight: 600;
    font-size: 12px
}

.BetList .item .typeCont>.result {
    flex: 10%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ddd
}

.BetList .item .typeCont>.stat {
    flex: 10%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ddd
}

.BetList .item .pickCont .pick .odds>div.betBox {
    flex: 70%;
    flex-wrap: wrap
}

.BetList .item .pickCont .pick .odds>div.result {
    flex: 10%
}

.BetList .item .pickCont .pick .odds>div.info {
    flex: 10%
}

.BetList .item .pickCont .pick .odds>div.info span {
    background: #000;
    padding: 4px 10px;
    border-radius: 40px
}

.BetList .item .pickCont .pick .odds>div.type>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.BetList .item .pickCont .pick .odds>div.result>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 2px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default
}

.BetList .stat1 {
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom,rgba(50,50,255,1) 1%,rgba(20,20,100,1) 100%)
}

.BetList .stat2 {
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom,rgba(255,50,50,1) 1%,rgba(100,20,20,1) 100%)
}

.BetList .stat3 {
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom,rgba(70,70,70,1) 1%,rgba(20,20,20,1) 100%)
}

.BetList .stat4 {
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom,rgba(50,255,50,1) 1%,rgba(20,100,20,1) 100%)
}

.BetList .item .pickCont .pick .odds>div.info>div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 2px;
    user-select: none;
    -webkit-user-select: none;
    webkit-tap-highlight-color: transparent;
    cursor: default
}

.BetList .item .pickCont .pick .odds>div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 13px;
    background: #1d1d20;
    border: solid .05rem #1a1a1c;
    padding: 5px 8px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin: 1px;
    border-radius: 4px;
    font-weight: 600
}

.BetList .item .pickCont .pick .odds>div.betBox>span .away,.BetList .item .pickCont .pick .odds>div.betBox>span .home {
    flex-grow: 4;
    flex-shrink: 1;
    flex-basis: 20px;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom
}

.BetList .item .pickCont .pick .odds>div.betBox>span.on {
    background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
    color: #fff
}

.BetList .item .pickCont .pick .odds>div.betBox>span.win {
    border: solid 3px #eda401;
    position: relative;
    box-shadow: inset 0 0 0 1px #000
}

.BetList .item .pickCont .pick .odds>div.betBox>span.win:after {
    display: block;
    content: "win";
    position: absolute;
    top: -17px;
    right: 6px;
    background: #eda401;
    color: #000;
    font-size: 13px;
    padding: 2px 4px;
    border: solid 1px #000;
    border-radius: 6px
}

.BetList .item .pickCont .pick .odds>div.betBox>span em {
    font-style: normal;
    color: #bdbdbd;
    flex: 1;
    text-align: right
}

.BetList .item .pickCont .pick .odds>div.betBox>span.on em {
    color: #fff
}

.BetList .item .pickCont .pick .odds>div.betBox>span.noBet em {
    color: #d9c58a
}

.BetList .item .pickCont .pick .odds>div.betBox>span .away>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span .home>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span .x>em.noBet {
    color: #dfcd2d
}

.BetList .item .pickCont .pick .odds>div.betBox>span.on .away>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span.on .home>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span.on .x>em.noBet {
    color: #000
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox {
    flex-wrap: nowrap
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox>span:nth-of-type(1) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox>span:nth-of-type(2) {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox>span:nth-of-type(2) em {
    text-align: center
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox>span:nth-of-type(3) {
    flex: 4.5;
    text-align: right;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.BetList .item .pickCont .pick .odds.col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: left
}

.BetList .item .pickCont .pick .odds.col3eq>div.betBox>span {
    flex: 0 0 33.33333333%;
    max-width: calc(33.33333333% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.BetList .item .pickCont .pick .odds.col4eq>div.betBox>span {
    flex: 0 0 25%;
    max-width: calc(24.99% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.BetList .item .pickCont .pick .odds.col5eq>div.betBox>span {
    flex: 0 0 20%;
    max-width: calc(20% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.BetList .item .pickCont .pick .odds.col6eq>div.betBox>span {
    flex: 0 0 16.66666666%;
    max-width: calc(16.66666666% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.BetList .btnCont {
    text-align: right;
    margin: 10px 20px
}

.BetList .category-bar-wrap+.btnCont {
    text-align: right;
    margin: 2px 0;
    background: rgb(17 17 17);
    padding: 15px 20px;
    z-index: 9;
    position: sticky;
    top: 0
}

.BetList .btnMid {
    min-width: 80px;
    height: 30px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
    background: #000;
    color: #fff;
    font-size: 12px
}

.BetList .btnMid.green {
    background: linear-gradient(to bottom,rgb(52 133 73) 1%,rgb(0 58 23) 100%);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    color: #fff
}

.BetList .btnMid.red {
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%)
}

.BetList .item button {
    padding: 4px 16px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    background: #0d0d0d;
    border: none;
    color: #acbecd;
    border: solid 2px #04a6e2;
    border-radius: 40px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0 4px
}

.BetList .item button:hover {
    border-color: #85d7f5;
    color: #fff
}

#btnPrevHistory {
    padding: 8px;
    cursor: pointer;
    display: inline-block
}

#btnPrevHistory span {
    display: inline-block
}

#btnPrevHistory:hover {
    color: #ffeb3b
}

.BetList .tbl_div {
    color: #fff;
    width: 100%
}

.BetList .tbl_div>div:not(.open2) {
    font-size: 14px;
    text-align: center;
    background: #242424;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #ddd
}

.BetList .tbl_div>div.open {
    background: #242424;
    border-bottom: solid 1px #686868
}

.BetList .tbl_div>div:first-child {
    background: #20262f;
    color: #acc7f4
}

.BetList .tbl_div>div:not(.open2)>span {
    display: flex;
    align-self: stretch;
    justify-content: center;
    align-content: center;
    padding: 4px;
    border-bottom: solid 1px #000
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(1) {
    width: 15%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(2) {
    width: 5%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(3) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(4) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(5) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(6) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(7) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(8) {
    width: 5%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(9) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(10) {
    width: 10%
}

.BetList .tbl_div>div:not(.open2)>span:nth-child(11) {
    width: 5%
}

.BetList .btn_detail {
    cursor: pointer;
    background: #17ea57;
    color: #000;
    border-radius: 4px;
    padding: 2px 4px;
    font-weight: 700;
    align-self: center
}

.BetList .btn_detail:hover {
    background: #0ff
}

.BetList .btn_detail_arrow:after {
    font-family: party!important;
    content: "\ea3e";
    display: inline-block;
    cursor: pointer;
    color: #ffe500
}

.BetList .detailMatchList {
    background: #4f4f4f;
    padding: 24px
}

.BetList .detailMatchList .cap {
    color: #fae000;
    padding: 4px;
    font-size: 12px;
    display: none
}

.BetList .detailMatch {
    margin: 10px 0;
    border: solid 1px #000
}

.BetList .detailMatch>div:not(.detailList) {
    font-size: 14px;
    text-align: center;
    background: #a8a8a8;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #000
}

.BetList .detailMatch>div:not(.detailList):first-child {
    background: #898989;
    color: #000
}

.BetList .detailMatch>div:not(.detailList)>span {
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding: 4px;
    border-right: solid 1px #3f444f
}

.BetList .detailMatch>div:not(.detailList)>span:nth-child(1) {
    width: 20%
}

.BetList .detailMatch>div:not(.detailList)>span:nth-child(2) {
    width: 20%
}

.BetList .detailMatch>div:not(.detailList)>span:nth-child(3) {
    width: 20%
}

.BetList .detailMatch>div:not(.detailList)>span:nth-child(4) {
    width: 20%
}

.BetList .detailMatch>div:not(.detailList)>span:nth-child(5) {
    width: 20%
}

.BetList .detailList {
    margin: 2px 0 0 0
}

.BetList .detailList>div {
    font-size: 14px;
    text-align: center;
    background: #a8a8a8;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #0d0d0d
}

.BetList .detailList>div:first-child {
    background: #898989;
    color: #1d1d1e
}

.BetList .detailList>div>span {
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding: 4px;
    border-right: solid 1px #3f444f
}

.BetList .detailList>div>span:nth-child(1) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(2) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(3) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(4) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(5) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(6) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(7) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(8) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(9) {
    width: 10%
}

.BetList .detailList>div>span:nth-child(10) {
    width: 10%
}

.BetList .total_bet {
    padding: 8px;
    color: #fff;
    background: #2b3444
}

.BetList .total_bet>span {
    margin: 0 10px 0 0
}

#oddsField .odd {
    padding: 0 2px;
    border: solid 1px #6a6a6a;
    justify-self: normal;
    align-self: flex-start;
    margin: 0 1px;
    background: #dbdbdb;
    font-size: 12px
}

#oddsField .odd.pick {
    border: solid 1px #6a6a6a;
    background: #17ea57
}

#oddsField .odd.winner {
    border: solid 1px red
}

.BetList .sort2 {
    cursor: pointer;
    position: relative
}

.BetList .sort2:after {
    font-family: party!important;
    content: "\ea3e";
    display: inline-block;
    cursor: pointer;
    color: #17ea57;
    position: relative;
    top: 5px;
    margin: 0 0 0 4px;
    font-size: 10px
}

.BetList .sort2.redBold {
    color: #ffeb3b
}

.BetList .sort2.redBold:after {
    color: #ffeb3b
}

.BetList table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
    font-size: 12px
}

.BetList table th {
    padding: 5px
}

.BetList table td,.BetList table th {
    border: 1px solid #555;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 200px;
    font-weight: 400
}

.BetList table td {
    padding: 3px;
    text-align: center
}

.BetList table td img {
    height: 20px;
    vertical-align: -5px
}

.BetList .btn_live_tracker {
    width: 100%;
    min-height: 20px;
    display: block;
    text-align: center;
    cursor: pointer
}

.tl {
    text-align: left!important
}

.bet_total_td {
    padding: 5px!important;
    background: #111;
    line-height: 20px
}

.only_mobile {
    display: none
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}

.w300 {
    width: 300px
}

.vs_color {
    color: #f90
}

.market_color {
    color: #55c0ff
}

.ratio_color {
    color: #0fad3f
}

.stan_color {
    color: #f90
}

.BetList #history {
    padding: 10px 22px
}

.BetList #history ul:empty:after {
    content: '최근 배팅내역이 없습니다.';
    display: block;
    border: 1px solid #3e4c6f;
    width: 32%;
    padding: 50px;
    text-align: center;
    font-size: 12px
}

.BetList #history ul li {
    width: 32%;
    border: 1px solid #3e4c6f;
    overflow: hidden;
    margin: 5px;
    display: inline-block
}

.BetList #history ul li>span {
    font-size: 12px
}

.BetList #history ul li>span:first-child {
    display: block;
    background: #3e4c6f;
    padding: 5px
}

.BetList #history ul li>span.sel {
    padding: 5px;
    display: inline-block
}

.BetList #history ul li>span.bm {
    color: #66d;
    padding: 5px;
    display: inline-block
}

.BetList #history ul li>span.ratio {
    color: #6d6;
    padding: 5px;
    display: inline-block
}

.BetList #history ul li>span:first-child>span {
    float: right
}

.iteminGame [class*=type] {
    text-align: center;
    display: inline-block;
    padding: 5px;
    margin-top: -5px;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(255,255,255,.6)
}

.iteminGame .type1 {
    background: linear-gradient(to bottom,rgba(50,50,50,1) 1%,rgba(0,0,0,1) 100%)
}

.iteminGame .type2 {
    background: linear-gradient(to bottom,rgba(150,50,50,1) 1%,rgba(100,30,30,1) 100%)
}

.iteminGame .type3 {
    background: linear-gradient(to bottom,rgba(50,50,150,1) 1%,rgba(30,30,100,1) 100%)
}

.iteminGame .type4 {
    background: linear-gradient(to bottom,rgba(50,150,50,1) 1%,rgba(30,100,30,1) 100%)
}

.iteminGame .type5 {
    background: linear-gradient(to bottom,rgba(50,50,50,1) 1%,rgba(0,0,0,1) 100%)
}

#btnReject {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom,rgba(50,50,255,1) 1%,rgba(20,20,100,1) 100%);
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px
}

.btnGameName {
    padding: 10px 24px
}

.btnGameName span.on {
    background: linear-gradient(to bottom,rgb(52 133 73) 1%,rgb(0 58 23) 100%)
}

.btnGameName>span {
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
    background: linear-gradient(to bottom,rgba(50,50,50,1) 1%,rgba(20,20,20,1) 100%);
    font-size: 12px
}

.payment_menu {
    padding: 16px
}

.payment_menu>span {
    min-width: 80px;
    height: 31px;
    line-height: 28px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
    background: linear-gradient(to bottom,rgba(50,50,50,1) 1%,rgba(20,20,20,1) 100%);
    font-size: 12px
}

.payment_menu>span:hover {
    background: linear-gradient(to bottom,rgba(80,80,80,1) 1%,rgba(20,20,20,1) 100%)
}

.payment_menu>span.green {
    background: linear-gradient(to bottom,rgb(52 133 73) 1%,rgb(0 58 23) 100%);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    color: #fff
}

.Charge .rectBox {
    font-size: 12px;
    border-radius: 0 0 8px 8px;
    flex: 1;
    display: flex
}

.Charge .title {
    color: #515769;
    margin-bottom: 6px;
    font-weight: 700
}

.Charge .rectBox .payment_method {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 0 0 15px
}

.Charge .rectBox .payment_method ol {
    padding: 0 0 0 35px
}

.Charge .rectBox .payment_method ol>li {
    list-style: auto;
    margin: 0 0 10px 0
}

.Charge .rectBox .payment_method ul {
    padding: 0 0 0 35px
}

.Charge .rectBox .payment_method ul li {
    margin: 0 0 10px 0
}

.Charge .rectBox table {
    border-collapse: collapse;
    width: 100%
}

.payment_method .btn_qna {
    display: inline-block;
    padding: 5px 10px;
    border: 2px solid #21bfd1;
    border-radius: 20px;
    background: #000;
    margin-top: 10px;
    font-size: 14px;
    cursor: pointer
}

.Charge .rectBox td {
    text-align: left;
    padding: 8px;
    color: #fff
}

.Charge .rectBox th {
    text-align: left;
    padding: 8px;
    color: #d8d8d8
}

.Charge .rectBox th {
    font-weight: 700;
    text-align: center;
    width: 15%
}

.Charge .rectBox.modInfo th {
    text-align: right;
    width: auto
}

.Charge .rectBox tr.border td,.Charge .rectBox tr.border th {
    border: solid #000;
    border-width: 1px 0
}

.Charge .rectBox input[type=number],.Charge .rectBox input[type=password],.Charge .rectBox input[type=text] {
    border-radius: 4px;
    border: solid 1px #868686;
    padding: 4px;
    color: red;
    width: 100%;
    font-size: 18px;
    font-weight: 600
}

.Charge .rectBox button[type=button],.Charge .rectBox input[type=button] {
    width: 30%;
    display: inline-block;
    background: #999;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 0
}

.Charge .rectBox button[type=button]:hover,.Charge .rectBox input[type=button]:hover {
    background: #d7d7d7;
    color: #000
}

.Charge .rectBox button[type=button].em,.Charge .rectBox input[type=button].em {
    color: #0e2a39;
    font-weight: 700;
    border: solid 1px #167aa3
}

.Charge .btnMid,.Charge .rectBox button[type=button].btnMid,.Charge .rectBox input[type=button].btnMid {
    width: auto;
    padding: 10px 12px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: #000;
    color: #fff;
    border: solid 2px #21bfd1;
    border-radius: 40px;
    font-weight: 600
}

.Charge #btnDeleteAll,.Charge #btnDeleteSlt {
    padding: 10px 16px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 700;
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    border: none;
    color: #fff;
    border: solid 1px red;
    font-weight: 500;
    float: right;
    margin: 0 25px 0 0;
    border-radius: 0
}

#btnRequest {
    min-width: 80px;
    height: 33px;
    border: 1px solid #111;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    padding: 4px;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
    border-radius: 0;
    font-size: 14px
}

#withdrawRequest #btnRequest {
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    border: 1px solid red;
    font-size: 14px;
    width: 200px;
    height: 50px;
    color: #fff;
    cursor: pointer
}

.Charge .tbl_div {
    color: #fff;
    width: 100%
}

.Charge .tbl_div .icon-del2 {
    color: #f6f6f6;
    cursor: pointer
}

.Charge .tbl_div .icon-del2:hover:before {
    color: #ff3838
}

.Charge .tbl_div>div {
    font-size: 12px;
    text-align: center;
    background: #111;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #ddd;
    display: grid;
    grid-template-columns: .5fr .5fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    border-bottom: 1px solid #333;
    justify-items: center;
    justify-content: center
}

.Charge .tbl_div.col4>div {
    grid-template-columns: 2fr 1fr 1fr .5fr
}

.Charge .tbl_div>div:first-child {
    background: #333;
    color: #e8e8e8
}

.Charge .tbl_div>div span {
    padding: 8px 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Charge #withdrawRequest .btnCont {
    text-align: center
}

.Charge .input-cont {
    padding: 10px 0
}

.Charge .input-btn-cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.Charge dl dt {
    color: #fff
}

.Charge dl dd {
    padding: 8px 0 18px 0;
    color: #ababab
}

.payment_method .row {
    border-bottom: solid .1rem #333;
    flex: 1;
    padding: 20px
}

.payment_method .row:last-child {
    border-bottom: solid 0 #333
}

.payment_method .row .l1 {
    flex: 1 1 20%;
    margin-bottom: 8px
}

.payment_method .row .l2 {
    flex: 1 1 80%
}

.payment_method .row .l1.green {
    color: #a9ff12
}

.Charge .rectBox.modInfo {
    padding: 10px;
    flex-direction: column;
    align-items: center
}

.Charge .rectBox.modInfo .row {
    display: flex;
    padding: 8px;
    align-items: center;
    min-width: 379px
}

.Charge .rectBox.modInfo .row .l1 {
    flex: 1
}

.Charge .rectBox.modInfo .row .l2 {
    flex: 2
}

.Charge i.emp {
    color: #21bfd1;
    font-weight: 700
}

.Charge #depositHistory,.Charge #withdrawHistory {
    margin: 6px 0 0 0;
    padding: 6px 25px
}

.Charge .chBonus {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin: 0 0 10px 0
}

.Charge .chBonus>i {
    grid-area: 1/1/2/2;
    display: flex;
    align-items: stretch;
    justify-content: center
}

.Charge .chBonus>label {
    grid-area: 1/2/2/3
}

.Charge .chBonus dt {
    color: #cff536;
    padding: 4px 0
}

.Charge .chBonus dd {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.Charge .chBonus input {
    width: 18px;
    height: 18px
}

.Charge label {
    cursor: pointer;
    margin: 0 0 0 5px
}

.Charge .stat_money {
    display: flex;
    align-items: center;
    padding: 0 0 12px 0;
    font-size: 16px
}

.Charge .stat_money i[class^=iconv4-] {
    margin: 0 4px 0 0
}

.Charge .stat_money b {
    font-size: 16px
}

.Charge .stat_money {
    display: flex;
    align-items: center;
    padding: 0 0 12px 0;
    font-size: 16px
}

.Charge .stat_money input {
    width: 18px;
    height: 18px
}

.Charge .stat_money b {
    font-size: 24px;
    color: #eb225d
}

.Charge .stat_money i {
    color: #21bfd1;
    font-size: 12px
}

.trans-box {
    display: flex;
    align-items: center;
    width: 300px;
    justify-content: space-between;
    border: 3px solid #d8aa63;
    padding: 10px 20px
}

.trans-box .c-money>div,.trans-box .s-money>div {
    padding: 6px 0;
    display: flex;
    align-items: center
}

.trans-box .icon-arrow-right {
    font-size: 18px
}

.trans-box input {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0
}

.payment_method .info-txt {
    padding: 0 0 18px 0
}

.Charge .rectBox.rc {
    justify-content: space-around;
    margin: 0 0 4px 0;
    flex-direction: column
}

.Charge .rectBox.rc .wrap {
    display: flex
}

.Charge .rectBox.rc .info {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    border-top: 1px dotted #323232
}

.Charge .rectBox.rc .info b {
    font-weight: 500
}

.Charge .rectBox .rolling {
    display: flex;
    padding: 10px;
    flex-direction: column;
    flex: 1;
    border-right: 1px dotted #323232
}

.Charge .rectBox .rolling .t {
    font-weight: 600;
    font-size: 16px;
    padding: 0 0 5px 0
}

.Charge .rectBox .rolling .c {
    display: flex;
    flex-direction: column
}

.Charge .rectBox .rolling .c b {
    font-size: 20px;
    color: #c6ff42
}

.Charge .rectBox .rolling .c i {
    padding: 5px 0
}

.Charge .rectBox .rolling .c i em {
    color: #42d5ff
}

.Exchange {
    border-radius: 0;
    border: solid 1px rgba(255,255,255,.35);
    background: rgba(0,0,0,.26);
    padding: 10px
}

.Exchange .rectBox {
    padding: 10px 0;
    border: solid 1px rgba(255,255,255,.2);
    border-top-color: rgba(255,255,255,.3);
    background: rgba(0,0,0,.15);
    font-family: Dotum,sans-serif;
    font-size: 12px
}

.Exchange .title {
    color: #ffe67a
}

.Exchange .rectBox table {
    border-collapse: collapse;
    width: 100%
}

.Exchange .rectBox td,.Exchange .rectBox th {
    font-family: Dotum,sans-serif,Malgun Gothic,Arial;
    font-size: 12px;
    text-align: left;
    padding: 8px 4px;
    color: #cce3ff
}

.Exchange .rectBox th {
    font-weight: 700;
    text-align: right
}

.Exchange .rectBox input[type=password],.Exchange .rectBox input[type=text] {
    width: 170px;
    height: 27px;
    border-radius: 2px;
    border: solid 1px #5a5a5a;
    padding: 4px
}

.Exchange .rectBox button[type=button],.Exchange .rectBox input[type=button] {
    color: #474e57;
    background: #cce3ff;
    border: solid 1px #1884b1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 8px 5px 8px;
    vertical-align: -1px;
    cursor: pointer
}

.Exchange .rectBox button[type=button]:hover,.Exchange .rectBox input[type=button]:hover {
    background: #fff
}

.Exchange .rectBox button[type=button].em,.Exchange .rectBox input[type=button].em {
    color: #0e2a39;
    font-weight: 700;
    border: solid 1px #167aa3
}

.Exchange .btnMid,.Exchange .rectBox button[type=button].btnMid,.Exchange .rectBox input[type=button].btnMid {
    background: linear-gradient(to bottom,rgba(17,92,123,1) 0,rgba(12,65,87,1) 100%);
    border-radius: 8px;
    padding: 10px 10px;
    border: solid 1px #67bce2;
    color: #bfebff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 3px
}

.Exchange .btnMid:hover,.Exchange .rectBox button[type=button].btnMid:hover,.Exchange .rectBox input[type=button].btnMid:hover {
    background: linear-gradient(to bottom,#1884b1 0,rgba(12,65,87,1) 100%)
}

.Exchange table.normal {
    border-collapse: collapse;
    width: 100%;
    color: #e4e4e4
}

.Exchange table td .btnDel {
    color: #474e57;
    background: #cce3ff;
    border: solid 1px #1884b1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 8px 2px 8px;
    vertical-align: -1px;
    cursor: pointer
}

.Exchange table td .btnDel:hover {
    background: #fff
}

.Exchange table.normal td {
    font-family: Dotum,sans-serif,Malgun Gothic,Arial;
    font-size: 12px;
    border-bottom: solid 1px rgba(228,228,228,.1);
    padding: 3px 0 3px 0;
    text-align: center
}

.Exchange table.normal.col4 td {
    width: 25%
}

.Exchange table.normal.col5 td {
    width: 20%
}

.Exchange table.normal tr:first-child td {
    background: linear-gradient(to bottom,rgba(17,92,123,1) 0,rgba(12,65,87,1) 100%);
    border-top: solid 1px #4d89b1;
    color: #67bce2;
    font-weight: 700;
    padding: 6px 0 6px 0
}

.Exchange table.normal a,table.normal a:visited {
    color: #454545;
    text-decoration: none
}

.Exchange table.normal a:hover {
    text-decoration: underline
}

.Exchange .btnCont {
    text-align: center;
    margin: 15px 0
}

.Customer .tbl_div {
    color: #fff;
    width: 100%;
    overflow: hidden;
    margin: 30px 0 0 0
}

.Customer .tbl_div .emp em {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    padding: 2px 8px;
    color: #fff;
    border-radius: 9px;
    border: solid 1px #72707c
}

.Customer .tbl_div>div:first-child {
    background: #444;
    color: #fff
}

.Customer .tbl_div>div {
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    background: #111;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: solid .05rem #333
}

.Customer .tbl_div>div:not(:first-child):hover {
    cursor: pointer
}

.Customer .tbl_div>div>span {
    display: inline-block;
    padding: 4px
}

.Customer .tbl_div>div>span:nth-child(1) {
    width: 15%
}

.Customer .tbl_div>div>span:nth-child(2) {
    width: 45%;
    text-align: left
}

.Customer .tbl_div>div>span:nth-child(3) {
    width: 15%
}

.Customer .tbl_div>div>span:nth-child(4) {
    width: 25%
}

.Customer .tbl_div.qna>div>span:nth-child(1) {
    width: 6%
}

.Customer .tbl_div.qna>div>span:nth-child(2) {
    width: 75%;
    text-align: left
}

.Customer .tbl_div.qna>div>span:nth-child(3) {
    width: 9%
}

.Customer .tbl_div.qna>div>span:nth-child(4) {
    width: 10%
}

.Customer .btnCont {
    text-align: center;
    margin: 15px 0
}

.Customer .btnMid {
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 700;
    background: #0d0d0d;
    border: none;
    color: #acbecd;
    border: solid 2px #04a6e2;
    border-radius: 40px;
    font-weight: 700
}

.Customer .btnMid:hover {
    border-color: #85d7f5;
    color: #fff
}

.Customer .bbsBtnCont {
    background: #090909;
    color: #fff;
    text-align: right;
    padding: 16px 18px 10px 20px
}

.Customer .bbsBtnCont.end {
    background: #111;
    border-width: 0 1px 1px 1px
}

.Customer .bbsBtnCont button {
    color: #fff;
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(80,80,80,1) 1%,rgba(33,33,33,1) 100%);
    border: solid 0 #f8eba1;
    padding: 8px 16px;
    vertical-align: -1px;
    cursor: pointer;
    margin: 8px 4px 8px 0;
    font-size: 12px;
    font-weight: 500
}

.Customer .bbsBtnCont button.btn_green {
    background: linear-gradient(to bottom,rgba(33,150,33,1) 1%,rgba(0,80,0,1) 100%)
}

.Customer .bbsBtnCont button.btn_blue {
    background: linear-gradient(to bottom,rgba(33,88,150,1) 1%,rgba(0,30,80,1) 100%)
}

.Customer .bbsBtnCont button.btn_gray {
    background: linear-gradient(to bottom,rgba(80,80,80,1) 1%,rgba(33,33,33,1) 100%)
}

.Customer .bbsBtnCont button a {
    color: #000
}

.Customer .bbsBtnCont button [class^=iconv4-] {
    background: #241f28;
    border-radius: 40px;
    color: #afafaf;
    padding: 6px;
    font-size: 12px
}

.Customer .bbs_read {
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    padding: 10px;
    background: #111
}

.Customer .bbs_read .top {
    background: #1b2a4d;
    color: #fff
}

.Customer .bbs_read .top>div {
    display: flex;
    margin: 0 0 1px 0;
    padding: 5px 0
}

.Customer .bbs_read .top input {
    padding: 8px;
    width: 80%;
    background: #010010;
    color: #fff;
    font-size: 14px;
    border: 0
}

.Customer .bbs_read .top input::placeholder,.Customer .bbs_read .txtArea ::placeholder {
    color: #a2a2a2
}

.Customer .bbs_read .txtArea {
    padding: 0;
    background: #111;
    color: #fff;
    border-bottom: 1px solid #1b2a4d;
    display: flex
}

.Customer .bbs_read .txtArea>div:first-child {
    width: 100px;
    background: #1b2a4d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.Customer .bbs_read .txtArea textarea {
    width: 100%;
    height: 300px;
    padding: 12px;
    border: solid 1px #010010;
    background: #010010;
    color: #fff;
    font-size: 14px
}

.Customer .bbs_read .top span {
    display: inline-block;
    padding: 6px 0
}

.Customer .bbs_read .top.event span {
    color: #fff;
    font-weight: 500
}

.link .comment {
    font-size: 12px;
    color: #fe8c15
}

.Customer .bbs_reply_manager {
    padding: 12px;
    background: #121212;
    color: #fff;
    margin: 0;
    font-size: 14px
}

.Customer .bbs_reply_manager .date {
    color: #d8aa63;
    padding: 0 0 16px 0;
    font-weight: 700
}

.Customer .bbs_read .top div>span:nth-child(1) {
    width: 93px;
    color: #d7d7d7;
    background: #1b2a4d;
    text-align: center
}

.Customer .bbs_read .top.event div>span:nth-child(1) {
    width: auto;
    color: #21bfd1;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 5px
}

.Customer .bbs_read .viewInfo {
    background: #111;
    padding: 10px;
    border-bottom: 1px solid #444
}

.Customer .bbs_reply_manager img,.Customer .content img {
    max-width: 100%
}

.Customer .bbs_read .content {
    padding: 18px;
    background: #111;
    color: #fff;
    min-height: 200px;
    line-height: 1.8;
    text-align: center;
    border-bottom: 1px solid #444
}

.Customer .replyBox {
    color: #323238;
    margin: 4px 0 0 0;
    border-radius: 6px;
    overflow: hidden
}

.Customer .replyBox .re {
    border: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e4e3e3 #484850 #6c6c73 #484850;
    padding: 8px 20px;
    margin: 10px 0
}

.Customer .replyBox .re .txtArea {
    padding: 8px;
    border: solid #484850;
    border-width: 1px 1px 0 1px
}

.Customer .replyBox .re:last-child {
    padding: 0;
    border-width: 0;
    background: #2b3444
}

.Customer .replyBox .re:not(:last-child) {
    background: #fff;
    border-radius: 8px
}

.Customer .replyBox .re textarea {
    width: 100%;
    border: solid 1px #ddd;
    padding: 8px;
    background: #f0f0f0
}

.Customer .replyBox .re .name {
    color: #2d94d6;
    padding: 4px
}

.Customer .replyBox .date {
    float: right;
    color: #2d94d6
}

.Customer .replyBox .re .txt {
    padding: 0 4px;
    line-height: 2
}

.Customer .replyBox .date .fa {
    color: #f78207;
    margin-left: 4px;
    cursor: pointer
}

.Customer .replyBox .date .fa:hover {
    color: #f7a407
}

.Customer #btnDelete:hover:before {
    color: red
}

.Customer .gridWrap {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding: 10px
}

.Customer .gridWrap:before {
    content: '';
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
    padding-bottom: calc(100% / (9 / 10))
}

.Customer .gridWrap>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

.Customer .gridWrap img {
    max-width: 100%
}

.Customer .gridWrap .thumbnail {
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.Customer .gridWrap .titleTd {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 2;
    background: #1b2a4d;
    padding: 7px;
    text-align: center;
    font-size: 12px;
    overflow: hidden
}

.Customer .gridWrap .titleTd strong {
    color: #21bfd1;
    font-weight: 400
}

.Customer .gridWrap .span-cont {
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.BBS .tbl_div {
    color: #fff;
    width: 100%;
    overflow: hidden
}

.BBS .tbl_div>div:first-child {
    background: #444;
    color: #fff
}

.BBS .tbl_div>div {
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    background: #111;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-bottom: solid .05rem #333
}

.BBS .tbl_div>div:not(:first-child):hover {
    cursor: pointer
}

.BBS .tbl_div>div>span {
    display: inline-block;
    padding: 4px
}

.BBS .tbl_div>div>span:nth-child(1) {
    width: 5%
}

.BBS .tbl_div>div>span:nth-child(2) {
    width: 5%
}

.BBS .tbl_div>div>span:nth-child(3) {
    width: 68%;
    text-align: left
}

.BBS .tbl_div>div>span:nth-child(4) {
    width: 15%
}

.BBS .tbl_div>div>span:nth-child(5) {
    width: 15%
}

.BBS .btnMid {
    padding: 10px 16px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 700;
    background: linear-gradient(to bottom,rgba(150,33,33,1) 1%,rgba(80,0,0,1) 100%);
    border: none;
    color: #fff;
    border: solid 1px red;
    font-weight: 500
}

.BBS .btnMid.btn_blue {
    background: linear-gradient(to bottom,rgba(33,33,150,1) 1%,rgba(0,0,80,1) 100%);
    border: 1px solid #111
}

.BBS .btnCont {
    text-align: right;
    background: #111;
    padding: 15px 18px 15px 0
}

.BBS .bbsBtnCont {
    background: #241c18;
    color: #404040;
    text-align: right
}

#messageHistory,#qnaHistory {
    padding: 0 17px;
    background: #111
}

.BBS .bbsBtnCont.end {
    border-radius: 0 0 8px 8px
}

.BBS .bbsBtnCont button {
    color: #000;
    background: #d8aa63;
    border: solid 0 #f8eba1;
    padding: 12px 12px;
    vertical-align: -1px;
    cursor: pointer;
    margin: 8px 8px 8px 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700
}

.BBS .bbsBtnCont button:hover {
    background: #f8eba1
}

.BBS .bbsBtnCont button a {
    color: #000
}

.BBS .bbs_read {
    width: 100%;
    font-size: 14px;
    overflow: hidden
}

.BBS .bbs_read .top {
    background: #241c18;
    color: #f8eba1;
    padding: 18px;
    border-radius: 8px 8px 0 0
}

.BBS .bbs_read .top span {
    display: inline-block;
    padding: 6px 0
}

.BBS .bbs_read .top div>span:nth-child(1) {
    width: 50px;
    color: #d8aa63;
    font-weight: 700
}

.BBS .content img,.board_contents img {
    max-width: 100%
}

.BBS .bbs_read .content {
    padding: 18px;
    background: #121212;
    color: #fff;
    min-height: 200px;
    line-height: 1.8
}

.BBS .replyBox {
    color: #323238;
    margin: 4px 0 0 0;
    border-radius: 6px;
    overflow: hidden
}

.BBS .replyBox .re {
    border: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e4e3e3 #484850 #6c6c73 #484850;
    padding: 8px 20px;
    margin: 10px 0
}

.BBS .replyBox .re textarea {
    width: 100%
}

.BBS .replyBox .re .name {
    color: #67bce2;
    padding: 4px
}

.BBS .replyBox .date {
    float: right;
    color: #67bce2
}

.BBS .replyBox .date .fa {
    color: #f4d33b;
    margin-left: 4px;
    cursor: pointer
}

.BBS .replyBox .date .fa:hover {
    color: #f60
}

.BBS #btnDelete:hover:before {
    color: red
}

.board_detail {
    width: 100%
}

.board_contents {
    padding: 10px 10px 10px 125px;
    background: #111;
    width: 100%;
    min-height: 100px;
    margin: 8px;
    line-height: 200%;
    text-align: initial;
    border-top: 1px solid #333
}

.bbsNewIcon {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 0 3px 1px 2px;
    font-size: 8px;
    border: 1px solid #111;
    background: linear-gradient(to bottom,rgba(255,50,50,1) 1%,rgba(100,20,20,1) 100%)
}

.Point .rectBox {
    background: #242424;
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 20px
}

.Point .title {
    color: #515769;
    margin-bottom: 6px;
    font-weight: 700
}

.Point .rectBox button {
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: #0d0d0d;
    color: #dbdbdb;
    border: solid 2px #21bfd1;
    border-radius: 40px;
    font-weight: 700
}

.Point .rectBox button:hover {
    color: #fff
}

.Point .rectBox .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.Point .rectBox .row>div {
    padding: 8px
}

.Point .rectBox .row>div.double {
    flex: 2
}

.Point .rectBox .row>div.status {
    font-size: 16px
}

.Point .rectBox .row>div.status>span {
    font-weight: 700;
    color: #fbda9a
}

.Point .rectBox .row>div.status>div {
    font-size: 18px;
    padding: 8px 0;
    display: flex;
    align-items: center
}

.Point .rectBox .row>div.status input {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0
}

.Point .rectBox .row>div.status label {
    cursor: pointer
}

.Point .rectBox .row>div.status label:hover {
    color: red
}

.Point .tbl_div {
    color: #fff;
    width: 100%
}

.Point .tbl_div>div {
    font-size: 14px;
    text-align: center;
    background: #111;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #ddd
}

.Point .tbl_div>div:first-child {
    background: #212022;
    color: #aaa
}

.Point .tbl_div>div span {
    display: flex;
    align-self: stretch;
    justify-content: center;
    padding: 8px 0;
    border-bottom: solid 1px #333
}

.Point .tbl_div>div span:nth-child(1) {
    width: 20%
}

.Point .tbl_div>div span:nth-child(2) {
    width: 20%
}

.Point .tbl_div>div span:nth-child(3) {
    width: 20%
}

.Point .tbl_div>div span:nth-child(4) {
    width: 20%
}

.Point .tbl_div>div span:nth-child(5) {
    width: 20%
}

.Point .tbl_div>div span:nth-child(6) {
    width: 15%
}

.Point .tbl_div>div span:nth-child(7) {
    width: 10%
}

.Point .tbl_div.row3>div span:nth-child(1) {
    width: 16%
}

.Point .tbl_div.row3>div span:nth-child(2) {
    width: 14%
}

.Point .tbl_div.row3>div span:nth-child(3) {
    width: 14%
}

.Point .tbl_div.row3>div span:nth-child(4) {
    width: 14%
}

.Point .tbl_div.row3>div span:nth-child(5) {
    width: 14%
}

.Point .tbl_div.row3>div span:nth-child(6) {
    width: 14%
}

.Point .tbl_div.row3>div span:nth-child(7) {
    width: 14%
}

.Point .tabSub {
    background: #2a2a2a;
    color: #e1e1e1;
    padding: 8px;
    border-width: 1px 1px 0 1px;
    line-height: 3;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.Point .tabSub>span {
    white-space: nowrap;
    display: flex;
    align-items: center
}

.Point .tabSub>span>input[type=radio] {
    margin: 0 4px 0 0;
    width: 16px;
    height: 16px
}

.Point .tabSub .date {
    display: flex;
    line-height: 1;
    align-items: center
}

.Point .tabSub label {
    cursor: pointer
}

.Point .tabSub label:hover {
    color: #ffe1a5
}

.Point .tabSub .date input {
    padding: 5px;
    margin: 4px
}

.Point .tabSub input[type=radio]:not(:first-child) {
    margin-left: 20px;
    vertical-align: middle
}

.Point .btnSearch {
    background: #64626c;
    color: #ddd;
    padding: 6px 16px;
    border: solid 0 #f8eba1;
    font-size: 14px;
    cursor: pointer;
    vertical-align: bottom;
    border-radius: 4px
}

#casinoContent {
    margin: 0
}

.Casino {
    position: relative
}

.Casino .casinoWrap {
    background: #111;
    min-height: calc(100vh - 100px)
}

.Casino .casinoWrap .intro {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background: #1d1d1e url(../img/casino/casino_intro.png) no-repeat;
    background-size: cover
}

.Casino .casinoWrap .intro:before {
    content: '';
    width: 0;
    padding-bottom: calc(100% / (1225 / 219));
    grid-row: 1/1;
    grid-column: 1/1
}

.Casino .casinoWrap .intro>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

.Casino .casinoWrap .gbox {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 10px
}

.Casino .casinoWrap .gbox:before {
    content: '';
    width: 0;
    padding-bottom: calc(100% / (6 / 9));
    grid-row: 1/1;
    grid-column: 1/1
}

.Casino .casinoWrap .gbox>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

.casinoWrap .gbox .vendor {
    background: #111;
    position: relative;
    cursor: pointer
}

.casinoWrap .gbox .vendor:hover {
    -webkit-transition: all .3s ease-out;
    transform: scale(1.13);
    z-index: 4
}

.casinoWrap .gbox .vendor>div:first-child {
    width: 100%;
    height: 100%;
    border-radius: 18px
}

.casinoWrap .gbox .vendor>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 21%;
    font-size: 18px;
    font-weight: 600;
    color: #ebebf5
}

.casinoWrap .gbox .vendor[data-id=evolution]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_evolution.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=AG]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_AG.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=microgaming]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_microgaming.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=dwin]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_dwin.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=bota]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_bota.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=WM]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_wm.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=dream]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_dream.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=pragmatic]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_pragmatic.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=vivo]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_vivo.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=betgames]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_betgames.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=allbet]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_allbet.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=sexybcrt]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_sexybcrt.png) no-repeat;
    background-size: cover
}

.casinoWrap .gbox .vendor[data-id=taishan]>div:first-child {
    background: #1d1d1e url(../img/casino/casino_taishan.png) no-repeat;
    background-size: cover
}

.Casino #depositRequest,.Slot #depositRequest {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #212124;
    background: #0d0d0e;
    padding: 16px 0;
    color: #fff;
    margin: 0 0 2px 0
}

.Casino #depositRequest #btnCheck,.Casino #depositRequest #btnWithdrawal,.Slot #depositRequest #btnCheck,.Slot #depositRequest #btnWithdrawal {
    background: #000;
    border: 2px solid #e99514;
    padding: 4px 20px;
    color: #fff;
    border-radius: 40px;
    font-weight: 600
}

#casinoWithdrawal {
    margin: 0 5px 0 0
}

.Slot .slotWrap {
    background: #161618;
    min-height: calc(100vh - 100px);
    padding-bottom: 40px
}

.Slot .slotWrap .gbox {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 10px
}

.Slot .slotWrap .gbox:before {
    content: '';
    width: 0;
    padding-bottom: 100%;
    grid-row: 1/1;
    grid-column: 1/1;
    padding-bottom: calc(100% / (6 / 9))
}

.Slot .slotWrap .intro {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background: #1d1d1e url(../img/casino/slot_intro.png) no-repeat;
    background-size: cover
}

.Slot .slotWrap .intro:before {
    content: '';
    width: 0;
    padding-bottom: calc(100% / (1225 / 219));
    grid-row: 1/1;
    grid-column: 1/1
}

.Slot .slotWrap .gbox>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

.slotWrap .gbox .vendor:hover {
    border: 1px solid #fff
}

.slotWrap .gbox .vendor {
    background: #1d1d1e;
    position: relative;
    cursor: pointer;
    border: 1px solid #333
}

#vendorName {
    display: flex;
    width: 100%;
    height: 100px;
    background: #211e22;
    border-bottom: 1px solid #322f34;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
    flex-direction: column
}

#vendorName .title {
    font-size: 24px;
    color: #fff;
    font-weight: 600
}

.slotWrap .gbox .vendor>div:first-child {
    width: 100%;
    height: 100%
}

.slotWrap .gbox .vendor>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28%;
    font-size: 18px;
    font-weight: 600;
    color: #ebebf5
}

.slotWrap .gbox .vendor[data-id=booongo]>div:first-child {
    background: url(../img/slot/slot_booongo.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=evoplay]>div:first-child {
    background: url(../img/slot/slot_evoplay.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=habanero]>div:first-child {
    background: url(../img/slot/slot_habanero.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=wazdan]>div:first-child {
    background: url(../img/slot/slot_wazdan.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=cq9]>div:first-child {
    background: url(../img/slot/slot_cq9.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=gameart]>div:first-child {
    background: url(../img/slot/slot_gameart.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=pragmatic]>div:first-child {
    background: url(../img/slot/slot_pragmatic.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=playson]>div:first-child {
    background: url(../img/slot/slot_playson.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=tpg]>div:first-child {
    background: url(../img/slot/slot_tpg.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=playstar]>div:first-child {
    background: url(../img/slot/slot_playstar.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=blueprint]>div:first-child {
    background: url(../img/slot/slot_blueprint.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=asia]>div:first-child {
    background: url(../img/slot/slot_asiagaming.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=micro]>div:first-child {
    background: url(../img/slot/slot_microgaming.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=playngo]>div:first-child {
    background: url(../img/slot/slot_playngo.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=nolimit]>div:first-child {
    background: url(../img/slot/slot_nolimit.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=bigtime]>div:first-child {
    background: url(../img/slot/slot_bigtime.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=redtiger]>div:first-child {
    background: url(../img/slot/slot_redtiger.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=thunderkick]>div:first-child {
    background: url(../img/slot/slot_thunderkick.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=playpearls]>div:first-child {
    background: url(../img/slot/slot_playpearls.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id="1x2"]>div:first-child {
    background: url(../img/slot/slot_1x2.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=mobilots]>div:first-child {
    background: url(../img/slot/slot_mobilots.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=dragoonsoft]>div:first-child {
    background: url(../img/slot/slot_dragoonsoft.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=elk]>div:first-child {
    background: url(../img/slot/slot_elk.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=pgsoft]>div:first-child {
    background: url(../img/slot/slot_pgsoft.png) no-repeat;
    background-size: cover
}

.slotWrap .gbox .vendor[data-id=reelkingdom]>div:first-child {
    background: url(../img/slot/slot_reelkingdom.png) no-repeat;
    background-size: cover
}

.slotWrap #close {
    position: absolute;
    top: 26px;
    right: 26px;
    font-size: 24px;
    background: #000;
    padding: 10px;
    cursor: pointer
}

.slotWrap #close:before {
    color: #21bfd1
}

.casino-table {
    position: absolute;
    width: calc(100% - 6px);
    height: auto;
    min-height: calc(100vh - 113px);
    top: 0;
    left: 0;
    z-index: 2;
    background: #1a181c;
    padding: 0 0 100px 0
}

.casino-table #gameList {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 58px;
    padding: 10px
}

.casino-table #gameList:before {
    content: '';
    width: 0;
    padding-bottom: calc(100% / (200 / 140));
    grid-row: 1/1;
    grid-column: 1/1
}

.casino-table #gameList.Asia.Gaming.Slot:before,.casino-table #gameList.playngo:before {
    padding-bottom: calc(100% / (200 / 200))
}

.casino-table #gameList.MicroGaming:before {
    padding-bottom: calc(100% / (500 / 350))
}

.casino-table #gameList>:first-child {
    grid-row: 1/1;
    grid-column: 1/1
}

.tableElement {
    position: relative;
    cursor: pointer
}

.tableElement:hover {
    color: #fff
}

.tableElement:empty {
    display: none
}

.tableElement>div:first-child {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.tableElement:before {
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-family: party!important;
    content: "\eb02";
    color: #fff;
    position: absolute;
    border: 1px solid #54506c;
    bottom: 0;
    padding: 3px 7px;
    justify-content: center;
    align-items: center;
    left: 0;
    box-sizing: border-box;
    font-size: 60px;
    text-shadow: 0 0 6px rgb(0 0 0);
    background-image: linear-gradient(180deg,rgb(199 58 104 / 0) 0,rgb(128 0 137 / 44%));
    transition: opacity .3s;
    pointer-events: none
}

.tableElement:hover:before {
    opacity: 1
}

.tableElement>.table-title {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00
}

.FX {
    background: rgba(0,0,0,.5) url(../img/fx_bg2.jpg) no-repeat;
    background-size: cover;
    padding: 0 6px 0 0
}

.fxlogo {
    background: rgb(255 255 255 / 0%) url(../img/fx_logo.png) no-repeat;
    height: 55px;
    width: calc(55px * 224 / 55);
    background-size: 100%;
    margin: 99px auto 38px auto
}

.fxWithdrawal {
    padding: 8px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 1px;
    margin: 8px auto
}

.fxWithdrawal #fxWithdrawal {
    color: #fff
}

.FX button {
    margin: 2px;
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: #0d0d0d;
    color: #ebc985;
    border: solid 2px #b3904b;
    border-radius: 40px;
    font-weight: 700
}

.FX button:hover {
    border-color: #f8eba1
}

.FX button img {
    vertical-align: bottom
}

.FX .btnCont {
    text-align: center
}

.modalContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 rgb(0 0 0 / 60%);
    z-index: 10;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.modalContainer.deposit {
    position: fixed;
    left: 0;
    align-items: flex-start;
    overflow: auto
}

.modalContainer .modalBox {
    background: #272727;
    padding: 40px;
    color: #fff;
    z-index: 4;
    border-radius: 4px;
    box-shadow: 0 4px 4px 2px #000000ba;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform .7s cubic-bezier(.42,0,.48,.97);
    transform: translateY(-700px)
}

.modalContainer .modalBox.payment {
    position: relative;
    background-image: linear-gradient(134deg,#3f3f3f 0,#101010 5%,#1c1c1cad 30%,rgb(0 0 0 / 45%) 50%,#29292996 70%,#101010 95%,#3f3f3f);
    border: 2px solid #212121;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    width: 350px;
    transform: translateY(0)
}

.modalContainer .modalBox.payment .ttl {
    position: relative;
    text-align: center
}

.modalContainer .modalBox.payment .ttl [data-id=btnClose] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.modalContainer .modalBox.payment img {
    max-width: 50%
}

.modalContainer .modalBox .icon-info {
    color: #e99514;
    font-size: 40px
}

.modalContainer .modalBox .title {
    font-size: 18px;
    color: #e99514;
    font-weight: 700;
    padding: 10px 0
}

.modalContainer .modalBox.payment .title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 10px 0
}

.modalContainer .modalBox.payment .info {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    padding: 0 20px;
    line-height: 1.5
}

.modalContainer .modalBox .content {
    max-width: 280px
}

.modalContainer .modalBox .btnCont {
    padding: 10px
}

.modalContainer .modalBox .btnCont button {
    margin: 4px;
    padding: 8px 30px;
    background: #000;
    border: 2px solid #e99514;
    color: #fff;
    border-radius: 25px
}

span[data-id=btnCopyClipBoard] {
    display: inline-block;
    background: #ffb23d;
    color: #000;
    border-radius: 4px;
    padding: 10px 16px;
    cursor: pointer
}

.accinfo {
    padding: 8px;
    font-size: 16px;
    background: #000;
    color: #ffa700
}

.modalContainer .modalBox .btnCont button#btnCancelCasnino,.modalContainer .modalBox .btnCont button#btnCancelSlot {
    border: 2px #666 solid
}

#goSlotTop {
    display: block;
    position: absolute;
    background: rgb(21 18 22 / 85%);
    right: 14px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding: 10px;
    border: solid 2px rgb(193 193 193 / 32%);
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 42%)
}

#searchSlot {
    padding: 4px;
    margin-top: 4px;
    text-align: center
}

#multiContent .multiRoom {
    margin: 10px auto 0 auto;
    width: 1300px;
    padding-bottom: 30px;
    min-height: 720px
}

.emptyNotice #multiContent .multiRoom {
    margin: 129px auto 0 auto
}

#multiContent .multiRoom .col-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

#multiContent .multiRoom .col {
    flex: 1;
    padding: 8px;
    background: #e7e7e7
}

#multiContent .multiRoom .col:not(:last-child) {
    margin-right: 7px
}

#multiContent .multiRoom .col>div {
    position: relative;
    height: 100%
}

#gameContent {
    min-height: 600px;
    background: #d3d3d3;
    position: relative;
    height: calc(100% - 33px)
}

#gameContent:after {
    position: absolute;
    content: "Multi Game Room";
    top: 120px;
    text-align: center;
    width: 100%;
    color: #f2f2f2;
    font-size: 24px
}

.box1 #gameContent:after {
    content: "Multi Game Room 1"
}

.box2 #gameContent:after {
    content: "Multi Game Room 2"
}

.box3 #gameContent:after {
    content: "Multi Game Room 3"
}

#gameContent.isGame {
    background: 0 0
}

#gameContent.isGame:after {
    content: ""
}

#multiContent .frmCont {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 320px
}

#multiContent .gameFrame {
    position: relative;
    width: 412px;
    height: 320px;
    margin: 0 auto;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

#multiContent .frmContWrap {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.55)
}

#multiContent .multiRoom select {
    box-sizing: content-box;
    padding: 5px 0;
    margin-bottom: 3px
}

#multiContent .multiRoom .btn.reload {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    background: url(../img/res_battle.png) -213px -280px;
    cursor: pointer;
    text-indent: -1000px;
    overflow: hidden
}

#multiContent .multiRoom .btn.reload:hover {
    background-position: -185px -280px
}

#multiContent .multiRoom optgroup {
    background: #eee;
    color: #444
}

#multiContent .multiRoom option {
    background: #fff;
    color: #000
}

.multiRoom .GamesMulti iframe.vgames {
    width: 100%;
    height: 100%
}

.multiRoom .GamesMulti .matchList {
    margin-top: 6px
}

.multiRoom .GamesMulti .matchList:empty:after {
    content: "베팅가능한 배당이 없습니다";
    width: 100%;
    text-align: center;
    display: block;
    padding: 17px 0;
    font-size: 12px;
    color: #777;
    background: #fafafa;
    border: solid 1px #d3d3d3
}

.multiRoom .GamesMulti .item>.title {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    border: solid 1px #a3a3a3;
    border-bottom: solid 1px #adbfd1;
    min-height: 42px;
    color: #005994;
    font-weight: 700;
    background: #f1f1f1
}

.multiRoom .GamesMulti .item>.title .btn {
    background: #e2e2e2;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    color: #6a6a6a;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    border-left: solid 1px #cfcfcf;
    font-weight: 400
}

.multiRoom .GamesMulti .matchList>.item:nth-child(1):nth-last-child(1)>.title .btn {
    color: #c9c0a2;
    cursor: default;
    display: none
}

.multiRoom .GamesMulti .matchList>.item:nth-child(1):nth-last-child(2)>.title .btn.Prev,.multiRoom .GamesMulti .matchList>.item:nth-child(2):nth-last-child(1)>.title .btn.Next {
    color: #c9c0a2;
    cursor: default;
    display: none
}

.multiRoom .GamesMulti .matchList>.item:nth-child(1):nth-last-child(3)>.title .btn.Prev,.multiRoom .GamesMulti .matchList>.item:nth-child(3):nth-last-child(1)>.title .btn.Next {
    color: #c9c0a2;
    cursor: default;
    display: none
}

.multiRoom .GamesMulti .item>.title .dateCont {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.multiRoom .GamesMulti .item>.title .league {
    padding: 0 0 0 6px
}

.multiRoom .GamesMulti .item>.title .date {
    padding: 0 0 0 6px;
    font-size: 14px
}

.multiRoom .GamesMulti .item>.title .leftTime {
    position: absolute;
    right: 6px;
    font-family: DINWeb-Bold,'Malgun Gothic',sans-serif;
    font-size: 16px
}

.multiRoom .GamesMulti div.betBox {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.multiRoom .GamesMulti div.betBox>span {
    flex: 1;
    text-align: left;
    font-size: 12px;
    background: #fbfbfb;
    border: solid 1px #aeaeae;
    padding: 6px 4px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 1px
}

.multiRoom .GamesMulti div.betBox>span.on {
    background: #faec8e;
    border: solid 1px #787878;
    color: #000
}

.multiRoom .GamesMulti div.betBox>span.on:hover {
    background: #efe393;
    border: solid 1px #787878;
    color: #000
}

.multiRoom .GamesMulti div.betBox>span .away,.multiRoom .GamesMulti div.betBox>span .home {
    flex-grow: 3;
    flex-shrink: 1;
    flex-basis: 20px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom
}

.multiRoom .GamesMulti div.betBox>span.noBet em {
    color: #1b67b6
}

.multiRoom .GamesMulti div.betBox>span:hover {
    background: #faec8e;
    border: solid 1px #787878;
    color: #000
}

.multiRoom .GamesMulti div.betBox>span.noBet:hover {
    cursor: default;
    background: #fbfbfb;
    border: solid 1px #aeaeae
}

.multiRoom .GamesMulti div.betBox>span:nth-of-type(1) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.multiRoom .GamesMulti div.betBox>span:nth-of-type(2) {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.multiRoom .GamesMulti .odds.col3symm>div.betBox>span:nth-of-type(2) {
    text-align: center
}

.multiRoom .GamesMulti div.betBox>span:nth-of-type(3) {
    flex: 4.5;
    max-width: calc(45% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.multiRoom .GamesMulti .odds.col3symm>div.betBox>span:nth-of-type(3) {
    flex-direction: row-reverse;
    text-align: right
}

.multiRoom .GamesMulti div.betBox>span em {
    font-style: normal;
    text-align: right;
    color: red;
    flex: 1
}

.multiRoom .GamesMulti .odds.col3symm>div.betBox>span:nth-of-type(2) em {
    float: none;
    text-align: center
}

.multiRoom .GamesMulti .odds.col3symm>div.betBox>span:nth-of-type(3) em {
    text-align: left
}

.multiRoom .GamesMulti .matchList div.type {
    color: #1b67b6;
    padding: 0 0 2px 6px;
    flex: 2;
    font-size: 12px
}

.multiRoom .GamesMulti .oddsList .odds {
    margin-top: 4px
}

.multiRoom .GamesMulti .oddsList {
    height: 288px;
    overflow-y: auto;
    background: #fefefe;
    padding: 0 4px;
    border: solid #a3a3a3;
    border-width: 0 1px 1px 1px;
    position: relative
}

.multiRoom .GamesMulti .oddsList.end:after {
    content: "베팅 마감";
    text-align: center;
    line-height: 272px;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    font-size: 22px;
    font-weight: 700;
    color: #ddd
}

.multiRoom .GamesMulti .odds.col3symm>div.betBox>span:nth-of-type(2) em {
    text-align: center
}

.multiRoom .GamesMulti .odds.col3eq>div.betBox>span {
    flex: 0 0 33.33333333%;
    max-width: calc(33.33333333% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.multiRoom .GamesMulti .odds.col4eq>div.betBox>span {
    flex: 0 0 25%;
    max-width: calc(24.99% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.multiRoom .GamesMulti .odds.col5eq>div.betBox>span {
    flex: 0 0 20%;
    max-width: calc(20% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.multiRoom .GamesMulti .odds.col6eq>div.betBox>span {
    flex: 0 0 16.66666666%;
    max-width: calc(16.66666666% - 2px);
    align-items: center;
    justify-content: space-between;
    display: flex
}

.multiRoom .CartMulti {
    color: #666;
    background: #fff;
    border: solid 1px #a3a3a3;
    margin-top: 6px;
    position: relative
}

.multiRoom .CartMulti .betItem .title img {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px
}

.multiRoom .CartMulti .betPlaceCont {
    text-align: center
}

.multiRoom .CartMulti .btnBig {
    background: #d02727;
    border: solid 1px #a82020;
    color: #fff;
    font-size: 16px;
    line-height: 37px;
    cursor: pointer;
    width: 195px;
    border-radius: 4px
}

.multiRoom .CartMulti .btnBig:hover {
    background: #4077a3
}

.multiRoom .CartMulti .btnValue {
    padding: 6px 6px 0 6px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.multiRoom .cashOrPoint {
    display: flex;
    border: solid #bbb;
    border-width: 0
}

.multiRoom .CartMulti .btnValue button {
    font-size: 12px;
    width: 12%;
    background: #e8e8e8;
    border: solid #c8c8c8;
    border-width: 1px;
    color: #033940;
    cursor: pointer;
    line-height: 34px;
    flex: 1;
    margin-right: 5px
}

.multiRoom .CartMulti .btnValue button:hover {
    background: #f0f1f2
}

.multiRoom .CartMulti .btnValue button:last-child {
    margin-right: 0
}

.multiRoom .CartMulti .btnCont em,.multiRoom .CartMulti .eqBetAll em,.multiRoom .CartMulti .preTotal em,.multiRoom .CartMulti .sumBet em {
    float: right;
    font-style: normal
}

.multiRoom .CartMulti .preTotal .pre {
    font-weight: 700;
    color: red
}

.multiRoom .CartMulti .eqBetAll {
    font-size: 14px;
    padding: 8px 8px;
    background: #f5f5f5;
    color: #0a516f;
    border-bottom: solid 1px #d9d9d9
}

.multiRoom .CartMulti .eqBetAll>div:first-child {
    display: flex;
    justify-content: space-between
}

.multiRoom .CartMulti .betItem .amnt input,.multiRoom .CartMulti .eqBetAll input {
    width: 120px;
    text-align: right
}

.multiRoom .CartMulti>.title {
    background: #6e6e6e;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 0 0 8px;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.multiRoom .CartMulti .notice {
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px;
    color: #31779e;
    text-align: center;
    color: #333;
    border-bottom: solid 1px #ddd
}

.multiRoom .CartMulti .notice2>div {
    display: flex;
    justify-content: space-evenly
}

.multiRoom .CartMulti .notice2 .odds {
    color: red
}

.multiRoom .CartMulti .notice2 em {
    font-style: normal;
    font-weight: 700
}

.multiRoom .CartMulti .betItem .pickCont {
    padding: 4px 0 0 0
}

.multiRoom .CartMulti .betItem .title {
    position: relative;
    font-weight: 400;
    color: #2c5167;
    padding-right: 24px
}

.multiRoom .CartMulti .betItem .disable.hidden {
    display: none
}

.multiRoom .CartMulti .betItem .disable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(79,79,79,.36);
    color: red;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 16px 12px 0
}

.multiRoom .CartMulti .betItem .disable>span {
    background: rgba(0,0,0,.7);
    padding: 4px
}

.multiRoom .CartMulti .betItem {
    font-size: 14px;
    padding: 8px;
    position: relative;
    border-bottom: solid 1px #dcdcdc
}

.multiRoom .CartMulti .notice em {
    font-style: normal
}

.multiRoom .CartMulti>.title .btnDel {
    cursor: pointer;
    display: inline-block;
    padding: 0 8px
}

.multiRoom .CartMulti>.title .btnDel:hover {
    background: #fb5000;
    color: #fff
}

.multiRoom .CartMulti>.title .btnCont {
    background: #d02727
}

.multiRoom .CartMulti .betItem .title .type {
    color: #1b67b6;
    font-weight: 400;
    display: block;
    padding: 4px 0 0 0
}

.multiRoom .CartMulti .betItem .pick {
    margin-right: 20px
}

.multiRoom .CartMulti .betItem .odds,.multiRoom .CartMulti .betItem .pick {
    color: red
}

.CartMulti .loading-container {
    margin: 100px auto
}

.CartMulti .betItem .loading-container {
    margin: 5px auto
}

.CartMulti .loading-bg {
    z-index: 2;
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.CartMulti .loading,.CartMulti .loading-container {
    height: 50px;
    position: relative;
    width: 50px;
    border-radius: 100%
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 1px;
    width: 4px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: hsla(0,0%,42%,.49);
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear steps(20,end);
    transform: translateZ(0)
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .9;
    transition: opacity 0s linear steps(20,end);
    transform: translateZ(0)
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 2px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media screen and (max-width: 1800px) {
    #mainWrap {
        padding:4px 0 0 0;
        display: flex;
        width: auto;
        margin: 0 auto
    }

    #header {
        width: auto;
        margin: 0 auto
    }

    .Games .oddsBox .item .notBet365>div {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 2px;
        grid-row-gap: 0
    }

    .Games .oddsBox .odds.col3eq,.Games .oddsBox .odds.col4eq {
        grid-column: 1/3;
        grid-row: 3
    }

    .Games .GamesMainWrap {
        flex-direction: column
    }

    .Games .oddsBox {
        padding: 0;
        margin-top: 10px;
        height: auto!important;
        max-height: none!important;
        overflow: visible
    }

    .gameMenu1 {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: auto;
        background: #2d2d30;
        margin-bottom: 7px;
        border: 1px solid #333;
        font-size: 13px;
        overflow: auto
    }

    .gameMenu1.bet365 {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-auto-rows: auto;
        background: #2d2d30;
        font-size: 12px
    }

    .gameMenu2>span {
        font-size: 12px
    }

    .gameMenu2>span>span>em {
        font-size: 12px;
        text-align: center
    }
}

@media screen and (max-width: 1700px) {
    .forColumn {
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3,auto);
        grid-column-gap: 4px;
        grid-row-gap: 4px
    }

    .forColumn>.col.m1 {
        grid-area: 2/1/3/2
    }

    .forColumn>.col.m2 {
        grid-area: 1/1/2/2
    }

    .forColumn>.col.m3 {
        grid-area: 3/1/4/2
    }

    .forColumn.new {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .forColumn.new>.col.m1 {
        grid-column: 1/2;
        grid-row: 3/4
    }

    .forColumn.new>.col.m2 {
        grid-column: 1/2;
        grid-row: 2/3
    }
}

@media screen and (max-width: 1450px) {
    .Casino .casinoWrap .gbox {
        grid-template-columns:repeat(4,1fr)
    }

    .slotWrap .gbox .vendor>div:nth-child(2) {
        font-size: 14px
    }

    .casinoWrap .gbox .vendor>div:nth-child(2) {
        font-size: 14px
    }

    #btnShowList {
        text-align: center;
        padding: .8rem;
        background: rgb(30 30 30 / 95%);
        margin-bottom: .4rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        position: sticky;
        top: 0;
        z-index: 1;
        box-shadow: 0 3px 2px 0 rgb(0 0 0 / 80%)
    }

    #btnShowList .btnWrap {
        display: flex;
        align-items: center;
        background: #4b4b4b;
        border-radius: 40px;
        color: #fff;
        padding: 8px 14px 8px 10px;
        font-weight: 700
    }

    .LiveCombine .col_left:not(.prior),.LiveCombine .col_right:not(.prior) {
        display: none
    }

    .Sports .col_left:not(.prior),.Sports .col_right:not(.prior) {
        display: none
    }

    .Live .liveMainWrap {
        display: flex;
        flex-direction: column
    }

    .Live .upcoming {
        position: relative;
        margin: 5px 0 0 0;
        flex: 1;
        height: auto!important;
        max-height: none!important
    }

    .scrollNotice-copy {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    .roulette_win_log {
        width:100%;
        top: 95%;
        height: 100%
    }

    .roulette_win_log td,.roulette_win_log th {
        font-size: .8em
    }

    .roulette_win_log caption {
        font-size: 1em;
        margin-bottom: 5px
    }

    .roulette .roulette_character {
        display: none
    }

    .LiveCombineWrap .sport-top-name,.Sports .sport-top-name {
        display: none
    }

    #footer {
        display: none
    }

    .roulette_layout .Event {
        margin: 0
    }

    .user-info .btnCont {
        margin: 0;
        padding: 4px
    }

    .nickbox {
        margin: 0
    }

    .loginBox {
        padding: 20px 8px 10px 8px
    }

    .loginBox>div {
        padding: 0 6px
    }

    .loginBox input,.loginContainer .wrap2 .box .col input {
        width: 100%;
        padding: 20px 8px 20px 32px
    }

    .loginIcon {
        position: absolute;
        left: 12px;
        top: 12px;
        font-size: 18px
    }

    .forScrollWrap {
        padding: 0 6px 30px 6px
    }

    .Slot .forScrollWrap {
        padding: 0 0 30px 0
    }

    #intro-mainImg {
        height: calc((100vw - 0px)* 264 /(615* 2))
    }

    .intro-linkCont .grid .col {
        height: calc(100vw * 317 / 260 / 5)
    }

    .scrollNotice-cont {
        display: flex;
        background: #131316
    }

    #logo {
        padding: 0 0 0 7rem;
        height: 7rem;
        margin: -12px 0 0 51px
    }

    #logo img {
        width: auto;
        height: 45px
    }

    .InfoBox>.col.right {
        padding: 0 77px 0 0
    }

    .title-bar {
        display: flex
    }

    div.opaque {
        position: fixed;
        width: 100%;
        height: 100%;
        background: none repeat scroll 0 0 rgb(0 0 0 / 6%);
        z-index: 10;
        opacity: .5;
        display: none;
        top: 0
    }

    div.opaque.sp {
        display: block
    }

    .leftWrap {
        z-index: 999;
        position: absolute;
        width: 270px;
        transition: all .5s;
        transform: translateX(-280px);
        transform-origin: left;
        overflow: hidden
    }

    .leftWrap.sh {
        position: absolute;
        box-shadow: 0 0 17px rgb(0 0 0 / 80%);
        overflow-y: auto;
        height: 100vh;
        transform: translateX(0);
        background: #000
    }

    .rightWrap {
        z-index: 999;
        position: fixed;
        right: 0;
        transform: translateX(300px);
        transition: all .5s;
        background: #1a191b;
        transform-origin: right;
        overflow: hidden
    }

    .rightWrap.sh {
        position: fixed;
        box-shadow: 0 0 17px rgb(0 0 0 / 80%);
        overflow-y: auto;
        height: 100vh;
        transform: translateX(0);
        display: block;
        padding: 0;
        border-left: 4px solid #1a191b
    }

    .TopMenu>ul.top_user_info {
        display: none
    }

    .TopMenu>ul.main-menu-box1 {
        flex: 1 1 5rem!important;
        width: 100%
    }

    .TopMenu>ul {
        height: 5rem
    }

    .TopMenu {
        align-items: center;
        border: 0;
        flex-direction: column;
        flex-basis: 100%
    }

    #btnLeftWrap {
        display: block;
        top: 3.5rem
    }

    #btnRightWrap {
        display: block;
        top: 3.5rem;
        right: 1.7rem
    }

    .mobileBtnCart {
        bottom: 25px
    }

    #mainWrap.casino_layout .leftWrap,#mainWrap.fx_layout .leftWrap,#mainWrap.games_layout .leftWrap,#mainWrap.intro_layout .leftWrap,#mainWrap.liveDetail_layout .leftWrap,#mainWrap.live_layout .leftWrap,#mainWrap.pcasino_layout .leftWrap,#mainWrap.slot_layout .leftWrap {
        display: block;
        background: #000
    }

    #cart .btnBack {
        display: block
    }

    #leftContent .menuTabCont {
        border-top: solid .05rem #000
    }

    #leftContent .userInfo {
        display: block;
        margin-top: 4.4rem;
        border-bottom: solid .1rem #000;
        border-top: solid .1rem #000;
        padding: 14px;
        background: #342923
    }

    #leftContent .userInfo input {
        border: none;
        height: 24px;
        border-radius: 3px;
        margin: 0 0 8px 0;
        width: 13rem;
        padding: 8px
    }

    #leftContent .userInfo button {
        border: none;
        border-radius: 3px;
        background: #d8aa63;
        color: #000;
        height: 34px;
        width: 13rem;
        margin: 9px 0;
        font-size: 1.2rem;
        font-weight: 700
    }

    .LiveCombine .col_left,.LiveCombine .col_right,.Sports .col_left,.Sports .col_right {
        padding-right: 0;
        padding-left: 0
    }

    .payment_method {
        font-size: 1.2rem
    }

    .payment_method .row {
        flex-direction: column
    }

    .payment_method .row .l1 {
        color: #f8eba1;
        padding-bottom: 18px
    }

    .payment_method .info-txt {
        display: block;
        padding: 18px 0
    }

    .payment_method .row .l2.btnCont {
        text-align: center
    }

    .Charge .rectBox.modInfo .row {
        flex-direction: column
    }

    .Charge .rectBox.modInfo .row .l1 {
        color: #ffd37b;
        padding-bottom: 8px
    }

    .BetList .item .topCont em {
        font-weight: 400
    }

    .intro-mn {
        flex-direction: column
    }

    .Games,.Live,.LiveDetail {
        padding: 0
    }

    .InfoBox .col.right>span.btnLogin {
        display: none
    }
}

@media screen and (max-width: 1030px) {
    .InfoBox i.divide,.userInfo#bbs,.userInfo#eventNotice {
        display:none
    }
}

@media screen and (max-width: 940px) {
    .InfoBox>.col.right {
        display:none
    }

    .mLoginBtnCont {
        display: flex
    }

    .slotWrap .gbox .vendor>div:nth-child(2) {
        font-size: 12px
    }

    .casinoWrap .gbox .vendor>div:nth-child(2) {
        font-size: 12px
    }
}

@media screen and (max-width: 820px) {
    .only_pc {
        display:none!important
    }

    .mobile_block {
        display: block
    }

    .BetList .category-bar {
        grid-template-columns: repeat(4,1fr)
    }

    .BetList .category-bar .sub-name:first-child,.BetList .category-bar .sub-name:last-child {
        border-radius: 0
    }

    .Customer .gridWrap {
        grid-template-columns: repeat(2,1fr);
        padding: 10px 0
    }

    .Customer .gridWrap .titleTd {
        font-size: 14px
    }

    .Slot .slotWrap .gbox {
        grid-template-columns: repeat(3,1fr)
    }

    .casinoWrap .gbox .vendor:before {
        font-size: 50px
    }

    .inputNumBtnCont button {
        padding: 14px 8px
    }

    #btnBalance {
        padding: 12px 20px
    }

    .Cart .betItem .amnt input,.Cart .eqBetAll input {
        font-size: 16px;
        padding: 8px 4px
    }

    .board_contents {
        margin: 0;
        padding: 0
    }

    .gameSubMenuPop {
        top: 169px
    }

    .PopupNoticeList .PopupNotice.p1,.PopupNoticeList .PopupNotice.p10,.PopupNoticeList .PopupNotice.p11,.PopupNoticeList .PopupNotice.p12,.PopupNoticeList .PopupNotice.p2,.PopupNoticeList .PopupNotice.p3,.PopupNoticeList .PopupNotice.p4,.PopupNoticeList .PopupNotice.p5,.PopupNoticeList .PopupNotice.p6,.PopupNoticeList .PopupNotice.p7,.PopupNoticeList .PopupNotice.p8,.PopupNoticeList .PopupNotice.p9 {
        top: 0;
        left: 0;
        width: 100%
    }

    .eventDetail {
        position: absolute!important;
        z-index: 999;
        top: 64px!important;
        left: 0!important;
        width: auto;
        min-width: 265px!important;
        padding: 1px;
        height: auto!important
    }

    .eventDetail img {
        max-width: 100%!important;
        height: auto!important
    }

    .user-info .btnCont>div {
        padding: 16px 0
    }

    #user_info .user-info .lvCont {
        padding: 10px 10px
    }

    #user_info .user-info .lvCont [class^=iconv4-]#btnLogout {
        font-size: 24px
    }

    .paging {
        border-radius: 4px
    }

    .Charge .rectBox button[type=button],.Charge .rectBox input[type=button] {
        padding: 13px 18px 15px 18px
    }

    .Charge .stat_money {
        padding: 0 0 24px 0;
        font-size: 18px
    }

    .payment_method {
        font-size: 1.4rem
    }

    .TopMenu>ul.main-menu-box1 {
        display: none
    }

    .InfoBox .col.right>span {
        user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .InfoBox .col.right>span::selection {
        background: 0 0;
        color: none
    }

    .InfoBox .col.right>span#deposit,.InfoBox .col.right>span#lang,.InfoBox .col.right>span#mybet,.InfoBox .col.right>span#result,.InfoBox .col.right>span#withdrawal {
        display: none
    }

    .side_left_menu>span[data-id=lang] {
        display: block
    }

    .InfoBox .col.right>span#eventNotice:before {
        display: none
    }

    .BetList .item .pickCont .pick>.info>span.date {
        flex: 20%
    }

    .BetList .item .pickCont .pick>.info>span.gameCont {
        flex: 100%;
        text-align: left
    }

    .BetList .item .pickCont .pick>.info>span.result {
        flex: 50%;
        display: none
    }

    .BetList .item .pickCont .pick>.info>span.stat {
        flex: 50%;
        display: none
    }

    .BetList .item .pickCont .pick .odds>div.type {
        flex: 10%;
        padding: 0
    }

    .BetList .item .pickCont .pick .odds>div.betBox,.SportsResult .gameCont .game .detailCont .odds>div.betBox {
        flex: 100%;
        flex-wrap: wrap!important
    }

    .SportsResult .gameCont .game .detailCont .odds {
        margin-bottom: 10px
    }

    .SportsResult .gameCont .game .summary span:nth-child(1),.SportsResult .titleBox span:nth-child(1) {
        flex: 100%;
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
        white-space: nowrap;
        color: #838383
    }

    .SportsResult .gameCont .game .summary span:nth-child(2),.SportsResult .titleBox span:nth-child(2) {
        flex: 100%;
        text-align: left;
        padding-left: 10px;
        color: #cbcbcb;
        font-size: 11px;
        margin: 6px 0
    }

    .SportsResult .gameCont .game .summary span:nth-child(3),.SportsResult .titleBox span:nth-child(3) {
        flex: 100%;
        text-align: left;
        padding-left: 10px
    }

    .SportsResult .gameCont .game .summary span:nth-child(4),.SportsResult .titleBox span:nth-child(4) {
        flex: 50%;
        font-weight: 700;
        align-self: center;
        font-size: 21px
    }

    .SportsResult .gameCont .game .summary span:nth-child(5),.SportsResult .titleBox span:nth-child(5) {
        flex: 50%;
        font-size: 16px;
        text-align: right;
        padding: 10px
    }

    .SportsResult .titleBox {
        display: none
    }

    .BetList .item .pickCont .pick .odds>div.result {
        flex: 10%
    }

    .BetList .item .pickCont .pick .odds>div.info {
        flex: 10%
    }

    .BetList .item .pickCont .pick>.info>span.date {
        text-align: left
    }

    .BetList .item .pickCont .pick>.info>span.gameCont {
        text-align: left
    }

    .BetList .item .pickCont .pick>.info>span.date,.BetList .item .pickCont .pick>.info>span.gameCont>span {
        font-size: 12px
    }

    .BetList .item .pickCont .pick>.info {
        padding: 3px 0 0 0
    }

    .BetList .item .topCont .col>span {
        padding: 2px 4px
    }

    .BetList .item .pickCont .pick {
        padding: 6px 16px 0 16px
    }

    .Point .tbl_div>div {
        font-size: 12px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0 0 2px 0
    }

    .Point .tbl_div>div span {
        display: flex;
        align-self: stretch;
        justify-content: center;
        align-content: center;
        padding: 8px 0;
        border-bottom: solid 1px #000;
        flex-wrap: wrap
    }

    .Point .tbl_div>div span:nth-child(1) {
        grid-area: 1/1/3/2;
        width: 100%;
        border-right: 2px solid #131211
    }

    .Point .tbl_div.row3>div span:nth-child(1) {
        grid-area: 1/1/2/2;
        width: 100%;
        border-right: 2px solid #131211
    }

    .Point .tbl_div>div span:nth-child(2) {
        width: 100%
    }

    .Point .tbl_div>div span:nth-child(3) {
        width: 100%
    }

    .Point .tbl_div>div span:nth-child(4) {
        width: 100%
    }

    .Point .tbl_div>div span:nth-child(5) {
        width: 100%
    }

    .Point .tbl_div>div span:nth-child(6) {
        width: 100%
    }

    .Point .tbl_div>div span:nth-child(7) {
        width: 100%
    }

    .casino-table {
        overflow: auto;
        height: 100%
    }

    .casino-table #gameList {
        grid-template-columns: repeat(3,1fr)
    }

    #casinoContent .casinoWithdrawal {
        FLEX-DIRECTION: COLUMN;
        font-size: 12px
    }

    .tableElement span {
        font-size: 12px;
        font-weight: 400;
        top: 2px;
        left: 5px;
        padding: 2px 7px
    }

    .tableElement>.table-title {
        font-size: 12px;
        padding: 4px 0
    }

    .LiveDetail .scoreBoardCont .scoreBoard {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .LiveDetail .scoreBoardCont .frameCont {
        height: 420px
    }

    .LiveDetail .scoreBoardCont .score {
        flex: 1;
        font-size: 28px;
        line-height: 1;
        white-space: initial;
        padding: 10px 0 4px 0
    }

    .LiveDetail .team {
        line-height: 1;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .LiveDetail .team .awayTeam,.LiveDetail .team .homeTeam {
        color: #fff;
        font-size: 16px;
        max-width: 100%;
        font-weight: 400
    }

    .LiveDetail .team .vs {
        color: #fa5252;
        margin: 10px 0;
        font-size: 14px;
        font-weight: 700
    }

    .LiveDetail .scoreBoardCont .teamCont .status {
        text-align: center
    }

    .InfoBox {
        height: 60px;
        background: #222
    }

    .InfoBox>.col.right {
        display: none
    }

    .InfoBox>.col {
        align-items: center;
        justify-content: center
    }

    #logo {
        padding: 0;
        margin: 0;
        height: 5rem
    }

    #btnLeftWrap2 {
        top: 2rem
    }

    #btnLeftWrap,#btnRefresh {
        top: 1.8rem;
        display: block
    }

    #btnRightWrap {
        top: 1.7rem
    }

    .BetList .tbl_div>div:not(.open2) {
        font-size: 12px;
        margin: 10px 0 0 0
    }

    .BetList .tbl_div>div:not(.open2)>span {
        border-right: solid .05rem #000
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(1) {
        width: 50%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(2) {
        width: 50%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(3) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(4) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(5) {
        width: 30%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(6) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(7) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(8) {
        width: 30%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(9) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(10) {
        width: 35%
    }

    .BetList .tbl_div>div:not(.open2)>span:nth-child(11) {
        width: 30%
    }

    .BetList .detailMatchList {
        padding: 10px
    }

    .BetList .detailMatch>div:not(.detailList)>span {
        border-bottom: solid 1px #3f444f;
        font-size: 12px
    }

    .BetList .detailMatch>div:not(.detailList)>span:nth-child(1) {
        width: 50%
    }

    .BetList .detailMatch>div:not(.detailList)>span:nth-child(2) {
        width: 50%
    }

    .BetList .detailMatch>div:not(.detailList)>span:nth-child(3) {
        width: 50%
    }

    .BetList .detailMatch>div:not(.detailList)>span:nth-child(4) {
        width: 25%
    }

    .BetList .detailMatch>div:not(.detailList)>span:nth-child(5) {
        width: 25%
    }

    .BetList .detailList>div>span {
        border-bottom: solid 1px #3f444f;
        font-size: 12px
    }

    .BetList .detailList>div>span:nth-child(1) {
        width: 50%
    }

    .BetList .detailList>div>span:nth-child(2) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(3) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(4) {
        width: 50%
    }

    .BetList .detailList>div>span:nth-child(5) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(6) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(7) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(8) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(9) {
        width: 25%
    }

    .BetList .detailList>div>span:nth-child(10) {
        width: 25%
    }

    .BetList .item .typeCont>.result,.BetList .item .typeCont>.stat {
        display: none
    }

    #casinoContent {
        margin: 0
    }

    .Point .tbl_div.row3>div {
        font-size: 12px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        border-bottom: solid .1rem #0d0d0d
    }

    .Point .tbl_div.row3>div span:nth-child(1) {
        width: 100%;
        border-right: solid .05rem #0d0d0d
    }

    .Point .tbl_div.row3>div span:nth-child(2) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(3) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(4) {
        width: 100%;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(5) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(6) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(7) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .signContainer .colWrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2,1fr)
    }

    .signContainer .colWrap .col:last-child {
        padding: 0
    }

    .signContainer .colWrap .col:first-child {
        padding: 20px 0 0 0
    }

    .formWrap form {
        width: 100vw
    }

    #sign .signContainer {
        width: 100%;
        height: auto;
        position: absolute
    }

    .Casino .casinoWrap .gbox {
        grid-template-columns: repeat(4,1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        padding: 10px
    }

    .Customer .bbs_read .top.event span {
        font-size: 15px
    }

    .Customer .bbs_read .top.event div>span:nth-child(1) {
        font-size: 12px
    }
}

@media screen and (max-width: 600px) {
    .preMatchDetail .teamCont {
        font-weight:700;
        font-size: 13px
    }

    .intro-mainCont-static {
        display: none
    }

    #intro-mainImg {
        width: 100%;
        height: calc(100vw* 264 / 615);
        max-height: none
    }

    #intro-mainImg>div.mb_ctr_box {
        height: 35px
    }

    #intro-mainImg>div.mb_ctr_box li {
        width: 20px;
        height: 20px;
        margin: 0 12px;
        border-radius: 20px
    }

    .BetList #history ul:empty:after {
        width: auto
    }

    .BetList #history ul li {
        width: 100%;
        margin: 0
    }

    .BetList #history {
        padding: 4px
    }

    .only_mobile {
        display: block;
        text-wrap: pretty
    }

    .mobile_block {
        display: block
    }

    .Event .calendar tr:nth-child(2n+3) td i {
        height: 40px
    }

    .gameMenu1 {
        font-size: 10px
    }

    .gameMenu1 .btn [class^=iconv4-] {
        font-size: 14px
    }

    .gameMenu1 .btn {
        display: flex;
        flex-direction: column
    }

    .gameMenu1 .btn .mini:before {
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 0
    }

    .gameMenu1.bet365 .btn {
        width: calc(100vw / 4)
    }

    .mobileBtnCart {
        bottom: 25px
    }

    #header:not(.sportmain_layout,.sportspecial_layout,.sport_layout,.live_layout,.games_layout) .mobileBtnCart {
        bottom: -125px
    }

    .Games #betList .titleBox {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 1px;
        grid-row-gap: 1px
    }

    .Games #betList .simpleCont {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(3,1fr);
        grid-column-gap: 1px;
        grid-row-gap: 1px;
        margin: 2px 0
    }

    div.opaque {
        opacity: .43;
        background: none repeat scroll 0 0 rgb(0 0 0 / 96%)
    }

    .roulette-subMenu span {
        border-radius: 4px;
        margin: 0 0 8px 0
    }

    .roulette-subMenu span:last-child {
        border-radius: 4px
    }

    .mainMatchList .mainImg {
        width: 100vw;
        height: 160px
    }

    .intro-linkCont {
        display: none
    }

    .Intro {
        margin: 0
    }

    #mobile_banner {
        display: grid
    }

    #mobile_intro,#mobile_intro-bannerCont {
        display: block
    }

    .intro-subCont {
        display: none
    }

    .intro-bbsCont .grid {
        margin: 10px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    .Casino .casinoWrap .gbox {
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 14px;
        grid-row-gap: 14px;
        padding: 10px
    }

    .gameMenu2 {
        grid-template-columns: repeat(3,1fr)
    }

    .gameMenu2.sure {
        grid-template-columns: repeat(3,1fr)
    }

    .gameMenu2.bet365 {
        grid-template-columns: repeat(2,1fr)
    }

    .gameMenu2.bet365.soccer {
        grid-template-columns: repeat(4,1fr)
    }

    .gameMenu2.bet365.horse {
        grid-template-columns: repeat(3,1fr)
    }

    .gameMenu2.nanum {
        grid-template-columns: repeat(1,1fr)
    }

    .gameMenu2.ntry {
        grid-template-columns: repeat(3,1fr)
    }

    .BetList .category-bar .sub-name,.SportsResult .category-bar .sub-name {
        padding: 20px 4px;
        word-break: keep-all;
        text-align: center
    }

    .SportsResult .category-bar {
        grid-template-columns: repeat(3,1fr)
    }

    .Sports .item .game {
        margin: 29px 0 4px 0
    }

    .Sports .item .game .title {
        top: -24px
    }

    .Sports .item .bntToggleGamesWrap {
        padding: 8px 8px;
        margin: 0 15px 0 0
    }

    .Sports .item .game .title .date {
        padding: 8px 4px
    }

    .Live .liveNow .team .teamCont .awayTeam {
        font-size: 1.2rem;
        width: 40%
    }

    .Live .liveNow .team .teamCont .homeTeam {
        font-size: 1.2rem;
        width: 40%
    }

    .teamLogo {
        width: 36px;
        height: 36px
    }

    .Live .upcoming .team {
        font-size: 12px
    }

    .LiveDetail .teamCont .vs {
        width: 36px;
        height: 36px
    }

    .LiveDetail .teamCont {
        height: auto;
        color: #b7b8ba;
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 10px;
        padding: 10px 0
    }

    .LiveDetail .game {
        font-weight: 500;
        margin: 0
    }

    .LiveCombine {
        border-top: 0 solid #333;
        margin: 0
    }

    .LiveDetail .oddsCont .oddsType .oddsBox:last-child {
        padding: 4px 4px 10px 4px
    }
}

@media screen and (max-width: 480px) {
    .Charge .rectBox .rolling .t {
        font-size:12px
    }

    .title-bar .wrapbbs>div {
        font-size: 14px;
        font-weight: 700
    }

    .Casino .casinoWrap .gbox:before {
        content: '';
        width: 0;
        padding-bottom: calc(100% / (6 / 9));
        grid-row: 1/1;
        grid-column: 1/1
    }

    .Casino .casinoWrap .gbox {
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 7px;
        grid-row-gap: 7px;
        padding: 10px
    }

    .Slot .slotWrap .gbox {
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: 1fr
    }

    .slotWrap .gbox .vendor:before {
        font-size: 40px
    }

    .forScrollWrap {
        padding: 0 0 30px 0
    }

    .Sports .item .game {
        padding: 4px 2px 5px 2px;
        margin: 29px 0 4px 0
    }

    .Sports.legacy .odds>div.betBox {
        max-width: calc(100% - 66px)
    }

    .Sports.legacy .odds>div.type {
        flex: 0 0 65px;
        font-size: 1.1rem;
        letter-spacing: -.5px
    }

    .Sports.legacy .odds>div.type>div {
        width: 65px;
        word-break: keep-all
    }

    .Sports.legacy .odds>div.type>div>span {
        text-align: center
    }

    .Sports.legacy .odds>div.betBox>span {
        padding: 12px 4px
    }

    .Sports.legacy #btnToggleAll {
        padding: 14px 4px;
        min-width: 100px
    }

    .addMenu-wrap>i {
        height: 50px
    }

    .SportMenuContainer .sMenu #sportsMatchCount {
        padding: 12px 15px
    }

    #leftContent .popular>.itemList>.item {
        padding: 12px 10px
    }

    .Games .oddsBox .league.bet365 {
        font-size: 14px;
        flex-direction: column;
        align-items: flex-start
    }

    .Games .oddsBox .league .small {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .Cart .betItem .title .btnDel2 {
        font-size: 2rem
    }

    .Cart .betItem .title {
        padding-right: 30px
    }

    .mainMatchList>div {
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        display: flex
    }

    .mainMatchList .mainImg {
        width: 100vw;
        height: 160px
    }

    .mainMatchList .main-item {
        padding: 0;
        margin: 0;
        scroll-snap-align: center
    }

    .main-item .title,.mainMatch-league {
        font-size: 12px
    }

    .mainMatchList .main-item .more {
        right: 0
    }

    #mainMatchListForMobile-btnCont:not(:empty) {
        background: #102d48
    }

    #mainMatchListForMobile-btnCont .btnScroll {
        pointer-events: none
    }

    .mainMatchListForMobile-wrap>.btn {
        top: 50%;
        font-size: 2rem;
        background: rgba(255,255,255,.3);
        pointer-events: none;
        display: none
    }

    #mainMatchListForMobile-btnCont .btnScroll {
        height: 3px;
        width: 20px
    }

    #logo {
        padding: 0;
        height: 5rem
    }

    .LiveDetail .scoreBoardCont .frameCont {
        height: 300px
    }

    .LiveDetail .team .awayTeam,.LiveDetail .team .homeTeam {
        color: #fff;
        font-size: 14px;
        max-width: 100%;
        font-weight: 400
    }

    .LiveDetail .scoreBoardCont .score {
        font-size: 18px
    }

    .LiveDetail .team .vs {
        margin: 5px 0
    }

    .Event .titleCont {
        flex-direction: column
    }

    .Event .calendar tr:nth-child(2n+3) td i {
        zoom:.7}

    .TopMenu .mMenu>.main>em {
        font-size: 1.4rem
    }

    #logo img {
        width: auto;
        max-height: 4rem
    }

    #btnLeftWrap,#btnLeftWrap2,#btnRightWrap {
        width: 3rem;
        height: 3rem;
        font-size: 3rem;
        top: 1.7rem
    }

    #btnRefresh {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 2.4rem;
        top: 2rem
    }

    .Games .oddsBox .odds>div.betBox>span:hover,.Live .liveNow .oddsBox .game .odds .betBox>span:hover,.LiveDetail .oddsCont .odds .betBox>span:hover,.Sports .odds>div.betBox>span:hover {
        background: #1d1d20;
        border: solid .05rem #1a1a1c;
        color: #cfcfcf
    }

    .Games .oddsBox .odds>div.betBox>span.on:hover,.Live .liveNow .oddsBox .game .odds .betBox>span.on:hover,.LiveDetail .oddsCont .odds .betBox>span.on:hover,.Sports .odds>div.betBox>span.on:hover {
        background: linear-gradient(to bottom,rgba(179,22,22,1) 1%,rgba(74,0,0,1) 100%)!important;
        color: #fff
    }

    .Games .oddsBox .odds>div.betBox>span.on:hover em,.Live .liveNow .oddsBox .game .odds .betBox>span.on:hover em,.LiveDetail .oddsCont .odds .betBox>span.on:hover em,.Sports .odds>div.betBox>span.on:hover em {
        color: #fff
    }

    .Sports.legacy .odds>div.betBox>span:not(.noBet,.on):hover {
        background: #252425;
        color: #fff;
        box-shadow: inset 0 0 0 0 #56ccf8
    }

    .TopMenu>ul {
        height: 5rem
    }

    .Charge .tbl_div>div {
        border-bottom: solid .6rem #0d0d0d
    }

    .Point .tbl_div.row3>div {
        font-size: 12px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        border-bottom: solid .1rem #0d0d0d
    }

    .Point .tbl_div.row3>div span:nth-child(1) {
        width: 100%;
        border-right: solid .05rem #0d0d0d
    }

    .Point .tbl_div.row3>div span:nth-child(2) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(3) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(4) {
        width: 100%;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(5) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(6) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .tbl_div.row3>div span:nth-child(7) {
        width: 100%;
        border-right: solid .05rem #0d0d0d;
        justify-content: center
    }

    .Point .rectBox .row {
        flex-direction: column
    }

    .Point .tabSub .date {
        flex: none
    }

    .Customer .tbl_div>div>span:nth-child(1) {
        width: 70px
    }

    .Customer .tbl_div>div>span:nth-child(2) {
        width: calc(100% - 70px)
    }

    .Customer .tbl_div>div>span:nth-child(3) {
        width: calc(100% - 70px);
        text-align: right;
        font-size: 11px;
        color: #aaa;
        padding: 0 4px 4px 0
    }

    .Customer .tbl_div>div>span:nth-child(4) {
        width: 70px;
        text-align: right;
        font-size: 11px;
        color: #aaa;
        padding: 0 8px 4px 0
    }

    .Customer .tbl_div.qna>div>span:nth-child(2) {
        width: 59%
    }

    .Customer .tbl_div.qna>div>span:nth-child(3) {
        width: 20%
    }

    .Customer .tbl_div.qna>div>span:nth-child(4) {
        width: 14%
    }

    .BBS .tbl_div>div>span:nth-child(1) {
        width: 10%
    }

    .BBS .tbl_div>div>span:nth-child(2) {
        width: 16%
    }

    .BBS .tbl_div>div>span:nth-child(3) {
        width: 53%
    }

    .BBS .tbl_div>div>span:nth-child(4) {
        width: 21%
    }

    .BBS .tbl_div>div>span:nth-child(5) {
        width: 50%;
        text-align: right;
        font-size: 18px;
        color: #aaa;
        padding: 0 12px 4px 0
    }

    .LiveDetail .scoreBoardCont .scoreBoard.type1 td {
        font-size: 11px;
        padding: 2px;
        line-height: 1
    }

    .SportMenuContainer .sMenu {
        font-size: 1.5rem
    }

    .SportMenuContainer .cMenu #categoryMatchCount {
        font-size: 1.5rem
    }

    .SportMenuContainer .tMenu #tournamentMatchCount {
        font-size: 1.2rem;
        padding: 12px 15px 12px 46px
    }

    #btnShowList {
        text-align: center;
        padding: 1.8rem 0
    }

    .intro-mainWrap .sl .b {
        font-size: 22px;
        line-height: 1
    }

    .intro-mainWrap .sl .s {
        font-size: 12px;
        line-height: 1.1;
        margin-top: 10px
    }

    .intro-mn>.service-wrap .service .pic>span {
        font-size: 15px;
        padding: 8px
    }

    .intro-srvc .col.notice-cont {
        min-width: 300px
    }

    .intro-srvc .col.notice-cont h3 {
        font-size: 14px
    }

    .intro-mn>.service-wrap .service:hover .text2 {
        transform: scaleX(0);
        opacity: 0
    }

    .LiveDetail .scoreBoardCont .scoreBoard.type1 td:first-child {
        width: 20%
    }

    .Sports .preMatchDetail .item .game .title {
        flex-direction: column
    }

    .LiveDetail .oddsCont .odds .betBox .away,.LiveDetail .oddsCont .odds .betBox .home {
        max-width: 60%
    }

    .LiveDetail .oddsCont .odds .betBox .away,.LiveDetail .oddsCont .odds .betBox .home {
        max-width: 60%
    }

    .lang-en .LiveDetail .oddsCont .odds .betBox .away,.lang-en .LiveDetail .oddsCont .odds .betBox .home {
        max-width: 60%
    }

    .LiveDetail .oddsCont .odds .betBox>span .away>em.noBet,.LiveDetail .oddsCont .odds .betBox>span .home>em.noBet,.LiveDetail .oddsCont .odds .betBox>span .x>em.noBet {
        display: block
    }

    .BetList .item .pickCont .pick .odds>div.betBox>span .away>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span .home>em.noBet,.BetList .item .pickCont .pick .odds>div.betBox>span .x>em.noBet {
        display: block;
        text-align: left
    }

    .Sports .odds>div.betBox>span .away>em.noBet,.Sports .odds>div.betBox>span .home>em.noBet,.Sports .odds>div.betBox>span .x>em.noBet {
        display: block;
        text-align: left
    }

    .PopupNoticeList .PopupNotice {
        height: calc(100vh - 95px);
        width: 100vw;
        overflow: auto
    }

    .PopupNoticeList {
        top: 64px;
        height: calc(100% - 64px)
    }

    .eventDetail {
        position: absolute!important;
        z-index: 999;
        top: 0!important;
        left: 0!important;
        width: 100vw!important;
        min-width: 265px!important;
        padding: 1px;
        height: auto!important;
        touch-action: initial
    }

    .eventDetail img {
        max-width: 100%!important;
        height: auto!important
    }

    .PopupNoticeList .PopupNotice.p1,.PopupNoticeList .PopupNotice.p10,.PopupNoticeList .PopupNotice.p11,.PopupNoticeList .PopupNotice.p12,.PopupNoticeList .PopupNotice.p2,.PopupNoticeList .PopupNotice.p3,.PopupNoticeList .PopupNotice.p4,.PopupNoticeList .PopupNotice.p5,.PopupNoticeList .PopupNotice.p6,.PopupNoticeList .PopupNotice.p7,.PopupNoticeList .PopupNotice.p8,.PopupNoticeList .PopupNotice.p9 {
        top: 0;
        left: 0;
        width: 100%
    }

    .game-menu-wrap,.sport-category-wrap {
        display: block;
        background: #1e1e1e
    }

    .game-menu {
        display: flex;
        position: relative
    }

    .casino-category-wrap>.btn {
        display: block
    }

    .footerCont .left {
        font-size: 1.1rem
    }

    .sport-category {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
        margin: 0;
        justify-content: space-between;
        -webkit-overflow-scrolling: touch;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex
    }

    .sport-category .category {
        position: relative;
        flex: 0 0 calc(100vw / 7 - 2px);
        user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .sport-category .category::selection {
        background: 0 0;
        color: none
    }

    .sport-category .category i {
        user-select: none;
        -webkit-user-select: none
    }

    .sport-category .category em {
        font-size: 1.1rem;
        user-select: none;
        -webkit-user-select: none
    }

    .sport-category-wrap>.btn>span {
        opacity: 1
    }

    .sport-category-wrap>.btn {
        position: absolute;
        top: 50%;
        font-size: 2rem;
        color: rgb(157 157 157);
        transform: translate(0,-50%);
        background: #1e1e1e;
        border: solid 1px #363636;
        display: block;
        padding: 11px;
        border-radius: 3px
    }

    .sport-category-wrap>.btn.right {
        display: block
    }

    .mid-menu {
        height: 44px;
        justify-content: space-around
    }

    .mid-menu-name i {
        font-size: 1.8rem;
        margin-right: 2px
    }

    .mid-menu-name {
        margin: 0 10px;
        font-size: 1.2rem;
        padding: 0 2px 0 0
    }

    .BetList .item .pickCont .pick>.info>span.date {
        flex: 100%;
        text-align: left
    }

    .paging {
        font-size: 0;
        text-align: center;
        border-radius: 10px;
        margin: 3px 0
    }

    .paging a,.paging a:active,.paging a:visited {
        font-size: 18px;
        text-decoration: none;
        margin: 0;
        display: inline-flex;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 4px;
        margin: 8px;
        align-items: center;
        justify-content: center
    }

    .Event .titleCont .btnCont {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px
    }

    .Event .titleCont .tmo {
        margin-bottom: 10px
    }

    .Event .titleCont .title {
        padding: 0 10px 0 10px
    }

    .Sports .col_left .odds {
        flex-direction: column
    }

    .Sports .col_left .odds>div.type {
        display: block;
        padding: 10px 0 0 0;
        font-size: 1.3rem;
        flex: auto
    }

    .Sports .col_left .odds>div.type>div {
        display: flex;
        margin: 0;
        width: auto;
        height: auto;
        background: 0 0;
        border: none;
        flex: 1;
        align-items: center;
        justify-content: flex-start;
        padding: 4px;
        user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent;
        cursor: default;
        font-weight: 500
    }

    .Sports .col_left .odds>div.type span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        align-items: center
    }

    .Games .oddsBox .league:not(.bet365)>span:first-child {
        align-items: flex-start;
        flex-direction: column
    }

    .Games .oddsBox .league>span:first-child>div {
        display: flex;
        align-items: center;
        margin-bottom: 3px
    }
}

@media screen and (max-width: 359px) {
    .LiveDetail .scoreBoardCont .frameCont {
        height:300px
    }

    .Live .liveNow .oddsBox .game .odds .betBox>span .away,.Live .liveNow .oddsBox .game .odds .betBox>span .home {
        max-width: 50%;
        font-size: 12px
    }

    .LiveDetail .oddsCont .odds .betBox .away,.LiveDetail .oddsCont .odds .betBox .home {
        max-width: 60%;
        font-size: 12px
    }

    .lang-en .LiveDetail .oddsCont .odds .betBox .away,.lang-en .LiveDetail .oddsCont .odds .betBox .home {
        max-width: 60%
    }

    #logo {
        padding: 0;
        height: 5rem
    }

    #logo img {
        max-width: 110rem;
        height: auto
    }

    #btnLeftWrap,#btnLeftWrap2,#btnRightWrap {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 3.2rem
    }

    #btnRightWrap {
        right: 2rem
    }

    .TopMenu .mMenu>.main>em {
        font-size: 1.4rem
    }
}