@charset "utf-8";
/* CSS Document */

/*======================================================================== 
	下拉選單
  ========================================================================*/
#menuMain{
	height: 45px;
	width: 850px;
	position: absolute;
	bottom: 0;
	right: 8px;
	background-image: url(../images/menu.jpg);
}
#menuMain .css2TopBar{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menuMain .css2TopBar li{
	float: left;
	text-align: left;
	width: 170px;
	margin: 0;
}
#menuMain .css2TopBar li.menu01,#menuMain .css2TopBar li.menu02,#menuMain .css2TopBar li.menu03,#menuMain .css2TopBar li.menu04,#menuMain .css2TopBar li.menu05,#menuMain .css2TopBar li.menu06,#menuMain .css2TopBar li.menu07{
	display: block;
	height: 45px;
	position:relative;
}
#menuMain .css2TopBar li:hover.menu01,#menuMain .css2TopBar li:hover.menu02,#menuMain .css2TopBar li:hover.menu03,#menuMain .css2TopBar li:hover.menu04,#menuMain .css2TopBar li:hover.menu05{
	background-image: url(../images/menu-over.jpg);
}

#menuMain .css2TopBar .menu01{ /* LOGO */
	display: block;
	text-indent: -5000px;
}
#menuMain .css2TopBar .menu01:hover{	background-position: 0px 0px;}
#menuMain .css2TopBar .menu01 a{	display: block;	height: 100%;}
#menuMain .css2TopBar .menu02{
	display: block;
	text-indent: -5000px;
}
#menuMain .css2TopBar .menu02:hover{	background-position: -170px 0px;}
#menuMain .css2TopBar .menu02 a{	display: block;	height: 100%;}
#menuMain .css2TopBar .menu03{
	display: block;
	text-indent: -5000px;
}
#menuMain .css2TopBar .menu03:hover{	background-position: -340px 0px;}
#menuMain .css2TopBar .menu03 a{	display: block;	height: 100%;}
#menuMain .css2TopBar .menu04{
	display: block;
	text-indent: -5000px;
}
#menuMain .css2TopBar .menu04:hover{	background-position: -510px 0px;}
#menuMain .css2TopBar .menu04 a{	display: block;	height: 100%;}
#menuMain .css2TopBar .menu05{
	display: block;
	text-indent: -5000px;
}
#menuMain .css2TopBar .menu05 a{	display: block;	height: 100%;}
#menuMain .css2TopBar .menu05:hover{	background-position: -680px 0px;}


<!--.....................................-->
#menuMain .css2TopBar li:hover{}
#menuMain .css2TopBar li ul{
	display: none;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
}
#menuMain .css2TopBar li:hover ul{
	display:block;
	width: 980px;
	/* background-color: #efefef; */
	background-color: #ffffff;
	background-image: url(../images/menuBg.jpg);
	background-repeat: repeat-x;
	/* background-position: center top; */
	background-position: center bottom;
}
#menuMain .css2TopBar .menu01:hover ul{ margin-left: -133px;}
#menuMain .css2TopBar .menu02:hover ul{ margin-left: -303px;}
#menuMain .css2TopBar .menu03:hover ul{ margin-left: -473px;}
#menuMain .css2TopBar .menu04:hover ul{ margin-left: -643px;}
#menuMain .css2TopBar .menu05:hover ul{ margin-left: -813px;}

#menuMain .css2TopBar li:hover ul li{
	width: 186px;
	text-indent: 0;
	margin: 5px;
}


/*======================================================================== 
	內頁MENU選取狀態
  ========================================================================*/
/*
.cooling #menuMain .css2TopBar li.menu01,.case #menuMain .css2TopBar li.menu02,.powerSupply #menuMain .css2TopBar li.menu03,.mobile #menuMain .css2TopBar li.menu04,.cmStorm #menuMain .css2TopBar li.menu05{
	background-image: url(../images/menu-over.gif);
}
.cooling #menuMain .css2TopBar .menu01{ background-position: -1px 0px;}
.case #menuMain .css2TopBar .menu02{ background-position: -198px 0px;}
.powerSupply #menuMain .css2TopBar .menu03{ background-position: -395px 0px;}
.mobile #menuMain .css2TopBar .menu04{ background-position: -592px 0px;}
*/

.menu_sel01,.menu_sel02,.menu_sel03,.menu_sel04 {
	background-image: url(../images/menu-over.gif);
}
.menu_sel01 { background-position: 0px 0px;}
.menu_sel02 { background-position: -170px 0px;}
.menu_sel03 { background-position: -340px 0px;}
.menu_sel04 { background-position: -510px 0px;}