body {
    font-family: SimSun,Arial,sans-serif;
    font-size: 14px;
    background: #1a1914;
    margin: 0;
    padding: 0;
}

header > h1, nav > h1, section > h1, footer > h1, aside > h1 {
    display: none;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    *[ng-click] {
        cursor: pointer !important;
    }

ol, ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

    a[href="javascript:void(0)"] {
        cursor: default;
    }

input.placeholder {
    color: #827d6d;
}

input::-webkit-input-placeholder {
    color: #827d6d;
}

input::-moz-placeholder {
    color: #827d6d;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.wrapper {
    position: relative;
    width: 1022px;
    margin: 0 auto;
}

#header {
    position: relative;
    background: url('/Content/Customer/xpj625888/images/header.png') no-repeat top center;
}

#header-top {
    position: relative;
    height: 40px;
}

    #header-top ul {
        padding: 10px 0;
    }

        #header-top ul li {
            display: inline-block;
        }

            #header-top ul li:not(:first-child) a {
                padding-left: 5px;
                border-left: 1px solid #9b9b9b;
            }

            #header-top ul li a {
                color: #9b9b9b;
                font-size: 12px;
            }

        #header-top ul.header-left {
            float: left;
        }

        #header-top ul.header-right {
            float: right;
        }

#select_language {
    color: #fff;
    width: 97px;
    height: 23px;
    padding-left: 5px;
    background: url('/Content/Customer/xpj625888/images/langbg.jpg') no-repeat center;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    #select_language::-ms-expand {
        display: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    #select_language option {
        color: #fff;
        background-color: #000;
    }

#logo_bg {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 223px;
    height: 156px;
    margin: 0 auto;
    background: url('/Content/Customer/xpj625888/images/logo.png') no-repeat;
}

    #logo_bg > a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

#news {
    position: relative;
    width: 282px;
    height: 98px;
    margin: 15px 0;
    padding: 30px 20px 5px 20px;
    background: url('/Content/Customer/xpj625888/images/news.png');
}

#hot-news {
    height: 63px;
    white-space: normal;
    overflow: hidden;
}

    #hot-news a {
        color: #888;
        font-size: 14px;
        text-decoration: none;
        line-height: 20px;
    }

        #hot-news a:hover {
            text-decoration: underline;
        }

#slogan {
    position: absolute;
    top: 43px;
    right: 20px;
    display: inline-block;
    width: 178px;
    height: 121px;
    background: url('/Content/Customer/xpj625888/images/slogan.png') no-repeat;
}

#nav {
    position: relative;
    display: inline-block;
    width: 1022px;
    height: 42px;
    background: url('/Content/Customer/xpj625888/images/menubg.png') no-repeat top center;
}

    #nav ul {
        width: 100%;
        margin: 0;
        padding-left: 18px;
        list-style: none;
    }

        #nav ul > li {
            float: left;
            width: 110px;
            height: 42px;
            margin-right: 1px;
            padding-left: 30px;
        }

            #nav ul > li:first-child {
                padding-left: 45px;
            }

            #nav ul > li.toggle-color a, #nav ul > li.toggle-color:hover a, #nav ul > li.toggle-color.active a {
                color: red;
            }

            #nav ul > li a {
                display: inline-block;
                color: #fff;
                font-weight: bold;
                font-size: 16px;
                font-family: 'Microsoft YaHei';
                text-align: center;
                text-decoration: none;
                line-height: 38px;
            }

            #nav ul > li:hover, #nav ul > li.active {
                /*background: url('/Content/Customer/xpj625888/images/navtip.png') no-repeat center 90%;*/
            }

                #nav ul > li:hover a, #nav ul > li.active a {
                    color: #ff0;
                }

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

            #nav ul > li ol.subnav {
                display: none;
                position: absolute;
                top: 42px;
                z-index: 9;
            }

                #nav ul > li ol.subnav li {
                    width: 88px;
                    height: 28px;
                    color: #fff;
                    line-height: 28px;
                    font-size: 14px;
                    text-align: center;
                    background: url('/Content/Customer/xpj625888/images/subnav.png') no-repeat;
                }

                    #nav ul > li ol.subnav li:hover {
                        color: #ff0;
                    }

#account_box {
    position: relative;
    display: inline-block;
    width: 1022px;
    height: 46px;
    text-align: center;
    background: url('/Content/Customer/xpj625888/images/accountbg.jpg') repeat-x;
}

    #account_box > form:after {
        position: relative;
        /*left: 50px;*/
        display: inline-block;
        width: 231px;
        height: 25px;
        vertical-align: top;
        content: '';
        background: url('/content/customer/xpj625888/images/account01.png') no-repeat center;
    }

    #account_box > form {
        position: relative;
        display: inline-block;
        height: 45px;
        margin: 0 auto;
        padding: 10px 10px;
    }

        #account_box > form input {
            width: 136px;
            height: 25px;
            padding: 3px 3px;
            color: #827d6d;
            font-size: 13px;
            vertical-align: top;
            background: url('/Content/Customer/xpj625888/images/box.png') no-repeat;
            border: none;
            outline: none;
        }

            #account_box > form input.placeholder {
                color: #827d6d;
            }

            #account_box > form input::-webkit-input-placeholder {
                color: #827d6d;
            }

            #account_box > form input::-moz-placeholder {
                color: #827d6d;
            }

        #account_box > form button {
            width: 73px;
            height: 24px;
            color: #fff;
            font-size: 14px;
            font-family: 'Microsoft YaHei','Microsoft JhengHei';
            vertical-align: top;
            border: none;
            outline: none;
        }

            #account_box > form button.login-btn {
                background: #ff0100;
            }

            #account_box > form button.join-btn {
                width: 97px;
                background: #ff8400;
            }

            #account_box > form button.forget-btn {
                background: #b3b3b3;
            }

#check-code-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#captcha {
    position: absolute;
    top: 2px;
    right: 2px;
    width: auto;
    height: 19px;
}

#agree {
    position: absolute;
    top: 100%;
    right: 235px;
    z-index: 2;
    display: inline-block;
    display: none;
    padding: 2px 5px;
    font-size: 13px;
    background-color: #fff;
}

    #agree a {
        color: #0c41ed;
        font-weight: bold;
        cursor: pointer;
    }

ul#account_info {
    position: relative;
    float: left;
    display: inline-block;
    margin: 10px;
    padding: 0;
    list-style: none;
}

    ul#account_info > li {
        display: inline-block;
        float: left;
        width: 125px;
        height: 25px;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        text-align: left;
        vertical-align: top;
    }

        ul#account_info > li > span.account {
            display: inline-block;
            max-width: 6em;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: top;
            overflow: hidden;
        }

        ul#account_info > li a {
            cursor: pointer;
        }

            ul#account_info > li a:hover {
                color: #ffd800;
            }

#mailbox {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    color: red;
    font-size: 12px;
    text-decoration: none;
}

ul#account_nav {
    position: relative;
    float: right;
    margin: 10px 5px;
}

    ul#account_nav > li {
        float: left;
        margin-left: 15px;
        height: 25px;
        line-height: 25px;
        vertical-align: top;
    }

        ul#account_nav > li > a {
            display: inline-block;
            color: #fff;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
            line-height: 25px;
            text-decoration: none;
            text-align: center;
            cursor: pointer;
        }

            ul#account_nav > li > a.siginout-btn {
                width: 73px;
                height: 24px;
                background: red;
            }

        ul#account_nav > li:hover > a {
            color: #ffd800;
        }

#marquee-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: none;
}

    #marquee-wrapper.show {
        display: block;
        z-index: 1000;
        background-image: url('http://cdn.baidu-cdn-hk.com/Web.Portal/_Common/Content/Views/Shared/images/transparent-black.png');
    }

#marquee {
    width: 600px;
    max-height: 500px;
    margin: 30px auto 0 auto;
    background-color: #fff;
    background-image: url('http://cdn.baidu-cdn-hk.com/Web.Portal/_Common/Content/Views/Shared/images/table_background.jpg');
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: default;
    -moz-transition: margin-top ease-in 300ms;
    -o-transition: margin-top ease-in 300ms;
    -webkit-transition: margin-top ease-in 300ms;
    transition: margin-top ease-in 300ms;
}

    #marquee > header {
        text-align: center;
        background-color: #e9e9e9;
        border-bottom: 1px solid #ccc;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

        #marquee > header > h2 {
            margin: 0;
            color: #0080e3;
            font-size: 21px;
            line-height: 60px;
        }

ul#newsBags {
    margin: 0;
    padding: 10px 50px;
    max-height: 380px;
    overflow: auto;
}

    ul#newsBags > li {
        list-style-type: disc;
        color: #454545;
        white-space: pre-line;
        font-size: 13px;
        line-height: 27px;
    }

#marquee > footer {
    text-align: center;
    line-height: 80px;
    background-color: #e9e9e9;
    background-image: -webkit-radial-gradient(center top,ellipse farthest-side,rgba(0,0,0,.3),transparent);
    background-size: 100% 8px;
    background-repeat: no-repeat;
    border-top: 1px solid #ccc;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

    #marquee > footer > span {
        display: inline-block;
        width: 119px;
        font-size: 15px;
        font-weight: bolder;
        line-height: 45.5px;
        background-image: url('http://cdn.baidu-cdn-hk.com/Web.Portal/_Common/Content/Views/Shared/images/sent_bn.png');
        cursor: pointer;
    }

        #marquee > footer > span:hover {
            background-position: 0 -45.5px;
        }

#banner {
    display: inline-block;
    width: 1022px;
    height: 182px;
    margin: 0 auto;
    background: url('/Content/Customer/xpj625888/images/banner.png') no-repeat top center;
}

#content {
    position: relative;
    margin: 0 auto;
    text-align: center;
    background: url('/Content/Customer/xpj625888/images/content.jpg');
}

#footer {
    padding-top: 25px;
    text-align: center;
    background: url('/Content/Customer/xpj625888/images/footerbg.png');
}

#footer_nav {
    display: inline-block;
    width: 1042px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    text-align: center;
    list-style: none;
    background: url('/Content/Customer/xpj625888/images/footer_line.png') no-repeat bottom center;
}

    #footer_nav li {
        display: inline-block;
        border-left: 1px solid #928e71;
    }

        #footer_nav li:first-child {
            border-left-style: none;
        }

    #footer_nav a {
        display: inline-block;
        padding: 0 7px;
        color: #928e71;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
    }

        #footer_nav a:hover {
            color: #ffd800;
        }

#footer_logo {
    position: relative;
    display: inline-block;
    width: 901px;
    height: 37px;
    background: url('/Content/Customer/xpj625888/images/footer_logo.png') no-repeat;
}

    #footer_logo > a.gpk_btn {
        position: absolute;
        top: 0;
        left: 265px;
        width: 90px;
        height: 37px;
    }

    #footer_logo > a.xtd_btn {
        position: absolute;
        top: 0;
        left: 390px;
        width: 105px;
        height: 37px;
    }

#footer_suggest {
    margin: 0;
    color: #3d3a32;
}

    #footer_suggest #qq {
        display: inline-block;
        width: 59px;
        height: 16px;
        background: url('/Content/Customer/xpj625888/images/QQ_online.png') no-repeat;
    }

    #footer_suggest small {
        font-size: 12px;
        line-height: 26px;
    }

#services {
    position: fixed;
    top: 210px;
    left: 0;
}

ul#girl {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    padding-top: 37px;
}

    ul#girl > li {
        width: 120px;
    }

        ul#girl > li[data-girl="01"] {
            height: 85px;
            background: url('/Content/Customer/xpj625888/images/hi01.png') top no-repeat;
        }

        ul#girl > li[data-girl="02"] {
            height: 47px;
            background: url('/Content/Customer/xpj625888/images/hi01.png') bottom no-repeat;
        }

        ul#girl > li[data-girl="03"] {
            height: 130px;
            background: url('/Content/Customer/xpj625888/images/hi02.png') no-repeat;
        }

        ul#girl > li[data-girl="04"] {
            height: 48px;
            cursor: pointer;
            background: url('/Content/Customer/xpj625888/images/hi03.png') no-repeat;
        }

#services02 {
    position: fixed;
    top: 210px;
    right: 0;
}

ul#girl02 {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    padding-top: 142px;
    height: 390px;
    background: url('/Content/Customer/xpj625888/images/serviece02.png') no-repeat;
}

    ul#girl02 > li {
        width: 120px;
    }

        ul#girl02 > li[data-girl="05"] {
            height: 87px;
        }

        ul#girl02 > li[data-girl="06"] {
            height: 87px;
        }

.ui-widget-header {
    padding: 0 5px;
    line-height: 12px;
}

#ad-dialog {
    display: none;
    padding: 0;
}

    #ad-dialog img {
        width: 100%;
        height: auto !important;
    }

    #ad-dialog .dialog_footer {
        height: 30px;
        padding: 0 3px;
        font-size: 12px;
        font-weight: bold;
        line-height: 25px;
        border-top: 1px solid #000;
    }

.ui-dialog {
    z-index: 999;
}

    .ui-dialog .ui-dialog-title {
        height: 12px;
        font-size: 13px;
    }

    .ui-dialog .ui-dialog-buttonpane {
        margin: 0;
        padding: 0;
        border: none;
    }

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    font-size: 12px;
}

.ui-dialog .ui-dialog-buttonpane button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3px 6px;
}

#lobby {
    width: 1022px;
    margin: 0 auto;
}

    #lobby ul.game-item {
        width: 1022px;
    }

        #lobby ul.game-item li {
            position: relative;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: left center;
        }

            #lobby ul.game-item li .enter {
                display: inline-block;
                position: absolute;
                background-position: top center;
            }

            #lobby ul.game-item li:hover {
                background-position: right center;
            }

            #lobby ul.game-item li .enter:hover {
                background-position: bottom center;
            }

#un-lobby {
    display: inline-block;
    position: relative;
    width: 1022px;
    margin: 10px auto;
    padding: 10px 0;
    text-align: center;
    background: #16150f;
}

    #un-lobby aside.sidebar {
        position: relative;
        display: inline-block;
        width: 227px;
        height: 690px;
        margin: 0 auto;
        padding-top: 67px;
        text-align: left;
        background: url('/Content/Customer/xpj625888/images/aside.png') no-repeat;
    }

        #un-lobby aside.sidebar ul {
            width: 197px;
            padding-left: 13px;
        }

        #un-lobby aside.sidebar li {
            cursor:pointer;
            width: 197px;
            height: 33px;
            padding-right: 60px;
            color: #fff;
            font-size: 14px;
            font-family: SimSun;
            text-align: right;
            line-height: 33px;
            background: url('/Content/Customer/xpj625888/images/sidebar.png') bottom center no-repeat;
        }

            #un-lobby aside.sidebar li:hover {
                color: #ffd600;
                background-position: top center;
            }

    #un-lobby .page-right {
        display: inline-block;
        width: 750px;
        margin: 10px;
        vertical-align: top;
    }

    #un-lobby #articles {
        position: relative;
        margin: 0 auto;
        padding: 10px 15px;
        color: #fff;
        font-size: 13px;
        font-family: SimSun;
        text-align: left;
    }

        #un-lobby #articles h2 {
            margin: 0 auto;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            line-height: 26px;
            text-align: left;
        }

        #un-lobby #articles h3 {
            font-size: 13px;
            margin: 30px 0 11px;
        }

        #un-lobby #articles h4 {
            font-size: 12px;
            margin: 20px 0 14px;
        }

        #un-lobby #articles ol {
            list-style: decimal;
        }

        #un-lobby #articles p, #un-lobby #articles li {
            line-height: 20px;
            text-align: justify;
        }

        #un-lobby #articles table {
            width: 100%;
            text-align: center;
        }

            #un-lobby #articles table th, #un-lobby #articles table td {
                font-size: 14px;
                text-align: center;
                border: 1px solid #a0a0a0;
                line-height: 25px;
            }

            #un-lobby #articles table th {
                color: #fff;
                background: #545454;
            }

            #un-lobby #articles table td {
                color: #5c5c5c;
                background: #dbdbdb;
            }

        #un-lobby #articles p .highlight {
            color: #fffb00;
        }

    #un-lobby ol {
        margin-bottom: 10px;
        padding-left: 40px;
    }

.body {
    margin: 0 auto;
    width: 1022px;
    position: relative;
    z-index: 10;
    background: #16150f;
}

    .body .panel {
        border: 1px solid #b5b5b5;
    }

    .body .panel-shadow {
        background: none;
    }

    .body .input-block i {
        display: none;
    }

    .body #title {
        color: #fff;
        background: #312d24;
    }

    .body #account-heading, .body #withdrawal-heading {
        color: #050505;
        background: #fffb00;
    }