/* Copyright bingocardsfree.com 26-18:21 */

html,body{margin:0;padding:0;min-height:100%;background-color:#ffffff}
*,*:before,*:after{font-family:sans-serif;box-sizing:border-box}
@media only screen and (min-width:320px) and (max-width:750px){body{-webkit-text-size-adjust:none;text-size-adjust:none}}
#hdro{background:#000080;position:fixed;top:0;width:100%;z-index:999}
#hdri{max-width:1000px;min-height:50px;text-align:center}
#contento{background:#ffffff;padding:60px 1% 20px}
#content{max-width:1000px;color:#444;min-height:500px}
#ftr{background:#000080;border-top:1px solid #ddd;text-align:center;padding:10px 0 0;font-size:90%;color:#ccc;margin:0 auto}
#ftrmnu{margin:0 auto}
#ftrmnu>div{display:inline-block;margin:10px;vertical-align:top}
#ftrmnu>div>div{display:inline-block;text-align:left}
#ftrmnu>div>div>a{display:block;min-height:24px;color:#ccc;margin:0 4px}
#ftrcr{padding:20px 0}
#ftr .ftrDon a{color:#0c0;text-decoration:none;display:inline-block;padding:0 0 5px;margin:0;text-align:center;font-size:1.2rem}
@media(max-height:736px){h1{margin:10px 0;font-size:150%}}
@media(min-width:1001px){#hdri,#content{margin-left:auto;margin-right:auto}}
.ads{margin:10px auto 0;text-align:center}
.adFix{width:320px;height:100px;margin:0 auto 20px;text-align:center}
@media(min-width:468px){.adFix{width:468px;height:60px}}
@media(min-width:728px){.adFix{width:728px;height:90px}}
.adBot{margin:0 auto;text-align:center}
#content a{text-decoration:none;color:#00c}
a.btn{padding:5px;text-decoration:none;min-width:40px;line-height:30px;display:inline-block;border:1px solid #ffffff;font-weight:bold;color:#00f;cursor:pointer}
.btn img{vertical-align:middle}
#content a.btn:hover,#content .btns a.btn:hover{background:#e5f1fb;color:#e0f0ff;border:1px solid #72b4e9}
span.btn img,.disabled img{filter:grayscale(100%);opacity:0.5;filter:alpha(opacity=50)}
input.btn,button.btn{min-width:40px;min-height:30px}
.btns .btn{margin:1px 3px}
select,input,textarea,button{font-size:100%}
.errpop{color:#c00;background:#fcc;padding:5px;display:inline-block}
a{cursor:pointer}
._modal>div{border-radius:8px}
._modal>div>div{max-width:320px;max-height:calc(99vh - 40px);overflow:auto}
._modal>div>span{background-color:#e0f0ff !important;font-weight:bold;border-top-left-radius:8px;border-top-right-radius:8px}
#topnav .tgl,#topnav [id^=dd-]{display:none}
#topnav{margin:0;padding:0;background:#000080}
#topnav:after{content:"";display:table;clear:both}
#topnav ul{float:right;padding:0;margin:0;list-style:none;position:relative;z-index:99}
#topnav ul li{margin:0;display:inline-block;float:left;background:#000080}
#topnav>ul>li{background:#000080}
#topnav>ul>li>a:hover{color:#000080;background:#e0f0ff}
#topnav a{display:block;padding:0 10px;color:#e0f0ff;line-height:40px;text-decoration:none;margin:0;cursor:pointer}
#topnav ul li ul li:hover{color:#000080;background:#e0f0ff}
#topnav a:hover{color:#000080;background:#e0f0ff}
#topnav ul ul{display:none;position:absolute;top:40px}
#topnav ul li:hover>ul{display:inherit}
#topnav ul ul li{float:none;display:list-item;position:relative;border-top:1px solid #e0f0ff}
#topnav ul ul ul li{position:relative;top:-40px}
#topnav li>a:after,#topnav li>label:after{content:"\25BC";font-size:10px}
#topnav li>a:only-child:after{content:"";display:none}
@media (max-width:999px){#topnav{margin:0;display:inline}
#topnav a{height:40px}
#topnav #lbl-{display:inline-block;background:#000080;cursor:pointer;float:right;padding:6px 10px 0 10px}
#topnav .tgl + a,.menu{display:none}
#topnav .tgl{display:block;background:#000080;padding:0 10px;color:#e0f0ff;text-decoration:none;border:none}
#topnav .tgl:hover{color:#000080;background:#e0f0ff}
#topnav [id^=dd-]:checked + label + ul,#topnav [id^=dd-]:checked + label + a + ul{display:block;width:100%}
#topnav ul li{display:block;width:100%;border-top:1px solid #e0f0ff;line-height:40px}
#topnav ul ul .tgl,#topnav ul ul a{padding:0 0 0 40px}
#topnav ul ul ul a{padding:0 80px}
#topnav a:hover,#topnav ul ul ul a{background_:#000080}
#topnav ul li ul li .tgl,#topnav ul ul a{background:#000080}
#topnav ul ul{float:none;position:static;color:#e0f0ff}
#topnav ul ul li:hover>ul,#topnav ul li:hover>ul{display:none}
#topnav ul ul li{display:block;width:100%}
#topnav ul ul ul li{position:static}}
.lens{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0zIC0zIDEwNiAxMDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIGZpbGw9Im5vbmUiIGQ9Ik0wIDM4IGExIDEgMCAwIDAgNzYgMCBBMSAxIDAgMCAwIDAgMzggTTYwIDY5IEw5MCA5OSBMOTkgOTAgTDY5IDYwIi8+PC9zdmc+);display:inline-block;width:24px;height:24px}
#find{filter:invert(90%) hue-rotate(180deg)}
#navdiv ul li{white-space:nowrap}
@media (max-width:999px){#find{position:absolute;left:10px;top:10px}
#logo{margin:12px 1% 0 1%}
#navdiv{display:block}
#lbl-0,#topnav>.tgl{position:absolute;top:0;right:0;width:40px;height:40px;padding:7px;background-color:initial}
#lbl-0:hover{background-color:initial}
#lbl-0>span{width:26px;height:3px;background-color:#e0f0ff;margin:5px 0;display:block}
#dd-0:checked + label>span{display:none}
#dd-0:checked + label:after{content:"X";padding:3px;font-size:140%;display:inline-block;color:#e0f0ff}
#navdiv ul li:last-child{border-bottom:1px solid #000080}}
@media (min-width:1000px){#logo{margin:0}
#find{margin:15px 0 0 50px}
#navdiv{display:inline-block;margin:7px 0 0 20px;vertical-align:top}
#icons{display:none}
#navdiv ul ul{border:1px solid #000080}}
#logo{display:inline-block}
#logo a{text-decoration:none}
.ft{margin:0 0 5px 0}
.fl{font-size:100%;color:#555;font-weight:bold;padding-top:5px} 
.fht{display:inline-block;font-weight:normal;font-size:90%;color:#666} 
.ff{padding:5px 0}
.ffe{border:1px inset #c00000;background:#ffe} 
.ffes{color:#c80;margin-bottom:0} 
.fj{font-size:12px;color:#ccc;display:block} 
.fje{color:#c00;font-weight:bold;background:#ffc} 
.frs{color:#f00} 
input[type=text],input[type=password],input[type=email],textarea,select,button{border:1px solid #aaa;border-radius:6px;padding-left:5px;padding-right:5px;color:#000}
button{border:1px solid #8c8;background-color:#dfd;cursor:pointer;min-width:50px}
button:hover{border-color:#c88}
button:active{background-color:#fdd}
input[type=text],input[type=password],input[type=email],input[type=submit],input[type=button],select,button{height:26px}
.btns-{text-align:center;padding:10px}
#content .btns- a.btn{padding:0 20px;border:1px solid #daa;line-height:34px;color:#fff;margin:0 5px;background:#e0f0ff}
button[disabled]{background:#ddd;border-color:#ccc;color:#666}
button[disabled]:hover{border-color:#ccc}
@media(max-width:431px){.ft>tr,.ft>tbody>tr{display:block;padding:10px 0} 
.ft>tr>td,.ft>tbody>tr>td{display:block;padding:5px 0 0 0}}
@media(pointer:coarse){#contenti{text-align:center}
.ft{margin:auto}
input[type=text],input[type=password],input[type=email],input[type=submit],input[type=button],select,button{height:36px}}
@media(min-width:551px){.ft{border-spacing:0}
.fl{padding-right:10px}}
.errbox{color:#c80;border:1px solid #c00;background:#ffe;border-radius:4px}
.errbox td{padding-top:6px;padding-bottom:6px}
.errstr{color:#c00}
.errlbl{font-weight:bold}
.tabSet>input[type="radio"]{position:absolute;left:-200vw}
.tabSet .tabCard{display:none}
.tabSet>input:nth-child(1):checked ~ .tabCards>.tabCard:nth-child(1),.tabSet>input:nth-child(3):checked ~ .tabCards>.tabCard:nth-child(2){display:block}
.tabSet>label{position:relative;display:inline-block;padding:10px 3%;border:1px solid #ddd;border-bottom:0;cursor:pointer;user-select:none;background:#f7f7f7}
input:focus-visible + label{outline:2px solid rgba(0,102,204,1);border-radius:3px}
.tabSet>label:hover,.tabSet>input:focus + label,.tabSet>input:checked + label{font-weight:bold}
.tabSet>input:checked + label{border-color:#ccc;border-bottom:1px solid #fff;margin-bottom:-1px;background:#fff}
.tabCards{padding:3px 0;border:1px solid #ccc}
@media (max-width:999px){h1{margin:5px 0 15px 0;text-align:center;font-size:130%}}
#btnPlay{position:relative}
#playBar{position:absolute;top:0;left:0;height:100%;width:0;background-color:#afa;transition:none}
#playTxt{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:transparent}
#lst{overflow-y:auto;padding:2px;background:#fff;max-height:80vh;min-height:60vh;border:1px solid #ccc;border-radius:8px}
#lst>div{border:1px solid #ccc;border-radius:8px;padding:1px 2px;min-width:45px;min-height:20px;margin:2px 5px;display:inline-flex;align-items:center;justify-content:center;background:#f7f7f7;position:relative;color:#000;cursor:pointer}
@keyframes blink{0%,100%{background-color:#fff}
50%{background-color:#faf}}
#lst>div.mark{background:#faf;border-color:#888}
#lst img{max-width:100px;max-height:50px;margin:0 5px 0 0}
#lst>div.last,#log>div:first-child{border:1px solid #f00;background:#fcc;animation:blink 1.5s infinite}
#lst>div.cmt{border:none;font-weight:bold;background:none !important;color:#844}
#status{text-align:center;font-size:120%;color:#c00;margin:0 0 20px}
#drawn{background-color:#ffc}
#drawn img{max-width:100px;max-height:100px;margin:0 5px 0 0}
#prog{display:inline-block;margin:0 0 0 10px;color:#666;font-size:70%}
._modal>div>div{text-align:center}
#iFrmPop{position:fixed;top:0;left:0;width:100%;height:100%;border:none;margin:0;padding:0;overflow:hidden;z-index:1999;display:none;background:#fff}
#iFrm{width:100%;height:100%;border:none}
#iFrmWait{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:20px;border:1px solid #ccc;border-radius:10px}
#iFrmWait>div{display:inline-block;width:50px;height:50px;border:5px solid rgba(0,0,0,0.1);border-left-color:#333;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#iFrmBnr{display:flex;justify-content:space-between;position:fixed;top:0;left:0;width:100%;line-height:36px;font-size:150%;text-align:center;background:rgba(255,255,255,0.9);border:1px solid #ccc;z-index:2999;font-weight:bold}
#iFrmTkt,#iFrmX{flex:1}
#iFrmX{height:36px}
h1{text-align:center}
.tb{display:flex;justify-content:center}
.tb>div{display:flex;width:100%}
.tb button{user-select:none;flex-grow:1;text-align:center;vertical-align:middle;border:1px solid #ccc;background:#f7f7f7;margin:0 1px;padding:0;min-width:40px;height:40px;line-height:40px;font-size:24px}
.off{background:#eee !important}
@media (max-width:999px){h1{margin-top:20px}}
.full h1,.full .nfs,.full #ftr,.full .ads,.full .adFix,.full .adBot{display:none !important}
.full #contento{padding-left:0;padding-right:0;padding-bottom:0}
#content{margin:0;max-width:none;min-height:0}
.bull{text-align:left;padding-left:25px}
.bull span{display:inline-block;width:20px}