@charset "utf-8";
/* CSS Document */



header{ width: 100%; height: 50px; border-bottom: 0px solid #d8d8d8; position: fixed; top:0; left: 0; z-index: 68; background-color: #00a0e9;}

header h1{color: #fff; font-size:1.3em; line-height: 50px; font-weight: 800; letter-spacing: .18em; padding-left: 16px;}


.hf116 {
    font-weight: 500;
    margin-left: 0.3em;
    font-size: 0.55em;
    letter-spacing: 0.1em;}


@media screen and (max-width: 980px) {
    
    header{height: 50px;}
    header h1{line-height: 50px;}

}

@media screen and (max-width: 736px) {
    
    header{height: 50px;}
    header h1{line-height: 50px; font-size:1em; padding-top: 0px;}
	
}





.page{max-width: 400px; margin: 50px auto; height:100%; padding: 40px 20px 0px; text-align: center;}


.page h1{font-size: 32px; margin-bottom: 14px; font-weight: bold; color:#00a0e9; letter-spacing: 0.225em; text-indent:0.225em;}

.page p{font-size: 18px; margin-bottom: 16px; ; color:#2c2e2f; line-height: 1.5;}

.page img{margin-bottom: 20px;}

.page input[type="text"]{width: 100%; height: 48px; border:1px solid #aaa; padding: 0 10px; font-size: 24px; color: #005eb6; margin-bottom: 16px; border-radius: 3px; transition: all .3s; text-align: center; background-image: url("../imgs/door-key.png"); background-repeat: no-repeat; background-position: left center; background-size: 48px; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;
line-height:46px; box-sizing:border-box;}


.page input[type="text"]:focus{border:1px solid #00a0e9; background-color: #eee;}

.page input[type="text"]::placeholder{color: #bbb; font-size: 20px;}


.page input[type="submit"]{width: 100%; height: 48px; background-color: #00a0e9; font-size: 24px; color: #fff; text-align: center; border-radius: 3px; letter-spacing: 16px; text-indent: 16px; transition: all .3s; font-weight: bold; margin-bottom: 20px; cursor: pointer; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height:48px; box-sizing:border-box;}

.page input[type="submit"]:hover{background-color: #005eb6;}



.line{ font-size: 16px; color: #00a0e9; text-align: center; transition: all .3s;}


.line:hover{color: #005eb6; }



@media screen and (max-width: 736px) {
    
.page img{width: 220px;}
	
}