/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;}
.sf-menu li {
	position: relative;}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;}
.sf-menu > li {
	float: left;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;}

.sf-menu a {
	display: block;
	position: relative;}
.sf-menu ul ul {
	top: 0;
	left: 100%;}

.sf-float
{
	float:left;
	width:110px;}

.menusp
{
	float:left; padding-top:15px; padding-left:4px;}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 0.1em;}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for ie7, see white-space comment below */
	z-index: 9999;
	background-color:#fff;
	background-color:rgba(0,0,0,0.5);
	filter:Alpha(opacity=100);}
.sf-menu a {
	border-left: 0px solid #dd5050;
	border-top: 1px solid #a0a0a0; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: 1.0em 1.0em;
	text-decoration:none;
	z-index: 9903;
	zoom: 1;}
.sf-menu a {
	color:#ffffff;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	font-family:'Microsoft YaHei','微软雅黑';
	font-weight:bold;}
.sf-menu li 
{
	color:#fff;
	white-space: nowrap; /* no need for supersubs plugin */
	*white-space: normal; /* ...unless you support ie7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;}
.sf-menu ul li 
{
	background-color:#a90909;
	text-align:left;
	font-size:12px;}

.sf-menu ul ul li {
	background: #a01010;
	text-align:left;}

.sf-menu ul li a
{
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:normal;}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background:#1f50a9;	background:#f11019;	
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;}

.sf-menu li:hover>a
{
	color:#fff;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1.00em;
	min-width:		1px;}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.45em;
	top:			1.2em; /* ie6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.jpg) no-repeat -10px -100px;}
a > .sf-sub-indicator {  /* give all except ie6 the correct values */
	top:			1.2em;
	background-position: 0 -100px;}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px;}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(shadow.jpg) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {
	background: transparent;}