﻿@charset "utf-8";
/* CSS Document */

/* #menu的"text-align:center",#menu ul的"display:inline-block" 讓選單能水平置中*/ 

/* 整體設置*/ 
#menu { height:43px; width:100%; text-align:center; background-color:#f36801; }

#menu .menu_list { display:inline-block; }
#menu .menu_list a { display:block; }
#menu .menu_list { *display:inline; }/* 讓IE7也能水平置中*/ 


/* 主選單*/ 
#menu .menu_list > li { float:left; position:relative; z-index:100; }
#menu .menu_list > li > a { height:43px; line-height:43px; font-size:16px; color:#fff; padding:0 10px; text-decoration:none; }
#menu .menu_list > li:hover > a { background-color:#f00000; text-decoration:none; }/*主選單hover效果*/ 

/* 子選單*/ 
#menu .menu_list ul { width:100%; background-color:#fff; z-index:101; }
#menu .menu_list ul a { 
	color:#353535; text-decoration:none; text-align:center; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif, "宋体";
	padding:6px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; 
	}
#menu .menu_list ul li:first-child a { border-top:1px solid #d6d6d6 !important; }
#menu .menu_list ul li:hover > a { background-color:#f00000; color:#fff; }/*子選單hover效果*/ 

#menu .menu_list ul { display:none; }/* 隱藏子選單 */
#menu .menu_list li:hover ul { display:block; position:absolute; left:0; top:43px; }/* 顯示子選單 */


/* 左選單*/ 
.box .left_menu_title { 
	background:url(../images/left_menu_title.png) no-repeat 0 0; height:41px;
	font-size:115.3%; text-align:center; font-weight:600; color:#fff; line-height:34px; 
	}
.box .left_menu { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.box .left_menu li { 
	background:url(../images/left_menu.png) repeat-x 0 bottom; 
	border-bottom:1px solid #d9d9d9; 
	}
.box .left_menu li a { 
	background:url(../images/left_menu_icon.png) no-repeat 230px center; display:block;
	font-size:123%; padding:10px 8px; text-decoration:none; color:#000; 
	}
.box .left_menu li:hover { 
	background-image:url(../images/left_menu_hover.png); 
	}
.box .left_menu li:hover a { 
	background:url(../images/left_menu_icon.png) no-repeat -70px center; 
	color:#c45300; 
	}