body{
	font-family: 'Comic Sans Ms','微軟正黑體','Courier New';
	font-size: 14pt;
	margin: 0;
}

nav{
	border: 0px solid blue;
	width:980px;
	height:202px;
	float:left;
	margin-top:285px;
	margin-left:-620px;
	
}

nav ul.p1{
	margin:  8px 0 0 -31px;
	
}

nav ul.p1 li{
	border: 1px solid rgba(255,255,255,0);
	width: 187px;
	height:187px;
	border-radius: 100px;
	background-image:url('');
	list-style: none;
	background-image:url('../images/mkrUsEk_s.png');
}


nav ul.p1 li a{
	display: block;
	width: 160px;
	height:160px;
	border-radius: 100px;
}

nav ul.p1 li:hover{

}

nav ul.p1 li ul{
	display: none;
}

nav ul.p1 li:hover ul{
	display: block;
	position:absolute;
	margin:  -280px 0 0 537px;
	
}

nav ul.p1 li ul li{
	display: block;
	width:392px;
	height:392px;
	border-radius: 500px;
	text-align:left;
	background-image:url('../images/mkrUsEk.png');
	
}

nav ul.p2{
	margin:  -189px 0 0 227px;
}

nav ul.p2 li{
	border: 1px solid rgba(255,255,255,0);
	width: 187px;
	height:187px;
	border-radius: 100px;
	background-image:url('../images/25iMnQX_s.png');
	list-style: none;
}


nav ul.p2 li a{
	display: block;
	width: 160px;
	height:160px;
	border-radius: 100px;
}

nav ul.p2 li:hover{
}

nav ul.p2 li ul{
	display: none;
}

nav ul.p2 li:hover ul{
	display: block;
	position:absolute;
	margin:  -280px 0 0 278px;
	
}

nav ul.p2 li ul li{
	display: block;
	width:392px;
	height:392px;
	border-radius: 500px;
	text-align:left;
	background-image:url('../images/25iMnQX.png');
	
}

nav ul.p3{
	margin:  -189px 0 0 485px;
}

nav ul.p3 li{
	border: 1px solid rgba(255,255,255,0);
	width: 187px;
	height:187px;
	border-radius: 100px;
	background-image:url('../images/gtea_s.png');
	list-style: none;
}


nav ul.p3 li a{
	display: block;
	width: 160px;
	height:160px;
	border-radius: 100px;
}

nav ul.p3 li:hover{
	
}

nav ul.p3 li ul{
	display: none;
}

nav ul.p3 li:hover ul{
	display: block;
	position:absolute;
	margin:  -280px 0 0 20px;
	
}

nav ul.p3 li ul li{
	display: block;
	width:392px;
	height:392px;
	border-radius: 500px;
	text-align:left;
	background-image:url('../images/gtea.png');
	
}

nav ul.p4{
	margin:  -189px 0 0 743px;
}

nav ul.p4 li{
	border: 1px solid rgba(255,255,255,0);
	width: 187px;
	height:187px;
	border-radius: 100px;
	background-image:url('../images/yijl_s.png');
	list-style: none;
}


nav ul.p4 li a{
	display: block;
	width: 160px;
	height:160px;
	border-radius: 100px;
}

nav ul.p4 li:hover{

}

nav ul.p4 li ul{
	display: none;
}

nav ul.p4 li:hover ul{
	display: block;
	position:absolute;
	margin:  -280px 0 0 -238px;
	
}

nav ul.p4 li ul li{
	display: block;
	width:392px;
	height:392px;
	border-radius: 500px;
	text-align:left;
	background-image:url('../images/yijl.png');
	
}

.page{
	overflow: auto;
	border: 0px solid red;
}

.text{
	width:600px;
	float:left;
	margin: 20px 0px 0 20px;
	border-radius: 0 0 30px 30px;
	border: 0px solid red;
	padding:0px;
}