/* MENU */

#nav {
 margin: 0 auto; 
 padding: 0;
 border: 0px solid blue;
 text-align:center;
}

#nav li a, #nav li {
	display:inline;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
 padding:  1vw 6vw;
 text-decoration: none;
 color: #fff;
 font-size:4vw;/* 第一層選單*/
 background: none;
}

#nav li a:hover {
 background: none;
 color: #fff;
  font-size:4vw;/* 第一層選單*/
  font-weight:bold;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 display: block;
  margin:1vw 0;
}

#nav li ul li, #nav li ul li a {
 float: none;
 display: block;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 display: block;
 font-size:3vw;/* 第二層選單*/
 border:0px solid red;
 margin-top:2vw;
 text-align:left;
 white-space: nowrap;
}
#nav li ul li a:hover {
	font-size:3vw;/* 第二層選單*/
	font-weight:normal;
}
/* SUBSUB Menu */

#nav li ul li ul{
 display: none;
 font-size:16px;
 border:0px solid red;
 width:400px;
  left: 190px;
 top: 5px;
}
#nav li ul li ul a{
 display: inline;
 margin:0;
 padding:0 12px 0 0;
 font-size:16px;
 border:0px solid red;
 width:400px;
  left: 160px;
 top: 5px;
}
#nav li ul li ul .tp01{
 display: inline;
 margin:0;
 padding:0 12px 0 0;
 font-size:16px;/* 第三層選單*/
 border:0px solid red;
 width:400px;
 position:relative;
  left: 15px;/* 開頭距離*/
 top: 0px;/* 垂直距離*/
}
#nav li ul li ul .tp02{
 display: inline;
 margin:0;
 padding:0 12px 0 0;
 font-size:16px;/* 第三層選單*/
 border:0px solid red;
 width:400px;
 position:relative;
  left: 45px;/* 開頭距離*/
 top: 0px;/* 垂直距離*/
}
#nav li ul li:hover ul {
 width:400px;
 left: 190px;
 top: 5px;
}

#nav li ul li:hover ul a{
	display:inline;
	margin:0;
	padding:0 12px 0 0;/* 間距*/
}