@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap'); 

ul.ulnav_top li{
 
	font-family: 'Roboto Slab', serif;
	
}
@media screen and (min-width:1000px){
	.bg_menu{
		background-color: #69AF32;
		box-shadow:0px 0px 5px #fff;
	}

/* menu atas */
ul.ulnav_top{
	margin:0px;
	padding:0px;
	text-align:right;
}
ul.ulnav_top li{
	margin:0px 0px 0px 20px;
	padding:10px 0px;
	list-style:none;
	display:inline-block;	
	 
	
}
ul.ulnav_top li.sp_login{
	margin:0px 0px 0px 30px;
	padding:10px 0px;
	list-style:none;
	display:none;	
	
}
ul.ulnav_top li a{
	padding:0px;
	list-style:none;
	display:inline-block;
	color:#fff !important;
	font-size:16px;	
	 
}
 
ul.ulnav_top li.li_parent{
	padding:10px 0px;
	list-style:none;
	display:inline-block;
	color:#fff !important;
	font-size:16px;
	display:inline-block;	
	 
}
 
ul.ulnav_top li a:hover{  
	text-decoration:none;
		color:#fc0 !important;
}
 
ul.ulnav_top li.li_parent:hover{
	cursor:pointer;
	text-decoration:none;
	text-shadow:0px 0px 15px #FFCC00;
 
}
ul.ulnav_top li.li_parent:hover ul li a{
	cursor:pointer;
	text-decoration:none;
	text-shadow:none;
 
}

ul.ulnav_top li ul{
	position:absolute;
	background:#dedede;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:none;
}
ul.ulnav_top li ul.ulright{
	margin:10px 0px 0px -100px;
}
/*
ul.ulnav_top li:hover ul{
	display:block;
}

ul.ulnav_top li:hover ul li ul{
	display:none;
}
*/
ul.ulnav_top li ul li{
	display:list-item;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #ccc;
}
ul.ulnav_top li ul li:hover{
	background:#ccc;
}
ul.ulnav_top li ul.ulright li{
	text-align: right;
}
ul.ulnav_top li ul li a{
	padding:12px 10px;
	list-style:none;
	display:block;
	font-size:15px;
	font-weight:normal;
	width:200px;
	color:#333 !important;
 
}
ul.ulnav_top li ul li a:hover{
	color:#333 !important;
}
ul.ulnav_top li ul li:hover ul{
	display:block;
	
}
ul.ulnav_top li ul li ul{
	position:absolute;
	background:#ccc;
	text-align:left;
	margin:-33px 0px 0px 250px;
	padding:0px 0px 0px 0px;
	display:none;	
}
ul.ulnav_top li ul li ul li{
	display:list-item;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #999;
}
ul.ulnav_top li ul li ul li:hover{
	background:#eee;
}
 
/* end ul */
/* end menu atas */
}
/* ************************* */
@media screen and (max-width:900px){
 .bg_menu_mobile{
	 background-color: #69AF32;
		box-shadow:0px 0px 5px #fff;
 }
/* set menu ul */
ul.ulnav_top{
	margin:0px;
	padding:0px;
	text-align:left;
	
}
ul.ulnav_top li{
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	list-style:none;
	display:list-item;	
	border-bottom:solid 1px #ccc;	
	width:100%;
}
ul.ulnav_top li.sp_login{
margin:0px 0px 0px 0px;
	padding:0px 0px;
	list-style:none;
	display:list-item;	
	border-bottom:solid 1px #ccc;	
	width:100%;
	
}
ul.ulnav_top li a{
	padding:10px 0px;
	list-style:none;
	display:block;
	color:#fff !important;
	font-size:15px;
	font-weight:normal;
	
}
ul.ulnav_top li.li_parent{
	padding:10px 0px;
	list-style:none;
	display:block;
	color:#fff !important;
	font-size:15px;
	font-weight:normal;
	
}
ul.ulnav_top li a:hover{
 
	list-style:none;
	display:inline-block;
	text-decoration:none;
	color:#fc0 !important;
}
ul.ulnav_top li ul{
	background:#dedede;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:none;
}

ul.ulnav_top li ul li a{
	color:#333 !important;
}
ul.ulnav_top li:hover ul li ul{
	display:none;
}

ul.ulnav_top li ul li{
	display:list-item;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #ccc;
}
ul.ulnav_top li ul li:hover{
	background:#ccc;
}
ul.ulnav_top li ul li a{
	padding:5px 10px;
	list-style:none;
	display:inline-block;
	font-size:15px;
	font-weight:normal;
	width:100%;
}
ul.ulnav_top li ul li:hover ul{
	display:block;
}
ul.ulnav_top li ul li ul{
	background:#ccc;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	display:none;	
}
ul.ulnav_top li ul li ul li{
	display:list-item;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #999;
}
ul.ulnav_top li ul li ul li:hover{
	background:#eee;
}
/* end set menu ul */
.pos_logo{
	 
	 margin-top:10px;
 }
}/* end media */
@media screen and (max-width:460px){
 .pos_logo{
	 width:230px;
	 margin-top:10px;
 }
 .pos_logo img{
	 
 }
}