/*font*/
body {
    font: 100% 新細明體,標楷體,Arial;
    margin: 0px;
    color: #000;
    width: 100%;
}

a:link,a:visited {
	text-decoration:none;
}

#menu1
{
	margin:0em;
}

#menu1 ol,#menu1 ul
{
	font-size:100%;
	margin:0;
	padding:4p;
}

#menu1 li.mainmenu{
	background: #27408B;
	color:white;
	float:left;
	list-style:none;
	margin:0px 4px 0px 0px;
	padding:2px 6px;
	position: relative;
	width:8em; //修改選單寬度，1em約一個字寬
	border:0;
}

#menu1 li.submenu {
	list-style:none;
	margin:0px;
	padding:0em 1em;
	position: relative;
	background-color: #4A708B;
}

#menu1 li.submenu > span.arrow,
#menu1 li.mainmenu > span.arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 4px;
    right: 5px;
    background: url('../img/arrow.png') no-repeat right;
    border: none;
    padding: 0;
    margin: 0;
}

#menu1 ul {
	padding:0px;
	margin:0px;
	width:10em;
	background:#FFF;
	border:#AAA 0px solid;
}

/*Items of submenu*/
#menu1 li {
	list-style:none;
	margin:0px;
	padding:0em 10px;
	text-decoration:none;
	background: #4A708B;
	color:yellow;
}

#menu1 li:hover {
   background: #7D0541 ;
   color:gold;
   cursor: pointer;
}

#menu1 ul.level1 {
	color:#000;
	display:none;
	position:absolute;
	left:0em;
	top:1.2em;
}

#menu1 ul.level2,
#menu1 ul.level3,
#menu1 ul.level4,
#menu1 ul.level5
{
	display:none;
	position:absolute;
	left:150px;
	top:0em;
	margin:0;
}

#menu1 li.mainmenu:hover ul.level1,
#menu1 ul.level1 li.submenu:hover ul.level2,
#menu1 ul.level2 li.submenu:hover ul.level3,
#menu1 ul.level3 li.submenu:hover ul.level4
{
	display:block;
}

#menu1 ul.level1 li,
#menu1 ul.level2 li,
#menu1 ul.level3 li,
#menu1 ul.level4 li,
#menu ul.level5 li
{
	padding:2px 6px;
	margin:0px 2px -4px 2px;
}

#menu1 ol {
	margin: -1px 0px 0px 0px;
	padding:5px 2px;
	height: 24px;
	width:100%;
	background: #1589FF;
}

#menu1 ul.level1,
#menu1 ul.level2,
#menu1 ul.level3,
#menu1 ul.level4,
#menu1 ul.level5 {
	color:#000;
	width:150px;
	background:silver;
}