用HTML、CSS和JS打造我们班级的专属网页——web前端学生的创意之作！

* {
margin:0;
padding:0}
html, body {
height:100%;}
html {
min-width:990px;}

body {
background:center top repeat-x #8E7477;
font-family:Tahoma, Geneva, sans-serif;
font-size:100%;
line-height:.875em;
color:#70635b}

input, select, textarea {
font-family:Tahoma, Geneva, sans-serif;
font-size:1em}

input, select {
vertical-align:middle;
font-weight:normal}

img {
border:0;
vertical-align:top;
text-align:left}

object {
vertical-align:top}

/* GLOBAL */

#header, #content, #footer {
font-size:0.75em;
position:relative}

.wrapper {
width:100%;
overflow:hidden}

.container {
width:990px;
margin:0 auto}

.col-1, .col-2, .col-3 {
float:left}

.fleft {
float:left}

.fright {
float:right}

.clear {
clear:both}

.alignright {
text-align:right}

.aligncenter {

#content .special dd img {
position:absolute;
top:6px;
left:6px}
#content .special dd span {
position:absolute;
bottom:3px;
right:16px;
font-weight:bold;
font-size:.91em;
color:#9f5827}
#content ul {
padding-bottom:15px;
margin:0}
#content ul li {
font-weight:bold;
padding-bottom:6px}
#content ul li ul {
padding:8px 0 0 12px}
#content .items-list {
padding-bottom:0}
#content .items-list li {
width:100%;
overflow:hidden;
padding-bottom:20px;
font-weight:normal}
#content .items-list li img {
float:left;
margin-right:20px}
#content .items-list li p {
margin-bottom:7px}
/* forms */
#contacts-form {
clear:right;
width:100%;
overflow:hidden;
padding:15px 0 0 0}
#contacts-form fieldset {
border:none;
float:left}
#contacts-form .field {
clear:both}
#contacts-form label {
float:left;
width:97px;
line-height:18px;
padding-bottom:8px;
font-weight:bold;
color:#9f5827}
#contacts-form input {
width:170px;
padding:1px 0 1px 3px;
background:url(images/png-bg.png) left top;
border:1px solid #c2afa3;
color:#70635b}
#contacts-form textarea {
width:376px;
height:252px;
padding:1px 0 1px 3px;
background:url(images/png-bg.png) left top;
border:1px solid #c2afa3;
color:#70635b;
margin-bottom:15px;
overflow:auto}
#mengdekaishi{
font-size:14px;
width:350px;
float:left;
font-family:"MS Serif", "New York", serif;
font-weight:200;
color:#99C;}


/* footer */

#footer {
color:#ffe7be;
height:95px;
background:url(images/footer-bg.gif)
left top repeat-x}
#footer .indent {
padding:37px 40px 20px 73px}
#footer a {
color:#ffd26e}
#footer img {
position:relative;
top:-4px}