.navigation {
	padding:0;
	margin-top: 5px;
}
/* 選單 li 之樣式 */
.navigation li {
	position: relative;
	list-style: none;
	float: left;
	width:80px;
	height:26px;
	/*border: 1px solid #CCC;*/
}
/* 選單 li 裡面連結之樣式 */
.navigation li a{
	display: block;
	text-decoration: none;
	/*統一大小*/
	width:80px;
	height:26px;
}
/* 特定在第一層，以左邊灰線分隔 */
.navigation > li > a{
	/* border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC; */
}
.navigation > li > a:hover{
	/*color: #666;
	background: #DDD */
}
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
.navigation ul{
	list-style: none;
	padding:0;
	margin: 0;
	display: none;
	/*float: left;
	position: absolute;  */
}
/* 當第一層選單被觸發時，指定第二層顯示 */
.navigation li:hover > ul{
	display: block;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
.navigation li:hover > ul > li{
	width:80px;
	height:26px;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
.navigation ul li {
	/*border-bottom: 1px solid red;*/
	z-index:1;
	position: relative;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
.navigation ul li a{
	width:80px; 
	height:26px;
}
/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
.navigation ul li:last-child {
	border-bottom: none;
}
/* 第二層或以後選單 li 之樣式 */
.navigation ul a {
	/* width: 120px;
	padding: 10px 12px;
	color: #666;
	background: #EEE; */
}
.navigation ul a:hover {
	/*background: #CCC;*/
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
.navigation ul li:hover > ul{
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
}

/* 選單設定 */
a.about { background: url(/images/banner/top_menu.png) -10px 0 no-repeat;}
a.about:hover{ background: url(/images/banner/top_menu.png) -10px -26px no-repeat; }
a.product { background: url(/images/banner/top_menu.png) -100px 0 no-repeat; }
a.product:hover{ background: url(/images/banner/top_menu.png) -100px -26px no-repeat; }
a.support { background: url(/images/banner/top_menu.png) -187px 0 no-repeat; }
a.support:hover{ background: url(/images/banner/top_menu.png) -187px -26px no-repeat; }
a.customer { background: url(/images/banner/top_menu.png) -277px 0 no-repeat; }
a.customer:hover{ background: url(/images/banner/top_menu.png) -277px -26px no-repeat; }
a.achievement { background: url(/images/banner/top_menu.png) -365px 0 no-repeat; }
a.achievement:hover{ background: url(/images/banner/top_menu.png) -365px -26px no-repeat;}
a.cooperation { background: url(/images/banner/top_menu.png) -453px 0 no-repeat; }
a.cooperation:hover{ background: url(/images/banner/top_menu.png) -453px -26px no-repeat;}

a.company { background:url(/images/banner/top_submenu.png) 0 0 no-repeat; }
a.company:hover{ background: url(/images/banner/top_submenu.png) 0 -100px no-repeat;}
a.contact { background:url(/images/banner/top_submenu.png) 0 -26px no-repeat; }
a.contact:hover{ background: url(/images/banner/top_submenu.png) 0 -125px no-repeat;}
a.news { background:url(/images/banner/top_submenu.png) 0 -50px no-repeat; }
a.news:hover{ background: url(/images/banner/top_submenu.png) 0 -150px no-repeat;}
a.nedal { background:url(/images/banner/top_submenu.png) 0 -75px no-repeat;}
a.nedal:hover{ background: url(/images/banner/top_submenu.png) 0 -175px no-repeat;}


a.update { background:url(/images/banner/top_submenu.png) 0 -203px no-repeat;}
a.update:hover{ background: url(/images/banner/top_submenu.png) 0 -278px no-repeat;}
a.question { background:url(/images/banner/top_submenu.png) 0 -228px no-repeat;}
a.question:hover{ background: url(/images/banner/top_submenu.png) 0 -303px no-repeat;}
a.setup { background:url(/images/banner/top_submenu.png) 0 -253px no-repeat;}
a.setup:hover{ background: url(/images/banner/top_submenu.png) 0 -328px no-repeat;}

a.buy { background:url(/images/banner/top_submenu.png) 0 -355px no-repeat;}
a.buy:hover{ background: url(/images/banner/top_submenu.png) 0 -455px no-repeat;}
a.pay_way { background:url(/images/banner/top_submenu.png) 0 -380px no-repeat;}
a.pay_way:hover{ background: url(/images/banner/top_submenu.png) 0 -480px no-repeat;}
a.pay_receipt { background:url(/images/banner/top_submenu.png) 0 -405px no-repeat;}
a.pay_receipt:hover{ background: url(/images/banner/top_submenu.png) 0 -505px no-repeat;}
a.faq { background:url(/images/banner/top_submenu.png) 0 -430px no-repeat;}
a.faq:hover{ background: url(/images/banner/top_submenu.png) 0 -530px no-repeat;}

a.proposal { background:url(/images/banner/top_submenu.png) 0 -560px no-repeat;}
a.proposal:hover{ background: url(/images/banner/top_submenu.png) 0 -610px no-repeat;}
a.feedback { background:url(/images/banner/top_submenu.png) 0 -585px no-repeat;}
a.feedback:hover{ background: url(/images/banner/top_submenu.png) 0 -635px no-repeat;}

a.computer { background:url(/images/banner/top_submenu.png) 0 -662px  no-repeat;}
a.computer:hover{ background: url(/images/banner/top_submenu.png) 0 -762px no-repeat;}
a.network { background:url(/images/banner/top_submenu.png) 0 -687px no-repeat;}
a.network:hover{ background: url(/images/banner/top_submenu.png) 0 -787px no-repeat;}
a.door { background:url(/images/banner/top_submenu.png) 0 -712px no-repeat;}
a.door:hover{ background: url(/images/banner/top_submenu.png) 0 -812px no-repeat;}
a.server { background:url(/images/banner/top_submenu.png) 0 -737px no-repeat;}
a.server:hover{ background: url(/images/banner/top_submenu.png) 0 -837px no-repeat;}