#loadform{
        width: 340px;
        height:840px ;
        padding-top: 100px;
        margin-left: 790px;
    }

/*@media (min-width: 820px) and (max-width: 1280px) {
    #loadform{
        position: absolute;
        left: 55%;
        top: 20%;
        width: 20%;
        min-width: 350px;
    }
    #loadimg{
        position: absolute;
        left: 2%;
        top: 25%;
        width: 50%;
        height: 300px;
        background: url("../../image/robot.png") no-repeat center;
        background-size: 200px,300px;
    }
}
@media  (max-width: 820px) {
    #loadform{
        width: 30%;
        margin: 0 auto;
        top: 220px;
        min-width: 350px;
    }
    #loadimg{
        margin-top: 2%;
        min-width: 350px;
        height: 200px;
        background: url("../../image/robot.png") no-repeat center;
        background-size: 100px,200px;
    }

}*/
/*@media (max-width: 350px) {
    #loadform{
        width: 30%;
        margin: 0 auto;
        top: 220px;
        min-width: 270px;
    }
    #loadimg{
        margin-top: 2%;
        min-width: 270px;
        height: 200px;
        background: url("../image/load.png") no-repeat center;
        background-size: 270px,200px;
    }

}*/

a{
    color: #037cb1;
    text-decoration: none;
    font-size: 15px;
    vertical-align: bottom;
}
a:hover{
    color: #6ce26c;
    text-decoration: none;
}
#title{
    color: #037cb1;
    font-size: 18px;
}
    form span.invalid{
        color: red;
    }

     span.invalid2{
        color: red;
         display: block;
    }