#popup-light{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 10000;
}
#popup{
    display: none;
    width: 500px;
    min-height:200px;
    background: white;
    padding: 1em;
    border:1px solid black;
    position: fixed;
    top: 10rem;
    left: calc(50% - 250px);
    box-sizing: border-box;
    z-index: 10001;
}
#popup.w600{
    width: 600px;
    left: calc(50% - 300px);
}
#popup div.title{
    display: flex;
    justify-content: flex-end;
}
#popup div.title span{
    background:url('/accent_center/imgs/close.png') no-repeat center;
    width:25px;
    height:22px;
    cursor:pointer;
    transition: .3s;
}
#popup div.title span:hover{
    transform:rotate(180deg);
}
@media screen and (max-width: 480px) {
    #popup{   
        width:auto;    
        left:1rem;
        right:1rem;
        box-sizing:border-box;
    }
}