:root{--bs-primary:#c90000;--bs-primary-rgb:201,0,0;--bs-dark:#a30000;--bs-body-bg:#f3f4f6;--bs-body-color:#222;--bs-border-color:#d7d7d7;--bs-surface:#fff}
html,body{width:100%;min-height:100%}
body{font-family:'Roboto',Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--bs-body-color);background:#2f2f2f}
.container{max-width:1000px}
body>.container{background:#fff;border-radius:.5rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.18)}
a{color:#c90000;text-decoration:none;transition:color .2s ease}
a:hover{color:#a30000;text-decoration:underline}
.bg-danger{background:linear-gradient(180deg,#dd0000,#c90000)!important}
.text-danger{color:#c90000!important}
.btn-danger{color:#fff;background:#c90000;border-color:#c90000}
.btn-danger:hover,
.btn-danger:focus{color:#fff;background:#a30000;border-color:#a30000}
.border-danger{border-color:#dee2e6!important}
.navbar-brand{font-family:'Yellowtail',cursive;font-size:30px;color:#fff!important}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.9);font-weight:600;padding:.5rem .9rem}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-item.active .nav-link,
.navbar-dark .navbar-nav .active>.nav-link{color:#fff}
h1,h2{margin-bottom:1rem;color:#c90000;font-size:2rem;font-weight:700}
h3,h4{color:#c90000;font-size:1.5rem;font-weight:700}
.table-bordered,
.table-bordered th,
.table-bordered td{border-color:#d7d7d7}
.table-bordered thead th,
.table-bordered th{background:#c90000!important;color:#fff!important;text-align:center;font-weight:700;vertical-align:middle}
footer{color:#fff;font-size:.875rem}
img{max-width:100%;height:auto}
body.hasftop{/*margin-top:95px*/}
body.hasfbot{/*margin-bottom:105px*/}
.banner{width:100%;text-align:center;background:#fff}
.banner img{display:block;width:100%;height:auto;margin:0}
.floating-top,
.floating-bottom{position:fixed;left:0;z-index:1001;width:100%;padding:0;background:transparent;text-align:center}
.floating-top{top:0}
.floating-bottom{bottom:0}
.banner-float{width:100%;text-align:center}
.banner-float img{width:100%;max-width:728px;height:auto}
table.livedraw{width:100%!important;max-width:100%;table-layout:fixed;border-collapse:collapse}
table.livedraw tr.banner-top,
table.livedraw tr.banner-top:hover{background:#fff!important}
table.livedraw td.banner-top{width:100%;max-width:100%;padding:2px!important;border:1px solid #f2f2f2!important;background:#fff!important;text-align:center!important;vertical-align:middle;overflow:hidden}
table.livedraw td.banner-top:hover{background:#fff!important}
.banner-top-link{display:block;width:100%;max-width:728px;margin:0 auto;padding:0;overflow:hidden;line-height:0;text-decoration:none}
.banner-top-image,
.banner-top img{display:block!important;width:100%!important;max-width:728px!important;height:auto!important;margin:0 auto!important;padding:0;border:0;object-fit:contain}
table.livedraw td.box-value.result-number{background:#fff!important;color:#c90000!important;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:1px}
table.livedraw td.box-value.result-number span{color:inherit;font-size:inherit;font-weight:inherit}
.banner-top{text-align:center;margin:8px 0}
.banner-top a{display:inline-block;width:100%;max-width:728px}
.banner-top img{height:auto;border:0}
@media(max-width:1000px){
.floating-top img,
.floating-bottom img,
.headerbanner img,
.banner1 img,
.banner2 img,
.banner-float img,
.banner-top img{width:100%;max-width:100%;height:auto}
.banner1,
.banner2{display:block}
.banner1 img,
.banner2 img{display:block}
.banner{width:100%;box-sizing:border-box;text-align:center;background:#fff}
.banner img{display:inline-block;width:48%;margin:5px;box-sizing:border-box}
.banner-float{position:fixed;left:0;right:0;bottom:1px;z-index:9999;width:100%;text-align:center}
}
@media(max-width:768px){
table.livedraw{width:100%!important;max-width:100%!important;table-layout:fixed!important}
table.livedraw tr.banner-top,
table.livedraw td.banner-top{max-width:100%!important;overflow:hidden!important}
table.livedraw td.banner-top{padding:1px!important}
.banner-top-link{width:100%!important;max-width:100%!important;margin:0!important}
.banner-top-image,
.banner-top img{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain!important}
h3,h4{font-size:1.35rem}
table.livedraw td.box-value.result-number{font-size:22px;letter-spacing:.5px}
}
@media(max-width:550px){
.banner1 img,
.banner2 img{width:100%}
.banner img{display:block;width:100%;margin:4px 0}
}
@media(max-width:480px){
.caripas .input-group-text,
.caripas .form-control{font-size:13px}
h1,h2{font-size:1.5rem}
h3,h4{font-size:1.25rem}
table.livedraw td.box-value.result-number{font-size:20px}
}
/* Local layout refinements */
html{scroll-behavior:smooth}
#main-content{overflow:hidden}
.content-nav{transition:background-color .2s ease,border-color .2s ease}
.content-nav:hover{background:#fff7f7;text-decoration:none}
.content-nav-icon{width:46px;height:46px}
.embed-frame{position:relative;width:100%;overflow:hidden;background:#fff}
.embed-frame iframe{display:block;width:100%;max-width:100%;border:0;overflow:hidden;background:#fff}
.embed-live{min-height:560px}
.embed-data{min-height:940px}
.faq-section .btn{white-space:normal;text-decoration:none!important}
.faq-section .faq-chevron{transition:transform .2s ease}
.faq-section .btn[aria-expanded="true"] .faq-chevron{transform:rotate(180deg)}
.partner-web{border-top:1px solid #dee2e6;background:#fff}
.partner-web a{font-weight:600}
.partner-web span{display:inline-block;margin:0 6px;color:#adb5bd}
.floating-top,.floating-bottom{display:flex;justify-content:center;align-items:center;gap:8px}
.floating-top .banner-float,.floating-bottom .banner-float{flex:0 1 728px;width:calc(50% - 4px);max-width:728px}
.btn-close{position:absolute;top:-30px;right:8px;z-index:2}
@media(max-width:767px){.floating-top,.floating-bottom{flex-direction:column;gap:8px}.floating-top .banner-float,.floating-bottom .banner-float{flex:none;width:100%;max-width:728px}.embed-live{min-height:560px}.embed-data{min-height:940px}}
.floating-top .banner-float,.floating-bottom .banner-float{position:static;left:auto;right:auto;bottom:auto;z-index:auto;text-align:center}