@media screen and (max-height: 400px) and (min-height:301px){
    .topPadding{
        padding-top:1em;
    }
}
@media screen and (max-height: 530px) and (min-height:501px){
    .topPadding{
        padding-top:2em;
    }
}

@media screen and (max-height: 550px) and (min-height:531px){
    .topPadding{
        padding-top:3em;
    }
}

@media screen and (max-height: 570px) and (min-height:551px){
    .topPadding{
        padding-top:3em;
    }
}

@media screen and (max-height: 590px) and (min-height:571px){
    .topPadding{
        padding-top:7em;
    }
}

@media screen and (min-height:591px){
    .topPadding{
        padding-top:7em;
    }
}

@media screen and (max-height:391px){
    #imgObj{
        width:100%
    }
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f0f0f0;
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}

#checkCodeError {
    height: 2.5em;
    display: none;
    color: red;
    font-size: 12px;
    line-height: 2.5em;
}
.querybox {
    z-index: 9998;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 20px;
    background-color:rgba(105,105,105,0.5);
    box-shadow: 2px 1px 20px 0px rgba(50,50,50,0.6);
}

.querybox-popup{
    z-index: 9999;
}

.querytitle{
    color: #f6f6f6;
    text-align: center;
}

.form-group{
    padding-bottom: 10px;
}

.nav-tabs>li>a{
    color : white;
}
.nav-tabs>li>a:hover{
    color : green;
}