.topnav {
  float: left;
  height: 40px;
  list-style: none outside none;
  margin:0;
  padding-left: 25px;
  width: 1280px;
}

.topnav li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	/*padding: 4px 10px 4px 10px;*/
	margin-right:5px;
	margin-top:1px;
	border:none;
	padding:0;
}

.topnav li a {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size:12px; 
	color: #555555;
	display:block;
	outline:0;
	text-decoration:none;
	font-weight: normal;
	position:relative;
	line-height: 20px;
}
.topnav li a:hover {
	color: #0384CE;
	display:block;
}

.topnav li .gl span {
 position:absolute;
 height:40px;
 width:100%;
 display:block;
 z-index:32;
 margin-left:-1px;
 left:0px;
 color: #000000;
 font-family: arial;
 font-size: 16px;
 height: 33px;
 line-height: 36px;
 padding: 0 0px;
 text-decoration: none;
 text-transform: none;
 font-weight: bold;
	font-family: "微軟正黑體", "Arial", "Helvetica", "sans-serif";
}
.topnav li .g2 span {
 position:absolute;
 height:40px;
 width:100%;
 display:block;
 z-index:32;
 margin-left:-1px;
 left:0px;
 color: #000000;
 font-size: 16px;
 height: 33px;
 line-height: 36px;
 padding: 0 0px;
 text-decoration: none;
 text-transform: none;
 font-weight: bold;
	font-family: "微軟正黑體", "Arial", "Helvetica", "sans-serif";
}

.topnav li:hover .gl span {
  clip:rect(-10px, 300px, 40px, -5px);
	background: #FFFFFF url(/images/nav/top-nav-active-bg.png) repeat-x;
	border: 1px solid #d3d3d3;
	border-bottom: none;
    overflow:hidden;
	height:39px;
	color:#3156A3;
	font-weight:bold;
	z-index:1000;
	top:1px;
}
.topnav li:hover .g2 span {
	border-bottom: none;
    overflow:hidden;
	height:39px;
	color:#3156A3;
	font-weight:bold;
	z-index:1000;
	top:1px;
}

.topnav li .gl {
	padding-right:21px;
	width:90px;
}
.topnav li .g2 {
	padding-right:21px;
	width:90px;
}


.topnav .dropdown {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:25px 20px 20px 14px;
	border:1px solid #d3d3d3;
	z-index:30;
	display:block;
	overflow:hidden;
	color:#FFFFFF;
	/* Gradient background */
	background:#FFFFFF url(/images/nav/top-nav-dropdown-bg.png);

	/* Rounded Corners */
}

.dropdown {width: 130px;}

.topnav .dropdown .columns {
 width: auto;
}

.topnav li:hover .dropdown {
	left:-1px;
	top:36px;
}


.topnav ul li {
	font-family: "微軟正黑體";
	line-height:24px;
	text-align:left;
}

.topnav li ul {
	list-style:none;
	padding:0;
	margin:0 0 0 0;
}
.topnav li ul li {
	font-size:12px;
	position:relative;
	border-bottom: 1px solid #CCCCCC;
	padding:2px;
	margin:0;
	float:none;
	text-align:left;
}
.topnav li ul li:hover {
	background:none;
	border:none;
	padding:2px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}

.dropdown .column {
 float: left;
 padding-right:23px;
 padding-top:2px;
}

.dropdown .column ul {
 margin:0;
 padding:0;
}

.topnav .dropdown-products {
  width: 754px;
	height:195px;
}

.topnav .dropdown-about {
  width: 538px;
	height:195px;
	margin-left:-92px;
	xx-moz-border-radius: 5px 5px 5px 5px;
	xx-webkit-border-radius: 5px 5px 5px 5px;
	xxborder-radius: 5px 5px 5px 5px;
}
.topnav .dropdown-about .columns {
 width:auto!important;
}

.dropdown .column li a {
 color:#707071!important;
 font-size:13px!important;
 font-family:arial!important;
 margin-bottom: 4px;
}


.dropdown .column li h3 {
 color:#55bceb;
 font-size:18px;
 font-weight:bold;
 margin:9px 0px 7px 0px;
 ppadding:0;
}


.dropdown .column-products, .dropdown .column-community,  .dropdown .column-company2 {
 border-right:#b9da8b 1px solid;
 padding-right:13px;
 margin-right:25px;
 min-height:186px;
}

.dropdown .column-products {
 width: 186px;
 height:196px;
}

.dropdown .column-products li a {
  background-image: url("/images/nav/icons-products.png");
  background-repeat: no-repeat;
  color: #000000 !important;
  display: block;
  font-size: 13px !important;
	font-family:arial!important;
  height: 30px;
  margin-bottom: 14px;
  padding-left: 51px;
  padding-top: 7px;
  text-decoration: none;
}

.dropdown .column-products li.performance a {
 background-position:0px -50px;
} 

.dropdown .column-products li.planning a {
 background-position:0px -100px;
} 

.dropdown .column-products li.collaboration a {
 background-position:0px -150px;
}

.dropdown .column-solutions {
 width:139px;
}

.dropdown .column-community {
 width:187px;
 height:196px;
}

.dropdown .column-resources {
 padding-right:0;
}
.dropdown .column-resources ul {
 margin-top:2px;
}

.dropdown .column-resources li a {
  background-image: url("/images/nav/icons-resources.png");
  background-repeat: no-repeat;
  display: block;
  height: 28px;
  margin-bottom: 7px;
  padding-left: 50px;
  padding-top: 5px;
  text-decoration: none;
}


.dropdown .column-resources li.ico-datasheet a {
 background-position:0px -38px;
} 

.dropdown .column-resources li.ico-rfp a {
 background-position:0px -78px;
 padding-bottom:2px;
} 

.dropdown .column-resources li.ico-whitepaper a {
 background-position:0px -116px;
} 


.dropdown .column-company {
 margin-left:22px;
 width:152px;
}

.dropdown .column-company2 {
 width:113px;
 height:196px;
 margin-right:31px;
}

.dropdown .column-events li h3 {
 margin-bottom:2px;
}

.dropdown .column-events li a {
  background-image: url("/images/nav/icons-events.png");
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  margin-bottom: 6px;
  padding-left: 52px;
  padding-top: 5px;
  text-decoration: none;
}

.dropdown .column-events li.ico-webinar a {
 background-position:0px 5px;
} 

.dropdown .column-events li.ico-demo a {
 background-position:0px -33px;
} 


.dropdown .column-events li.ico-event a {
 background-position:0px -73px;
} 

.dropdown .column-events li.ico-tradeshow a {
 background-position:0px -113px;
} 














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */