* {
	padding:0;
	margin:0;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background-color:#FFF
}

header {
	width:100%;
	background-color:#000 ;
	z-index:1000;
	position:fixed;
}

.menu-bar {
	color:#FFF;
	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:#FFF;
	border-top:1px solid #141415;
}

.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;
	}