/*

//.........................
//.VVVV....VVVVV....4444...
//.VVVV....VVVV....44444...
//.VVVV....VVVV...444444...
//.VVVVV..VVVV....444444...
//..VVVV..VVVV...4444444...
//..VVVV..VVVV..44444444...
//..VVVVVVVVV...444.4444...
//...VVVVVVVV..V444.4444...
//...VVVVVVVV..V444444444..
//...VVVVVVV...V444444444..
//....VVVVVV........4444...
//....VVVVVV........4444...
//....VVVVV.........4444...
//.........................

V4

	TABLE OF CONTENTS
	----------------------------------------------------------------
	TABLE OF CONTENTS
	----------------------------------------------------------------
	*. media .................................................
	----------------------------------------------------------------
*/
/* ------------------------------------- */
/* *.  - Media Queries ............... */
/* ------------------------------------- */
@media (min-width: 600px) {
  .login_wrap {
    width: 350px;
  }
}
@media only screen and (min-width: 600px) {
  /* For landscape layouts only */
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu:before {
    top: 21px;
    transform: translateX(-50%) scale(0.7);
  }
}
@media screen and (min-width: 627px) and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 1) {
  .body-scroll {
    height: calc(100vh - 121px);
  }

  #betslip-icon {
    display: block !important;
  }
}
@media screen and (min-width: 627px) and (max-width: 1650px) and (-webkit-min-device-pixel-ratio: 1) {
  #topmenu #top_pc .container-fluid {
  }

  #sidebar-right {
    /* right: -300px !important; */
    left: initial;
  }
  #sidebar-right.cart_toggle {
    right: 0 !important;
  }
  #sidebar {
    /* width: 50px; */
    z-index: 2008;
  }
  #sidebar-hamburg-blue2 {
    display: block;
  }
  .page-with-two-sidebar .content {
    /* margin-right: 5px; */
    /* margin-left: 50px; */
    transition: all 0.5s ease-out 0s;
  }
  #mini_wrap #game-frame,
  .table_tittle,
  .left.analysiscon {
    float: unset;
    width: 100% !important;
    display: block;
    /* text-align: center; */
  }
  #game-bet.pball_frame {
    width: calc(100% - 0px);
    float: left;
  }

  .nav-tabs {
    position: initial;
    text-align: left;
  }

  #mini_wrap #game-frame .nav-tabs .btn-link {
    display: inline-block;
  }

  #mini_wrap #game-frame .nav-tabs .btn-link .scope {
    border-radius: 3px;
  }

  #betslip-icon img {
    /* height: 70px; */
    /* width: 79px; */
    filter: brightness(2.5) grayscale(1);
  }
  .top-menu-in {
    margin-left: 0;
    margin-right: 0;
  }

  #game-bet {
    width: 100% !important;
    margin-top: 8px !important;
  }

  #mini_wrap #game-frame.eos_frame {
    height: 770.398px !important;
  }
  #mini_wrap #game-frame.eos_frame iframe {
    /* height: 584px !important; */
  }

  #mini_wrap #game-frame ._view_rules {
    position: absolute;
    top: 100px;
    right: 20px;
  }
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }

  .container {
    width: 750px;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }

  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }

  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }

  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }

  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }

  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }

  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }

  .navbar {
    border-radius: 4px;
  }

  .navbar-header {
    float: left;
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }

  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }

  .navbar-static-top {
    border-radius: 0;
  }

  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0;
  }

  .navbar > .container-fluid .navbar-brand,
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: unset;
    display: inline-block;
    vertical-align: middle;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type="checkbox"],
  .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }

  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }

  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }

  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }

  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
  #top_pc {
    display: block;
  }
  #top_m {
    display: none;
  }
  .main_m {
    display: none;
  }
  .main_p {
    display: block;
  }
  .login_wrap {
    width: 450px;
  }
  .sp_col_1 {
    width: 240px;
  }
  .sp_col_2 {
    width: 180px;
  }
  .sp_col_3 {
    width: 100px;
  }
  .reg_warp {
    width: 650px;
    margin-top: 15vh !important;
  }
  .half_title {
    padding-left: 50 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
  .bet_p_tp {
    display: block;
  }
  .bet_m_tp {
    display: none;
  }
  .b_result {
    width: 100px;
  }
  .b_type {
    width: 15%;
  }
  .b_base {
    width: 6%;
  }
  .b_game {
    width: 7%;
  }
  .bet_ml {
    width: 230px;
  }
  .bet_mr {
    width: 86px;
  }

  .b_time {
    width: 12%;
  }
  .w-25 {
    width: calc(25% - 10px);
  }
  .main_p.footer_v4_mobile {
    display: none;
  }
  #header #topmenu #top_pc ._login_.m-l-15.login_b1._login_ {
    margin: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .short-nav ._btn_ .border-1-blue2 .btn-xs i {
    font-size: 18px;
    display: block;
  }
  .cs_item {
    /* height: 100px; */
    /* margin: 2px 5px; */
  }
  .cs_item > div:nth-child(2) {
    background-size: auto;
  }
  .main_casino {
    /*display:none;*/
    width: 100%;
  }
  .cs_wrap .swiper-slide > div.low-menu img {
    height: auto !important;
  }
  .minor_event,
  .main_event,
  .swiper-slide {
    /*width:100% !important;*/
  }
  .game_b {
    /*	display:none !important;*/
  }
  #betslip-icon {
    display: block;
  }
  .right_wrap {
    height: 0;
  }

  .cs_warp {
    display: block;
  }

  .cs_warp .cas-image {
    width: 33.33%;
    float: left;
    display: inline-block;
  }

  .cs_item > div:nth-child(1) {
    z-index: 9999999;
  }

  .cs_item > div:nth-child(2) {
    background-size: 70%;
    transition-duration: 0.3s;
    transition-property: all;
    width: 100%;
    right: 0px;
    /* position: absolute; */
    /* height: 99%; */
    /* background-repeat: no-repeat; */
    /* background-position: right; */
    /* z-index: 9999111; */
  }

  .cas-image .cs_item:before {
    background-color: unset;
  }

  .cs_warp .cas-image {
    width: 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .half_wrap {
    width: 100% !important;
  }
  .rule_ {
    /* display:none; */
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  .cross-shadow-ribbon {
    /* display:none;*/
  }
  .header #top-menu .nav > li > a:hover .cross-shadow-ribbon {
    /* display:block;*/
    position: fixed;
  }
  #topmenu #top_pc .container-fluid > .headernav-right-blue2 {
    margin-top: -18px !important;
  }
  #topmenu
    #top_pc
    .container-fluid
    > .headernav-right-blue2
    .nav.navbar-nav
    .btn-group {
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  #slotbox.allbet-container.container_mcasino.slot_group {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }

  .live_wrap ._live_details_.wide,
  ._live_details_v.wide {
    display: none;
  }
  .live_wrap ._live_details_.narrow,
  ._live_details_v.narrow {
    width: calc(100% - 10px);
    height: auto;
  }

  .live_prv .prv_b {
    width: 100%;
  }

  .rightside.pc-only {
    display: none;
  }

  #sp_list .rightside.pc-only {
    display: none;
  }

  .visible-sm-block {
    display: block !important;
  }

  .visible-sm-inline {
    display: inline !important;
  }

  .visible-sm-inline-block {
    display: inline-block !important;
  }

  .hidden-sm {
    display: none !important;
  }

  .switch-row .toggle_mode .toggle-content .names .mode_type .long {
    display: none !important;
  }
  .switch-row .toggle_mode .toggle-content .names .mode_type .only-mobile {
    display: inline-block !important;
  }

  .top-menu-in {
    width: 100%;
    overflow: auto;
  }

  .top-menu-in::-webkit-scrollbar {
    height: 4px;
  }

  .provider_container {
    width: 25%;
  }

  #slotbox {
    width: 75%;
  }

  .provider_container .button_sonow_slot,
  .provider_container .button_kplay_slot {
    width: calc(calc(100% / 1) - 6px);
    overflow: hidden;
  }

  #top_m .short-nav {
    overflow: auto;
  }

  #top_m .short-nav .space-range {
    white-space: nowrap;
  }

  #top_m .short-nav .space-range ._btn_ {
    display: inline-block;
    float: unset;
  }

  .name-header {
    padding-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .provider_container .btn_panelSnow {
    overflow: auto;
  }

  .provider_container .button_sonow_slot,
  .provider_container .button_kplay_slot,
  .provider_container .button_gs_slot,
  .provider_container .button_hub_slot,
  .provider_container .button_honor_slot {
    width: calc(calc(100% / 4) - 6px);
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .provider_container {
    width: 100%;
    height: auto;
  }
  #slotbox {
    width: 60%;
  }

  .button_sonow_slot,
  .button_kplay_slot,
  .button_gs_slot,
  .button_hub_slot,
  .button_honor_slot {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .way_3:hover,
  .way_2:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
    border-color: #2e7de5;
  }

  .sp_btn:hover {
    color: #fff;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
    border-color: #2e7de5;
  }
}
@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    width: 0;
  }
  .el-col-sm-offset-0 {
    margin-left: 0;
  }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-sm-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-sm-1 {
    width: 4.16667%;
  }
  .el-col-sm-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-sm-2 {
    width: 8.33333%;
  }
  .el-col-sm-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-sm-3 {
    width: 12.5%;
  }
  .el-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-sm-4 {
    width: 16.66667%;
  }
  .el-col-sm-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-sm-5 {
    width: 20.83333%;
  }
  .el-col-sm-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-sm-6 {
    width: 25%;
  }
  .el-col-sm-offset-6 {
    margin-left: 25%;
  }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-sm-7 {
    width: 29.16667%;
  }
  .el-col-sm-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-sm-8 {
    width: 33.33333%;
  }
  .el-col-sm-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-sm-9 {
    width: 37.5%;
  }
  .el-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-sm-10 {
    width: 41.66667%;
  }
  .el-col-sm-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-sm-11 {
    width: 45.83333%;
  }
  .el-col-sm-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-sm-12 {
    width: 50%;
  }
  .el-col-sm-offset-12 {
    margin-left: 50%;
  }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-sm-13 {
    width: 54.16667%;
  }
  .el-col-sm-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-sm-14 {
    width: 58.33333%;
  }
  .el-col-sm-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-sm-15 {
    width: 62.5%;
  }
  .el-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-sm-16 {
    width: 66.66667%;
  }
  .el-col-sm-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-sm-17 {
    width: 70.83333%;
  }
  .el-col-sm-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-sm-18 {
    width: 75%;
  }
  .el-col-sm-offset-18 {
    margin-left: 75%;
  }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-sm-19 {
    width: 79.16667%;
  }
  .el-col-sm-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-sm-20 {
    width: 83.33333%;
  }
  .el-col-sm-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-sm-21 {
    width: 87.5%;
  }
  .el-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-sm-22 {
    width: 91.66667%;
  }
  .el-col-sm-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-sm-23 {
    width: 95.83333%;
  }
  .el-col-sm-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-sm-24 {
    width: 100%;
  }
  .el-col-sm-offset-24 {
    margin-left: 100%;
  }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%;
  }

  .hidden-sm-and-up {
    display: none !important;
  }

  .slot_group ._game_item {
    width: calc(25% - 0px);
    position: relative;
    vertical-align: text-top;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container-fluid .jumbotron,
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
@media (min-width: 769px) {
  .chrome_link {
    justify-content: center;
    left: 50%;
    width: 30%;
    transform: translateX(-50%);
    border-radius: 0 0 25px 25px;
  }
}
@media screen and (min-width: 771px) {
  .holdem_open_banner {
    display: none;
  }
}
@media only screen and (min-width: 899px) and (max-width: 1440px) {
  .away-t > span:nth-child(2),
  .home-t > span:nth-child(1) {
    overflow: auto !important;
    white-space: nowrap;
    height: 27px;
  }
}
@media only screen and (min-width: 993px) {
  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    height: calc(100vh - 180px);
    /*height:75vh;*/
  }
}
@media (min-width: 998px) {
  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    /* height: calc(100vh - 420px) !important; */
  }
}
@media (min-width: 1024px) {
  .cs_warp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cs_item {
  }
  .cs_item > div:nth-child(2) {
    background-size: auto;
  }
}
@media (min-width: 1081px) {
  .body-scroll {
    height: 100vh;
  }
  .container {
    width: 970px;
  }

  .col-category,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-category {
    width: 20%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }

  .live_wrap ._live_details_.wide,
  ._live_details_v.wide {
    display: block;
  }
  .live_wrap ._live_details_.narrow,
  ._live_details_v.narrow {
    display: none;
  }

  #sp_list .pre_.pc-only {
    display: none;
  }

  .modal-lg {
    width: 900px;
  }

  .leftpre_.pc-only {
    display: none;
  }
  .v_deep_home .main_content_wrap {
    width: 100%;
    margin-left: 0%;
  }

  .v_deep_home .main_content_wrap .casinoZone {
    width: 100%;
  }
}
@media (min-width: 1081px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }

  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }

  .hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1081px) {
  .el-scrollbar__wrap-main .el-scrollbar__view {
    overflow: auto;
    height: calc(100vh - 108px);
  }

  .el-col-md-0 {
    display: none;
    width: 0;
  }
  .el-col-md-offset-0 {
    margin-left: 0;
  }
  .el-col-md-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-md-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-md-1 {
    width: 4.16667%;
  }
  .el-col-md-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-md-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-md-2 {
    width: 8.33333%;
  }
  .el-col-md-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-md-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-md-3 {
    width: 12.5%;
  }
  .el-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-md-4 {
    width: 16.66667%;
  }
  .el-col-md-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-md-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-md-5 {
    width: 20.83333%;
  }
  .el-col-md-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-md-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-md-6 {
    width: 25%;
  }
  .el-col-md-offset-6 {
    margin-left: 25%;
  }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-md-7 {
    width: 29.16667%;
  }
  .el-col-md-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-md-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-md-8 {
    width: 33.33333%;
  }
  .el-col-md-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-md-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-md-9 {
    width: 37.5%;
  }
  .el-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-md-10 {
    width: 41.66667%;
  }
  .el-col-md-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-md-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-md-11 {
    width: 45.83333%;
  }
  .el-col-md-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-md-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-md-12 {
    width: 50%;
  }
  .el-col-md-offset-12 {
    margin-left: 50%;
  }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-md-13 {
    width: 54.16667%;
  }
  .el-col-md-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-md-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-md-14 {
    width: 58.33333%;
  }
  .el-col-md-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-md-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-md-15 {
    width: 62.5%;
  }
  .el-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-md-16 {
    width: 66.66667%;
  }
  .el-col-md-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-md-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-md-17 {
    width: 70.83333%;
  }
  .el-col-md-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-md-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-md-18 {
    width: 75%;
  }
  .el-col-md-offset-18 {
    margin-left: 75%;
  }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-md-19 {
    width: 79.16667%;
  }
  .el-col-md-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-md-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-md-20 {
    width: 83.33333%;
  }
  .el-col-md-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-md-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-md-21 {
    width: 87.5%;
  }
  .el-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-md-22 {
    width: 91.66667%;
  }
  .el-col-md-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-md-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-md-23 {
    width: 95.83333%;
  }
  .el-col-md-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-md-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-md-24 {
    width: 100%;
  }
  .el-col-md-offset-24 {
    margin-left: 100%;
  }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-md-push-24 {
    position: relative;
    left: 100%;
  }

  .hidden-md-and-up {
    display: none !important;
  }
  .el-scrollbar__wrap-main .el-scrollbar__view {
    height: calc(100vh - 150px);
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1199px) {
  .hidden-md-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }

  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }

  .hidden-lg {
    display: none !important;
  }

  .container {
    width: 1170px;
  }

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    width: 0;
  }
  .el-col-lg-offset-0 {
    margin-left: 0;
  }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-lg-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-lg-1 {
    width: 4.16667%;
  }
  .el-col-lg-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-lg-2 {
    width: 8.33333%;
  }
  .el-col-lg-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-lg-3 {
    width: 12.5%;
  }
  .el-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-lg-4 {
    width: 16.66667%;
  }
  .el-col-lg-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-lg-5 {
    width: 20.83333%;
  }
  .el-col-lg-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-lg-6 {
    width: 25%;
  }
  .el-col-lg-offset-6 {
    margin-left: 25%;
  }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-lg-7 {
    width: 29.16667%;
  }
  .el-col-lg-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-lg-8 {
    width: 33.33333%;
  }
  .el-col-lg-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-lg-9 {
    width: 37.5%;
  }
  .el-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-lg-10 {
    width: 41.66667%;
  }
  .el-col-lg-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-lg-11 {
    width: 45.83333%;
  }
  .el-col-lg-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-lg-12 {
    width: 50%;
  }
  .el-col-lg-offset-12 {
    margin-left: 50%;
  }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-lg-13 {
    width: 54.16667%;
  }
  .el-col-lg-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-lg-14 {
    width: 58.33333%;
  }
  .el-col-lg-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-lg-15 {
    width: 62.5%;
  }
  .el-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-lg-16 {
    width: 66.66667%;
  }
  .el-col-lg-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-lg-17 {
    width: 70.83333%;
  }
  .el-col-lg-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-lg-18 {
    width: 75%;
  }
  .el-col-lg-offset-18 {
    margin-left: 75%;
  }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-lg-19 {
    width: 79.16667%;
  }
  .el-col-lg-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-lg-20 {
    width: 83.33333%;
  }
  .el-col-lg-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-lg-21 {
    width: 87.5%;
  }
  .el-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-lg-22 {
    width: 91.66667%;
  }
  .el-col-lg-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-lg-23 {
    width: 95.83333%;
  }
  .el-col-lg-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-lg-24 {
    width: 100%;
  }
  .el-col-lg-offset-24 {
    margin-left: 100%;
  }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%;
  }

  .hidden-lg-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .hidden-lg-only {
    display: none !important;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  #sidebar-hamburg-blue2 {
    /*display:none;*/
  }
  #sidebar {
    /* width:299px; */
    z-index: 2008;
  }

  .lf_m1 {
    display: none;
  }
  .half_wrap {
    width: 100% !important;
  }
  .rule_ {
    /* display:none; */
  }
  .td_reg {
    width: 50px;
  }
  .td_type {
    width: 55px;
  }
  .td_amount {
    width: 100px;
  }
  .td_sum {
    display: none;
  }
  .td_done {
    width: 50px;
  }
  .td_status {
    width: 50px;
  }
  .p_time {
    display: none;
  }
  .m_time {
    display: block !important;
  }
}
@media (min-width: 1500px) {
  .v_deep_home .main_content .main_content_wrap .infoZone .info01 {
    width: 24%;
  }
}
@media only screen and (min-width: 1501px) {
  .main_event .event_height .swiper-slide img {
    /*height:306px;	*/
    height: 19vw;
  }
  .main_event .event_height .swiper-slide img {
    height: auto;
    width: 100%;
    aspect-ratio: 205/ 88;
    object-fit: cover;
  }
}
@media (min-width: 1859px) {
  #top_pc img[alt="LOGO"] {
  }

  #header.header,
  .top-menu {
    width: 100%;
    padding-right: 0;
    margin: 0 auto;
  }
  .header #topmenu #top_pc .container-fluid {
    display: flex;
    height: 95px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: unset;
  }
  #sidebar.sidebar.sidebar-grid {
    margin-top: 145px;
    /*margin-left: 15%;*/
  }
  #app #sidebar-right {
    /*right: 15% !important;*/
  }


  #sidebar.sidebar.sidebar-grid .lf_m1 img:first-child {
    opacity: 0;
    filter: unset;
    -webkit-filter: unset;
  }

  #sidebar.sidebar.sidebar-grid .lf_m1 .lf_close {
    display: none;
  }

  .header #top_pc #top-menu .top-menu-in {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .top-menu .nav {
    float: right;
    /*width: auto;*/
  }

  .top-menu .nav > li:first-child:nth-last-child(11),
  .top-menu .nav > li:first-child:nth-last-child(11) ~ li {
    /*width: auto;*/
  }

  .lf_mlogo {
    top: 50%;
    max-height: 95px;
    max-width: 295px;
  }
}
@media (min-width: 1860px) {
  #sidebar-hamburg-blue2 {
    display: none !important;
  }
  .lf_m1 {
    display: none;
  }
  #sidebar {
    width: 299px;
    z-index: 2008;
  }
  .hamburg_on {
    display: nonel;
  }

  .td_reg {
    width: 150px;
  }
  .td_type {
    width: 70px;
  }
  .td_amount {
    width: 100px;
  }
  .td_sum {
    width: 100px;
  }
  .td_done {
    width: 150px;
  }
  .td_status {
    width: 100px;
  }

  .swiper-slide img {
    /*height: 304px;*/
  }
  .cs_wrap .swiper-slide > div.low-menu img {
    /*height: calc(157px - 7.2px);*/
  }
}
@media (min-width: 1901px) {
  #scrolltotop {
    right: calc(((100vw - 1900px) / 2) + 280px);
  }
}
@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    width: 0;
  }
  .el-col-xl-offset-0 {
    margin-left: 0;
  }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-xl-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-xl-1 {
    width: 4.16667%;
  }
  .el-col-xl-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-xl-2 {
    width: 8.33333%;
  }
  .el-col-xl-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-xl-3 {
    width: 12.5%;
  }
  .el-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xl-4 {
    width: 16.66667%;
  }
  .el-col-xl-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-xl-5 {
    width: 20.83333%;
  }
  .el-col-xl-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-xl-6 {
    width: 25%;
  }
  .el-col-xl-offset-6 {
    margin-left: 25%;
  }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xl-7 {
    width: 29.16667%;
  }
  .el-col-xl-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-xl-8 {
    width: 33.33333%;
  }
  .el-col-xl-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-xl-9 {
    width: 37.5%;
  }
  .el-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xl-10 {
    width: 41.66667%;
  }
  .el-col-xl-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-xl-11 {
    width: 45.83333%;
  }
  .el-col-xl-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-xl-12 {
    width: 50%;
  }
  .el-col-xl-offset-12 {
    margin-left: 50%;
  }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xl-13 {
    width: 54.16667%;
  }
  .el-col-xl-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-xl-14 {
    width: 58.33333%;
  }
  .el-col-xl-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-xl-15 {
    width: 62.5%;
  }
  .el-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xl-16 {
    width: 66.66667%;
  }
  .el-col-xl-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-xl-17 {
    width: 70.83333%;
  }
  .el-col-xl-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-xl-18 {
    width: 75%;
  }
  .el-col-xl-offset-18 {
    margin-left: 75%;
  }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xl-19 {
    width: 79.16667%;
  }
  .el-col-xl-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-xl-20 {
    width: 83.33333%;
  }
  .el-col-xl-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-xl-21 {
    width: 87.5%;
  }
  .el-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xl-22 {
    width: 91.66667%;
  }
  .el-col-xl-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-xl-23 {
    width: 95.83333%;
  }
  .el-col-xl-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-xl-24 {
    width: 100%;
  }
  .el-col-xl-offset-24 {
    margin-left: 100%;
  }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%;
  }

  .hidden-xl-only {
    display: none !important;
  }
}
@media (min-width: 1951px) {
  /* #sidebar.sidebar.sidebar-grid .lf_m1 {
    display: block;
    background: transparent !important;
    height: 118px;
  } */
}
@media (min-width: 2889px) {
  #sidebar.sidebar.sidebar-grid .lf_m1 {
    height: 100px !important;
  }
}
@media (max-width: 2888px) {
  #topmenu #top_pc .container-fluid.no-jackpot {
    /*height: 55px;*/
  }
  .sidebar,
  .el-scrollbar__wrap-main:has(.no-jackpot) {
    /*margin-top: 145px;*/
  }
  #top_pc
    #content-table
    .bank-table
    .table
    > ul
    > .tr
    > .info
    span:nth-child(2) {
    display: block;
  }
  #top_pc #content-table .bank-table {
    gap: 6px;
  }
  #topmenu #top_pc .container-fluid > .headernav-right-blue2 {
    margin-top: 0 !important;
  }

  #top_pc #content-table .bank-table .title {
    font-size: 15px;
  }
  #top_pc #content-table .table > ul > .tr > .info {
    display: block;
    width: 100%;
  }

  #top_pc #content-table .bank-table #rolling-realtime {
    width: 270px;
  }
  #top_pc #content-table .bank-table .table > ul > .tr {
    flex-direction: column;
    background: transparent;
  }
}
@media (max-width: 2888px) {
  .sidebar,
  .el-scrollbar__wrap-main {
    margin-top: 145px;
  }

  #topmenu #top_pc .container-fluid {
    height: 97px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: row;
    gap: 5px;
  }

  #topmenu #top_pc .container-fluid > .pull-left {
    /* display: grid; */
    /* width: 320px; */
    /* transform: scale(0.75); */
  }
  #topmenu #top_pc .container-fluid > .pull-left .pull-left {
    margin: 0 auto !important;
    /* transform: scale(1.2) translateX(13px); */
  }
  #topmenu #top_pc .container-fluid > .headernav-right-blue2 {
    /* width: calc(100% - 320px); */
    display: flex !important;
    justify-content: right;
    align-items: center;
  }

  #topmenu #top_pc .container-fluid > .pull-left .jackpot-container {
    /* transform: scale(0.8) translateY(10px); */
  }

  .calendar-container table.calendar {
    width: 45vw;
    height: 33vw;
  }
}
@media (max-width: 1949px) {
  #sidebar.sidebar.sidebar-grid .lf_m1 {
    height: auto;
  }
}
@media (max-width: 1920px) {
  .redbox2 {
    font-size: 15px;
  }

  .redbox1 {
    font-size: 16px;
  }

  .redbox3 {
    font-size: 12px;
  }

  .monetary-event-card {
    min-width: 138px;
  }
  .redbox2 {
    font-size: 15px;
  }

  .redbox1 {
    font-size: 16px;
  }

  .redbox3 {
    font-size: 12px;
  }

  .monetary-event-card {
    min-width: 138px;
  }
}
@media only screen and (max-width: 1919px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}
@media screen and (max-width: 1899px) {
  #app,
  #page-container #header.header,
  #page-container #header.header #top_pc #top-menu {
    width: auto;
    margin: 0 auto;
  }
}
@media (max-width: 1859px) and (min-width: 1081px) {
  .content {
    margin-left: 0px;
  }
  #sidebar {
    width: 50px;
  }
  .el-scrollbar__wrap-main {
    width: calc(100% - 348px);
    margin-left: 50px !important;
  }
}
@media (max-width: 1859px) and (min-width: 1440px) {
  #sidebar-hamburg-blue2 {
    display: block;
  }
  #sidebar {
    width: 50px;
    z-index: 2008;
  }
  .lf_m1 {
    display: block;
    position: relative;
  }

  .swiper-slide img {
    height: 270px;
  }
  .cs_wrap .swiper-slide > div.low-menu img {
    height: calc(140px - 7.2px);
  }
}
@media (max-width: 1858px) {
  #sidebar-right {
    /* right: 5px !important; */
  }
}
@media (max-width: 1835px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:66%*/
  }
}
@media only screen and (max-width: 1820px) {
  .top-menu .nav > li > a > span {
    font-size: 90%;
  }
}
@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 (max-width: 1743px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:67%*/
  }
}
@media (max-width: 1720px) {
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table,
  .supporttbl_wrap.el-dialog__wrapper.main-dialog .support-tbl {
    width: 60% !important;
  }
}
@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 (max-width: 1600px) {
  #app {
    /* height: calc(100vh - 121px); */
  }

  #betslip-icon {
    /* left: 0 !important;	 */
  }

  #top_m .short-nav {
    display: flex;
    overflow-x: auto;
  }
  #copyright-text {
    padding-top: 30px;
  }
  .casino-dialog .el-dialog {
    width: 1340px;
    height: 750px;
  }
  #main-banner-img {
    width: 1240px;
  }
  #main-banner-img-green {
    width: 100%;
  }
  .carousel-caption,
  .carousel-caption-green {
    top: 30px;
  }

  .sport-category-orange2 {
    width: calc(20% - 16px);
  }
  .attendance2-panel-left-orange2 {
    padding: 24px 0 0;
  }
  .attendance2-panel-left-orange2,
  .attendance2-panel-right-orange2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .attendance2-panel-right-orange2 {
    padding: 48px 0 0;
  }
  .attendance2-panel-center {
    display: none;
  }

  .mini-game-boscoreball-frame,
  .mini-game-frame {
    left: -241px;
  }
  .east-game-frame {
    left: -110px;
  }
  #mini-game-frame-container-in {
    width: 589px;
  }
  #east-game-frame-container-in {
    width: 720px;
  }
  #boscore-game-frame-container-in {
    width: 670px;
  }
  #bubble-game-frame-container-in {
    width: 730px;
  }
  #boscoreball-game-frame-container-in {
    width: 600px;
  }
  #livescore-game-frame-container-in {
    width: 597px;
  }

  .mini-boscore-bet-panel {
    left: 670px;
    width: calc(100% - 670px);
  }
  .mini-boscoreball-bet-panel {
    left: 600px;
    width: calc(100% - 600px);
  }
  .mini-bubble-bet-panel {
    left: 730px;
    width: calc(100% - 730px);
  }
  .mini-livescore-bet-panel {
    left: 597px;
    width: calc(100% - 597px);
  }
  .east-bet-panel {
    left: 720px;
    width: calc(100% - 720px);
  }
  .mini-ifram-lock {
    display: none;
  }

  .main_tabs {
    overflow: auto;
    overflow-x: scroll;
    width: 100%;
  }

  #new_tabs {
    overflow: auto;
  }

  .tabs ul li.tmain:first-child:nth-last-child(10),
  .tabs ul li.tmain:first-child:nth-last-child(10) ~ li.tmain {
    width: calc(100% / 10);
    overflow: hidden;
    text-overflow: ellipsis;
    /* float: unset; */
  }
}
@media (max-width: 1572px) {
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA {
    top: 6%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA {
    top: 7%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA,
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA {
    top: 5%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA {
    top: 6%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA {
    top: 7%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA {
    top: 6%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA {
    top: 5%;
  }
}
@media (max-width: 1552px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:52%*/
  }
}
@media (max-width: 1500px) {
  #match-container #autobetting_form table > tbody > tr:not(:first-child) {
    grid-auto-flow: row;
  }
  .headermedal {
    width: 100%;
  }

  #miniall .multi-tabs_wrapper .tabs .tlayer {
    width: 20%;
  }
}
@media only screen and (max-width: 1500px) {
  #content-table.refresh,
  #content-table.refresh .cashflowlive-box .bank-table {
    height: 280px;
    height: 19.35vw;
  }
  .main_event .event_height .swiper-slide img {
    height: 19vw;
    width: 100%;
  }

  .cs_wrap .swiper-slide > div.low-menu img {
    height: calc(140px - 7.2px);
  }
  .main_event .event_height .swiper-slide img {
    height: auto;
    width: 100%;
    aspect-ratio: 205/ 88;
    object-fit: cover;
  }
}
@media (max-width: 1480px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:54%*/
  }
}
@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: 0.8rem;
    background: rgb(30 30 30 / 95%);
    margin-bottom: 0.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 (max-width: 1440px) {
  .top-menu-orange2 {
    display: none;
  }
  #copyright-text {
    padding-top: 0;
  }
  .content {
    /* margin-left: 295px; */
  }
  #home-category,
  #home-category-border {
    display: none;
  }
  .casino-dialog .el-dialog {
    width: 1240px;
    height: 650px;
  }
  .carousel-caption .container {
    width: 400px;
  }
  .carousel-caption .price,
  .carousel-caption p {
    font-size: 16px;
  }
  .carousel-caption {
    top: 0;
  }
  #logoimg {
    width: 70%;
  }
  .carousel-caption-green .price,
  .carousel-caption-green p {
    font-size: 16px;
  }
  .carousel-caption-green {
    top: 60px;
  }
  .carousel-caption-yellow .icon img {
    width: 200px;
  }
  .virtual-league-panel {
    display: none;
  }
  .virtual-video-panel,
  .virtual-video-panel-orange2 {
    width: 100%;
  }
  .live-play {
    width: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
  }
  .live-check {
    width: 90px;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
  }
  .page-with-two-sidebar .content-green {
    margin-right: 0;
  }
  .headernav-green,
  .top-menu-in-green {
    margin: 0 !important;
  }
  .grey-banner {
    height: 225px;
  }
  .live-play-orange2 {
    font-size: 16px;
    padding-top: 24px;
  }
  .casino-comment img,
  .live-play-button {
    display: none;
  }

  .bet-side > .spvalue {
    width: 32px;
  }

  .tabs .main_tabs .tmain {
    font-size: 12px;
  }

  .virtual-pagein-bg-blue,
  .virtual-pagein-bg-orange,
  .virtual-pagein-bg-yellow2 {
    background: #171c22 !important;
  }
  .sport-category-orange2 {
    width: calc(25% - 16px);
  }
  .friend-total-orange2 {
    width: 25%;
  }

  #mini-game-frame-container {
    position: static;
  }
  .p_cat {
    display: none;
  }
  .m_cat {
    display: block;
  }
  .mini-game-frame {
    position: static;
    transform: translateX(-241px);
  }
  .mini-game-boscoreball-frame {
    position: absolute;
    transform: translateX(-241px);
  }
  .mini-bet-panel,
  .mini-boscore-bet-panel,
  .mini-boscoreball-bet-panel,
  .mini-bubble-bet-panel,
  .mini-livescore-bet-panel {
    position: static;
    width: 100%;
    float: left;
  }
  #east-game-frame-container {
    position: static;
  }
  .east-game-frame {
    position: static;
    transform: translateX(-110px);
  }
  .east-bet-panel {
    position: static;
    width: 100%;
    float: left;
  }
  .playerbox3 {
    height: 1282px;
  }
  .east-playerbox3 {
    height: 1201px;
  }
  .boscore-playerbox3 {
    height: 1200px;
  }
  .boscoreball-playerbox3 {
    height: 1405px;
  }
  .bubble-playerbox3 {
    height: 1209px;
  }
  .livescore-playerbox3 {
    height: 1490px;
  }

  .rule-bg-blue2.rule_ {
    width: 100%;
  }
  .rule-bg-blue2.el-col-10 {
    width: 100%;
  }

  .deposit_rule {
    display: inline-block;
  }
}
@media (max-width: 1420px) {
  .v_deep_home .main_content_wrap .casinoZone .content ul li {
    width: 16%;
    height: auto;
    margin: 0;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul {
    justify-content: center;
    gap: 5px;
  }

  .v_deep_home .main_content_wrap .casinoZone .content ul li .logo {
    background-size: cover;
    position: absolute;
    right: 24%;
    top: 17%;
    z-index: 2;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .logoA {
    width: 8.9%;
    padding-bottom: 8.9%;
    right: 27%;
    top: 21%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .logoA {
    width: 13%;
    padding-bottom: 7.1%;
    right: 25%;
    top: 24%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .logoA {
    width: 13.2%;
    padding-bottom: 7.8%;
    top: 23%;
    right: 26%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .logoA {
    width: 8.2%;
    right: 27%;
    top: 23%;
    padding-bottom: 8.1%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .logoA {
    width: 8.3%;
    padding-bottom: 11.9%;
    right: 28%;
    top: 12%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .logoA {
    width: 19%;
    padding-bottom: 7.5%;
    top: 24%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .logoA {
    width: 11%;
    padding-bottom: 9.1%;
    top: 20%;
    right: 27%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .logoA {
    width: 17%;
    padding-bottom: 8.1%;
    right: 23%;
    top: 21%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA {
    padding-bottom: 31%;
    width: 54%;
    top: 6%;
    left: -4%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA {
    padding-bottom: 34%;
    width: 43%;
    left: 6%;
    top: 4%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA {
    padding-bottom: 33.7%;
    width: 57%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA {
    padding-bottom: 36%;
    width: 60%;
    left: -5%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA {
    padding-bottom: 36%;
    width: 48%;
    left: 2%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA {
    padding-bottom: 36%;
    width: 54%;
    left: 4%;
    top: 4%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA {
    padding-bottom: 36%;
    width: 61%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA {
    padding-bottom: 36%;
    width: 49%;
    top: 2%;
    left: 2%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li .txt {
    left: 50%;
    top: 54%;
    transform: translate(-32%, -17%);
  }

  .v_deep_home .main_content_wrap .slotZone {
    flex-direction: column-reverse;
    width: 85%;
  }
  .v_deep_home .main_content_wrap .slotZone .rightZone ul li {
    width: 32.8%;
  }
  .v_deep_home .main_content_wrap .slotZone .slotLeft {
    width: 100%;
  }
  .v_deep_home .main_content_wrap .slotZone .rightZone ul {
    display: flex;
    justify-content: space-between;
  }
  .v_deep_home .main_content_wrap .slotZone .rightZone {
    width: 100%;
  }
  .v_deep_home .main_content .main_content_wrap .infoZone {
    width: 100%;
  }
  .v_deep_home
    .main_content
    .main_content_wrap
    .infoZone
    .info01
    .list
    .listA
    .message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 183px;
  }
}
@media only screen and (max-width: 1400px) {
  .headermedal {
    width: 90%;
  }
}
@media (max-width: 1366px) {
  .casino-dialog .el-dialog {
    width: 1140px;
    height: 550px;
  }
}
@media (max-width: 1280px) {
  #main-banner-img {
    width: 912px;
  }
  #main-banner-img-green {
    width: 100%;
  }

  .content {
    /* margin-left: 45px; */
  }
  #content-table .bank-table .table {
    font-size: 10px;
  }
  #companyimg,
  #header-time {
    display: none;
  }
  .casino-dialog .el-dialog {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
  }
  .top-menu-in {
    margin-left: 0;
    margin-right: 0;
  }
  #copyright-text {
    padding-top: 0;
  }
  .carousel-caption-purple p {
    font-size: 30px;
    margin-top: 180px !important;
  }
  .carousel-caption-yellow h3 {
    font-size: 35px;
  }
  .carousel-caption-yellow p {
    font-size: 16px;
    margin-top: 20px;
  }
  .carousel-caption-yellow .price {
    font-size: 16px;
    margin-top: 30px;
  }
  .carousel-caption-yellow .icon {
    margin-top: 20px;
  }
  .carousel-caption-white {
    top: 0;
  }
  .carousel-caption-white #logoimg {
    width: 200px;
  }
  .carousel-caption-green .container {
    padding: 0 60px;
    width: 400px;
  }

  #ajax-content #asian-container {
    overflow-x: hidden;
  }
  #ajax-content #asian-container #match-detail {
    width: 707px;
    margin: 0 auto;
  }
  #ajax-content #asian-container #match-detail #detail-header .detail-home,
  #ajax-content #asian-container #match-detail #detail-header .detail-away {
    font-size: 17px;
  }
  .v_deep_home .main_content .main_content_wrap .infoZone .info01 {
    width: 48%;
  }
}
@media only screen and (max-width: 1280px) {
  .bg_caon .m_main_txt,
  .bg_virtualon .m_main_txt,
  .bg_minion .m_main_txt,
  .bg_liveon .m_main_txt,
  .bg_spon .m_main_txt {
    padding-bottom: 6%;
    font-size: 20px;
  }

  .m_sub_txt {
    font-size: 16px !important;
    margin-top: 6px !important;
  }
}
@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: 0.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: 0.5;
    display: none;
    top: 0;
  }

  div.opaque.sp {
    display: block;
  }

  .leftWrap {
    z-index: 999;
    position: absolute;
    width: 270px;
    transition: all 0.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 0.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 0.05rem #000;
  }

  #leftContent .userInfo {
    display: block;
    margin-top: 4.4rem;
    border-bottom: solid 0.1rem #000;
    border-top: solid 0.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: 1279px) {
  .pc-text {
    display: none;
  }
  .retry {
    display: block;
  }
  .error-text p {
    margin: 8px 0 0;
  }
  #content-table .bank-table .table {
    font-size: 80%;
  }
}
@media (max-width: 1200px) {
  .orange2-dialog .el-dialog {
    margin-top: 64px !important;
    height: calc(100% - 64px);
  }
  .friend-total-orange2 {
    width: 50%;
  }
  .calendar-container table.calendar {
    width: 60vw;
    height: 33vw;
  }
}
@media only screen and (max-width: 1199px) {
  .hidden-md-and-down {
    display: none !important;
  }
  .headermedal {
    width: 100%;
  }

  .hidden-md-and-down {
    display: none !important;
  }
  .headermedal {
    width: 100%;
  }
}
@media (max-width: 1193px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:45%*/
  }
}
@media (max-width: 1164px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:46%*/
  }
}
@media (max-width: 1143px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:47%*/
  }
}
@media (max-width: 1121px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:49%*/
  }
}
@media (max-width: 1081px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:53%*/
  }
}
@media (max-width: 1080px) {
  .el-scrollbar__wrap-main {
    width: calc(100% - 0px);
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #main-banner-img {
    width: 1007px;
  }
  .carousel-caption,
  .carousel-caption-green {
    top: 20px;
  }
  .page-with-two-sidebar .content {
    margin-right: 0;
  }
  .notice-menu {
    display: none !important;
  }
  #betslip-icon {
    display: block;
  }

  #sp_list,
  .match_right .scroll_hlf {
    padding-bottom: 121px !important;
  }
  .grey-banner {
    height: 325px;
  }
  .page-with-two-sidebar .content .sp_nav_top .width-full .el-row .sp_cat {
    display: inline-block;
    float: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px;
    padding-top: 40px;
  }
  #sidebar-hamburg-blue2 {
    display: block;
  }
  .page-with-two-sidebar .sidebar-bg.sidebar-right,
  .page-with-two-sidebar .sidebar.sidebar-right {
    right: -300px;
  }
  .lf_m1 {
    display: block;
    position: relative;
  }
  #top_pc {
    display: none;
  }
  #top_m {
    display: block;
  }
  .main_m {
    margin-top: 20px;
    display: block;
  }
  .main_p {
    display: none;
  }
  #sidebar-hamburg-blue2 {
    display: none !important;
  }
  .page-with-two-sidebar .content .sp_nav_top .width-full .el-row .sp_cat {
    float: unset;
  }
  .short-nav ._btn_ .border-1-blue2 {
    border-radius: 5px;
  }

  .lf_m1 {
    display: block;
    position: relative;
  }
  #sidebar {
    width: 0px;
    z-index: 2008;
  }
  .live_a {
    padding: 16px 16px 0 0px !important;
  }
  .live_prv {
    padding-left: 0px !important;
  }
  .prv_b {
    width: 100% !important;
  }
  .login_wrap {
    width: 95%;
  }
  .sp_col_1 {
    width: 80px;
  }
  .sp_col_2 {
    width: 77px;
  }
  .sp_col_3 {
    width: 40px;
  }
  .reg_warp {
    width: 100%;
    background: none !important;
    margin-top: 6vh;
  }
  .el-dialog__body {
    padding: 5px !important;
  }
  .bg-signdialog-blue4 {
    width: 100% !important;
  }
  .reg_input {
    width: 100% !important;
  }
  .reg_btn {
    width: 100% !important;
  }
  .reg_btn > button {
    margin-top: -10px !important;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 0px !important;
  }
  .half_wrap {
    width: 100%;
  }
  .rule_ {
    /* display:none; */
  }
  .calc_btn > span {
    font-size: 12px;
  }
  .wallet-type {
    float: left;
    border: 1px solid #616161;
    text-align: center;
    padding: 10px !important;
    width: 48%;
  }
  #d_sp {
    margin-right: 4% !important;
    margin-left: 0 !important;
  }
  .main-select-drop-item-blue2 {
    padding: 10px 0px 20px 15px !important;
  }
  .main-select-no-img-blue2 {
    display: none !important;
  }
  .half_title {
    padding-left: 0 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
  .half_width {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .td_reg {
    width: 50px;
  }
  .td_type {
    width: 50px;
  }
  .td_amount {
    width: 90px;
  }
  .td_sum {
    display: none;
  }
  .td_done {
    width: 50px;
  }
  .td_status {
    width: 50px;
  }
  .p_time {
    display: none;
  }
  .m_time {
    display: block !important;
  }
  .bet_p_tp {
    display: none;
  }
  .bet_m_tp {
    display: block;
  }
  .b_result {
    width: 50px;
  }
  .b_type {
    flex: 1 1 0px;
  }
  .b_base {
    width: 8%;
  }
  .b_game {
    width: 16%;
  }
  .bet_ml,
  .bet_mr {
    width: 15%;
  }
  .b_time {
    width: 15%;
  }

  .main_m .foot-bottom .maltagaming_logo {
    margin-left: 0;
    display: flex;
    justify-content: center;
  }
  .main_m .foot-bottom {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .footer.only_pc {
    display: none;
  }

  .right_wrap,
  .side-info {
    display: none;
  }

  .rule-bg-blue2.rule_ .side-info {
    display: block;
  }

  .sidebar,
  .el-scrollbar__wrap-main:has(.no-jackpot) {
    margin-top: 50px;
  }
  .el-scrollbar__wrap-main {
    margin-top: 0;
    height: 100%;
  }

  #betslip-icon.betslipvirtual {
    display: none !important;
  }

  .v_deep_home .main_content_wrap {
    width: 100%;
    margin-left: 0%;
  }

  .v_deep_home .main_content_wrap .casinoZone {
    width: 100%;
  }

  .content .panel {
    height: 145vh;
  }

  .main_enter .m_box_warp:hover .m_sub_txt,
  .main_enter .m_box_warp .m_sub_txt {
    bottom: 26%;
  }
  .el-scrollbar__wrap-main:has(.content) {
    overflow: auto;
  }
}
@media only screen and (max-width: 1080px) {
  /* For landscape layouts only */
  #sidebar-right {
    right: -300px !important;
    left: initial;
  }
  #betslip-icon {
    display: block !important;
  }
  #sidebar-right.cart_toggle {
    right: 0px !important;
  }
  #topmenu #top_pc .container-fluid {
    padding-right: 15%;
  }
}
@media (max-width: 1077px) {
  .v_deep_home .main_content_wrap .slotZone .leftZone .pic {
    /*padding-bottom:53%*/
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA {
    top: 14%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA {
    top: 13%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA {
    top: 12%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA {
    top: 11%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA {
    width: 50%;
    top: 11%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA {
    top: 11%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA {
    top: 10%;
    left: 0%;
  }
  .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA {
    top: 10%;
    left: 2%;
  }
}
@media (max-width: 1074px) {
  .container-fluid > .navbar-collapse button._logout_ {
    position: fixed;

    right: 32px;
    top: 50%;
    transform: translateY(-31%);
  }

  #topmenu #top_pc .container-fluid [alt="LOGO"] {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1030px) {
  .InfoBox i.divide,
  .userInfo#bbs,
  .userInfo#eventNotice {
    display: none;
  }
}
@media only screen and (max-device-width: 1024px) {
  .paging .el-pager.cmnbtn {
    padding: 2px 0;
  }

  .only-mobile {
    display: block !important ;
    vertical-align: middle;
  }
  .switch-row .toggle_mode .toggle-content .names .mode_type .long {
    display: none;
  }

  .content .panel {
    overflow: auto;
    white-space: nowrap;
    height: 100vh;
  }

  .content .m_mini {
    /* overflow: auto; */
    margin: 0 !important;
    height: 100vh;
  }

  .content #mini_wrap {
    overflow: auto;
    /* height: calc(100vh - 330px) !important; */
    height: calc(100vh - 125px) !important;
  }

  .content .m_mini .panel {
    height: auto;
  }

  #game-bet {
    width: calc(100% - 36px);
    color: #fff;
    height: 100%;
    background: #13191e;
    background-color: #262a30;
    background-size: auto;
    background-position: bottom;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    border-radius: 11px;
    margin: 16px auto;
    margin-top: 0;
    position: relative;
    z-index: 1;
  }
  #game-bet .game-header img {
    display: block;
    height: 31px !important;
    width: 30px !important;
    float: left;
    margin: 0;
    margin-right: 10px;
  }

  #mini_wrap .game-view-close {
    background: red;
    color: #fff;
    background-color: #6b0f1a;
    background-image: linear-gradient(181deg, #343434 0%, #2a2a2a 74%);
    line-height: 55px;
    text-align: center;
    border-bottom: 3px solid #000;
    position: relative;
    z-index: 2;
  }
  #mini_wrap #game-frame iframe {
    border: none;
    margin: 0px auto;
    display: block;
    padding: 0;
    overflow-x: hidden;
  }

  #mini_wrap #game-frame.full-width-frame iframe {
    width: 100%;
  }
  #mini_wrap #game-frame ._view_rules {
    position: absolute;
    left: 0;
    text-align: right;
    color: #ffba03;
  }
  #game-bet .game-header {
    padding: 3px;
    background: #1d262e;
    position: sticky;
    width: 100%;
    top: 0;
    line-height: 20px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .game-bet > div {
    padding: 9px 0;
    border-top: 1px solid #fff;
  }

  #game-bet ul,
  #game-bet li {
    list-style: none;
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
  }
  #game-bet ul {
    display: table;
    width: 100%;
  }

  .game-header .game-header-title {
    background-image: linear-gradient(90deg, #0c294e 0, #2e7de5) !important;
    padding: 5px 8px;
    border-radius: 2px 0 0 2px;
  }
  #MATCHID2,
  .game-round-time {
    padding: 0px 8px;
    border: 1px solid #2e7de4;
    box-sizing: border-box;
    color: #4093ff;
    background: #13161a;
    border-radius: 25px;
  }
  .game-round-time {
    margin-left: -3px;
  }

  #game-bet .game-header .remaining-time,
  #game-bet .game-header .game-round-time {
    position: initial;
    transform: unset;
    font-size: 15px;
    padding: 5px;
    border: 0;
  }

  .content #mini_wrap .panel-body {
    overflow: auto;
    height: calc(130vh - 0px) !important;
  }

  .content .panel .games-navigation .only-mobile {
    width: 100%;
    overflow: hidden;
  }
  .content .panel .games-navigation .only-mobile .el-row {
    max-width: 100vw;
    overflow-x: scroll;
  }
  .content
    .panel
    .games-navigation
    .only-mobile
    .el-row
    .game-header.mini_menu {
    display: inline-block;
    overflow: unset;
    width: 100px;
    text-decoration: none;
  }
  .swiper-slide img {
    height: 180px;
  }

  #content-table.refresh,
  #content-table.refresh .cashflowlive-box .bank-table {
    height: 190px;
  }
}
@media only screen and (max-width: 1024px) {
  #app .app-wrapper #page-container .main-bg-logo-blue2 .main_m .low-menu,
  #app .app-wrapper #page-container .main-bg-logo-blue2 .main_m .mobile-menu {
    position: relative;
  }

  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu:before,
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .mobile-menu:before {
    /* content: ""; */
    /* background: url(/image/main/m/mobilemenu_iconsflat.png?v=07) top center; */
    /* height: 115px; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: -12px; */
    /* transform: translateX(-50%) scale(0.4); */
    /* z-index: 1; */
    /* top: -12px; */
    /* transform: translateX(-50%) scale(0.4); */
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="bet_sports"]:before {
    background-position: 0 0;
    width: 98px;
    height: 102px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="board"]:before {
    background-position: -148px 0;
    width: 105px;
    height: 92px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="calendar"]:before {
    background-position: -303px 0;
    width: 88px;
    height: 94px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="casino"]:before {
    background-position: -441px 0;
    width: 100px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="casino_maint"]:before {
    background-position: -441px 0;
    width: 100px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="event"]:before {
    background-position: -585px 0;
    width: 101px;
    height: 107px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu.event_payback:before {
    background-position: -736px 0;
    height: 109px;
    width: 92px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .mobile-menu.event_payback:before {
    background-position: -736px 0;
    height: 109px;
    width: 92px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="live"]:before {
    background-position: -880px 0;
    width: 97px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="memo"]:before {
    background-position: -1027px 0;
    width: 103px;
    height: 101px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="menu-deposit"]:before {
    background-position: -1180px 0;
    width: 118px;
    height: 113px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="menu-notice_rules"]:before {
    background-position: -1348px 0;
    width: 120px;
    height: 109px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="notice"]:before {
    background-position: -1348px 0;
    width: 120px;
    height: 109px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="slot"]:before {
    background-position: -1518px 0;
    width: 93px;
    height: 96px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="tslot"]:before {
    background-position: -1518px 0;
    width: 93px;
    height: 96px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="hubslot"]:before {
    background-position: -1485px 0;
    width: 134px;
    height: 110px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="hslot"]:before {
    background-position: -1518px 0;
    width: 93px;
    height: 96px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="slot_maint"]:before {
    background-position: -1518px 0;
    width: 93px;
    height: 96px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="menu-support"]:before {
    background-position: -1661px 0;
    width: 116px;
    height: 119px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="menu-withdraw"]:before {
    background-position: -1827px 0;
    width: 109px;
    height: 111px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="sports"]:before {
    background-position: -1986px 0;
    width: 103px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="mini"]:before {
    background-position: -2139px 0;
    height: 90px;
    width: 100px;
    margin: 0 auto;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="tv"]:before {
    background-position: -2283px 0;
    width: 100px;
    height: 86px;
    top: -3px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="virtual"]:before {
    background-position: -2433px 0;
    width: 101px;
    height: 105px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="botacasino"]:before {
    background-position: -2555px 0px;
    width: 129px;
    height: 115px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .mobile-menu.event_payback_month:before {
    background-position: -732px 0;
    width: 103px;
    height: 101px;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="mini_maint"]:before {
    background-position: -2139px 0;
    height: 90px;
    width: 100px;
    margin: 0 auto;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="holdem"]:before {
    background-position: -2692px 0;
    width: 100%;
  }
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu[ref~="holdem_maint"]:before {
    background-position: -2692px 0;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .calendar-container table.calendar {
    width: 73vw;
    height: 33vw;
  }
  .el-scrollbar__wrap {
    /* height: auto; */
    /* height: 100vh; */
  }
}
@media only screen and (max-width: 992px) {
  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    height: calc(100vh - 142px);
    /*height:75vh;*/
  }
}
@media only screen and (max-width: 991px) {
  .hidden-sm-and-down {
    display: none !important;
  }

  .live_board {
    width: 100%;
  }

  .live_wrap .view_page {
    display: none;
  }

  .m_main_menu .img-openhours {
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*bottom: -7px;*/
  }

  .m_main_menu .img-openhours img {
    border: 0 !important;
    background: transparent !important;
  }

  .cross-shadow-ribbon {
    position: absolute;
    /* background: #ffbe00; */
    top: -19px;
    left: 42%;
    transform: translateX(-50%);
    padding: 2px 3px;
    padding-left: 10px;
    color: #fff;
    border-radius: 0 0 2px 2px;
    height: 29px;
    line-height: 23px;
    margin: 0;
    z-index: 1;
    border-radius: 25px;
  }
  .cross-shadow-ribbon:before {
    content: "";
    position: absolute;
    left: 14px;
    top: 18px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 23px solid #ffbe00;
    border-left: 8px solid transparent;
    transform: rotate(124deg);
    z-index: 0;
  }

  .btn-sideboard-xs .cross-shadow-ribbon {
    height: 20px;
    line-height: 20px;
    top: 0;
    padding: 0 3px;
    left: 0;
    transform: unset;
    border-radius: 0 25px 25px 0;
  }
  .btn-sideboard-xs .cross-shadow-ribbon:before {
    top: 13px;
    left: 7px;
    border-bottom: 19px solid #ffbe00;
    transform: rotate(-90deg);
    border-left: 9px solid transparent;
    display: none;
  }

  .btn-sideboard-xs .cross-shadow-ribbon img {
    height: 15px;
  }

  .arrow-ribbon {
    background: #fc0;
    color: #fff;
    padding: 0px 2px;
    position: absolute;
    right: -1px;
    line-height: 25px;
    top: 8px;
    border-radius: 25px 0px 0px 25px;
    z-index: 1;
  }
  .arrow-ribbon:before {
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 0;
    content: "";
    right: 5px;
    border-top: 12px solid transparent;
    border-right: 12px solid #b18d00;
    border-bottom: 9px solid transparent;
    width: 0;
    transform: rotate(43deg);
    z-index: 0;
  }
}
@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 (max-width: 868px) {
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table,
  .supporttbl_wrap.el-dialog__wrapper.main-dialog .support-tbl {
    width: 100% !important;
  }

  .supporttbl_wrap.el-dialog__wrapper.main-dialog {
    width: 100% !important;
  }

  .sup_inqbtn .fs-20 {
    font-size: 21px;
    padding: 0px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@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 0.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 0.1rem #0d0d0d;
  }

  .Point .tbl_div.row3 > div span:nth-child(1) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
  }

  .Point .tbl_div.row3 > div span:nth-child(2) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(3) {
    width: 100%;
    border-right: solid 0.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 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(6) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(7) {
    width: 100%;
    border-right: solid 0.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 only screen and (max-width: 800px) {
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu:before,
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .mobile-menu:before {
    top: 0px;
    transform: translateX(-50%) scale(0.6);
  }
}
@media only screen and (max-width: 779px) {
  .cryptic_verstyle .btn.btn-success {
    width: auto !important;
  }

  .cryptic_verstyle .controls > input.txid {
    width: calc(100% - 141px) !important;
  }
}
@media only screen and (max-width: 770px) {
  .holdem_open_banner {
    width: 98%;
  }
  .holdem_open_banner span {
    font-size: 0.8em;
  }
}
@media (max-width: 768px) {
  #top_m ._logout_.logout-topm {
    padding: 10px;
    border: 1px solid var(--swiper-theme-color);
    text-align: center;
    border-radius: 5px;
    width: 60%;
  }
  .sidebar,
  .el-scrollbar__wrap-main {
    margin-top: 0;
  }
  .main_event {
    width: 100%;
  }
  .main_event:nth-child(1) {
    display: none;
  }
  .main-bg-logo-blue2._top_content {
    margin-top: 0px !important;
  }
  .v_deep_home .main_content .main_content_wrap .infoZone {
    display: none !important;
  }
  .short-nav ._btn_ .border-1-blue2 .btn-xs i {
    font-size: 18px;
    display: block;
  }
  .cs_item {
    /* height:15rem; */
  }

  .cs_warp {
    display: block;
  }
  .cs_warp .cas-image {
    width: 50%;
    float: left;
    display: inline-block;
  }
  #content-table {
    width: 100%;
  }
  .swiper-slide img {
    height: 100%;
  }
  #C_WALLET {
    margin-right: 4% !important;
    margin-left: 0 !important;
  }
  .holdemInfo .ent-container.go_holdem {
    flex-direction: column-reverse;
  }

  .holdemInfo .ent-container.go_holdem .holdem-txt,
  .holdemInfo .ent-container.go_holdem .holdem-bg {
    width: 100%;
  }

  .holdemInfo .holdem-txt-s {
    font-size: 1.85rem;
  }
  .holdemInfo .holdem-txt-l {
    font-size: 2.5rem;
  }
  .holdemInfo .holdem-btn {
    width: 80%;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .content .panel {
    height: 80vh;
  }

  .findoutmore {
    line-height: normal;
    border-radius: 10px 0 0 0;
  }

  #login-container .login-logo img {
    width: 80%;
  }
  .redbox2 {
    font-size: 18px;
  }

  .redbox1 {
    font-size: 16px;
  }

  .redbox3 {
    font-size: 12px;
  }

  .monetary-event-card {
    min-width: 155px;
  }

  table.bl-container tbody > tr.view_bet .match-odds.bet-odds {
    padding: 0 !important;
  }

  #mobile_intro,
  #mobile_intro-bannerCont {
    display: block !important;
  }
  #mobile_intro .wrap.btngroup2 .m_main_menu > i {
    font-size: 22px;
    background: linear-gradient(135deg, #00e5ff, #00516f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .redbox2 {
    font-size: 18px;
  }

  .redbox1 {
    font-size: 16px;
  }

  .redbox3 {
    font-size: 12px;
  }

  .monetary-event-card {
    min-width: 155px;
  }
  .v_deep_home .main_content_wrap .casinoZone {
    display: none;
  }
  .sp_btn:hover {
    /* color: #fff; 
		background: #2d353c !important;
		border-color: #424242 #181818 #232324 #2c3339 !important;*/
  }
  .sports_box > .on {
    color: #fff;
    background-image: linear-gradient(90deg, #2e7de5 0, #0c294e) !important;
    border-color: #2e7de5 !important;
  }
}
@media (max-width: 768px) {
  .chrome_link {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .el-scrollbar__wrap-main {
    width: calc(100% - 0px);
    margin-left: 0px !important;
  }
  .tabs .main_tabs .tmain:nth-child(5n + 5).active {
    border-bottom: 1px solid var(--swiper-theme-color);
  }

  .minor_event {
    float: left;
    width: calc(100% - 0px);
  }

  .main_enter.game_b {
    display: none !important;
  }

  .tabs ul li.tmain:first-child:nth-last-child(1),
  .tabs ul li.tmain:first-child:nth-last-child(1) ~ li.tmain {
    width: calc(100% / 1);
  }
  .tabs ul li.tmain:first-child:nth-last-child(2),
  .tabs ul li.tmain:first-child:nth-last-child(2) ~ li.tmain {
    width: calc(100% / 2);
  }
  .tabs ul li.tmain:first-child:nth-last-child(3),
  .tabs ul li.tmain:first-child:nth-last-child(3) ~ li.tmain {
    width: calc(100% / 3);
  }
  .tabs ul li.tmain:first-child:nth-last-child(4),
  .tabs ul li.tmain:first-child:nth-last-child(4) ~ li.tmain {
    width: calc(100% / 4);
  }
  .tabs ul li.tmain:first-child:nth-last-child(5),
  .tabs ul li.tmain:first-child:nth-last-child(5) ~ li.tmain {
    width: calc(100% / 5);
  }
  .tabs ul li.tmain:first-child:nth-last-child(6),
  .tabs ul li.tmain:first-child:nth-last-child(6) ~ li.tmain {
    width: calc(100% / 6);
  }
  .tabs ul li.tmain:first-child:nth-last-child(7),
  .tabs ul li.tmain:first-child:nth-last-child(7) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(8),
  .tabs ul li.tmain:first-child:nth-last-child(8) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(9),
  .tabs ul li.tmain:first-child:nth-last-child(9) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(10),
  .tabs ul li.tmain:first-child:nth-last-child(10) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(11),
  .tabs ul li.tmain:first-child:nth-last-child(11) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(12),
  .tabs ul li.tmain:first-child:nth-last-child(12) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(13),
  .tabs ul li.tmain:first-child:nth-last-child(13) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }
  .tabs ul li.tmain:first-child:nth-last-child(14),
  .tabs ul li.tmain:first-child:nth-last-child(14) ~ li.tmain {
    width: calc(100% / 5);
    float: initial;
  }

  .tabs ul li.tlayer:first-child:nth-last-child(1),
  .tabs ul li.tlayer:first-child:nth-last-child(1) ~ li.tlayer {
    width: calc(100% / 1);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(2),
  .tabs ul li.tlayer:first-child:nth-last-child(2) ~ li.tlayer {
    width: calc(100% / 2);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(3),
  .tabs ul li.tlayer:first-child:nth-last-child(3) ~ li.tlayer {
    width: calc(100% / 3);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(4),
  .tabs ul li.tlayer:first-child:nth-last-child(4) ~ li.tlayer {
    width: calc(100% / 4);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(5),
  .tabs ul li.tlayer:first-child:nth-last-child(5) ~ li.tlayer {
    width: calc(100% / 5);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(6),
  .tabs ul li.tlayer:first-child:nth-last-child(6) ~ li.tlayer {
    width: calc(100% / 3);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(7),
  .tabs ul li.tlayer:first-child:nth-last-child(7) ~ li.tlayer {
    width: calc(100% / 4);
    border-right: 0 !important;
  }
  .tabs ul li.tlayer:first-child:nth-last-child(8),
  .tabs ul li.tlayer:first-child:nth-last-child(8) ~ li.tlayer {
    width: calc(100% / 4);
  }
  .tabs ul li.tlayer:first-child:nth-last-child(9),
  .tabs ul li.tlayer:first-child:nth-last-child(9) ~ li.tlayer {
    width: calc(100% / 3);
    border-right: 0 !important;
  }

  .tabs .main_tabs .tmain {
    padding: 15px 0;
    color: #a8acb1;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(to bottom, #443d50, #111);
    border: solid #171c22;
    border-width: 1px 1px 2px 1px;
    border-bottom: 2px solid #8843f2;
    overflow: hidden;
    border: solid #4c4c4c;
    border-width: 1px;
  }
  .tabs .main_tabs .tmain.active {
    color: #f9f9f9;
    background: #1e1e2a;
    border: 2px solid #8843f2;
    border-bottom: 0;
  }
  .tabs .main_tabs .tmain a,
  .tabs ul .tlayer a {
    color: #ddd;
    text-decoration: none;
  }
  .tabs ul li a:hover {
    color: #888888;
  }

  .tabs ul .tlayer.active {
    color: #f9f9f9;
    background-color: #8843f2;
  }
  .tabs ul .tlayer.selected {
    background: #2e7de5;
    transition: all ease 0.3s;
  }

  .tlayer.mini_menu.game-header {
    position: relative;
  }

  .tabs ul .tlayer .game-header-time {
    position: absolute;
    height: 42px;
    width: 100%;
    top: 0;
    padding-top: 23px;
    /* left: 7px; */
    color: #9c9c9c;
  }

  .tabs ul .tlayer.selected .game-header-time {
    color: #fff;
  }

  .tabs ul li.active a {
    color: #fff;
  }
  .tabs ul li.active a:hover {
    color: white;
  }
  .tabs ul .tlayer {
    padding: 4px 7px;
    outline: none;
    height: 47px;
    font-size: 13px;
    background: #3d2d53;
    background: #1e1b22;
    border: solid #000000;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .tabs_content {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }

  .hidden-xs {
    display: none !important;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }

  .autobetting_form table {
    border-spacing: 10px 0px;
    font-size: 17px;
  }

  .autobetting_form table > tbody > .gradeamount0 > tr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    list-style: none;
    overflow: hidden;
    align-items: flex-end;
  }
  .autobetting_form table > tbody > .gradeamount0 > tr > td {
    flex: 100%;
    margin-bottom: 7px;
  }

  .autobetting_form table > tbody > .gradeamount0 {
    align-items: flex-start;
    justify-content: flex-start;
    display: grid;
    grid-auto-flow: row;
    grid-gap: 0px;
    padding: 20px 0px 10px 25px;
  }

  .autobetting_form table > tbody > tr:first-child {
    font-size: 18px;
  }

  .autobetting_form table > tbody > tr:not(:first-child) > td {
    padding-left: 25px;
  }

  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }

  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }

  .navbar-inverse .navbar-header {
    border-bottom: 2px solid #000;
    background: linear-gradient(180deg, #2d353c, #111);
  }

  .rightside.pc-only {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    width: 0;
  }
  .el-col-xs-offset-0 {
    margin-left: 0;
  }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0;
  }
  .el-col-xs-push-0 {
    position: relative;
    left: 0;
  }
  .el-col-xs-1 {
    width: 4.16667%;
  }
  .el-col-xs-offset-1 {
    margin-left: 4.16667%;
  }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.16667%;
  }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .el-col-xs-2 {
    width: 8.33333%;
  }
  .el-col-xs-offset-2 {
    margin-left: 8.33333%;
  }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.33333%;
  }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .el-col-xs-3 {
    width: 12.5%;
  }
  .el-col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .el-col-xs-4 {
    width: 16.66667%;
  }
  .el-col-xs-offset-4 {
    margin-left: 16.66667%;
  }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.66667%;
  }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .el-col-xs-5 {
    width: 20.83333%;
  }
  .el-col-xs-offset-5 {
    margin-left: 20.83333%;
  }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.83333%;
  }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .el-col-xs-6 {
    width: 25%;
  }
  .el-col-xs-offset-6 {
    margin-left: 25%;
  }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .el-col-xs-7 {
    width: 29.16667%;
  }
  .el-col-xs-offset-7 {
    margin-left: 29.16667%;
  }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.16667%;
  }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .el-col-xs-8 {
    width: 33.33333%;
  }
  .el-col-xs-offset-8 {
    margin-left: 33.33333%;
  }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.33333%;
  }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .el-col-xs-9 {
    width: 37.5%;
  }
  .el-col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .el-col-xs-10 {
    width: 41.66667%;
  }
  .el-col-xs-offset-10 {
    margin-left: 41.66667%;
  }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.66667%;
  }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .el-col-xs-11 {
    width: 45.83333%;
  }
  .el-col-xs-offset-11 {
    margin-left: 45.83333%;
  }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.83333%;
  }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .el-col-xs-12 {
    width: 50%;
  }
  .el-col-xs-offset-12 {
    margin-left: 50%;
  }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .el-col-xs-13 {
    width: 54.16667%;
  }
  .el-col-xs-offset-13 {
    margin-left: 54.16667%;
  }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.16667%;
  }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .el-col-xs-14 {
    width: 58.33333%;
  }
  .el-col-xs-offset-14 {
    margin-left: 58.33333%;
  }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.33333%;
  }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .el-col-xs-15 {
    width: 62.5%;
  }
  .el-col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .el-col-xs-16 {
    width: 66.66667%;
  }
  .el-col-xs-offset-16 {
    margin-left: 66.66667%;
  }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.66667%;
  }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .el-col-xs-17 {
    width: 70.83333%;
  }
  .el-col-xs-offset-17 {
    margin-left: 70.83333%;
  }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.83333%;
  }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .el-col-xs-18 {
    width: 75%;
  }
  .el-col-xs-offset-18 {
    margin-left: 75%;
  }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .el-col-xs-19 {
    width: 79.16667%;
  }
  .el-col-xs-offset-19 {
    margin-left: 79.16667%;
  }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.16667%;
  }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .el-col-xs-20 {
    width: 83.33333%;
  }
  .el-col-xs-offset-20 {
    margin-left: 83.33333%;
  }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.33333%;
  }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .el-col-xs-21 {
    width: 87.5%;
  }
  .el-col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .el-col-xs-22 {
    width: 91.66667%;
  }
  .el-col-xs-offset-22 {
    margin-left: 91.66667%;
  }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.66667%;
  }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .el-col-xs-23 {
    width: 95.83333%;
  }
  .el-col-xs-offset-23 {
    margin-left: 95.83333%;
  }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.83333%;
  }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .el-col-xs-24 {
    width: 100%;
  }
  .el-col-xs-offset-24 {
    margin-left: 100%;
  }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%;
  }

  .circle {
    width: 26px;
    height: 27px;
    line-height: 27px;
    font-size: 11px;
  }

  .hidden-xs-only {
    display: none !important;
  }

  .sp_title {
    /* margin-top: 30px; */
  }

  .name-header {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    /* height: calc(100vh - 300px); */
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .el-scrollbar__wrap-main {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    margin-left: 0px !important;
    /* margin-top: 105px; */
    margin-top: 0;
  }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    position: sticky;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
  }
  .casino-tab {
    margin-right: 0;
  }
  #home-category-green {
    display: none;
  }
  #main-banner-img,
  #main-banner-img-green {
    width: 100%;
  }
  .carousel-caption .price,
  .carousel-caption p {
    font-size: 14px;
  }
  .carousel-caption p {
    margin-bottom: 5px;
  }
  .carousel-caption .container {
    width: 100%;
  }
  .carousel-caption {
    top: 0;
    margin: 0;
    padding: 0;
  }
  .carousel-caption-green .price,
  .carousel-caption-green p {
    font-size: 14px;
  }
  .carousel-caption-green p {
    margin-bottom: 5px;
  }
  .carousel-caption-green .container {
    width: 100%;
  }
  #logoimg {
    width: 30%;
  }
  .carousel-caption-green {
    top: 20px;
    margin: 0;
    padding: 0;
  }
  .page-with-two-sidebar .content {
    margin-right: 0px !important;
    margin-left: 0 !important;
    padding: 0;
    margin-top: 0;
  }
  .m_mini {
    margin-top: 46px !important;
  }
  .live-game-cont,
  .slot-game-cont {
    width: 50%;
  }
  .mini-bet-panel {
    padding-right: 6px !important;
  }
  .live-game-cont-orange2,
  .slot-game-cont-orange2 {
    width: 50%;
    padding: 6px;
    font-size: 12px;
  }
  .sidebar {
    margin-top: 43px;
    z-index: 1040;
  }
  .btn-block {
    padding-left: 3px;
    padding-right: 3px;
  }
  .main-table {
    font-size: 12px;
  }
  .main-table.el-table th > .cell {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .virtual-table,
  .virtual-table.el-table th > .cell {
    font-size: 11px;
  }
  .live-tmenu-name {
    font-size: 14px;
  }
  .main-select-drop {
    font-size: 11px;
  }
  .main-select-casino-img-blue,
  .main-select-casino-img-blue1,
  .main-select-casino-img-blue2,
  .main-select-casino-img-blue3,
  .main-select-casino-img-blue4,
  .main-select-casino-img-blue5,
  .main-select-casino-img-gold,
  .main-select-casino-img-gold1,
  .main-select-casino-img-gold2,
  .main-select-casino-img-green,
  .main-select-casino-img-grey,
  .main-select-casino-img-grey1,
  .main-select-casino-img-orange,
  .main-select-casino-img-orange1,
  .main-select-casino-img-orange2,
  .main-select-casino-img-purple,
  .main-select-casino-img-purple1,
  .main-select-casino-img-red,
  .main-select-casino-img-silver,
  .main-select-casino-img-white,
  .main-select-casino-img-yellow,
  .main-select-casino-img-yellow1,
  .main-select-casino-img-yellow2,
  .main-select-casino-img-yellow3,
  .main-select-no-img-blue,
  .main-select-no-img-blue1,
  .main-select-no-img-blue2,
  .main-select-no-img-blue3,
  .main-select-no-img-blue4,
  .main-select-no-img-blue5,
  .main-select-no-img-gold,
  .main-select-no-img-gold1,
  .main-select-no-img-gold2,
  .main-select-no-img-green,
  .main-select-no-img-grey,
  .main-select-no-img-grey1,
  .main-select-no-img-orange,
  .main-select-no-img-orange1,
  .main-select-no-img-orange2,
  .main-select-no-img-purple,
  .main-select-no-img-purple1,
  .main-select-no-img-red,
  .main-select-no-img-silver,
  .main-select-no-img-white,
  .main-select-no-img-yellow,
  .main-select-no-img-yellow1,
  .main-select-no-img-yellow2,
  .main-select-no-img-yellow3,
  .main-select-sports-img-blue,
  .main-select-sports-img-blue1,
  .main-select-sports-img-blue2,
  .main-select-sports-img-blue3,
  .main-select-sports-img-blue4,
  .main-select-sports-img-blue5,
  .main-select-sports-img-gold,
  .main-select-sports-img-gold1,
  .main-select-sports-img-gold2,
  .main-select-sports-img-green,
  .main-select-sports-img-grey,
  .main-select-sports-img-grey1,
  .main-select-sports-img-orange,
  .main-select-sports-img-orange1,
  .main-select-sports-img-orange2,
  .main-select-sports-img-purple,
  .main-select-sports-img-purple1,
  .main-select-sports-img-red,
  .main-select-sports-img-silver,
  .main-select-sports-img-white,
  .main-select-sports-img-yellow,
  .main-select-sports-img-yellow1,
  .main-select-sports-img-yellow2,
  .main-select-sports-img-yellow3 {
    width: 26px;
    height: 26px;
  }
  .main-select-text {
    padding-left: 5px;
    height: 26px;
  }
  #money-move-img {
    transform: rotate(90deg);
  }
  .gametype-button-blue,
  .gametype-button-gold,
  .gametype-button-gold1,
  .gametype-button-grey,
  .gametype-button-orange,
  .gametype-button-orange1,
  .gametype-button-red,
  .gametype-button-white,
  .gametype-button-white1,
  .gametype-button-yellow,
  .gametype-button-yellow1 {
    font-size: 12px;
    padding: 10px 5px;
  }
  .bg-logo {
    height: 500px;
    background-position: center 300px;
  }
  .bg-logo,
  .main-bg-logo {
    background-size: 276px 103px;
  }
  .main-bg-logo {
    background-position: center 150px;
  }
  .event-no-blue1,
  .event-no-blue2,
  .event-no-blue3,
  .event-no-blue4,
  .event-no-blue5,
  .event-no-gold,
  .event-no-gold1,
  .event-no-gold2,
  .event-no-grey1,
  .event-no-orange,
  .event-no-orange1,
  .event-no-orange2,
  .event-no-purple,
  .event-no-purple1,
  .event-no-red,
  .event-no-silver,
  .event-no-white,
  .event-no-white1,
  .event-no-yellow,
  .event-no-yellow1,
  .event-no-yellow2,
  .event-no-yellow3 {
    font-size: 14px;
    width: 180px;
    padding: 8px 0 8px 10px;
  }
  .event-no-blue {
    font-size: 14px;
    width: 80%;
    padding: 8px 0 8px 10px;
  }
  .table-b,
  .table-h {
    font-size: 12px;
  }
  .attendance-1 {
    width: 23%;
    margin: 10px 1%;
  }
  .main-odd-team {
    width: calc(100% - 30px);
  }
  .main-odd-val {
  }
  .main-odd-val-white {
    width: 50px;
  }
  .popup-dialog .el-dialog {
    margin-top: 0 !important;
  }
  .tl_reg_item {
    width: 100%;
  }
  .lbl_reg.popup_lbl label,
  .tl_input_popup_required {
    color: #000;
  }
  .auth-dialog.signup .el-input__inner {
    border: 1px solid #969495;
    background-color: #f1f1f1;
  }
  .el-table--border td:first-child .cell,
  .el-table--border th:first-child .cell,
  .el-table .cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .odds-main-type-tab-in,
  .odds-main-type-tab-in-orange2,
  .odds-main-type-tab-in-white {
    padding: 12px 0;
  }
  .bet-type-blue,
  .bet-type-red,
  .status-cancel,
  .status-lose,
  .status-no,
  .status-wait,
  .status-win,
  .status-yes {
    width: 100%;
  }
  .bethistory-livescore {
    position: unset;
  }
  .bethistory-livescore-in {
    width: 100%;
    height: 190px;
  }
  .img-odds-up {
    top: calc(-50% - 2px);
    left: calc(100% - 10px);
  }
  .img-odds-down {
    top: calc(50% + 5px);
    left: calc(100% - 10px);
  }
  .el-message-box {
    width: 90% !important;
  }
  .button-sort-blue,
  .button-sort-blue1,
  .button-sort-blue2,
  .button-sort-blue3,
  .button-sort-blue4,
  .button-sort-blue5,
  .button-sort-gold,
  .button-sort-gold1,
  .button-sort-gold2,
  .button-sort-grey1,
  .button-sort-orange,
  .button-sort-orange1,
  .button-sort-orange2,
  .button-sort-purple,
  .button-sort-purple1,
  .button-sort-red,
  .button-sort-silver,
  .button-sort-white,
  .button-sort-white1,
  .button-sort-yellow,
  .button-sort-yellow1,
  .button-sort-yellow2,
  .button-sort-yellow3 {
    width: 45% !important;
    margin: 0 2.5%;
  }
  .league-favorite {
    position: absolute;
    right: 45px;
    top: 27px;
  }
  .carousel-caption-purple p {
    font-size: 16px;
    margin-top: 90px !important;
  }
  .carousel-caption-yellow h3 {
    font-size: 20px;
    margin-top: 10px !important;
  }
  .carousel-caption-yellow .price,
  .carousel-caption-yellow p {
    font-size: 13px;
    margin-top: 10px;
  }
  .carousel-caption-yellow .icon {
    margin-top: 20px;
  }
  .carousel-caption-yellow .icon img {
    display: none;
  }
  .carousel-caption-white {
    top: 0;
    margin-top: 0;
    font-size: 14px;
    left: 20px;
  }
  .carousel-caption-white #logoimg {
    width: 100px;
  }
  .width-100-pro-10 {
    width: 100% !important;
  }
  .grey-banner {
    height: 145px;
  }
  .grey-banner .grey-video {
    top: -30px;
  }
  .grey-banner .large-span {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: arial;
    font-size: 23pt;
  }
  .grey-banner .small-span {
    font-size: 12px;
  }
  .grey-banner .grey-logo {
    position: absolute;
    right: 35px;
    bottom: 5px;
    width: 90px;
    z-index: 100;
  }
  .main-select-drop-agero {
    font-size: 11px;
  }
  .VueCarousel-pagination {
    display: none;
  }
  .coin-dialog {
    width: 98%;
    position: absolute;
    left: 1%;
    top: 100px;
    background-color: #ebebeb;
    border-radius: 10px;
    padding-bottom: 30px;
    border: 3px solid #fec106;
  }
  .casino-comment {
    height: 42px;
    padding: 4px 12px;
  }
  .casino-over {
    bottom: 42px;
  }
  .live-game:hover .live-banner-orange2,
  .live-game:hover .live-play,
  .live-game:hover .live-play-orange2 {
    display: none;
  }
  .event-tab-blue,
  .event-tab-grey1 {
    width: 33.3%;
    font-size: 13px;
  }
  .grey2-button {
    background: #202024;
  }
  .orange-banner-title {
    font-size: 16px;
    padding: 16px 16px 8px;
    height: 64px;
  }
  .orange-banner-subtitle {
    font-size: 12px;
    padding: 0 16px;
  }
  .orange-banner-button {
    font-size: 14px;
    margin: 12px 0 0 16px;
  }

  .mini-header-top-button-orange2 {
    background: #181a1c;
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 12px 0;
    height: 64px;
  }
  .mini-header-top-button-orange2:hover {
    background: #181a1c;
  }
  .mini-header-top-button-orange2.on-orange2 {
    background: #121314;
    border-bottom: 1px solid #ef6107;
  }
  .token-bet-button-blue,
  .token-bet-button-orange,
  .token-bet-button-yellow {
    left: 70%;
    top: 40%;
    padding: 5px 10px;
    width: 80px;
    border-radius: 10px;
  }
  .mini-header-top-button {
    font-size: 13px;
  }
  .door-background-yellow1 {
    background: url(/image/login/dhl-mob.png) no-repeat;
    background-size: 100% 100%;
  }
  .door-background-white {
    background: url(/image/login/now-mob.png) no-repeat;
    background-size: 100% 100%;
  }
  .door-background-gold {
    background: url(/image/login/gold-mob.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .sign-content-blue,
  .sign-content-blue1,
  .sign-content-blue2,
  .sign-content-blue3,
  .sign-content-blue4,
  .sign-content-blue5,
  .sign-content-gold,
  .sign-content-gold1,
  .sign-content-gold2,
  .sign-content-green,
  .sign-content-orange,
  .sign-content-orange1,
  .sign-content-orange2,
  .sign-content-purple,
  .sign-content-purple1,
  .sign-content-red,
  .sign-content-silver,
  .sign-content-white,
  .sign-content-white1,
  .sign-content-yellow,
  .sign-content-yellow1,
  .sign-content-yellow2,
  .sign-content-yellow3 {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
  }
  .sign-content-grey,
  .sign-content-grey1 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bg-back-grey {
    background: #1c1e21 !important;
  }
  .bg-back-grey1 {
    background: #1b1b23 !important;
  }
  .bg-customer-grey {
    background-color: #111 !important;
  }
  .sub-title-blue,
  .sub-title-blue1,
  .sub-title-blue2,
  .sub-title-blue3,
  .sub-title-blue4,
  .sub-title-gold,
  .sub-title-gold1,
  .sub-title-gold2,
  .sub-title-green,
  .sub-title-grey1,
  .sub-title-orange,
  .sub-title-orange1,
  .sub-title-purple,
  .sub-title-purple1,
  .sub-title-red,
  .sub-title-siver,
  .sub-title-white,
  .sub-title-white1,
  .sub-title-yellow,
  .sub-title-yellow1,
  .sub-title-yellow2,
  .sub-title-yellow3 {
    margin-bottom: 0;
    height: 35px;
    padding-top: 6px;
  }
  .casino-banner-img-blue,
  .casino-banner-img-blue1,
  .casino-banner-img-blue2,
  .casino-banner-img-blue3,
  .casino-banner-img-blue5,
  .casino-banner-img-gold,
  .casino-banner-img-gold1,
  .casino-banner-img-gold2,
  .casino-banner-img-green,
  .casino-banner-img-grey,
  .casino-banner-img-grey1,
  .casino-banner-img-orange1,
  .casino-banner-img-purple,
  .casino-banner-img-purple1,
  .casino-banner-img-red .casino-banner-img-orange,
  .casino-banner-img-silver,
  .casino-banner-img-white,
  .casino-banner-img-white1,
  .casino-banner-img-yellow,
  .casino-banner-img-yellow1,
  .casino-banner-img-yellow2,
  .casino-banner-img-yellow3 {
    width: 58px;
  }
  .casino-banner-slot-blue,
  .casino-banner-slot-blue1,
  .casino-banner-slot-blue2,
  .casino-banner-slot-blue3,
  .casino-banner-slot-blue5,
  .casino-banner-slot-gold,
  .casino-banner-slot-gold1,
  .casino-banner-slot-gold2,
  .casino-banner-slot-green,
  .casino-banner-slot-grey,
  .casino-banner-slot-grey1,
  .casino-banner-slot-orange1,
  .casino-banner-slot-purple,
  .casino-banner-slot-purple1,
  .casino-banner-slot-red .casino-banner-slot-orange,
  .casino-banner-slot-silver,
  .casino-banner-slot-white,
  .casino-banner-slot-white1,
  .casino-banner-slot-yellow,
  .casino-banner-slot-yellow1,
  .casino-banner-slot-yellow2,
  .casino-banner-slot-yellow3 {
    width: 45px;
  }
  .slot-select-container-blue1,
  .slot-select-container-blue2,
  .slot-select-container-blue3,
  .slot-select-container-blue5,
  .slot-select-container-gold,
  .slot-select-container-gold1,
  .slot-select-container-gold2,
  .slot-select-container-green,
  .slot-select-container-orange1,
  .slot-select-container-purple,
  .slot-select-container-purple1,
  .slot-select-container-red,
  .slot-select-container-silver,
  .slot-select-container-yellow,
  .slot-select-container-yellow1,
  .slot-select-container-yellow2 {
    width: 100%;
    padding: 20px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .casino-banner-text-blue1,
  .casino-banner-text-blue2,
  .casino-banner-text-blue3,
  .casino-banner-text-blue5,
  .casino-banner-text-gold,
  .casino-banner-text-gold1,
  .casino-banner-text-gold2,
  .casino-banner-text-green,
  .casino-banner-text-orange1,
  .casino-banner-text-purple,
  .casino-banner-text-purple1,
  .casino-banner-text-red,
  .casino-banner-text-silver,
  .casino-banner-text-yellow,
  .casino-banner-text-yellow1,
  .casino-banner-text-yellow2 {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
  }
  .casino-banner-text-orange {
    color: #fc6200;
    font-size: 14px;
    margin-top: 0;
  }
  .casino-banner-text-blue {
    color: #1f8fff;
    font-size: 14px;
    margin-top: 0;
  }
  .casino-banner-text-grey {
    color: #348fe2;
    font-size: 14px;
    margin-top: 0;
  }
  .casino-banner-text-grey1 {
    color: #aaa;
    font-size: 14px;
    margin-top: 0;
  }
  .casino-banner-text-yellow3 {
    color: #ffdb00;
    font-size: 14px;
    margin-top: 0;
  }
  .casino-banner-text-white,
  .casino-banner-text-white1 {
    color: #000;
    font-size: 14px;
    margin-top: 0;
  }
  .virtual-left-league-white,
  .virtual-left-league-white1 {
    font-size: 12px;
  }
  .attendance-comment-left-blue,
  .attendance-comment-left-blue1,
  .attendance-comment-left-blue2,
  .attendance-comment-left-blue3,
  .attendance-comment-left-blue5,
  .attendance-comment-left-gold,
  .attendance-comment-left-gold1,
  .attendance-comment-left-gold2,
  .attendance-comment-left-green,
  .attendance-comment-left-grey,
  .attendance-comment-left-grey1,
  .attendance-comment-left-orange,
  .attendance-comment-left-orange1,
  .attendance-comment-left-purple,
  .attendance-comment-left-purple1,
  .attendance-comment-left-red,
  .attendance-comment-left-silver,
  .attendance-comment-left-white,
  .attendance-comment-left-white1,
  .attendance-comment-left-yellow,
  .attendance-comment-left-yellow1,
  .attendance-comment-left-yellow2,
  .attendance-comment-left-yellow3 {
    text-align: center;
    width: 100%;
  }
  .bg-attendance-weekday-blue,
  .bg-attendance-weekday-blue1,
  .bg-attendance-weekday-blue2,
  .bg-attendance-weekday-blue5,
  .bg-attendance-weekday-gold,
  .bg-attendance-weekday-gold1,
  .bg-attendance-weekday-gold2,
  .bg-attendance-weekday-green,
  .bg-attendance-weekday-grey,
  .bg-attendance-weekday-grey1,
  .bg-attendance-weekday-orange,
  .bg-attendance-weekday-orange1,
  .bg-attendance-weekday-purple,
  .bg-attendance-weekday-purple1,
  .bg-attendance-weekday-red,
  .bg-attendance-weekday-silver,
  .bg-attendance-weekday-white,
  .bg-attendance-weekday-white1,
  .bg-attendance-weekday-yellow,
  .bg-attendance-weekday-yellow1,
  .bg-attendance-weekday-yellow2,
  .bg-attendance-weekday-yellow3 {
    margin-bottom: 0;
  }
  .table-board-blue,
  .table-board-blue1,
  .table-board-blue2,
  .table-board-blue3,
  .table-board-blue4,
  .table-board-blue5,
  .table-board-gold,
  .table-board-gold1,
  .table-board-gold2,
  .table-board-green,
  .table-board-grey,
  .table-board-grey1,
  .table-board-orange,
  .table-board-orange1,
  .table-board-orange2,
  .table-board-purple,
  .table-board-purple1,
  .table-board-red,
  .table-board-silver,
  .table-board-white,
  .table-board-white1,
  .table-board-white1 .table-header,
  .table-board-white .table-header,
  .table-board-yellow,
  .table-board-yellow1,
  .table-board-yellow2,
  .table-board-yellow3,
  .table-history-blue,
  .table-history-blue1,
  .table-history-blue2,
  .table-history-blue3,
  .table-history-blue4,
  .table-history-blue5,
  .table-history-gold,
  .table-history-gold1,
  .table-history-gold2,
  .table-history-green,
  .table-history-grey,
  .table-history-grey1,
  .table-history-orange,
  .table-history-orange1,
  .table-history-orange2,
  .table-history-purple,
  .table-history-purple1,
  .table-history-red,
  .table-history-silver,
  .table-history-white,
  .table-history-white1,
  .table-history-white1 .table-header,
  .table-history-white .table-header,
  .table-history-yellow,
  .table-history-yellow1,
  .table-history-yellow2,
  .table-history-yellow3 {
    font-size: 12px;
  }
  .attendance2-panel-left,
  .attendance2-panel-right {
    width: 100%;
    padding: 17px 0 0;
  }
  .table-virtual-td {
    font-size: 13px;
  }
  .virtula-league-tab-white,
  .virtula-league-tab-white1 {
    padding-top: 3px;
  }
  .friend-total-blue,
  .friend-total-blue1,
  .friend-total-blue2,
  .friend-total-blue3,
  .friend-total-blue4,
  .friend-total-blue5,
  .friend-total-gold,
  .friend-total-gold1,
  .friend-total-gold2,
  .friend-total-green,
  .friend-total-grey,
  .friend-total-grey1,
  .friend-total-orange,
  .friend-total-orange1,
  .friend-total-orange2,
  .friend-total-purple,
  .friend-total-purple1,
  .friend-total-red,
  .friend-total-silver,
  .friend-total-white,
  .friend-total-white1,
  .friend-total-yellow,
  .friend-total-yellow1,
  .friend-total-yellow2,
  .friend-total-yellow3 {
    width: 100%;
    padding: 0 30px;
  }
  .sport-pagein-bg-grey,
  .sport-pagein-bg-white,
  .sport-pagein-bg-white1 {
    margin-top: 0 !important;
  }
  .panel-page-blue,
  .panel-page-blue1,
  .panel-page-blue2,
  .panel-page-blue3,
  .panel-page-blue4,
  .panel-page-blue5,
  .panel-page-gold,
  .panel-page-gold1,
  .panel-page-gold2,
  .panel-page-green,
  .panel-page-grey,
  .panel-page-grey1,
  .panel-page-orange,
  .panel-page-orange1,
  .panel-page-orange2,
  .panel-page-purple,
  .panel-page-purple1,
  .panel-page-red,
  .panel-page-siver,
  .panel-page-white,
  .panel-page-white1,
  .panel-page-yellow,
  .panel-page-yellow1,
  .panel-page-yellow2,
  .panel-page-yellow3 {
    margin-bottom: 0;
  }
  .home-content-blue,
  .home-content-blue1,
  .home-content-blue2,
  .home-content-blue3,
  .home-content-gold,
  .home-content-gold1,
  .home-content-gold2,
  .home-content-green,
  .home-content-grey1,
  .home-content-orange,
  .home-content-orange1,
  .home-content-purple,
  .home-content-purple1,
  .home-content-red,
  .home-content-silver,
  .home-content-yellow,
  .home-content-yellow1,
  .home-content-yellow2,
  .home-content-yellow3 {
    background: #1b1b23 !important;
  }
  .home-content-grey {
    background-color: #1c1e21 !important;
  }
  .home-content-orange2 {
    padding: 16px 8px 8px;
  }
  .home-content-orange1 {
    background-color: #081a30 !important;
  }
  .panel-page-orange2 {
    padding: 0;
  }
  .tab-orange2 {
    padding: 16px;
  }
  .orange2-dialog .el-dialog {
    margin-top: 0 !important;
    height: 100% !important;
  }
  .bet-history-tab-orange2 {
    padding: 0;
    width: 25% !important;
  }
  .gametype-button-orange2 {
    padding: 8px 32px;
    margin: 0;
  }
  .sport-sort-orange2 {
    padding: 0;
  }
  .attendance-comment-left-orange2 {
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .attendance2-panel-left-orange2,
  .attendance2-panel-right-orange2 {
    padding: 0;
    width: 100%;
    margin: 24px 0;
  }
  .friend-tab-orange2 {
    padding: 8px 32px;
  }
  .mini-header-bottom-button-orange2 {
    padding: 16px 24px;
    font-size: 12px;
  }
  .mini-header-bottom-button-orange2:hover {
    background: #212326;
  }
  .mini-header-bottom-button-orange2.on-orange2 {
    border-bottom: 1px solid #ef6107;
  }
  .virtual-tmenu-orange2 {
    width: 25%;
    margin: 0;
    border-radius: 0;
    padding: 7px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .virtual-tab-orange2 {
    border-bottom: 1px solid #ef6107 !important;
  }
  .virtual-video-tab {
    width: auto;
    padding: 8px 16px;
    background: #1c1f21;
    border-radius: 18px;
    margin-right: 8px;
  }
  .virtual-video-tab.on {
    background: rgba(245, 100, 6, 0.17);
  }
  .virtula-league-tab-orange2 {
    border-radius: 6px 6px 0 0;
  }
  .virtula-league-tab-orange2.on {
    background: rgba(245, 100, 6, 0.11);
  }
  .table-mbetlog-blue,
  .table-mbetlog-blue1,
  .table-mbetlog-blue2,
  .table-mbetlog-blue3,
  .table-mbetlog-blue4,
  .table-mbetlog-blue5,
  .table-mbetlog-gold,
  .table-mbetlog-gold1,
  .table-mbetlog-gold2,
  .table-mbetlog-green,
  .table-mbetlog-grey,
  .table-mbetlog-grey1,
  .table-mbetlog-orange,
  .table-mbetlog-orange1,
  .table-mbetlog-orange2,
  .table-mbetlog-purple,
  .table-mbetlog-purple1,
  .table-mbetlog-red,
  .table-mbetlog-silver,
  .table-mbetlog-white,
  .table-mbetlog-white1,
  .table-mbetlog-yellow,
  .table-mbetlog-yellow1,
  .table-mbetlog-yellow2,
  .table-mbetlog-yellow3,
  .table-sbetlog-blue,
  .table-sbetlog-blue1,
  .table-sbetlog-blue2,
  .table-sbetlog-blue3,
  .table-sbetlog-blue4,
  .table-sbetlog-blue5,
  .table-sbetlog-gold,
  .table-sbetlog-gold1,
  .table-sbetlog-gold2,
  .table-sbetlog-green,
  .table-sbetlog-grey,
  .table-sbetlog-grey1,
  .table-sbetlog-orange,
  .table-sbetlog-orange1,
  .table-sbetlog-orange2,
  .table-sbetlog-purple,
  .table-sbetlog-purple1,
  .table-sbetlog-red,
  .table-sbetlog-silver,
  .table-sbetlog-white,
  .table-sbetlog-white1,
  .table-sbetlog-yellow,
  .table-sbetlog-yellow1,
  .table-sbetlog-yellow2,
  .table-sbetlog-yellow3 {
    font-size: 12px;
  }
  .table-board-orange2 .table-board-tr,
  .table-history-orange2 .table-history-tr,
  .table-mbetlog-orange2 .table-mbetlog-tr,
  .table-sbetlog-orange2 .table-sbetlog-tr {
    background: #1f2124;
  }
  .note-comment-orange2 {
    background: #1e1e21;
  }
  .v-box1-agero-orange2 {
    padding: 0 2px;
  }
  .signup-color-blue,
  .signup-color-blue1,
  .signup-color-blue2,
  .signup-color-blue4,
  .signup-color-blue5,
  .signup-color-gold,
  .signup-color-gold1,
  .signup-color-gold2,
  .signup-color-green,
  .signup-color-grey,
  .signup-color-grey1,
  .signup-color-purple,
  .signup-color-purple1,
  .signup-color-red,
  .signup-color-silver,
  .signup-color-yellow,
  .signup-color-yellow1,
  .signup-color-yellow2,
  .signup-color-yellow3 {
    color: #000 !important;
  }
  .coupon-item {
    width: 100%;
  }
  .friend-main-blue,
  .friend-main-blue1,
  .friend-main-blue2,
  .friend-main-blue3,
  .friend-main-blue4,
  .friend-main-blue5,
  .friend-main-gold,
  .friend-main-gold1,
  .friend-main-gold2,
  .friend-main-green,
  .friend-main-grey,
  .friend-main-grey1,
  .friend-main-orange,
  .friend-main-orange1,
  .friend-main-orange2,
  .friend-main-purple,
  .friend-main-purple1,
  .friend-main-red,
  .friend-main-silver,
  .friend-main-white,
  .friend-main-white1,
  .friend-main-yellow,
  .friend-main-yellow1,
  .friend-main-yellow2,
  .friend-main-yellow3 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .right.btn-switch-mode {
    position: absolute;
    top: 7px;
    right: 25px;
  }

  .sp_title {
    padding-top: 17px !important;
  }

  .sp_title._livetitle {
    padding-top: 14px !important;
  }

  .east-game-frame,
  .mini-game-boscoreball-frame,
  .mini-game-frame {
    position: absolute;
  }
  .live-tmenu-countdown,
  .live-tmenu-name {
    font-size: 11px;
  }
  .mini-bet-type-name {
    height: 24px;
    margin: 0 0 8px 5px;
    width: calc(100% - 10px);
  }
  .boscore-playerbox3,
  .boscoreball-playerbox3,
  .bubble-playerbox3,
  .east-bet-panel,
  .east-playerbox3,
  .livescore-playerbox3,
  .mini-bet-panel,
  .mini-boscore-bet-panel,
  .mini-boscoreball-bet-panel,
  .mini-bubble-bet-panel,
  .mini-livescore-bet-panel,
  .playerbox3 {
    height: auto;
  }
  #ifboxa {
    position: absolute;
  }

  .provider_container {
    width: 100%;
    height: 100px;
  }
  #slotbox {
    width: 100%;
  }

  .provider_container .button_sonow_slot,
  .provider_container .button_kplay_slot {
    float: unset;
    width: calc(20% - 6px);
  }

  .btn_panelSnow {
    overflow: auto;
    white-space: nowrap;
  }

  #top_m .short-nav {
    overflow: auto;
  }
  #top_m .short-nav::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
  #top_m .short-nav .space-range {
    white-space: nowrap;
  }

  #top_m .short-nav .space-range ._btn_ {
    display: inline-block;
    float: unset;
  }

  .switch-row .toggle_mode .toggle-content .names .mode_type .long {
    display: none;
  }
  .switch-row .toggle_mode .toggle-content .names .mode_type .only-mobile {
    display: inline-block !important;
  }
  .w-25 {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 700px) {
  .footerCont > .wrap {
    padding: 20px 18px;
  }
}
@media (max-width: 650px) {
  .monetary-event-card {
    width: calc(50% - 10px);
  }
  .monetary-event-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 640px) {
  .v_deep_home .main_content .main_content_wrap .infoZone .info01 {
    width: 100%;
  }
}
@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: 0.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 only screen and (max-width: 560px) {
  .holdem_open_banner strong {
    font-size: 1em;
  }
  .holdem_open_banner span {
    font-size: 0.7em;
  }
}
@media (max-width: 500px) {
  .calendar-container table.calendar {
    width: 100%;
    height: auto;
  }
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
@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: -0.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, 0.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: 0.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 0.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 0.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 0.1rem #0d0d0d;
  }

  .Point .tbl_div.row3 > div span:nth-child(1) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
  }

  .Point .tbl_div.row3 > div span:nth-child(2) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(3) {
    width: 100%;
    border-right: solid 0.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 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(6) {
    width: 100%;
    border-right: solid 0.05rem #0d0d0d;
    justify-content: center;
  }

  .Point .tbl_div.row3 > div span:nth-child(7) {
    width: 100%;
    border-right: solid 0.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-height: 450px) {
  .sidenav a {
    font-size: 18px;
  }
}
@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;
  }
}
@media (max-width: 350px) {
  .monetary-event-container {
    flex-direction: column;
    align-items: center;
  }
  .monetary-event-card {
    width: 100%;
  }
  .monetary-event-container {
    flex-direction: column;
    align-items: center;
  }
  .monetary-event-card {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  #app
    .app-wrapper
    #page-container
    .main-bg-logo-blue2
    .main_m
    .low-menu:before {
    top: -10px;
    transform: translateX(-50%) scale(0.3);
  }

  #game-frame.mgm_bc {
    height: 312px;
  }

  #mini_wrap #game-frame .game-mobile-mgmbaccarat,
  #mini_wrap #game-frame .game-mobile-mgmoe,
  #mini_wrap #game-frame .game-mobile-mgmgostop {
    margin-top: -115px;
    margin-bottom: -137px;
  }
  .holdem_open_banner {
    width: 320px;
  }
}
@media (-webkit-transform-3d), (transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    transform: translateZ(0);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    line-height: 34px;
  }
  .input-group-sm input[type="date"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  .input-group-sm input[type="time"],
  input[type="date"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  input[type="time"].input-sm {
    line-height: 30px;
  }
  .input-group-lg input[type="date"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  .input-group-lg input[type="time"],
  input[type="date"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  input[type="time"].input-lg {
    line-height: 46px;
  }
}
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }

  .visible-print-block {
    display: block !important;
  }

  .visible-print-inline {
    display: inline !important;
  }

  .visible-print-inline-block {
    display: inline-block !important;
  }

  .hidden-print {
    display: none !important;
  }
}