body {
  -webkit-perspective: 800px;
          perspective: 800px;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  font-family: 'Gudea', sans-serif;
  background: #214d7c;
  /* Old browsers */
  /* FF3.6+ */

  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA5C54 ', endColorstr='#bb6dec',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}
body ::-webkit-input-placeholder {
  color: #4E546D;
}
.admin_login{width:300px;height:310px;overflow:hidden;padding:40px;background: #fff; box-shadow:0 10px 30px #293846;border-radius:5px;position: absolute;left:50%;top: 50%;margin-left: -190px;margin-top: -200px;}
.admin_title{font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 15px;color: #2f4050}
.admin_title em{display: block;font-size: 12px;margin-top: 8px;}
.admin_user,.admin_pwd,.admin_val,.admin_sub{margin: 10px 0;height: 40px;overflow: hidden;clear: both;position: relative;border: 1px solid #dbdbdb;border-radius: 3px; }
.admin_user:hover,.admin_pwd:hover,.admin_val:hover{border-color:#2f4050}
.admin_sub{border: none;}
.login_txt{font-size: 14px;height: 26px;line-height: 26px;padding: 8px 5%;width: 90%;text-indent: 2em;border: none;color: #676a6c;}
.login_txt:focus{color: #676a6c; box-shadow:0px 0px 10px 0px rgba(127,127,127,0.1); border-color: #676a6c;outline:none;}
.submit_btn{width: 100%;height: 40px;border: none;font-size: 16px;background: #2f4050;color: #FFF;cursor: pointer;}
.submit_btn:hover{background: #293846;color: #f4f4f4;}
.admin_info{padding-top: 5px;}
.admin_info p{color: #2f4050;font-size: 12px;text-align: center;margin: 3px 0;}
.admin_val input{width: 90px;}
#yzm img{width: 120px;height: 40px;}
.admin_user::before,.admin_pwd::before,.admin_val::before{font-family: 'FontAwesome';position: absolute;top: 0;left: 10px;height: 42px;line-height: 42px;width:25px;text-align: center; font-size: 16px;color: #2f4050;}
.admin_user::before{content: "\f007";}
.admin_pwd::before{content: "\f13e";}
.admin_val::before{content: "\f11c";}