body.christmas .navbar-fns {
    position: relative;
}

body.christmas .navbar-fns .container {
    height: 140px;
    position: relative;
}

body.christmas .navbar-fns .navbar-header-feature {
    position: absolute;
    width: 100%;
    height: 48px;
    left: 0;
    top: 0;
    z-index: 4;
}

body.christmas .navbar-fns .navbar-navigation-fns {
    position: absolute;
    width: 100%;
    height: 92px;
    left: 0;
    top: 48px;
    z-index: 3;
}

body.christmas .navbar-fns .navbar-navigation-fns .navbar-collapse {
    margin-top: 3px;
}

body.christmas .navbar-fns .navbar-navigation-fns .navbar-collapse>ul>li>a {
    padding: 14.24px 0 5.24px 0 !important;
}

body.christmas .navbar-fns .navbar-brand img {
    margin-left: 115px;
    margin-top: 10px;
}

body.christmas .navbar-fns .background-logo {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmas/bkg_christmas.png?v=11") no-repeat !important;
    width: 637px;
    height: 111px;
    position: absolute;
    bottom: -8px;
    left: -161px;
    z-index: 2;
}

body.christmas .navbar-fns .background-santa {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmas/ico_noel.png?v=11") no-repeat !important;
    width: 142px;
    height: 99px;
    position: absolute;
    bottom: 16px;
    left: -18px;
    z-index: 2;
}

body.christmas .navbar-fns .background-man {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmas/boy.png?v=11") no-repeat !important;
    width: 142px;
    height: 99px;
    position: absolute;
    bottom: -2px;
    left: -75px;
    z-index: 2;
}

body.christmas .navbar-fns .background-light {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmas/light.png?v=11") no-repeat !important;
    width: 1482px;
    height: 145px;
    position: absolute;
    bottom: 0;
    left: -142px;
    z-index: 1;
}

body.christmas .navbar-fns .background-star {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmass/star.png?v=11") no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 78px;
    left: 85px;
    z-index: 3;
}

body.christmas .navbar-fns .background-star.background-star1 {
    bottom: 76px !important;
    left: 356px !important;
}

body.christmas .navbar-fns .background-star.background-star2 {
    bottom: 42px !important;
    left: 419px !important;
}

body.christmas .navbar-fns .background-star.background-star3 {
    bottom: 42px !important;
    right: -41px !important;
    left: auto !important;
}

body.christmas .navbar-fns .background-star.background-star4 {
    bottom: 82px !important;
    right: -146px !important;
    left: auto !important;
}

body.christmas .navbar-fns .background-right {
    background: url("http://www.joker388.net/Themes/Joker/Images/Christmas/ico_right.png?v=11") no-repeat;
    width: 214px;
    height: 101px;
    position: absolute;
    bottom: 1px;
    right: -207px;
    z-index: 3;
}

body.western-new-year .navbar-fns {
    background: #020202 url("http://www.joker388.net/Themes/Joker/Images/western-new-year/bg.png?v=11") no-repeat;
    background-position: center;
}

body.western-new-year .navbar-fns>.container {
    position: relative;
}

body.western-new-year .navbar-fns>.container:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -310px;
    width: 718px;
    height: 142px;
    background: url("http://www.joker388.net/Themes/Joker/Images/western-new-year/img-1.png?v=11") no-repeat;
}

body.western-new-year .navbar-fns>.container:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: -375px;
    width: 398px;
    height: 142px;
    background: url("http://www.joker388.net/Themes/Joker/Images/western-new-year/img-2.png?v=11") no-repeat;
}

body.western-new-year .navbar-fns .background-star {
    background: url("http://www.joker388.net/Themes/Joker/Images/western-new-year/star.png?v=11") no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 65px;
    left: -35px;
    z-index: 3;
}

body.western-new-year .navbar-fns .background-star.background-star1 {
    bottom: 25px !important;
    left: -75px !important;
}

body.western-new-year .navbar-fns .background-star.background-star2 {
    bottom: 60px !important;
    left: 300px !important;
}

body.western-new-year .navbar-fns .background-star.background-star3 {
    bottom: 42px !important;
    right: -37px !important;
    left: auto !important;
}

body.western-new-year .navbar-fns .background-star.background-star4 {
    bottom: 55px !important;
    right: -170px !important;
    left: auto !important;
}

body.new-year>nav.navbar-fns {
    background: url("http://www.joker388.net/Themes/Joker/Images/new-year/bg.png?v=11") repeat-x;
    background-position: center;
}

body.new-year>nav.navbar-fns>.container {
    position: relative;
}

body.new-year .img-new-year-1,
body.new-year .img-new-year-2,
body.new-year .img-new-year-3 {
    position: absolute;
}

body.new-year .img-new-year-1 {
    background: url("http://www.joker388.net/Themes/Joker/Images/new-year/1.png?v=11") no-repeat;
    width: 470px;
    height: 129px;
    top: 5px;
    left: -320px;
}

body.new-year .img-new-year-2 {
    background: url("http://www.joker388.net/Themes/Joker/Images/new-year/2.png?v=11") no-repeat;
    width: 70px;
    height: 70px;
    top: 50px;
    left: 280px;
}

body.new-year .img-new-year-3 {
    background: url("http://www.joker388.net/Themes/Joker/Images/new-year/3.png?v=11") no-repeat;
    width: 385px;
    height: 134px;
    right: -360px;
    top: 0;
}

@media(max-width:1480px) {
    body.new-year .img-new-year-1 {
        top: 20px;
        left: -270px;
        background-size: 401px 110px;
    }
    body.new-year .img-new-year-2 {
        background-size: 30px 30px;
        left: 300px;
        top: 80px;
    }
    body.new-year .img-new-year-3 {
        background-size: 302px 105px;
    }
}