/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu{
	height:40px;
	background:url(../images/menu-separate.png) no-repeat 100% 100%;
	background-size:2px auto;
}
	.sf-menu > li{
		background:url(../images/menu-separate.png) no-repeat 0 100%;
		background-size:2px auto;
		/* display:inline-block; */
		float:left;
		vertical-align:top;
		position:relative;
	}
	.sf-menu li{
		-webkit-transition:background .2s;
		transition:background .2s;
	}
	.sf-menu li:hover,
	.sf-menu li.sfHover{
		-webkit-transition:none;
		transition:none;
	}
		.sf-menu a{
			display:block;
			position:relative;
			text-decoration:none;
			zoom:1; /* IE7 */
			color:#fff;
			font-family:Arial, "微軟正黑體", Helvetica, sans-serif;
			font-weight:700;
		}
		.sf-menu li .menulink{
			display:block;
			color:#fff;
			font-size:18px; font-weight:400;
			line-height:40px;
			padding:0 19px;
			position:relative;
		}
		.sf-menu li .menulink:hover{
			background:url(../images/menu-hover.png) repeat-x 0 100%;
			background-size:100% 40px;
		}
		.sf-menu > li:last-of-type .menulink{
			padding:0 22px;
		}
	.sf-menu ul{
		background:#1851a4;
		box-shadow:0 1px 5px rgba(0,0,0,.3);
		min-width:100%;
		position:absolute; top:100%; left:0; z-index:10;
		white-space:nowrap;
		display:none;
	}
		.sf-menu ul li{
			float:none;
			font-size:13px;
			border-bottom:1px solid #11448e; border-top:1px solid #2c65b9;
			position:relative;
		}
			.sf-menu ul a{
				line-height:18px;
				padding:8px 8px;
			}
			.sf-menu ul a:hover{
				background-color:#0f3a78; 
				color:#fff;
			}
		.sf-menu li:hover > ul,
		.sf-menu li.sfHover > ul{
			display:block;
		}
			.sf-menu ul ul{
				top:-1px;
				left:100%;
			}
				.sf-menu ul ul li{
					float:none;
				}
					.sf-menu ul .sub{
						background:url(../images/nav-arrow.png) 95% center no-repeat;
					}
					.sf-menu ul .sub:hover{
						background:url(../images/nav-arrow-hover.png) 95% center no-repeat #0f3a78;
					}