/*
	--------------------------------
	TABLE OF CONTENTS
	--------------------------------
	*. 1 - Media ...................
	--------------------------------
	--------------------------------
*/



@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) {
  #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);
  }
  .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: left;
  }
  .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;
  }
}
@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: 1281px) and (max-width: 2100px) {
  .cs_warp .cas-image {
    width:250px;
  }
}


@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) {
  .provider_container {
    width: 40%;
  }
  #slotbox {
    width: 60%;
  }
}
@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 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;
  }
  .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 (min-width: 992px) {
  .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;
  }
}
@media (min-width: 992px) 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: 992px) {
  .el-scrollbar__wrap-main .el-scrollbar__view {
    overflow: auto;
    height: calc(100vh - 180px);
  }

  .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;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 993px) {
  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    height: calc(100vh - 258px);
    /*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;
  }
}
@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: 1201px) {
  .responsive-iframe-container .iframe_livehlf {
    max-width: 618px;
    aspect-ratio: 618 / 548;
    scrollbar-width: none;
    margin: 0 auto;
    display: block;
    margin-bottom: -3vh;
  }
}
@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 only screen and (min-width: 1501px) {
  .main_event .event_height .swiper-slide img {
    /*height:306px;	*/
    height: 19vw;
  }
}
@media (min-width: 1859px) {
  #top_pc img[alt="LOGO"] {
    display: none;
  }

  .header #topmenu #top_pc .container-fluid,
  .header #top_pc #top-menu {
    width: calc(100% - 299px);
    margin-left: auto;
    padding-right: 2%;
    margin-right: 0;
  }

  #sidebar.sidebar.sidebar-grid {
    margin-top: 0;
  }

  #sidebar.sidebar.sidebar-grid .lf_m1 {
    display: block;
    background: transparent !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;
  }

  .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 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;
  }
}
@media (min-width: 2889px);
@media (max-width: 2940px) {
  #topmenu #top_pc .container-fluid,
  #sidebar.sidebar.sidebar-grid .lf_m1 {
    height: 122px;
  }

  #sidebar-right.sidebar,
  .sidebar,
  .el-scrollbar__wrap-main {
    margin-top: 180px;
  }

  .right_wrap #rightbox.match_right,
  #leftbox_out .hlaf_sp .el-scrollbar {
    height: calc(100vh - 260px);
  }

  #topmenu #top_pc .container-fluid {
    display: flex;
    justify-content: flex-end;
    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: 2888px) {
  #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;
  }
  /*#topmenu #top_pc .container-fluid.no-jackpot {*/
  /*	height: 55px;*/
  /*}*/
  /*.sidebar, .el-scrollbar__wrap-main:has(.no-jackpot) {*/
  /*	margin-top: 104px;*/
  /*}*/
}
@media (max-width: 2500px) {
  .top-menu-in {
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media (max-width: 1949px) {
  #sidebar.sidebar.sidebar-grid .lf_m1 {
  }
}
@media (max-width: 1920px) {
  .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 (max-width: 1859px) {
  #top_pc .container-fluid:before,
  #top_pc .container-fluid:after,
  #top_pc .navbar-collapse:before,
  #top_pc .navbar-collapse:after,
  #top_pc .nav:before,
  #top_pc .nav:after,
  #top_pc .navbar:before,
  #top_pc .navbar:after {
    content: unset;
    clear: unset;
    display: block;
  }

  #topmenu #top_pc .container-fluid {
    justify-content: space-between;
  }

  .cs_warp .cas-image {
    width: 250px;
  }
}
@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: 1859px) and (min-width: 769px) {
  .content {
    margin-left: 0px;
  }
  #sidebar {
    width: 50px;
  }
  .el-scrollbar__wrap-main {
    width: calc(100% - 348px);
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 1820px) {
  .top-menu .nav > li > a > span {
    font-size: 90%;
  }
}
@media (max-width: 1720px) {
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table {
    width: 60% !important;
  }
}
@media (max-width: 1650px) {
  .top-menu-in {
    margin-left: 0;
    margin-right: 0;
  }
}
@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: 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%;
  }
  #top_pc .top-menu .nav > li > a > span {
    font-size: 14px;
  }

  .top-menu-in {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    flex-wrap: wrap;
  }

  .top-menu .nav {
    width: auto;
  }
}
@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);
  }
}
@media (max-width: 1440px) {
  .rule-bg-blue2.el-col-10 {
    width: 100%;
  }

  .deposit_rule {
    display: inline-block;
  }
  .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%;
  }
}
@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;
  }
}
@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: 1279px) {
  #content-table .bank-table .table {
    font-size: 80%;
  }
  .pc-text {
    display: none;
  }
  .retry {
    display: block;
  }
  .error-text p {
    margin: 8px 0 0;
  }
}
@media (max-width: 1200px) {
  .orange2-dialog .el-dialog {
    margin-top: 64px !important;
    height: calc(100% - 64px);
  }
  .friend-total-orange2 {
    width: 50%;
  }

  .responsive-iframe-container .iframe_livehlf {
    max-width: 618px;
    aspect-ratio: 618 / 642;
    scrollbar-width: none;
    margin: 0 auto;
    display: block;
    margin-bottom: -3vh;
  }
  .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: 1080px) {
  #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;
  }
  .el-scrollbar__wrap-main {
    width: calc(100% - 50px);
  }
  #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;
  }
}
@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: 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 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;
  }

  .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 - 267px);
    /*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 (max-width: 868px) {
  .supporttbl_wrap.el-dialog__wrapper.main-dialog form > table {
    width: 100% !important;
  }

  .sup_inqbtn .fs-20 {
    font-size: 21px;
    padding: 3px 0;
  }
}
@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_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%;
  }
  .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;
  }
  .redbox2 {
    font-size: 18px;
  }

  .redbox1 {
    font-size: 16px;
  }

  .redbox3 {
    font-size: 12px;
  }

  .monetary-event-card {
    min-width: 155px;
  }
  .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;
  }
  .chrome_link {
    justify-content: space-between;
  }
  #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;
  }
}
@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) {
  .w-25 {
    width: calc(50% - 10px);
  }
  .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;
  }
}
@media (max-width: 650px) {
  .monetary-event-card {
    width: calc(50% - 10px);
  }
}
@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-height: 450px) {
  .sidenav a {
    font-size: 18px;
  }
}
@media (max-width: 350px) {
  .monetary-event-container {
    flex-direction: column;
    align-items: center;
  }
  .monetary-event-card {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .holdem_open_banner {
    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;
  }
}
@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;
  }
}