.logowrapper span
{display:block; margin:3px; font-size:12px; color:#ACAC9D; font-weight:bold}
.logowrapper{ text-align:center; margin-top:20px}
.cbp-af-header nav.catmenu{  float:right}
.cbp-af-header nav.catmenu .dropdown{ float:left}
.cbp-af-header nav.catmenu .dropdown strong, .cbp-af-header nav.catmenu .dropdown span{ display:block}
.cbp-af-header nav.catmenu .dropdown span{ font-size:15px}
.cbp-af-header nav.catmenu .dropdown span.caret{ display: inline-block; position:relative; top:-5px}
.cbp-af-header nav.catmenu .dropdown button{ border:none; background:none; color:#575747; font-family:Marcellus; line-height:17px; font-weight:normal; outline: none; padding:10px 20px 0px; font-size:16px; }
.cbp-af-header nav.catmenu .dropdown button:focus{ background:#FFF}

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	

	z-index: 1;
	height: 195px;

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.cbp-colour{ width:100%; height:100%; position:absolute; z-index:0px;
	
	background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededec+0,ededec+100&0.85+0,0.85+100 */
background: -moz-linear-gradient(top,  rgba(237,237,236,0.85) 0%, rgba(237,237,236,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(237,237,236,0.85) 0%,rgba(237,237,236,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(237,237,236,0.85) 0%,rgba(237,237,236,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ededec', endColorstr='#d9ededec',GradientType=0 ); /* IE6-9 */}

.cbp-af-header .cbp-af-inner {
	width: 90%;
	max-width: 87em;
	margin: 0 auto;
	padding: 0 1.875em; position:absolute; left:-50%;  right:-50%; height:120px;
}

.cbp-af-header h1,
.cbp-af-header nav {
	display: inline-block;
	position: relative;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */


.cbp-af-header h1 {
	text-transform: uppercase;
	color: #333;
	letter-spacing: 4px;
	font-size: 4em;
	margin: 0;
	float: left;
}

.cbp-af-header nav {
	float: left;
}

.cbp-af-header nav a {
	color: #575747; margin: 0 10px 0 15px; font-size: 1.2em;font-family:Marcellus,微軟正黑體; letter-spacing:0.5px; font-weight: 200;line-height: 90px;outline: none; padding:10px 15px ;}

.cbp-af-header nav a.selected{ background:#FFF; border:none; border-bottom:1px solid #c29a53}
.cbp-af-header nav a.selected:hover{text-decoration:none; border:none;  background:#FFF;border-bottom:1px solid #c29a53 }
.cbp-af-header nav a:hover {
	color: #000;text-decoration:none; background:#d7d7d7; border-bottom:1px solid #c29a53}


/* Transitions and class for reduced height */
.cbp-af-header nav a, 
.cbp-af-header .logowrapper img, 
.cbp-af-header .logowrapper,
.cbp-af-header nav,
.cbp-af-header nav.catmenu,
.cbp-af-header {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.cbp-af-header.cbp-af-header-shrink { height: 115px; z-index:2}
.cbp-af-header.cbp-af-header-shrink nav.catmenu{ top:-60PX; line-height:0px; position:relative }
.cbp-af-header.cbp-af-header-shrink nav{ top:-75PX; line-height:0px; position:relative }
.cbp-af-header.cbp-af-header-shrink .logowrapper img{ width:100px; height:auto}
.cbp-af-header.cbp-af-header-shrink .logowrapper{ font-size:12px}

.cbp-af-header.cbp-af-header-shrink h1 {font-size: 2em;}

/* Example Media Queries */
@media screen and (max-width: 55em) {
	.cbp-colour{ background-color:#ededec}
	.logowrapper span{ padding:0px; margin:0px}
	.logowrapper{ margin-top:5px}
	.cbp-af-header.cbp-af-header-shrink .logowrapper img{ width:70px; }
	.cbp-af-header.cbp-af-header-shrink nav{  width:100%; top:90px; position:absolute; height:20px;  }
	
	.cbp-af-header .cbp-af-inner {
		width: 100%; padding:0px; 
	}

	.cbp-af-header h1,
	.cbp-af-header nav {
		display: block;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

	.cbp-af-header h1,
	.cbp-af-header nav a {
		line-height: 115px; 
	}

	.cbp-af-header nav a {
		margin: 0 10px;
	}


.cbp-af-header nav a { padding:5px 10px
	}

	.cbp-af-header.cbp-af-header-shrink h1 {
		font-size: 2em;
	}

	.cbp-af-header.cbp-af-header-shrink nav a {
		font-size: 1em; line-height:normal
	}
	
	.mregister{ display:block; position:absolute; top:-35px; left:-10px ; 
}
}

@media screen and (max-width: 32.25em) {
	.cbp-af-header nav a {
		font-size: 1em;
	}
}

@media screen and (max-width: 24em) {
	.cbp-af-header nav a,
	.cbp-af-header.cbp-af-header-shrink nav a {
		line-height: 1;
	}
}