body{ 
      font-size:16pt;
	  /*background-color:rgba(243,215,171,195);*/
	  background-image:url("../image/06.png");
	  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;
	  margin-top:-50px
}



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 ; 
}





.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;
}