Html 将模板水平对齐到底部中心

我有一个mailchimp表单，我想对齐页面底部的中心（底部有一个10px的填充）

我设法把它弄到了底部，但我不知道如何才能移到中间

.mc-field-group{
background-color: #174365;
opacity:0.8;
padding: 0px;
color: #fff;
font-family: Helvetica, Arial;
width:400px;
font-size:12px;
padding-left:10px; 
position: absolute; bottom: 0; left: 0;

}

#mce-EMAIL {
float: left;
margin:10px;  
font-size:12px;
background: transparent;
    }

#mce-FNAME{
margin:10px;
font-size:12px;
background: transparent;
}

#mc_embed_signup input {border:1px solid #fff; -webkit-appearance:none; color:#fff;     text-transform: uppercase; background: transparent; text-indent:2%; color}

#mc_embed_signup .button {clear:both; background-color: #174365; color: #FFFFFF; display: inline-block; font-size:14px;  margin: 11px 5px 5px 0; text-align: center; text-decoration: uppercase; width: auto; border:1px solid #fff; font-size:12px;} 

有人知道我怎样才能让它粘到页面底部（加上一点填充物）

---

谢谢！：）

添加

右侧：0，
左边距：自动和
右边距：自动至
.mc字段组

更改为：

.mc-field-group {
    background-color: #174365;
    opacity:0.8;
    padding: 0px;
    color: #fff;
    font-family: Helvetica, Arial;
    width:400px;
    font-size:12px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin-left:auto;
    margin-right:auto;
}


p.S:

使用
文本对齐：居中
将内容置于
div
的中心

另外，
marginleft
和
marginright
属性可以替换为：
margin:0 auto