html{height:100%}body{padding:0;background:url('/Content/image/loginbg4.jpg') no-repeat;background-attachment:fixed;background-size:cover;background-position:right;position:relative;min-height:620px;height:100%}h1,h2,h3,h4,h5,h6{padding:0;margin:0}.appname{padding:5px;padding-left:10px}#footer p{margin-bottom:5px}.box_login{color:#515151;position:absolute;padding:0;margin:0;width:800px;height:400px;position:absolute;transform:translate(-50%,-50%);top:46%;left:50%}.box_login .box_in{position:relative;height:100%}#loginForm{width:40%;float:left;margin:0 auto;background:rgba(252,252,252,.95);padding:30px 20px;position:relative;height:100%;border-radius:3%;box-shadow:0 9px 9px 1px rgba(0,0,0,.2)}hr{border:0;margin:0}.title_login{font-size:30px;text-transform:uppercase;text-align:center;margin-bottom:20px;font-weight:bold}.box_logo{background:url(/content/image/logoBenTre.png) no-repeat 50% 50%;width:60%;float:left;position:relative;height:100%;background-size:80%}.btn{width:100%}@media(max-width:768px){.box_logo{height:50%}.box_login{position:relative;width:80%;max-width:100%;top:0;left:0;margin:0 auto 0;margin-top:20px;padding-bottom:50px;transform:translate(0%,0%)}.box_login *{max-width:100%}.form-horizontal .form-group{margin:0}.box_logo{display:none}.box_login .col-md-12{padding:0}.box_login #loginForm{margin:0;width:100%}#loginForm{height:auto}}