/*********************
Author: John
Last modify: 2012/06/08
Version: 1.1
*********************/
#TopMenu_Buycar{display: none;color: green;}
#nav_menu .sub_menu_l1, .sub_menu_l2 {float: left; position: absolute; display: none;top:170px;}
#nav_menu .sub_menu_l1_col, .sub_menu_l2_col {float: left; text-align: left;}
#nav_menu, .sub_menu_l1_list, .sub_menu_l2_list {padding: 0; margin: 0; list-style: none;}

#nav_menu {float:left; padding-left: 6px; z-index:10; background:#FAF9FB url(/pic/menupu_bg.gif) repeat; height:46px; width:984px;}

#nav_menu .sub_menu_l1_list li a, .sub_menu_l2_list li a
{display: block; overflow: hidden; height: 2em; line-height: 2em; text-decoration: none; font-size: 13px; padding: 0 3px;}

/*********** Top Text of Nav Menu ***********/
#nav_menu > li {height: 40px; float: left; margin-right: 12px;}
#nav_menu > li > a {line-height: 44px; font-weight: bold; color: #6A548A; font-size:13px;}
#nav_menu > li:hover > a {color: #F00;}

/*********** Level 1 Menu ***********/
#nav_menu .sub_menu_l1_list {background: #6A548A; padding-bottom: 5px; box-shadow: 6px 6px 5px #555;}
#nav_menu .sub_menu_l1_list > li {display: block; width: 160px; padding: 0 5px; position: relative;}
#nav_menu .sub_menu_l1_list > li > a {color: #FFF; background: url(/images/fly1.gif) no-repeat left center; padding-left: 18px}

/*********** Level 2 Menu ***********/
#nav_menu .sub_menu_l2 {width: 350px;}
#nav_menu .sub_menu_l2_list {background: #5E7D7E; padding: 5px 0; box-shadow: 3px 3px 2px #666;}
#nav_menu .sub_menu_l2_list > li {display: block; width: 165px; padding: 0 5px; position: relative;}
#nav_menu .sub_menu_l2_list > li > a {color: #FFF;}

/*********** Hover Effect for Level 1 Menu ***********/
#nav_menu .sub_menu_l1_list > li:hover > a {background-color: #5E7D7E}

/*********** Hover Effect for Level 2 Menu ***********/
#nav_menu .sub_menu_l2_list > li:hover > a {background: #CDEFDE; color: #000}

/*********** Display Level 1 Menu ***********/
#nav_menu > li:hover .sub_menu_l1 {z-index: 1080; position: absolute; display: block;}

/*********** Display Level 2 Menu ***********/
#nav_menu .fly_menu:hover .sub_menu_l2 {position: absolute; left: 165px; top: 0; z-index: 10; display: block;}

/******************member***********************/
#nav_menu_member, .sub_menu_l1_list, .sub_menu_l2_list {padding: 0; margin: 0; list-style: none;}
#nav_menu_member {float:left; padding-left: 6px; z-index:10; height:30px;width:84px;}
#nav_menu_member > li:hover .sub_menu_l1 {z-index: 10; position: absolute; display: block;}
#nav_menu_member .sub_menu_l1, .sub_menu_l2 {float: left; position: absolute; display: none;top:25px;}
#nav_menu_member .sub_menu_l1_col, .sub_menu_l2_col {float: left; text-align: left;}
#nav_menu_member .sub_menu_l1_list, .sub_menu_l2_list {padding: 0; margin: 0; list-style: none;}
#nav_menu_member .sub_menu_l1_list li a, .sub_menu_l2_list li a
{display: block; overflow: hidden; height: 2em; line-height: 2em; text-decoration: none; font-size: 13px; padding: 0 3px;}
/*********** Level 1 Menu ***********/
#nav_menu_member .sub_menu_l1_list {background: #6A548A; padding-bottom: 5px; box-shadow: 6px 6px 5px #555;}
#nav_menu_member .sub_menu_l1_list > li {display: block; width: 90px; padding: 0 5px; position: relative;}
#nav_menu_member .sub_menu_l1_list > li > a {color: #FFF; background: url(/images/fly1.gif) no-repeat left center; padding-left: 18px}
#nav_menu_member .fly_menu:hover .sub_menu_l2 {position: absolute; left: 165px; top: 0; z-index: 10; display: block;}
/*********** Top Text of Nav Menu ***********/
#nav_menu_member > li {height: 40px; float: left;}
#nav_menu_member > li > a {line-height: 18px; font-weight: bold; color: #6A548A; font-size:13px;}
#nav_menu_member > li:hover > a {color: #F00;}