@font-face {
		font-family: Segoe;
		src: url('../DAK/assets/fonts/seguibk.ttf');
	}
	@font-face {
		font-family: Open Sans;
		src: url('../DAK/assets/fonts/OpenSans-Light.ttf');
	}
	@font-face {
		font-family: Roboto Light;
		src: url('../DAK/assets/fonts/Roboto-Light.ttf');
	}
body {
    font-family:helvetica,tahoma,verdana,sans-serif;
    padding:20px;
    font-size:13px;
    margin:0;
}
.judul {
		font-family: "Roboto Light", sans-serif;
		font-size: 14px;
		color: #4C8FFD;
		font-weight: normal;
	}

h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
	background:#FFFEE6;
	color:#8F5700;
	padding:12px;
}
.demo-tip{
	width:16px;
	height:16px;
	margin-right:8px;
	float:left;
}
	table.countdown {
		width: 650px;
	}
	table.countdown tbody tr td{
		font-family: Arial, sans-serif;
		/* font-size: 50px; */
		text-align: center;
		font-weight: bold;
	}
	table.countdown tbody tr.timebig{
		font-size: 100px;
		font-weight: bold;
	}
	.ket{
		font-family: "Roboto Light", sans-serif;
		font-size: 13px;
		text-align: center;
		margin: 0; padding: 0;
	}
	.hari {
		color: #7ebfff;
		
	}
	.jam {
		color: #ffa54d;
	}
	.menit {
		color: #85ff0d;
	}
	.detik {
		color: #ff0000;
	}
	/*** --- END OF TABEL --- ***/
	
		.count_down{
			font-family: "Open Sans", sans-serif;
			color:#000;
		}
	
		.count_down span{
			color: #000;
		}