body {
	margin:0px;
    font-family:"times new roman";
	font-size:2vw;
	background-color:#757171;
}
#latar {
	margin:10px auto;
	padding:15px;
	height:auto;
	width:50%;
	text-align:center;
	font-size:3vw;
	background-color:#FFFF99;
}
#latar_sedang {
	margin:10px auto;
	padding:15px;
	height:auto;
	width:65%;
	text-align:center;
	font-size:3vw;
	background-color:#FFFF99;
}
#latar_lebar {
	margin:10px auto;
	padding:15px;
	height:auto;
	width:75%;
	text-align:center;
	font-size:3vw;
	background-color:#FFFF99;
}
.bk1	{
	margin:0px;
	padding:5px;
	height:auto;
	font-size:2vw;
	border:2px solid red;
}
.bk2	{
	margin:20px 100px;
	padding:5px;
	height:auto;
	font-size:2vw;
	border:2px solid black;
}
.bk3	{
	margin:20px 25px;
	padding:5px;
	height:auto;
	font-size:2vw;
	border:2px solid black;
}
.basmalah	{
	margin:10px auto;
	padding:5px 10px;
	text-align:center;
	font-family:"arial";
	font-size:3vw;
}
.judul	{
	margin:5px auto;
	padding:5px 10px;
	text-align:center;
	font-family:"times new roman";
	font-size:3vw;
}
.subjudul	{
	text-align:center;
	font-family:"times new roman";
	font-size:2.5vw;
}
.subjudul1	{
	text-align:left;
	font-family:"times new roman";
	font-size:2.5vw;
}
.jm	{
	font-family:"arial";
	font-size:2vw;
}
.im	{
	font-family:"times new roman";
	font-weight:bold;
	font-size:2.5vw;
	color:blue;
}
p	{
	padding:0px;
	text-align:center;
	font-family:"verdana";
	font-style:italic;
	font-size:2.5vw;
}
table	{
		width:70%;
	}
.nodalil	{
	font-size:2vw;
	font-family:arial;
	font-weight:bold;
	color:red;
}
.ji1	{
	padding:2px; 
	height:auto;
	width:80%;
	background-color:white;
	border:1px solid black;
}
.ji2	{
	padding:2px; 
	height:auto;
	width:95%;
	background-color:white;
	border:1px solid black;
}
th	{
	font-size:1.5vw;
	font-style:bold;
}
td	{
	font-size:1.8vw;
}
.gulung	{
	margin:0px 5px;
	padding:5px;
	border:solid 1px;
	height:300px;
	text-align:center;
	overflow-y:auto;
}
a	{
	text-decoration:none;
	color:inherit;
}
.combobox	{
	    font-size:1.5vw;
		-webkit-appearence:none;
		-moz-appearence:none;
		appearence:none;
	}
.texinput	{
	font-family:verdana;
	font-size:1.5vw;
}
.tautan	{
	padding:5px;
	background:#DAF2D0;
	color:black;
	font-family:verdana;
	font-size:1.6vw;
	border-top:3px white;
	border-left:3px white;
	border-right:3px solid #808080;
	border-bottom:3px solid #808080;
}
.setuju	{
	padding:5px;
	background:#E49EDD;
	color:black;
	font-family:"verdana";
	font-size:1.6vw;
	border-top:3px white;
	border-left:3px white;
	border-right:3px solid #808080;
	border-bottom:3px solid #808080;
}
.data	{
	color:blue;
}
.texinput	{
	font-family:verdana;
	font-size:1.5vw;
}
.texarab	{
	padding:5px;
	font-family:arial;
	font-size:2.5vw;
	text-align:right;
	white-space:pre-line;
}
.texlatin	{
	padding:5px;
	font-family:verdana;
	font-size:1.6vw;
	text-align:justify;
	white-space:pre-line;
}
#footer {
	margin:10px auto 0px;
	padding:10px 0px;
	height:auto;
	width:100%;
	text-align:center;
	font-size:2vw;
	background-color:green;
	color:yellow;
}





@media screen and (max-width: 980px) {
	body{
		font-family:verdana;
		font-size:5vw;		
	}
	#latar_lebar	{
		margin:0px auto;
		width:95%;
		height:auto;
		font-size:6vw;
	}
	.basmalah	{
		font-size:5vw;
	}
	.bk1	{
		border:3px solid blue;
	}
	.judul	{
		font-size:6.5vw;
	}
	.subjudul	{
		font-family:"times new roman";
		font-size:5vw;
	}
	.subjudul1	{
		font-family:"times new roman";
		font-size:5vw;
		text-align:left;
	}
	.ji1	{
		padding:2px; 
		height:auto;
		width:80%;
		background-color:white;
		border:1px solid black;
	}
	.ji2	{
		padding:2px; 
		height:auto;
		width:95%;
		background-color:white;
		border:1px solid black;
	}
	.jm	{
		font-size:5vw;
	}
	.im	{
		font-size:5vw;
	}
	.gulung	{
		margin:0px 5px;
		padding:5px;	
		border:solid 1px;
		height:500px;
		text-align:center;
		overflow-y:auto;
	}
	.nodalil	{
		font-size:5vw;
	}
	p	{
		font-size:4vw;
	}
	table	{
		width:98%;
	}
	td	{
		font-size:2.8vw;
	}
	.texarab	{
		padding:5px;
		font-size:5vw;
	}
	.texlatin	{
		padding:5px;
		font-family:"verdana";
		font-size:3vw;
		text-align:justify;		
	}
	.combobox	{
		font-family:verdana;
	    font-size:2.5vw;
		-webkit-appearence:none;
		-moz-appearence:none;
		appearence:none;
	}
	.tautan	{
		font-size:3vw;
	}
	.setuju	{
		font-size:1.6vw;
	}	
	#footer {
		font-size:3.5vw;
	}
	
	
	
	
	
@media screen and (max-width: 720px) {
	body{
		font-family:verdana;
		font-size:6vw;		
	}
	#latar_sedang {
		margin:0px auto;
		width:95%;
		height:auto;
		font-size:6vw;
	}
	#latar_lebar	{
		margin:0px auto;
		width:95%;
		height:auto;
		font-size:6vw;
	}
	.basmalah	{
		font-size:6vw;
	}
	.bk1	{
		margin:0px;
		padding:3px;
		border:3px solid black;
		font-size:6vw;
	}
	.bk3	{
		margin:20px 20px;
		padding:10px 3px 5px;
		font-size:6vw;
		border:2px solid black;
}
	.judul	{
		font-size:6vw;
	}
	.subjudul	{
		font-family:"times new roman";
		font-size:6vw;
	}
	.subjudul1	{
		font-family:"times new roman";
		font-size:6.5vw;
		text-align:left;
	}
	.jm	{
		font-size:6.5vw;
	}
	.im	{
		font-size:6.5vw;
	}
	.ji1	{
		padding:2px; 
		width:90%;
		background-color:white;
		border:1px solid black;
	}
	.ji2	{
		padding:2px; 
		height:auto;
		width:95%;
		background-color:white;
		border:1px solid black;
	}
	.gulung	{
		margin:0px 5px;
		padding:5px;	
		border:solid 1px;
		height:500px;
		text-align:center;
		overflow-y:auto;
	}
	.nodalil	{
		font-size:6.5vw;
	}
	p	{
		font-size:6vw;
	}
	table	{
		width:98%;
	}
	td	{
		font-size:4.5vw;
	}
	.texarab	{
		padding:5px;
		font-size:7vw;
	}
	.texlatin	{
		padding:5px;
		font-family:verdana;
		font-size:5vw;
		text-align:justify;		
	}
	.combobox	{
		font-family:verdana;
	    font-size:3.5vw;
	}
	.tautan	{
		font-size:4vw;
	}
	.setuju	{
		font-size:4vw;
	}	
	#footer {
		font-size:3.5vw;
	}	
	
}