html, body {
     width: 100%;
     height: 100%;
     color: #444;
     background: #f0f0f0;
     font: 9pt Arial,Helvetica,sans-serif;
}
 #container {
     position: absolute;
     top: 40%;
     left: 50%;
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     width: 350px;
    /* height: 470px;
     */
     background: #fff;
     border-radius: 3px;
     border: 1px solid #ccc;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
 p{
     margin:0px;
}
 .info {
     font-size: 14px;
    /* padding-left: 20px;
     */
     padding-top: 20px;
     line-height: 23px;
     text-align: center;
}
 .note {
     width:300px;
     font-size: 11.5px;
     color: #606060;
     line-height: 14px;
     float: left;
     margin: 20px;
     text-align: justify;
     padding-bottom:10px;
}
 form {
     margin: 0 auto;
     margin-top: 20px;
}
 label {
     color: #555;
     display: inline-block;
     margin-left: 18px;
     padding-top: 10px;
     font-size: 14px;
}
 input {
     font-size: 12px;
     outline: none;
     line-height:32px;
}
 input[type=text], input[type=password] {
     color: #777;
    /* padding-left: 10px;
     */
    /* margin: 10px;
     */
     margin-top: 12px;
     margin-left: 18px;
     width: 300px;
     height: 35px;
}
 input[type=text]:focus, input[type=password]:focus {
     border: 1px solid #a8c9e4;
     box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}
 input[type=submit] {
     float: right;
     margin-right: 20px;
     margin-top: 20px;
     font-size: 14px;
     width: 80px;
     min-height: 30px;
     left: 50%;
}