.vtn_close {
    font-family: 'Century Gothic';
    font-size: 14px;
    position: absolute;
    background-color: rgba(255,255,255,1);
    color: rgb(255,255,255);
    border-radius: 6px;
    border: solid;
    border-width: 1px;
    width: 400px;
    height: 0px;
    z-index: 100;
    visibility: hidden;
    transition-duration: 1s;
}

.vtn_open {
    font-family: 'Century Gothic';
    font-size: 14px;
    position: absolute;
    background-color: rgba(255,255,255,1);
    color: rgb(0,0,0);
    width: 600px;
    height: 300px;
    z-index: 100;
    border-radius: 6px;
    border: solid;
    border-width: 1px;
    visibility: visible;
    transition-duration: 1s;
}

.msg_off {
    font-family: 'Century Gothic';
    font-size: 14px;
    position: absolute;
    background-color: rgba(0,0,0,0);
    color: rgb(255,255,255);
    border-radius: 6px;
    border: solid;
    border-width: 1px;
    width: 400px;
    height: 0px;
    z-index: 100;
    overflow: hidden;
    visibility: hidden;
    transition-duration: 1s;
}

.msg_on {
    font-family: 'Century Gothic';
    font-size: 14px;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    color: rgb(255,255,255);
    border-radius: 6px;
    border: solid;
    border-width: 1px;
    width: 400px;
    height: 100px;
    z-index: 200;
    overflow: hidden;
    visibility: visible;
    transition-duration: 0.5s;
}