#banner {
    display: none;
}

#header {
    height: 787px;
}

    #header:after {
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 787px;
        content: '';
        background: url('/Content/Customer/xpj625888/images/header.jpg') no-repeat bottom center;
    }

#logo_bg:after {
    position: absolute;
    top: 200px;
    left: 0;
    width: 372px;
    height: 118px;
    content: '';
    background: url('/Content/Customer/xpj625888/images/activity.png');
}

#nav {
    position: absolute;
    top: 40px;
    left: 0;
    width: 144px;
    height: 397px;
    padding-top: 50px;
    background: url('/Content/Customer/xpj625888/images/navbg.png') no-repeat;
}

    #nav ul {
        padding: 0 0 0 4px;
    }

        #nav ul > li, #nav ul > li:first-child, #nav ul > li.toggle-color {
            width: 100%;
            height: 36px;
            padding: 0 0 0 5px;
            text-align: center;
            background-position: top center;
            background-repeat: no-repeat;
        }

            #nav ul > li a {
                padding: 0;
                color: #fefa5c;
                font-size: 16px;
            }

            #nav ul > li[data-nav="01"] {
                background-image: url('/Content/Customer/xpj625888/images/nav01.png');
            }

            #nav ul > li[data-nav="02"] {
                background-image: url('/Content/Customer/xpj625888/images/nav02.png');
            }

            #nav ul > li[data-nav="03"] {
                background-image: url('/Content/Customer/xpj625888/images/nav03.png');
            }

            #nav ul > li[data-nav="04"] {
                background-image: url('/Content/Customer/xpj625888/images/nav04.png');
            }

            #nav ul > li[data-nav="05"] {
                background-image: url('/Content/Customer/xpj625888/images/nav05.png');
            }

            #nav ul > li[data-nav="06"] {
                background-image: url('/Content/Customer/xpj625888/images/nav06.png');
            }

            #nav ul > li[data-nav="07"] {
                background-image: url('/Content/Customer/xpj625888/images/nav07.png');
            }

            #nav ul > li[data-nav="08"] {
                background-image: url('/Content/Customer/xpj625888/images/nav08.png');
            }

            #nav ul > li[data-nav="09"] {
                background-image: url('/Content/Customer/xpj625888/images/mobile.jpg');
            }

            #nav ul > li:hover, #nav ul > li.active {
                background-position: bottom center;
            }

                #nav ul > li:hover ol.subnav {
                    display: block;
                }

            #nav ul > li ol.subnav {
                position: relative;
                top: -36px;
                left: 136px;
            }

#slogan {
    right: 0;
    width: 320px;
    height: 81px;
    background: url('/Content/Customer/xpj625888/images/slogan2.png') no-repeat;
}

#account_box {
    position: absolute;
    top: 150px;
    right: 0;
    width: 240px;
    height: 512px;
    padding-top: 50px;
    background: url('/Content/Customer/xpj625888/images/accountbg.png') no-repeat;
}

    #account_box > form {
        width: 240px;
        height: 220px;
        padding: 10px 20px;
    }

        #account_box > form:after {
            display: none;
        }

        #account_box > form input {
            width: 200px;
            margin: 5px 0;
            background: #201d16;
            border: 1px solid #000;
        }

        #account_box > form #captcha {
            top: 8px;
        }

        #account_box > form button {
            height: 36px;
            margin: 5px 0;
        }

            #account_box > form .login-btn {
                width: 200px;
            }

            #account_box > form button.forget-btn {
                color: #656565;
                background: none;
            }

            #account_box > form button.join-btn {
                width: 100px;
                height: 36px;
                color: #000;
                background: url('/Content/Customer/xpj625888/images/join_btn.png') no-repeat top center;
            }

                #account_box > form button.join-btn:hover, ul#account_nav > li > a.siginout-btn:hover, ul#account_nav #change-password-btn:hover {
                    background-position: bottom center;
                }

#agree {
    right: 0;
    width: 220px;
    margin: 0 10px;
}

ul#account_nav {
    margin: 0 10px;
}

ul#account_info {
    margin: 10px 10px 0 10px;
    padding: 0 15px;
}

    ul#account_info > li {
        width: 180px;
    }

ul#account_nav > li.btngroup {
    height: 36px;
    margin-left: 10px;
}

ul#account_nav > li > a.siginout-btn {
    width: 79px;
    height: 36px;
    color: #000;
    line-height: 36px;
    background: url('/Content/Customer/xpj625888/images/log_off.png') no-repeat top center;
}

ul#account_nav #change-money-btn {
    width: 200px;
    line-height: 30px;
    background: red;
}

ul#account_nav #change-password-btn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    color: #000;
    background: url('/Content/Customer/xpj625888/images/join_btn.png') no-repeat top center;
}

#news {
    position: absolute;
    top: 435px;
    right: 0;
    z-index: 5;
    width: 240px;
    height: 175px;
    background: none;
}

#hot-news {
    height: 150px;
}

#footer {
    padding-top: 45px;
}

#home {
    height: 220px;
}

ul#game-list {
    width: 1061px;
    height: 265px;
    margin: 0 auto;
    padding-top: 15px;
    background: url('/Content/Customer/xpj625888/images/bg.png') no-repeat;
}

    ul#game-list li {
        display: inline-block;
        width: 231px;
        height: 194px;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: top center;
    }

        ul#game-list li a {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        ul#game-list li:hover {
            background-position: bottom center;
        }

        ul#game-list li[data-img="01"] {
            margin: 5px 5px;
            background-image: url('/Content/Customer/xpj625888/images/01.png');
        }

        ul#game-list li[data-img="02"] {
            margin: 10px 5px;
            background-image: url('/Content/Customer/xpj625888/images/02.png');
        }

        ul#game-list li[data-img="03"] {
            margin: 5px 5px;
            background-image: url('/Content/Customer/xpj625888/images/03.png');
        }

        ul#game-list li[data-img="04"] {
            margin: 15px 5px;
            background-image: url('/Content/Customer/xpj625888/images/04.png');
        }