.login {
  width:500px;
  height:150px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-260px;  /*(300/2) */
  margin-top:-200px;   /*(240/2) */
}

body{
font-family: Calibri;
background: rgba(239,234,234,0.1);
color: #999999;
}
#contact div, h1, form, fieldset, input, textarea {
margin: 0; padding: 0; border: 0; outline: none;
}
#contact {
width: 400px; margin: auto; padding: 15px 15px 1px 15px; margin-top:60px;
background: rgba(66,70,241,1);
border-radius: 1px; -moz-border-radius: 20px; -webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow: 0px 0px 5px #000;
}
#contact a{
text-decoration:none;
color:#666666;


}
h1 {
font-size: 22px; color: #fff; text-transform: uppercase;
text-align: center; margin: 0 0 30px 0;
}
form {
margin-bottom:25px;
}
label {
float: center; margin: 10px 30px 0 20px; width: 75px;
text-align: right; font-size: 16px; color: #fff;
font-weight:bold;
text-transform: uppercase;
}




input {
width: 200px; height: 30px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0;
background: rgba(239,234,234,0.8);
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
font-size: 14px; color: #000; /*text-transform: uppercase; untuk jadiin huruf besar semua */

}
input::-webkit-input-placeholder {
color: #333;
}
input:-moz-placeholder {
color: #333;
}


input:focus{
background: rgba(239,234,234,1);
color: #000;
}


input[type=submit], input[type=reset] {
width: 100px; height: 30px; float: right; padding: 5px 0; margin: 0 25px 0 0;
background: #000;
color : #fff;
cursor: pointer;
font-weight:bold;
}


input[type=submit]:hover, input[type=reset]:hover{
border: 3px solid #CCCCCC;
background: rgba(239,234,234,0.8);
color : #000;
}