* {



	padding:0;



	margin:0;



}







body {



	font-family:Verdana, Geneva, sans-serif;



	font-size:14px;



	background-color:#FFF



}







header {



	width:100%;



	background-color:#FFF;



	z-index:1000;



	position:fixed;



}







.menu-bar {



	color:#000;



	font-size:25px;



	cursor:pointer;



	padding:10px 12px;



	margin-left:10px;



	margin-top:5px;



	margin-bottom:5px;



	



}







.menu-bar:hover {



	background-color:rgba(0, 0, 0, 0.1);



	border-radius:50px;



}







#tag-menu {



	display:none;



}











#tag-menu:checked ~ div.jw-drawer {



 animation: slide-in 0.5s ease;



 animation-fill-mode: forwards;



}







.jw-drawer {



	position:fixed;



	left:-280px;



	background-color:#000;



	height:100%;



	z-index:100;



	width:260px;



	animation: slide-out 0.5s ease;



	animation-fill-mode: forwards;



}







.jw-drawer ul li {



	list-style:none;



}







.jw-drawer ul li a {



	padding:10px 20px;



	text-decoration:none;



	display:block;



	color:#000;



	border-top:1px solid #000;



}







.jw-drawer ul li a:hover{



	background-color:rgba(0, 0, 0, 0.1);



}







.jw-drawer ul li a i {



	width:50px;



	height:35px;



	text-align:center;



	padding-top:15px;



}







@keyframes slide-in {



 from {left: -280px;}



 to {left: 0;}



}







@keyframes slide-out {



 from {left: 0;}



 to {left: -280px;}



}











.content{



  padding: 0px 0 0 0px;



}







/* judulkiriwrna */



.subjudulkiriwrna{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 10pt;



	font-weight : normal;



	color:#000;}	



.judulkiriwrna{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FF001E;



	text-decoration:none;}	



.judulkiriwrna:link{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FF001E;



	text-decoration:none;}



.judulkiriwrna:visited{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FF001E;



	text-decoration:none;}



.judulkiriwrna:hover{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FF001E;



	text-decoration:underline;



	}



.isijudulkiriwrna{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 10pt;



	font-weight : normal;



	color:#000;}	



.isijudulkiriwrna2{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 10pt;



	font-weight : normal;



	color:#FFF;}	



.tgljudulkiriwrna{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 10pt;



	color : #9EA1A1;



	font-weight : none;}



	



.tetap{



    position:fixed;



	}


/*---------------------------------------------------------*/

/* judulkiriwrna */


.menutamanslide{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



		color:#FFF;



	text-decoration:none;}	



.menutamanslide:link{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FFF;



	text-decoration:none;}



.menutamanslide:visited{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FFF;



	text-decoration:none;}



.menutamanslide:hover{



	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size : 12pt;



	font-weight : bold;



	color:#FFF;



	text-decoration:none;



	}