#banner {
    background-image: url('../images/live/livePage/banner.jpg')
}

#content {
    background-image: url('../images/live/livePage/bg.jpg')
}

#lobby {
    padding: 10px 88px 50px;
    background: #222;
    border: 3px solid #605960
}
 #lobby .game-list li {
        float: left;
        position: relative;
        width: 120px;
        height: 564px;
        background-repeat: no-repeat;
        opacity: 1;
        -moz-transition: width linear .2s,background .3s;
        -o-transition: width linear .2s,background .3s;
        -webkit-transition: width linear .2s,background .3s;
        transition: width linear .2s,background .3s
    }
        #lobby .game-list li.unactive {
            width: 0
        }

        #lobby .game-list li.active {
            width: 260px
        }

        #lobby .game-list li.pager {
            display: block;
            position: absolute;
            left: 0;
            bottom: 50px;
            width: 100%;
            height: 0;
            text-align: center
        }

            #lobby .game-list li.pager span {
                display: inline-block;
                position: relative;
                margin: 10px 4px;
                width: 12px;
                height: 12px;
                background: #605960;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                cursor: pointer
            }

                #lobby .game-list li.pager span.active, #lobby .game-list li.pager span:hover {
                    background: #f39800
                }