/*login*/
body,html{
  font-family: "微软雅黑";
}
.modal-open {

    padding-right: 0 !important;
}
.modal-dialog{
   width: 400px;
   margin:15em auto;

}
.modal-dialog .modal-content{
  width: 400px;
  height: 452px;
}
.modal-open .modal{
  overflow-y: hidden;
}
.modal-content{
    border:none;
    border-radius: 0;
}
.modal-header{
    border-bottom: none;
    padding: 24px 24px 0 30px
}
.modal-header h1{
    font-size: 20px;
    color: #505050;
    margin-top: 5px;
}
.modal-header i{
    font-size: 30px;
    font-weight: 0;
}
.modal-body{
    padding: 0 40px 0 40px;
}
.modal-body form{
    padding: 0;
 }
.modal-footer{
    border-top: none;
    padding: 0 40px
}
.modal-header .close{
	font-size: 30px;
}
form .form-group i{
    position: relative;
    top:37px;
    left: 10px;
    font-size: 25px;
    color: #505050;
}
 form .form-group .input-lg,form .form-group button.btn{

    border-radius: 3px;
 }
  form .form-group input{
    text-indent: 20px;
    font-size: 16px;
    color: #808080；
  }
  form .form-group:nth-child(3)>div{
    padding-left: 0px;
  }
  form .form-group:nth-child(3)>span{
    height:46px;
    margin-top:25px !important;
    padding: 0;
  }
form .form-group:nth-child(3)>span>img{
    height:46px;
    width: 100%;
    padding:0;
}
  form .form-group:nth-child(4){
    display:inline-block;
    padding: 0;
  }
  form .form-group input.yzm{
    width: 40%;
    text-indent: 0px;
  }

 form .form-group a.pic{
    font-size: 14px;
    color: #008edc;
    line-height: 46px;
  }
  form .form-group .checkbox{
    margin:0;
    font-size: 14px;
    color: #505050;
    margin-bottom: 10px;
  }
 form .form-group span.pull-right a{
    font-size: 14px;
    color: #505050;
    margin:0 5px;
     margin-bottom: 10px;
  }
 form .form-group button.btn-primary{
     background: #008edc;
     font-size: 20px;
     border:none;
  }
  .form .form-group .pull-left label,.form .form-group .pull-right{
    margin-top: 20px;
  }
  #login{
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .modal-footer{
    margin:0 40px;
    padding: 15px 0 20px 0;

  }
  .modal-footer label,.modal-footer a{
    padding: 0
  }
  .modal-footer label{
  	line-height: 36px;
  }
  .modal-footer a{
    background: url(http://static.sgamer.com/style/sites/sgmodule/images/other-login.png) no-repeat;
    display: block;
    width: 37px;
    height: 37px;
    margin-left: 22px;
  }
  .modal-footer a.qq{
  	background-position: 0 0
  }
  .modal-footer a.weixin{
  	background-position: -48px 0
  }
  .modal-footer a.weibo{
  	background-position: -98px 0
  }
  .modal-footer a.qq:hover{
  	background-position: 0 -39px;
  }
  .modal-footer a.weixin:hover{
  	background-position: -48px -39px;
  }
  .modal-footer a.weibo:hover{
  	background-position: -98px -39px
  }
  @media screen and (max-width:767px){
  	.modal-dialog{
  		width: 300px;
      margin: 10em auto;
  	}
    .modal-dialog .modal-content{
      width: 300px;
    }
  	.form-yzm{
  		display: none;
  	}
  	.modal-body{
  		padding: 0 20px;
  	}
  	
  	.modal-footer{
  		margin:0 20px;
  		padding: 0 0 10px 0;
  	}
    .modal-footer a{
      margin-left: 10px;
    }
  }