@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
.sm-blue {
	display: none;
}
.sm-blue a {
    padding: 0 25px 0 0;
    color: #4d7581;
    font-size: 1.375em;
    font-weight: bold;
    /*height: 80px;*/
}
.sm-blue a.current {
	background: #006892;
	color: white;
}
.sm-blue a.disabled {
	color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
	color:#fff;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 10px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 16px/34px monospace !important;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
	display: block;
	content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
}

.sm-blue li {
	/*text-transform: uppercase;*/
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
    /*background: #f05f78;*/
    color: #206270;
}
.sm-blue ul a.current {
	background: #006892;
	color: white;
}
.sm-blue ul a.disabled {
	color: #b3b3b3;
}

 @media (min-width: 992px) and (max-width: 1199px) {
.sm-blue a {
    /*padding: 0 5px 0 0;*/
}
}

@media only screen and (min-width: 992px) {
.sm-blue {
	display: block !important;
	float: left;
}
	
/*抬頭顯示*/
.affix .sm-blue {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.affix .sm-blue > li {
	width: calc(99% / 6);
}
.affix .sm-blue > li > a {
	height:auto;
    color: #4d7581;
	padding: 0;
	}
.affix .sm-blue > li > a:hover, .affix .sm-blue > li > a.highlighted {
    color: #f05f78;
	}
	
.sm-blue ul {
	position: absolute;
	width: 12em;
}
.sm-blue > li {
    float: left;
    /*text-align: center;*/
    line-height: 60px;
}
.sm-blue.sm-rtl li {
	float: right;
}
.sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
	float: none;
    /*border-bottom: 1px #fff solid;*/
}
.sm-blue a {
	white-space:normal;
}
.sm-blue ul a, .sm-blue.sm-vertical a {
	white-space: normal;
}
.sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
	white-space: nowrap;
}
.sm-blue a.current {
	background: #006892;
	color: white;
}
.sm-blue a.disabled {
	background: #3092c0;
	color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
	top: auto;
	margin-top: 0;
	bottom: 2px;
	left: 50%;
	margin-left: -5px;
	right: auto;
	width: 0;
	height: 0;
	background: transparent;
}
.sm-blue a.highlighted span.sub-arrow:before {
	display: none;
}
.sm-blue ul {
    background: rgba(25, 25, 25, 0.9);
	padding: 10px 0;
}
.sm-blue ul a {
	padding: 8px 30px 8px 12px;
	background: transparent;
    color: #fff;
	font-size: 1.25em;
	height: auto;
	width:auto;
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    color: #f05f78;
    text-decoration: none;
    /*background: #f39d77;*/
}
.sm-blue ul a.current {
	background: #006892;
	color: white;
}
.sm-blue ul a.disabled {
	background: white;
	color: #b3b3b3;
}
.sm-blue ul a span.sub-arrow {
	top: 50%;
	margin-top: -5px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	right: 5px;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #ffffff;
}
.sm-blue > li > a:hover, .sm-blue > li > a:focus, .sm-blue > li > a:active, .sm-blue > li > a.highlighted {
	text-decoration:none;
	color: #c54f61;
}
.sm-blue ul a:hover span.sub-arrow, .sm-blue ul a:focus span.sub-arrow, .sm-blue ul a:active span.sub-arrow {
	border-color: transparent transparent transparent #ffffff;
}
.sm-blue span.scroll-up, .sm-blue span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	background: white;
	height: 20px;
}
.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 8px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #1a1a1a transparent;
}
.sm-blue span.scroll-down-arrow {
	top: 6px;
	border-style: solid dashed dashed dashed;
	border-color: #1a1a1a transparent transparent transparent;
}
.sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-rtl ul a span.sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-vertical a {
	padding: 9px 23px;
}
.sm-blue.sm-vertical a span.sub-arrow {
	top: 50%;
	margin-top: -5px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	right: 10px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #a1d1e8;
}
.sm-blue.sm-vertical ul a {
	padding: 9px 23px;
}
}

@media (max-width: 991px) {
.menu-icon {
	background: none;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 5px;
    text-align: left;
    margin: 0;
    border: 0;
    box-shadow: none;
	}
.menu-icon:hover {
	background: none;
	}
.sm-blue ul li > ul li {
    background: #f7e8b1;
}
.sm-blue ul li > ul li a {
    padding-left: 30px;
    background: #000;
}

.sm-blue ul a {
	background: #5a8896;
    color: #fff;
    padding-left: 20px;
}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
    color: #fff;
    text-decoration: none;
	background: #f05f78;
}
header > nav > .container {
	padding: 0;
}
.sm-blue a {
	padding: 12px 10px;
	border-bottom: 1px solid #fff;
    color: #fff;
	height:auto;
}
.affix-body {
	overflow: hidden;
}
.affix-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
    /*background: #385158;*/
    z-index: 2;
}
.affix-nav-list {
	position: fixed;
    top: 64px;
    bottom: 0;
    left: 0px;
    right: 0px;    
    overflow-x: hidden;
    overflow-y: auto;
    background: #385158;
	width: 40%;
}
}


@media (max-width: 768px) {
.affix-nav, .affix-nav-list {
   width: 300px;
	}	
	
	
}