html{
    width : 100%;
    height : 100vh;
    border : 0px;
    margin : 0px;
    padding : 0px;
    background : #f2f2f2;
    font-family : 'Microsoft JhengHei';
}

.OverallMask, .LoadingCursor {
    position : fixed;
}

.OverallMask{
    width : 100vw;
    height : 100vh;
    background : rgba(0, 0, 0, .3);
    z-index : 1000;
}

.LoadingCursor{
    right : 50px;
    bottom : 50px;
    z-index : 1001;
}

.TopBanner, .MainArea, .FooterZone{
    float : left;
}

.TopBanner{
    top : 0px;
    width : 100%;
    height : 90px;
    padding : 10px 10px 0px 10px;
    border-bottom : 1px #333 solid;
    position : fixed;
    box-sizing : border-box;
    background : #f2f2f2;
    z-index : 2;
}

.MainArea{
    width : 100%;
    min-height : calc(100vh - 130px);
    margin-top : 100px;
    padding : 20px 20px 0px 20px;
    vertical-align : top;
    box-sizing : border-box;
}

.FooterZone{
    width : 100%;
}
.ReceivingExpense {
    width: 30px;
    height: 30px;
    margin: 0px auto 0px auto;
    background-image: url('images/ReceivingExpense.png');
    background-repeat: no-repeat;
}

.AccountStatement {
    width: 30px;
    height: 30px;
    margin: 0px auto 0px auto;
    background-image: url('images/AccountStatement.png');
    background-repeat: no-repeat;
}