body{
    font-size: 16px;
}
header .wrap_bg{
    margin-top:50px;
}
header .wrap_bg img{
    width:100%;
    height:auto;
}
main{
    padding: 2rem 0.875rem 1.4375rem;
    color:#323232;
}
.wrap_art img{
    width:60%;
    height:auto;
}
.article_title{
    font-size:1rem;
}
.article_content{
    margin-top:0.7rem;
    font-size:1rem;
    line-height: 1.25rem;
}
.content_img img{
    margin-top: 1.5rem;
    width:100%;
    height:auto;
}
.wrap_button{
    margin-top: 1.5rem;
}
.wrap_button button{
    border:1px solid #00A2E9;
    outline: none;
    background: white;
    color:#00A2E9;
    font-size:0.75rem;
    padding:0;
    margin-left:0.8125rem;
    width:4.5625rem;
    height:2.0625rem;
}
.showMb{
    display: block;
}
.swiper-slide img{
    width:100%;
    height:auto;
}
header .navbar-default{
    box-shadow: 0px 0px 5px #ccc;
}
@media (min-width: 768px) {
    header .wrap_bg{
        margin-top:66px;
    }
    main{
        padding: 4.375rem 20% 4.25rem;
    }
    .article_title{
        font-size:1.875rem;
    }
    .article_content{
        margin-top:2rem;
        font-size:0.875rem;
        line-height: 24px;
    }
    .wrap_button button{
        width:5rem;
        height:2rem;
        line-height: 2rem;
        margin-left:5px;
    }
    .thumbnail img{
        width:100%;
        height:auto;
    }
}
@media (min-width: 1920px) {
    main {
        padding: 4.375rem 25.64% 4.25rem;
    }
}