body{font-size:14px}
#header h1{font-size:24px}
#pagetitle h1,.pagetitle h1{font-size:16px;margin:0;font-weight: 600;}
#pagecontent h1{font-size:30px}
#pagecontent h2,#pagecontent h4{font-size:18px}
#pagecontent h3{font-size:20px}
#pagecontent h5{font-size:16px}
#pagecontent h1,#pagecontent h2,#pagecontent h3,#pagecontent h4,#pagecontent h5{font-weight:700}
#listpasaran a.btn,#listprediksi a.btn{position:relative;border-width:1px;transition:all .3s ease-in-out;margin-top:3px}
#listpasaran a.btn:after,#listprediksi a.btn:after{content:"\203A";font-size:28px;color:#dd4397;position:absolute;right:10px;top:-6px;transition:all .3s ease-in-out}
#footer p{margin:0;font-size:12px}
.numball{display:inline-block;width:28px;height:28px;line-height:28px;border-radius:14px;font-size:18px;text-align:center;font-weight:700;margin:0 1.5px}
.table tr,.table th,.table td{vertical-align:middle}
.predict{padding:10px;margin:10px 0 15px}
img{max-width:100%}
body.hasftop{margin-top:75px}
body.hasfbot{margin-bottom:105px}
.floating-top,.floating-bottom{background:transparent;height:auto;left:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1001}
.floating-top{top:0}
.floating-bottom{bottom:0}
.banner img,.banner-float img,.banner-top img{display:block;width:100%}
.banner-float,.banner-float img{width:100%}
.banner-top{text-align:center;margin:8px 0}
.banner-top a{display:inline-block;max-width:728px;width:100%}
.banner-top img{height:auto;border:0}
div[class^=banner-]>.btn-close{font-size:12px;position:absolute;top:-28px;left:0;width:100%}
.banner-float-bottom>.btn-close{width:auto!important;left:50%!important;margin-left:-32px}
.banner-float-center>.btn-close{width:auto!important;left:unset!important;right:0!important;margin:0}
@media only screen and (max-device-width:1000px){.floating-top img,.floating-bottom img,.headerbanner img,.banner1 img,.banner2 img,.banner-float img,.banner-top img{width:100%;vertical-align: sub !important;}.banner{width:100%;box-sizing:border-box;text-align:center;background:#fff}.banner img{display:inline-block;width:48%;box-sizing:border-box;margin:5px}.banner-float{position:fixed;width:100%;text-align:center;bottom:1px;z-index:9999}}
@media (max-width:1140px){body.hasftop{margin-top:75px}body.hasfbot{margin-bottom:75px}}
@media (max-width:767px){body.hasftop{margin-top:102px}body.hasfbot{margin-bottom:132px}.numball{font-size:14px;width:20px;height:20px;line-height:20px;border-radius:10px}}
.table thead tr{background:#8f0322}
.update-date{margin:8px 15px;font-size:12px;line-height:1.5;color:#d1d1d1}
.update-date time{color:#d1d1d1}
.pb-2 a{color:#ffd508 !important;}
.pb-2 a:hover{color:#cc2900 !important;}
a{text-decoration:none}
a:hover{text-decoration:underline}
.datapaito td,.datapaito th{border:3px solid #640000;padding:5px 0;text-align:center;font-weight:bold}
.datapaito .tahun th{background:#000;padding:6px 0;font-size:150%;color:#ff3636}
.datapaito .hari th{background:#000;color:#ff8013;font-weight:bold}
.datapaito tr:not(.hari):not(.tahun) td{background:#031b38;color:#00bbcf;font-size:18px}
#paitocontainer{position:relative;font-weight:bold}
#paitocontainer table{position:relative;z-index:10}
#paitotable{background:#fff;border-collapse:collapse;width:100%;margin:10px 0 0;color:#000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#paitotable td{font-size:16px;border:1px solid #333;text-align:center;padding:2px 0;width:20px;color:#000;font-weight:600}
#paitotable tr:nth-last-child(5n+1){background:#e5e5e5}
#paitotable .disabled{background:#ddd;color:#bdbdbd}
#paitotable td.nxpx{color:#c7c7c7;background:#fff}
#paitotable thead td.nxpx{color:#000}
#paitotable thead td{text-transform:uppercase;font-weight:bold;padding:3px 0;border:1px solid #333;background:#f3c5bd;background:-moz-linear-gradient(-45deg,#f3c5bd 0,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);background:-webkit-linear-gradient(-45deg,#f3c5bd 0,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);background:linear-gradient(135deg,#f3c5bd 0,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd',endColorstr='#c72200',GradientType=1);text-shadow:0 3px 3px #000;color:#fff}
.floatmenuwrap{position:relative;width:100%}
#floatmenu{padding:10px 5px;z-index:999999;box-sizing:border-box}
#floatmenu.fixed{position:fixed;top:0;z-index:999999999;background:#fff}
#paitocolor p{clear:both}
#paitocolor .color{float:left;width:28px;height:28px;position:relative;cursor:pointer;border-radius:8px;border:2px solid #ddd;margin:0 2px}
#paitocolor .color.eraser{background:#000}
#paitocolor .color.Blue{background:#43a2ff}
#paitocolor .color.Aqua{background:#00f5ff}
#paitocolor .color.Teal{background:#43cd80}
#paitocolor .color.Lime{background:#01ff70}
#paitocolor .color.Yellow{background:#ffdc00}
#paitocolor .color.Orange{background:#ff851b}
#paitocolor .color.Red{background:#ff4136}
#paitocolor .color.Pink{background:#f012be}
#paitocolor .color.Purple{background:#a23bec}
#paitocolor .color.Silver{background:#a9a9a9}
#paitocolor .selected{box-shadow:inset 0 0 0 2px #000;border-color:#007bff}
#clear{margin:2px 0 0 10px;font-size:11px}
#paitotable td.ras{background:#dc3545;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65)}
#paitotable td.rko{background:#fd7e14;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65)}
#paitotable td.rke{background:#198754;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65)}
#paitotable td.rek{background:#0d6efd;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.65)}
@media(max-width:767px){
.datapaito .tahun th{font-size:16px}
.datapaito td,.datapaito th{font-size:10px}
#paitotable td{font-size:14px}
}
@media(max-width:640px){
#paitotable td{font-size:10px;font-weight:400;padding:0}
#paitocolor .color{width:25px;height:25px;border-radius:13px;border-width:2px;margin:0 1px}
#clear{margin:0 0 0 5px;font-size:12px}
}
@media(max-width:767px){
.datapaito .tahun th{font-size:16px}
.datapaito td,.datapaito th{font-size:10px!important}
#paitotable td{font-size:14px}
}
#faq-paito-hk .accordion-button:not(.collapsed){background:#212529;color:#fff;box-shadow:none}
#faq-paito-hk .accordion-button:focus{box-shadow:none}
#faq-paito-hk .accordion-button:after{filter:brightness(0) invert(1)}
@media(max-width:640px){
#paitotable td{font-size:10px;font-weight:400;padding:0}
#paitocolor .color{width:25px;height:25px;border-radius:13px;border-width:2px;margin:0 1px}
#clear{margin:0 0 0 5px;font-size:12px}
}
body{font-family:'Roboto',sans-serif;background:#000}body>.container{margin:5px auto;max-width:900px;background:rgb(33 37 41);border:2px solid #67676780;color:#fff}body>.container a,table td,table th,#header a,#menu,#menu a,#pagetitle h1,.pagetitle h1,.table thead tr,.numball{color:#fff}#header{background:#e32e00 url(/assets/img/maze-black.webp) repeat}#header h1{font-family:'Pacifico',cursive;letter-spacing:2px}#header a{text-decoration:none}#menu{line-height:1.4;background:#000}#menu a{margin:0 5px}#pagetitle,.pagetitle{background:#cc2900}#footer{background:#272b2f}#footer p,#footer a{color:#c9c9c9}