.header .nav {
	position:relative;
	/* float: right; */
	z-index:602;
	padding-top: 5px;
	text-align: right;
}
.header .nav:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}
.header .nav-menu { margin:0; padding:0; font-size:16px; font-size:1.4rem; display: inline-block; vertical-align: middle; }
.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 {
	float: left;
	padding:0 10px;
	border-left: 1px solid #dddddd;
	line-height: 1.2;
	color: #FFF;
	-webkit-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
}
/* .header .nav-menu.other > li:first-child { border-left: none; } */
.header .nav-menu.other > li:last-child { padding-left: 1px; padding-right:0; }

.header .nav-menu > li a { padding-bottom: 0; }
.header .nav-menu > li a:link { color:#FFFFFF; }
.header .nav-menu > li a:visited { color:#FFFFFF; }
.header .nav-menu > li a:hover { color:#333333; }
.header .nav-menu > li a:active { color:#FFFFFF; }

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

/* .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:#000000; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:visited { color:#000000; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:hover { color:#000000; }
.header .nav-menu ul.nav-sub-menu > li.current-menu-item > a:active { color:#000000; }

/* 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: #cccccc;
}
.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: #0191de; }
.header .nav-menu ul.nav-sub-menu > li > a:active { color: #0191de; }


/* 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%;
}
/*select*/
.header .nav-menu select {
	border: none;
	background: transparent;
	color: #eee;
	line-height: 20px;
	align-items: flex-end;
	font-size: 1.4rem;
}
/*login out*/
.header .nav-menu > li a.user{
	display: inline-block;
	/* color: #0191de; */
	/* text-decoration:underline; */
	margin-right: 15px;
	position: relative;
}

.header .nav-menu > li a.user:after{
	clear: both;
    content: '';
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.1px 3.5px 0 3.5px;
	border-color: #ffffff transparent transparent transparent;
	position: relative;
    top: 12px;
    left: 2px;

}
.header .nav-menu > li a.registerNav{
	position: relative;
}

.header .nav-menu > li a.registerNav:after{
	clear: both;
	display: inline-block;
    content: '';
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.1px 3.5px 0 3.5px;
	border-color: #ffffff transparent transparent transparent;
	position: relative;
    top: -1px;
    right: 0px;
    margin-left: 3px;

}
.header .nav-menu .user:hover + .userbox,.header .nav-menu .registerNav:hover + .registerbox{
	visibility: visible;
}
.header .nav-menu .userbox,.header .nav-menu .registerbox{
	visibility: hidden;
	position: absolute;
	z-index: 999;
}
.header .nav-menu > li .registerbox a {
	padding: 8px 10px;
	background: #333333;
}
.header .nav-menu > li .registerbox a:link { color:#ffffff; }
.header .nav-menu > li .registerbox a:visited { color:#ffffff; }
.header .nav-menu > li .registerbox a:hover { color:#ffffff; background: #928c86; }
.header .nav-menu > li .registerbox a:active { color:#ffffff; }
.header .nav-menu .userbox:hover,.header .nav-menu .registerbox:hover{
	visibility: visible;
}
.header .nav-menu > li a.logout{
	display: inline-block;
}

/* carrie 20171101 */
.langBox {
	height: 16px;
	overflow: initial;
}
.langBox select:focus {
	outline: none;
}

/*
==============================================
   responsive
==============================================
*/
@media screen and (min-width : 1136px) {
}
@media screen and (max-width : 1023px) {
}
@media screen and (max-width : 800px) {
	.header .nav { 
		float: none;    
		z-index: inherit;
		text-align: left;
    }
    .header .nav-menu {
    	display: block;
    	font-size: 16px;
    }
    .header .nav-menu > li {
    	float: none;
    	padding: 0;
    	border: none;
    }
    .header .nav-menu a {
		white-space: normal;
		line-height: 1.35;
	}
    .social-icon {
    	float: none;
    	display: block;
    	padding: 20px;
    }
    .header-search, .header-search.index-search {
	    float: none;
	    display: block;
	    padding: 20px;
	    margin: 0 auto;
	    position: relative;
	    right: auto;
    }
    .header .nav-menu > li a {
    	padding: 20px;
    }
    .header .nav-menu.other > li:last-child {
    	padding: 20px;
    }
    .header .nav-menu .userbox, .header .nav-menu .registerbox {
    	position: relative;
    	height: 0;
    }
    .header .nav-menu .user:hover + .userbox, .header .nav-menu .registerNav:hover + .registerbox {
    	height: auto;
    }
    .header .nav-menu select {
    	font-size: 16px;
    }

    .header .nav-menu.other > li {
    	padding: 20px;
    }
    .header .nav-menu.other > li > a {
    	padding: 0;
    	margin: 0;
    	display: block;
    }
    .header .nav-menu.other > li a {
    	padding: 0;
    }
    .header .nav-menu.other > li a.user ~ .userbox > a {
    	padding: 10px 0;
    }
}
@media screen and (max-width : 800px) {

}
@media screen and (max-width : 680px) {
	/* .header .nav { padding-left: 0; text-align: center; }
	.header .nav-menu > li { padding:0 10px; margin: 0 0 10px;}
	.header .nav-menu > li:first-child { padding-left:0; }
	.header .nav-menu > li:last-child { padding-right:0; } */
	.social-icon {
		padding: 0;
	}
	.header.active .social-icon {
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
	}
}
@media screen and (max-width : 320px) {
}