将Div对准屏幕中央

Question

好，我有我的背景（红色边框）和我的登录div（蓝色边框）

我想让我的登录div停留在屏幕中央。我为此使用此代码：

HTML代码

<div class="row background">
    <div class = "col-md-10 col-sm-10 col-lg-5 login">
        ...
    </div>
</div>

CSS代码

.login-background{
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 30px;
   position: fixed;
   background: #eee;
   overflow: hidden;
   border: solid red;
}

.login{
   margin: auto;
   padding-bottom: 25px;
   background-color: #dcf8c6;
   boder: solid blue;
   -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
   -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
   box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
}

但这对我不起作用。看我的屏幕：

如何在屏幕上将此div居中放置（垂直和水平）？