* {
    margin: 0;
    padding: 0;
    /*border: 1px solid #333;*/
}

div {
    font-family: 'Microsoft YaHei';
    /*font-weight: bolder;*/
}

a {
    position: relative;
    border: 0;
    text-decoration: none;
}

img {
    border: 0;
    max-width: 100%;
}


.navi {
    position: relative;
    margin: 0 auto;
    text-align: center;
    height: 60px;
    width: 1024px;
    color: #0087CB;
}

.navi > div.function {
    position: relative;
    float: right;
    width: 180px;
    height: 60px;
    line-height: 60px;
}

.function > a > img {
    vertical-align: middle;
}

.main {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}


.red {
    background-color: red;
}

.green {
    background-color: green;
}

.yellow {
    background-color: orange;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f36 {
    font-size: 34px;
    background-color:#f7fafc;
}

.focused {
    background-color: #333333;
    color: white;
}