/*
POP 
*/
#pop{
    overflow:hidden;
    position:fixed;
    z-index: 100000;
    left:0; top:0; right:0; bottom:0;
    padding: 32px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
    background: rgba(16,24,32,0.8);
    visibility: hidden;
    opacity:0;
    cursor:pointer;
    transform: translateZ(0);
}
#popContent{
    cursor: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: auto;
    max-height: 100%;
            transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -webkit-transition: 0.3s;
            transition: 0.3s;
    margin-top:-80px;
}
[data-pop-content]{
    display:none;
}
[data-pop]{
    cursor:pointer;
}
#pop.show{
    visibility: visible;
    opacity:1;
}
#pop.show #popContent{
    margin-top:0px;
}
#pop [data-pop-content]{
    display: block;
    min-width:420px;
}
#popClose{
    width:48px;
    height:48px;
    line-height:48px;
    font-size:32px;
    cursor:pointer;
    text-align:center;
    background:#9a8543;
    color:#fff;
    position:absolute;
    z-index:1;
    right:0;
    top:0;
}