html, body {
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

.wrap {
    min-width: 1000px;
    background: #0c111c url("../images/header-bg.jpg") no-repeat center top;
}

.wrap-header {
    position: relative;
    height: 555px;
    width: 1000px;
    margin: 0 auto;
    background: url("../images/head-main.jpg") no-repeat;
}

.wrap-header .btn {
    position: absolute;
    text-indent: -9999px;
}

.wrap-header .logo {
    left: 104px;
    top: 20px;
    width: 145px;
    height: 102px;
}

.wrap-header .logo a {
    float: left;
    width: 145px;
    height: 102px;
}

.wrap-header .startGame {
    right: 146px;
    top: 0;
    width: 92px;
    height: 30px;
}

/*nav*/
.wrap-header .nav {
    position: absolute;
    left: 35px;
    bottom: 0;
    height: 119px;
    width: 930px;
    overflow: hidden;
}

.wrap-header .header-nav {
    height: 119px;
    width: 940px;
    background: url("../images/nav-bg.jpg") no-repeat;
    overflow: hidden;
}

.wrap-header .header-nav li {
    float: left;
    width: 230px;
    margin-right: 2px;
    height: 119px;
}

.wrap-header .header-nav li span {
    float: left;
    width: 230px;
    height: 119px;
    text-indent: -9999px;
    cursor: pointer;
}

.wrap-header .header-nav li .first {
    width: 232px;
}

.wrap-header .header-nav li .second {
    width: 230px;
}

.wrap-header .header-nav li .third {
    width: 230px;
}

.wrap-header .header-nav li .fourth {
    width: 232px;
}

.wrap-header .header-nav .current .first {
    background: url("../images/nav-bg.jpg") no-repeat 0 -119px;
}

.wrap-header .header-nav .current .second {
    background: url("../images/nav-bg.jpg") no-repeat -232px -119px;
}

.wrap-header .header-nav .current .third {
    background: url("../images/nav-bg.jpg") no-repeat -464px -119px;
}

.wrap-header .header-nav .current .fourth {
    background: url("../images/nav-bg.jpg") no-repeat -696px -119px;
}

/*end nav*/
.wrap-header .home {
    right: 53px;
    top: 0;
    width: 92px;
    height: 30px;
}

/*main-content*/
.wrap-main-content {
    background: url("../images/main-content-bg.jpg") repeat-y;
}

.main-content {
    margin: 0 auto;
    width: 930px;
    position: relative;
}

.main-content .content-box {
    display: none;
}

.main-content .current {
    display: block;
}

.main-content .line {
    height: 11px;
    width: 930px;
    background: url("../images/line.jpg") no-repeat;
}

/*end main-content*/

.side-nav {
    position: fixed;
    _position: absolute;
    width: 76px;
    left: 50%;
    top: 230px;
    margin: 0 0 0 400px;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}

.side-nav-1 {
    background: url("../images/side-nav.jpg") no-repeat;
    height: 188px;
    overflow: hidden;
}

.side-nav-2 {
    background: url("../images/side-nav.jpg") no-repeat 0 -188px;
    height: 151px;
    overflow: hidden;
}

.side-nav-3 {
    background: url("../images/side-nav.jpg") no-repeat 0 -339px;
    height: 247px;
    overflow: hidden;
}

.side-nav-4 {
    background: url("../images/side-nav.jpg") no-repeat 0 -586px;
    height: 210px;
    overflow: hidden;
}

.side-nav ul {
    display: none;
}

.side-nav .current {
    display: block;
}

.side-nav li {
    height: 32px;
    cursor: pointer;
    text-indent: -9999px;
}

.side-nav-1 li.go-to-top, .side-nav-2 li.go-to-top, .side-nav-3 li.go-to-top, .side-nav-4 li.go-to-top {
    width: 76px;
    height: 24px;
    margin-top: 7px;
}

/*side-nav*/

/*end side-nav*/

.wrap-footer {
    height: 279px;
    width: 1920px;
    margin: 0 auto;
    /*background: url("../images/footer-bg.jpg") no-repeat;*/
}