<?
header("Content-Type: text/css; charset=utf-8"); 
function getBrowser($agent) { 
	 $browser = array( 
		  "MSIE 5.0" => "/msie 5.0[0-9]*/", 
		  "MSIE 5.5" => "/msie 5.5[0-9]*/", 
		  "MSIE 6.0" => "/msie 6.0[0-9]*/", 
		  "MSIE 7.0" => "/msie 7.0[0-9]*/", 
		  "MSIE 8.0" => "/msie 8.0[0-9]*/", 
		  "MSIE 9.0" => "/msie 9.0[0-9]*/", 
		  "Chrome" => "/chrome\/*/", 
		  "FireFox" => "/firefox\/*/", 
		  "Netscape" => "/x11/", 
		  "Opera" => "/opera*/", 
		  "Safari" => "/safari\/*/", 
		  "Android" => "/android/", 
		  "Mobile Safari" => "/mobile\/[0-9a-z]* safari/", 
		  "Robot" => "/yahoo/", 
		  "Robot" => "/bot/" 
	 ); 
	 $agent = strtolower($agent); 
	 foreach($browser as $name=>$exp){ 
		  if(preg_match($exp, $agent)){ 
			$browser = $name; 
		  } 
	 } 
	 return $browser; 
} 

$u_agent = $_SERVER['HTTP_USER_AGENT']; 
$browser =  getBrowser($u_agent); 
?>

/*-- Header --*/
#header { float:left; width:1000px;height:69px; background:#f5f5f5;}
#header a:link, #header a:visited, #header a:active{color:#5a5a5a;text-decoration:none;}
#header a:hover{color:#3366cc;}
.header_logo    { float:left; width:230px; height:69px; background:url(/img/header/header_logo_2023.jpg) no-repeat; margin-top:3px; }
.header_logo a  { display: block; width:230px; height:69px;}
#header_info_AREA { float:left; width:250px; height:69px; }
#header_menu_AREA { float:left; width:520px; height:69px; }
.header_btn_facebook    { float:right; margin: 25px 5px 0 10px;  width:21px; height:21px; background:url(/img/header/btn_facebook.gif) no-repeat; }
.header_btn_facebook a    { display:block; width:21px; height:21px; }
.header_btn_twitter    { float:right; margin:25px 0 0 0; width:21px; height:21px; background:url(/img/header/btn_twitter.gif) no-repeat; }
.header_btn_twitter a    { display:block; width:21px; height:21px; }

/*-- Main_Manu --*/

/*  Sitemap Over */

		.sitemap {
			position:absolute;
			display:none; 
			width:999px; 
			height:340px;			
			top:107px;
			z-index: 3000;
			background:url(/img/2015/menu_bg.png) no-repeat;
		}

		*:first-child+html .sitemap {
			position:absolute;
			display:none; 
			width:994px; 
			height:273px;
			background:#FFF;
			top:99px;
			margin:0 0 0 -1000px;
			z-index: 3000;
			background:url(/img/2015/menu_bg.png) no-repeat;
		}

#sitemap_menu_Area { float: left; width:999px; height:340px; background:url(/img/2015/menu_bg.png) no-repeat; }

#sitemap_menu_1 { float: left; width:113px; height:25px; margin:15px 0 0 17px; }
#sitemap_menu_1 li { float:left; width:110px; height:18px; }
#sitemap_menu_1 li a { display:block; width:110px; height:18px; }

#sitemap_menu_2 { float: left; width:102px; height:25px; margin:15px 0 0 3px; }
#sitemap_menu_2 li { float:left; width:124px; height:18px; }
#sitemap_menu_2 li a { display:block; width:124px; height:18px; }

#sitemap_menu_3 { float: left; width:110px; height:25px; margin:15px 0 0 -3px; }
#sitemap_menu_3 li { float:left; width:137px; height:18px; }
#sitemap_menu_3 li a { display:block; width:137px; height:18px; }

#sitemap_menu_4 { float: left; width:111px; height:25px; margin:15px 0 0 1px; }
#sitemap_menu_4 li { float:left; width:124px; height:18px; }
#sitemap_menu_4 li a { display:block; width:124px; height:18px; }

#sitemap_menu_5 { float: left; width:100px; height:25px; margin:15px 0 0 0;}
#sitemap_menu_5 li { float:left; width:118px; height:18px; }
#sitemap_menu_5 li a { display:block; width:118px; height:18px; }

#sitemap_menu_6 { float: left; width:109px; height:25px; margin:15px 0 0 16PX;}
#sitemap_menu_6 li { float:left; width:130px; height:18px; }
#sitemap_menu_6 li a { display:block; width:130px; height:18px; }

#sitemap_menu_7 { float: left; width:121px; height:25px; margin:15px 0 0 4PX;}
#sitemap_menu_7 li { float:left; width:126px; height:18px; }
#sitemap_menu_7 li a { display:block; width:126px; height:18px; }

#sitemap_menu_8 { float: left; width:82px; height:25px; margin:15px 0 0 7px;}
#sitemap_menu_8 li { float:left; width:100px; height:18px; }
#sitemap_menu_8 li a { display:block; width:110px; height:18px; }

#sitemap_menu_9 { float: left; width:87px; height:25px; margin:15px 0 0 1px;}
#sitemap_menu_9 li a { display:block; width:110px; height:18px; }
/*
#sitemap_menu_icon_Area { float: left; width:994px; height:100px; border-right: 3px solid #0168b7; border-left: 3px solid #0168b7;background:#FFF;}
#sitemap_menu_icon_Area ul { list-style:none;}
#sitemap_menu_icon_Area li { float: left; width:110px; height:99px; text-align:center; }
#sitemap_menu_icon_Area li a { display: block; width:110px; height:99px; }
#sitemap_menu_icon_Area li.icon_1 { background:url(/img/sitemap/sitemap_icon1.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_2 { background:url(/img/sitemap/sitemap_icon2.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_3 { background:url(/img/sitemap/sitemap_icon3.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_4 { background:url(/img/sitemap/sitemap_icon4.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_5 { background:url(/img/sitemap/sitemap_icon5.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_6 { background:url(/img/sitemap/sitemap_icon6.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_7 { background:url(/img/sitemap/sitemap_icon7.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_8 { background:url(/img/sitemap/sitemap_icon8.gif) no-repeat; }
#sitemap_menu_icon_Area li.icon_9 { background:url(/img/sitemap/sitemap_icon9.gif) no-repeat; }
*/

#sitemap_menu_close_Area { float: left; width:994px; height:17px; }
.sitemap .btn_sitemap_close { margin: -25px auto; width:67px; background:url(/img/btn_close.gif) no-repeat; }
.sitemap .btn_sitemap_close a { display:block; width:67px; height:17px; }


/*-- Main_Manu --*/
ul#topnav {
	margin-top: 7px; 
              padding: 0;
	float: left;
	width: 1000px;
	list-style: none;
	position: relative;
	font-size: 14px;
}

ul#topnav li {
	width:122px;
	float: left;
	margin: 0; padding: 0;
}

ul#topnav li.short{
	width:104px;
	float: left;
	margin: 0; padding: 0;
}

ul#topnav li.long{
	width:132px;
	float: left;
	margin: 0; padding: 0;
}

ul#topnav li a { width:125px; }
ul#topnav li.short a { width:104px; }
ul#topnav li.long a { width:132px;}

ul#topnav li a {
	padding: 5px 0 0 0;
	height:25px;
	display: block;
	color: #323232; font-weight:bold;
	text-decoration: none;
	text-align:center;
	border-bottom:5px solid #0b67bc;
	background:none;
	}

ul#topnav li:hover { 	height:30px;background:none !important }
ul#topnav li a:hover { color: #0168b6;	background:none !important;border-bottom:3px solid #f5f5f5;}

/* PopDown Jumpmenu */

#header_quickmenu_AREA { float:right; width:150px; height:28px; line-height:18px;}

#quickmenu_bar { position:absolute; margin:20px 0 0 10px;  width:150px; height:28px; z-index:100; background:url(/img/header/btn_quickmenu.gif) no-repeat; }
#quickmenu_holder { position:absolute; margin:20px 0 0 10px; width:150px; height:28px; z-index:9999; }
ul#quickmenu,  ul#quickmenu ul { margin:0; padding:0; list-style:none; }
ul#quickmenu { position:relative; width: 150px; height:20px; }
ul#quickmenu li { float:left; width: 148px; height:25px; color:#555; text-align:left; }
ul#quickmenu li a { display:block; width: 148px; height:25px; }
/* submenu=5ea, height=25px, border-top=1px ==> (25px+1px)*5 = 130px */
ul#quickmenu li ul { position:absolute; left:0; top:25px; margin-left:-999em; border:none; height:300px; width:150px; }
ul#quickmenu li li { border-top:#b4b4b4 1px dotted; border-left:#b4b4b4 1px solid; border-right:#b4b4b4 1px solid; height:25px; width:148px; background:#fff; }
ul#quickmenu li li a { display:block; color:#555; width:148px; height:25px; padding: 2px 0 0 15px; }
ul#quickmenu li:hover ul, ul#quickmenu li.over ul { margin-left:0; } 
/* width=157px padding-left= 15px ==> 157px - 15px = 142px; */
ul#quickmenu li li a:hover { color:#000; font-weight:bold; cursor:pointer; width:133px; height:25px; background:#f5f5f5; }
ul#quickmenu li.first, ul#quickmenu li.first ul { border-top:#b4b4b4 1px solid; }
ul#quickmenu li.last, ul#quickmenu li.last ul { border-bottom:#b4b4b4 1px solid; }

