header, #contents, footer {
    visibility: hidden;
}

.lock {
    overflow: hidden;
}

.modal-over18-content {
    display:none;
    position:relative;
    width:100%;
    height:100%;
    background:#000;
}

.modal-over18-overlay {
    z-index:9998;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:#fff;
}

.modal-over18-wrap {
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y:auto;
}

#over18-wrap {
    position:relative;
}
#over18-wrap > div{
    position:absolute;
    width:100%;
}
#over18-text {
    color:#fff;
    text-shadow:black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
}
@media screen and (max-width:767px) {
    #over18-wrap > div{
        bottom:10%;
    }
    #over18-text {
        font-size:14px;
    }
    #over18-buttom-leave, #over18-buttom-enter {
        font-size:12px;
        width:64px;
        padding:4px; 8px;
    }
}
@media screen and (min-width:768px) {
    #over18-wrap > div{
        bottom:20%;
    }
    #over18-text {
        font-size:20px;
    }
    #over18-buttom-leave, #over18-buttom-enter {
        font-size:14px;
        width:72px;
        padding:6px; 12px;
    }
}