@charset "utf-8";
/*----    Header    ----*/
header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:72px;
	z-index:10;
/*	opacity:0.5;*/
	background-color:black;
/*	font-family:Arial,"微軟正黑體";*/
	font-family:Microsoft JhengHei,Arial;
	box-shadow:0px 3px 6px 1px rgba(20%,20%,30%,0.45),0px 1px 1px rgba(20%,20%,30%,0.3);
}
header .container{
	min-width:1280px;
	max-width:1280px;
/*	height:100%;*/
	margin:0px auto;
}
#logo{
	width:122px;
	height:21px;
	margin-top:28px;
	margin-left:5.859375%;
	cursor:pointer;
	float:left;
	background: url(../../images/navSprites.png) 0px -314px no-repeat;
}
.mainNav {
	position:relative;
	top:15px;
	margin-left:26.71875%;
	list-style:none;
	text-align:center;
}
.mainNav >li{
	box-sizing:border-box;
	width:136px;
	height:45px;
	line-height:45px;
	font-size:1.375em;
	font-weight:500;
	letter-spacing:0.16em;
	color:white;
	cursor:pointer;
	float:left;
}
.bottomNavBar{
	position:relative;
	top:12px;
	left:-2px;
	width:100%;
	height:0px;
}
.mainNav li:first-child .bottomNavBar{
	background-color:#56acf9;
}
.mainNav li:nth-child(2) .bottomNavBar{
	background-color:#a3e660;
}
.mainNav li:nth-child(3) .bottomNavBar{
	background-color:#d2a9ff;
}
.mainNav li:last-child .bottomNavBar{
	background-color:#f7ef58;
}
.subMenu{
	position: relative;
	top:8px;
	left:-2px;
	display: none;
	opacity:0;
}
.subMenu li{
	display:block;
	width:136px;
	height:50px;
	background-image: url(../../images/navSprites.png);
}
.mainNav li:nth-child(1) li:nth-child(1){
	background-position:0px 0px;
}
.mainNav li:nth-child(1) li:nth-child(1):hover{
	background-position:-136px 0px;
}
.mainNav li:nth-child(1) li:nth-child(2){
	background-position:0px -50px;
}
.mainNav li:nth-child(1) li:nth-child(2):hover{
	background-position:-136px -50px;
}
.mainNav li:nth-child(1) li:nth-child(3){
	background-position:0px -100px;
}
.mainNav li:nth-child(1) li:nth-child(3):hover{
	background-position:-136px -100px;
}
.mainNav li:nth-child(2) li:nth-child(1){
	background-position:0px -150px;
}
.mainNav li:nth-child(2) li:nth-child(1):hover{
	background-position:-136px -150px;
}
.mainNav li:nth-child(2) li:nth-child(2){
	background-position:0px -200px;
}
.mainNav li:nth-child(2) li:nth-child(2):hover{
	background-position:-136px -200px;
}
.mainNav li:nth-child(2) li:nth-child(3){
	background-position:0px -250px;
}
.mainNav li:nth-child(2) li:nth-child(3):hover{
	background-position:-136px -250px;
}
#officialNav{
	margin-top:17px;
	margin-left:8.125%;
	height:35px;
	float:left;
}
#officialNav li{
	display:inline-block;
	width:120px;
	letter-spacing:0.08em;
	list-style:none;
	line-height:35px;
/*	text-align:center;*/
	font-size:0.8em;
	font-weight:500;
	color:white;
	cursor:pointer;
	float:right;
}
#officialNav li:first-letter{
	position:relative;
	top:-3px;
	font-size:1.4em;
	line-height:40px;
}
#officialNav li:last-child{
/*	margin-left:-0.5em;*/
}