* {
 margin: 0;
 padding: 0;
}

/* mac hide \*/
html,body {
 height: 100%;
 width: 100%;
}
/* end hide */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 min-height: 200px;/* for ie7*/
 background: #66a3e0;
}

input {
 border: none;
 -webkit-appearance: none;
}

fieldset {
 padding: 0px 26px;
 border: 0;
 height: 171px;
 display: block;
}

fieldset input[type="text"], fieldset input[type="password"] {
 background: #eee;
 color: #777;
 padding: 10px 10px;
 width: 305px;
}

fieldset input[type="submit"] {
 background: #33cc77;
 color: #fff;
 display: block;
 margin: 0 auto;
 padding: 10px 0;
 width: 100px;
}

fieldset input[type="submit"]:hover {
 background: #28ad63; 
}

h2 {
 padding: 15px 16px;
 color: #252525;
 text-align: center;
 text-transform: uppercase;
 background-color: #2979c8;
 color: white;
 margin-bottom: 10px;
}

p,h1 {
 margin-bottom: .75em;
}

.login {
 background: #fff;
 padding-bottom: 25px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%); /* IE 9 */
 -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}