/*----------------------------------------------------------------------*/

/*
* {
	margin: 0px;	
}
*/

.clear-fix:after {
        content: "."; 
        display: block; 
        height: 0px; 
        clear: both; 
        visibility: hidden;
}
.clear-fix {
        display: inline-block;
}

.topnav .menu {
	margin-right: 5px;
	margin-left: 5px;
}
.topnav .menu li {
	height: 32px;
	width: 80px;
	float: left;
	text-align: center;
	line-height: 32px;
	font-size: 15px;
	display: inline;
	list-style: none;
}
.topnav .menu li.rightitem {
	float: right;
}


.topnav .menu li a {
	display: block;
	width: 100%;
	cursor: pointer;
}
.topnav .menu li a b {
	display: block;
	width: 100%;
}
.topnav .menu li.last b {
	background: url(/2008Cti/index/img/topnav-bdr-dim.gif) no-repeat right;
}

.topnav .menu li a:link, .topnav .menu li a:visited {
	background: url(/2008Cti/index/img/topnav-bgn-dim.gif) repeat-x;
	color: #000000;
	text-decoration: none;
}
.topnav .menu li a:hover, .topnav .menu li a:active {
	background: url(/2008Cti/index/img/topnav-bgn-on.gif) repeat-x;
	color: #FF6600;
	text-decoration: none;
}
.topnav .menu li a.highlight:link, .topnav .menu li a.highlight:visited {
	background: url(/2008Cti/index/img/topnav-bgn-highlight.gif) repeat-x;
	color: #000000;
	text-decoration: none;
}
.topnav .menu li a.highlight:hover, .topnav .menu li a.highlight:active {
	background: url(/2008Cti/index/img/topnav-bgn-on.gif) repeat-x;
	color: #FF6600;
	text-decoration: none;
}
.topnav .menu li.last a:hover b {
	background: url(/2008Cti/index/img/topnav-bdr-on.gif) no-repeat right;
}
.topnav .menu li a.on:link, .topnav .menu li a.on:visited {
	background: url(/2008Cti/index/img/topnav-bgn-on.gif) repeat-x;
	color: #FF6600;
}

.topnav2 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
}
.topnav2 .bgn {
	border-bottom: 1px solid #999999;
	margin: 0px;
	background: #F0F5F8 url(/images/topnav2-bgn.gif) repeat-x 0px bottom;
}
.topnav2 .menu {
	margin-right: 10px;
	margin-left: 10px;
}
.topnav2 .menu li {
	height: 13px;
	/*--font: 13px/13px "Arial", "新細明體";--*/
	background: url(/images/topnav2-bdr-dim.gif) no-repeat right;
	text-align: center;
	padding: 7px 8px 7px 6px; /*FF*/
	*padding: 9px 7px 5px 7px; /*IE*/
	list-style: none;
	display: inline;
	float: left;
}
.topnav2 .menu li.last {
	background: none;
}
.topnav2 .menu li.base {
	position: relative;
	z-index: 5;
}
.topnav2 .menu li.base-high {
	position: relative;
	z-index: 10;
}
.topnav2 .menu  a {
	cursor: pointer;
}
.topnav2 .menu a:link, .topnav2 .menu a:visited {
	color: #000000;
	text-decoration: none;
}
.topnav2 .menu a:hover, .topnav2 .menu a:active {
	color: #FF6600;
	text-decoration: underline;
}
.topnav2 .sub-topnav2 {
	position: absolute;
	top: 26px;
	left: 0px;
}

.switch-tab {
	clear: both;
	float: none;
	padding-top: 3px;
	background: #FFFFFF url(/2008Cti/index/img/switch-tab-head-bgn.gif) repeat-x 0px 0px;
}

.switch-tab .menu {
	margin: 0px;
	padding: 2px 5px;
}
.switch-tab .menu li {
	list-style: none;
	float: left;
	margin-right: 5px;
	display: inline;
	padding-right: 6px;
	padding-left: 6px;
	position: relative;
	z-index: 2;
}

.switch-tab .menu li.last {
	margin-right: 0px;
}
.switch-tab .menu li a {
	cursor: pointer;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	letter-spacing: 2px;
}
.switch-tab .menu li a {
	display: inline-block;
}
.switch-tab .menu li a .bdr-left {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 21px; /*FF*/
	*height: 22px; /*IE*/
	width: 6px;
	text-indent: -9999px;
}
.switch-tab .menu li a .bdr-right {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	height: 21px; /*FF*/
	*height: 22px; /*IE*/
	width: 6px;
	text-indent: -9999px;
}
.switch-tab .menu li a .pointer {
	display: block;
	position: absolute;
	height: 6px;
	width: 11px;
	left: 45%;
	top: 21px;
}
.switch-tab .menu li a.off {
	background: url(/2008Cti/index/img/menu-tab-bgn-off.gif) repeat-x left top;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #C7C7C7;
}
.switch-tab .menu li a.off strong {
	font-weight: normal;
}
.switch-tab .menu li a.off .bdr-left {
	background: url(/2008Cti/index/img/menu-tab-bgn-off-bdr-left.gif) no-repeat left top;
	border-bottom: 1px solid #C7C7C7;
}
.switch-tab .menu li a.off .bdr-right {
	background: url(/2008Cti/index/img/menu-tab-bgn-off-bdr-right.gif) no-repeat left bottom;
	border-top: 1px solid #F0F0F0;
}
.switch-tab .menu li a.off .pointer {
}
.switch-tab .menu li a.off:link, .switch-tab .menu li a.off:visited {
	color: #999999;
	text-decoration: none;
}
.switch-tab .menu li a.off:hover, .switch-tab .menu li a.off:active {
	color: #FF6600;
	text-decoration: none;
}

.switch-tab .menu li a.on {
	background: #E0EAF0 url(/2008Cti/index/img/menu-tab-bgn-on.gif) repeat-x left top;
	font-weight: bold;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #333537;
}
.switch-tab .menu li a.on strong {
	color: #CC0000;
}
.switch-tab .menu li a.on .bdr-left {
	background: url(/2008Cti/index/img/menu-tab-bgn-on-bdr-left.gif) no-repeat left top;
	border-bottom: 1px solid #333537;
}
.switch-tab .menu li a.on .bdr-right {
	background: url(/2008Cti/index/img/menu-tab-bgn-on-bdr-right.gif) no-repeat left bottom;
	border-top: 1px solid #F0F0F0;
}
.switch-tab .menu li a.on .pointer {
	background: url(/2008Cti/index/img/menu-tab-pointer.gif) no-repeat center top;
}
.switch-tab .menu li a.on:link, .switch-tab .menu li a.on:visited {
	color: #000000;
	text-decoration: none;
}
.switch-tab .menu li a.on:hover, .switch-tab .menu li a.on:active {
	color: #FF6600;
	text-decoration: none;
}

.switch-tab .underlayer {
	border-top: 1px solid #E2E2E2;
	background: #FFFFFF url(/2008Cti/index/img/menu-tab-under-layer-bgn.gif) repeat-x 0px 1px;
	padding-top: 5px;
}