/* <=== vhttnewspg ===> */
.vhttnewspg{
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}
.vhttnewspg::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('../images/nnleft.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
}
.vhttnewspg::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('../images/nnright.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
}
.tpttnewsha{
    margin-bottom: 50px;
}
.tpttnewsha .hagrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpttnewsha .hagrip > div{
    padding: 0 15px;
}
.tpttnewsha .hagrip .mcol{
    width: 66.6666%;
}
.tpttnewsha .hagrip .hcol{
    width: 33.33333%;
}
.tpttnewsha .decss{
    height: 100%;
    border: 1px solid #2d5923;
    padding: 30px 40px 30px;
}
.tpttnewsha .dsdates{
    margin-bottom: 12px;
}
.tpttnewsha .dstitle{
    margin-bottom: 12px;
}
.tpttnewsha .dstitle, .tpttnewsha .dstitle h3{
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
}
.tpttnewsha .dstends{
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
    max-height: calc(25px * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.tpttnewsha .dsviews a{
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 30px;
    border: none;
    background-color: #2d5923;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
}
.tpttnewsha .dsviews a:hover{
    background-color: #122b0d;
}
.tpttnewshb .hblist{
    margin-bottom: 10px;
}
.tpttnewshb .hbgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpttnewshb .hbgrip > div{
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 35px;
}
.itttnewshb .thumb{
    margin-bottom: 15px;
}
.itttnewshb .dsdates{
    margin-bottom: 8px;
}
.itttnewshb .dstitle{
    margin-bottom: 5px;
}
.itttnewshb .dstitle, .itttnewshb .dstitle h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}
.itttnewshb .dsconts{
    font-size: 16px;
    line-height: 25px;
}
.tpttnewsba{
    margin-bottom: 60px;
}
.tpttnewsba .bawrap{
    max-width: 770px;
    margin: 0 auto;
}
.itttnewsba{
    margin-bottom: 25px;
}
.itttnewsba:last-child{
    margin-bottom: 0;
}
.itttnewsba .bagrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}
.itttnewsba .bagrip > div{
    padding: 0 13px;
}
.itttnewsba .bagrip .mcol{
    width: 100px;
}
.itttnewsba .bagrip .hcol{
    width: calc(100% - 100px);
}
.itttnewsba .dstitle{
    margin-bottom: 10px;
    color: #2d5923;
}
.itttnewsba .dstitle, .itttnewsba .dstitle h3{
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
}
.itttnewsba .dsconts{
    font-size: 18px;
    line-height: 30px;
}
.tpttnewsbb {
    margin-bottom: -20px;
}
.tpttnewsbb .bbgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpttnewsbb .bbgrip > div{
    padding: 0 15px;
    width: 33.3333%;
    margin-bottom: 30px;
}
.itttnewsbb .thumb{
    display: block;
    padding-top: 65.56%;
    position: relative;
    overflow: hidden;
}
.itttnewsbb .thumb img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* <=== vhttnewspg ===> */

@media all and (max-width: 1200px){
    /* <=== vhttnewspg ===> */
    .tpttnewsha .decss{
        padding: 20px 20px 35px;
    }
    .tpttnewsha .dstitle, .tpttnewsha .dstitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    /* <=== vhttnewspg ===> */
}
@media all and (max-width: 991px){
    /* <=== vhttnewspg ===> */
    .vhttnewspg{
        padding-bottom: 50px;
    }
    .vhttnewspg::before{
        background-image: url('../images/nnleft.png');
        background-size: 380px 311px;
    }
    .vhttnewspg::after{
        background-image: url('../images/nnright.png');
        background-size: 375px 283px;
    }
    .tpttnewsha{
        margin-bottom: 30px;
    }
    .tpttnewsha .hagrip .mcol{
        width: 100%;
        margin-bottom: 10px;
    }
    .tpttnewsha .hagrip .hcol{
        width: 100%;
    }
    .tpttnewsha .dsdates{
        margin-bottom: 8px;
    }
    .tpttnewsha .dstitle{
        margin-bottom: 8px;
    }
    .tpttnewsha .dstitle, .tpttnewsha .dstitle h3{
        font-size: 25px;
        line-height: 35px;
    }
    .tpttnewshb .hbgrip > div{
        width: 50%;
    }
    .tpttnewsba{
        margin-bottom: 20px;
    }
    .itttnewshb .dstitle, .itttnewshb .dstitle h3{
        font-size: 20px;
    }
    .itttnewsba .dstitle{
        margin-bottom: 5px;
    }
    .itttnewsba .dstitle, .itttnewsba .dstitle h3{
        font-size: 22px;
        line-height: 32px;
    }
    .itttnewsba .dsconts{
        font-size: 16px;
        line-height: 26px;
    }
    .itttnewsba .bagrip{
        margin: 0 -10px;
    }
    .itttnewsba .bagrip > div{
        padding: 0 10px;
    }
    .itttnewsba .bagrip .mcol{
        width: 90px;
    }
    .itttnewsba .bagrip .hcol{
        width: calc(100% - 90px);
    }
    .tpttnewsbb .bbgrip{
        margin: 0 -10px;
    }
    .tpttnewsbb .bbgrip > div{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    /* <=== vhttnewspg ===> */
}
@media all and (max-width: 767px){
    /* <=== vhttnewspg ===> */
    .tpttnewshb .hbgrip > div{
        width: 100%;
    }
    .tpttnewsbb .bbgrip{
        margin: 0 -5px;
    }
    .tpttnewsbb .bbgrip > div{
        padding: 0 5px;
        margin-bottom: 10px;
        width: 50%;
    }
    /* <=== vhttnewspg ===> */
}