#menu{margin:0; padding:0; list-style:none; width:760px; height:63px;}
#menu li{margin:10px 0 0 0; padding:0; float:left; font-family:Arial,Helvetica,sans-serif, "新細明體", "微軟正黑體";}
#menu a{text-decoration:none;}
#menu li.nav{height:43px;}
.nav a{width:inherit; display:block;}
#menu li#logo{width:223px; background:url(../images/nav.png) no-repeat 0 0;}
#menu li#about{width:75px; background:url(../images/nav.png) no-repeat -223px 0;}
#menu li#product{width:75px; background:url(../images/nav.png) no-repeat -298px 0;}
#menu li#download{width:75px; background:url(../images/nav.png) no-repeat -373px 0;}
#menu li#tutorials{width:75px; background:url(../images/nav.png) no-repeat -448px 0;}
#menu li#bot{width:75px; background:url(../images/nav.png) no-repeat -523px 0;}
#menu li#demo{width:75px; background:url(../images/nav.png) no-repeat -598px 0;}
#menu li#language{width:87px; background:url(../images/nav.png) no-repeat -673px 0;}
#menu li#logo a#logo{text-indent:-9999px;  height:43px;}
#menu li#about a#about{text-indent:-9999px;  height:43px;}
#menu li#product a#product{text-indent:-9999px;  height:43px;}
#menu li#download a#download{text-indent:-9999px;  height:43px;}
#menu li#tutorials a#tutorials{text-indent:-9999px;  height:43px;}
#menu li#bot a#bot{text-indent:-9999px;  height:43px;}
#menu li#demo a#demo{text-indent:-9999px;  height:43px;}
#menu li#language a#language{text-indent:-9999px;  height:43px;}
#menu li#about a#about:hover{width:75px; background:url(../images/nav.png) no-repeat -223px -43px;}
#menu li#product a#product:hover{width:75px; background:url(../images/nav.png) no-repeat -298px -43px;}
#menu li#download a#download:hover{width:75px; background:url(../images/nav.png) no-repeat -373px -43px;}
#menu li#tutorials a#tutorials:hover{width:75px; background:url(../images/nav.png) no-repeat -448px -43px;}
#menu li#bot a#bot:hover{width:75px; background:url(../images/nav.png) no-repeat -523px -43px;}
#menu li#demo a#demo:hover{width:75px; background:url(../images/nav.png) no-repeat -598px -43px;}
#menu li#language a#language:hover{width:87px; background:url(../images/nav.png) no-repeat -673px -43px;}
.snav{float:left; text-indent:0; margin:7px 0 0 10px; border-left: #999 solid 1px; }
#frist{margin-left:0; border:0;}
.snav a{text-align:center; color:#333; margin-left:10px; font-family:"新細明體", "微軟正黑體",  Arial, Helvetica, sans-serif ; vertical-align:baseline;}
#menu .snav a:hover{text-decoration:underline; color:#06F;}

dl{margin:-18px 0 0 5px; padding:5px 5px; list-style:none; position:absolute; width:520px; height:30px; background:#fff; display:none; font-size:12px; border-top:#06F solid 2px; border-bottom:#06F solid 2px;   }
.subnav2{ margin-left:-70px;}
.subnav3{ margin-left:-145px;}
.subnav7{ margin-left:-295px; padding-left:260px; width:265px;}
.subnav8{ margin-left:-370px; padding-left:335px; width:190px;}

ul, li{margin:0; padding:0;}
body{margin:0; padding:0;}
#wrapper{width:760px; margin:0 auto;}

dl{padding-top:6px\9;}