HEADER#masthead{
	position:relative;
	z-index:999;
}

UL#menu-primary-menu{
	font-size:0;
	text-align:center;
	padding:5px 0;
	border-top:none;
	position:relative;
}

UL#menu-primary-menu::BEFORE{
	content:'';
	position:absolute;
	width:80%;
	height:1px;
	max-width:960px;
	top:0;
	left:50%;

	margin-left:-25%;

	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background:linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

UL#menu-primary-menu LI{
	margin:0;
}

UL#menu-primary-menu > LI{
	display:inline-block;
	padding:5px 10px;
	margin:5px 0;
	border-right:dotted 1px #999;
}

UL#menu-primary-menu > LI:LAST-CHILD{
	border-right:none;
}

UL#menu-primary-menu A{
	line-height:100%;
	font-size:14px;
	padding:10px;
	position:relative;
}

UL#menu-primary-menu > LI > A{
	padding:0 0 1px;
	font-weight:400;
	display:block;
	text-decoration:none;
	position:relative;
	color:#999;
}

UL#menu-primary-menu > LI.current-menu-item > A, 
UL#menu-primary-menu > LI:HOVER > A, 
UL#menu-primary-menu > LI > A:HOVER{
	color:#000;
}

UL#menu-primary-menu > LI.current-menu-item > A{
	cursor:default;
}

UL#menu-primary-menu > LI.current-menu-item > A::BEFORE, 
UL#menu-primary-menu > LI:HOVER > A::BEFORE, 
UL#menu-primary-menu > LI > A:HOVER::BEFORE{
	position:absolute;
	width:100%;
	height:3px;
	left:0;
	bottom:-5px;
	background:#333;
	content:'';
}

UL.sub-menu > LI.menu-item-has-children:HOVER > A{
	
}

UL.sub-menu > LI.menu-item-has-children > A::AFTER{
	top:13px;
}























@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2){

	HEADER#masthead > DIV.site-branding{
		box-sizing:border-box;
	}

	UL#menu-primary-menu::BEFORE{
		/* width:50%; */
		margin-left:-40%;
	}
	
}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: portrait){

	/*===Override Tinyforge default for iPad Portrait===*/
	.main-navigation .menu-toggle, 
	.main-navigation.toggled .nav-menu{
		display:none;
	}

	.main-navigation ul{
		display:inline-block;
		width:100%;
	}

	.main-navigation li ul{
		margin:0;
		padding:0;
		position:absolute;
		top:100%;
		z-index:100;
		height:1px;
		width:1px;
		overflow:hidden;
		clip:rect(1px, 1px, 1px, 1px);
	}

	.main-navigation ul li:hover > ul, 
	.main-navigation ul li:focus > ul, 
	.main-navigation .focus > ul{
		border-left:0;
		clip:inherit;
		overflow:inherit;
		height:inherit;
		width:inherit;
	}

	.main-navigation ul.nav-menu ul.sub-menu{
		text-align:left;
	}

	.main-navigation ul.nav-menu ul.sub-menu li{
		-webkit-box-shadow:3px 3px 5px rgba(100, 100, 100, 0.3);
		-moz-box-shadow:3px 3px 5px rgba(100, 100, 100, 0.3);
		box-shadow:3px 3px 5px rgba(100, 100, 100, 0.3);
	}

	.main-navigation ul li ul li, 
	.main-navigation ul li ul li ul li{
		border-bottom:solid 1px #CCC;
	}

	.main-navigation li{
		font-size:12px;
		font-size:0.857142857rem;
		line-height:1.42857143;
		position:relative;
	}

	.main-navigation li a{
		color:#6A6A6A;
	}

	.main-navigation li a, 
	.main-navigation li{
		display:inline-block;
		text-decoration:none;
	}

	.main-navigation li ul ul{
		top:0;
		left:100%;
	}

	.main-navigation li ul li a{
		background:#EFEFEF;
		border-bottom:solid 1px #EDEDED;
		display:block;
		width:180px;
		width:12.85714286rem;
		white-space:normal;
	}
	/*===Override Tinyforge default for iPad Portrait===*/

}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: landscape){
	
}

@media only screen 
and (min-width: 320px) 
and (max-width: 736px){

	.site-header H1.menu-toggle{
		border-radius:unset;
		font:18px/100% 'raleway-regular-webfont', '微軟正黑體', 'Microsoft-JhengHei';
	}

	.site-header H1.menu-toggle::BEFORE{
		content:'';
		display:none;
	}

	.site-header H1.menu-toggle > SPAN{
		position:relative;
		margin-left:30px;
	}

	.site-header H1.menu-toggle > SPAN::BEFORE{
		content:'\2261';
		position:absolute;
		font-size:32px;
		left:-30px;
	}

	.menu-toggle:ACTIVE{
		box-shadow:none;
	}

	DIV.menu-primary-menu-container{
		position:absolute;
		width:100%;
	}

	UL#menu-primary-menu{
		padding:0;
	}

	UL#menu-primary-menu::BEFORE{
		background:none;
		width:auto;
	}

	UL#menu-primary-menu > LI{
		display:block;
		padding:0;
		margin:0;
		border:none;
		background:#CCC;
	}

	UL#menu-primary-menu > LI A{
		padding:15px 0;
		background:none;
		color:#666;
		font-size:18px;
	}

	UL#menu-primary-menu > LI.current_page_item > A, 
	UL#menu-primary-menu > LI.current-menu-item > A{
		
	}

	UL#menu-primary-menu > LI.current_page_item > A::BEFORE, 
	UL#menu-primary-menu > LI.current-menu-item > A::BEFORE, 
	UL#menu-primary-menu > LI:HOVER > A::BEFORE{
		width:0;
		height:0;
		background:none;
		bottom:0;
	}

	UL#menu-primary-menu > LI.current-menu-item > A{
		color:#333;
	}

	UL#menu-primary-menu > LI:HOVER > A, 
	UL#menu-primary-menu > LI > A:HOVER{
		/* color:#FFF; */
	}

	UL#menu-primary-menu UL.sub-menu{
		display:none;
	}

	UL#menu-primary-menu UL.sub-menu A{
		color:#FFF;
	}

	UL#menu-primary-menu > LI > UL.sub-menu{
		background:rgba(0, 0, 0, 0.3);
		box-shadow:inset 1px 1px 5px rgba(0, 0, 0, 0.35);
	}

	UL#menu-primary-menu LI[data-expend="tfc-expend-submenu"] > UL.sub-menu{
		display:block;
	}

	UL.sub-menu > LI.menu-item-has-children > A::AFTER{
		content:'';
	}

	UL#menu-primary-menu > LI > UL.sub-menu UL.sub-menu > LI{
		background:rgba(0, 0, 0, 0.3);
	}

}

@media only screen 
and (min-width: 320px) 
and (max-width: 736px) 
and (orientation: portrait){
	
}

@media only screen 
and (min-width: 320px) 
and (max-width: 736px) 
and (orientation: landscape){
	
}