body{ 
      font-size:16pt;
	  /*background-color:rgba(255,206,222,217);*/
	  background-image:url("../image/05.jpg");
	  background-attachment:fixed;
	  font-family:'Comic Sans MS', 'Times New Roman','標楷體' ;
	  color: rgba(30,30,30,1);
	  margin:40px;
}
.page {
      width:1000px;
      border: 0px solid black; 
	  box-shadow: 0px 0px 15px gray;
	  margin:0 auto 0 auto ;
	  background-color:white;
	  border-radius:15px;
	 
}

header{
      width:100%;
	  min-height:20px; 
	  /*background-image: url("../image/header01.jpg");*/
	  border-radius:5px;
	  text-align:center;
}

nav{
      width:90%;
      border: 0px solid black; 
	  margin:0 auto 0 auto ;
	  text-align:center;
	  position: relative;
	  z-index: 100; 
}

nav ul{
      margin:0 ;
	  padding:0;
}

nav ul li{
      display: inline-block;
	  width: 18%;
	  text-align:center;
	  margin:0  ;
	  padding:3px;
	
}

nav ul li:hover{

	
	
}



img.book {
	border: 4px solid white; 
}

img.book:hover {
	box-shadow: 0px 0px 4px 1px purple ; 
}

table.edu {
	border-collapse: separate;
	border-spacing: 0px;
}
table.edu   caption {
	font-family: '標楷體' 'Times';
	font-size: 18pt;
	font-weight: bolder;
}

table.edu  th,td  {
	font-size: 16pt;
	border-style:groove;
	text-align: center;
}
table.edu  th  {
	background-color:lightgreen;
}

table.noline {
	border: none;
}
table.noline  td {
	border: none;
}




.content{
       width:98%;
       border: 1px solid black;
	   overflow:auto;
	   padding-left: 5px;;
}



nav ul li ul{
		display:none;
}

nav  ul li:hover ul{
		display:block;
		position:fixed;
}
nav ul li ul li{
		display:block;
		width:250px;
}

nav ul li ul li:hover{
		background-color:rgba(23,174,114,0.8);
}
aside{
      border:1px solid gray;
	  width: 20%;
	  float:right;
	  margin:10px;
	  font-size:14pt;
	  background-color:rgba(174,207,247,0.3);
	  padding:5px;
}

aside:hover {
	 box-shadow: 0 0 3px black;
}

footer{
      width:95%;
	  font-size:12pt;
	  text-align:center;
	  padding: 5px 20px 5px 20px;
	  font-weight: bolder;
}