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

body { font-size:.75em;


}

/*HeaderDiv */


.HeaderDivWrapper { border-bottom:solid #2a4660 4px; width:100%; position:relative;  overflow:hidden;

	}
	
	.HeaderDiv {
		 max-width:768px;
background: url(../image/CommercialRegistration.JPG) no-repeat; background-size:75px 75px;

background-position:left 18px top 30px;
 padding:18px;
height:auto; min-height:100px;

	}
	
	
/*#headerLogo p { background:url(../image/logo_mun_tab.png) no-repeat; padding-right:80px; padding-top:37px;

	}*/
	
.AppName { display:none;}	
/*#headerLogo p { background:url(../image/logo_mun.png) no-repeat right top; background-size:64px 102px; padding-right:73px; 
padding-top:33px; line-height:1.5em;

	}*/
	
	
		
		.MunTabLogo { display:block;

	position: absolute;
	float: left;
}
.MunTabLogo img {
	height: 85px;
	width: auto;
}
#headerLogo {
	display: none;
}


@media only screen and (max-width:400px) {

.MunTabLogo img {
	height: 60px;
	width: auto;
}

/*.MunTabLogo { padding-top:50px;
	width: 100%;
	position: relative;
	text-align: center;
}*/
	}
	
	



#HlinkHide {display:none;}
.searchBtn {display:none;}
.phoneMenu {position:absolute; display:block; top:0px; left:25px;}
.LogImage { position:absolute; display:block; top:5px; left:80px;}
#gsearch {display:none;}

.EnglishHome a {background-color:#e9ecef; position:absolute; top:20px; left:120px; font-size:1.3em;  font-family:Tahoma, Geneva, sans-serif; font-weight:bold; width:25px; height:25px; background:url(../image/Eng_icon.PNG) no-repeat center; background-size:20px 20px; border:solid #bfc7cf 1px;}


#Hlink ul li { display:inline;}


#menuDiv {/*float:right;*/ margin-top:120px; display:block;  }




#menuDiv {/*float:right;*/ position:relative; left:0px; padding-left:25px;}



#menuDiv ul li { 
background: url(../image/arrow_down.png) no-repeat center left;
padding-left:15px; display:block; margin-right:0px; margin-left:0px;  font-size:1em; font-weight:bold; margin-bottom:15px; padding-bottom:5px; border-bottom:solid #999 1px; }






/*end HeaderDiv */





/*Roll CSS*/

#rollDivWrapper { width:100%; position:relative;}

#rollDiv { position:relative; max-width:768px; }

#rollText {width:auto; max-width:768px; background:rgb(255,24,26); background-color:rgba(255,24,26, 1); padding:8px; color:#FFF; position:relative; 
left:0%; right:0; height:60px; 


border:none;
-webkit-border-top-right-radius: 0em;
-webkit-border-bottom-left-radius: 0em;
-moz-border-radius-topright: 0em;
-moz-border-radius-bottomleft: 0em;
border-top-right-radius: 0em;
border-bottom-left-radius: 0em;
  }
 
 
 
#rollText h2 {font-size:1.7em; font-weight:bold; margin-bottom:.5em; margin-left:15px; width:auto; float:right;}
#rollText p {font-size:1em;  margin-bottom:.5em;}
#rollText span {font-weight:bold; float:left;}


#rollText a { position:relative; right:50%; line-height:2em; padding:.2em;
-webkit-border-radius:.15em;
-moz-border-radius:.15em;
border-radius:.15em; 

}

.bx-wrapper .bx-prev { display:none; 

}

.bx-wrapper .bx-next {display:none;
	
	
}

#changeimg1 { display:none;}
#changeimg2 { display:block; }


#Bullet {position:absolute; top:45%; right:5%;}
#Bullet ul li {display:inline; margin-right:20px; }
#Bullet ul li img {width:15px; height:15px;}


/*End of Roll CSS*/






/*followLink CSS*/


#followUS h2 {display:none;}

#pclink { display:none;}
#smartlink { display:block; float:left;}
#smartlink ul li {display:inline;}


#Projects {width:100%;  float:none;}

#Projects ul li img { width:50%; margin-top:20px;;}

.Projects1 {  }
.Projects2 {  }
.Projects3 { }




#followLink {max-width:1000px; margin: 0 auto; padding:18px; position:relative;}
#followUSWrapper { width:100%; position:relative; float:left; bottom:0; margin-top:18px;}
#shareThis {width:25%; position:relative;float:right; display:none;  }

#followUS h2 {font-size:1.3em; margin-bottom:.5em; color:#0195f8; background:url(../image/green_arrow_r.png) no-repeat center left;}
#followUS { width:100%; position:relative; float:left; bottom:0; }

#likeNet { display:none; }
#demo2 { display:none; }











/* End followLink CSS*/









/*news And Event CSS*/
#newsAndEventWrapper {background-color:#ffefb3; border-top:solid #2a4660 3px;}

#newsAndEvent { max-width:1000px; margin: 0 auto; padding:25px; position:relative;  overflow:hidden;} 


.newsClass {width:100%;float:none;position:relative;  }
.eventClass {width:100%; float:none; position:relative; margin-top:30px;  }


#News h1 {font-size:2em; font-weight:bold; color:#2a4660; margin-bottom:10px;}

#News h2 {font-size:1.2em; font-weight:bold; color:#2a4660; margin-bottom:10px; margin-top:20px;}
#News ul li {font-size:1em; color:#666;}



#News ul li img {border:solid #2a4660 1px; margin:5px;} 
#newsPhoto ul li {display:inline;}


#moreBtnBig { margin-right:70%; margin-top:30px; margin-bottom:10px;}
#moreBtnBig a {padding:5px 8px; background-color:#2a4660; font-size:1em; }

/*End of news And Event CSS*/



/*Services CSS*/



/*



#Services h1 {font-size:2em; font-weight:bold; color:#2a4660; margin-bottom:10px; position:relative;}
#Services ul li p { margin-top:10px; width:100px; position:relative;}





#Services ul li img {width:auto;  width:100px;}
#ServicesBtn {float:none; }


#ServicesTwo {float:left; width:auto; position:relative; }
#ServicesOne {float:left; width:auto; position:relative;}*/


#Services ul li p { margin-top:10px; width:100px; position:relative; border:none;}
#Services h1 {font-size:2em; font-weight:bold; color:#2a4660; margin-bottom:10px; position:relative;}

#Services ul li img {width:auto;  width:100px;}
#ServicesBtn {float:none; }
#ServicesTwo {float:right; width:auto; position:relative; }
#ServicesOne {float:left; width:auto; position:relative;}







/* End Services CSS*/



/*Advertisement Roll*/




/*#AdvWrapper { display:none;}
*/




/*End of Advertisement Roll*/





/*footer CSS*/

#footerWrapper { background-color:#2a4660;}

#footer { max-width:1000px; margin: 0 auto; padding:20px; position:relative;  overflow:hidden; }

.footerOne{display:none; }

.footerTwo{ display:none;}

.footerThree{  display:none;}
  
  
.footerThreeMob {background-color:#09F; position:fixed; bottom:0; left:0%; padding:5px; display:block; width:80px;}
.footerThreeMob p a {color:#2a4660; }
.footerThreeMob p a:link {color:#FFF;text-decoration:none;}
.footerThreeMob p a:visited {color:#FFF;text-decoration:none;}
.footerThreeMob p a:hover {color:#bfc7cf;text-decoration:none;}
.footerThreeMob p a:active {color:#2a4660;text-decoration:none;}

.footerThreeMobIn{ margin-top:10px; display:none;  }


.footerFour{ float:none; display:block; width:85%; margin:0; padding:0;}




#Copyright {display:none;
}




/*End of footer CSS*/









/*  submenu CSS*/



#serviceMenu h2 {font-size:1.5em; color:#FFF; background:none; margin-bottom:.2em; margin-top:.5em;}


#serviceMenu ul li {background:url(../image/arrow_footer_w_r.png)no-repeat center right 10px; font-size:1em; padding-right:28px; margin-bottom:0em; 
margin-right:20px; margin-left:20px; 
border-bottom: solid 1px #FFFFFF;
padding-bottom:1em; padding-top:1em; z-index:1; 
}




#serviceMenu ul li:hover { background-color:#bfc7cf; color:#FFF;}
#serviceMenu ul li a:hover { color:#FFF;}
#colMenu {float:none; max-width:100%}








#regMenu h2 {font-size:1.5em; color:#FFF; background:none; margin-bottom:.2em; margin-top:.5em;}
#regMenu ul li {background:url(../image/arrow_footer_w_r.png)no-repeat center right 10px; font-size:1em; padding-right:22px; margin-bottom:0em; 
margin-right:20px; margin-left:20px;
border-bottom: solid 1px #FFFFFF;
padding-bottom:1em; padding-top:1em; z-index:1; 
}

#regMenu ul li:hover { background-color:#bfc7cf; color:#FFF;}
#regMenu ul li a:hover { color:#FFF;}
#colMenu {float:none; max-width:100%}







.LoginMenuIn {margin-left:0%;}
#LoginMenu ul li input { margin-top:1em;
	 
}

/*Contact*/

#Contact {width:100%; /*max-width:1000px;*/ margin: auto auto; padding-top:25px; padding-bottom:25px; position:absolute; overflow:hidden; display:none; background:#069; z-index:1; 
}

#ContactMap { margin-top:230px; width:90%; margin-left:25px; }
#ContactIn { float:right;}



#Contact ul li {font-size:.8em; padding-right:12px; margin-bottom:1em; margin-right:20px; color:#FFF; height:25px; padding-right:28px;}

#Contact ul h1 {font-size:2em; color:#FFF; background:none; margin-bottom:1em;}
#Contact h2 {font-size:1.5em; color:#FFF; background:none; margin-bottom:1em;}




#ContacBtn {  margin-top:10px; margin-bottom:10px;}
#ContacBtn a {padding:4px;  width:50px; }
#ContacBtn a:link {color:#2a4660;text-decoration:none; background-color:#FFF;}
#ContacBtn a:visited {color:#2a4660;text-decoration:none; background-color:#FFF;}
#ContacBtn a:hover {color:#FFF;text-decoration:none; background-color:#bfc7cf;}
#ContacBtn a:active {color:#FFF;text-decoration:none; background-color:#2a4660;}




/*AboutMenu*/

#AboutMenu h2 {font-size:1.5em; color:#FFF; background:none; margin-bottom:.2em; margin-top:.5em;}
#AboutMenu ul li {background:url(../image/arrow_footer_w_r.png)no-repeat center right 10px; font-size:1em; padding-right:22px; margin-bottom:0em; 
margin-right:20px; margin-right:20px;

border-bottom: solid 1px #FFFFFF;

padding-bottom:1em; padding-top:1em; z-index:1; 
}

#AboutMenu ul li:hover { background-color:#bfc7cf; color:#FFF;}
#AboutMenu ul li a:hover { color:#FFF;}
#colMenu {float:none; max-width:100%}




/*Directory*/
#Directory h2 {font-size:1.5em; color:#FFF; background:none; margin-bottom:.2em; margin-top:.5em;}
#Directory ul li {background:url(../image/arrow_footer_w_r.png)no-repeat center right 10px; font-size:1em; padding-right:22px; margin-bottom:0em; 
margin-right:20px; margin-left:20px;

border-bottom: solid 1px #FFFFFF;

padding-bottom:1em; padding-top:1em; z-index:1; 
}

#Directory ul li:hover { background-color:#bfc7cf; color:#FFF;}
#Directory ul li a:hover { color:#FFF;}
#colMenu {float:none; max-width:100%}


/*  submenu CSS*/




@media only screen and (max-width:350px) {
		.HeaderDiv {
		 max-width:768px;
 background-size:45px 45px;

background-position:left 18px top 18px;
 padding:18px;
height:auto; min-height:100px;

	}
	



#headerLogo p {  background-size:64px 102px; padding-right:73px; 
padding-top:50px; line-height:1.5em;

	}
	
	
	}