#main{background:url(/assets/images/barangay_office1.40783d6b.jpg) no-repeat 50%;background-size:cover;height:100vh;padding:0;position:relative}#main,#main .loginBox{box-sizing:border-box;width:100%}#main .loginBox{background:hsla(0,0%,100%,.9);bottom:0;height:236px;left:0;padding:25px 20px;position:absolute}#main .login{margin:0 auto 28px;width:263px}#main .login dt{margin:0 0 -1px 5px}#main .login dd,#main .login dt{font-size:1.5rem;text-align:left}#main .login dd{margin-bottom:10px}#main .login dd p{margin-top:-4px}#main .login dd p a{color:#1048c9;font-size:1.1rem;text-decoration:underline}#main .login dd:last-child{margin-bottom:0}#main .login dd input{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #888;border-radius:2px;box-shadow:none;box-sizing:border-box;height:28px;letter-spacing:-.03em;padding:2px 3px;width:100%}#main .loginUl li{width:169px}#main .loginUl li input{background-color:#3c91e6;border:none;border-radius:6px;box-shadow:0 3px 6px hsla(0,0%,7%,.12);box-sizing:border-box;color:#fff;display:block;font-size:1.5rem;letter-spacing:-.03em;padding:3px 10px 6px;text-align:center;width:100%}#main .loginUl li a:hover{opacity:.7}@media (min-width:1001px){#main .login dd p a:hover{text-decoration:none}}@media (max-width:1000px){#main{background-image:url(/assets/images/barangay_office1.40783d6b.jpg)}}