* {margin: 0;padding: 0;outline: 0;}
img {border: none;}
.clear {clear: both;}
input {border: none;}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #E7EBF0 url(../images/bg-1.jpg);
}
.box {
    height: 480px;
    width: 360px;
    padding: 20px 10px;
    position: fixed;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -200px;
    color: #3f4c63;
}
.box h1 {text-align: center;}


/*input框*/
.box .t_p {
    width: 88%;height: 45px;font-size: 15px;padding-left: 12%;margin-top: 30px;
    -webkit-box-shadow:inset 0 0 5px #000000;
    -moz-box-shadow:inset 0 0 5px #000000;
    box-shadow:inset 0 0 5px #000000;
}
.box .verify {width: 50%;height: 45px;font-size: 15px;padding-left: 3%;margin-top: 30px;
    -webkit-box-shadow:inset 0 0 5px #000000;
    -moz-box-shadow:inset 0 0 5px #000000;
    box-shadow:inset 0 0 5px #000000;
}
/*input框获得焦点*/
.box input:focus {
    transition-duration: 1s;
    -webkit-box-shadow:inset 0 0 10px red;
    -moz-box-shadow:inset 0 0 10px red;
    box-shadow:inset 0 0 10px red;

}

.box .img {height: 45px;width: 40%;position: absolute;top: 241px;right: 10px;}

.people {background-image: url(../images/people.jpg);background-position: 4% 50%;background-repeat: no-repeat;}
.lock {background-image: url(../images/lock.jpg);background-position: 4% 50%;background-repeat: no-repeat;}

.btn-large { padding: 11px 0; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 25px;cursor: pointer;}
.btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn-primary, .btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; }
.btn-primary { background-color: #4a77d4; background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4); background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4)); background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4); background-image: linear-gradient(top, #6eb6de, #4a77d4); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);  border: 1px solid #3762bc; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; }
.btn-block { width: 100%; display:block; }