#pilot {
    width: 100%;
    position: relative;
}
.top_img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 318px;
    /*position: relative;*/
    margin-top: 88px;
}
#detail {
    margin: 0 auto;
    width: 1180px;
    background-color: white;
    box-shadow: -1px -2px 10px #ccc;
    padding: 30px 40px 20px;
    animation: example1 1s ease-out 0.5s backwards
}
@media (max-width: 1250px) {
    #detail {
        width: 980px;
    }
}
@media (max-width: 1050px) {
    #detail {
        width: 780px;
    }
}
@media (max-width: 900px) {
    #detail {
        width: 100%;
    }
}
@keyframes example1 {
    0% {
        transform:translateY(100px);
        opacity:0;
    }
    /*50% {*/
    /*    transform:translateY(50px);*/
    /*    opacity:.5;*/
    /*}*/
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
#detail>.nav{
    display: flex;
    align-items: center;
    text-align: right;
    float: right;
    color: #282828;
}
#detail>.nav a{
    color: #282828;
}
.nav_title{
    clear: both;
    margin: 20px 0 30px;
}
.nav_title>div:first-child {
    width: 5px;
    height: 40px;
    background-color: #00465e;
    float: left;
    margin-right: 20px;
}

.nav_title>div:nth-child(2) {
    font-size: 22px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    float: left;
}

.nav_title>div:last-child {
    clear: both;
}
.content{
    padding: 0px 0 30px;
}
#detail>.title {
    font-size: 28px;
    color: #282828;
    font-weight: bold;
    text-align: center;
    padding-bottom: 16px;
}
#detail>.publishDate {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 16px;
    border-bottom: 1px solid #c9c9c9;
}
#detail>.publishDate>div{
    display: inline-block;
}
#detail>.publishDate:after{
    clear: both;
    display: table;
    content: "";
}
#detail>.publishDate>div:first-child{
    float: left;
}
#detail>.publishDate>div:last-child{
    float: right;
}
#detail>.publishDate>div:last-child>a{
    text-decoration: none;
    margin: 0 5px;
    cursor: pointer;
    color: black;
}
#detail>.publishDate>div:last-child>a:hover,#detail>.publishDate>div:last-child>a:focus{
    color: #337ab7;
}
#detail>.content {
    margin-top: 10px;
    font-size: 18px;
    line-height: 2em;
    text-indent: 2em;
    color: #282828;
    padding: 0 10px 30px;
    border-bottom: 1px solid #c9c9c9;
}
#detail>.content img{
    max-width: 1080px;
}
#detail>.page {
    margin-top: 20px;
    font-size: 16px;
    color: #282828;
}

#detail>.page>div {
    line-height: 30px;
}