/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html, body{height:100%;}
body{position:relative;}
p {text-align:justify;margin-bottom:20px;}
ul{margin:0 0 15px 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 0 15px 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}
img{max-width:100%;height:auto;}

a{color:#0170c4;text-decoration:none;}
a:hover{color:#03518c;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:Tahoma, Arial, sans-serif;font-weight:bold;padding:0px;margin:0; line-height:150%;color:#000;}
h1{font-size:400%;}
h2{font-size:24px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:Tahoma, Arial, sans-serif;font-size:14px;line-height:150%;padding:0;margin:0;color:#222;background:#b0642a;}
#home{min-height:100vh;background:#fff;}

/* layout */
.wrapper{margin:0 auto;width:980px;padding:0 10px;overflow:hidden;background:transparent;min-height:100%;}

#header{display:block;margin:0;padding:15px 0;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #a98e35), color-stop(1, #f8db3f) );background:-moz-linear-gradient( center top, #a98e35 15%, #f8db3f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98e35', endColorstr='#f8db3f'); background-color:#f8db3f;}
#banner{display:block;margin:0;padding:20px;background:#fff;}
#middle{display:block;margin:0;padding:20px;background:#ddb90d;box-shadow:0 0 10px #000;}
#footer{padding:10px;color:#000;font-size:13px;display:block;height:auto;margin:0; overflow:hidden;text-align:center;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

/* topmenu */
#menu{display:block;margin:0;}
#menu a{float:left;margin:0 20px 0 0;font-weight:bold;color:#fff;}
#menu a:hover{color:#000;text-decoration:underline;}

#logo{margin:0;padding:0;display:block;width:300px;height:125px;text-align:center;}

#livedraw{display:block;margin:0;padding:5px;border:1px solid #3379b5;border-radius:4px;}
#livedraw .latest{display:block;margin:0;padding:10px;text-align:left;font-size:18px;color:#fff;font-weight:bold;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #3379b5), color-stop(1, #2f6ea1) );background:-moz-linear-gradient( center top, #3379b5 15%, #2f6ea1 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3379b5', endColorstr='#2f6ea1'); background-color:#2f6ea1;}
#livedraw .periode{display:block;margin:0;padding:10px;text-align:left;font-size:16px;color:#fff;font-weight:bold;background:#000;}
#livedraw .prize{display:block;margin:0;padding:10px;text-align:left;background:#ddb90d;font-size:16px;color:#000;font-weight:bold;}

.bola10{display:inline-block;text-align:center;width:30px;height:30px;margin-right:2px;color:#fff;border-radius:50%;font-size:20px;padding:10px 0;text-shadow:1px 1px 3px #000;background-color:#fff;}

#middle h2{display:block;color:#fff;border-bottom:1px solid #fff;}

.hasil{display:block;margin:0 0 20px;padding:0 0 20px;background:#fff;text-align:center;font-weight:bold;}
.hasil .judul1{display:block;margin:0;padding:10px;font-size:18px;color:#000;font-weight:bold;text-align:left;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #f7f2f2), color-stop(1, #e9e9e9) );background:-moz-linear-gradient( center top, #f7f2f2 15%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f2f2', endColorstr='#e9e9e9'); background-color:#e9e9e9;}
.hasil .judul1 a{color:#000;}
.hasil .judul2{display:block;margin:0;padding:10px;font-size:16px;color:#fff;font-weight:bold;text-align:center;background:#000;}