a, a:link, a:visited {
    text-decoration: none;
}

li, ul {
    list-style: none;
}

* {
    font-family: Tahoma,Arial,Helvetica,STHeiti;
}

#afui {
    background-color: #f5f5f5;
}

.formctr {
    margin: 10px;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 28px;
}

#afui .formctr input[type=password], #afui .formctr input[type=text] {
    padding: 30px 10px;
    margin: 10px 0;
    font-size: 30px;
    color: #666;
    box-shadow: inset 0 3px 8px #ccc;
}

.contactcontainer {
    margin-top: 40px;
    overflow: hidden;
    font-size: 30px;
}

    .contactcontainer > div {
        float: left;
    }

    .contactcontainer a {
        font-weight: 700;
    }

    .contactcontainer .leftctr {
        width: 20%;
    }

    .contactcontainer .rightctr {
        width: 80%;
        padding-left: 20px;
    }

        .contactcontainer .rightctr .joinus {
            border-bottom: 2px solid #6c7785;
            width: 100%;
            overflow: hidden;
        }

            .contactcontainer .rightctr .joinus a {
                margin-left: 20px;
                color: #6c7785;
            }

        .contactcontainer .rightctr .contactus {
            margin-top: 10px;
        }

            .contactcontainer .rightctr .contactus a {
                color: #5594d0;
            }

.login {
    padding: 10px;
    width: 90%;
    margin: 0 auto;
}

.logo {
    text-align: center;
    margin: 35px auto;
    background: url(images/logo/sport368.png) center no-repeat;
    display: inline-block;
    height: 100px;
    width: 100%;
    background-size: contain;
}

    .logo img {
        height: 80px;
    }

.container {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

    .container .llist {
        padding: 20px 0 10px;
    }

        .container .llist li {
            padding: 3px 25px;
        }

        .container .llist .line {
            margin-bottom: 10px;
            padding: 0;
            border-bottom: 1px solid #eee;
        }

    .container div {
        background: #fff;
    }

#afui select#sltLangues {
    height: 60px;
}

#afui .footer {
    background-color: #fff;
    border-top: none;
    height: 40px;
}

#afui .toolbar .button {
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
}

#afui .toolbar .btnblack1 {
    background-image: linear-gradient(to bottom,#4f5760,#2c2f33);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#2c2f33),to(#4f5760));
}

#afui .toolbar .btngray {
    background-image: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
}

#afui .toolbar .button-grouped .selbtn {
    background-image: linear-gradient(to bottom,#0467b3,#015596);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#015596),to(#0467b3));
}

#afui .button-grouped > .button:first-child {
    border-left: 1px solid #6b85bf;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#afui .button-grouped * {
    border-radius: 0;
    float: left;
    border-left: 0 solid transparent;
    border-right: 1px solid #6b85bf;
    border-bottom: 1px solid #6b85bf;
    border-top: 1px solid #6b85bf;
    margin: 0;
    padding: 0 15px;
}

#afui .backButton::before {
    content: url(images/A04_back.png);
    transform: none;
    -webkit-transform: none;
    left: -5px;
    top: 6px;
}

#afui .header .button {
    height: 100%;
}

#afui header .backButton {
    width: 80px;
    overflow: inherit;
    left: 10px;
}

#afui .container input[type=password], #afui .container input[type=text] {
    margin: 10px 0;
    font-size: 30px;
    color: #666;
    -moz-box-shadow: inset 0 3px 8px #ccc;
    -webkit-box-shadow: inset 0 3px 8px #ccc;
    box-shadow: inset 0 3px 8px #ccc;
    border-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 30px;
    height: 60px;
    padding-left: 18px;
}

#afui .container input[type=checkbox] + label {
    float: none;
    margin-left: 70px;
    font-size: 30px;
    margin-bottom: 10px;
    color: #666;
    font-weight: 500;
}

    #afui .container input[type=checkbox] + label:before {
        border: none;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        left: -65px;
        color: #025496;
        font-weight: 700;
        background: #FFF !important;
        top: 0;
        box-shadow: 0 2px 6px #888;
        padding: 10px;
        width: .8em;
        height: .8em;
    }

#afui #login input[type=checkbox]:checked + label:before {
    content: url(images/A42.png);
}

.btnloginbg {
    padding: 8px;
    background-color: rgba(0,0,0,.1);
    height: 88px;
    text-align: center;
    line-height: 88px;
    text-decoration: none;
    font-size: 36px;
    font-weight: 500;
    display: inherit;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.btnlogintext {
    background: #116fb7;
    background: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -moz-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
    height: 70px;
    text-align: center;
    color: #fff;
    line-height: 70px;
    font-size: 36px;
    font-weight: 500;
    display: inherit;
    border: 2px groove #8ea2cf;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 100%;
}

.btn {
    border: none;
    height: 60px;
    text-align: center;
    color: #fff;
    line-height: 60px;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    display: inherit;
    background-size: 95% 100%;
}

.btngray {
    background: #116fb7;
    background: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -moz-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
    width: 80%;
    border: 1px solid #4964AF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    margin: 0 auto;
}

.btnWhite {
    color: #666 !important;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(top,#FFF 0,#C7C7C7 100%);
    background: -moz-linear-gradient(top,#FFF 0,#C7C7C7 100%);
    background: -ms-linear-gradient(top,#FFF 0,#C7C7C7 100%);
    background: -o-linear-gradient(top,#FFF 0,#C7C7C7 100%);
    background: linear-gradient(to bottom,#FFF 0,#C7C7C7 100%);
    width: 80%;
    border: 1px solid #bbb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    margin: 0 auto;
}

.contact-login {
    background: url(images/A45.png) center top no-repeat;
    height: 104px;
}

.copyright {
    color: #444;
    text-align: center;
    line-height: 40px;
    font-weight: 400;
    font-size: 16px;
}

.versioninfo {
    margin: 10px 0;
}

    .versioninfo .btnversion {
        width: 50%;
        float: left;
    }

.topmenu {
    width: 100%;
    height: 78px;
    display: inherit;
    line-height: 78px;
    text-align: center;
    background: #015596;
    background: -webkit-gradient(linear,left top,left bottom,from(#116fb7),to(#015596));
    background: linear-gradient(#116fb7,#015596);
    border-bottom: 1px solid #9BB9FF;
}

    .topmenu a {
        z-index: 251;
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
    }

    .topmenu li {
        overflow: hidden;
        padding: 0;
        margin: 0;
        display: inherit;
        height: 100%;
        float: left;
        width: 41%;
        border-right: 2px solid rgba(0,30,72,.6);
        border-left: 2px solid rgba(255,255,255,.4);
    }

        .topmenu li:first-child {
            border-left: 0 none;
        }

        .topmenu li:last-child {
            width: 18%;
            border-right: 0 none;
        }

.livetopmenu {
    background-color: #ec7749;
    background: -webkit-linear-gradient(top,#ec7749 0,#d35e30 100%);
    background: -moz-linear-gradient(top,#ec7749 0,#d35e30 100%);
    background: -ms-linear-gradient(top,#ec7749 0,#d35e30 100%);
    background: -o-linear-gradient(top,#ec7749 0,#d35e30 100%);
    background: linear-gradient(to bottom,#ec7749 0,#d35e30 100%);
}

#afui .livetopmenu .backButton::before {
    content: url(images/back_orange.png);
}

#afui #header {
    height: 78px;
    border-bottom: 0;
    box-shadow: 0 2px 2px #ccc;
}

.maxheader {
    height: 156px !important;
}

.updating {
    background: url(images/blink2.gif) !important;
}

.betoddupdating {
    background: url(images/blink2.gif) !important;
    color: #f30;
}

.moreleague {
    display: inline-block;
    width: 100%;
    height: 74px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 74px;
    font-weight: 700;
    box-shadow: 0 2px 2px #888;
    background: linear-gradient(to bottom,#0467b3,#015596);
    background: -moz-linear-gradient(to bottom,#0467b3,#015596);
    background: -webkit-linear-gradient(to bottom,#0467b3,#015596);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#015596),to(#0467b3));
}

.ico {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    position: relative;
    top: 9px;
}

.parlay {
    background: url(images/A01_flag.png) center center no-repeat;
}

.lg {
    background: url(images/A01_soccer.png) center center no-repeat;
}

.more {
    background: url(images/A04_menu.png) center center no-repeat;
    top: 0;
}

#afui .panel {
    padding: 0;
}

#afui .button-grouped {
    display: inline-block;
    margin: 10px 5px;
}

.toolbar {
    margin: 0;
    background: #79a0d7;
    text-align: center;
}

#mybetBtnGroup.button-grouped {
    display: none;
}

    .toolbar a, .topmenu .toolbar a {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        display: initial;
        padding: 10px 30px;
        width: auto;
        line-height: 57px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.btnblack {
    background-image: linear-gradient(to bottom,#4f5760,#2c2f33);
    background: linear-gradient(to bottom,#4f5760,#2c2f33);
    background: -moz-linear-gradient(to bottom,#4f5760,#2c2f33);
    background: -webkit-linear-gradient(to bottom,#4f5760,#2c2f33);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#2c2f33),to(#4f5760));
    margin-right: 20px;
}

.btnMixpar {
    background: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -moz-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
    margin-right: 20px;
}

.livescore_mybets {
    background: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -moz-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(255,255,255,.43);
    box-shadow: 0 2px 2px rgba(255,255,255,.2);
}

.leaguetitle {
    text-shadow: 0 1px 0 #ccc;
    word-wrap: break-word;
    word-break: normal;
    border: 1px solid #9bb6df;
    background: #7da2d5;
    background: -webkit-gradient(linear,left top,left bottom,from(#e8eff9),to(#7da2d5));
    background: linear-gradient(#e8eff9,#7da2d5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(0,0,0,.15);
    box-shadow: inset 0 2px 0 rgba(255,255,255,.65),0 1px 2px rgba(0,0,0,.15);
    font-size: 22px;
    color: #444;
    font-weight: 700;
    text-align: left;
    padding: 15px;
    box-shadow: 0 0 8px #ccc;
    border-bottom: 2px solid #1b1e21;
}

#afui .leaguetitle p {
    margin: 0;
}

.blacknum {
    background: linear-gradient(to bottom,#757b81,#13161a);
    background: -moz-linear-gradient(to bottom,#757b81,#13161a);
    background: -webkit-linear-gradient(to bottom,#757b81,#13161a);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#13161a),to(#757b81));
    border-top-left-radius: 40%;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
    border: 2px solid #fff;
    display: inline-block;
    height: 35px;
    position: relative;
    top: 2px;
    width: 50px;
    border-radius: 40%;
    -webkit-border-radius: 40%;
    line-height: 32px;
    text-align: center;
    margin: 5px 10px;
}

.bluenum {
    background: linear-gradient(to bottom,#91bfe5,#13479e);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#13479e),to(#91bfe5));
    border: 2px solid #fff;
    display: inline-block;
    height: 35px;
    position: relative;
    top: 2px;
    width: 50px;
    border-top-left-radius: 40%;
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
    line-height: 32px;
    text-align: center;
    margin: 5px 10px;
}

.rednum {
    background: linear-gradient(to bottom,#e2a2a2,#962121);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#962121),to(#e2a2a2));
    border: 2px solid #fff;
    display: inline-block;
    height: 35px;
    position: relative;
    top: 2px;
    width: 50px;
    border-radius: 40%;
    line-height: 32px;
    text-align: center;
    margin: 5px 10px;
}

.matchdetail {
    width: 100%;
    float: left;
    background: #eaf0f3;
}

.teamarea {
    height: 90px;
    background: #0467b3;
}

    .teamarea .ico-live {
        background: url(images/A08.png) #333c4a no-repeat;
        display: inline-block;
        height: 70px;
        width: 100%;
        min-width: 80px;
    }

    .teamarea > div {
        float: left;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .teamarea .livearea {
        width: 14%;
        height: 100%;
        line-height: 0;
        float: left;
        overflow: hidden;
    }

        .teamarea .livearea .stalink {
            height: 20px;
            width: 100%;
            display: block;
        }

        .teamarea .livearea .stat {
            height: 30px;
            background: url(images/statistics.png) center bottom #233c6d no-repeat;
            width: 100%;
            display: block;
        }

        .teamarea .livearea .livedesc {
            height: 30px;
            color: #f1f1f1;
            width: 100%;
            display: block;
            margin-bottom: 5px;
        }

        .teamarea .livearea .living {
            background: #c80000;
            color: #fff;
            border-bottom: 1px solid #000;
            box-shadow: 0 1px 0 rgba(255,255,255,.1);
        }

    .teamarea .livearea1 {
        background: url(images/A08_1.png) #333c4a no-repeat;
    }

    .teamarea .livearea .time {
        height: 22px;
        display: block;
        text-align: center;
        min-width: 80px;
        line-height: 22px;
        color: #fff;
        font-size: 16px;
    }

    .teamarea .livearea .earlytime {
        bottom: -40px;
    }

    .teamarea .livearea .rtickt {
        background: url(images/icon_tick.gif) top right no-repeat;
        display: inline-block;
        width: 3px;
        height: 7px;
        position: relative;
        top: -7px;
        left: -1px;
    }

    .teamarea .timecontain {
        background: #233c6d;
        max-width: 100px;
        height: 100%;
    }

    .teamarea .home {
        width: 30%;
    }

        .teamarea .home .homename {
            font-size: 16px;
            font-weight: 700;
            color: #aed6ec;
            float: right;
            text-align: right;
            padding-right: 10px;
            padding-top: 5px;
            width: 100%;
        }

    .teamarea .teamname {
        word-wrap: break-word;
        width: 100%;
        display: block;
    }

    .teamarea .redcarlist {
        width: 100%;
    }

        .teamarea .redcarlist .redcard {
            width: 12px;
            height: 20px;
            display: block;
            background: red;
            float: right;
            margin: 0 2px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            box-shadow: 0 1px 1px #222;
        }

    .teamarea .score {
        width: 12%;
        background: #3271bc;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        line-height: 85px;
        text-align: center;
    }

        .teamarea .score .spscore {
            display: inline-block;
            width: 45%;
            height: 100%;
        }

        .teamarea .score .spline {
            display: inline-block;
            width: 5%;
        }

    .teamarea .refresh {
        background: url(images/A10_reload_grey.png) center center #233c6d no-repeat;
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        max-width: 80px;
        float: right;
    }

    .teamarea .away {
        width: 30%;
        color: #f30;
        padding-top: 5px;
        font-size: 16px;
        font-weight: 700;
        padding-left: 10px;
    }

        .teamarea .away .redcarlist .redcard {
            float: left;
        }

    .teamarea .refreshmatch {
        width: 14%;
        float: right;
    }

.oddlist {
    width: 100%;
    float: left;
}

.live {
    background: rgba(255,84,84,.2);
}

.matchdetail .headerinfo {
    height: 40px;
    overflow: hidden;
}

    .matchdetail .headerinfo h3, .oddlist h3 {
        color: #777;
        text-align: center;
        width: 33.2%;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

#afui .matchdetail .headerinfo h3 p, #afui .oddlist h3 p {
    margin: 0;
    float: left;
    width: 42%;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    color: #838383;
    letter-spacing: -2px;
}

#afui .matchdetail .headerinfo h3 .first, #afui .oddlist h3 .first {
    margin: 0 0 0 12%;
}

.matchdetail .headerinfo {
    height: 30px;
    overflow: hidden;
    margin: 5px 0;
}

#afui .oddcol4 .headerinfo h3, #afui .oddcol4 h3 {
    width: 25%;
}

    #afui .oddcol4 .headerinfo h3 p, #afui .oddcol4 h3 p {
        width: 99%;
    }

#afui .oddcol4 .oddbox {
    width: 25%;
}

    #afui .oddcol4 .oddbox .column {
        width: 80%;
    }

    #afui .oddcol4 .oddbox .left {
        width: 15% !important;
    }

#afui .emptyrow {
    text-align: right;
    width: 100%;
}

    #afui .emptyrow .oddbox {
        height: auto;
        float: right;
        position: relative;
        width: 33.2%;
    }

.clear {
    clear: both;
}

.oddlist .oddbox {
    width: 33.2%;
    float: left;
    -webkit-box-sizing: border-box;
}

.column {
    width: 41%;
    float: left;
    margin-right: 2.5%;
}

    .column .odd {
        cursor: pointer;
        display: block;
        width: 100%;
        text-align: center;
        height: 65px;
        position: relative;
        border-radius: 6px;
        margin-bottom: 12px;
        background: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .column .empty {
        background: 0;
        box-shadow: none;
    }

    .column .list {
        height: 70px;
        padding-top: 0;
        position: relative;
        z-index: 11;
    }

    .column .titleinfo {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #6e6e6e;
        margin: 5px 0;
        white-space: nowrap;
    }

.oddbox .left {
    width: 11%;
    margin-right: 2%;
}

    .oddbox .left b:nth-child(2), .oddbox .left b:nth-child(3) {
        margin-top: 45px;
    }

.column .odd a {
    line-height: 58px;
    height: 84px;
    display: block;
    text-shadow: 0 1px 0 #eee;
    border-radius: 12px;
    padding-top: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mr {
    background: #CEE6C2 !important;
}

    .mr .oddbox .column .odd a {
        background: -webkit-linear-gradient(90deg,#CEE6C2 0,#FFF 56%);
        background: -moz-linear-gradient(90deg,#CEE6C2 0,#FFF 56%);
        background: -o-linear-gradient(90deg,#CEE6C2 0,#FFF 56%);
        background: -ms-linear-gradient(90deg,#CEE6C2 0,#FFF 56%);
    }

.oddbox .column .odd a {
    letter-spacing: -1px;
    line-height: 55px;
    height: 65px;
    width: 100%;
    display: block;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a0a0a0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-top: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f7f7f7;
    background: -webkit-linear-gradient(90deg,#DDD 0,#FFF 56%);
    background: -moz-linear-gradient(90deg,#DDD 0,#FFF 56%);
    background: -o-linear-gradient(90deg,#DDD 0,#FFF 56%);
    background: -ms-linear-gradient(90deg,#DDD 0,#FFF 56%);
}

.oddbox .otherpanel {
    display: inline-block;
    height: 70px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 70px;
    margin: 5px;
    width: 82%;
    text-align: center;
    background: #0567b3;
    background: -moz-linear-gradient(to bottom,#178ae2,#0567b3);
    background: -webkit-gradient(linear,left top,left bottom,from(#178ae2),to(#0567b3));
    background: linear-gradient(#178ae2,#0567b3);
    border-radius: 10px;
}

    .oddbox .otherpanel:before {
        content: "+";
        margin-right: 4px;
        font-size: 24px;
    }

.oddbox .showdetail:before {
    content: "-";
}

.oddbox .column .odd span {
    display: block;
    width: 100%;
    height: 4px;
    font-size: 22px;
    font-weight: bolder;
    color: #7299d0;
    line-height: normal;
    margin: 0 0 9px;
}

    .oddbox .column .odd span[name=mr] {
        display: initial;
        font-weight: 700;
    }

    .oddbox .column .odd span .mrball {
        color: #b70909 !important;
        display: initial;
    }

#afui .oddbox .column .odd p {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #5a5064;
    text-shadow: 0 1px 0 #f5f5f5;
    vertical-align: middle;
    letter-spacing: -1px;
    line-height: 55px;
}

#afui .oddbox .column .odd .selodd {
    background: #BCCDF5;
}

    #afui .oddbox .column .odd .selodd > p {
        color: #444;
    }

    #afui .oddbox .column .odd .selodd > span {
        color: #0C4698;
    }

.oddbox .column b {
    font-size: 18px;
    padding: 4px 0;
    display: block;
    margin: 20px 2px 0 -6.5px;
    text-align: center;
    color: #535e6b;
    white-space: nowrap;
}

.oddbox .column .odd.nonDisplay {
    float: left;
    background: 0;
    box-shadow: none;
    visibility: hidden;
}

.oddbox .column .odd.nonDisplay1 {
    float: left;
    background: 0;
    box-shadow: none;
    visibility: hidden;
}

.oddbox[name=oe] .column .odd.nonDisplay {
    float: left;
    background: 0;
    box-shadow: none;
    visibility: hidden;
}

.parlaybetview .oddbox[name=oe] .column .odd.nonDisplay {
    float: left;
    background: 0;
    box-shadow: none;
    visibility: hidden;
}

.btnplus {
    background: url(images/A12_plus.png) #fff center center no-repeat;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
}

.tipico {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
}

.redright {
    background: url(images/red.png);
    right: -1px;
    bottom: -1px;
}

.greentop {
    background: url(images/green.png);
    right: -2px;
    top: -1px;
}

.doch .dc {
    width: 100% !important;
    padding-left: 1%;
    padding-right: 1%;
}

    .doch .dc .column {
        width: 25%;
        padding: 0 1%;
        margin: 0;
    }

#oetgBetview .teamarea .home .livearea .time {
    background: #0a0c0e;
    display: inline-block;
    text-align: center;
    min-width: 80px;
    line-height: 24px;
    color: #fff;
    font-size: 18px;
    position: relative;
    bottom: -48px;
}

#afui .list_1X2 h3 .first {
    padding: 0 0 0 12%;
    margin: 0;
    width: 100%;
}

#afui .list_1X2 h3 .firstNg {
    font-size: 18px;
    margin-left: 30%;
}

#afui .list_1X2 h3:nth-of-type(even) {
    background: 0;
}

#afui .list_1X2 .left {
    width: 14%;
}

#afui .list_1X2 .right {
    width: 81%;
}

#afui .list_1X2 h3 {
    width: 50%;
}

#afui .list_1X2 .oddbox {
    width: 50%;
}

#htftBetview .teamarea .home .livearea .time {
    bottom: 22px;
    line-height: 24px;
}

#afui .htft h3 {
    width: 33.3%;
    height: 30px;
}

.htft .oddlist h3 {
    height: 24px;
}

#afui .htft h3 p {
    width: 31%;
    margin: 0 1.16%;
}

#afui .htft .oddbox {
    padding: 0;
    width: 100%;
}

    #afui .htft .oddbox .column {
        width: 10%;
        margin: 0 .55%;
        padding: 0;
    }

#afui .htft h3:nth-of-type(even) {
    background: 0;
}

.fglg .column .ng {
    height: 152px;
    margin-left: 14%;
}

    .fglg .column .ng a {
        height: 152px;
    }

#fglfBetView .teamarea .home .livearea .time {
    bottom: 20px;
    line-height: 24px;
}

#afui .fglg .column .ng p {
    line-height: 140px;
}

#afui .fglg h3 {
    width: 33.3%;
}

#afui .fglg .oddbox {
    width: 33.2%;
}

#csbetview .teamarea .home .livearea .time {
    bottom: 20px;
    line-height: 24px;
}

.oe .oebox {
    width: 100% !important;
    padding-left: 1%;
    padding-right: 1%;
}

    .oe .oebox .column {
        width: 50%;
        padding: 0 1%;
        margin: 0;
    }

.tg .tgbox {
    width: 100% !important;
    padding-left: 1%;
    padding-right: 1%;
}

    .tg .tgbox .column {
        width: 25%;
        padding: 0 1%;
        margin: 0;
    }

.cs .csbox {
    width: 100% !important;
    padding-left: 1%;
    padding-right: 1%;
}

#afui .csbox .column .odd p {
    font-size: 20px;
}

.cs .csbox .column {
    width: 12.5%;
    padding: 0 1%;
    margin: 0;
}

.cs .column .max {
    height: 152px;
}

    .cs .column .max a {
        height: 152px;
    }

#afui .cs .column .max p {
    line-height: 152px;
}

#afui .outright .oddbox {
    width: 100%;
}

    #afui .outright .oddbox .column {
        margin: 0;
    }

    #afui .outright .oddbox .leftcolumn {
        width: 60%;
        font-size: 20px;
        color: #5a5064;
        vertical-align: middle;
        letter-spacing: -1px;
        height: 83px;
        line-height: 83px;
        padding-left: 2%;
        word-wrap: break-word;
        overflow: hidden;
    }

    #afui .outright .oddbox .rightcolumn {
        width: 38%;
        margin-left: 2%;
        padding-left: 2%;
        padding-right: 2%;
        background: #d1e2ea;
    }

        #afui .outright .oddbox .rightcolumn .odd {
            margin-top: 12px;
        }

.parlaybetview .col4view .oddbox, .parlaybetview .col4view h3 {
    width: 28%;
}

    .parlaybetview .col4view div[name=oe], .parlaybetview .col4view h3[name=oe] {
        width: 16%;
    }

        .parlaybetview .col4view h3[name=oe] p {
            width: 99% !important;
        }

        .parlaybetview .col4view div[name=oe] .left {
            width: 20% !important;
        }

        .parlaybetview .col4view div[name=oe] .column {
            width: 75%;
        }

#afui .parlaybetview .oddbox .column .odd p {
    font-size: 20px;
}

.otherodds {
    width: 100%;
}

    .otherodds .oddsname {
        height: 50px;
        background: #3383c1;
        color: #fff;
        padding: 10px;
        vertical-align: middle;
        font-size: 20px;
        font-weight: 700;
    }

#afui .graylist {
    background: rgba(17,111,183,0.85);
    color: #fff;
    font-size: 30px;
    margin: 0 !important;
}

    #afui .graylist > li > a:after {
        content: '';
    }

    #afui .graylist li {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #333;
        padding: 25px 20px 25px 30px;
        display: inline-block;
        width: 100%;
    }

        #afui .graylist li:last-child {
            border-bottom: none;
        }

    #afui .graylist > li > a {
        padding: 20px 20px 20px 100px;
        text-shadow: 0 1px 0 #170A0A;
    }

#afui #bet {
    max-height: 630px;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
    border-radius: 20px 20px 0 0;
}

#afui .betform {
    background: rgba(17,111,183,0.85);
    color: #fff;
    font-size: 24px;
    margin: 0 !important;
    border-radius: 20px;
}

    #afui #bet .betform-header {
        width: 100%;
        height: 60px;
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 0 0 0;
        background-color: #333;
        opacity: 0.8;
    }

    /*** close button ***/
    /*
    #afui #bet .btn-close {
        height: 40px;
        width: 40px;
        background-color: transparent;
        border: none;
        margin-right: 10px;
    }

    #afui #bet .btn-chevron:before {
        border-color: white;
        border-style: solid;
        border-width: 10px 10px 0 0;
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        position: relative;
        vertical-align: top;
    }

        #afui #bet .btn-chevron.up:before {
            transform: rotate(0deg);
        }

        #afui #bet .btn-chevron.down:before {
            transform: rotate(-180deg);
        }
    */
    #afui #bet .btn-close {
        position: relative;
        background-color: transparent;
        width: 40px;
        height: 40px;
        border: none;
        cursor: pointer;
        margin: 0 15px 0 0;
    }

        #afui #bet .btn-close:before, .btn-close:after {
            content: '';
            position: absolute;
            top: 0;
            left: 14px;
            height: 40px;
            width: 10px;
            background-color: #fff;
        }

            #afui #bet .btn-close:before {
                transform: rotate(-45deg);
            }

            #afui #bet .btn-close:after {
                transform: rotate(45deg);
            }
    /********************/

    #afui .betform .paroddslist {
        height: calc(100% - 60px - 484px);
        overflow-x: hidden;
        margin: 0 5px;
    }

        #afui .betform .paroddslist p {
            margin: 10px 0 0 0;
            padding: 0;
            line-height: 30px;
        }

    #afui .betform li {
        border-bottom: 1px groove #fff;
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

        #afui .betform li:last-child {
            border-bottom: none;
        }

    #afui .betform > li > p {
        padding: 5px 0;
        margin: 0;
        width: 100%;
        padding-right: 4%;
        font-size: 24px;
        font-family: Tahoma,Arial,Helvetica,STHeiti;
        font-weight: bolder;
        color: #fff;
        line-height: 24px;
    }

    #afui .betform > li .odds {
        width: 88%;
        float: left;
        font-size: 24px;
        padding: 15px 10px;
        background: #b2d1ff;
        color: #444;
        text-shadow: 0 1px 0 #444;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #afui .betform > li .maxodds {
        width: 100%;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #afui .betform > li .refresh {
        width: 11%;
        height: 64px;
        float: left;
        cursor: pointer;
        display: inline-block;
        background: url(images/A10_reload_grey.png) #b2d1ff center center no-repeat;
        margin-left: 1%;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #afui .betform > li .betamt {
        overflow: hidden;
        background: #fff;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 64px;
    }

        #afui .betform > li .betamt input {
            color: #222;
            width: 80%;
            border: none;
            height: 100%;
            padding: 2px;
            margin-bottom: 0;
            font-weight: 700;
            font-size: 40px;
        }

        #afui .betform > li .betamt .currencyname {
            color: #222;
            padding: 10px;
            width: 10%;
            position: relative;
            top: -6px;
        }

        #afui .betform > li .betamt .btnbet {
            cursor: pointer;
            z-index: 100;
            width: 200px;
            background: #0467b3;
            display: inline-block;
            position: absolute;
            top: 14px;
            right: 15px;
            padding: 10px 10px;
            text-align: center;
            font-weight: 700;
            font-size: 30px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

    #afui .betform > li .betamtlist {
        margin: 10px 0;
        color: #444;
        text-align: center;
        font-size: 40px;
        font-weight: 700;
    }

    #afui .betform > li select {
        color: #535e6b;
    }

    #afui .betform > li .betamtlist span {
        cursor: pointer;
        display: inline-block;
        width: 32.3%;
        height: 100%;
        margin-right: 1%;
        background: #fff;
        padding: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        #afui .betform > li .betamtlist span:last-child {
            margin-right: 0;
        }

    #afui .betform > li .limitamt {
        display: inline-block;
        margin-left: 10px;
        margin-right: 20px;
        color: #9CF;
        text-shadow: 0 1px 0 #9CF;
    }

    #afui .betform .del {
        cursor: pointer;
        float: right;
        position: relative;
        top: -60px;
        right: -15px;
    }

    #afui .betform .ball {
        text-shadow: 0 1px 0 #444;
    }

.func {
    display: inline-block;
}

.mybets {
    background: url(images/A31_bets.png) left center no-repeat;
}

.statement {
    background: url(images/A31_statement.png) left center no-repeat;
}

.balance {
    background: url(images/A31_balance.png) left center no-repeat;
}

.contact {
    background: url(images/A31_contact.png) left center no-repeat;
}

.faq {
    background: url(images/A31_faq.png) left center no-repeat;
}

.notice {
    background: url(images/A31_notice.png) left center no-repeat;
}

.results {
    background: url(images/A31_results.png) left center no-repeat;
}

.chat {
    background: url(images/chat.png) left center no-repeat;
}

.settings {
    background: url(images/A31_settings.png) left center no-repeat;
}

.signout {
    background: url(images/A31_signout.png) left center no-repeat;
}

.funcheader {
    height: 70px;
    background: url(/style/images/A13.png) repeat-x;
}

.welcome {
    float: left;
    height: 100%;
    vertical-align: middle;
    line-height: 70px;
    font-size: 30px;
    color: #444;
    padding: 0 10px;
    width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 0 #eee;
}

.balanceamt {
    font-size: 30px;
    color: #fff;
    padding: 0 10px;
    width: 40%;
}

.rightctr {
    width: 60%;
    float: right;
}

    .rightctr > div {
        height: 60px;
        margin-top: 10px;
        float: right;
        line-height: 60px;
        color: #57a0da;
    }

.balinfo {
    float: right;
    padding: 0 10px;
    background: url(images/A14_center.png) repeat-x;
    font-size: 30px;
}

.bleft {
    background: url(images/A14_left.png) left center no-repeat;
    width: 32px;
}

.bright {
    background: url(images/A14_right.png) left center no-repeat;
    width: 32px;
    margin-right: 10px;
}

.ctr {
    margin-bottom: 20px;
}

.bluebg {
    background: #0467b3;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
}

#afui .bluebg input[type=date], #afui .bluebg select {
    height: 50px;
    width: 30%;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 0 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.graybg {
    background: #ebe8e8;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    min-height: 90px;
}

.selectbg {
    color: #fff;
    background: linear-gradient(to bottom,#116fb7,#0467b3);
    background: -moz-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-linear-gradient(to bottom,#116fb7,#0467b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
}

#afui select {
    -webkit-appearance: listbox;
    width: 100%;
    margin-bottom: 0;
    height: 66px;
    font-size: 30px;
    font-weight: 500;
    background: url(images/a50.png) #fff right center no-repeat;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.betsbox {
    text-shadow: 0 1px 0 #eee;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px #999;
}

.paymentdetails {
    background-color: #f5f5f5;
    font-size: 26px;
}

    .paymentdetails div {
        padding: 6px 5px;
    }

#afui .betsbox p {
    font-size: 19px;
    font-weight: 700;
    color: #838383;
    margin: 14px 0;
    padding-left: 10px;
}

#afui .betsbox .desc {
    line-height: 24px;
    margin: 5px 0 0 0;
}

.grayline {
    border-bottom: 2px solid #ebe8e8;
    margin: 10px 0;
    clear: both;
}

#afui .text24-bold {
    font-size: 24px !important;
    font-weight: 700;
}

#afui .text22-bold {
    font-size: 22px !important;
    font-weight: 700;
}

#afui .text20-bold {
    font-size: 20px !important;
    font-weight: 700;
}

#afui .text30-bold {
    font-size: 30px !important;
}

#afui .text20-bold {
    font-size: 20px !important;
    font-weight: 700;
}

#afui .text26-bold {
    font-size: 26px !important;
    font-weight: 700;
}

#afui .text18 {
    font-size: 18px;
    font-weight: 700;
    margin: 5px;
}

.a9aeb5 {
    color: #a9aeb5 !important;
}

.b70909 {
    color: #b70909 !important;
    margin: 0 10px;
}

.black {
    color: #535e6b !important;
}

.fff {
    color: #fff !important;
}

.c535e6b {
    color: #5a5064 !important;
    text-shadow: 0 1px 0 #5a5064;
}

.c00deff {
    color: #00deff !important;
    text-shadow: 0 1px 0 #00deff;
}

.aed6ec {
    color: #aed6ec !important;
}

.e51010 {
    color: #b70909 !important;
    text-shadow: 0 1px 0 #b70909;
}

.ff3300 {
    color: red !important;
    text-shadow: 0 1px 0 #444;
}

.E90909 {
    color: #E90909 !important;
}

.footballbg {
    background: #777;
    width: 72px;
    height: 72px;
    float: left;
    position: absolute;
    box-shadow: 0 2px 8px #C7BFBF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.football {
    background: url(images/A22.png) center center no-repeat;
    display: inline-block;
    width: 72px;
    z-index: 100;
    height: 72px;
}

.matchinforight {
    float: left;
    margin-left: 72px;
}

#afui .matchinforight p {
    margin: 6px 0;
}

.matchstatus {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    display: inline-block;
    float: right;
    border: 2px solid #ccc;
}

.waitting {
    background: #b64c4c;
}

.running {
    background: #116fb7;
}

.lose {
    background: #b64c4c;
}

.won {
    background: #116fb7;
}

.pending {
    background: #DB8D26;
}

.winloseinfo {
    float: right;
}

.winloseamt {
    color: #5594d0;
}

.normal {
    font-weight: 400 !important;
}

.bet_cancle {
    background: #ccc;
}

.selectgroup {
    width: 100%;
    overflow: hidden;
    zoom: 1;
}

    .selectgroup select {
        width: 47% !important;
        margin: 0 2%;
        color: #949494 !important;
    }

        .selectgroup select:last-child {
            margin-left: 0;
        }

.fleft {
    float: left;
    font-size: 26px;
}

.fright {
    float: right;
    font-weight: 100;
    font-size: 26px;
}

.bottomradius {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.statementctr {
    background: #fff;
}

.statementitem {
    border-top: 1px solid #243d6e;
}

    .statementitem .daterow {
        width: 100% !important;
        background-image: linear-gradient(to bottom,#116fb7,#0467b3);
        background: -webkit-gradient(linear,100% 100%,100% 0,from(#0467b3),to(#116fb7));
        color: #fff;
        font-size: 26px;
        padding: 10px 20px;
        font-weight: 700;
    }

#afui .homeheader {
    width: 30%;
    float: right;
}

#afui .homeico {
    display: block;
    text-align: right;
    cursor: pointer;
}

    #afui .homeico:before {
        content: url(images/home.png);
        position: absolute;
        top: 6px;
        right: 10px;
    }

.statementitem .betlist {
    padding: 10px 20px;
    background: #f5f5f5;
    display: none;
}

.statementctr .sgrid {
    padding: 15px 1%;
}

    .statementctr .sgrid .drow {
        width: 90%;
    }

    .statementctr .sgrid:last-child {
        border-bottom: none;
    }

.nobottom {
    border-bottom: none !important;
}

.statementitem:last-child {
    border-bottom: none;
}

#afui .statementctr .sgrid .col2 {
    width: 50%;
    float: left;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#afui .statementctr .statementitem .selectbg .col2 {
    color: #fff;
}

#afui .selectbg .winloseamt {
    color: #00deff;
}

.statementctr .sgrid {
    border-bottom: 1px solid #eee;
}

.statementctr .viewbets {
    width: 8%;
}

.pd10 {
    padding: 10px 15px;
}

    .pd10:last-child {
        border-bottom: none;
    }

.textleft {
    text-align: left !important;
}

.textright {
    text-align: right !important;
}

.arrowico {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 20px;
    padding-top: 25px;
}

.close {
    background: url(images/A25_collapse.png);
}

.open {
    background: url(images/A25_expand.png);
}

#afui .leaguelist {
    padding-top: 0 !important;
}

    #afui .bettypelist .selectbet, #afui .leaguelist .defaultsel {
        background: #0467b3;
    }

#afui .bettypelist {
    background: rgba(17,111,183,0.85);
    color: #fff;
    font-size: 30px;
    margin: 0 !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    #afui .bettypelist > li > a:after {
        content: '';
    }

    #afui .bettypelist li {
        border-bottom: 2px groove #fff;
        padding: 25px 20px 25px 30px;
    }

        #afui .bettypelist li:last-child {
            border-bottom: none;
        }

    #afui .bettypelist > li > a {
        padding: 20px 20px 20px 0;
    }

        #afui .bettypelist > li > a span {
            float: right;
            margin-right: 20px;
        }

    #afui .bettypelist .divider {
        padding-top: 10px;
        padding-bottom: 10px;
        top: 0;
        line-height: initial;
        font-size: 28px;
        color: #333;
        background-color: #b2d1ff;
    }

#afui .settinglist {
    padding: 0 10px;
    font-size: 26px;
    background: rgba(17,111,183,0.85);
    font-weight: 700;
    text-shadow: 0 1px 0 #170A0A;
}

    #afui .settinglist select {
        float: right;
        color: #888;
        margin-top: 5px;
        width: 50%;
        font-size: 26px;
        font-weight: 500;
        padding: 0 10px;
    }

    #afui .settinglist > li {
        color: #fff;
        width: 100%;
        line-height: 60px;
        padding: 10px 20px;
        display: inline-block;
        border-bottom: 2px groove #fff;
    }

        #afui .settinglist > li > a:after {
            right: 25px;
        }

        #afui .settinglist > li:last-child {
            border-bottom: none;
        }

#afui .msglist {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: table;
    background: #fff;
    border-collapse: separate;
    width: 100%;
}

    #afui .msglist .row {
        display: table-row;
    }

        #afui .msglist .row > div {
            display: table-cell;
            padding: 20px;
            border-bottom: 1px solid #ccc;
            font-size: 26px;
            vertical-align: middle;
        }

        #afui .msglist .row .datecol {
            width: 20%;
        }

        #afui .msglist .row .contentcol {
            width: 80%;
            word-wrap: break-word;
            word-break: break-all;
            border-left: 1px solid #ccc;
        }

.red {
    color: red !important;
}

.resultlist {
    font-weight: 700;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .resultlist .theader {
        background: rgba(17,111,183,0.85);
        color: #fff;
        font-size: 22px;
        text-align: center;
        line-height: 46px;
    }

        .resultlist .theader:first-child {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

    .resultlist .teaminforow {
        overflow: hidden;
        border-bottom: 2px groove #797676;
    }

        .resultlist .teaminforow > div {
            padding-left: 10px;
        }

    .resultlist .timecol {
        width: 30%;
        border-right: 1px solid rgba(244,247,250,.55);
    }

    .resultlist .teamscol {
        width: 70%;
    }

    .resultlist .htcol {
        width: 50%;
        border-right: 1px solid rgba(244,247,250,.55);
        text-align: center;
    }

    .resultlist .ftcol {
        width: 50%;
        text-align: center;
    }

    .resultlist .datarow {
        font-size: 22px;
        background: #fff;
    }

        .resultlist .datarow:last-child {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .resultlist .datarow .timecol {
            border-right: 1px solid rgba(244,247,250,.55);
        }

        .resultlist .datarow .blueteaminforow {
            border-bottom: 2px groove #F4F7FA;
            background: #CEDEF3;
        }

    .resultlist .teamrow {
        background: #F0F0F0;
    }

    .resultlist .scorerow {
        background: #CEDEF3;
    }

    .resultlist .theader .td {
        border-bottom: 2px groove #797676;
    }

    .resultlist .teaminforow .td {
        border-bottom: 1px solid rgba(244,247,250,.55);
    }

    .resultlist .teaminforow .outrighttd {
        padding: 20px 10px;
    }

    .resultlist .datarow:last-child .teaminforow:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .resultlist .datarow .htcol {
        border-right: 2px groove #f9f9f9;
        line-height: 50px;
    }

    .resultlist .datarow .ftcol {
        line-height: 50px;
    }

    .resultlist .leaguedesc {
        background: #ccc;
        padding: 10px;
        border-bottom: 2px groove #f9f9f9;
        font-size: 22px;
    }

#afui .contactlist {
    text-shadow: 0 1px 0 #170A0A;
    color: #fff;
    font-size: 28px;
    margin: 0 !important;
    background: rgba(17,111,183,0.85);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    #afui .contactlist .divider {
        padding-top: 0;
        background: #0467b3;
        color: #fff;
        border-bottom: 1px solid #ccc;
        line-height: 28px;
        border-top: none;
        font-size: 28px;
        padding: 15px;
        font-weight: 700;
    }

    #afui .contactlist li {
        border-bottom: 1px solid #ccc;
    }

        #afui .contactlist li:last-child {
            border-bottom: none;
        }

#afui .afPopup {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    #afui .afPopup > DIV {
        font-size: 30px;
        padding: 36px 32px;
    }

#afui .afPopup {
    padding: 0;
    width: 560px;
    border: solid 1px #4f5967;
}

    #afui .afPopup p {
        font-size: 26px;
        line-height: 26px;
    }

    #afui .afPopup > HEADER {
        height: 60px;
        padding: 15px 10px;
        background: #4f5967;
        color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 32px;
        background: linear-gradient(to bottom,#5975b8,#39549f);
        background: -moz-linear-gradient(to bottom,#5975b8,#39549f);
        background: -webkit-linear-gradient(to bottom,#5975b8,#39549f);
        background: -webkit-gradient(linear,100% 100%,100% 0,from(#39549f),to(#5975b8));
    }

    #afui .afPopup > FOOTER {
        border-top: 1px dashed #bebebe;
        background: #f5f5f5;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        #afui .afPopup > FOOTER > A {
            margin-top: 20px;
            background: #015596;
            background: -webkit-gradient(linear,left top,left bottom,from(#116fb7),to(#015596));
            background: -moz-linear-gradient(to bottom,#116fb7,#015596);
            background: linear-gradient(#116fb7,#015596);
            color: #fff;
            font-size: 24px;
        }

            #afui .afPopup > FOOTER > A#cancel {
                float: none;
                margin-right: 20px;
                background: linear-gradient(to bottom,#fff,#F3F4F7);
                background: -moz-linear-gradient(to bottom,#fff,#F3F4F7);
                background: -webkit-linear-gradient(to bottom,#fff,#F3F4F7);
                background: -webkit-gradient(linear,100% 100%,100% 0,from(#F3F4F7),to(#fff));
                color: #89a8d9;
            }

.afPopup > FOOTER > A#action {
    float: none;
}

#afui .afPopup > FOOTER > A {
    width: auto;
    min-width: 120px;
    width: 40%;
    font-size: 38px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8),0 2px 5px rgba(0,0,0,.7);
    border: 1px solid #58586F;
}

#afui .afPopup .errortips {
    color: #c51414;
    padding: 0 10px;
    font-size: 20px;
}

.wrapper {
    z-index: 100;
    width: 100%;
    overflow: auto;
    background: #222;
    position: absolute;
}

    .wrapper .scollerbar {
        width: 300%;
        float: left;
        height: 134px;
    }

        .wrapper .scollerbar ul {
            list-style: none;
            display: block;
            float: left;
            width: 100%;
            height: 134px;
            padding: 0;
            margin: 0;
            text-align: left;
            background: 0;
        }

            .wrapper .scollerbar ul li {
                display: block;
                vertical-align: middle;
                float: left;
                background: 0;
            }

#afui .cwrapper {
    z-index: 999;
    width: 100%;
    overflow: auto;
    position: absolute;
    top: 5px;
    bottom: 5px;
}

    #afui .cwrapper.betlistwrap {
        top: 145px;
    }

    #betswrapper.cwrapper.betlistwrap {
        top: 20px;
    }

    #afui .cwrapper.sportpanelwrap {
        top: 135px;
    }

    #afui .cwrapper.betviewwrap {
        top: 1px;
    }

    #afui .cwrapper.funcwrap {
        top: 70px;
    }

    #afui .cwrapper.statementwrap {
        top: 75px;
        margin: 0;
        padding-right: 5px;
    }

    #afui .cwrapper .hscroller {
        width: 100%;
        padding: 0;
        z-index: 999;
        overflow: hidden;
    }

.cwrapper .hscroller ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.pullDown, .pullUp {
    background: #fff;
    height: 40px;
    line-height: 40px;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 14px;
    color: #888;
}

    .pullDown .pullDownIcon, .pullUp .pullUpIcon {
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        background: url(/style/images/pull-icon.png) 0 0 no-repeat;
        -webkit-background-size: 40px 80px;
        background-size: 40px 80px;
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: 250ms;
    }

    .pullDown .pullDownIcon {
        -webkit-transform: rotate(0deg) translateZ(0);
    }

    .pullUp .pullUpIcon {
        -webkit-transform: rotate(-180deg) translateZ(0);
        background: none;
    }

    .pullDown.flip .pullDownIcon {
        -webkit-transform: rotate(-180deg) translateZ(0);
    }

    .pullUp.flip .pullUpIcon {
        -webkit-transform: rotate(0deg) translateZ(0);
    }

    .pullDown.loading .pullDownIcon, .pullUp.loading .pullUpIcon {
        background-position: 0 100%;
        -webkit-transform: rotate(0deg) translateZ(0);
        -webkit-transition-duration: 0ms;
        -webkit-animation-name: loading;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
    }

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
    }

    to {
        -webkit-transform: rotate(360deg) translateZ(0);
    }
}

.nodata {
    text-align: center;
    padding: 10px 0;
    font-size: 26px !important;
    font-weight: 700;
}

#afui #af_actionsheet {
    background: #eee;
}

    #afui #af_actionsheet a {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        color: #f8f8f8;
        padding: .4em;
        background: linear-gradient(to bottom,#59a2dc,#20599a);
        background: -moz-linear-gradient(to bottom,#59a2dc,#20599a);
        background: -webkit-linear-gradient(to bottom,#59a2dc,#20599a);
        background: -webkit-gradient(linear,100% 100%,100% 0,from(#10439c),to(#3d80c7));
    }

.tb {
    display: table;
    width: 100%;
}

    .tb .tr {
        display: table-row;
    }

        .tb .tr .td {
            display: table-cell;
            vertical-align: middle;
        }

@media screen and(max-width:500px) {
    #afui .text24-bold {
        font-size: 14px !important;
        font-weight: 700;
    }

    #afui .text30-bold {
        font-size: 20px !important;
        font-weight: 700;
    }

    #afui .text20-bold {
        font-size: 12px !important;
        font-weight: 700;
    }

    #afui .text26-bold {
        font-size: 16px !important;
        font-weight: 700;
    }

    #afui .oddlist h3 p {
        font-size: 14px;
    }

    #afui select {
        -webkit-appearance: listbox;
        width: 100%;
        margin-bottom: 0;
        height: 66px;
        font-size: 30px;
        font-weight: 100;
        background: url(images/a50.png) #fff right center no-repeat;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #afui .contactlist, #afui .msglist .row > div, #afui .toolbar .button, #afui select, .oddbox .column .odd span, .resultlist .datarow, .statementitem .daterow, .teamarea .home .livearea .time {
        font-size: 16px;
    }

    .statementctr .sgrid {
        width: 87%;
    }

    #afui .header h1 {
        position: absolute;
        width: 45%;
        z-index: 1;
        font-size: 36px;
        font-weight: 700;
        left: 27.5%;
        color: inherit;
        padding: 0;
        text-shadow: rgba(0,0,0,.8) 0 -1px 0;
        text-shadow: 0 -2px 0 rgba(0,0,0,.8);
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #afui .header h1, .btnlogin {
        font-size: 24px;
    }

    #afui .container input[type=password], #afui .container input[type=text], #afui .graylist, #afui .settinglist, .balinfo, .moreleague, .welcome {
        font-size: 24px;
    }

    #afui .afPopup > FOOTER > A, #afui .contactlist .divider, #afui .container input[type=checkbox] + label, #afui .formctr input[type=password], #afui .formctr input[type=text], #afui .oddbox .column .odd p, .afPopup > DIV, .btn, .resultlist .theader, .teamarea .away, .teamarea .home .homename, .toolbar a {
        font-size: 14px;
    }

    #afui .afPopup > HEADER {
        font-size: 18px;
        height: 50px;
    }

    .column .titleinfo {
        font-size: 14px;
    }

    #afui .betsbox p, .matchstatus, .oddbox .column b {
        font-size: 16px;
    }

    .leaguetitle {
        font-size: 16px;
    }

    .resultlist .datarow .teaminforow {
        height: 70px;
    }

    .resultlist .datarow .timecol {
        line-height: 50px;
    }

    .resultlist .datarow .teamscol {
        line-height: 18px;
    }

    .bright {
        margin-right: 3px;
    }

    .nodata {
        font-size: 20px !important;
    }

    #afui .settinglist > li {
        padding: 20px 5px;
    }

    .teamarea .home .homename {
        padding-right: 10px;
    }

    .toolbar a, .topmenu .toolbar a, .topmenu a {
        font-size: 20px;
    }

    #afui .htft .oddbox .column {
        width: 19%;
        margin: 0 .5%;
        padding: 0;
    }

    .cs .csbox .column {
        width: 24.8%;
        padding: 0 1%;
        margin: 0;
    }
}

@media screen and(min-width:620px) {
    .parlaybetview .oddlist h3 {
        height: 50px;
    }
}

.sportlist {
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    height: 134px;
    background: #222;
    line-height: 18px;
}

    .sportlist .sportitem {
        float: left;
        padding-top: 10px;
    }

#afui .sportlist a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

    #afui .sportlist a:before {
        content: url(/style/images/sportline.png);
    }

#afui .sportlist .livetip {
    position: absolute;
    top: 9px;
    left: 88px;
    display: block;
    padding: 1px 5px;
    border-radius: 5px;
    background-color: #E32D2D;
    color: #fff;
    font-weight: bolder;
    font-style: italic;
    font-size: 16px;
}

#afui .sportlist p {
    position: relative;
    top: -30px;
    margin: 0;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sportico {
    position: relative;
    top: -40px;
    display: inline-block;
    width: 128px;
    height: 75px;
    background: url(/style/images/sports.png);
    background-position: 0 -76px;
    opacity: .4;
}

.S {
    background-position: 0 -76px;
}

.BB {
    background-position: -126px -72px;
}

.FS {
    background-position: 0 -76px;
}

.UF {
    background-position: -249px -80px;
}

.BE {
    background-position: -1024px -73px;
}

.IH {
    background-position: -384px -80px;
}

.TN {
    background-position: -896px -80px;
}

.BA {
    background-position: -512px -80px;
}

.GF {
    background-position: -1408px -76px;
}

.CK {
    background-position: -1664px -76px;
}

.VB {
    background-position: -1152px -74px;
}

.HB {
    background-position: -2048px -76px;
}

.NS {
    background-position: -640px -74px;
}

.RU {
    background-position: -1920px -74px;
}

.RB {
    background-position: -1920px -74px;
}

.DT {
    background-position: -2944px -74px;
}

.BX {
    background-position: -1536px -74px;
}

.HK {
    background-position: -3716px -74px;
}

.WI {
    background-position: -3456px -75px;
}

.TT {
    background-position: -1782px -76px;
}

.QQ {
    background-position: -3586px -80px;
}

.NB {
    background-position: -3968px -76px;
}

.VBL {
    background-position: -126px -72px;
}

.cur {
    opacity: 1;
}

.sportsmall {
    top: -14px;
    left: -32px;
    opacity: 1;
}

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

    .teamarea .tradein a {
        float: left;
        height: 30px;
        width: 50%;
    }

.teamarea .tradeico {
    display: block;
    height: 30px;
    width: 20px;
    background: url(images/tradein.png?1) center center no-repeat;
    float: left;
    height: 81px;
}

#afui .sellarea {
    margin: 0 !important;
    overflow: hidden;
    color: #535e6b;
    font-size: 20px;
    font-weight: 700;
}

    #afui .sellarea > span {
        width: 50%;
        float: left;
        display: block;
        height: 40px;
        line-height: 38px;
    }

        #afui .sellarea > span a {
            color: #535e6b;
        }

#afui .tradeindetails {
    color: #535e6b;
}

    #afui .tradeindetails:before {
        content: url(images/ico-info.png);
        position: relative;
        top: -2px;
        right: 2px;
    }

#afui .sellarea input[type=number] {
    margin-bottom: 0;
    padding: 5px;
    height: 100%;
    font-weight: 700;
    font-size: 20px;
}

#afui .sellarea .spright {
    float: right;
    display: block;
    padding-left: 10%;
}

#afui .sellarea .price {
    color: #6FB557;
}

.price {
    color: #6FB557;
}

.sellarea .btnsell {
    padding: 7px;
    color: #fff;
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    width: 100%;
    background: #0567b3;
    background: -moz-linear-gradient(to bottom,#178ae2,#0567b3);
    background: -webkit-gradient(linear,left top,left bottom,from(#178ae2),to(#0567b3));
    background: linear-gradient(#178ae2,#0567b3);
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .sellarea .btnsell:hover {
        background: #015596;
        background: -moz-linear-gradient(to bottom,#116fb7,#015596);
        background: -webkit-gradient(linear,left top,left bottom,from(#116fb7),to(#015596));
        background: linear-gradient(#116fb7,#015596);
    }

.sellarea .btnok {
    width: auto;
    padding: 1px 7px;
}

.sellprocess {
    background: rgba(25,179,73,0.15);
    padding: 5px 10px;
    text-align: center;
}

#afui .sellprocess > p {
    margin: 0;
    padding: 10px;
    color: #535e6b;
}

.tradeinstatus {
    color: green;
}

.ticket_WA, .ticket_WH, .ticket_N, .ticket_A, .ticket_S, .ticket_D, .ticket_W {
    background: #0e6ab1;
}

.ticket_LA, .ticket_L, .ticket_LH, .ticket_J, .ticket_R, .ticket_Y {
    background: #b64c4c;
}

.ticket_C, .ticket_G, .ticket_E, .ticket_Z {
    background: #b64c4c;
}

.ticket_P, .ticket_X, .ticket_ {
    background: #DB8D26;
}

#ParDetails p span {
    display: block;
    width: 45%;
    float: left;
    text-align: right;
    margin: 5px;
    white-space: nowrap;
}

    #ParDetails p span:last-child {
        text-align: left;
    }

/* 非OBT的full time/half time */
.oddlist .oddbox .time {
    width: 102%;
    height: 35px;
    background-color: #49a0d7;
    margin-left: -1%;
    margin-right: -1%;
}

    .oddlist .oddbox .time > h3 > p {
        color: #f9f6f6 !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

#maskblock {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
}

.oddsredcard {
    display: inline-block !important;
    background: #ec0c0c;
    min-width: 23px;
    height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    position: relative;
    left: 2px;
    margin-top: 10px;
}

.teamarea .tvlink-on {
    display: block;
    height: 30px;
    width: 20px;
    background: url(images/player.png?1) center center no-repeat;
    float: left;
    height: 81px;
    padding-left: 30px;
}

.teamarea .tvlink-off {
    display: block;
    height: 30px;
    width: 20px;
    background: url(images/player-off.png?1) center center no-repeat;
    float: left;
    height: 81px;
    padding-left: 30px;
}

.leaguetip {
    margin-left: 5px;
    position: absolute;
}

.livestremtv {
    display: inline-block;
    height: 70px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 70px;
    margin: 5px;
    width: 82%;
    text-align: center;
    background: #FF9800;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.livestremother {
    display: inline-block;
    height: 70px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 70px;
    margin: 5px;
    width: 62%;
    text-align: center;
    background: #FF9800;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.copy {
    width: 100%;
    float: left;
    border-top: 4px solid rgba(0,0,0,0.1);
}

.othermore {
    width: 100%;
    float: left;
}

.oxt .oddbox {
    float: left;
    width: 100% !important;
}

    .oxt .oddbox .column {
        width: 30%;
        padding-left: 2%;
        margin: 0;
    }

.fglg .oddbox {
    float: left;
    width: 100%;
}

    .fglg .oddbox .column {
        padding-left: 2%;
        margin: 0;
    }

.hp3 .oddbox {
    float: left;
    width: 100% !important;
}

    .hp3 .oddbox .column {
        width: 30%;
        padding-left: 2%;
        margin: 0;
    }

.cns .oddbox {
    float: left;
    width: 100% !important;
}

    .cns .oddbox .column {
        width: 24%;
        padding-left: 2%;
        margin: 0;
    }

.etg .oddbox {
    float: left;
    width: 100% !important;
}

    .etg .oddbox .column {
        width: 24%;
        padding-left: 2%;
        margin: 0;
    }

.htg .oddbox {
    float: left;
    width: 100% !important;
}

    .htg .oddbox .column {
        width: 24%;
        padding-left: 2%;
        margin: 0;
    }

.atg .oddbox {
    float: left;
    width: 100% !important;
}

    .atg .oddbox .column {
        width: 24%;
        padding-left: 2%;
        margin: 0;
    }

.panel-group {
    padding-top: 20px;
}

.tab-group {
    height: 46px;
    border-bottom: 3px solid #3383c1;
}

    .tab-group label {
        background-color: #79a0d7;
        color: white !important;
        padding: 8px 6px !important;
        width: 33% !important;
        cursor: pointer;
        margin-left: .5% !important;
        margin-bottom: 5px;
        border-radius: 3px;
    }

    .tab-group [for*="main"] {
        margin-left: 0 !important;
    }

    .tab-group .active {
        position: relative;
    }

.content {
    display: none;
}

[id*="main"]:checked ~ .tab-group [for*="main"], [id*="full"]:checked ~ .tab-group [for*="full"], [id*="half"]:checked ~ .tab-group [for*="half"] {
    background-color: #3383c1;
    padding: 10px 6px !important;
    border-radius: 3px 3px 0 0;
    font-weight: bolder;
}

/* OBT的full time/half time */
.content-group .oddlist .time {
    width: 102%;
    height: 35px;
    background-color: #79a0d7;
    margin-left: -1%;
    margin-right: -1%;
}

    .content-group .oddlist .time > h3 > p {
        float: left;
        padding-top: 3px;
        padding-left: 10%;
        font-size: 17px !important;
        color: #f9f6f6 !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

.sellarea .btncomfirm {
    padding: 7px;
    color: #fff;
    float: right;
    margin-top: 10px;
    width: 100%;
    background: #0567b3;
    background-image: linear-gradient(to bottom,#178ae2,#0567b3);
    background: -moz-linear-gradient(to bottom,#178ae2,#0567b3);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#178ae2),to(#0567b3));
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sellarea .btncancel {
    padding: 7px;
    color: #535353;
    float: left;
    margin-top: 10px;
    width: 100%;
    background: #D5D5D5;
    background-image: linear-gradient(to bottom,#D5D5D5,#BABABA);
    background: -moz-linear-gradient(to bottom,#D5D5D5,#BABABA);
    background: -webkit-gradient(linear,100% 100%,100% 0,from(#BABABA),to(#D5D5D5));
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.icon_cash_out:before {
    position: relative;
    top: 4px;
    right: 25px;
    content: url(images/icon_cash_out_sport368.png);
}

.icon_check:before {
    position: relative;
    top: 7px;
    right: 5px;
    content: url(images/icon_check.png);
}

.rightbluebg {
    background: #EDF3FF;
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    min-height: 90px;
}

.rightgreenbg {
    background: #E7FDE7;
    margin-top: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    zoom: 1;
    min-height: 40px;
    opacity: 1;
}

    .rightgreenbg .message {
        color: #254620;
        font-weight: 400;
        font-size: 20px;
        width: 100%;
        font-family: Arial;
    }

.rightyellowbg {
    background: #FFF6E5;
    margin-top: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    zoom: 1;
    min-height: 40px;
    opacity: 1;
}

    .rightyellowbg .message {
        color: #A86100;
        font-weight: 400;
        text-align: right;
        font-family: Arial;
    }

.rightredbg {
    background: #FFEBEB;
    margin-top: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    zoom: 1;
    min-height: 40px;
    opacity: 1;
}

    .rightredbg .message {
        color: #C40303;
        font-weight: 400;
        text-align: right;
        font-family: Arial;
    }

.sellarea .btn-odds {
    color: #FDDE2C;
    line-height: 22px;
    font-weight: 700;
    animation: number 0.8s linear forwards;
}

@keyframes number {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    17% {
        transform: scale(1.1, 1.1);
        opacity: 0.8;
    }

    34% {
        transform: scale(1, 1);
        opacity: 1;
    }

    51% {
        transform: scale(1.1, 1.1);
        opacity: 0.8;
    }

    68% {
        transform: scale(1, 1);
        opacity: 1;
    }

    85% {
        transform: scale(1.1, 1.1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

#afui .cashoutdetails {
    color: #535e6b;
}

    #afui .cashoutdetails:before {
        content: url(images/icon-info.png);
        position: relative;
        top: -10px;
        right: 2px;
        float: right;
    }