a
{
    text-decoration: none;
    color: inherit;
}
body 
{
    font-family: 微软雅黑, Arial;
    background-color: #C9D9DA;
}
#top
{
    height: 60px;
}
#name
{
    font-size: x-large;
    font-weight: bold;
    position: relative;
    width: 300px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 60px;
    text-align: center;
    color: #183145;
}
#middleContent
{
    width: 860px;
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 20px;
    box-shadow: rgb(167, 163, 163) 5px 5px 20px;
}
#headPic
{
    text-align: center;
    height: 160px;
}
#photo
{
    border-radius: 110px;
    width: 150px;
    height: 150px;
}
#contentName
{
    text-align: center;
    font-size: xx-large;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #112331;
}
#perTitle
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    font-style: italic;
    color: #808080;
}
#footer
{
    margin-top: 10px;
    padding: 40px;
    background-color: #09445E;
    color: #CCCCCC;
}
.filter
{
    float: left;
    width: 120px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 60px;
    vertical-align: -40%;
    color: #09445E;
}
.menuButton
{
    float: right;
    line-height: 60px;
    width: 100px;
    text-align: center;
    color: #336699;
}
.contentList
{
    margin: 20px 10px 10px 20px;
    line-height: 30px;
    font-weight: lighter;
}
.contentTitle
{
    margin-top: 40px;
    font-size: x-large;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #CDDCEB;
    font-family: "Arial Unicode MS";
    color: #112331;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.itemName
{
    font-weight: bold;
    font-family: "Arial Unicode MS";
    color: #183145;
}
.link
{
    color: #000000;
    text-decoration: underline;
}