.mask {
    height: 30vh !important; 
}

.blog_block{
    text-align: center;
}
.blog_page_btn {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 5px 20px;
}

.blog_row{
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 10px 0 0 0;
    padding: 20px;
    border-bottom: 1px #789a79 solid;
}

.blog_a {
    display: block;
    float: left;
    width: 25%;
    color: #263e32;
}
.blog_a> b {
    position: relative;
    font-size: 3rem;
    width: 100%;
    display: block;
    color: #1b350e;
}

.blog_a> span{
    display: block;
    float: left;
    width: 100%;
    margin-top: -12px;
}

.blog_b {
    width: 75%;
    display: block;
    float: left;
    text-align: left;
    color: #263e32;
}
.blog_b > a {
    color: #263e32;
}

.blog_b > b {
    font-size: 2rem;
}

.blog_b > p {
   color: #263e32;
}

a:hover{
    color: #000;
    text-decoration: none;
}

.blog_block_detail{
    padding: 2rem;
    text-align: center;
    /* background: #9abd9c; */
    background-color: #e2e8e0;
    border-radius: 1rem;
}

.TA_L{
    text-align: left;
}