body {
    font-family: Arial, "Microsoft YaHei", "微软雅黑", serif;
    font-size: 14px;
    position: relative;
    /*background-color: #f5f5f5;*/
}
@media only screen and (min-width: 1200px){
    .ui.container {
        width: 1200px;
        margin-left: auto!important;
        margin-right: auto!important;
    }
}

.ui.items>.item>.content>a.header {
    color: #0d71bb !important;
}

.ui.text.justified{
    text-align: justify;
}

.category-card {
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    width: 282px;
    height: 188px;
    float: left;
    margin: 5px;
    padding: 10px;
}
.rich-list {
    padding: 0;
}
.rich-list li:first-child {
    padding-top: 10px;
    border-top: 1px solid #dedede;
}
.rich-list li {
    list-style: none;
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
}
.meta {
    margin-bottom: 0;
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}
.meta span {
    margin-right: 10px;
}
.homepage-title {
    margin: 20px auto;
    text-align: center;
}
.homepage-title .subtitle {
    color: #777;
}
.homepagetool-search-form {
    margin: 30px auto;
    width: 50%;
}

#tool-header .social-share-button {
    margin-right: 10px;
    float: right;
    height: 20px;
    display: inline-block;
}
ol.publications {
    padding-left: 20px;
}
ol.publications li .meta {
    margin-top: 0;
    font-size: 12px;
}ol.publications li h5 {
     margin-bottom: 2px;
 }

ol.publications li .citation {
    font-size: 12px;
    color: green;
}
.empty-placeholder {
    text-align: center;
    margin-top: 5px;
    padding: 38px 28px;
    border: 1px dashed #DEDEDE;
    background-color: #FAFAFA;
}
.content-container {
    padding: 10px 14px;
}

#tool-nav-tab {
    padding: 0 15px;
    margin-bottom: 12px;
    background-color: #FAFAFA;
}