.blogDetail .article-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 0 0 35px;
    clear: both;
}

.blogDetail .article-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: #fff;
}

.blogDetail .article-table th,
.blogDetail .article-table td {
    padding: 14px 16px;
    border: 1px solid #d8d8d8;
    text-align: left;
    line-height: 1.5;
    vertical-align: top;
}

.blogDetail .article-table th {
    color: #fff;
    background: #b22a1d;
}

.blogDetail .article-table tbody tr:nth-child(even) {
    background: #f7f7f7;
}

.blogDetail .key-takeaway {
    width: 100%;
    float: left;
    margin: 0 0 35px;
    padding: 20px 24px;
    border-left: 5px solid #b22a1d;
    background: #f6f6f6;
    line-height: 1.8;
}

.blogDetail .safety-note {
    width: 100%;
    float: left;
    margin: 0 0 30px;
    padding: 18px 22px;
    border-radius: 6px;
    background: #fff4f2;
    line-height: 1.8;
}

.blogDetail h3 {
    font-size: 21px;
    line-height: 1.4;
    padding-top: 5px;
}

.blogDetail figure {
    clear: both;
}

.blogDetail .ulList {
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .blogBody .blogDetail h1 {
        font-size: 30px;
        line-height: 1.25;
        padding-top: 30px;
    }

    .blogDetail h2 {
        font-size: 25px;
        line-height: 1.35;
    }

    .blogDetail h3 {
        font-size: 19px;
    }

    .blogDetail .key-takeaway,
    .blogDetail .safety-note {
        padding: 16px 18px;
    }
}