@charset "utf-8";
.fixed {
	position: fixed !important;
	top: 0;
	z-index: 999;
}
#topmenu {
	vertical-align: bottom;
}
#topmenu-nav {
	z-index: 50;
	width: 100%;
	position: absolute;
}
#topmenu-nav ul, #topmenu-nav li {
	padding: 0 0;
	margin: 0 0;
	text-align: center;
}
#topmenu-nav ul {
	background: rgba(0,0,0,0.72);
	padding: 15px 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
#topmenu-nav li {
	display: inline-block;
}
#topmenu-nav li a {
	padding: 0 25px;
	color: #999;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	font-family: '微軟正黑體', 'PTSansNarrowRegular', '新細明體', 'Arial Unicode MS', Arial, Helvetica, sans-serif !important;
}
#topmenu-nav ul li.active {
	border-bottom: 2px solid #ec11ff;
}
#topmenu-nav ul li.active a {
	color: #ec11ff;
}
#topmenu-nav li a:hover {
	color: #ec11ff;
	border: 0px;
}
#topmenu .top-title {
	position: absolute;
	top: 25%;
}
#topmenu #topbanner {
	margin-bottom: -50px;
}
#topmenu h1 {
	text-align: center;
	font-weight: bold;
}
@media (max-width: 1280px) {

#topmenu-nav ul {
 padding: 3px 0px;
 margin-top: 0px;
}
#topmenu #box-5 img {
 width: 90%;
 margin: 0 auto;
}
#topmenu-nav li a {
 padding: 0 15px;
 font-size: 1em;
}
}

@media (min-width: 1280px) {
#topmenu .container {
	width: 1200px;
}
}

@media (min-width: 1366px) {
#topmenu .container {
	width: 1300px;
}
}

@media (min-width: 1600px) {
#topmenu .container {
	width: 1580px;
}
}