#top {
    height: 80px;
    color: #0D1C28;
    font-size: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(9, 41, 77, 0.25);
}

#top .top_content {
    width: 75%;
    min-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

#top .top_content .title {
    float: left;
}

#top .top_content .title a {
    padding-left: 42px;
    color: #0D1C28;
    text-decoration: none;
    background: url(images/logo.png) no-repeat left center transparent;
    background-size: 32px 32px;
    font-size: 22px;
    line-height: 40px;
}

#top .top_content .title a:hover {
    color: #c7254e;
}

#top .top_content .remark {
    float: left;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    border-left: 1px solid #CCCCCC;
    padding-left: 18px;
    margin-left: 18px;
    margin-right: 10px;
    color: #0D1C28;
    height: 18px;
    margin-top: 11px;
}

#top .top_content .user-container {
    float: right;
    font-size: 16px;
    line-height: 18px;
    color: #0D1C28;
    height: 18px;
    margin-top: 11px;
}

#top .top_content .user-container .item {
    padding: 0 18px;
}

#top .top_content .border-right {
    border-right: 1px solid #CCCCCC;;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}