.e-popup{

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    
}
.e-popup .e-popup-content{
    max-height: 500px;
    width:600px;
    padding:10px;
    background-color: #fff;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
    display: block;
    position: relative;
}


.e-popup .e-popup-content #clo{
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    cursor: pointer;
}

.e-popup .e-popup-content #clo:hover{
    text-decoration: underline;
}

#w22 {    
    display: block;
    width: 100%;
    margin-bottom: 60px;
    }

#w22 div {
    margin: auto;}

#w22 img {   margin-top: 150px;}

#ewrp h4 {font-size: 10pt; color: #a33; margin-top: 15px}




  .htooltip {position: relative;}
  .htooltip span{
    position: absolute; 
    z-index: 999;
    width: 260px; 
    left: 5px; bottom: 0; 
    background: #fff589; 
    color: #000; 
    padding: 0.5em; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
    opacity: 0;
    transition: 1s; 
    pointer-events: none;
   } 
   .htooltip:hover span {
    opacity: 1; 
    bottom: 40px; left: 20px; 
   }