.login_box {
    position: fixed;
    left: -100%;
    right:100%;
    top:0;
    bottom: 0;
    z-index:9999;
    text-align: center;
    display: none;
}
.login_box:after {
   content:"";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
   width: 0;
}
.login_box1{
    display: inline-block; 
    *display: inline; 
    *zoom:1;  
    vertical-align: middle;
    position: relative;
    right: -100%;
}
.login{
	width:360px;
	height:240px;
}
.login li{

	margin-top:30px;
}
.login li input{
	float:left;
	background-color: rgba(255,255,255,0.2);
	border:1px solid #ccc;
	border-left:0;
	line-height: 36px;
	width:318px;
	padding-left:4px;
	color:#ddd;
	box-sizing: border-box;
}
.login li .fa{
	float:left;
	line-height: 36px;
	color:#feffff;
	background-color: rgba(255,255,255,0.2);
	border:1px solid #ccc;
	padding:0 10px;
	border-right:0;
	box-sizing: border-box;

}
.login li:nth-child(2) .fa{
	padding:0 12px;
}
.login li button{
	width:354px;
	line-height: 36px;
	color:#ffffff;
	background-color: #C20C0C;
	margin-left:-5px;
}
.content_mark{ 
  width:100%; 
  height:100%; 
  position:fixed; 
  left:0; top:0; 
  z-index:555; 
  background:#000; 
  opacity:0.7;
  filter:alpha(opacity=50); 
  
}