#news {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background: linear-gradient(246.57deg, #29b354 -19.12%, #0074b1 83.26%);
    background-size: cover;
    padding: 0
}

.news {
    background-image: url(../../images/news/banner-qr.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    text-align: center;
    align-items: center;
    display: flex;
    height: 150px
}

.news h1 {
    font-size: 40px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    margin-bottom: 0
}

#news_nav {
    background: #f2f6fc;
    font-family: Roboto, sans-serif
}

.news_nav .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none
}

.news_nav .nav .nav-item a {
    text-decoration: none
}

.news_nav .nav .nav-item a.nav-link {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #2b2b2b;
    font-family: Roboto, sans-serif
}

.news_nav .nav .nav-item .nav-link {
    margin: 1rem 1.5rem 0;
    padding: 0 0 1rem 0;
}

.news_nav .nav .nav-item .active {
    color: #006d9b!important;
    border-bottom: 2px solid #006d9b
}

#news_content {
    padding: 50px 0;
    font-family: Roboto, sans-serif
}

.news_content a {
    text-decoration: none
}

.news_content a .news-item-mobile {
    width: 100%;
    /* height: 400px; */
    background-size: cover;
    /* object-fit: cover; */
    border-radius: 8px
}

.news_content a .my-tag {
    font-family: Roboto, sans-serif;
    background: #f7aa00;
    border-radius: 10px;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 12.8px;
    line-height: 150%;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 12px;
    display: inline-block
}

.news_content a .title {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: #01425f;
    margin: 15px 0 10px;
    /* margin-bottom: 0; */
    font-family: Roboto, sans-serif
}

.news_content a .wrapper-content h3 {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news_content a .sub-title {
    display: flex;
    align-items: center;
    flex-direction: row
}

.news_content a .sub-title div {
    display: flex;
    align-items: center;
    margin: 0 15px 0 0
}

.news_content a .sub-title div img.si {
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news_content a .sub-title div p {
    font-size: 11px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    margin-left: 8px;
    font-family: Roboto, sans-serif
}

.news_content a .content-text {
    padding: 25px 0;
}

.news_content a .content-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #555;
    font-family: Roboto, sans-serif
}

.news_content a .wrapper-content {}

.news_content a .wrapper-content p {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

#news_content-latest {
    padding-bottom: 50px
}

.news_content-latest {
    background: #faefd7;
    border-radius: 8px;
    min-height: 300px;
    width: 1200px;
    margin: auto;
    padding: 30px 0
}

.news_content-latest .title {
    padding: 0 15px;
    color: #01425f;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    font-family: Roboto, sans-serif
}

.news_content-latest a {
    text-decoration: none
}

.news_content-latest a .news-item-mobile {
    width: 100%;
     height: 168px;
    background-size: cover;
    /* object-fit: cover; */
    border-radius: 8px
}

.news_content-latest a .news-item .sub-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    flex-direction: row
}

.news_content-latest a .news-item .sub-title div {
    display: flex;
    align-items: center
}

.news_content-latest a .news-item .sub-title div img.si {
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news_content-latest a .news-item .sub-title div p {
    font-size: 11px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    margin-left: 8px;
    font-family: Roboto, sans-serif
}

.news_content-latest a .news-item .content-text {
    padding: 10px 0
}

.news_content-latest a .news-item .content-text h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #2b2b2b;
    font-family: Roboto, sans-serif
}

.news_content-latest a .news-item .content-text p {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #555;
    font-family: Roboto, sans-serif
}

.news_content-latest a .news-item .wrapper-content p {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news_content-latest a .news-item .wrapper-content h6 {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

#news_content-horizontal {
    padding-bottom: 50px
}

.news_content-horizontal a {
    text-decoration: none
}

.ratio_3-4 {
    height: 168px;
    width: 252px;
    /* padding-bottom: calc(100% / 4 * 3); */
    overflow: hidden;
}

.ratio_3-4 img {
    /* position: absolute; */
    /* inset: 50% 0 0 50%; */
    width: 100%;
    /* transform: translate(-50%, -50%); */
}

.news_content-horizontal a .news-item .news-item-mobile {
    /* width: 252px;*/
    height: 168px;
    background-size: cover;
    background-repeat: no-repeat;
    /* object-fit: cover; */
    border-radius: 8px
}

.news_content-horizontal a .news-item {
    display: flex;
    margin-bottom: 24px
}

.news_content-horizontal a .news-item .news-item-tab {
    width: 45%;
    margin-left: 24px
}

.news_content-horizontal a .news-item .wrapper-content h5 {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news_content-horizontal a .news-item .news-item-tab h5 {
    color: #01425f;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: Roboto, sans-serif
}

.news_content-horizontal a .news-item .news-item-tab .sub-title {
    display: flex;
    align-items: center;
    padding-top: 5px;
    flex-direction: row
}

.news_content-horizontal a .news-item .news-item-tab .sub-title div {
    display: flex;
    align-items: center
}

.news_content-horizontal a .news-item .news-item-tab .sub-title div img.si {
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news_content-horizontal a .news-item .news-item-tab .sub-title div p {
    font-size: 11px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    margin-left: 8px;
    font-family: Roboto, sans-serif
}

.news_content-horizontal a .news-item .news-item-tab .sub-title div:last-child {
    margin-left: 20px
}

.news_content-horizontal a .news-item .news-item-tab .content-text p {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin: 5px 0 0 0
}

.news_content-horizontal a .news-item .news-item-tab .wrapper-content p {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

#news_content-video-podcast {
    background: #f2f6fc;
    padding: 50px 0
}

.news_content-video-podcast .news_content-video .video-title {
    color: #01425f;
    font-size: 32px;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-video .video-box {
    background-color: #006d9b;
    background-image: url(../../images/news/young-lady.png);
    min-height: 430px;
    display: flex;
    line-height: 400px;
    border-radius: 8px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.news_content-video-podcast .news_content-video .video-box img {
    margin: auto;
}

.news_content-video-podcast .news_content-video .video-box-bottom {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center
}

.news_content-video-podcast .news_content-video .video-box-bottom-play {
    background: #2cb356;
    left: 0;
    border-bottom-left-radius: 8px;
    display: block;
    position: relative;
    width: 48px;
    height: 40px
}

.news_content-video-podcast .news_content-video .video-box-bottom-play img {
    padding: 8px 16px;
    position: absolute
}

.news_content-video-podcast .news_content-video .video-box-bottom-text {
    text-decoration: none;
    background: linear-gradient(90deg, #2b2b2b 14.53%, rgba(43, 43, 43, 0) 96.28%)
}

.news_content-video-podcast .news_content-video .video-box-bottom-text p {
    color: #fff;
    line-height: 24px;
    margin: 0;
    padding: 8px 0 8px 16px;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-podcast {
    position: relative
}

.news_content-video-podcast .news_content-podcast .podcast-title {
    color: #01425f;
    font-size: 32px;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-podcast .podcast-box {
    background: linear-gradient(180deg, #2cb356 0, #109a3b 100%);
    border-radius: 8px;
    min-height: 430px
}

.news_content-video-podcast .news_content-podcast .podcast-box-img {
    padding: 24px 24px 0 24px;
    border-bottom: 1px solid #90d4a5
}

.news_content-video-podcast .news_content-podcast .podcast-box-img img {
    margin: auto;
    padding-bottom: 20px;
    display: flex
}

.news_content-video-podcast .news_content-podcast .podcast-box-content {
    padding: 24px;
    display: flex
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-left {
    position: relative;
    width: 30%
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-left-img {
    position: absolute;
    z-index: 1
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
    position: absolute;
    top: 50px
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
    position: absolute;
    font-weight: 500;
    bottom: 18px;
    color: #fff;
    width: 86px;
    text-align: center;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-right {
    width: 70%;
    line-height: 21px;
    margin-left: 24px
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-right-text {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 5px;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-right-title {
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 5px;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .news_content-podcast .podcast-box-content-right-text-normal {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    font-family: Roboto, sans-serif
}

.news_content-video-podcast .podcast-text {
    margin: 0;
    line-height: 19px;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    margin: 0 24px 16px 24px;
    width: 85%;
    color: #fff;
    font-weight: 400;
    padding: 5px;
    border-radius: 30px;
    background-color: #107e32;
    font-family: Roboto, sans-serif
}

#news_description {
    background: linear-gradient(246.57deg, #29b354 -19.12%, #0074b1 83.26%)
}

.news_description {
    padding: 30px 0
}

.news_description .list-task-home {
    display: flex;
    align-items: start;
    line-height: 64px
}

.news_description .list-task-home-icon {
    display: flex;
    align-items: center
}

.news_description .list-task-home-icon img {
    padding-right: 10px;
    width: 25px;
    height: 18px
}

.news_description .list-task-home-icon-right {
    padding-right: 10px;
    width: 42px;
    height: 16px
}

.news_description .list-task-home-icon-flex {
    display: flex;
    align-items: center;
    font-family: Roboto, sans-serif
}

.news_description .list-task-home-icon-flex img {
    margin-left: 10px;
    width: 25px;
    height: 18px
}

.news_description .list-task-home a {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    text-decoration: none;
    font-family: Roboto, sans-serif
}

#news_description-content {
    padding: 50px 0 0
}

.news_description-content-title h1 {
    font-size: 32px;
    line-height: 120%;
    color: #01425f;
    margin: 0;
    font-family: Roboto, sans-serif
}

.news_description-content-title .sub-title {
    display: flex;
    align-items: center;
    padding-top: 5px;
    flex-direction: row
}

.news_description-content-title .sub-title div {
    display: flex;
    align-items: center
}

.news_description-content-title .sub-title div img.si {
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news_description-content-title .sub-title div p {
    font-size: 11px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    margin-left: 8px;
    font-family: Roboto, sans-serif
}

.news_description-content-title .sub-title-start {
    margin-right: 20px
}

.news_description-content,
.news_description-content-details {
    width: 764px
}

#news_description-content-details {
    padding: 35px 0 50px;
    overflow-x: hidden;
}

.news_description-content-details .content-tags {
    flex: 1;
    margin-right: 25px;
}

.news_description-content-details .content-text-box .content-text p {
    font-size: 16px;
    line-height: 28.8px;
    color: #555;
    font-weight: 400
}

.news_description-content-details .content-text-box {
    font-family: Roboto, sans-serif
}

.news_description-content-details .content-text-box img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: auto;
}

.news_description-content-details .content-text-box h1,
.news_description-content-details .content-text-box h2,
.news_description-content-details .content-text-box h3 {
    font-family: Roboto, sans-serif;
}

.news_description-content-details .content-text-box p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

.news_description-content-details .content-text-box ul li,
.news_description-content-details .content-text-box ol li {
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

.news_description-content-details .content-register-box p {
    font-size: 14px;
    line-height: 28.8px;
    color: #555;
    font-weight: 600
}

.news_description-content-details .content-share-box {
    display: flex;
    align-items: flex-start;
    justify-content: end;
    padding-bottom: 30px
}

.news_description-content-details .content-share-box p {
    font-size: 12px;
    line-height: 28.8px;
    color: #555;
    font-weight: 400;
    margin: 0;
    font-family: Roboto, sans-serif
}

.news_description-content-details .content-share-box-flex {
    display: flex;
    align-items: center
}

.news_description-content-details .content-share-box-flex a {
    text-decoration: none;
    margin-left: 20px
}

.news_description-content-details .content-share-box-flex .share-face {
    display: flex;
    align-items: center;
    background: #1877f2;
    border-radius: 4px;
    padding: 6px 10px;
    margin: 0;
    margin-left: 10px;
}

.news_description-content-details .content-share-box-flex .share-face svg {
    width: 18px;
    height: 18px;
    color: #fff;
    margin-right: 5px
}

.news_description-content-details .content-share-box-flex .share-face p {
    color: #fff;
    margin: 0;
    font-family: Roboto, sans-serif
}

.news_description-content-details .content-share-box-flex a .share-you {
    display: flex;
    align-items: center;
    background: #e52017;
    margin-left: 12px;
    border-radius: 4px;
    padding: 2px 16px;
    margin: 0
}

.news_description-content-details .content-share-box-flex a .share-you svg {
    width: 18px;
    height: 18px;
    color: #fff;
    margin-right: 5px
}

.news_description-content-details .content-share-box-flex a .share-you p {
    color: #fff;
    margin: 0
}

.news_description-content-details .content-find-box {
    display: flex;
    align-items: center
}

.news_description-content-details .content-find-box p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #2b2b2b;
    margin: 0
}

.news_description-content-details .content-find-box-flex {
    display: flex;
    align-items: center
}

.news_description-content-details .content-find-box-flex a {
    text-decoration: none;
    margin-left: 15px
}

.news_description-content-details .content-find-box-flex a .find-content {
    padding: 5px 16px;
    background: #e6ecf5;
    border-radius: 15px
}

.news_description-content-details .content-find-box-flex a .find-content p {
    color: #006d9b;
    font-size: 14px;
    line-height: 16.41px;
    font-weight: 400;
    margin: 0
}

#news_content-relate {
    padding-bottom: 50px
}

.news_content-relate {
    min-height: 300px;
    padding: 30px 0 0;
    border-top: 1px solid #d5dee1
}

.news_content-relate .title {
    color: #01425f;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    font-family: Roboto, sans-serif
}

.news_content-relate a {
    text-decoration: none
}

.news_content-relate a .news-item .news-item-mobile {
    height: 168px;
    background-size: cover;
    object-fit: cover
}

.news_content-relate a .news-item .sub-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    flex-direction: row
}

.news_content-relate a .news-item .sub-title div {
    display: flex;
    align-items: center
}

.news_content-relate a .news-item .sub-title div img.si {
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.news_content-relate a .news-item .sub-title div p {
    font-size: 11px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    margin-left: 8px;
    font-family: Roboto, sans-serif
}

.news_content-relate a .news-item .content-text {
    padding: 10px 0
}

.news_content-relate a .news-item .content-text h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #2b2b2b;
    font-family: Roboto, sans-serif
}

.news_content-relate a .news-item .wrapper-content h6 {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news_content-relate a .news-item .wrapper-content p {
    width: 100%;
    /* white-space: pre-wrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.news_content-relate a .news-item .content-text p {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #555;
    font-family: Roboto, sans-serif
}

._49vh {
    font-weight: 400 !important;
    color: #ffffff;
}

@media only screen and (max-width: 320px) {
    .hide-on-laptop {
        display: block!important
    }
    .hide-on-mobile {
        display: none!important
    }
    .news_description-content-details .content-text-box img {
        width: 100% !important;
        height: 100% !important;
    }
    .news_content a .news-item-mobile {
        height: 100%;
    }
    .news_nav .nav .nav-item {
        /* margin-bottom: 5px */
    }
    .news_nav .nav .nav-item .active {
        color: #006d9b!important;
        border-bottom: 2px solid #006d9b;
    }
    .scroll_mobile {
        padding: 0;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .news_nav-scroll {
        padding: 0;
    }
    .scroll_mobile ul {
        width: 710px;
    }
    .scroll_mobile::-webkit-scrollbar {
        display: none;
    }
    #news_content {
        padding: 30px 0;
    }
    .news_content {
        padding: 0 5px;
    }
    .news_content a .my-tag-mobile {
        padding-top: 20px
    }
    .container-fluid#news_content-latest {
        padding: 0
    }
    .news_content-latest {
        width: 100%
    }
    .news_content-latest-mobile {
        padding: 0 5px;
    }
    .news_content-latest .pd-box {
        padding-bottom: 25px
    }
    .news_content-horizontal a .news-item {
        margin-bottom: 10px;
    }
    .news_content-latest a .news-item .news-item-mobile {
        width: 100%
    }
    #news_content-horizontal {
        padding: 50px 0 0
    }
    .news_content-horizontal {
        padding: 0 5px;
    }
    /* .news_content-horizontal a .news-item {
        display: block
    } */
    .ratio_3-4 {
        width: 80px;
        height: 80px;
    }
    .news_content-horizontal a .news-item .news-item-mobile {
        width: 80px;
        height: 80px;
        margin-right: 12px;
    }
    .news_content-horizontal a .news-item .news-item-tab {
        margin: 0;
        margin-left: 12px;
        width: 65%;
    }
    .news_content-horizontal a .news-item .news-item-tab h5 {
        padding-top: 8px
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title {
        /* justify-content: space-between */
    }
    .news_content-video-podcast {
        padding: 0 5px;
    }
    .news_content-video-podcast .news_content-video .video-box {
        min-height: 250px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-right {
        margin-left: 46px
    }
    .news_content-video-podcast .news_content-video .video-title {
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-title {
        padding-top: 30px;
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 480px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
        top: 40px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: calc(100% - 64%);
        bottom: -webkit-calc(100% - 64%);
        font-size: 12px
    }
    .news_description {
        /* padding: 30px 20px */
    }
    .news_description-content.container {
        width: 100%
    }
    #news_description-content {
        padding: 30px 0 0
    }
    .news_description-content-title h1 {
        font-size: 24px;
        text-align: center
    }
    .news_description-content-title .sub-title {
        justify-content: space-evenly
    }
    .news_description-content,
    .news_description-content-details {
        width: 100%
    }
    /* #news_description-content-details {
        padding: 20px
    } */
    .news_description-content-details .content-share-box {
        display: block
    }
    .news_description-content-details .content-share-box-flex {
        display: flex;
        align-items: center
    }
    .news_description-content-details .content-share-box-flex a {
        margin-left: 0
    }
    .news_description-content-details .content-share-box-flex a:last-child {
        margin-left: 12px
    }
    .news_description-content-details .content-find-box {
        display: block
    }
    .news_description-content-details .content-find-box-flex {
        display: inline-block;
        width: 100%
    }
    .news_description-content-details .content-find-box-flex a .find-content p {
        text-align: center
    }
    #news_content-relate {
        padding-bottom: 0;
        padding: 0px 4px;
    }
    .news_content-relate {
        padding: 35px 0px
    }
    .news_content-relate .title {
        padding: 0 12px;
    }
    /* .news_content-relate .pd-box {
        padding-bottom: 25px
    } */
    .news_content-relate .news-item .news-item-mobile {
        width: 100%
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title div p {
        font-size: 10px;
    }
    .news_content-horizontal a .news-item .news-item-tab .wrapper-content p {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_content-horizontal a .news-item .wrapper-content h5 {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-top: 0;
        font-size: 16px;
    }
    .news_description-content-details .content-share-box-flex .share-face {
        margin-left: 0;
    }
}

@media only screen and (max-width:439px) and (min-width:321px) {
    .hide-on-laptop {
        display: block!important
    }
    .hide-on-mobile {
        display: none!important
    }
    .news_description-content-details .content-text-box img {
        width: 100% !important;
        height: 100% !important;
    }
    .news_content a .news-item-mobile {
        height: 100%;
    }
    .news_nav .nav .nav-item {
        /* margin-bottom: 5px */
    }
    .news_nav .nav .nav-item .active {
        color: #006d9b!important;
        border-bottom: 2px solid #006d9b;
    }
    .scroll_mobile {
        padding: 0;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .news_nav-scroll {
        padding: 0;
    }
    .scroll_mobile ul {
        width: 710px;
    }
    .scroll_mobile::-webkit-scrollbar {
        display: none;
    }
    #news_content {
        padding: 30px 0;
    }
    .news_content {
        padding: 0 5px;
    }
    .news_content a .my-tag-mobile {
        padding-top: 20px
    }
    .container-fluid#news_content-latest {
        padding: 0
    }
    .news_content-latest {
        width: 100%
    }
    .news_content-latest-mobile {
        padding: 0 5px;
    }
    .news_content-latest .pd-box {
        padding-bottom: 25px
    }
    .news_content-latest a .news-item .news-item-mobile {
        width: 100%
    }
    #news_content-horizontal {
        padding: 50px 0 0
    }
    .news_content-horizontal {
        padding: 0 5px;
    }
    /* .news_content-horizontal a .news-item {
        display: block
    } */
    .news_content-horizontal a .news-item {
        margin-bottom: 10px;
    }
    .ratio_3-4 {
        width: 80px;
        height: 80px;
    }
    .news_content-horizontal a .news-item .news-item-mobile {
        width: 80px;
        height: 80px;
        margin-right: 12px;
    }
    .news_content-horizontal a .news-item .news-item-tab {
        margin: 0;
        margin-left: 12px;
        width: 72%;
    }
    .news_content-horizontal a .news-item .news-item-tab h5 {
        padding-top: 8px
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title {
        justify-content: space-between
    }
    .news_content-video-podcast {
        padding: 0 5px;
    }
    .news_content-video-podcast .news_content-video .video-box {
        min-height: 250px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-right {
        margin-left: 46px
    }
    .news_content-video-podcast .news_content-video .video-title {
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-title {
        padding-top: 30px;
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 480px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
        top: 40px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: calc(100% - 84%);
        bottom: -webkit-calc(100% - 84%);
        font-size: 12px
    }
    .news_description {
        /* padding: 30px 20px */
    }
    .news_description-content.container {
        width: 100%
    }
    #news_description-content {
        padding: 30px 0 0
    }
    .news_description-content-title h1 {
        font-size: 24px;
        text-align: center
    }
    .news_description-content-title .sub-title {
        justify-content: space-evenly
    }
    .news_description-content,
    .news_description-content-details {
        width: 100%
    }
    /* #news_description-content-details {
        padding: 20px
    } */
    .news_description-content-details .content-share-box {
        display: block
    }
    .news_description-content-details .content-share-box-flex {
        display: flex;
        align-items: center
    }
    .news_description-content-details .content-share-box-flex a {
        margin-left: 0
    }
    .news_description-content-details .content-share-box-flex a:last-child {
        margin-left: 12px
    }
    .news_description-content-details .content-find-box {
        display: block
    }
    .news_description-content-details .content-find-box-flex {
        display: inline-block;
        width: 100%
    }
    .news_description-content-details .content-find-box-flex a .find-content p {
        text-align: center
    }
    #news_content-relate {
        padding-bottom: 0;
        padding: 0px 4px;
    }
    .news_content-relate {
        padding: 35px 0px
    }
    .news_content-relate .title {
        padding: 0 12px;
    }
    .news_content-relate .pd-box {
        padding-bottom: 25px
    }
    .news_content-relate .news-item .news-item-mobile {
        width: 100%
    }
    .news_content-horizontal a .news-item .news-item-tab .wrapper-content p {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_content-horizontal a .news-item .wrapper-content h5 {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-top: 0;
        font-size: 16px;
    }
    .news_description-content-details .content-share-box-flex .share-face {
        margin-left: 0;
    }
}

@media only screen and (min-width: 414px) and (max-width: 667px) {
    .hide-on-laptop {
        display: block!important
    }
    .hide-on-mobile {
        display: none!important
    }
    .news_description-content-details .content-text-box img {
        width: 100% !important;
        height: 100% !important;
    }
    .news_nav .nav .nav-item {
        /* margin-bottom: 5px */
    }
    .news_nav .nav .nav-item .active {
        color: #006d9b!important;
        border-bottom: 2px solid #006d9b;
    }
    .scroll_mobile {
        padding: 0;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .news_nav-scroll {
        padding: 0;
    }
    .scroll_mobile ul {
        width: 710px;
    }
    .scroll_mobile::-webkit-scrollbar {
        display: none;
    }
    #news_content {
        padding: 30px 0;
    }
    .news_content {
        padding: 0 5px;
    }
    .news_content a .news-item-mobile {
        height: 100%;
    }
    .news_content a .my-tag-mobile {
        padding-top: 20px
    }
    .container-fluid#news_content-latest {
        padding: 0
    }
    .news_content-latest {
        width: 100%
    }
    .news_content-latest-mobile {
        padding: 0 5px;
    }
    .news_content-latest .pd-box {
        padding-bottom: 25px
    }
    .news_content-latest a .news-item .news-item-mobile {
        width: 100%
    }
    #news_content-horizontal {
        padding: 50px 0 0
    }
    .news_content-horizontal {
        padding: 0 5px;
    }
    /* .news_content-horizontal a .news-item {
        display: block
    } */
    .news_content-horizontal a .news-item {
        margin-bottom: 10px;
    }
    .ratio_3-4 {
        width: 80px;
        height: 80px;
    }
    .news_content-horizontal a .news-item .news-item-mobile {
        width: 80px;
        height: 80px;
        margin-right: 12px;
    }
    .news_content-horizontal a .news-item .news-item-tab {
        margin: 0;
        margin-left: 12px;
        width: 75%;
    }
    .news_content-horizontal a .news-item .news-item-tab h5 {
        padding-top: 8px
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title {
        justify-content: space-between
    }
    .news_content-video-podcast {
        padding: 0 5px;
    }
    .news_content-video-podcast .news_content-video .video-box {
        min-height: 250px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-right {
        margin-left: 46px
    }
    .news_content-video-podcast .news_content-video .video-title {
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-title {
        padding-top: 30px;
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 480px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
        top: 40px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: calc(100% - 95%);
        bottom: -webkit-calc(100% - 95%);
        font-size: 12px
    }
    .news_description {
        /* padding: 30px 20px */
    }
    .news_description-content.container {
        width: 100%
    }
    #news_description-content {
        padding: 30px 0 0
    }
    .news_description-content-title h1 {
        font-size: 24px;
        text-align: center
    }
    .news_description-content-title .sub-title {
        justify-content: space-evenly
    }
    .news_description-content,
    .news_description-content-details {
        width: 100%
    }
    /* #news_description-content-details {
        padding: 20px
    } */
    .news_description-content-details .content-share-box {
        display: block
    }
    .news_description-content-details .content-share-box-flex {
        display: flex;
        align-items: center
    }
    .news_description-content-details .content-share-box-flex a {
        margin-left: 0
    }
    .news_description-content-details .content-share-box-flex a:last-child {
        margin-left: 12px
    }
    .news_description-content-details .content-find-box {
        display: block
    }
    .news_description-content-details .content-find-box-flex {
        display: inline-block;
        width: 100%
    }
    .news_description-content-details .content-find-box-flex a .find-content p {
        text-align: center
    }
    #news_content-relate {
        padding-bottom: 0;
        padding: 0px 4px;
    }
    .news_content-relate {
        padding: 35px 0px
    }
    .news_content-relate .title {
        padding: 0 12px;
    }
    .news_content-relate .pd-box {
        padding-bottom: 25px
    }
    .news_content-relate .news-item .news-item-mobile {
        width: 100%
    }
    .news_content-horizontal a .news-item .news-item-tab .wrapper-content p {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_content-horizontal a .news-item .wrapper-content h5 {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-top: 0;
        font-size: 16px;
    }
    .news_description-content-details .content-share-box-flex .share-face {
        margin-left: 0;
    }
}

@media only screen and (max-width:767px) and (min-width:576px) {
    .hide-on-laptop {
        display: block!important
    }
    .hide-on-mobile {
        display: none!important
    }
    .news_description-content-details .content-text-box img {
        width: 100% !important;
        height: 100% !important;
    }
    .news_nav .nav .nav-item {
        /* margin-bottom: 5px */
    }
    .news_nav .nav .nav-item .active {
        color: #006d9b!important;
        border-bottom: 2px solid #006d9b;
    }
    .scroll_mobile {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .scroll_mobile ul {
        width: 710px;
    }
    .scroll_mobile::-webkit-scrollbar {
        display: none;
    }
    #news_nav {
        padding: 0;
    }
    .news_nav-scroll {
        padding: 0;
    }
    .news_content a .news-item-mobile {
        height: 100%;
    }
    .news_content a .my-tag-mobile {
        padding: 20px 0 0 0;
    }
    .news_content a .pd-0-mobile {
        padding: 0;
    }
    .container-fluid#news_content-latest {
        padding: 0
    }
    .news_content-latest {
        width: 100%;
        padding: 35px 20px
    }
    .news_content-latest-mobile {
        padding: 0;
    }
    .news_content-latest .pd-box {
        padding-bottom: 25px
    }
    .news_content-latest a .news-item .news-item-mobile {
        width: 100%;
        height: 345px;
    }
    .news_content-horizontal {
        /* padding: 50px 0 0 0; */
    }
    .news_content-horizontal a .news-item {
        /* display: block */
    }
    .ratio_3-4 {
        width: 120px;
        height: 120px;
        margin-right: 12px;
    }
    .news_content-horizontal a .news-item .news-item-mobile {
        width: 120px;
        height: 120px;
    }
    .news_content-horizontal a .news-item .news-item-tab {
        margin: 0;
        width: 74%;
    }
    .news_content-horizontal a .news-item .news-item-tab h5 {
        padding-top: 8px
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title {
        justify-content: space-between
    }
    .news_content-video-podcast {
        padding: 0;
    }
    .news_content-video-podcast .news_content-video .video-title {
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-title {
        padding-top: 30px;
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-video .video-box {
        min-height: 280px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 430px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
        top: 40px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: -16px;
        text-align: center
    }
    .news_content-video-podcast .news_content-podcast .podcast-text {
        width: 90%
    }
    .news_description {
        padding: 30px 20px
    }
    .news_description-content.container {
        width: 100%
    }
    #news_description-content {
        padding: 30px 0 0
    }
    .news_description-content-title h1 {
        font-size: 24px;
        text-align: center
    }
    .news_description-content-title .sub-title {
        justify-content: space-evenly
    }
    .news_description-content,
    .news_description-content-details {
        width: 100%
    }
    .news_description-content-details .content-share-box-flex {
        display: flex;
        align-items: center
    }
    .news_description-content-details .content-share-box-flex a {
        margin-left: 12px
    }
    .news_description-content-details .content-share-box-flex a:last-child {
        margin-left: 12px
    }
    .news_description-content-details .content-share-box {
        display: flex;
    }
    .news_description-content-details .content-find-box {
        display: block
    }
    .news_description-content-details .content-find-box-flex {
        padding-top: 15px
    }
    .news_description-content-details .content-find-box-flex a:first-child {
        margin-left: 0
    }
    .news_description-content-details .content-find-box-flex a .find-content p {
        text-align: center
    }
    #news_content-relate {
        padding-bottom: 0;
        padding: 0px 4px;
    }
    .news_content-relate {
        padding: 35px 0px
    }
    .news_content-relate .title {
        padding: 0 12px;
    }
    .news_content-relate .pd-box {
        padding-bottom: 25px
    }
    .news_content-relate .news-item .news-item-mobile {
        width: 100%
    }
    .news_content-horizontal a .news-item .news-item-tab .wrapper-content p {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .news_content-horizontal a .news-item .wrapper-content h5 {
        width: 100%;
        /* white-space: pre-wrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-top: 0;
        font-size: 16px;
    }
    /* .news_description-content-details .content-share-box-flex .share-face {
        margin-left: 0;
    } */
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .hide-on-laptop {
        display: block!important
    }
    .news_nav .nav .nav-item {
        /* margin-bottom: 5px */
    }
    .news_description-content-details .content-text-box img {
        width: 100% !important;
        height: 100% !important;
    }
    .news_nav-scroll {
        padding: 0;
    }
    .news_nav .nav .nav-item .active {
        color: #006d9b!important;
        border-bottom: 2px solid #006d9b;
    }
    .scroll_mobile {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .scroll_mobile ul {
        width: 710px;
    }
    .scroll_mobile::-webkit-scrollbar {
        display: none;
    }
    #news_content {
        padding: 50px 20px
    }
    .news_content {
        padding: 0;
    }
    .news_content a .news-item-mobile {
        height: 100%;
    }
    .news_content a .my-tag-mobile {
        padding-top: 20px
    }
    .container-fluid#news_content-latest {
        padding: 0
    }
    .news_content-latest-mobile {
        padding: 0;
    }
    .news_content-latest {
        width: 100%;
        padding: 35px 20px
    }
    .news_content-latest .pd-box {
        padding-bottom: 25px
    }
    .news_content-latest a .news-item .news-item-mobile {
        width: 100%
    }
    .news_content-horizontal {
        padding: 50px 0 0 0;
    }
    /* .news_content-horizontal a .news-item {
        display: block
    } */
    .ratio_3-4 {
        margin-right: 12px;
        width: 40%;
        height: 147px;
        /* object-fit: cover; */
    }
    .news_content-horizontal a .news-item .news-item-mobile {
        width: 180px;
        height: 147px;
        margin-right: 12px;
        /* object-fit: cover; */
    }
    /* .news_content-horizontal a .news-item .news-item-mobile {
        width: 100%
    } */
    /* .ratio_3-4 {
        width: 100%;
    } */
    .news_content-horizontal a .news-item .news-item-tab {
        margin: 0;
        width: 60%;
    }
    .news_content-horizontal a .news-item .news-item-tab h5 {
        /* padding-top: 8px */
    }
    .news_content-horizontal a .news-item .news-item-tab .sub-title {
        justify-content: space-between;
        padding-top: 0;
    }
    .news_content-video-podcast {
        padding: 0;
    }
    .news_content-video-podcast .news_content-video .video-title {
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-title {
        padding-top: 30px;
        margin-bottom: 10px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 485px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-img-2 {
        top: 40px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: -40px;
        text-align: center;
        width: 48%
    }
    .news_content-video-podcast .news_content-podcast .podcast-text {
        width: 92%;
        padding: 12px;
        font-size: 14px
    }
    .news_description {
        padding: 30px 20px
    }
    .news_description-content.container {
        width: 100%
    }
    #news_description-content {
        padding: 30px 0 0
    }
    .news_description-content-title h1 {
        font-size: 24px;
        text-align: center
    }
    .news_description-content-title .sub-title {
        justify-content: space-evenly
    }
    .news_description-content,
    .news_description-content-details {
        width: 100%
    }
    .news_description-content-details .content-share-box {
        /* display: block */
    }
    .news_description-content-details .content-share-box-flex {
        display: flex;
        align-items: center
    }
    .news_description-content-details .content-share-box-flex a {
        margin-left: 0
    }
    .news_description-content-details .content-share-box-flex a:last-child {
        margin-left: 12px
    }
    .news_description-content-details .content-find-box {
        display: block
    }
    .news_description-content-details .content-find-box-flex a {
        margin: 0
    }
    .news_description-content-details .content-find-box-flex a .find-content p {
        text-align: center
    }
    #news_content-relate {
        padding-bottom: 0;
        padding: 0px 4px;
    }
    .news_content-relate {
        padding: 35px 0px
    }
    .news_content-relate .title {
        padding: 0 12px;
    }
    .news_content-relate .pd-box {
        padding-bottom: 25px
    }
    .news_content-relate .news-item .news-item-mobile {
        width: 100%
    }
}

@media (min-width:1200px) {
    .hide-on-laptop {
        display: none!important
    }
}

@media (min-width:1024px) and (max-width:1366px) {
    .news_content-video-podcast .news_content-podcast .podcast-box {
        min-height: 450px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-right {
        margin-left: 28px
    }
    .news_content-video-podcast .news_content-podcast .podcast-box-content-left-text {
        bottom: 19px;
        width: 86px
    }
}