* {
	margin: 0 auto;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
}

@font-face {
    font-family: kozuka;
    /*src: url("http://4dtokyo.com/themes/4dtemplate/views/static/fonts/KozGoPr6N-Regular.otf");*/
}

#jackpot-prize {
	width: 970px;
	height: 100%;
	overflow: hidden;
}

#jackpot-prize table {
	float: right;
	font-family: kozuka;
	color: #fee151;
	font-size: 30px;
}

#header {
	width: 970px;
	height: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

#logo {
	width: 293px;
	height: 74px;
	float: left;
}

#nav {
	width: 657px;
	height: 25px;
	float: right;
	background: #025db1;
	padding: 5px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
	display: block;
	padding-right: 20px;
}

#nav a {
	color: #fff;
	font-weight: 900;
	text-decoration: none;
}

#nav a:hover {
	color: #f7e004;
}

#nav li ul {
	display: none;
	text-align: center;
	margin-left: -30px;
	padding-bottom: 5px;
}

#nav li:hover ul {
	display: block;
	position: absolute;
	z-index: 9;
	background: #025db1;
}

#nav li ul li {
	float: none;
	display: block;
	padding-top: 5px;
	padding-left: 20px;
}


#clockbox {
	color: #fff;
	font-weight: bold;
	float: right;
	font-family: kozuka;
	margin-top: 5px;
}

#welcome {
	width: 657px;
	height: 100%;
	text-align: center;
	color: #000;
	background: #fff;
	font-family: kozuka;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	float: right;
}

#container {
	width: 930px;
	height: 100%;
	overflow: hidden;
}

#slider {
	width: 930px;
	height: 100%;
}

#slider img {
	width: 930px;
	height: auto;
}

#jackpot-result {
	width: 450px;
	color: #fff;
	font-family: kozuka;
	font-weight: bold;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	background: rgba(0,0,0,.8);
	background-size: cover;
}

#jackpot-result table {
	width: 100%;
	height: 100%;
	text-align: center;
	border-collapse: collapse;
}

#countdown {
	width: 470px;
	height: auto;
	float: right;
	margin-top: 10px;
	background: rgba(0,0,0,.8);
	text-align: center;
    color : #fff;
	font-family: kozuka;
	font-weight: bold;
	overflow: hidden;
}

.colorDefinition {
	width: 470px;
	float: right;
}

#future_date {
	height: auto;
	float: right;
	font-size: 63px;
}

#ads {
	width: 930px;
	height: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

#ads img {
	width: 290px;
	height: auto;
	border: 1px solid #fff;
}

#ads table {
	width: 930px;
	height: 100%;
	text-align: center;
}

#footer {
	width: 930px;
	height: auto;
}

#footer img {	
	width: 930px;
	height: auto;
}

#about-content {
	width: 930px;
	height: auto;
	margin: 5px 0px;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-weight: bold;
}

#about-content h1,h2,h3,h4,h5,h6 {
	padding: 20px 20px 0px 20px;
}

#about-content p {
	padding: 20px;
}

#contact-content {
	width: 930px;
	height: auto;
	margin: 5px 0px;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-weight: bold;
}

#contact-content h1,h2,h3,h4,h5,h6 {
	padding: 20px 20px 0px 20px;
}

#contact-content p {
	padding: 20px;
}

/* Admin */

#admin_header {
	width: 100%;
	height: auto;
	border-bottom: 3px ridge #ccc;
	background: #333;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

#admin_logo {
	float: left;
}

#admin_function {
	float: right;
	display: block;
	overflow: hidden;
	font-size: 14px;
	background: #666;
	margin: 10px 40px 10px 10px;
	padding: 8px;
	border-radius: 5px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #999;
}

#admin_img {
	float: left;
	display: block;
}

#admin_account {
	float: left;
	display: block;
	margin: 0px 0px 0px 8px;
	color: #0cf;
	text-align: center;
}

#admin_account ul {
	list-style: none;
}

#admin_account li a {
	color: #ffF;
	text-decoration: none;
	transition: color .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
}

#admin_account li:hover a {
	color: #0CF;
	-webkit- transition: color .3s ease-in-out;
}

#admin_body {
	width: 100%;
	height: 100%;
	background: #333;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

#admin_nav {
	width: 200px;
	margin-left: 0px;
	float: left;
	display: block;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	position: relative;
	background: #333;
}

.admin-nav-ul {
	height: 100%;
	list-style: none;
	text-indent: 10px;
	background: #333;
}

.admin-nav {
	padding: 5px;
	transition: background .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
	border: 2px inset #ccc;
}

.admin-nav a {
	color: #fff;
	text-decoration: none;
	transition: color .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
	line-height: 40px;
}

.admin-nav:hover {
	background: #666;
	transition: background .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
}

.admin-nav:hover > a {
	color: #0CF;
	transition: color .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
}

.admin-sub-nav {
	background: #333;
	border-top: 2px solid #fff;
	text-indent: 40px;
	font-size: 14px;
}

.admin-sub-nav li:hover {
	background: #444;
	transition: background .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
}

.admin-sub-nav li:hover a {
	color: #0CF;
	transition: background .3s ease-in-out;
	-webkit- transition: color .3s ease-in-out;
}

#admin_content {
	height: 100%;
	background: #fff url(http://www.4dtokyo.com/themes/4dtemplate/views/static/images/blue_stars_custom_background.png) fixed;
	overflow: hidden;
}

#admin_title {
	width: 300px;
	height: 40px;
	float: left;
	background: #3CF;
	padding: 5px;
	color: #333;
	border-radius: 5px;
	margin-bottom: 20px;
}

#arrow {
	width: 0; 
	height: 0;
	float: left;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #3cf;
	position: relative;
	left: 240px;
}

#users {
	width: 100%;
	margin: 10px 10px;
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 30px;
}

#togel {
	width: 100%;
	height: auto;
	margin: 10px 10px;
}

.header {
	border: 2px outset #ccc;
	background: #3cf;
}

.content {
	border: 2px outset #ccc;
	background: #ccc;
}

.jackpot-prize {
	width: 300px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	text-align: center;
}

.jackpot-prize td {
	padding: 5px;
}

.jackpot-prize input {
	padding: 5px;
}

.add-result {
	width: 800px;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.add-result td {
	padding: 5px;
}

.add-result input {
	padding: 5px;
}

.time {
	width: 800px;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.time td {
	padding: 5px;
}

.time input {
	padding: 5px;
}

#result-table {
	width: 800px;
	margin-top: 10px;
	overflow: auto;
	float: left;
	clear: both;
}

.scrollingTable {
        width: 100%;
	    overflow: auto;
}

#myTable {
	width: 100%;
	white-space: nowrap;
}

#myTable td {
	padding: 5px;
}

#change-password {
	width: 400px;
	height: 100%;
	float: left;
	clear: both;
	text-align: center;
}

#change-password table {
	width: 400px;
	height: 100%;
}

#change-password input {

	width: 200px;
	padding: 5px;
	float: left;
}

#sliders {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 2px dashed #333;
	border-bottom: 2px dashed #333;
	clear: both;
}

#admin-slider {
	width: 100%;
	float: left;
}

#admin-slider table {
	float: left;
	text-align: center;
}
#admin-slider table td {
	padding: 5px;
}

#slider-img img {
	width: 500px;
	height: auto;
}

#site {
	width: 100%;
	height: auto;
	padding: 10px;
}

#about-page {
	width: 100%;
	height: 470px;
	float: left;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 2px dashed #333;
	border-bottom: 2px dashed #333;
}

#admin-about {
	width: 95%;
	float: left;
}

/* Admin Dropdown */

.adm-list {
    display:none; 
    height:auto;
    margin:0;
	margin-bottom: 5px;
	transition: height .3s ease-in-out;
	border: none;
}
.adm-show {
    display: none; 
}
.adm-hide:target + .adm-show {
    display: inline; 
}
.adm-hide:target {
    display: none; 
}
.adm-hide:target ~ .adm-list {
    display:inline;
}

#adm-hide, #adm-show {
	text-decoration: none;
	color: #fff;
}

#adm-hide:hover, #adm-show:hover {
	color: #0CF;
}