html{
    margin:0;
    padding:0;
    height: 100%;
   }
   
   body{
       margin:0;
       padding:0;
       font-family: "Trebuchet MS";	
       height: 100%;
       background-color: #3a3a3a;
   }
   
   #login{
       
       
   }	
   
   .t-login{
       border:1px;
       border-spacing:0;
       height:100%;	
       width:100%;
   }
   
   .t-login td{
           min-width:600px;
           text-align:center;
           padding:60px 0;
           vertical-align:middle;
   
   }	
   
   .d-login-m{
         width: 300px;
       display: inline-block;
       background-color: #fff;
       padding: 40px;
       border-radius: 4px;
   }	
   
   .d-login{
       text-align:center;
   
   }	
   
   .b-l-head{
       color: #333;
       font-size: 26px;
       padding: 0 0 20px 0;
   }	
   .b-l-title{
       padding: 10px 0;
       text-align: left;
       font-weight: bold;
       font-size: 18px;
   }	
   .b-l-field{
       
   }	
   
   .b-gray{
       display: inline-block;
       background-color: #eee;
       padding: 10px;
       border-radius: 4px;
       box-shadow: 0px 5px 53px 9px #000000;
   }	
   
   .b-l-enter{
       padding: 5px 10px;
       font-size: 20px;
       margin-top: 20px;
       line-height: 1.5;
       border-radius: 3px;
       color: #fff;
       background-color: #337ab7;
       width: 100%;
       display: block;
       background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
       background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
       background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
       background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
       filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
       background-repeat: repeat-x;
       border-color: #245580;
       border-width: 0;
       -webkit-appearance: button;
       cursor: pointer;
       text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
       -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
       box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
   }
   
   .b-l-field input{
       display: block;
       height: 44px;
       padding: 6px 20px;
       width: 100%;
       box-sizing: border-box;
       font-size: 21px;
       line-height: 1.42857143;
       color: #555;
       background-color: #fff;
       background-image: none;
       border: 1px solid #ccc;
       border-radius: 4px;
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
       transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   
   }