/* Copyright bingocardsfree.com 23-13:57 */

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}
#cards{padding:0}
.card{display:inline-block;margin:0 0 20px 0;max-width:300px}
.card .title{font-weight:bold;font-size:1.2rem}
@media(min-width:610px){.card{margin:0 10px 20px 10px}}
@media(min-width:640px){.card:nth-child(odd){margin:0 calc((98% - 600px) * 0.2) 20px 0}
.card:nth-child(even){margin:0 0 20px calc((98% - 600px) * 0.2)}}
h2{font-size:18px;margin:5px}
#tags{max-width:800px;margin:auto}
#tags>a{display:inline-block;margin:0 4px 5px 0;border:1px solid #ccc;border-radius:10px;padding:3px 6px;color:#222;background:#ffe}
.bcfpgr{text-align:center;font-size:1.2rem}
.pgr .sel,.pgr a{display:inline-block;min-width:20px;text-align:center}
#contenti{text-align:center}
#qform{width:100%;max-width:320px;display:inline-block}
#qpop{position:relative;vertical-align:middle;width:calc(100% - 60px);display:inline-block}
#q,dd{width:100%}
#dd{display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;background:#fff;padding:2px 5px}
#dd a{padding:8px;display:inline-block;margin:2px 0;border:1px solid #ccc;border-radius:10px;background:#f7f7f7;min-width:40px}
#dd a:hover{color:#f00}
#qform:focus-within #dd{display:block}
#qbtn{background:none;border:none;vertical-align:middle;cursor:pointer;min-width:0;filter:invert(50%)}