﻿body{
    background:url(../img/background/Chestbg.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    max-width:100%!important;
    overflow-x:hidden!important
}
.sidebar-stacked.open + .wrapper .constructor{
    margin-left:40%
}
.footer{
    float:left;
    width:800px;
    height:50px;
    background-color:#101010;
    padding:10px;
    text-align:center;
    color:#9d9d9d;
    margin-top:5px;
    margin-bottom:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
.footer a{
    color:#9d9d9d
}
.footer a:hover{
    color:#fff;
    text-decoration:none
}
#upper-section{
    margin-top:20px;
    width:800px;
    height:auto
}
#upper-left{
    float:left;
    width:390px;
    height:450px
}
#upper-right{
    float:left;
    margin-left:50px;
    width:290px;
    height:450px
}
#lower-section{
    margin:auto;
    width:810px;
    height:400px;
    margin-top:10px
}
.disqus-section{
    float:left;
    font-family:Helvetica,sans-serif;
    margin:auto;
    width:480px;
    height:auto;
    min-height:400px;
    background-color:#101010;
    padding:10px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px
}
#npc-menu1,#npc-menu2,#npc-menu3,#log-window,.quest-ucuncu,.sprite-button-blue,.sprite-button-green,.sprite-button-red,.sprite-button-exchange,.sprite-button-close,.sprite-button-confirm{
    background:url(../img/boxexchange-sprite.png) no-repeat
}
#npc-menu1{
    float:left;
    background-position:-2px -1276px;
    width:389px;
    height:315px
}
#npc-menu2{
    float:left;
    display:none;
    background-position:-1px -850px;
    width:389px;
    height:416px
}
#npc-menu3{
    float:left;
    display:none;
    width:282px;
    height:137px;
    background-position:0 -1601px
}
#log-window{
    float:left;
    width:322px;
    height:429px;
    padding-top:10px;
    background-position:0 -411px
}
.npc-menu1-title{
    color:#ff0;
    float:left;
    margin-left:150px;
    margin-top:18px;
    font-size:11px
}
.npc-menu1-desc{
    color:#000;
    float:left;
    margin-left:125px;
    margin-top:70px;
    font-size:11px
}
.npc-menu2-title{
    color:#ff0;
    float:left;
    margin-left:85px;
    margin-top:18px;
    font-size:11px
}
.npc-menu2-desc{
    color:#000;
    float:left;
    margin-left:125px;
    margin-top:30px;
    font-size:11px
}
.sprite-button-blue{
    float:left;
    background-position:0 0;
    width:348px;
    height:25px;
    margin-top:60px;
    margin-left:20px
}
.sprite-button-blue:hover{
    float:left;
    background-position:0 -98px;
    width:348px;
    height:25px
}
.sprite-button-blue:active{
    float:left;
    background-position:0 -196px;
    width:348px;
    height:25px
}
.sprite-button-green{
    float:left;
    background-position:-1px -32px;
    width:348px;
    height:25px;
    margin-top:10px;
    margin-left:20px
}
.sprite-button-green:hover{
    float:left;
    background-position:-1px -129px;
    width:348px;
    height:25px
}
.sprite-button-green:active{
    float:left;
    background-position:-1px -227px;
    width:348px;
    height:25px
}
.sprite-button-red{
    float:left;
    background-position:-1px -63px;
    width:348px;
    height:25px;
    margin-top:10px;
    margin-left:20px
}
.sprite-button-red:hover{
    float:left;
    background-position:-1px -161px;
    width:348px;
    height:25px
}
.sprite-button-red:active{
    float:left;
    background-position:-1px -259px;
    width:348px;
    height:25px
}
.sprite-button-exchange{
    float:left;
    background-position:0 -1877px;
    width:87px;
    height:33px;
    margin-top:17px;
    margin-left:-100px
}
.sprite-button-exchange:hover{
    float:left;
    background-position:0 -1920px;
    width:87px;
    height:33px
}
.sprite-button-exchange:active{
    float:left;
    background-position:0 -1963px;
    width:87px;
    height:33px
}
.sprite-button-close{
    float:left;
    background-position:0 -1748px;
    width:87px;
    height:33px;
    margin-top:17px;
    margin-left:-3px
}
.sprite-button-close:hover{
    float:left;
    background-position:0 -1791px;
    width:87px;
    height:33px
}
.sprite-button-close:active{
    float:left;
    background-position:0 -1834px;
    width:87px;
    height:33px
}
.sprite-button-confirm{
    float:left;
    background-position:0 -294px;
    width:87px;
    height:33px;
    margin-top:10px;
    margin-left:97px
}
.sprite-button-confirm:hover{
    float:left;
    background-position:0 -330px;
    width:87px;
    height:33px
}
.sprite-button-confirm:active{
    float:left;
    background-position:0 -368px;
    width:87px;
    height:33px
}
.collect{
    float:left;
    height:40px;
    width:190px;
    margin-top:129px;
    margin-left:24px
}
.collect-icon{
    float:left;
    background-image:url(../img/itemicon/37915600.png);
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    background-size:100% 100%;
    margin-top:1px;
    margin-left:0
}
.collect-text1{
    float:left;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    margin-top:5px;
    margin-left:7px
}
.collect-text2{
    float:left;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    margin-top:3px;
    margin-left:7px
}
.reward{
    float:left;
    height:40px;
    width:190px;
    margin-top:31px;
    margin-left:24px
}
.reward-icon{
    float:left;
    background-image:url(../img/itemicon/90000400.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    margin-top:1px;
    margin-left:0
}
.reward-text{
    float:left;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    margin-top:6px;
    margin-left:7px
}
.npc-menu2-buttons{
    float:left;
    height:70px;
    width:389px;
    margin-top:10px;
    margin-left:0
}
.page-number{
    float:left;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    margin-left:190px
}
.iteminfo{
    float:left;
    height:35px;
    width:282px;
    margin-top:52px
}
.won-item-icon{
    float:left;
    background-image:url(../img/itemicon/10001000.png);
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    background-size:100% 100%;
    margin-left:58px;
    margin-top:-1px
}
.won-item-name{
    float:left;
    color:#fff;
    font-size:10px;
    font-family:Arial;
    margin-top:5px;
    margin-left:7px
}
.log-text{
    float:left;
    color:#ff0;
    font-size:11px;
    margin-top:3px;
    margin-left:15px
}
