/* 共用設定 */
.pc_browser {
	display: block;
}

.mobile_browser {
	display: none;
}

.menubar {
background-color: #545E56;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.menubar ul {list-style: none;}
.menubar, .menubar ul, .menubar li, .menubar a {
	margin: 0;
	padding: 0;
}

.menubar ul a {
	display: block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	text-decoration:none;
	color: #fff;
	font-family: arial, 微軟正黑體;
	cursor: pointer;
	font-size: 1.2em;
}

/* 共用：1, 2, 3 層 LI，宣告定位 */
.menubar li {
	display: block;
	position: relative;
}

/* 共用：2, 3 層 UL，宣告定位，2 對 1，3 對 2 */
.menubarlv1 ul {
	position: absolute;
	display: none;
	}

/* ********************************************** */
/* 第一層 UL */
.menubar .menubarlv1 {
	/* background-color: #6d6d6d; */
	display: inline-block;
	/* height: 38px; */
}

/* 第一層 LI */
.menubar .menubarlv1 > li {
	float: left;	
	font-weight: bold;
}

/* 第一層 A */
.menubar .menubarlv1 > li > a {
	padding:0.3em 0.6em;
}
/* 移到第一層的 LI，LI 所顯示的效果 */
.menubar .menubarlv1 > li:hover, .menubar .menubarlv1 > li:active {
	background: #3190d7;
	border-top: 3px solid #3190d7;
	margin-top: -3px;
	border-radius: 3px 3px 0 0;
	z-index:98;
}
/* 觸發第一層的 LI 顯示第二層 UL */
.menubar .menubarlv1 > li:hover .menubarlv2 {
	display: block !important;
}
/* ********************************************** */
/* 第二層 UL */
.menubar .menubarlv2 {
	background: #3190d7;
	padding: 5px 0;
	text-align: left;
    z-index: 100;
    position: absolute;
}
/* 第二層 LI */
.menubarlv2 li {width: 180px; padding: 0 6px;}

/* 第二層 A */
.menubarlv2 a {
    border: 1px solid #3190d7;
    padding: 0 3px;
}

/* 移到第二層的 LI，LI 所顯示的效果 */
.menubarlv2 a:hover {
	background: #009900;
	border: 1px solid #fff;
	border-radius: 3px;
	z-index:99;
	height: 32px;
    line-height: 32px;
}


/* ********************************************** */
/* 修正IE7絕對定位差異 */
*:first-child+html .menubar ul li ul {
	margin-top:0;
}
/* 修正IE6絕對定位差異 */
* html .menubar ul li ul {
	margin-top:0;
}
/* 修正IE7絕對定位差異 */
*:first-child+html .menubar ul li ul li ul {
	margin-top:-32px;
}


#navPanel .link.depth-0 {
    color: #fff;
    font-weight: 800;
    font-size: 1.5em;
    }
#navPanel .link {
    font-size: 1.2em;
    color: #fff;
    font-weight: 400;
}