@charset "utf-8";
/* CSS Document */

/* code below is for footer */

li {
	list-style:none;	
}

#Fbase li { 	/* For Who We Are */
	padding:-50px;
	margin:0px;	
	margin-left:-39px;
}
#FbaseHP li { 	/* For HomePage */
	padding:-50px;
	margin:0px;	
	margin-left:-39px;
}
#FbaseIE {  /* for ie 8 or below */
	width:960px;
	height:147.59px; /* 169px */
	display:block;
	position:relative;
	background-color:#222222;
	border-top-color:#f8a23f;
	border-top-style:solid;
	border-top-width:6.69px;	
}
#Fbase { /* For Who We Are */ 
	max-width: 960px; /* 898.65px; */ /* 922.28 */
	width:100%;
	height:147.59px; /* 169px */
	display:block;
	position:relative;
	background-color:#222222;
	border-top-color:#f8a23f;
	border-top-style:solid;
	border-top-width:6.69px;
	z-index:0;
}
#FbaseHP { /* For HomePage */ 
	max-width: 960px; /* 898.65px; */ /* 922.28 */
	width:100%;
	height:147.59px; /* 169px */
	display:block;
	position:relative;
	background-color:#222222;
	border-top-color:#f8a23f;
	border-top-style:solid;
	border-top-width:6.69px;
	z-index:0;
}

#quicklink {
	padding:0px;
	margin:0px;
	float:left;
	max-width:960px;
	width:110px ; /* 110px; */
	height:auto;
	padding-top:23px;
	padding-left:6.68958%;
	padding-left:24px\9;  /* for ie 8 or below */
}
#quicklink ul li a {
	font-family:myCustomBebas;
	font-size:1em;
	color:#f89939;
	text-decoration:none;
	letter-spacing:0.4px;
}
#quicklink ul li a:hover {
	text-decoration:underline;	
}
#sosmed {
	padding:0px;
	margin:0px;
	width:152px;
	height:auto;
	float:right;
	display:block;
	position:relative;
	padding-top:23px;
	padding-right:6.88958%;
	/* margin-right:6.68958%; */
	/* padding-left:78%; */
	width:192px\9;
}
#sosmed ul li a {
	display:block;
	position:relative;
	float:left;
	margin-left:12px;
}
#sosmed ul li {
	float:left\9;
}
#sosmed ul li img {
	border:none\9;	
}

@media screen and (max-width:850px) {
	#sosmed {
		padding-right:7.98958%;
	}
}
@media screen and (max-width:480px) {
	#Fbase {
		display:block;
		margin-top:10px;
		float:none;
	}
	#FbaseHP {
		display:block;
		float:none;
	}
	#sosmed {
		padding-right:3.28958%;
	}
	#sosmed ul li img {
		width:85%;
		height:85%;	
	}
	#sosmed ul li a {
		margin-left:8px;
	}
}
@media screen and (max-width:320px) {
	#sosmed ul li a {
		margin-left:4.5px;
	}
	#sosmed {
		width:134px;
		padding-right:1%;
		display:block;
		position:relative;
	}
	#sosmed ul li img {
		width:83%;
		height:auto;	
	}
	#quicklink ul li a {
		font-size:0.95em;
	}
	#quicklink ul li {
		margin-bottom:-1px;	
	}
}