#alert_black_box{
        position:fixed;
        z-index:999998;
        top:0px;
        left:0px;
        height:100%;
        width:100%;
        background-color:rgba(0,0,0,0.8);
        display:none;
    }
    
    #alert_box{
        position:fixed;
        z-index:999999;
        top:-250px;
        left:50%;
        width:300px;
        min-height:200px;
        box-sizing:border-box;
        border-radius:5px;
        margin-left: -150px;
        padding:10px;
        background-color:white;
        background-size:65%;
        background-image:url(../images/girl_alert_box2.png);
        background-repeat:no-repeat;
        background-position:-25px 0px;
        opacity:0;
        transition: all 0.5s ease 0s;
        /*transform: rotateZ(180deg);*/
    }

    #alert_box.show{
        top:15%;
        left:50%;
        margin-left: -150px;
        display:block;
        transition: all 1s ease 0s;
        opacity:1;
        /*transform: rotateZ(360deg);*/
    }
    
    #alert_box .title{
        margin-left:140px;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        color:#333;
    }
    #alert_box .msg{
        margin-top:10px;
        margin-left:140px;
        height:120px;
    }
    #alert_box .close_btn{
        margin-left:150px;
        text-align:center;
    }