#PopupDialogMask {
    box-sizing:border-box;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.5;
    z-index:1004;
    display:none
}

#popupDialogBox {
    box-sizing:border-box;
    position:fixed;
    left:50%;
    top:50%;
    overflow:hidden;
    border:1px solid #555;
    z-index:1005;
    visibility:hidden;
    display:flex;
    flex-flow:column;
    background-repeat:no-repeat;
}

#popupDialogBox > .popupHeader {
    box-sizing:border-box;
    height:32px;
    line-height:32px;
    padding:0px 10px;
    border-bottom:0px solid #ccc;
    background-color:#1079e3;
    color:#fff
}
#popupDialogBox > .popupHeader > i.popupClose {
    position:relative;
    font-size:18px;
    top:5px;
    cursor:pointer
}
#popupDialogBox > .popupHeader > i.popupClose:hover {
    color:#f00
}
#popupDialogBox > .popupContent {
    box-sizing:border-box;
    height:100%;
    width:100%;
    overflow-y:hidden;
    overflow-x:hidden;
    text-align:justify
}
#popupDialogBox > .popupFooter {
    box-sizing:border-box;
    height:32px;
    line-height:32px;
    border-top:0px solid #ccc;
    padding:0px 10px;
}
#popupDialogBox .fltR {
    float:right
}