@charset "UTF-8";
@import url('font-face.css');
*{margin:0;padding:0;position:relative;font-family:"SourceSansPro";box-sizing:border-box;}
body,html{height:100%;width:100%;overflow:hidden;background:radial-gradient(#02a1ff,#01141b);}
.container{height:100%;width:100%;overflow:hidden;float:left;max-width:unset;} .left{float:left;} .right{float:right;}
svg{position:fixed;left:0;top:0;} .flex_center{display:flex;height:100%;width:100%;flex-wrap:wrap;align-items:center;justify-content:center;}
.flex_center .content{width:500px;height:290px;background-color:#FFF;border-radius:3px;box-shadow:5px 5px 20px #333;} #error{float:left;width:auto;line-height:38px;color:#F00;display:none;}
.log_in{position:absolute;top:-20px;left:-28px;height:40px;line-height:40px;width:100px;background-color:#ff4100;text-align:center;color:#FFF;border-radius:6px;}
.log_in_box{position:absolute;top:27px;width:90%;height:auto;left:5%;} label{width:100%;} .mt_10{margin-top:10px !important;}
.log_in_box .form-group{width:100%;height:auto;overflow:hidden;float:left;padding:10px;box-sizing:border-box;} .form-group button{border:none;border-radius:2px;}
.form-group .form-input{width:100%;height:40px;font-size:18px;padding:10px;border:1px solid #555;padding:3px 5px;position:relative;float:left;outline:none;
border-radius:2px;margin-top:10px !important;} .action_btn{height:38px;width:120px;font-size:16px;margin:0 1px;cursor:pointer;outline:none;}
.warning{background-color:#f97f02 !important;color:#FFF !important;} .success{background-color:#1d841d !important;color:#FFF !important;}
.time{position:absolute;top:0;right:0;width:auto;height:40px;line-height:40px;border-radius:3px;background-color:#ff4100;text-align:center;color:#FFF;padding:0 20px;}
#loader{float:left;border:7px solid #f3f3f3;border-radius:50%;border-top:7px solid #0374b1;border-bottom:7px solid #0374b1;width:38px;height:38px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:none;}
@-webkit-keyframes spin{
  0%{ -webkit-transform: rotate(0deg);}
  100%{ -webkit-transform: rotate(360deg);}
}

@keyframes spin{
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}