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

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
	height:100px;background-color:#FFF;color:#000; font-family:"微軟正黑體", "新細明體", "細明體"; border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;
}

/* 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:100px;
	background:url(../images/nav_shadow.png) center 50px repeat-x;list-style: none;
}

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

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

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

/* Main menu link style */
.cbp-hsmenu > li > a {
	height:100px; 
	display:block; 
	font-size:110%;text-align: center; 
	color:#000; 
	/*line-height:100px;*/
	padding:5px 20px;
	text-transform:uppercase;
	text-decoration:none;
	border-right:0px dashed #e67100;
	font-weight:bold;
}
.cbp-hsmenu > li:hover {background-color:#133f64;}
.cbp-hsmenu > li:hover > a{color:#FFF; }
.cbp-hsmenu > li > a > span { display:none;}
.cbp-hsmenu > li > a.first{border-left:0px dashed #e67100;}



/*SP*/
.SP{ background-color:#F60; color:#FFF !important;}

/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 100px;
	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:100%;*/
}
.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: #000;
	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:1235px; min-width:1235px; margin:0 auto; opacity:0.98;}
  #navWrap #navWrapA { width:100%; background:url(../images/navwrap_bg.png) center top repeat-x #002f58;opacity:0.95; border-radius:0 0 10px 10px; }/*下拉選單背景色*/
 /* #navWrap #navWrapB { width:100%; background:url(../images/navwrap_bg_pattern.png) center top repeat-x;}*/
  #navWrap.en { font-size:0.8125rem; color:#737373;}
  #navWrap.ch { font-size:0.8125rem; color:#737373; line-height:160%;}
#navContainer { width:100%; min-width:100%; margin:0 auto; padding:20px 0 10px 0; text-align:left;}
  #navContainer #colA { float:left;}
  #navContainer #colA #column {font-size:100%; }
  #navContainer #colA #column ul { min-width:190px; max-width:190px;float:left; padding:0 0px 0px 5px; border-left:0px 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:0px; }
  /*#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:first-child{margin-bottom:10px;}
	#navContainer #column ul li a { color:#FFF; text-decoration:none;font-weight:normal;font-size:90%;}
	#navContainer #column ul li a:hover { color:#FFF; text-decoration:underline;font-size:90%;}
	#navContainer #column ul li.title { font-size:100%; color:#00b8ee; font-weight:bold; line-height:250%;}
	#navContainer #column ul li.title a { font-size:90%;color:#00b8ee; font-weight:bold;}
	#navContainer #column ul li.title a:hover { color:#FFF; 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;}

/*#A05 .cbp-hssubmenu li #navWrap #navWrapA #navContainer #colA #column ul{ min-height:90px;}*/

@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%;
	}
}


#header #ba_link .topselectmenu{ /*position:absolute; top:40px; right:0;*/ /*font-size:100%;*/width: auto;height: auto; margin:0; padding:0; font-weight: normal; text-decoration:none; z-index:3000;}

/*.topselectmenu{display: inline;}*/
/*第一層*/
/*.topselectmenu :hover > a {color:#333;background:#FFF;font-weight:bold;}*/
.topselectmenu ul {padding:0;margin:0;list-style-type:none;}
.topselectmenu>ul>li {float:left;min-width:auto;/*選單寬度*/position:relative;padding:6px 8px;}
.topselectmenu ul li a{display:block;/*font-size:90%;*/text-decoration:none;color:#333; width:100%; height:auto; line-height:170%; text-align:center; padding:0 5px;}
.topselectmenu>ul>li:hover>a,.topselectmenu ul li .on{ font-weight:bold;background-color:#0080a3;color:#FFFFFF;border-radius: 5px;font-size:90%;}
.topselectmenu ul li .spp{ display: inline-block; margin-top:-40px;}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .topselectmenu a, * html .topselectmenu a:visited {width:100%;}
/* 第2層底色style the second level links */
.topselectmenu ul ul {width:100%; min-width:130px;height: auto;padding:0;margin:0;margin-top:0px;position:absolute;top:29px;left:0px; z-index:9999; border:1px solid #999; border-top:3px solid #00B8EE; overflow:hidden;}
.topselectmenu ul ul li{width:100%;height: auto;line-height:180%; /*font-size:90%;*/border-bottom:1px solid #b0b0b0; }
.topselectmenu ul ul a { display:block;background:rgba(255,255,255,0.9); color:#808080; height:auto; line-height:120%;text-align:left; /*font-size:90%;*/}
.topselectmenu ul ul li:hover > a {color:#808080;border-radius:0px;/* font-size:90%;*/}
* html .topselectmenu ul ul a{width:100%;}
.topselectmenu a:hover, .topselectmenu ul ul a:hover{font-weight:bold; color:#000;}
.topselectmenu ul ul a, .topselectmenu ul ul a:visited{background:#FFF; margin-top:0px; padding:10px 10px;}
/* 第3層style the third level background */
.topselectmenu ul ul ul {padding:0;margin:0;width:100%;left:100%;top:0;margin-top:0px;top:0;}
.topselectmenu ul ul ul a, .topselectmenu ul ul ul a:visited {background:rgba(255,255,255,0.9);margin-top:0px; /*font-size:80%;*/line-height:220%;}
.topselectmenu ul ul ul a:hover {background:rgba(255,255,255,1);/*font-size:80%;*/}
.topselectmenu ul ul ul :hover > a {background:rgba(255,255,255,1);/*font-size:80%;*/} 
.topselectmenu ul ul ul.left {left:-100%;}

.topselectmenu ul ul {display:none;}
* html .topselectmenu ul ul {top:100px;}
.topselectmenu ul li:hover ul,
.topselectmenu ul a:hover ul{display:block;background:rgba(0,0,0,0.4); /*font-size:90%;*/}
.topselectmenu ul :hover ul ul{display:none;}
.topselectmenu ul :hover ul :hover ul ul{display:none;}
.topselectmenu ul :hover ul :hover ul{ display:block;}
.topselectmenu ul :hover ul :hover ul :hover ul { display:block;} 



/* == 手機版型區 =============================== */

@media screen and (max-width: 767px) {
	#navmenu{ display:none;}
	.topselectmenu{ display:none;}

	}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#navmenu{ display: none;}
	.topselectmenu{ display: none;}
	/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 100%;
	height:88px;
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
}
#navWrap { width: 100%; min-width: 100%; margin:0 auto; opacity:0.98;}
	}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
		#navmenu{ display: block;}
	.topselectmenu{ display: block;}
	/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 100%;
	height:88px;
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
}
#navWrap { width: 100%; min-width: 100%; margin:0 auto; opacity:0.98;}
}