/* CSS Document */
#header {
	height:100px;
	/*background-color:#E3E1E2; */
	background-color:#FFF;
	/*border-bottom:1px solid #666;*/
	margin-bottom:4px;
	width:1003px;
	z-index:3;
	}
	
	.header_logo {
		width:300px;
		height:70px;
		float:left;
		background:url(../image/index/logo.jpg) no-repeat;	
		}
		
	.header_tool {
		width:240px;
		height:60px;
		/*background:url(../image/index/header002.gif) no-repeat;*/
		float:left;
		margin-left:270px;
		margin-top:12px;
		}
		.header_tool_member {
			height:15px;
			width:100px;
			
			}
			.header_tool_member p {
				color:#4452B3;
				font-size:12px;
				line-height:15px;
				font-weight:bold;
				background-color:#F4F4F4;
				}
	
		.header_tool_top {
			}
			
			.header_tool_top p {
				font-size:12px;
				}
				
			.header_tool_top a {
				text-decoration:underline;
				color:#333333;
				}
				
			.header_tool_top a:hover {
				text-decoration:none;
				color:#FF6600;
				}
			.header_tool_top a.login {
				font-weight:bold;
				color:#0042A5;
				}
		
		.header_tool_bottom {
			}
			
			input.search_text {
				border:1px solid #333;
				height:16px;
				}
			
			input.search_button {
				background:url(../image/header/bottom.gif);
				width:31px;
				height:18px;
				border: 0;
				margin:0;
				padding:0;
				}

	.header_language {
		width:153px;
		height:45px;
		float:left;
		margin-top:30px;
		margin-left:20px;
		}
		
		.header_language_top {
			}
			
			.header_language_top p {
				font-size:12px;
				}
			
		.header_lagnuage_bottom {
			}
			
			.header_language_bottom p {
				font-size:12px;
				}
				
				.self_language {
					color:#003399;
					font-weight:bold;
					}
			
			.header_language_bottom a {
				text-decoration:underline;
				color:#666666;
				}
				
			.header_language_bottom a:hover {
				text-decoration:none;
				color:#336633;
				}

	
	
	#flash_menu {
		width:1003px;
		}	
		

		.multi_menu * {
			margin:0;
			padding:0;
			}
	
		.multi_menu {
			/*border-bottom:6px solid #221791;  */
			/* 除了CSS目錄要加上以外, IE6 根目錄也要加 */
			behavior:url(csshover.htc);
			float:left;
			}
	
		.multi_menu ul {
			/* border:2px solid #FFF; */
			float:left;
			}	
	
		.multi_menu li {
			list-style-type:none;
			position:relative;
			float:left;
			/*下面這行不加會造成IE6第二階會出現一下就消失的問題*/
			background:url(../image/header/bk001.gif) repeat-x;
			border-bottom:1px solid #999;
			width:100px;
			height:22px;
			}
	
		.multi_menu li.leftbar {
			list-style-type:none;
			border-bottom:1px solid #999; 
			position:relative;
			float:left;
			/*下面這行不加會造成IE6第二階會出現一下就消失的問題*/
			background:url(../image/header/bk001.gif) repeat-x;
			width:18px;
			height:22px;
			}
			
		.multi_menu li.rightbar {
			list-style-type:none;
			border-bottom:1px solid #999; 
			border-right:0px;
			position:relative;
			float:left;
			/*下面這行不加會造成IE6第二階會出現一下就消失的問題*/
			background:url(../image/header/bk001.gif) repeat-x;
			width:178px;
			height:22px;
			}
			
		.multi_menu li.midbar {
			list-style-type:none;
			border-bottom:1px solid #999; 
			position:relative;
			float:left;
			/*下面這行不加會造成IE6第二階會出現一下就消失的問題*/
			background:url(../image/header/bk002.gif) repeat-x;
			width:1px;
			height:22px;
			}
			
			
	
	
		.multi_menu li:hover {
			/*background:url(../image/header/bk003.gif) repeat-x; */
			background:url(../image/header/bk008.gif) repeat-x;
			color:#FFF;
			}
			
		.multi_menu li.leftbar:hover {
			background:url(../image/header/bk001.gif) repeat-x;
			color:#FFF;
			}
		.multi_menu li.rightbar:hover {
			background:url(../image/header/bk001.gif) repeat-x;
			color:#FFF;
			}
		.multi_menu li.midbar:hover {
			background:url(../image/header/bk002.gif) repeat-x;
			color:#FFF;
			}
			

		.multi_menu a {
			font-size:12px;
			font-weight:bold;
			line-height:22px;
			color:#000;
			text-align:center;
			display:block;
			text-decoration:none;
			/* 讓IE可以填滿空間做Link */
			zoom:100%;
			}
		
		.multi_menu a:hover {
			color:#003366;
			}
	

		/* 設定第2階大項*/	
		.multi_menu li ul {
			position:absolute;
			padding-top:0px;
			width:100px;
			display:none;
			top:100%;
			/* IE7 要加left必免亂套預設值 */
			left:0;
			}
		/* 當第2階大項被選取時 */	
		.multi_menu li:hover ul {
			display:block;
			}
		
		/* 第2階細項 */
		.multi_menu li ul li {
			width:100%;
			/* background:url(../image/header/bk005.gif) repeat-x; */
			background:url(../image/header/bk009.gif) repeat-x;
			border-bottom:1px solid #FFCC00;
			color:#003399;			
			}
		.multi_menu li ul li a {
			color:#444;			
			font-weight:normal;
			}
		.multi_menu li ul li a:hover {
			color:#fff;			
			background:url(../image/header/bk010.gif) repeat-x;
			}
		
		.multi_menu li ul li {
			position:relative;
			}

		/* 第3階大項 */ 
		.multi_menu li ul li ul {
			position:absolute;
			}
			
		/* 設定第3階大項預設值為隱藏 */
		.multi_menu li ul li ul {
			visibility:hidden;
			left:100%; /* 設定第3階大項位置 */
			top:0px; /* 設定第3階大項位置 */
			}
		
		/* 設定第2階細項被選取時,第3階大項顯示為存在 */	
		.multi_menu li ul li:hover ul {
			visibility:visible;
			}
			
		/* 設定第4階大項預設值為隱藏 */
		.multi_menu li ul li:hover ul li ul{
			visibility:hidden;
			left:100%; /* 設定第3階大項位置 */
			top:0px; /* 設定第3階大項位置 */
			}
		
		/* 設定第3階細項被選取時,第4階大項顯示為存在 */	
		.multi_menu li ul li ul li:hover ul {
			visibility:visible;
			}
		
		/* 設定顯示產品品名的細項樣式*/
		.multi_menu li.product_name {
			width:165px;
			}
			
		.multi_menu li.product_name a {
			text-align:left;
			padding-left:10px;
			}
			
		.multi_menu li.func_name_first {	
			width:110px;
			}
			
		.multi_menu ul.func_name_last {
			width:90px;
			left:0px;
			}
			
		.multi_menu li.product_long_name {
			width:300px;
			}
			
		.multi_menu li.product_long_name a {
			text-align:left;
			padding-left:10px;
			}
	
		.multi_menu li.product_longer_name {
			width:400px;
			}
			
		.multi_menu li.product_longer_name a {
			text-align:left;
			padding-left:10px;
			}