/* Font-Face */
@import url(https://fonts.googleapis.com/css?family=Armata);

 /* mac hide \*/
html,body{ height:100%; width:100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:default; }
 /* end hide */
body{ margin: 0px; padding: 0; font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; background: url(../images/bg_page.jpg) fixed; background-size:cover; line-height:1.5; }

#outer{ height:100%; width:100%; display:table; vertical-align:middle; }
#container{text-align: center;position:relative;vertical-align:middle;display:table-cell;height: 300px;} 
#inner{position:relative;margin-left:auto;margin-right:auto;width: 740px;height: 340px;text-align:left;padding:20px;}

a{ color:#606060; text-decoration:none; }
a:hover{ color:#333333; text-decoration:none; }		
.login{position:relative;width: 700px;height: 300px;padding:12px;margin:0 auto;background: #fff;}
.main-top{font-family:"Armata";position:relative;padding: 70px 30px 10px 40px;font-size:26px;color:#0079C2;text-align: center;}
.main-content{position:relative;width: 550px;margin: 20px auto 0;}
input{ text-align:center; }

.clock{ font-size:50px; position:fixed; right:50px; top:50px;font-family:"Armata"; color:#fff; }