@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@200;400;700&display=swap');

body {
	font-family: 'Inter Tight', sans-serif;
	background:#373737; 
	font-weight:400; font-size:14px;
}
a {
	color:#719bff; text-decoration:none;
}
a:hover {
	color:#0850fd;
}
img {
	max-width:100%;
}
body > .container {
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 6px #000;
    border-top: 3px dotted #2666ff;
    border-bottom: 3px dotted #2666ff;
    background-color: #101010;	
}
#menu {
	list-style:none; margin:5px 0 10px;
	display: flex;
	justify-content: center;
    background-color: #000;
    border-bottom: 3px dotted #2666ff;
    box-shadow: 0 0 6px #000000;
}
#menu li {
	padding:0;	
    border-left: 1px solid #373737;
    border-right: 1px solid #373737;
}
#menu li a {
	display:block; padding:10px 18px; text-decoration:none; color:#FFF; font-weight:700; text-transform:uppercase; font-size:16px;
}
#menu li a:hover {
	background: rgba(255,255,255,0.1);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.2));  
	background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.2));
}
#dataresultwrap {
	width:600px; max-width:100%; margin:20px auto 30px;
}
#dataresultwrap tr.bg-danger td, #dataresultwrap tr.bg-danger th {
	background:#2666ff;
}
#dataresultwrap td {
	font-size:14px;
}
#dataresultwrap .table-bordered tr, #dataresultwrap .table-bordered>:not(caption)>*>* {
	border-color:#4d4d4d;
}
.table>:not(:first-child) {
	border-top:none;
}
#dataresultwrap .bg-dark {
	background:#1c1c1c !important;
}
.copyright { 
	color:#9f9f9f; margin-bottom:10px; font-size:12px;
}

.livedraw {
	background:#2666ff; width:500px; max-width:100%; margin:auto;
	overflow:hidden; border-radius:3px; border:3px dashed rgba(0,0,0,0.3);
	font-size:18px; padding:8px;
}
.livedraw a {
	text-decoration:none; color:#FFF;
}
.livedraw table {
	width:100%; text-align:center;
}
.livedraw table td, .livedraw table th {
	padding-bottom:5px; padding-left:2px; padding-right:2px; font-weight:bold;
}
.radiuslive, .livedraw .Bglive span, .livedraw .Bglive2 span {
	border-radius:10px;
}
.Bglive span, .Bglive2 span, .Bglive3 span {
	display:block; padding:7px;
}
.Bglive span {
	background:#101010;
}
.Bglive2 span {
	background:#031938;
}
.Bglive3 span {
	background: #101010; 
	border-radius:3px;
	color:#FFF;
}
#contents h1 { font-size:32px; }
#contents h2 { font-size:26px; }
#contents h3 { font-size:20px; }

@media screen and (max-width: 1200px) {
	.Wrap-Body {
		font-size: 16px;
	}
	.Header-Table {
		font-size: 18px;
	}
	.Body-Table-Parent {
		border: 3px solid #fff;
		padding: 5px 0 5px 0;
		color: #fff;
	}
	.Wrap-Table {
		width:100%;
	}
}

@media (min-width: 990px){
	.container {
		max-width: 990px !important;
	}	
	#dataresultwrap {
		font-size:18px;
	}
}
@media (max-width:767px){
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
	}
}
@media (max-width:575px){
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
	}
	#menu {
		display:block; margin:0; padding:0;
	}
	#menu li, #menu li:first-child {
		display:block; width:100%; border:none !important;
		border-bottom:1px #373737 solid !important;
	}
	#contents h1 { font-size:24px; }
	#contents h2 { font-size:20px; }
	#contents h3 { font-size:16px; }
	#menu li a { font-size:12px; }
	.livedraw { padding:3px; font-size:14px; }
	.livedraw .mobmoresm .Bglive2 { font-size:11px; }
}