/*!
 * mycara 
 *
 * Design by Mohd Amin
 *
 */
body{
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; font-size:14px; line-height:1.6; color:#666666; 
	background:#FFF url('../img/body-back.png') no-repeat;
	font-size:13px;
	text-shadow:none !important;
	color:#444;
	background-position:right bottom;
}
.nice_font {
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; font-size:14px; line-height:1.6; color:#666666; padding-top:50px; padding-bottom:10px; background-color:white; padding:30px;
}


.jarak_data_available {
	padding-top:20px;
	}
.jarak_search {
	text-indent:20px;
	margin-right:20px;
	padding-left:20px;
}
 .poiret-one-regular {
  font-family: "Poiret One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.freeman-regular {
  font-family: "Freeman", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ribeye-regular {
  font-family: "Ribeye", serif;
  font-weight: 400;
  font-style: normal;
}

.quicksand-amn {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.exo-2-amn {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.space-mono-regular-italic {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.space-mono-bold-italic {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: italic;
}
.slabo {
  font-family: "Slabo 50px", serif;
  font-weight: 800;
  font-style: normal;
}

 .text-black {
  color: #000;
 }
 .ketinggian  {
	 padding-top:50px;
 }
 .yellow, .yellow a {
  color: #FC3;
}
.padding_file {
	padding-right:30px;
}
.sub_bg {
	background-color:#000;
}
.fasta {
	color:#FFFFFF;
	font:Courier;
	font-size:14px;
}
.perenggan_rapat {
	line-height:50%;
}
.hitam {
	color:#000;
	font-weight:bold;
}
	
 .tajuk_mpob
 {
	 color:#3F8076;
	 font:Calibri;
	 font-size:31px;
	 font-stretch:-10;
 }
 .tajuk_alamat
 {
	 color:#EEB75B;
	 font:Calibri;
	 font-size:12px;
	 font-stretch:-25;
 }
  .tajuk_phone
 {
	 color:#667822;
	 font:Calibri;
	 font-size:13px;
	 font-stretch:-25;
 }
 .txt_gone
 {
	 color:#FFFFFFF;
 }
     #custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
    }
 
    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
.hero-unit2
{
	 padding:20px;
	 margin-bottom:30px;
	 font-size:16px;
	 font-weight:200;
	 line-height:30px;
	 color:inherit;
	 background-color:#eee;
	 -webkit-border-radius:6px;
	 -moz-border-radius:6px;
	 border-radius:6px
	 }
.hero-unit2 h1{
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px
}
.hero-unit2 li
{
	line-height:30px
	}
.teks_rapat
{
	text-align:left;
	alignment-baseline:baseline;
	text-shadow:#069;
}
#system_file
{
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	width: 175px;
	font-size: 14px;
	background-color: #FFFFFF;
	color: #000000;
}
#login_left
{
	width: 190px;
	border: 1px solid #cccccc;
	border-radius: 8px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	background-color: #FFFFFF;
	color: #000000;
}
#objektif
{
	border: 1px solid #CCCCCC;
	width: 750px;
	border-radius: 8px;
	font-size: 14px;
	color: #336699;
	background-image: url(../picture/bg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
	height: auto;
	font-family: Arial, Helvetica;
}
#objektif_index
{
	border: 1px solid #CCCCCC;
	width: 600px;
	border-radius: 8px;
	font-size: 14px;
	color: #336699;
	background-image: url(../picture/bg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
	height: auto;
		: Arial, Helvetica;
}
#objektif_reset
{
	border: 1px solid #CCCCCC;
	width: 750px;
	border-radius: 8px;
	font-size: 14px;
	color: #336699;
	background-image: url(../picture/bg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float:left;
	height: auto;
	font-family: Arial, Helvetica;
}
#login_right 
{
	width: 650px;
	border-radius: 8px;
	font-size: 14px;
	color: #336699;
	background-image: url(../picture/bg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
	font-family: Arial, Helvetica;
	padding-right: 5px;
	padding-left: 5px;
}
#login_right2 
{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	#border: 1px solid #CCCCCC;
	width: 800px;
	border-radius: 8px;
	font-size: 14px;
	color: #336699;
	background-image: url(../picture/bg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align:left;
	font-family: Arial, Helvetica;
}
#gmbr {
	float: left;
	width: 253px;
	hight: 200;
	text-align: center;
}

#gmbr_sawit {
	float: right;
	padding-top:60px;
	padding-right:0px;
}
#gmbr_epi {
	float: center;
}
.gmbr_tengah {
	float: center;
}

#cap {
	border: 1px solid #9CC;
}
.dalam_text_area {
	color: #900;
}
.error_strings
{ 
font-family: Arial, Helvetica; font-size:14px; color:#660000;
}
.new2 {
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 14px;
	
}
.ayat {
	text-align: justify;
	font-size: 14px;
	font-family: Arial, Helvetica;
	color: #000;
}
.bioinfo
{
	padding-top:300px;
}
.ayat20 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	text-align: justify;
	padding: 2px;
	white-space: normal;
	color: #000000;
}
.ayat10 {
	font-family: Arial, Helvetica;
	font-size: 12px;
	white-space: normal;
}
.title_mpob {
	color: #285F4D;
	font-family: Arial, Helvetica;
	font-size: 13px;
	text-align: center;
}
.teks_dalam_mpob {
	color: #333333;
	font-family: Arial, Helvetica;
	font-size: 13px;
	text-align: center;
}
.register {
	color: #000;
	text-decoration:none;
	text-align:center;
	
}
.warna_merah {
	color:#903;
	
	
}
.warna_purple {
	color: #306;
	font-family: Arial, Helvetica;
}
.warna_kuning_gelap {
	color: #9B600F;
}
.Main_menu {
	font-family: "MS Serif", "New York", ;
	font-weight: bold;
	font-size:15px;
}
.per_inden1 {
	padding-right: 250px;
	text-indent: 23px;
}
.line
{
	color:#000;
}
.pic_center {
	text-align: center;
}
.mpob_ayat {
	color: #000;
	font-size: large;
	font-family: "Arial Black", Gadget;
	text-align: left;
}
.news_ayat01 {
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica;
	text-align: left;
}
.news_ayat02 {
	color: #9B600F;
	font-size:medium;
	font-family: "Arial Black", Gadget;
	text-align: left;
	a:link {color:#9B600F};
	a:hover {color:#933};
}
.bar {	
	background-image: url(../../picture/bar5.png);
	background-repeat: repeat-y;
}
.name_director {	

	font-size: 16px;
	color: #09C;

}
.title_publication {
	text-align:justify;
}
.name_director2 {	
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.pswd_retrieve {
	font-family: Arial, Helvetica;
	font-size: 12px;
	padding: 1px;
	color: #666;
	text-align: center;
}
.retrieve_pass_heaser {
	color: #069;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times;
}


body {
	font-family: "MS Serif", "New York", ;
}
#highlight_title
{
	border: 1px solid #CCCCCC;
	width: 180px;
	border-radius: 1px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
	background-color:#FFFFFF;	
}
.title_highlight {
	font-family: Arial, Helvetica;
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;

}
.nama_highlight {
	font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: justify;
	font-size: 14px;
	color: #000000;
}

.text_highlight {
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	padding: 2px;
	white-space: normal;
	color: #003;
	text-align:justify;
}

.align_highlight
{
	font-family: Arial, Helvetica;
	color: #336699;
	text-align: right;
	font-size: 10px;
}
.border_highlight
{
	background-color:#FFC;
}

a.pagelink:link { 
color: #336699; 
text-decoration: none; 
}

a.pagelink:visited { 
color: #336699; 
text-decoration: none; 
}

a.pagelink:active { 
color: #336699; 
text-decoration: none; 
}

a.pagelink:hover { 
color: #9B600F; 
text-decoration: none; 
}

.tengah {
	text-align:	center;
}
.senget {
	font-style:italic;
}
.jarak {
	padding-top:10px;
}
.ml_1 {text-indent:50px;}
a.news:link {
	color:#000;
}
a.news:visited {
	color:#000;
}
a.news:hover {
	color:#009;
	text-decoration:underline;
}
a.news:active {
	color:#000;
}
a.con:link {
	color:#FFF;
}
a.con:visited {
	color:#FFF;
}
a.con:hover {
	color:#FC3;
}
a.con:active {
	color:#FFF;
}
a.home:link {
	 color:#667822;
	 text-decoration:underline;
}
a.home:visited {
	color:#667822;
}
a.home:hover {
	color:#903;
}
a.home:active {
	color:#667822;
}

a.blast:link {
	 color:#930;
	 text-decoration:none;
}
a.blast:visited {
	color:#930;
	text-decoration:none;
}
a.blast:hover {
	color:#000;
	text-decoration:underline;
}
a.blast:active {
	color:#930;
	text-decoration:none;
}
.mycontent-right {
  border-left: 1px dashed #000;
  
}
.suaian {
	padding-top:650px;
	border-left: 1px dashed #999;
}

a.daftar:link {
	 color:#666;
	 text-decoration:none;
}
a.daftar:visited {
	color:#666;
	text-decoration:none;
}
a.daftar:hover {
	color:#000;
	text-decoration:underline;
}
a.daftar:active {
	color:#000;
	text-decoration:underline;
}

a.tukar:link {
	 color:#E07572;
	 text-decoration:none;
}
a.tukar:visited {
	color:#E07572;
	text-decoration:none;
}
a.tukar:hover {
	color:#903;
	text-decoration:underline;
}
a.tukar:active {
	color:#E07572;
	text-decoration:none;
}
a.pautan_home:link {
	 color:#9B600F;
	 text-decoration:none;
}
a.pautan_home:visited {
	color:#9B600F;
	text-decoration:none;
}
a.pautan_home:hover {
	color:#903;
	text-decoration:none;
}
a.pautan_home:active {
	color:#9B600F;
	text-decoration:none;
}






.country
{
	font-size:12px;
	text-align:left;
	color:#000;
	
}
.bawah
{
	padding-top:30px;
}
a.senar:link {
	 color:#62A3E1;
	 text-decoration:none;
}
a.senar:visited {
	color:#62A3E1;
	text-decoration:none;
}
a.senar:hover {
	color:#62A3E1;
	text-decoration:none;
}
a.senar:active {
	color:#62A3E1;
	text-decoration:none;
}
a.guide:link {
	color:#000;
}
a.guide:visited {
	color:#000;
}
a.guide:hover {
	color:#000;
	text-decoration:underline;
}
a.guide:active {
	color:#000;
}
.something-semantic {
   display: table;
   width: 30%;
}
.something-else-semantic {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   left:50%;
   margin-left:-100px;
   top:50%;
   margin-top:-50px;
}
a.gali:link {
        color:#1E0FBE;
	text-decoration:underline;
}
a.gali:visited {
        color:#1E0FBE;
	text-decoration:underline;
}
a.gali:hover {
        color:#1E0FBE;
        text-decoration:underline;
}
a.gali:active {
        color:#1E0FBE;
        text-decoration:underline;
}
.text-hitam {
	color:#000;
}
.pilih_box {
width:100%;
height:10px;
background:tomato;
}
.text-biru {
		color:#1E0FBE;
		text-decoration:underline;
}

a.tag_pautan:link {
	color:#000;
	text-decoration:none;
}
a.tag_pautan:visited {
	color:#000;
	text-decoration:none;
}
a.tag_pautan:hover {
	color:#069;
	text-decoration:none;
}
a.tag_pautan:active {
	color:#000;
	text-decoration:none;
}

a.tag_pautan_new:link {
	color:#900;
	text-decoration:none;
}
a.tag_pautan_new:visited {
	color:#900;
	text-decoration:none;
}
a.tag_pautan_new:hover {
	color:#C03;
	text-decoration:none;
}
a.tag_pautan_new:active {
	color:#900;
	text-decoration:none;
}


a.tag_pautan_no_data:link {
        color:#CCC;
        text-decoration:none;
}
a.tag_pautan_no_data:visited {
        color:#CCC;
        text-decoration:none;
}
a.tag_pautan_no_data:hover {
        color:#999;
        text-decoration:none;
}
a.tag_pautan_no_data:active {
        color:#CCC;
        text-decoration:none;
}

a.chg_user_info:link {
        color:#000;
        text-decoration:none;
}
a.chg_user_info:visited {
        color:#000;
        text-decoration:none;
}
a.chg_user_info:hover {
        color:#999;
        text-decoration:none;
}
a.chg_user_info:active {
        color:#000;
        text-decoration:none;
}
.text-news-title {
	color:#900;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	font-stretch:condensed;
}
.text-news-date {
	color:#333;
	font-size:10px;
	text-align:center;
}
.text-news-publisher {
	color:#060;
	font-size:12px;
}
a.header-news-link:link {
	 color:#00C;
}
a.header-news-link:visited {
	color:#00C;
}
a.header-news-link:hover {
	color:#00C;
}
a.header-news-link:active {
	color:#00C;
}

a.text-news-link:link {
	 color:#333;
}
a.text-news-link:visited {
	color:#333;
}
a.text-news-link:hover {
	color:#333;
	text-decoration:underline;
}
a.text-news-link:active {
	color:#333;
}
.per_inden2 {
	text-align:justify;
	font-size: 16pt;
	padding-top: 12px;
	padding-bottom: 3px;
}
a.regi_data:link {
	color: #999; 
	text-decoration: none; 
}
a.regi_data:visited {
	color: #999; 
	text-decoration: none; 
}
a.regi_data:active {
	color: #999; 
	text-decoration: none; 
}
a.regi_data:hover {
	color: #CCC; 
	text-decoration: none; 
}
.jadual_1{
	font-weight:300;

}

a.blastv2:link {
	color: #999; 
	text-decoration: none; 
	padding: 5px;
}
a.blastv2:visited {
	background-color:#333;
}
a.blastv2:active {
	color: #999; 
	text-decoration: none; 
}
a.blastv2:hover {
	color: #CCC; 
}
a.blastexample:link {
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; 
	font-size:12px;
	font-weight:bold;
    color:#00F;
    text-decoration:none;
}
a.blastexample:visited {
	color:#03F;
	text-decoration:none;
}
a.blastexample:hover {
	color:#036;
	text-decoration:underline;
}
a.blastexample:active {
	color:#03F;
	text-decoration:none;
}
/*HELP MYPalmViewer*/
.reduce {
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; 
	font-size:14px; 
	line-height:1.6; 
	color:#666666; 
	padding-bottom:10px; 
	background-color:white; 
	padding:0px 10px 30px 0px;	
}
.reduce2 {
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; 
	font-size:14px; 
	line-height:1.6; 
	color:#666666; 
	padding-bottom:10px; 
	background-color:white; 
	padding:0px 10px 0px 0px;	
}
a.mpvl1:link {
	font-family:"Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti; 
	font-size:14px;
	font-weight:bold;
    color:#09C;
    text-decoration:none;
}
a.mpvl1:visited {
	color:#000;
	text-decoration:none;
}
a.mpvl1:hover {
	color:#036;
	text-decoration:underline;
}
a.mpvl1:active {
	color:#09C;
	text-decoration:none;
}
/*Bahagian HELP */
a.help_ln:link {
    text-decoration:none;
}
a.help_ln:visited {
	color:#999;
	text-decoration:none;
}
a.help_ln:hover {
	color:#666;
	text-decoration:none;
}
a.help_ln:active {
	color:#999;
	text-decoration:none;
}
a.pubication_link_author:link {
			color:#03C;
			text-decoration:none;
		}
a.pubication_link_author:visited {
			color:#03C;
			text-decoration:none;
		}
a.pubication_link_author:hover {
			color:#03C;
			text-decoration:underline;
		}
a.pubication_link_author:active {
			color:#03C;
			text-decoration:none;
		}	
#scrollbox3 {
    overflow: auto;
    width: 100%;
    padding: 0 5px;
    border: 1px solid #b7b7b7;
	height: 600px
}
/*FROM style */
.myheader{
	padding:0px;
	border-bottom:1px solid #ddd;
	background:url('../../../pic/bg.png') repeat;
}

/* Navigation */

.navbar{
margin:0px 0px 15px 0px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.navbar-inner > .container{
width:940px;
}

.navbar-inner{
border-radius:0px;
background-image: none;
background-repeat: no-repeat;
filter: none !important;
border-left:0px !important;
border-right:0px !important;
}

.navbar .btn{
font-size:13px;
padding:4px 10px;
color:#fff !important;
text-shadow:none !important;
}

.navbar .btn:hover{
	color: #fff !important;
} 

.navbar .caret{
border-top-color:#fff !important;
border-bottom-color:#fff !important;
}

.navbar .brand{
color:#fff !important;
text-shadow:none !important;
}
.navbar-brand>img {
  padding: 0px 0px 0px 30px;
  width: 130px;
}
.navbar .nav > li > a{
text-shadow:none !important;
padding:12px 15px 12px;
color:#fff !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
font-size:13px !important;
}

.navbar .nav > li > a:hover{
color:#fff !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
color: #ffffff;
box-shadow:none;
}

.nav-collapse a{
font-weight:normal !important;
text-shadow:none !important;
}

.dropdown-menu{
border-radius:0px !important;
box-shadow:none !important;
border-bottom:none !important;
padding:0px 0px;
margin:0px;
text-shadow:none !important;
z-index: 2000;
}

.dropdown-menu a{
padding:8px 10px !important;
color:#fff !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
font-size:13px !important;
text-shadow:none !important;
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
filter:none !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.dropdown-menu::after, .dropdown-menu::before{
border:none !important;
}

/* Hero */

.hero{
margin-bottom:20px;
padding-bottom:0px;
border-bottom:1px solid #eee;
}

.hero h3{
padding:0px;
margin:0px;
font-size:20px;
line-height:35px;
color:#777;
background:url('../img/dot.png') left center repeat-x;
background-size:4px 20px;
}

.hero h3 span{
background:#fff url('../img/body-back.png') repeat;
padding-right:8px;
}

.hero p{
color:#666;
}

/* Footer */

footer{
background:#222 url('../img/fback.png') repeat;
margin-top:10px;
font-size:13px;
padding-top:10px;
color:#ddd;
}

footer hr{
border-top:1px solid #333;
padding:0px;
border-bottom:1px solid #111;
}

footer h4{
font-size:15px;
padding-bottom:6px;
border-bottom:1px solid #313131;
margin-bottom:4px;
color:#ccc;
}

footer a, footer a:visited{
color:#bbb;
}

footer a:hover{
color:#888;
text-decoration:none;
}

footer ul{
list-style-type: none !important;
padding: 0px;
margin: 0px;
}

footer ul li{
background-repeat: no-repeat;
background-position: 2px 7px; 
background-size:13px 13px;
padding:4px 0px;
padding-left: 21px; 
}

footer .widget{
margin-bottom:10px;
}
/* SLIDES */
.flexslider  ul li{
background-image:none;
padding:0px;
}

.flexslider{
margin-top:10px;
margin-bottom:15px;
border:1px solid #bbb;
padding:1px;
border-radius:0px;
box-shadow:none;
}

.flexslider .flex-control-nav{
bottom:0px;
}

.flex-control-paging li a{
background:#fff;
box-shadow:0px 0px 3px #555;
}

.flex-control-paging li a:hover{
background:#ccc;
}

.flex-control-paging li a.flex-active{
background:#ccc;
}

.flexslider .slides > li {
position:relative;
}

.flex-caption{
	width: 40%;
	padding: 10px;
	margin: 0 0 40px 40px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
}

.flex-caption h3 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 5px;
	margin:0;
   margin-bottom:3px;
	line-height: 22px;
}

.flex-caption h3 span{
   padding-bottom:3px;
   border-bottom:1px solid #444;
}
	
.flex-caption p {
	margin:0;
	line-height: 19px;
	color: #ddd;
}


/* FORM CONTROL */
.form{
margin:10px 0px;
}

form input{
font-size:12px !important;
}

.form-horizontal input[type="text"],.form-horizontal input[type="password"], .form-horizontal textarea{
width:90%;
}

.form-horizontal button{
font-size:12px;
}

.form-horizontal .control-label {
width: 80px;
}

.form-horizontal .controls {
margin-left: 100px;
}

.form-horizontal .controls:first-child {
*padding-left: 100px;
}

.form-horizontal .form-actions {
padding-left: 100px;
}

.form-actions {
padding: 5px 20px 5px;
background:transparent;
border-top:0px;
}

/* Responsive */

@media (max-width: 480px){
   header .list .social{
   text-align:center;
   }
   .logo{
   margin:0 auto;
   }
   .rpost1{
   width:100%;
   }
   .rposts img{
   width:100%;
   }
   .rpost2{
   width:100%;
   margin-left:0px;
   }
   .da-slide h2{
   width:100%;
   font-size:30px;
   top:40px;
   }
   .da-slide p{
   width:80%;
   font-size:15px;
   top:90px;
   }
   .da-slide .da-link{
   top:180px;
   }
   .da-slide .da-img{
   display:none;
   }
   .serv-a,.feat-a,.package-a{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .serv-b,.feat-b,.package-b{
   width:100%;
   float:none;
   } 
   .blog .meta span{
   float:none !important;
   }
   .feat{
   text-align:center;
   }
   .teams .pic img {
   max-width:220px;
   }
   .time .tidate{
   float:none;
   margin:0 auto;
   margin-bottom:10px;
   }
   .time .timatter{
   width:92%;
   }
   .aserv-l{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .aserv-r{
   width:100%;
   float:none;
   }   
}

@media (max-width: 767px){
   header{
   padding-bottom:10px;
   padding-top:15px;
   }
   header .list{
   margin:10px auto;
   position:static;
   top:0px;
   margin-top:10px;
   border-top:1px;
   border-radius:10px;
   box-shadow:0px 0px 2px #ddd;
   }
   .logo{
   text-align:center;
   }
   .navbar,header,footer{
   margin-left:-20px;
   margin-right:-20px;
   }
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   } 
   .flex-caption{
   display:none;
   }
   .posts .social{
   padding-bottom:10px;
   border-bottom:1px solid #ddd;
   }
   .posts .social, .posts .tags{
   float:none;
   }
   .resume .rinfo{
   margin-top:15px;
   }
   .rposts img{
   width:100%;
   }  
   .teams{
   text-align:center;
   }
   .teams img{
   max-width:300px;
   }
   .asocial, .desig{
   float:none;
   display:block;
   clear:both;
   }
   .error .error-small{
   max-width:300px;
   }  
   .ifeat{
   margin:5px 0px;
   padding:5px 0px 10px 0px;
   }
   .scontact{
   margin-top:20px;
   }
   .entry img{
   display:block;
   float:none;
   margin:0 auto;
   margin-bottom:8px;
   width:100%;
   }    
   .sidebar{
   margin-top:20px;
   }
   .logreg-page{
   width:90%;   
   }
   .reinfo{
   width:100%;
   float:none;
   margin-right:0px;
   }
   .redetails{
   width:92%;
   margin-right:20px;
   float:none;
   }
   .rgood{
   width:92%;
   float:none;
   margin-right:0px;
   }
   .rbad{
   width:92%;
   float:none;
   margin-right:0px;
   }
   .rbox{
   margin-top:20px;
   }
   footer{
   padding:10px 20px;
   } 
}

@media (min-width: 768px) and (max-width: 979px){
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   }
   .rpost2{
   margin-left:10px;
   }
   .entry img{
   display:block;
   float:none;
   margin:0 auto;
   margin-bottom:8px;
   width:100%;
   }   
}

.font_tajuk {
	font-family: "Poiret One", sans-serif;
	color: #2368a8;
}
.teks_intro {
	text-align: justify;
}
.text_20 {
	text-align: justify;
	padding: 2px;
	white-space: normal;
}
.teks_log {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.name_aut {
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	color:#033;
}

.card.muaturun {
  --bs-card-bg: #EE6352;
  --bs-card-color: #fff;
}