@charset "utf-8";

/*Global*/
html { height: 100%; }
body { height: 100%; margin: 0px; font-size: 12px; font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
a { color: #000 }
	a:hover		{ color: #333 }
	a:active	{ }
	a:visited { }
	
/*Misc*/
.clear-both { clear: both; font-size: 0px; height: 0px; margin: 0px; padding: 0px; border: none; }

/*Header-Nav*/
#header-nav { width: 100%; height: 40px; background: url(images/website-frame/header-nav-bg.jpg); }
	#header-nav-main { width: 861px; height: 40px; line-height: 40px; color: #FFF; margin-left: auto; margin-right: auto; padding: 0px 34px 0px 25px;
										 background: url(images/website-frame/header-nav.jpg) center no-repeat; }
	#header-nav-main ul { list-style: none; padding: 0px; margin: 0px; float: left }
	#header-nav-main li { display: inline; padding-left: 15px; }
	#header-nav-main li a { text-decoration: underline; color: #FFF; }
		#header-nav-main li a:hover { color: #CCC; }
	#header-search { float: right; width: 300px; height: 40px; text-align: right; }
	#header-search .search-text { height: 24px; width: 226px; color: #CCC; line-height: 23px; text-indent: 4px; padding: 0px; margin: 0px; border: 0px;
																background: url(images/website-frame/search-bg.jpg) no-repeat; font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; }
	#header-search .search-submit { height: 24px; width: 26px; padding: 0px; margin: 0px; background: url(images/website-frame/search-button.jpg); border: 0px; }
	
/*Header-Banner*/
#header-banner { width: 100%; height: 150px; background: url(images/website-frame/header-banner-bg.jpg) }
	#header-banner-main { width: 920px; height: 150px; margin-left: auto; margin-right: auto;
												background: url(images/website-frame/header-banner.jpg) center no-repeat }
	#header-banner #logo { margin: 25px 0px 0px 40px; }
	
/*Body-Container*/
#body-container { width: 100%; background: url(images/website-frame/body-bg.jpg); }
	#body-container-main { width: 880px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;
	                       background: url(images/website-frame/body-without-subside.jpg); }	
		
/*Body-Menu*/
#body-menu { width: 100%; height: 36px; }
#body-menu * { z-index: 50; }
#body-menu ul { list-style: none; padding: 0px; margin: 0px; }
	#body-menu li { position:relative; float: left; margin: 0px; padding: 0px; height: 36px; width: 105px; }
	#body-menu li ul { position: absolute; top:35px; left:0; display:none; opacity:0; width: 145px; }
		#body-menu .aboutus ul { background: #FCF2E8; }
		#body-menu .activity ul { background: #FCFBE6; }
		#body-menu .document ul { background: #E8EDE6; }
		
	#body-menu li ul li { height: 32px; width: 140px; padding-left: 5px; padding-top: 5px; padding-bottom: 3px; }
		#body-menu .aboutus ul li:hover { background: #FC9;}
		#body-menu .activity ul li:hover { background: #FFFE92; }
		#body-menu .document ul li:hover { background: #B2D8C3; }
	
	#body-menu li ul li a { font-size: 13px; font-weight: bold; text-decoration: underline; padding-left: 3px; }
		#body-menu li ul li a div { font-size: 9px; height: 13px; margin-top: -2px; padding-left: 3px; text-decoration: underline; overflow: hidden; }
		#body-menu .aboutus ul li a { color: #7B2800; border-left: 3px solid #C45013; }
		#body-menu .aboutus ul li a div { border-left: 3px solid #C45013; color: #666; }
		#body-menu .activity ul li a { color: #383607; border-left: 3px solid #868111; font-weight: bold; }
		#body-menu .activity ul li a div { border-left: 3px solid #868111; color: #666; font-weight: normal; }
		#body-menu .document ul li a { color: #174018; border-left: 3px solid #359537; }
		#body-menu .document ul li a div { border-left: 3px solid #359537; color: #666; }
		
	#body-menu .homepage { background: url(images/website-frame/body-menu/homepage.jpg) no-repeat top; }
		#body-menu .homepage:hover { background: url(images/website-frame/body-menu/homepage-active.jpg) no-repeat top; }
	#body-menu .aboutus { background: url(images/website-frame/body-menu/aboutus.jpg) no-repeat top; }
	#body-menu .activity { background: url(images/website-frame/body-menu/activity.jpg) no-repeat top; }
	#body-menu .document { background: url(images/website-frame/body-menu/document.jpg) no-repeat top; }
	#body-menu .photo { background: url(images/website-frame/body-menu/photo.jpg) no-repeat top; }
		#body-menu .photo:hover { background: url(images/website-frame/body-menu/photo-active.jpg) no-repeat top; }
	#body-menu .contactus { background: url(images/website-frame/body-menu/contactus.jpg) no-repeat top; }
		#body-menu .contactus:hover { background: url(images/website-frame/body-menu/contactus-active.jpg) no-repeat top; }
	
		#body-menu .aboutus .menuhover { background: url(images/website-frame/body-menu/aboutus-active.jpg); }
		#body-menu .activity .menuhover { background: url(images/website-frame/body-menu/activity-active.jpg); }
		#body-menu .document .menuhover { background: url(images/website-frame/body-menu/document-active.jpg); }
	
/*Footer*/
#footer { width: 100%; height: 80px; background: url(images/website-frame/footer-bg.jpg) }
	#footer-main { width: 920px; height: 80px; background: url(images/website-frame/footer.jpg); margin-left: auto; margin-right: auto; text-align: right }
	  #footer-main div { padding-top: 15px; padding-right: 60px; }
		#footer-main div a img { width: 75px; height: 23px; font-size: 18px; margin: 0px; margin-bottom: 7px; }