.modal
{
    background:#fff;
    max-width:27rem;
    margin:100px auto;
    text-align:center;
    position:relative;
    padding:3rem;
    box-sizing:border-box;
    border-radius:.2rem;
}
.modal .close
{
    right:1rem;
    top:1rem;
    position:absolute;
    text-decoration:none;
    font-size:1.7rem;
    cursor:pointer;
    color:#000;
    line-height:1em;
    opacity:.3;
}
.themodal-lock
{
    overflow:hidden;
}
.themodal-overlay
{
    position:fixed;
    bottom:0;
    left:0;
    top:0;
    right:0;
    z-index:100;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
.themodal-overlay > *
{
    -webkit-transform:translateZ(0px);
}
.themodal-overlay
{
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    zoom:1;
}
.modal_txt1
{
    font-size:1.2rem;
    font-weight:600;
    margin:0 0 .2rem;
}
.modal_txt2
{
    font-size:.85rem;
    margin:0 0 2rem;
}
.modal_wrp1
{
    margin:0 0 .5rem;
}
.modal_wrp2
{
    margin:0 0 .5rem;
}
.modal_wrp3
{
    margin:0 0 1rem;
}
.modal_wrp4
{
    margin:1rem 0 0;
}
.modal_inner
{
    padding:0 1rem;
}