left.css

/* @import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree|Maitree|Sarabun|Trirong&display=swap'); */

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

html,
body {
    height: 100%;
    margin: 0;
    width: 100%;
    background-image: url(../Img/bigbodyBG.jpg);
    font-family:  tahoma, sans-serif !important;
    /* font-family: Tahoma,Helvetica,sans-serif; */
}

html {
    background-image: url(../Img/bigbodyBG.jpg);
    background-size: 100% 200%;
    height: 100%;
    background-attachment: fixed;
}

body {
    font-size: 12px;
    overflow: auto;
}

.wfMain {
    height: 100%;
    width: 1180px;
    overflow: hidden;
    position: relative;
}

input,
button {
    outline: none;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
}

.header {
    width: 1180px;
    height: 135px;
    overflow: hidden;
    z-index: 999;
    background-image: url(../Img/bigbodyBG.jpg);
    background-size: 163% 700%;
}

.header2 {
    width: 1180px;
    height: 40px;
    position: fixed;
    overflow: hidden;
    z-index: 999;
    background-image: url(../Img/bigbodyBG.png);
    background-size: 163% 700%;
}

.ophidden {
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

.hidden {
    display: none !important;
}

.hiddenc>* {
    display: none !important;
}

.hiddenc>div {
    display: none !important;
}

.Negative2 {
    color: red;
}

.Positive2 {
    color: #002088;
}

.topsmso {
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.divMiddle {
    vertical-align: middle;
    display: table-cell;
}

.marqueetopwei {
    float: left;
    margin-left: 172px;
    position: relative;
}

.header2 .marqueetopwei {
    margin-left: 40px;
}

.marqueetopwei::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -7px;
    background: url(../Img/marquee.png);
    background-size: 100% 100%;
}

.marquee_cs {
    float: left;
    margin-top: 10px;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.marquee_cs1 {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 0;
}

.header2 .marquee_cs1 {
    width: 97%;
}

.fl {
    float: left;
    display: inline;
    border: none;
    background: none;
}

.fffff1 {
    margin-left: 15px;
}

.Message {
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #2F2F4F;
    FONT-STYLE: normal;
}

A.Message:visited {
    text-decoration: none;
}

A.Message:link {
    text-decoration: none;
}

.timetopwei {
    position: absolute;
    right: 0;
    margin-top: 35px;
}

.marquee_cs1 {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 0;
}

.message_down {
    float: right;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.message_down::before {
    content: "";
    width: 21px;
    height: 21px;
    display: inline-block;
    position: absolute;
    left: -21px;
    top: -3px;
    background: url(../Img/time.jpg) no-repeat center;
    background-size: 100% 100%;
}

.timeimg {
    margin-top: -3px;
    float: left;
}

.timetopwei .marquee_cs1 {
    width: auto;
}

.timecontainer {
    color: #fff;
    font-weight: bold;
}

.ShowFG_aa1 {
    border-left: 1px #fff solid;
    width: 10px;
    height: 12px;
    float: right;
    margin-top: 14px;
}

.pankou_select {
    float: right;
    margin-top: 10px;
}

.styled-select {
    width: 170px;
    height: 35px;
    overflow: hidden;
}

.styled-select select {
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    border-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    display: block;
    height: 29px;
    color: #ccc;
}

.accTpLsts option {
    color: black;
}

.styled-select_aa1 {
    float: right;
    margin-top: 6px;
}

.selectdown_div {
    border-left: 1px #fff solid;
    width: 10px;
    height: 12px;
    float: right;
    margin-top: 14px;
}

.lstLang2 {
    float: left;
    width: 90px;
}

.lstLang2 option {
    color: black;
}

.top-reg_aa1 {
    margin-top: 12px;
    color: #fff;
    float: right;
    margin-right: 10px;
    text-transform: uppercase;
}

.register2img {
    width: 18px;
    height: 16px;
    float: right;
    margin-top: 10px;
    margin-right: 4px;
    display: block;
    background: url(../Img/register2.jpg) no-repeat;
    background-size: 100% 100%;
}

.register2img_downdiv {
    border-left: 1px #fff solid;
    width: 10px;
    height: 12px;
    float: right;
    margin-top: 14px;
}

.top-livechat_aa1 {
    margin-top: 12px;
    color: #fff;
    float: right;
    margin-right: 10px;
}

.online_service_img {
    width: 18px;
    height: 18px;
    float: right;
    margin-top: 8px;
    margin-right: 4px;
    display: block;
    background: url(../Img/online_service.jpg) no-repeat;
    background-size: 100% 100%;
}

.afb88logoleft {
    width: 100%;
    position: relative;
    height: 73px;
}

.header .logo {
    width: 225px;
    height: 88px;
    margin-top: -29px;
}

.pa {
    position: absolute;
}

.header .logo::before {
    content: "";
    display: block;
    width: 170px;
    height: 100px;
    background: url(../Img/logo.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 15%;
}

.header .nav {
    top: 12px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    /* background-image: url(../Img/bigbg_menu.png); */
    background-size: 100% 105%;
    background-position-y: 0;
    border-radius: 5px;
    right: 0px;
    position: absolute;
    z-index: 111111111111;
    width: 930px;
}



.header .nav div:hover,
.header .nav div.hover {
    color: #ffffb9;
}

.header .nav>div {
    text-align: center;
    height: 32px;
    display: inline-block;
    float: left;
    color: #fff;
    margin-left: 45px;
    padding-left: 50px;
    cursor: pointer;
}

.header .nav div i {
    display: inline-block;
    height: 28px;
    padding-right: 8px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

.header .nav div:nth-child(2) {
    margin-left: 140px;
}


.header .Note {
    width: 100%;
    top: 95px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    background-image: url(../Img/bigbg_menu.png);
    background-size: 100% 105%;
    background-position-y: 0;
    border-radius: 5px;
}



.header .Note div:hover,
.header .Note div.hover {
    color: #ffffb9;
}

.header .Note>div {
    text-align: center;
    height: 32px;
    display: inline-block;
    float: left;
    color: #fff;
    margin-left: 45px;
    padding-left: 50px;
    cursor: pointer;
}

.header .Note div i {
    display: inline-block;
    height: 28px;
    padding-right: 8px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

.header .Note div:nth-child(2) {
    margin-left: 140px;
}

@media screen and (max-width: 1155px) {
    .header {
        width: 100%;
    }

    .marquee_cs1 {
        width: 520px;
    }
}

.top_cssstyle>img {
    float: left;
    margin-left: 20px;
    margin-right: 6px;
    margin-top: 2px;
}


.accTpLsts3 {
    float: right;
    margin-left: 4px;
}

.lstLang3 {
    float: left
}

.Message {
    color: #ffffff;
}

.overhidden {
    width: 229px;
    overflow: hidden;
    ms-flex: 0 229px;
    flex: 0 229px;
    position: relative;
}

.mainleft {
    width: 225px;
    height: 100%;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.scrolllefts {
    height: 100%;
    width: 242px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.welcomeuser {
    width: 100%;
    height: 26px;
    background: #2277ff;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    text-align: left;
    text-indent: 20px;
}

.NickNames {
    color: #aba7a7;
    padding: 0 4px;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
}

.credit {
    width: 100%;
    height: 26px;
    line-height: 26px;
    /* padding: 5px 0; */
    background: #d6e0ee;

}

.credit .balance {
    float: left;
    width: 88%;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.credit .balance_rush {
    float: right;
    padding-right: 10px;
    position: relative;
}

.betCreditFont {
    font-size: 11px;
    color: #002088;
    text-transform: uppercase;
    font-weight: bold;
}

.Positive4 {
    font-size: 13px;
    font-weight: bold;
}

.setting {
    width: 100%;
    height: 30px;
    position: relative;
    background-image: url(../Img/manual_setting.jpg);
    background-size: 100%;
    text-align: center;
    /* line-height: 30px; */
    cursor: pointer;
}

.btnIsToday {
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.sblistbtn {
    width: 100%;
    background-image: url(../Img/tab_bg.jpg);
    background-size: 100% 100%;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.sblistbtn>div {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 28px;
}

.sblistbtn>div.active {
    background-image: url(../Img/tab_selected.jpg);
    background-size: 100% 100%;
    height: 30px;
}

.Psport {
    width: 100%;
    height: auto;
    position: relative;
}

ul {
    list-style: none;
}

.sportList li {
    width: 100%;
    line-height: 30px;
    clear: both;
    font-weight: bold;
    margin: 1px 0;
    background-size: 100%;
    border-bottom: 1px solid #aba773;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    color: #ffffff;
}

.category-sub li {
    height: 30px;
    font-size: 10px;
    margin-left: 0px;
    background: url(../Img/menuLink.jpg);
    color: #ffffff;
    padding: 0;
}

.category-sub li span {
    text-transform: uppercase;
}

.hasdata li.category-sub-list span.amount {
    color: #ffffff !important;
}

.hasdata li.category-sub-list.active span.amount {
    color: #fffe51 !important;
}

.sportList li span.sportName {
    margin-left: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
    cursor: pointer;
    color: #002088;
    text-transform: uppercase;
}

.sportList li span.amount {
    margin-right: 10px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    right: 3px;
    color: #000000;
}

.shows {
    display: none;
}

.menspan {
    height: 30px;
    float: left;
    width: 33.33%;
    line-height: 30px;
    color: #ffffff;
    margin-left: 0;
    display: inline-block;
    background-image: url(../Img/tab_selected.jpg);
    background-size: 105% 100%;
    text-align: center;
    background-position-x: -5px;
    background-repeat: no-repeat;
    position: relative;
}

.menChange {
    color: #bcec99 !important;
}

.menspan:first-child {
    margin-left: 0;
}

.jbtubiao::before {
    content: '';
    width: 15px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    background: url(../Img/top_league_red.png) no-repeat;
    background-size: 100%;
}

.menspan.jbtubiao {
    background-size: 120% 100%;
}

.betTypeName {
    font-size: 11px;
    margin-left: 0px;
    text-decoration: none;
    padding-left: 27px;
    font-weight: bold;
    position: absolute;
}

.category-sportList.active ul {
    display: block;
    position: relative;
}

.category-sportList ul {
    display: none;
}

.sportList ul {
    clear: both;
    padding-top: 2px;
    position: relative;
    height: auto;
}

@media screen and (max-width: 1366px) {}

.floatRight {
    position: relative;
    line-height: 30px;
    margin-left: 130px;
    width: 95px;
    height: 30px;
}

.live_redimg {
    position: absolute;
    height: 20px;
    width: 40px;
    top: 5px;
}

.sportList li.active span.sportName {
    color: #000e3d !important;
}

.sportList li.active {
    color: #fffe51 !important;
}

.betlist_b {
    width: 100%;
    height: auto;
    position: relative;
    background: #E5E3E3;
    text-align: center;
}

#txtNickNames:hover {
    color: darkcyan;
}

li.MyFavoritess {
    background-image: url(../Img/btn/favourite.jpg);
}

.sportName_36 {
    background-image: url(../Img/btn/soccer.jpg);
}

.sportName_1 {
    background-image: url(../Img/btn/soccer.jpg);
}

.sportName_2 {
    background-image: url(../Img/btn/basketball.jpg);
}

.sportName_3 {
    background-image: url(../Img/btn/tennis.jpg);
}

.sportName_4 {
    background-image: url(../Img/btn/financial.jpg);
}

.sportName_5 {
    background-image: url(../Img/btn/4dspecials.jpg);
}

.sportName_33 {
    background-image: url(../Img/btn/huaythai.jpg);
}

.sportName_35 {
    background-image: url(../Img/btn/muaythai.jpg);
}

.sportName_34 {
    background-image: url(../Img/btn/esport.jpg);
}

.sportName_6 {
    background-image: url(../Img/btn/keno.jpg);
}

.sportName_8 {
    background-image: url(../Img/btn/football.jpg);
}

.sportName_9 {
    background-image: url(../Img/btn/baseball.jpg);
}

.sportName_10 {
    background-image: url(../Img/btn/hockey.jpg);
}

.sportName_11 {
    background-image: url(../Img/btn/snooker.jpg);
}

.sportName_12 {
    background-image: url(../Img/btn/rugby.jpg);
}

.sportName_13 {
    background-image: url(../Img/btn/darts.jpg);
}

.sportName_14 {
    background-image: url(../Img/btn/boxing.jpg);
}

.sportName_15 {
    background-image: url(../Img/btn/motor.jpg);
}

.sportName_16 {
    background-image: url(../Img/btn/motor.jpg);
}

.sportName_17 {
    background-image: url(../Img/btn/golf.jpg);
}

.sportName_19 {
    background-image: url(../Img/btn/futsal.jpg);
}

.sportName_20 {
    background-image: url(../Img/btn/badminton.jpg);
}

.sportName_21 {
    background-image: url(../Img/btn/waterPolo.jpg);
}

.sportName_22 {
    background-image: url(../Img/btn/tableTennis.jpg);
}

.sportName_23 {
    background-image: url(../Img/btn/cricket.jpg);
}

.sportName_24 {
    background-image: url(../Img/btn/volleyBall.jpg);
}

.sportName_25 {
    background-image: url(../Img/btn/handball.jpg);
}

.sportName_26 {
    background-image: url(../Img/btn/cycling.jpg);
}

.sportName_27 {
    background-image: url(../Img/btn/beachball.jpg);
}

.sportName_28 {
    background-image: url(../Img/btn/entertainment.jpg);
}

.sportName_29 {
    background-image: url(../Img/btn/athelics.jpg);
}

.sportName_30 {
    background-image: url(../Img/btn/winterSport.jpg);
}

.sportName_31 {
    background-image: url(../Img/btn/squash.jpg);
}

.sportName_lotto {
    background-image: url(../Img/btn/lotto.jpg);
}

.sportName_thai_lottery {
    background-image: url(../Img/btn/thai_lottery.jpg);
}

.sportName_muay_thai {
    background-image: url(../Img/btn/muay_thai.jpg);
}

.hasliveimg::before {
    width: 40px;
    height: 23px;
    background-image: url(../Img/liveIcon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 3px;
}

.category .liveam {
    display: none;
}

.category-sportList-container {
    position: relative;
    height: 30px;
}

.category-sportList-container .sportName {
    position: absolute;
    left: 3px;
}

.category-sportList-container .amount {
    position: absolute;
    top: 3px;
    right: 3px;
}

.today span.liveam:not(:empty)~span::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 25px;
    background-image: url(../Img/liveIcon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 23px;
}

.top_cssstyle::before {
    content: '';
    width: 15px;
    height: 18px;
    display: inline-block;
    background: url(../Img/top_league_b.png) no-repeat;
    position: absolute;
    background-size: 100% 100%;
    left: 15px;
    top: 2px;
}

.td_header {
    height: 135px;
}

.td_header2 {
    height: 40px;
}

.refreshColor::before {
    content: "";
    background-image: url(../Img/panelRefresh.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 3px;
}

.hideTopHeader .td_header {
    height: 77px !important;
}

.hideTopHeader .header {
    height: 77px !important;
}

.hideTopHeader .header .nav {
    margin-top: 15px !important;
}

.hideTopHeader .mainlayout {
    height: calc(100% - 77px) !important;
    height: -moz-calc(100% - 77px) !important;
    height: -webkit-calc(100% - 77px) !important;
}

.hideTopHeader .afb88logoleft {
    display: none;
}

.outloginnav {
    margin-top: 29px !important;
}

a {
    color: #666;
    text-decoration: none;
}

.leftcentercnt {
    min-width: 1155px;
    overflow: auto;
}

.mainlayout {
    min-width: 1180px;
    /* height: 100%; */
    height: calc(100% - 135px);
    height: -moz-calc(100% - 135px);
    height: -webkit-calc(100% - 135px);
    position: relative;
    margin-top: 7px;
}

.maincontent {
    position: absolute;
    height: 100%;
    overflow: hidden;
    left: 228px;
    top: 0;
    width: 952px;
}

.topmuens {
    width: 1180px;
    height: 26px;
    background-image: url(../Img/min_nav.png);
    background-size: 100% 100%;
}

.topmuens_ye>div>div {
    float: left;
    height: 25px;
    width: 9%;
    line-height: 25px;
    color: #875a00;
    margin-top: 2px;
    margin-right: 1px;
    font-size: 11px;
    display: inline-block;
    background-image: url(../Img/yellowbutton.png);
    background-size: 100% 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}

.APImaincontent .topmuens_ye>div>div {
    width: 11%;
}

.topmuens_lo>div>div {
    float: right;
    height: 25px;
    width: 112px;
    line-height: 25px;
    color: #000000;
    margin-top: 2px;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    padding-left: 1px;
}

.topmuens_lo>div>div>input {
    width: 100%;
    height: 20px;
    background-color: #a9b8ac;
    border-radius: 1px;
    color: #866628;
    font-size: 13px;
    border: none;
    margin: 0 1px;
    text-align: center;
    line-height: 20px;
}

.topmuens_lo>div>div:first-child {
    width: 50px !important;
}

.topmuens_fix {
    z-index: 999;
    width: 1180px;
    height: 26px;
    background-image: url(../Img/min_nav.png);
    background-position-x: -80px;
}

.btnSignIn {
    color: #866628;
    width: 50px !important;
    height: 20px;
    cursor: pointer;
    background: url(../Img/livechat-btn1.png);
    background-size: cover;
    text-transform: uppercase;
}

.topmuens_ye>div>div:last-child {
    color: #866628;
    background-image: url(../Img/yellowbutton.jpg);
}

.lengchoose>div {
    float: left;
}

.oddcnt {
    position: relative;
    width: 100%;
    background: #e9fbdb;
    margin-top: 2px;
    height: 22px;
}

.buttonmarketLst {
    cursor: pointer;
    width: 21px;
    height: 18px;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    /* padding: 0px 6px; */
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #bfbdbd;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    position: relative;
    float: left;
}

.icon_AllMarkets {
    background-color: transparent;
    background-image: url(../Img/icon_AllMarkets.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    padding: 0 3px 0 3px;
}

.SelMenumarketLst,
.SelMenuSort {
    width: 126px;
    background-color: #FFFFFF;
    border: #afb6bc 1px solid;
    color: #000000;
    margin: 0;
    z-index: 999999;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    display: none;
}

.divmarketLst {
    width: 120px;
    left: 0;
    position: absolute;
}

.divmarketLst {
    display: none;
}

.SelMenuItemBgmarketLst {
    text-align: left;
    padding: 1px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.SelMenuSpanmarketLst {
    padding-left: 20px;
    font-size: 11px;
    color: #000000;
}

.sanMarkets {
    width: 93px;
    height: 17px;
    position: fixed;
    margin-left: -78px;
    margin-top: -1px;
}

.icon_MainMarkets {
    background-color: transparent;
    background-image: url(../Img/icon_MainMarkets.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    padding: 0 3px 0 3px;
}

.icon_OtherMarkets {
    background-color: transparent;
    background-image: url(../Img/icon_OtherBetMarkets.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    padding: 0 3px 0 3px;
}

.SelMenuItemBgSort {
    text-align: left;
    padding: 1px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.icon_NormalSorting {
    background-color: transparent;
    background-image: url(../Img/icon_NormalSorting.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    padding: 0 3px 0 3px;
    color: #000000;
}

.icon_SortByTime {
    background-color: transparent;
    background-image: url(../Img/icon_SortByTime.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    padding: 0 3px 0 3px;
}

.SelMenuSpanSort {
    padding-left: 20px;
    font-size: 11px;
    color: #000000;
}

.icon_SingleLine {
    background-color: transparent;
    background-image: url(../Img/icon_SingleLine.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    padding: 0px 3px;
}

.SelMenuItemBgSort:hover {
    background-color: #d6d6d6;
    color: #000000 !important;
}

.SelMenuItemBgmarketLst:hover {
    background-color: #d6d6d6;
    color: #000000 !important;
}

.byTimeSort {
    width: 105px;
    height: 17px;
    position: fixed;
    margin-left: -97px;
    margin-top: -1px;
}

.menuSortType {
    width: 25px;
    margin-left: 3px;
}

.menuSingleDouble {
    width: 25px;
    margin-left: 3px
}

.divSortType {
    display: none;
    width: 105px;
    left: 0;
    position: absolute
}

.SortingNormal {
    width: 105px;
    height: 17px;
    position: fixed;
    margin-left: -85px;
    margin-top: -1px;
}

.icon_DoubleLine {
    background-color: transparent;
    background-image: url(../Img/icon_DoubleLine.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    padding: 0px 3px;
}

.SelDoubleSingle {
    background-color: #FFFFFF;
    border: #afb6bc 1px solid;
    color: #000000;
    margin: 0;
    z-index: 999999;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* left: 108px !important; */
    top: 18px !important;
    width: 120px;
    left: 0;
    position: absolute;
    display: none;
}

.divSingleDouble {
    display: none;
    width: 120px;
    left: 0;
    position: absolute;
}

.MatchOddtable {
    overflow-x: hidden;
    overflow-y: scroll;
}

.selectlang {
    width: 90px;
    height: 20px;
    /* line-height: 20px; */
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    text-decoration: none;
    padding: 0px 6px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(191, 189, 189);
    background-repeat: repeat-x;
    background-position: 0 0;
}

.lengchoose {
    width: 926px;
    height: 22px;
    position: fixed;
    z-index: 999;
    background: #e9fbdb;
}

.lengchoose>div {
    margin-top: 2px;
}

.lengueodds {
    width: 100%;
    height: auto;
    position: relative;
}

.topmuens_ye {
    width: 100%;
}

.topmuens_fix_ye {
    width: 952px;
}

.menutpeybtn {
    margin-left: 3px;
}

.btnOddslist {
    width: 100%;
    height: 20px;
    position: absolute;
    background: #ffffff;
    margin-top: 2px;
}

.btnOddslist>div {
    float: left;
}

.oddsTableHeader {
    width: 100%;
    height: 48px;
    position: relative;
}

.oddsTableScorll {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    height: calc(100% - 47px);
    height: -moz-calc(100% - 47px);
    height: -webkit-calc(100% - 47px);
    background: #2f386f;
    margin-top: -1px;
}

.NotGuest .oddsTableScorll {
    height: 100%;
}

.buttonmarketLst :hover>div:nth-child(2) {
    display: block;
}

.FixoddsTableHeader {
    position: fixed;
    z-index: 99;
    width: 935px;
}

.betTypeName:hover {
    color: #fffe51;
}

.navzhedie {
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-top: 11px;
    margin-left: 8px;
    display: block;
    background: url(../Img/zhedie.png) no-repeat;
    background-size: 100% 100%;
}

.hideTopHeader .navzhedie {
    transform: rotate(180deg);
}

.navzhedie_left {
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-top: 11px;
    margin-left: 8px;
    display: block;
    background: url(../Img/zhedie_left.png) no-repeat;
    background-size: 100% 100%;
}

.hideLeftMnue .navzhedie_left {
    transform: rotate(180deg);
}

.panelBetBg {
    background-color: #FFF;
    border: #fffc00;
    border-collapse: collapse;
    width: 95%;
    height: 100%;
}

.GBHeading1 {
    background: url(../Img/b10.jpg) no-repeat;
    font-size: 11px;
    font-weight: normal;
    font-weight: bold;
    color: #fff;
}

tr.tvshowdown_aa1 {
    height: 16.4px;
}

.Normal1 {
    font-size: 11px;
    font-weight: normal;
    color: Gray;
    text-decoration: underline;
    /* padding: 10px 0; */
    /* font-weight: bold; */
}

.Bold {
    font-size: 11px;
    color: #000;
    font-weight: bold !important;
}

.Normal {
    font-size: 11px;
    font-weight: normal;
    height: 14px;
    color: #000;
}

.HDPBox {
    background-color: #E9FBDB;
    border: thin solid #FFF;
    text-align: center;
    width: 166px;
    height: 33px;
    line-height: 16px;
}

.HDPBox_downtable {
    border: 1px solid #b2b2b2;
}

.boldBg {
    font-size: 11px;
    color: Black;
    font-weight: bold;
    background-color: #90ee90;
}

.boldBg2 {
    font-size: 11px;
    color: Black;
    font-weight: bold;
    BORDER-TOP-WIDTH: 2px;
    BORDER-LEFT-WIDTH: 2px;
    BORDER-BOTTOM-WIDTH: 2px;
    /* BACKGROUND-COLOR: #9dda4f; */
    BACKGROUND-IMAGE: url(../Img/isOddsChangeBlink.gif);
}

.endtrPanNonParlay_aa1 {
    width: 225px;
    height: 17px;
}

.nLeft {
    font-size: 11px;
    font-weight: normal;
    color: black;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    background-color: #E9FBDB;
}

.nRight {
    font-size: 11px;
    font-weight: normal;
    color: black;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    /* background-color: #D3F8C7; */
}

.nAll {
    font-size: 11px;
    font-weight: normal;
    color: black;
    border: 1px solid red;
}

.endtrPanNonParlay_aa2 {
    width: 225px;
    height: 25px;
}

input.BetTextBox {
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    height: 25px;
    border: 1px solid #c1bcbc;
}

.Normal_aa1 {
    height: 4px;
}

.heigtbetlist_aa1 {
    height: 4px;
}

.cancel_btnm {
    display: inline-block;
    width: 85px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-image: url(../Img/clear_EN-US.png);
    background-size: 100% 100%;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.ok_btnm {
    display: inline-block;
    width: 85px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-image: url(../Img/bet_EN-US.png);
    background-size: 100% 100%;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.PARTipsInTable_downtdaa1 {
    height: 20px;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    color: red;
}

.nLeftHeading11 {
    font-size: 12px;
    font-weight: bold;
    color: red;
    border-left: 1px solid #9c9898;
    border-bottom: 1px solid #9c9898;
    border-top: 1px solid #9c9898;
    border-right: 1px solid #9c9898;
    /* background-color: #D3F8C7; */
}

.btn-group_aa1 {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    min-height: 45px;
    width: 228px;
}

.chip {
    min-width: 40px !important;
    height: 40px !important;
}

.btn-quickBet>.btn {
    background-color: transparent;
}

.btn-quickBet>.btn {
    color: #FFF;
    border: rgba(255, 255, 255, 0.12) 1px solid;
    font-weight: bold;
    font-size: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:first-child {
    margin-left: 0 !important;
}

.chip1,
.btn.chip1.active {
    background-image: url(../Img/Chips1.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip10,
.btn.chip10.active {
    background-image: url(../Img/Chips10.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip50,
.btn.chip50.active {
    background-image: url(../Img/Chips50.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip100,
.btn.chip100.active {
    background-image: url(../Img/Chips100.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip500,
.btn.chip500.active {
    background-image: url(../Img/Chips500.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip1000,
.btn.chip1000.active {
    background-image: url(../Img/Chips1000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip5000,
.btn.chip5000.active {
    background-image: url(../Img/Chips5000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
}

.chip10000,
.btn.chip10000.active {
    background-image: url(../Img/Chips10000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
    height: 45px;
}

.chip50000,
.btn.chip50000.active {
    background-image: url(../Img/Chips50000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
    height: 45px;
}

.chip30000,
.btn.chip30000.active {
    background-image: url(../Img/Chips30000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
    height: 45px;
}

.chip100000,
.btn.chip100000.active {
    background-image: url(../Img/Chips100000.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
    height: 45px;
}

.chipmax,
.btn.chipmax.active {
    background-image: url(../Img/ChipsMax.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 45px;
    height: 45px;
}

.nLeftHeading111 {
    font-size: 12px;
    font-weight: bold;
    color: red;
    border-left: 1px solid #9c9898;
    border-bottom: 1px solid #9c9898;
    border-right: 1px solid #9c9898;
}

.nRightBold {
    font-size: 11px;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #9c9898;
    border-bottom: 1px solid #9c9898;
    border-top: 1px solid #9c9898;
}

.nRightBold1 {
    font-size: 11px;
    color: Black;
    font-weight: bold;
    border-right: 1px solid #9c9898;
    border-bottom: 1px solid #9c9898;
}

.betPar {
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.betPar>div:nth-child(odd) {
    background-color: #E8FDEA;
}

.betPar>div:nth-child(even) {
    background-color: #D3FAD5;
}

.betParOdds_aa1 {
    height: 20px;
}

.odds-change {
    background-image: url(../Img/oddchangebg.gif) !important;
    background-size: 100% 100% !important;
}

.betParOdds_downaa1 {
    font-size: 16px;
}

/************NEW oddsBetWrap***********************/

.oddsBetWrap {
    clear: both;
    position: relative;
    z-index: 90;
    line-height: 1.2;
}

.oddsBetWrap .dhshowbet.showtop {
    bottom: 18px;
    top: unset;
}

.oddsBetWrap .dhshowbet.showtop::after {
    display: none;
}

.oddsBetWrap .dhshowbet.showbottom {
    top: 15px;
    bottom: unset;
}

.oddsBetWrap .dhshowbet.showright {
    left: -20px;
    right: unset;
}

.oddsBetWrap .dhshowbet.showleft {
    right: -2px;
    left: unset;
}

.oddsBetWrap .showright.cunzaiwys::after {
    left: 19px;
    right: unset;
}

.oddsBetWrap .showleft.cunzaiwys::after {
    right: 1px;
    left: unset;
}

.oddsBetWrap .showtop.cunzaiwys::after {
    bottom: -3px;
    top: unset;
}

.oddsBetWrap .showbottom.cunzaiwys::after {
    bottom: unset;
    top: -4px;
}

.dhshowbet {
    /*position:fixed;*/
    position: absolute;
    top: 18px;
    left: -100px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.2rem 0px;
    cursor: default;
    font-weight: normal;
    color: black;
    text-align: left;
    background: rgb(245, 245, 245);
    padding: 0 3px;
    width: 200px !important;
    /*top: 300px;
    left: 555px;*/
    font-size: 16px;
    z-index: 99;
}

.bingobet,
.oddsBetWrap .divWrapBet+.oddsBet {
    background-color: #ffffff;
    /*border: 1px solid #cebaba;*/
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0.05rem 1px;
}

/************NEW tip***********************/
.tip-cust {
    width: 1180px;
    position: fixed;
    margin: auto;
    top: 0px;
    z-index: 999;
    padding: 3px 8px;
    max-height: 450px;
    overflow-y: auto;
}

.tip-cust .tmCountDown {
    float: right;
    color: blue;
    font-size: 13px;
}

.tip-cust .list-group {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 0 3px;
    max-width: 460px;
    margin: auto;
}

.tip-cust .list-group>.list-group-item {
    border-radius: 2px;
    border-style: none;
    background-color: #FAFAFA;
    margin: 4px 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.12);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: rgba(0, 0, 0, 0.12) 1px solid;
    margin-bottom: 0;
    padding: 12px;
    background-color: #FAFAFA;
    position: relative;
    display: block;
    padding: 2px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.tip-cust .list-group>.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.tip-cust .list-group>.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.tip-cust .list-group .btn.btn-clear>i {
    margin-top: 0
}

.tip-cust .list-group .btn.btn-clear {
    float: right;
    padding: 8px;
    width: 40px;
    height: 40px;
    min-height: auto;
    margin-right: -27px;
    margin-top: -11px;
    top: 3px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.tip-cust .Sorcetable tr {
    line-height: 16px;
}

.tip-cust .Sorcetable tr .tipsnbright {
    width: 200px;
    text-align: right;
}

.tip-cust .Sorcetable tr .tipsnbleft {
    width: 200px;
    text-align: left;
}

.tip-cust .Sorcetable tr .tipsnbright {
    width: 200px;
    text-align: right;
}

.tip-cust .Sorcetable tr .tipsnbleft {
    width: 200px;
    text-align: left;
}

/************NEW tip***********************/

.lstMultiPar2 {
    border: 1px solid;
}

.hideLeftMnue .mainleft {
    display: none;
}

.hideLeftMnue .maincontent {
    left: 0;
    width: 1180px;
}

.hideLeftMnue .topmuens_fix_ye {
    width: 1179px;
}

.hideLeftMnue .FixoddsTableHeader {
    width: 1162px;
}

.hideLeftMnue .topmuens_ye>div>div {
    width: 10%;
}

.hideLeftMnue .FixoddsTableHeader {
    width: 1162px;
}

.hideLeftMnue.IsMobileWeb .FixoddsTableHeader {
    width: 1179px;
}

.IsMobileWeb .FixoddsTableHeader {
    width: 952px;
}

.FixoddsTableHeader>table {
    width: 100%;
    background: #4c984c;
}

.parlay-bar_dh .tab_dh>li {
    white-space: nowrap;
    display: table-cell;
    font-size: 14px;
    position: relative;
    text-align: center;
}

.parlay-bar_dh.filter-bardh .tab_dh>li {
    padding-right: 0;
    padding-left: 4px;
    max-width: 100px;
}

.parlay-bar_dh.filter-bardh .tab_dh>li:first-child {
    padding-left: 0;
}

.parlay-bar_dh ul.tab_dh {
    height: 40px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    overflow-x: auto;
    overflow-y: hidden;
}

.parlay-bar_dh .btn_dh {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.parlay-bar_dh.filter-bardh .tab_dh>li+li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    height: 20px;
    border-left: rgba(0, 0, 0, 0.12) 1px solid;
}

.betlist_b span.gb {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #666;
    BORDER-COLLAPSE: collapse;
}

.listbeton {
    padding: 12px;
    padding-top: 5px;
    width: 100%;
    border-bottom: 1px #aeaeae solid;
    box-shadow: 0 2px 0 #ffffff;
    border-top: 1px #cdcdcd solid;
    text-align: left;
}

.listbeton:nth-child(odd) {
    background-color: #fcfcfc;
}

.listbeton:nth-child(even) {
    background-color: #d8d8d8;
}

.TipsNO {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #ff7d00;
}

.hide {
    display: none;
}

.gbGive {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ee2c2c;
}

.Accepted {
    font-size: 14px;
    font-weight: normal;
    color: white;
    background-color: green;
}

.tableBalance {
    background: #ffffff;
    padding: 10px;
    font-size: 12px;

}

.tableBalance .Positive2 {
    color: black;
}

.Select-League {
    width: 120px !important;
}

.top_cssstyle {
    width: 110px !important;
}

.HTabEarly {
    width: 100px !important;
}

.HTabResult {
    width: 98px !important;
}

.APImaincontent .Select-League {
    width: 110px !important;
}

APImaincontent .top_cssstyle {
    width: 105px !important;
}

APImaincontent .HTabEarly {
    width: 100px !important;
}

APImaincontent .HTabResult {
    width: 98px !important;
    margin-right: 0px;
}

.HLOGOUT {
    margin-right: 0 !important;
}

.hideLeftMnue .HTabResult {
    width: 132px !important;
}

.layui-layer-title {
    background-color: #1f5e1f;
    background: #1f5e1f;
    background: -webkit-gradient(linear, left top, left bottom, from(#1f5e1f), to(#1a881a)) !important;
    background: -moz-linear-gradient(top, #1f5e1f, #1a881a) !important;
    background: -o-linear-gradient(top, #1f5e1f, #1a881a) !important;
    background: -ms-linear-gradient(top, #1f5e1f, #1a881a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f5e1f', endColorstr='#1a881a') !important;
}

ul.early li.rungun {
    display: none;
}

.bgshanshuo {
    background-color: #1f5e1f;
    animation: twinkling 1s infinite;
    -webkit-animation: twinkling 1s infinite;
}

@-webkit-keyframes twinkling {
    0% {
        background-color: #72c46d;
    }

    100% {
        background-color: #6c6c6c;
    }
}

@keyframes twinkling {
    0% {
        background-color: #72c46d;
    }

    100% {
        background-color: #6c6c6c;
    }
}

.badge {
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
    height: 15px;
    font-size: 10px;
    line-height: 13px;
    min-width: 8px;
    border-radius: 8px;
    background-color: red;
    padding: 0px 2px;
}

.NotGuest .mainlayout {
    height: calc(100% - 161px);
    height: -moz-calc(100% - 161px);
    height: -webkit-calc(100% - 161px);
}

.NOtipsParlary {
    width: 480px;
    height: 100px;
    position: fixed;
    top: 0;
    left: 30%;
    margin-left: -100px;
    background: #FFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transform: translateY(-100px);
    transition: 2s;
    z-index: 999;
    line-height: 100px;
    font-weight: bold;
    color: red;
    font-size: 16px;
    text-align: center;
}

.showTipParlary {
    transform: translateY(300px);
}

.Error {
    color: red !important;
    font-weight: bold;
    font-size: 11px;
}

.bResult {
    text-align: left;
    background: #fcfcfc;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #008000;
    padding: 10px;
}

.bResult th,
.bResult td {
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    background: #A3A992;
}

body.IsMobileWeb {
    height: 120%;
}

.Rejected {
    color: red !important;
    font-weight: bold;
}

.tb_login {
    width: 655px;
    padding: 5px;
}

.tb_btnlogin {
    width: 305px;
    padding: 5px;
}

.btn_bt {
    background: linear-gradient(90deg, rgba(0, 138, 255, 1) 28%, rgba(48, 160, 255, 1) 100%) !important;
}

.btn_menu {
    width: 130px;
    padding: 5px;
}


.btn_deposit_b {
    width: 150px;
    padding: 5px 5px 5px 25px;
}

.btn_deposit {
    background: linear-gradient(180deg, rgba(255, 195, 34, 1) 0%, rgba(240, 110, 0, 1) 79%, rgba(241, 110, 0, 1) 100%) !important;
}

.btn-submit{
    cursor: pointer;
    border-radius: 5px;
    padding: 2px 5px;
    border: #a5a3a3 1px solid;
}



.tb_wfStakevoid0{
    background: #dce7fe;
    border-bottom: solid #2277ff 1px;
    width: 100%;
}

.th_wfStakevoid0{
    background: #2277ff;
    color: #dce7fe;
    text-align: center;
    width: 20%;
}

.th_wfStakevoid0_f{
    background: #2277ff;
    color: #dce7fe;
    text-align: center;
    width: 5%;
}

.tb_wfStakevoid0.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}


.tb_wfStakevoid0.table-bordered td, .tb_wfStakevoid0.table-bordered th {
    border-right: solid #2277ff 1px !important;
    border-left: 1px solid #2277ff !important;
}

.tb_wfAccHistory0{
    background: #dce7fe;
    border-bottom: solid #2277ff 1px;
    width: 100%;
}

.th_wfAccHistory0{
    background: #2277ff;
    color: #dce7fe;
    text-align: center;
    width: 20%;
}

.th_wfAccHistory0_f{
    background: #2277ff;
    color: #dce7fe;
    text-align: center;
    width: 5%;
}

.tb_wfAccHistory0.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}


.tb_wfAccHistory0.table-bordered td, .tb_wfAccHistory0.table-bordered th {
    border-right: solid #2277ff 1px !important;
    border-left: 1px solid #2277ff !important;
}

span#txtbtnMANUALSETTING {
    top: -5px;
    position: relative;
}