body { font-family: 'Times New Roman','新細明體'; font-size: 12pt; line-height: 1.6em; background-color: white; color: rgb(30,49,36); letter-spacing: 0.05em; text-align: justify; background-image:url('images/bg-img-1.jpg'); background-repeat:repeat-y; background-position:right bottom; background-color: rgba(230,230,230,0.8); } .page{ width:900px; border:1px solid gray; background-color: white; box-shadow:2px 2px 2px 2px green; margin-left:auto; margin-right:auto; } header{ width:100% border: 1px solid gray; font-size:24pt; font-weight: bold; color:darkgreen; text-align:center; padding-top:30px; padding-bottom:20px; } nav{ width: 100%; border: 1px solid gray; padding:0; margin: 10px auto 10px auto; display:block; text-align:center; } nav > ul { width:100%; padding: 0; margin:0; list-style-type:none; } nav > ul >li{ display:inline-block; width: 110px; height: auto; border:1px solid white; background:linear-gradient(darkblue, silver); color: white; } nav > ul > li > a { display:block; padding: 5px ; color:white; text-decoration: none; text-align: center; } nav > ul > li:hover{ background:none; background-color: white; border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid .contain section{ width:73%; border: 1px solid gary; min-height:200px; display: inline-block; vertical-align:top; padding: 5px; } .contain aside{ width: 23%; border: 1px solid gary; vertical-align: top; padding: 5PX; min-height: 200px; } footer{ width: 98%; border-top: 1px dotted gary; font-size: 10pt; text-align: right; padding: 5px; color: gray; }