.top {
    width: 100%;
    height: 3.75rem;
    padding: 0 0.625rem;
}

.logo a:first-child {
    display: inline-block;
    width: 6.5625rem;
    margin-right: 1.5625rem;
}

.logo a:last-child {
    display: inline-block;
    width: 4.4375rem;
}

.back {
    width: 4rem;
}

.current {
    width: 100%;
    height: 2.5rem;
    background-color: #57b9b7;
    padding-left: 0.9375rem;
}

.current p a {
    font-size: 1.125rem;
    line-height: 2.5rem;
    color: #ffffff;
}

.current span {
    width: 0px;
    height: 0px;
    border-top: 0.2rem solid transparent;
    border-left: 0.4rem solid #ffffff;
    border-bottom: 0.2rem solid transparent;
    margin: 0 0.625rem;
}

.current p.now a {
    color: #ffffff;
}

.contentmain {
    padding: 1.5rem 0 1.875rem;
}

.title {
    padding: 0 0.9375rem 0.9375rem;
}

.title span {
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #4993b5;
    margin-bottom: 0.625rem;
}

.title p {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.9375rem;
}

.facebook {
    width: 10.875rem;
}

.line {
    width: 100%;
}

.articleInfo {
    padding: 0.9375rem;
}

.articleInfo p {
    font-size: 0.9375rem;
    line-height: 1.5em;
    color: #333333;
}

.video-js {
    width: 100%;
    height: 29vh;
}

#doc p a {
    color: #337ab7;
}

.footer {
    background: #2db5c4;
}