#detail {
    width: 100%;
    position: relative;
    padding: 0 20%;
    box-sizing: border-box;
}

#detail .detail-top {
    position: relative;
    width: 100%;
    height: auto; 
    margin-top: .5rem;
}

#detail .detail-top .top-breadcrumb {
    display: inline-block;
    float: left;
    width: auto;
    height: .3rem;
}

#detail .detail-top .top-breadcrumb .breadcrumbs {
    width: auto;
    height: .3rem;
}

#detail .detail-top .top-breadcrumb .breadcrumbs .separator {
    width: .15rem;
    padding: 0;
    margin-left: 5px;
}

#detail .detail-top .top-breadcrumb .breadcrumbs a {
    height: 100%;
    line-height: .3rem;
    font-size: .2rem;
}

#detail .detail-title {
    display: inline-block;
    width: 100%;
    height: .6rem;
    margin-top: .8rem;
    line-height: .6rem;
    font-size: .3rem;
    font-weight: 600;
    color: #0B4996;
    text-align: center;
}

#detail .detail-info {
    text-align: center;
    line-height: .3rem;
}

#detail .detail-info span {
    color: #858585;
    margin-right: .3rem;
}

#detail .detail-info .tag {
    color: #2971BB;
    margin-right: .2rem;
}

#detail .detail-info .tag:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    #detail {
        padding: 0 3%;
    }

    #detail .detail-title {
        font-size: .4rem;
    }

    .info-tag {
        display: none;
    }
}