#mask {  
        display:none;
        background: #000;
        width: 100%;
        height: 100%;
        position: fixed;
        overflow: hidden;
        z-index: 10000;
        opacity: 0.7;
    } 

    .screen-popup{
        display: none;
        position:fixed;
        top:40%;
        left:40%;
        padding: 20px 30px !important;        
        border-radius: 5px;
        box-shadow: 1px 1px 3px 1px #0000004f;
        color: white;
        font-size: 12px;
        font-weight: normal !important;
        font-family:'Malgun Gothic', 'Century Gothic', Tahoma, sans-serif;
        line-height: 2em;
        letter-spacing: 1px;
        z-index: 99999;
    }
    .screen-popup div span {
        position: relative;
        display: inline-block;
        width:140px;
        border: 1px solid #b3a9a98c;
        border-radius: 3px;
        padding:2px 0;
        margin: 10px 5px 5px 0;
        text-align: center;
        cursor: pointer;
    }

    .screen-popup div span {
        background: rgba(30, 50, 80, 0.85);
    }

    .screen-popup div span:hover{
        border: 1px solid #d3d3d38c;
        background:transparent !important;
    }