/*== body {margin:25px; font:11px Verdana,Arial; background:#eee} ==*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#fff;
	text-align:center; 
	text-decoration:none;
	outline:none;}
ul.menu li {position:relative; float:left;}

ul.menu li a.v1{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image: url(../images/main_nav01.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v1:hover{
	background-position:left bottom;}
	
ul.menu li a.v2{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image: url(../images/main_nav02.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v2:hover{
	background-position:left bottom;}
	
ul.menu li a.v3{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav03.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v3:hover{
	background-position:left bottom;}
	
ul.menu li a.v3.menuhover{
	background-position:left bottom;}
	
ul.menu li a.v4{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav04.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v4:hover{
	background-position:left bottom;}
	
ul.menu li a.v4.menuhover{
	background-position:left bottom;}
	
ul.menu li a.v5{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav05.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v5:hover{
	background-position:left bottom;}
	
ul.menu li a.v5.menuhover{
	background-position:left bottom;}
	
ul.menu li a.v6{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav06.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v6:hover{
	background-position:left bottom;}
	
ul.menu li a.v7{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav07.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v7:hover{
	background-position:left bottom;}
	

ul.menu li a.v8{
	display:block;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav08.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v8:hover{
	background-position:left bottom;}
	
/*===LANGUAGE控制項===*/	
ul.menu li.language{
	clear:both;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}
	
ul.menu li.language a.menulink{
	display:block;
	 _display:inline-block;
	width:90px;
	height:20px;
	background-image:url(../images/language_page.png);
	background-position: 0px -4px;
	background-repeat:no-repeat;
	outline:none;
	}
	
ul.menu li.language a.menulink:hover{
	background-position:left bottom;
	}
	
ul.menu li.language a.menuhover{
	background-position:left bottom;
	}
	
ul.menu li.language {
	margin-right:0px;}
	
ul.menu li.language ul {
	position:absolute; 
	top:25px; 
	left:0; 
	display:none; 
	opacity:0; 
	list-style:none}
	
ul.menu li.language ul li {
	position:relative;
	width:90px;
	margin-right:0px;}
	
/*===下拉選單控制項===*/
ul.menu ul {
	position:absolute; 
	top:49px; 
	left:0; 
	display:none; 
	opacity:0; 
	list-style:none;
	padding-top:0px;}
ul.menu ul li {
	position:relative; 
	border:0px solid #aaa; 
	border-top: 0px solid #666; 
	width:110px;
	margin-bottom:0px;}
ul.menu ul li a{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	height:21px;
	line-height:21px;
	display:block; 
	_display:inline-block;
	padding:5px 0;
	outline:none;
	background-image:url(../images/bg_menulink.png);
	background-position:left top;
	margin-right:1px;
	outline:none;}
ul.menu ul li a:hover {
	color:#fff;
	background-position:left bottom;}
ul.menu ul li a.menuhover {
	color:#fff;
	background-position:left bottom;}
ul.menu ul ul {
	left:110px; 
	top:0px}
/*ul.menu .menulink {
	border:0px solid #aaa;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:bold; 
	background:url(images/header.gif); 
	width:110px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}*/
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.clear{
	clear:both;}
	
@media screen and (max-width: 1024px) {
ul.menu li a.v1{
	display:none;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image: url(../images/main_nav01.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v1:hover{
	display:none;
	background-position:left bottom;}
	
ul.menu li a.v2{
	display:none;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image: url(../images/main_nav02.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v2:hover{
	display:none;}
	
ul.menu li a.v3{
	display:none;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav03.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v4{
	display:none;
	width:99px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav04.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v5{
	display:none;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav05.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v6{
	display:none;
	width:87px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav06.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
ul.menu li a.v7{
	display:none;
	width:101px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav07.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	

ul.menu li a.v8{
	display:none;
	width:126px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/main_nav08.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	}