html,body,#container,div,p {
   margin: 0;
   padding: 0;
}

body {
   background: #808080;
}

#left-content {
   float: left;
   width: 40%;
   background-color: #808080;
 }
#now-page {
   float: right;
   margin-right: 20px;
   margin-top: 260px;
   }
#now-page img {
   border: none;
   }
 
 #right-content {
    float: right;
	width: 60%;
	background-color: #FFFFa0;
	}

/**set the whole main word**/
#main-word-and-navigator {
   width: 90%;
   height: 50%;
   padding-top: 16.9%;
   padding-bottom: 16.8%;
   }	

/**set the up navigator**/
#right-content #navigator-up #bar-up {
   list-style:none;
   float: left;
   padding-left: 0;
   margin: 0;
   }
#bar-up li {
   float: left;
   padding: 10px 66px 10px 70px;
   margin: 0;
   background-color: #FF0000;
   }
#bar-up li a {
   float: left;
   background-color: #FF0000;
   color: #000000;
   text-decoration: none;
   }   
#bar-up li a:hover {
   color: #FFA500;
   }

/**set the main word**/
#main-word {
   float: left;
   width: 50%;
   margin: 20px 20px;
   text-align: center;
   }

/**set the right navigator**/   
#right-content #navigator-right #bar-right a {
   display: block;
   text-decoration: none;
   color: #FFFFFF;
   }
#bar-right {
   float: left;
   width: 13%;
   background-color: #666;
   font-size: smaller;
   margin: 0;
   padding: 10px 8.5px;
   }
#bar-right li {
   list-style: none;
   margin: 50px 0;
   }
#bar-right li a:hover {
   color: #FFA500;
   }

/**set the bottom navigator**/   
#right-content #navigator-bottom #bar-bottom {
   list-style:none;
   float: left;
   padding: 0 10px 120px 0;
   margin: 0;
      }
#bar-bottom li {
   float: left;
   }
#bar-bottom li a {
   float: left;
   padding: 10px 103.1px;
   background-color: #FF0000;
   color: #000000;
   text-decoration: none;
   }   
#bar-bottom li a:hover {
   color: #FFA500;
   }
   
#bar-up,#bar-right,#bar-bottom {
   text-transform: uppercase;
   text-align: center;
   }
   
/**set the china luck picture**/
#china-luck img {
   margin: 0;
   }