.header .nav {
	position:relative;
	float: right;
	z-index:601;
}
.header .nav:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}
.header .nav-menu { margin:0; padding:0; font-size:12px; font-family: 'Verdana', 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.header .nav-menu, 
.header .nav-menu ul, 
.header-shrink-nav-menu li { list-style:none; margin:0; padding:0; }
.header .nav-menu a { display:block; white-space:nowrap; }
.header .nav-menu li { position:relative; }

/* level 1 */
.header .nav-menu > li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-left: 9px;
	-webkit-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
}
.header .nav-menu > li a { padding-bottom: 6px; }
.header .nav-menu > li a:link { color:#878787; }
.header .nav-menu > li a:visited { color:#878787; }
.header .nav-menu > li a:hover { color:#b0a377; }
.header .nav-menu > li a:active { color:#b0a377; }

/* 當前選項 */
.header .nav-menu > li.current-menu-item > a:link { color:#b0a377; }
.header .nav-menu > li.current-menu-item > a:visited { color:#b0a377; }
.header .nav-menu > li.current-menu-item > a:hover { color:#b0a377; }
.header .nav-menu > li.current-menu-item > a:active { color:#b0a377; }

.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a { background:#cccccc; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:link { color:#ffffff; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:visited { color:#ffffff; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:hover { color:#ffffff; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:active { color:#ffffff; }

/* MENU > DROPDOWN */
.header .nav-menu ul.nav-sub-menu {
	min-width: 100%; 
	display:none;
	left:0px;
	top:100%;
	position:absolute;
	z-index:200;
	text-align:center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.header .nav-menu ul.nav-sub-menu > li {
	zoom: 1;
	z-index: 200;
}
.header .nav-menu ul.nav-sub-menu > li > a {
	padding: 7px 16px;
	background: #ffffff;
}
.header .nav-menu ul.nav-sub-menu > li > a:link { color: #C1C1C1; }
.header .nav-menu ul.nav-sub-menu > li > a:visited { color: #C1C1C1; }
.header .nav-menu ul.nav-sub-menu > li > a:hover { color: #b0a377; }
.header .nav-menu ul.nav-sub-menu > li > a:active { color: #b0a377; }

/* last-child ul */
.header .nav .nav-menu > li:last-child ul.nav-sub-menu { 
	left: auto;
	right: 0;
}

/* level 3+ */
.header .nav-menu ul.nav-sub-menu ul.nav-sub-menu {
	left: 100%;
	top: 20%;
}
.header .nav .nav-menu > li:last-child ul.nav-sub-menu ul.nav-sub-menu {
	left: auto;
	right: 100%;
}


/*
==============================================
   responsive
==============================================
*/
@media screen and (min-width : 1136px) {
}
@media screen and (max-width : 1023px) {
}
@media screen and (max-width : 979px) {
	.header .nav { width: 100%; text-align: left; }
	.header .nav-menu { font-size: 16px; }
	.header .nav-menu a { white-space:normal; }
	.header .nav-menu li { border-bottom: 1px solid #333333; }
	.header .nav-menu > li a:link { color:#d8d8d8; }
	.header .nav-menu > li a:visited { color:#d8d8d8; }
	.header .nav-menu > li a:hover { color:#d8d8d8; }
	.header .nav-menu > li a:active { color:#d8d8d8; }
	.header .nav-menu > li { line-height: 1; display: block; margin-left: 0; padding: 14px 0; margin: 0 30px; }
	.header .nav-menu > li a { padding: 0; }
	.header .nav-menu ul.nav-sub-menu {
		position: relative;
		box-shadow: none;
		text-align: left;
	}
	.header .nav-menu ul.nav-sub-menu > li {
		border-bottom: none;
	}
	.header .nav-menu ul.nav-sub-menu > li > a {
		padding: 17px 0px 12px 15px;
		background: transparent;
	}
	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a { background: transparent; }
	.header .nav .nav-menu > li:last-child ul.nav-sub-menu ul.nav-sub-menu { right: 0; }
	.header .nav-menu ul.nav-sub-menu ul.nav-sub-menu > li > a { padding: 7px 0px 7px 24px; }

	.header .nav-menu > li.current-menu-item > a:link { color:#b0a377; }
	.header .nav-menu > li.current-menu-item > a:visited { color:#b0a377; }
	.header .nav-menu > li.current-menu-item > a:hover { color:#b0a377; }
	.header .nav-menu > li.current-menu-item > a:active { color:#b0a377; }

	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a { background: transparent; }
	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:link { color:#b0a377; }
	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:visited { color:#b0a377; }
	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:hover { color:#b0a377; }
	.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:active { color:#b0a377; }
}
@media screen and (max-width : 800px) {
}
@media screen and (max-width : 680px) {
}
@media screen and (max-width : 320px) {
}