html{
    height: 100%
}

body{
    height: 100%;
    margin: 0;
    padding: 0;
}

.loading{
    background: #F5F1F0;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600;

}

.loading h1{
    color: #000;
    font-size: 4em;
    text-shadow: 0 0 3px #111;
    margin-top: 100px;
    margin-bottom: 20px;
}

.box{
    /*height: 500px;*/
    overflow: auto;
}

.inner{
    height: 100%;
    width: 1400px;
    cursor: move;
}

.plurk{
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.timeMarker{
    float: left;
    position: relative;
}

.line{
    margin-top:5px;
    margin-bottom:5px;
    height:15px;
    float: left;
}

.map_canvas{
    width: 100%;
    height: 100%;
}

.search_div{
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 100;
}

.title_div{
    position: fixed;
    top: 60px;
    left: 20px;
}

.title_div h1{
    color: #ff6644;
}

.setting_div{
    position: fixed;
    top:20px;
    right:20px;
}

.infomation_div{
    position: fixed;
    bottom:20px;
    right:20px;
}

.suitMap{
    padding-left: 25px;
}

.tongjian_overview{
    width: 80%;
    margin-left: -40%;
}

.tongjian_overview_body{
    max-height: 450px;
}

.infoBox{
    left: auto;
    z-index: 400;
    right: 20px;
    max-width: 300px;
}

.timeBox{
    z-index: 400;
    top:auto;
    bottom:50px;
    width: 80%;
    margin-left: -40%;

}