#navmenu p { line-height:180% !important;}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
	height:50px;background-color:#ff9000;color:#fff; font-family:"微軟正黑體", "新細明體", "細明體";
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	position: relative;
	z-index: 1000;
	height:88px;
	background:url(../images/nav_shadow.png) center 50px repeat-x;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 950px;
	height:88px;
	max-width: 950px;
	min-width: 950px;
	margin: 0 auto;
}

.cbp-hsmenu > li {
	float:left;
}

.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
	height:50px; 
	display:block; 
	font-size:15px; 
	color:#fff; 
	line-height:50px;
	padding:0 20px;
	text-transform:uppercase;
	text-decoration:none;
	border-right:1px dashed #e67100;
	font-weight:bold;
}

.cbp-hsmenu > li:hover { background-color:#e67100;}
.cbp-hsmenu > li > a > span { display:none;}
.cbp-hsmenu > li > a.first{border-left:1px dashed #e67100;}


/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 50px;;
	width: 100%;
	z-index: 0;
	text-align: center; /* for aligning the sub items */
	visibility: hidden;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align:left;
	opacity: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
	font-size:14px;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 1000;
	visibility: visible;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 0;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}



/* claer
-------------------------- */
.clearfix { clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--------- New link ---------*/


#navWrap { width:950px; min-width:950px; margin:0 auto; opacity:0.98;}
  #navWrap #navWrapA { width:100%; background:url(../images/navwrap_bg.png) center top repeat-x #fff;}
 /* #navWrap #navWrapB { width:100%; background:url(../images/navwrap_bg_pattern.png) center top repeat-x;}*/
  #navWrap.en { font-size:13px; color:#737373;}
  #navWrap.ch { font-size:13px; color:#737373; line-height:160%;}
#navContainer { width:950px; min-width:950px; margin:0 auto; padding:20px 0; text-align:left;}
  #navContainer #colA { float:left;}
  #navContainer #colA #column { }
  #navContainer #colA #column ul { min-width:120px; max-width:150px; float:left; padding:0 20px 0 15px; border-left:1px dotted #d4d4d4;}
  /*#navContainer #colB { width:722px; float:left;}*/
  /*#navContainer #colB #column ul { width:178px; float:left; margin-bottom:30px; padding:0 20px 0 15px; border-left:1px dotted #d4d4d4;}*/
  /*#navContainer #colC { width:100%; float:left;}*/
  #navContainer #colA #column ul li { margin-left:10px;margin-right:5px; line-height:120%; letter-spacing:1px;}
  /*#navContainer #colC #column ul li.title { margin-left:0;}*/
	#navContainer #column ul.first { border-left:none !important;}
	#navContainer #column ul li { margin-bottom:5px;}
	#navContainer #column ul li a { color:#737373; text-decoration:none;}
	#navContainer #column ul li a:hover { color:#000; text-decoration:underline;}
	#navContainer #column ul li.title { font-size:15px; color:#f87a00;}
	#navContainer #column ul li.title a { font-size:15px; color:#000;}
	#navContainer #column ul li.title a:hover { color:#000; text-decoration:underline;}
/*	#navContainer #column ul li.st { padding-left:15px; margin-left:0 !important; margin-top:20px; background:url(../images/ico_arrow_04.png) left 3px no-repeat; color:#000;}
*/

#navShadow { width:100%; height:20px; margin-bottom:-20px; background:url(../images/navwrap_shadow.png) center top repeat-x;}

@media screen and (max-width: 65em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
	}
}

@media screen and (max-width: 51.4375em){
	.cbp-hsmenu-wrapper {
		font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}
}