* {
  margin: 0;
  padding: 0;
}


#content{	
	width:1200px;
	height:800px;
	border-style: solid;
    border-color: #f5f5f5;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

ul {
  background: #ffc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap; /* 避免文字換行 */
}

ul li {
  position: relative; /* 使子選單依照母選單的座標顯示 */
  list-style-type: none;
}

/* 設定母選單的連結樣式 */
ul li a {
  text-decoration: none;
  color: #000;
  padding: 10px 20px;
  display: block;
  background: url(./images/detail.png) bottom right no-repeat;
}

body {
  font: 300 14px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  background: #f5f5f5;
}

nav > ul > li {
  display: inline-block; /* 使一級選單排成一橫列 */
}

/* 二級選單顯示於一級選單的正下方 */
ul ul {
  position: absolute;
  top: 100%;
  left:20%;
  list-style: none;
  background: #ffc;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

/* 三級選單則顯示於二級選單的右方 */
ul ul ul {
  position: absolute;
  left: 100%;
  top:20%;
}

ul li:hover > ul {
  display: block; /* 滑鼠滑入母選單後，顯示子選單 */
}

/* 當母選單下沒有子選單時，也就是說只有一個連結時，隱藏detail.png */
ul li a:only-child {
  background: none;
}

ul li:hover {
  background: #777;
}
/* 文字為白色 */
ul li:hover > a {
  color: #fff;
}

iframe {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);	
	background-color: #ccffff;
	margin-top: 30px;
	margin-left: 30px;	  
}

footer {
background-color: #000099;
color: white;
padding-left: 50px;
padding-top: 2px;
padding-bottom: 2px;
width: 1350px;
text-align: center;
}