/* =========================================
   Header Menu
   ========================================= */
#main-nav .parent>a {
	font-family: 'LatoWebMedium';
	font-size:1rem;
}
#main-nav .family>a {
	font-family: 'LatoWebMedium';
	font-size:0.875rem;
}
#main-nav .child>a {
	font-family: 'LatoWebLight';
	font-size:0.875rem;
}
#main-nav .child>a:hover {
	font-family: 'LatoWebMedium';
}
#nav-tip {
	display:none;
	position:absolute;
	z-index:2000;
}
#nav-tip .tip {
	display:none;
}

/* 中等屏幕动态头部导航 */
@media only screen and (min-width: 768px) {
	#header {
		height: 8.125rem;
	}
}
/* 大型屏幕动态头部导航 */
@media only screen and (min-width:991px) {
	#header {
		height: 5rem;
	}
}
@media only screen and (min-width: 768px) {
	#header {
		width: 100%;
		padding: 0.9375rem 0;
		background: #fff;
	}
	#main-nav {
		position:relative;
		z-index:1000;
		margin:0;
		padding:0;
		margin-right:-0.25rem;
	}
	#main-nav .large-header-logo {
		float:left;
	}
	#main-nav .large-header-logo img {
		height:3.125rem;
	}
	#main-nav a {
		color:#333;
	}
	#main-nav .family > a {
		text-transform:uppercase;
		cursor:default;
	}
	#main-nav .family > a:hover {
		color:#333;
	}
	#main-nav ul {
		margin-left:0!important;
		display:block!important;
		list-style:none;
	}
	#main-nav ul li {
		position:relative;
		float:left;
	}
	#main-nav ul li a {
		text-align:left;
		display:block;
		padding:1rem 1.5rem;
	}
	#main-nav ul li a:hover,
	#main-nav>ul>li:hover>a {
		color:#008080;
	}
	#main-nav ul li ul li a {
		text-align:left
	}
	#main-nav>ul {
		position:relative;
		float:right;
		height:3.125rem;
		margin:0;
		background-color:#fff;
		z-index:1000;
	}
	#main-nav>ul>li {
		position:relative;
		display:block;
	}
	#main-nav>ul>li>a {
		height:3.125rem;
		width:100%;
		padding:1rem 2rem 1.6rem 2rem;
		text-align:left;
		display:table;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
	}
	#main-nav>ul>li>a>span {
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}
	#main-nav>ul>li a {
		-webkit-transition:background-color .25s ease-in-out;
		-moz-transition:background-color .25s ease-in-out;
		-o-transition:background-color .25s ease-in-out;
		transition:background-color .25s ease-in-out
	}
	#main-nav>ul>li>ul {
		opacity:0;
		background:#e4e4e4;
		-webkit-transition:opacity .25s ease-in-out;
		-moz-transition:opacity .25s ease-in-out;
		-o-transition:opacity .25s ease-in-out;
		transition:opacity .25s ease-in-out;
	}	
	#main-nav>ul>li:hover>ul {
		opacity:1;
	}
	#main-nav>ul>li>ul>li>a {
		/*font-weight:700*/
	}
	#main-nav>ul>li>ul>li a {
		padding:.25rem;
	}
	#main-nav>ul>li>ul {
		/*overflow:hidden*/
	}
	#main-nav>ul>li>ul {
		position:absolute;
		left:-9999rem;
		padding:.5rem;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
	}
	#main-nav>ul>li:hover>ul {
		left:0.625rem;
	}
	#main-nav>ul>li>ul>li {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-khtml-box-sizing:border-box;
		padding:0.1rem 0.5rem;
	}
	#main-nav>ul>li>ul>li ul li {
		width:100%;
	}
	#main-nav>ul>li.start-parent:hover>ul {
		left:-10rem;
		right:auto;
	}
	#main-nav>ul>li.end-parent:hover>ul {
		right:0;
		left:auto;
	}
	/*
	#main-nav>ul>li.columns-5>ul {
		width:46.875rem;
	}
	#main-nav>ul>li.columns-4>ul {
		width:40rem;
	}
	#main-nav>ul>li.columns-3>ul {
		width:30rem;
	}
	#main-nav>ul>li.columns-2>ul {
		width:20rem;
	}
	#main-nav>ul>li.columns-1>ul {
		width:10rem;
	}
	#main-nav>ul>li.columns-widen>ul {
		width:12.5rem;
	}
	#main-nav>ul>li.columns-5>ul>li {
		width:20%;
	}
	#main-nav>ul>li.columns-4>ul>li {
		width:25%;
	}
	#main-nav>ul>li.columns-3>ul>li {
		width:33.33%;
	}
	#main-nav>ul>li.columns-2>ul>li {
		width:50%;
	}
	#main-nav>ul>li.columns-1>ul>li {
		width:100%;
	}
	#main-nav>ul>li.columns-5>ul>li + li {
		border-left: 1px solid #fff;
		min-height:15rem;
	}
	*/
	#header .parent-products {
		width:46.875rem;
	}
	#header .children-seating {
		width:20%;
		min-height:11.5rem;
	}
	#header .children-tables {
		width:21%;
		min-height:11.5rem;
		border-left: 1px solid #fff;
	}
	#header .children-conference {
		width:20%;
		min-height:11.5rem;
		border-left: 1px solid #fff;
	}
	#header .children-workspace {
		width:22%;
		min-height:11.5rem;
		border-left: 1px solid #fff;
	}
	#header .children-custom {
		width:17%;
		min-height:11.5rem;
		border-left: 1px solid #fff;
	}
	#main-nav .parent-inspiration {
		width:12.5rem;
	}
	#main-nav .parent-resources {
		width:12.5rem;
	}
	#main-nav .parent-discover {
		width:10rem;
	}
	#header .child {
		width:100%;
	}
	#header .small-only {
		display:none;
	}
	#header .large-only {
		display:block;
	}
	#close-main-nav {
		display:none;
	}
}

/* 小型屏幕折叠头部导航 */
@media only screen and (max-width: 767px) {
	#small-header {
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:3rem;
		min-width:20rem;
		line-height:3rem;
		/* 设置背景半透明黑色 */
		background:rgba(0, 0, 0, 0.7);
		/* Google Chrome 模糊效果 */
		backdrop-filter: blur(3px);
		/* Safari for macOS & iOS 模糊效果 */
		-webkit-backdrop-filter: blur(3px);
		z-index:1000;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
	}
	#small-header-title {
		float:left;
		margin-left:1rem;
		text-align:center;
		color:#333
	}
	#small-header-logo {
		position:absolute;
		top:0;
		right:0;
		margin-top:0;
		/*margin-right:1rem;*/
		margin-right:0;
		padding:0;
		float:right;
		text-align:right;
		overflow:hidden;
	}
	#small-header-logo img{
		margin:0;
		padding:0;
		height:3rem;
		vertical-align:top;
	}
	#small-main-nav {
		width:3rem;
		float:left;
	}
	#small-main-nav-btn {
		display:block;
		width:3rem;
		height:3rem;
		color:#fff;
		cursor:pointer;
		-webkit-transition:background-color .15s ease-in-out;
		-moz-transition:background-color .15s ease-in-out;
		-o-transition:background-color .15s ease-in-out;
		transition:background-color .15s ease-in-out;
	}
	#small-main-nav-btn p {
		display: block;
		padding:0;
		font-family: 'FontAwesome';
		font-size: 1.75rem;
		line-height: 3rem;
		text-align: center;
	}
	#small-main-nav-btn p:after {
		content:'\f0c9';
	}
	#small-main-nav-btn.active {
		/*background-color:#008080;*/
	}
	#small-main-nav-btn.active p:after {
		content:'\f00d';
	}
	#header .large-header-logo {
		display:none;
	}
	/*
	#page-wrap {
		position:relative;
		left:0;
		width:100%;
		padding-top:3rem;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
		-webkit-overflow-scrolling:touch
	}
	#page-wrap.active,#page-wrap.active #small-header {
		left:15.625rem;
	}
	#page-wrap #main-nav {
		overflow-x:hidden;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
		overflow-y:auto;
		padding-bottom:0;
		top:0;
		width:15.625rem;
		height:100%;
		position:fixed;
		left:-15.625rem;
		top:0;
		background-color:#e4e4e4;
	}
	#page-wrap.active #main-nav {
		left:0
	}
	*/
	#main-nav {
		position:fixed;
		top:3rem;
		left:-15.625rem;
		width:15.625rem;
		height:100%;
		padding-bottom:0;
		color:#333;
		/* 设置背景半透明灰色 */
		background:rgba(32, 32, 32, 0.7);
		/* Google Chrome 模糊效果 */
		backdrop-filter: blur(5px);
		/* Safari for macOS & iOS 模糊效果 */
		-webkit-backdrop-filter: blur(5px);
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
		-o-transition:left .25s ease-in-out;
		transition:left .25s ease-in-out;
	}
	#main-nav.active {
		left:0
	}
	#main-nav a {
		color:#fff;
	}
	#main-nav>ul {
		-webkit-transition:margin-left .25s ease-in-out;
		-moz-transition:margin-left .25s ease-in-out;
		-o-transition:margin-left .25s ease-in-out;
		transition:margin-left .25s ease-in-out
	}
	#main-nav ul {
		position:absolute;
		top:1rem;
		width:100%;
		list-style:none;
	}
	#main-nav ul li {
		width:100%;
	}
	#main-nav ul li a {
		display:block;
		padding:0 1rem;
		height:2.5rem;
		line-height:2.5rem;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	#main-nav ul ul {
		position:absolute;
		top:0;
		left:15.625rem;
		width:15.625rem;
		display:none;
	}
	#main-nav li.parent.active ul {
		display:block
	}
	#main-nav li.parent>a:after {
		position:absolute;
		right:1rem;
		display: inline-block;
		font-family: "FontAwesome";
		content:'\f105';
		/*content:'>';*/
	}
	#main-nav ul li.small-child-nav {
		margin:0;
		padding:0;
		overflow:hidden;
		border-bottom: solid 1px #fff;
	}
	#main-nav ul li.small-child-nav>a:after {
		position:absolute;
		right:1rem;
		display: inline-block;
		font-family: "FontAwesome";
		content:'\f104';
		/*content:'<';*/
	}
	#main-nav>ul>li>a {
		/*
		font-family: 'LatoWebMedium';
		font-size:1rem;
		*/
	}
	#header .small-only {
		display:block;
	}
	#header .large-only {
		display:none;
	}
	#close-main-nav {
		position:fixed;
		top:3rem;   /* #main-nav top */
		left:15.625rem; /* #main-nav width */
		height:100%;
		width:100%;
		cursor:pointer;
		background:transparent;
		z-index:900;
		display:none;
	}
}