div {
	box-sizing: border-box;
}

body {
	
	background: black;
	font-family: "Roobert", sans-serif;
	margin: auto;
}

.container2 {
	width: 960px;
	margin: auto;
		
}

.head {
	width: 100%;
	padding: 20px;
	background: #f5f5f5;
	border: 1px solid  #D4A704;
	
}

.logo {
  display: block;
  width: 300px;
  height: 100px;
  background: url("/img/logo-sdy-lotto.png") center no-repeat;
  margin: auto;
  background-size: 100%;
}

.menu {
	display: block;
	width: 100%;
	text-align: center;
	background:  #D4A704;
}
    
.menu a {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	color: white;
	margin: 0px;
	font-size: 18px;
}

.menu a:hover {
	color: black;
}

.content {
	width: 100%;
	border: 1px  #D4A704 solid;
}

.paito {
max-width: 748px;
margin: auto;
}

h1, h2, h3 {
	text-align: center;
	
}

h3 {
	font-family: arial;
	margin: 40px 0px;
	color: white;
	font-size: 24px;
}

.title-head {
	font-size: 24px;
	text-decoration: none;
	color: white;
	
}

.title-footer {
	font-size: 24px;
	text-decoration: none;
	color: white;
}

.content p {
	text-align: left;
	font-size: 16px;
	color: white;
	margin: 10px;
	font-weight: 400;
}


.out-link {
	list-style-type: square;
	margin:  0px 10px;
	color: white;
}

.out-link a {
	text-decoration: none;
	color: white;
}

a {
    color:  #D4A704;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
}

.d-inline.d-sm-none {
  display: none;
}
@media only screen and (max-device-width: 1000px) {
	
  .container2 {
		width: 100%;
	}
	
	.logo {
    width: 200px;
    margin: auto;
    height: 60px;
  }

	.menu a {
		display: block;
		font-size: 16px;
		border: 1px solid white;
	}
	
	h3 {
		font-size: 14px;
	}
	
	.title-footer {
		font-size: 14px;
	}
	.d-inline.d-sm-none {
  display:block ;
}
.d-none.d-sm-inline {
    display: none;
}

}

.asu{font-weight:100}
.e1,.e2,.e3,.e4,.e5,.e6,.e7,.e8,.e9,.e0{background-color:#ff4d4d;border-radius:0;color:#fff!important;}
.k1,.k2,.k3,.k4,.k5,.k6,.k7,.k8,.k9,.k0{background-color:green;border-radius:0;color:#fff!important;;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c0{background-color:blue;border-radius:0;color:#fff!important;;}
.a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9,.a0{background-color:orange;border-radius:0;color:#fff!important;;}
.highlight{padding:1px 4px;margin:0 -4px}input
.cari{width:50px;text-align:center;color:#333;font-weight:700;background:#f0f7f2}
#rb{background:#D4A704;color:#fff;}
#myForm {display: flex;justify-content: center;align-items: center;gap: 6px;flex-wrap: wrap;max-width: 100%;padding: 5px;}
.cari {width: 45px;text-align: center;border: 1px solid #ccc;outline: none;}
.asu {color: #222;} 
fieldset {border: none;margin: 0;padding: 0;list-style: none;vertical-align: baseline;} 
.head th{background:#970747;color:#fff;border: 1px solid #ddd ;font-weight:normal;height: 20px; }
.entry-content th,.entry-content td,.comment-content th,.comment-content td{padding:0!important}textarea{width:100%}
.asux{background:none repeat scroll 0 0 #fff;color:#d7d1d1;font-weight:400}tr:nth-last-child(5n+1){background:none repeat scroll 0 0 #e8e4e7!important}
.colormenu{background: #ccc;width:1000px;height: 30px; center: unset;z-index:99999;padding:0;max-width:100%;margin-bottom:10px;}
.colormenu.fixed{position:fixed;top:0;}.intro td{background:none repeat scroll 0 0 #ffffff!important;}
table{background:#fff none repeat scroll 0 0;margin:1px;min-width:500px}
#drawing-table {width: 100%; border-collapse: collapse;user-select: none;}
.headd {background: #D4A704; color: #fff;}
#drawing-table thead td{background: #D4A704 !important;margin:0;margin-top:10px;color: #fff;}
#drawing-table td {border: 1px solid #d9d9d9;text-align: center;padding: 0;font-family: 'Roboto', sans-serif;font-size: 13px;font-weight: bold;padding: 3px 0 3px 0;}
#color-selector .color{float:left;height:25px;position:relative;width:11%;cursor:pointer}
#color-selector .color.eraser{background:none repeat scroll 0 0 #fff
}#color-selector .color.Blue{background:#43a2ff}
#color-selector .color.Aqua{background:#00F5FF}
#color-selector .color.Teal{background:#43CD80}
#color-selector .color.Lime{background:#01FF70}
#color-selector .color.Yellow{background:#FFDC00}
#color-selector .color.Orange{background:#FF851B}
#color-selector .color.Red{background:#FF4136}
#color-selector .color.Pink{background:#F012BE}
#color-selector .color.Purple{background:#A23BEC}
#color-selector .color.Silver{background:#a9a9a9}
#color-selector .selected{box-shadow:inset 0 0 0 2px #000}
#btnSubmit{float:left;margin-top:0;font-size:9px;background:#333;color:#FFF;font-weight:600;border:none;height:25px;line-height:25px;width:10%;cursor:pointer;text-transform:uppercase}
#table-wrap{font-weight:700;position:relative}
#table-wrap table{position:relative;z-index:10}
#toggle-tracing-mode{display:none}
#html-wrap textarea{height:50px;margin:0 0 10px;overflow:auto;width:100%}
#btnSubmit{float:left;margin-top:0}
@media (max-width:767px)
{#drawing-table{min-width:100%;margin: auto;}}
@media (max-width:370px){#drawing-table td{font-size:10px}}