@charset "utf-8";

body {margin:0px;padding:0px;background-image: url("../img/bg.jpg");background-size: 100%;background-attachment: fixed; font-family:Consolas; background-repeat: no-repeat; background-color: black;}

p,h1,h2,h3,h4,h5,h6,a,b,span,tr,td,th,table,ul,li {margin:0;padding:0;}

.tx-white {color:white;}
.pd-5{padding:5px;}
.bg-white{background:white;}

.clear {clear:both;}
.tx-ali-cn {text-align:center;}

.container {width:1000px; margin-left:auto; margin-right:auto;}

.header {width:1000px; float:left; background-color:rgba(0,0,0,0.40)}

.logo {width:280px; float:left; padding:5px 20px;}

.logo img {height: 90px;}

.top_text {width:680px; padding: 15px 0; float:left; text-align: center;  color:#F8B409; text-shadow: 0 0 5px maroon;}

.top_text h1 {font-size:25px;}

.banner {width:1000px; float:left; margin: 2px 0;}

.banner_box {width:500px;display: inline;}

.banner_box img {width:498px; height: 60px; float: left; margin:1px;}

.tx-center {text-align:center;}

span.new {font-size:70%; padding:1px 5px; border-radius:1px; background-color:maroon; color:white; animation: blinker 1.5s linear infinite;} /* NOTIFIKASI NEW UNTUK TOGEL HARI INI*/
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.menu { width: 1000px; float:left; margin: 5px 0; color:black; text-align: center; font-weight: bolder; font-family: cambria; border-radius: 2px;

background: rgb(235,221,33); /* Old browsers */

background: -moz-linear-gradient(top, rgba(235,221,33,1) 35%, rgba(251,155,1,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(235,221,33,1) 35%,rgba(251,155,1,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(235,221,33,1) 35%,rgba(251,155,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebdd21', endColorstr='#fb9b01',GradientType=0 ); /* IE6-9 */}

.pengumuman { width: 1000px; float:left; margin: 0px; color:white; text-align: center; font-weight: bolder; font-family: cambria; border-radius: 2px;
background: #e52d27;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #b31217, #e52d27);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #b31217, #e52d27); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.menu ul { padding: 7px;}

.menu ul li {display:inline; font-size: 15px;}



.menu ul a {cursor:pointer;}

.menu ul a.style {text-decoration:none;color:midnightblue; padding: 0 15px; margin:0 2px; transition: all .6s ease-in-out; box-shadow: 1px 1px 2px 1px #000;}

.menu ul a.menu_right {text-decoration:none; color:midnightblue; padding: 0 15px; margin:0 2px; transition: all .6s ease-in-out; box-shadow: 1px 1px 2px 1px #000; background-color:rgba(240,240,240,0.40);}

.menu ul a.style:hover,a.menu_right:hover {color:#4B0001; transition: all .6s ease-in-out; background-color:gold; border-radius: 5px;}

.menu ul float.hover {position:absolute;margin-top: 21px; background-color: white;   border-radius: 2px; display:none;}

.menu ul float.hover p {padding:10px; transition: all .6s ease-in-out;  border-radius: 2px;

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}

.menu ul float.hover a {text-decoration: none; color: black;}

.menu ul float.hover p:hover {background: rgb(179,179,179); transition: all .6s ease-in-out; }

.content {float:left; width: 696px; margin:2px; background-color:rgba(0,0,0,0.70); color:black;}

.content .box_content {float:left; width: 692px; margin: 2px; color:white;}
.content .box_content ul {margin: 0 5%;}
.content h1 {font-size:27px;}

table {color: black;}
table.home h2 {font-size: 22px}

table.home h2 img {width:40px;}

table.home {float:left; width:692px; text-align: center;}

table.home tr td {padding:7px 3px; }

table.home tr td.pasaran {text-align:left;}

table.home tr td.pasaran a.pasaran {}

table.home tr td.result {letter-spacing: 3px; font-weight: 600; text-decoration: underline;}

table.home tr td img {vertical-align:middle; box-shadow: 1px 1px 1px 1px #000; margin-right: 5px; width: 20px; }

table.home tr th {background-color: rgba(234,185,45,1); padding: 7px 3px;}

table.home a.lihat_semua {background-color:#AB1113;color:white;  text-decoration: none; padding: 0 15px; border-radius: 10px;}





table.daftar {float:left; width:1000px; text-align: center; background-color: rgba(0,0,0,0.70)}

table.daftar tr td {padding:7px 3px; color: black }

table.daftar tr th {background-color: rgba(234,185,45,1); padding: 7px 3px;}

table.daftar a.lihat_semua {background-color:#AB1113;color:white;  text-decoration: none; padding: 0 15px; border-radius: 10px;}

table.daftar tr:nth-child(even) {background: #fff}

table.daftar tr:nth-child(odd) {background: #ddd}



#halaman {text-align: center; }

#halaman a {padding: 0 5px; margin: 5px; text-decoration: none; color:white; background-color:#64090A; border-radius: 2px; box-shadow: 1px 1px 1px 1px #000;}

#halaman a.hal {color:gold;}



.content .box_content table.home tr:nth-child(even) {background-color:bisque;}

.content .box_content table.home tr:nth-child(odd) {background-color:beige;}



.sidebar {float:right; width: 296px; margin:2px; background-color:rgba(0,0,0,0.70);}

.sidebar .fixed_toggle {width: 296px; background-color:rgba(0,0,0,0.70);}

.sidebar .sidebar_box {float:left; width: 290px; margin:3px;}



.sidebar .sidebar_box iframe {min-height:300px; max-width: 100%; border:none; margin:0; padding:0;}

.sidebar .sidebar_box h3 {background-color:rgba(234,185,45,1);color:black; padding: 0 5px;}

.sidebar .sidebar_box h4 {background-color:rgba(234,185,45,1);color:black; padding: 0 5px;}

.sidebar .sidebar_box a {color:white;}

.sidebar table.prediksi {float:left; width:289px; color:#dddddd; transition: all .6s ease-in-out; padding: 2px; margin:2px 0; text-align: center; box-shadow: 1px 1px 2px 1px #707070; border-radius: 5px; font-weight: bold; font-size: 15px;}

.sidebar table.list_web td a {color:black}

.sidebar table.list_web td {color:black; padding:3px 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */

background: #f2f6f8; /* Old browsers */

background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */}

.sidebar but.more {background-color:#8F1315;color:#dddddd;font-size:12px; text-decoration: none; padding: 0 15px; border-radius: 20px; letter-spacing: 1px; transition: all .6s ease-in-out}



.sidebar table.prediksi:hover {background-color:#01094A; transition: all .6s ease-in-out;}

.sidebar table.prediksi:hover but.more{background-color:#dddddd;color:#8F1315; transition: all .6s ease-in-out;}





#page {float:left; width: 980px; padding: 5px 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.65+0,1+100 */

background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.85) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

#page img {margin:10px; max-width: 920px; box-shadow: 0px 0px 5px #000; border:4px solid #fff;}

#page h1 {padding:5px; color:black}

#page .text {background-color: rgba(0,0,0,0.05); box-shadow: 0 0 5px #000; border-radius: 5px}

#page .text p {font-size: 17px; padding:15px;}



#page .menu_mimpi {padding:3px 5px; margin: 0 3px; background-color: black; float: left; color: white; border-radius: 2px;}

#page .menu_mimpi a {cursor:pointer; text-decoration: none; color:white;}

#page .text table {width:100%; text-align: center; border-collapse: collapse; }

#page .text table th {background-color:rgba(234,185,45,1); border-bottom: solid 1px #000; padding: 5px;}

#page .text table td {padding:5px;}

#page .text table tr:nth-child(even) {background-color:rgba(156,156,156,0.20)}



#page .tregister {text-align: center;}

#page .tregister h1.success {color:green; text-decoration: underline;}

#page .tregister h1.fail {color:brown; text-decoration: underline;}



#page a.page_on {margin: 0 2px; background-color:slategray; color: white; border:0 none; box-shadow: 1px 1px 2px #000; padding:3px 10px; text-decoration: none; user-select: none;}

#page a.page_off {margin: 0 2px;background-color:#A2B7B6; color: white; border:0 none; box-shadow: 1px 1px 2px #000; padding:3px 10px; text-decoration: none; cursor: not-allowed; user-select: none;}



.content .prediksi {float:left; width:692px; margin:2px; color: white;}

.content .prediksi h2 {color:white;}

.content .prediksi h3 {text-align: center; background-color: rgba(234,185,45,1);  color:black;}

.content .prediksi .box_prediksi:nth-child(even) {padding:5px; margin:2px 0; float:left; width: 682px; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b0116+44,460010+100 */

background: #5b0116; /* Old browsers */

background: -moz-linear-gradient(top, #5b0116 44%, #460010 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #5b0116 44%,#460010 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #5b0116 44%,#460010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0116', endColorstr='#460010',GradientType=0 ); /* IE6-9 */

}

.content .prediksi .box_prediksi:nth-child(odd) {padding:5px; margin:2px 0; float:left; width: 682px; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d010f+44,30000b+100 */

background: #3d010f; /* Old browsers */

background: -moz-linear-gradient(top, #3d010f 44%, #30000b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #3d010f 44%,#30000b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #3d010f 44%,#30000b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d010f', endColorstr='#30000b',GradientType=0 ); /* IE6-9 */

}

.content .prediksi .box_prediksi p {padding:5px;}

.content .prediksi .box_prediksi p.diposting {padding:0px; font-size:12px; color:#009A1F;}

.content .prediksi .box_prediksi a {color:white;}

.content .prediksi .box_prediksi h4 {text-decoration: underline; }

.content .prediksi .box_prediksi h4 img, h3 img, h2 img, p img {vertical-align:middle; padding :0 5px;}

.content .artikel {float:left; width:692px; margin:2px; color:white;}
.content .artikel h2 {color:white;}
.content .artikel h3 {text-align: center; background-color: rgba(234,185,45,1);  color:black;}
.content .artikel .box_artikel:nth-child(even) {padding:5px; margin:2px 0; float:left; width: 682px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b0116+44,460010+100 */
background: #5b0116; /* Old browsers */
background: -moz-linear-gradient(top, #5b0116 44%, #460010 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5b0116 44%,#460010 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5b0116 44%,#460010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0116', endColorstr='#460010',GradientType=0 ); /* IE6-9 */
}
.content .artikel .box_artikel:nth-child(odd) {padding:5px; margin:2px 0; float:left; width: 682px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d010f+44,30000b+100 */
background: #3d010f; /* Old browsers */
background: -moz-linear-gradient(top, #3d010f 44%, #30000b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3d010f 44%,#30000b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3d010f 44%,#30000b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d010f', endColorstr='#30000b',GradientType=0 ); /* IE6-9 */
}
.content .artikel .box_artikel p {padding:5px;}
.content .artikel .box_artikel p.diposting {padding:0px; font-size:12px; color:#009A1F;}
.content .artikel .box_artikel a {color:white;}
.content .artikel .box_artikel h4 {text-decoration: underline; }
.content .artikel .box_artikel h4 img, h3 img, h2 img, p img {vertical-align:middle; padding :0 5px;}
.content .artikel .box_artikel button {border:none; cursor: pointer; border-radius: 2px; padding:3px 10px; font-weight: bold;}


.show_more_main {float:left; width:692px;background-color:#CBCBCB; border-radius: 5px;}

.show_more {color: #333;font-size: 12px;outline: 0;cursor: pointer;display: block;padding: 10px 0;text-align: center;font-weight:bold;}

.loding {color: #333;font-size: 12px;display: block;text-align: center;padding: 10px 0;outline: 0;font-weight:bold;}

.loding_txt {background-image: url('../img/icon/loading.gif');background-position: left;background-repeat: no-repeat;height: 16px;padding-left: 20px;}


.cover_popup {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.7);}
.container_popup {width:auto; max-width: 500px; margin-left:auto; margin-right:auto; margin-top:12%;}
.popup {float:left;width:100%; max-width: 500px; top:20%; padding:5px; border-radius: 5px;}
.popup img {max-width: 500px; width: 100%;}
.popup .close{cursor: pointer; float: right; padding:5px 10px; margin:10px; border:1px solid black; border-radius: 50%; background: white;}




.footer {float:left; width: 990px; padding: 2px 5px; background-color:rgba(208,197,197,0.10); color:honeydew;}