@charset "utf-8";
/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url("../../Images/bg.jpg");
    height: auto;
}

img.logo {
    position: absolute;
    top: 340px;
    left: 130px;
}

.vl {
    border-left: 2px solid #f2f2f2;
    height: 550px;
    margin-top: 35px;
}

img.avatar {
    width: 20%;
    margin-left: 240px;
}
form{position:absolute;top:120px;left:0px;}
input[type=text], [type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 15px 0px;
	/*margin-left:120px;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.b_p{width:60%;margin-top:15px;
margin-left:123px;
}
img.avatar {
    width: 20%;
    margin-left: 230px;
}
/*.fpsw{display:block;width:294px;}*/


@media only screen and (max-width : 736px) and (min-width: 320px) {
    .ba_ground {
        background-image: url("../../Images/bg.jpg");
        height: 100px;
    }

    .err_msg {
        width: 100%;
        display: inline-block;
        margin-left: 0px !important;
    }

    img.logo {
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
    }

    form {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .vl {
        border-left: 0px solid #f2f2f2;
        height: 600px;
        margin-top: 75px;
    }

    input[type=text], [type=password] {
        width: 100%;
        padding: 12px 20px;
        margin: 15px 0px;
        margin-left: 0px;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .btn-primary {
        width: 100%;
        margin-top: 15px;
        margin-left: 0px !important;
    }

    img.avatar {
        width: 30%;
        margin-left: 120px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    img.logo {
        position: absolute;
        top: 250px;
        left: 5px;
    }

    input[type=text], [type=password] {
        width: 80%;
        padding: 8px 5px;
        margin: 15px 0px;
        margin-left: 50px;
    }

    img.avatar {
        width: 30%;
        margin-left: 130px;
    }

    .btn-primary {
        width: 98%;
        margin-top: 15px;
        margin-left: 50px !important;
    }

    form {
        position: absolute;
        top: 45px;
        left: 5px;
    }
}
/*.btn-primary{width:81%;margin-top:15px;margin-left:120px !important;}*/
.fpsw {
    text-align: center;
}
/*img.avatar {width: 30%;margin-left:100px;}*/

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    img.avatar {
        width: 20%;
        margin-left: 200px;
    }

    img.logo {
        position: absolute;
        top: 250px;
        left: 100px;
    }
}