.overlay{ display:none; background: rgba(0,16,50,0.9); position:fixed; top:0; left:0; width:100vw; height:100vh; cursor: pointer;}
.fakelightbox{ display:none; position: fixed; top: 50%; left: 50%; width: 95%; max-width: 800px; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; box-shadow: 0 0 4px 4px rgba(0%,0%,20%,0.5);}
.fakelightbox h3{ color: #f00; text-align: center; padding: 20px 0; font-weight: bold; font-size: 32px;padding-top: 40px;}
.fakelightbox p{ color: #000; width:90%; font-size: 14px;}
.fakelightbox img{ max-width:100%;}
.fakelightbox table{ width:100%; margin:0 auto; font-size: 14px;}
.fakelightbox th, .fakelightbox td{ text-align:center;    border:1px solid #00fcff;}
.fakelightbox th{ background-color: #00fcff;color: #102848;}
.fakelightbox td{ background-color: #162f51;color: #ffffff;}


.fakelightbox .link_area{ text-align:center; margin:30px auto;}
.fakelightbox .link_area a{ background-image: linear-gradient(to top, #f9ff00, #f9ff00) !important; color: #fff; margin:0 10px; padding: 10px 20px; text-decoration: none; border-radius: 5px;}
.close_btn{ display:none; position: fixed; top: 20px; right: 20px; cursor: pointer;}
@media (max-width:750px){
.fakelightbox{ top: 50px; left: 2.5%; transform: unset; max-height: calc(100vh - 150px); overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.fakelightbox h3{  font-size: 18px;}
.close_btn{ top: 10px; right: 10px;}
.close_btn img{ max-width:50%;}
}





@media (min-width:290px) and (max-width:600px){
.fakelightbox .link_area a{
float-1: left;
line-height: 380%;
   margin-bottom: 10px;
   font-size: 15pt;
}

}

@media (max-width:300px){
.fakelightbox .link_area a{line-height: 350%;}

}