/* BODY  */
#body{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    user-select: none;       /* Chuẩn */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge cũ */ 
    position: relative;
    padding-top: 20px;
    min-height: calc(100vh - 480px);
}
    #body .body__pnl{ 
        width: 100%; 
        align-content: center;
        margin-bottom: 30px;
    }
        #body .body__pnl > *{
        }
            #body .body__pnl .body__pnl-col75{ 
                float: left;
                width: calc(75% - 5px); }
            #body .body__pnl .body__pnl-col25{
                float:right;
                width: calc(25% - 5px); }
            
            #body .body__pnl .body__pnl-col73{ 
                float: left;
                width: calc(73% - 10px); }
            #body .body__pnl .body__pnl-col27{
                float:right;
                width: calc(27% - 10px); }

            #body .body__pnl .body__pnl-col50r{ 
                float:right;
                width: calc(50% - 10px); }
            #body .body__pnl .body__pnl-col50l{
                float: left;
                width: calc(50% - 10px); }
            
    /* Hien thi anh nen  */
    #body .body__pnlST2{
        width: 100%; 
        display: flex;
        justify-content: center;
        padding: 30px 0;
        margin-bottom: 30px;
    } 
/* ====== blockNewsST1 - Tin noi bat ======  */
.blockNewsST1{}
    .blockNewsST1 .blockNewsST1__pnl{
    } 
        .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-top{
            display: flex;
        } 
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-top .blockNewsST1__pnl-top-title{
                font-size: 18px;
                text-transform: uppercase;
                font-weight: bold;
                display: flex;
                align-items: center; 
                margin-bottom: 10px;
                position: relative;
                color: var(--color-text);
                padding: 0 15px;
                cursor: pointer;
            } 
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-top .blockNewsST1__pnl-top-title:first-child{ 
                padding-left: 0;
            } 
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-top .blockNewsST1__pnl-top-title::after{ 
                border:1px solid gray;
            } 
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-top .blockNewsST1__pnl-top-title.active{ 
                color: var(--color-primary-1);
            } 
        .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body{
            display: flex;
            /* padding: 15px; */
            box-sizing: border-box; 
            gap: 15px;
        }
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body .blockNewsST1__pnl-body-item{ 
                display: none;
                gap: 15px;
            }
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body .blockNewsST1__pnl-body-item.active{ 
                display: flex;
            }
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-left{
                flex: 1;
                border-bottom: 1px solid rgba(13, 76, 146, 30%);
                background: #F6F6F6;
                cursor: pointer;
            } 
                .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-left .blockNewsST1__pnl-body-left-img{} 
                .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-left .blockNewsST1__pnl-body-left-title{
                    font-size: var(--size-title-1);
                    color: var(--color-primary-1);
                    font-weight: bold;
                    padding: 10px; 
                    transition: color 0.35s ease,background 0.35s ease;
                } 
                .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-left:hover .blockNewsST1__pnl-body-left-title{
                    background: var(--color-primary-1);
                    color: var(--color-text-hover);
                } 
            .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right{
                flex: 1;
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            } 
                .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right .blockNewsST1__pnl-body-right-item{
                    width: calc(50% - 5px);
                    background: #F6F6F6;
                    padding: 10px;
                    box-sizing: border-box;
                    transition: color 0.35s ease,background 0.35s ease;
                    display: flex;
                    flex-direction: column; 
                    gap: 15px;
                    cursor: pointer;
                    border-bottom: 1px solid rgba(13, 76, 146, 30%)
                } 
                .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right .blockNewsST1__pnl-body-right-item:hover{
                    background: var(--color-primary-1);
                    color: var(--color-text-hover) !important;
                }  
                    .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right .blockNewsST1__pnl-body-right-item .blockNewsST1__body-right-item-title{
                        color: var(--color-primary-1);
                        font-weight: bold; 
                        transition: color 0.35s ease,background 0.35s ease;
                        line-height: 130%;
                        font-size: var(--size-title-2);
                        line-height: 1.6em;
                    }                     

                    .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right .blockNewsST1__pnl-body-right-item:hover .blockNewsST1__body-right-item-title{
                        color: var(--color-text-hover);
                    }  
                    .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body-right .blockNewsST1__pnl-body-right-item .blockNewsST1__body-right-item-description{} 
/* ====== endb: blockNewsST1======  */

/* ====== start: mediaST1 ======  */
/* block : hinh anh, video, livestreams  */

.mediaST1 { 
}
    .mediaST1 .mediaST1__top{
        display: flex;
        justify-content: space-between;
        background: #F1EFEF;
        padding: 20px 0;
    }            
        .mediaST1 .mediaST1__top .mediaST1__top-left{
            font-size: 22px;
            color: var(--color-primary-1);
            font-weight: 700;
            line-height: 130%;
            letter-spacing: 0.027px;
            padding-left: 30px;
            font-size: var(--size-title-1);
            text-transform: uppercase;
        }
        .mediaST1 .mediaST1__top .mediaST1__top-right{
            display: flex;
            gap: 30px;
            padding-right: 30px;
        }
            .mediaST1 .mediaST1__top .mediaST1__top-right .mediaST1__top-right-title{
                padding: 4px 8px;
                font-weight: 500;
                cursor: pointer;
            }
            .mediaST1 .mediaST1__top .mediaST1__top-right .mediaST1__top-right-title.active{
                background: var(--color-primary-3);
                color: white;
            }
    .mediaST1 .mediaST1__body{ 
        /* height: 590px; */
    }
        .mediaST1 .mediaST1__body .mediaST1__body-content{
            display: none; 
            gap: 14px;
            height: 100%;
        }
            /* left column  */
            .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left{
                width: calc(75% - 7px);
                cursor: pointer;
                height: 100%;
            }
            .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left:hover {
                color: var(--color-text-hover);
            }
                /* thumnail video highlight */
                .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left .mediaST1__content-left-thumnail {
                    width: 100%;
                }
                /* title video highlight  */
                .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left .mediaST1__content-left-title {
                    font-weight: 700;
                    align-content: center;
                    padding: 0 20px;
                    line-height: 130%;
                    background: #F6F6F6;
                    padding: 8px 16px;
                    transition: background 0.35s ease;
                    font-size: var(--size-title-1);
                }
                .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left:hover .mediaST1__content-left-title{
                    background: var(--color-primary-1);
                }
            /* right column  */
            .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-right{
                width: calc(25% - 7px);
                overflow-y: scroll;
                height: 600px;
            }
                .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-right .mediaST1__body-content-right-item{
                    cursor: pointer;
                    margin-bottom: 20px;
                }
                    .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-right .mediaST1__body-content-right-item .mediaST1__content-right-item-thumnail{ 
                    }
                    .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-right .mediaST1__body-content-right-item .mediaST1__content-right-item-title{
                        padding: 8px 10px; 
                        font-size: var(--size-title-2);

                    }
        .mediaST1 .mediaST1__body .mediaST1__body-content.active{
            display: flex;
        } 

/* ====== endb: mediaST1 ======  */
 
/* ====== start: slideVertical ====== */
.slideVertical {
    width: 100%;
}
    .slideVertical .slideVertical-title{
        width: 100%;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: 0.024px;
        padding: 12px 12px 7px 12px;
        background: #BCE6FE !important;
        text-align: center;
        color: var(--color-primary-1);
        box-sizing: border-box;
        align-content: center;
        text-align: center;
        text-transform: uppercase;
        font-size: var(--size-title-2);
    } 
    .slideVertical .slideVertical-content{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #F9F9F9;;
    }
        .slideVertical .slideVertical-content .slideVertical-content-lienket{ 
            padding: 17px 15px;
            width: 100%;
        }
            .slideVertical .slideVertical-content .slideVertical-content-lienket select{
                border: none;
                outline: none; 
                background-color: white;
                border-radius: 4px;
                padding: 12px 6px;
                width: 100%;
                outline: none;
                border: 1.5px solid var(--color-primary-4) !important;
            }
        .slideVertical .slideVertical-content marquee{
            padding: 0 10px;
            box-sizing: border-box;
        }
            .slideVertical .slideVertical-content marquee .slideVertical-content-item{
                text-align: justify;
                margin-bottom: 10px;
                cursor: pointer;
            }
            .slideVertical .slideVertical-content marquee .slideVertical-content-item:hover{
                color: var(--color-primary-1);
            }


/* ====== end: slideVertical ====== */



/* ====== start: tabVertical ====== */
.tabsVertical { 
    display: flex;
    justify-content: space-around;
    text-align: justify;
}
    /* tab content  */
    .tabsVertical .tabsVertical-content{ 
        width: calc(70% - 15px);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 15px;
        box-sizing: border-box;
        background: white;;
    }
        .tabsVertical .tabsVertical-content-item{
            display: none; 
            justify-content: space-between;
        }
        .tabsVertical .tabsVertical-content-item.active{ 
            display: flex;
        }
            /* column left: first news  */
            .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left{
                width: calc(65% - 10px);
                cursor: pointer;
                padding-bottom: 10px;
                transition: color 0.35s ease,background 0.35s ease;
            }  
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left:hover { background-color: var(--color-primary-1);}
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left:hover .tabsVertical-content-item-left-title,
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left:hover .tabsVertical-content-item-left-description{
                    color: var(--color-text-hover);
                }
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left .tabsVertical-content-item-left-img{}
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left .tabsVertical-content-item-left-title{
                    color: var(--color-primary-1);
                    font-weight: 700;
                    margin: 10px; 
                    -webkit-line-clamp: 1;
                    font-size: var(--size-title-2); 
                }
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-left .tabsVertical-content-item-left-description{ padding: 0 10px; }
            /* column right: list news  */
            .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-right{
                width: calc(35% - 10px);
            }
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-right .tabsVertical-content-item-right-item{
                    border-bottom: 1px solid lightgray;
                    padding: 0px 10px;
                    margin: 10px 0px;
                    cursor: pointer;
                    transition: background 0.35s ease;
                    /* -webkit-line-clamp: 2; */
                }
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-right .tabsVertical-content-item-right-item:last-of-type{
                    margin-bottom: 20px;
                }
                .tabsVertical .tabsVertical-content-item .tabsVertical-content-item-right .tabsVertical-content-item-right-item:hover{
                    color: var(--color-text-hover);
                    background: var(--color-primary-1);
                }
    /* tab list  */
    .tabsVertical .tabsVertical-sideBar{
        width: calc(20% - 15px);
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .tabsVertical .tabsVertical-sideBar > li{
            padding: 15px 9px;
            margin-bottom: 20px;
            border-radius: 5px;
            text-align: center;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            letter-spacing: 0.275px;
            border: 0.5px solid var(--color-primary-1);
            list-style: none;
            text-transform: uppercase;
            cursor: pointer;
            position: relative;
            transition: color 0.35s ease, background 0.35s ease;
            box-sizing: border-box;
            background: white;
        }
        .tabsVertical .tabsVertical-sideBar > li:hover,
        .tabsVertical .tabsVertical-sideBar > li.active{
            color: var(--color-text-hover);
            border: 0.5px solid var(--color-primary-3);
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border: none;
            background: linear-gradient(90deg, var(--color-primary-3), #0d4d9d);
        }
        .tabsVertical .tabsVertical-sideBar > li::before{ 
            display: none;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -20px;
            width: 23px;
            background-color: var(--color-primary-3); 
            clip-path: polygon(75% 0, 100% 0, 100% 100%, 75% 100%, 0 50%);
        }
        .tabsVertical .tabsVertical-sideBar > li:hover::before,
        .tabsVertical .tabsVertical-sideBar > li.active::before{
            display: block;
        }
/* ====== end: tabVertical ====== */

/* start: Vote - Binh chon  */
.blockVote {}
    .blockVote__pnl {
        width: 100%;
        display: flex;
    }
        .blockVote__pnl .blockVote__pnl-col {
            width: 50%;
            padding: 32px 80px;
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 15px;
            box-sizing: border-box;
        }
        .blockVote__pnl .blockVote__pnl-col.blockVote__pnl-left {
            background-color: var(--color-primary-4);
        }
        .blockVote__pnl .blockVote__pnl-col.blockVote__pnl-right {
            background-color: var(--color-primary-1);
        }
            .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-title {
                font-size: 18px;
                font-weight: 700;
                line-height: 23.4px;
                text-transform: uppercase;
            } 
            .blockVote__pnl .blockVote__pnl-col.blockVote__pnl-left .blockVote__pnl-col-title { 
                color: var(--color-primary-1);
            } 
            .blockVote__pnl .blockVote__pnl-col.blockVote__pnl-right .blockVote__pnl-col-title { 
                color: white;
            } 
            .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-titleSub {
            }
            .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-radios{}
                .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-radios input{
                }
                .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-radios label{
                    margin-right: 20px;
                }
            .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-propose{
                font-weight: 700;
                font-size: 18px;
            }
            .blockVote__pnl .blockVote__pnl-col #txt-propose{ 
                padding: 8px;
                border-radius: 4px; 
                border: none;
                outline: none;
                border: 1.5px solid var(--color-primary-1);
                width: 70%;
            }
            .blockVote__pnl .blockVote__pnl-col #txt-propose:focus{
                border: 1.5px solid var(--color-primary-2);
            }
            .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-content{
                width: 100%;
                color: white;
            }
                .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-content label{
                    float: left;
                }
                .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-content progress{
                width: 100%;
                }
                .blockVote__pnl .blockVote__pnl-col .blockVote__pnl-col-content span{
                    float: right;
                    margin-left: 20px;
                }  
/* end: Vote - Binh chon  */

/* start: blockDocList - table danh sach van ban  */
.blockDocList {}
    .blockDocList > table {
        border-collapse: collapse;
        width: 100%;
    }
    .blockDocList td, 
    .blockDocList th {
        border: 1px solid #ddd;
        text-align: left;
        padding: 10px;
    } 
    .blockDocList th {
        align-content: center;
        text-align: center;
        background: var(--color-primary-4);
    }
    .blockDocList tr {
        box-sizing: border-box;
    }
    .blockDocList tr:hover {
        background: var(--color-text-hover);
        cursor: pointer;
        color: var(--color-primary-1);
    } 
/* end: blockDocList - table danh sach van ban  */

/* start: progressbar  */
.progress-bar {
    width: 100%;
    height: 15px;
    border-radius: 4px;
    background: #E0E0E0;
}
    .progress-bar .progress {
        height: 100%;
        background: #FFB81F;
        border-radius: 4px;
    }
/* end: progressbar  */

/* start: blockSlideST1 */
.slick-track {
    display: flex !important;
    /* gap: 10px; */
    /* padding: 10px 0; */
}
    .blockSlideBT1 .blockSlideBT1__item {
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .blockSlideBT1 a {
        margin: 0 4px;
    }
    .blockSlideBT1 a:hover img{ 
        box-shadow: rgba(99, 99, 99, 0.9) 0px 2px 8px 0px;
    }
        .blockSlideBT1 a img{
            height: auto;
            border-radius: 10px;
            width: 100%;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            transition: box-shadow 0.35s ease;
        }
        .slick-prev:before, .slick-next:before {
            color: black; /* đổi màu mũi tên */
        }
        .slick-dots li button:before {
            font-size: 12px; 
        }
/* end: blockSlideST1 */

/* start: catalogList */
.catalogList{
    width: 100%; 
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
    .catalogList .catalogList-item{
        width: calc(33.33% - 20px);
        border:1px solid #C84735;
        box-sizing: border-box;
    }
    .catalogList .catalogList-item:nth-child(2) { border:1px solid #200079;  }
    .catalogList .catalogList-item:nth-child(2) .catalogList-item-top{ background: #200079; }
    
    .catalogList .catalogList-item:nth-child(3) { border:1px solid #C9003C;  }
    .catalogList .catalogList-item:nth-child(3) .catalogList-item-top{ background: #C9003C; }
    
    .catalogList .catalogList-item:nth-child(4) { border:1px solid #E19200;  }
    .catalogList .catalogList-item:nth-child(4) .catalogList-item-top{ background: #E19200; }
    
    .catalogList .catalogList-item:nth-child(5) { border:1px solid #8B049C;  }
    .catalogList .catalogList-item:nth-child(5) .catalogList-item-top{ background: #8B049C; }
    
    .catalogList .catalogList-item:nth-child(6) { border:1px solid #18B7C9;  }
    .catalogList .catalogList-item:nth-child(6) .catalogList-item-top{ background: #18B7C9; }
    
        /* top */
        .catalogList .catalogList-item-top{
            background: #C84735;
            color: white;
            font-weight: 600;
            font-size: var(--size-title-1);
            text-transform: uppercase;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 16px;
            height: 75px; 
        }
            .catalogList  .catalogList-item-top-left{}
            .catalogList  .catalogList-item-top-right{}
                .catalogList  .catalogList-item-top-right img{}
        /* mid */
        .catalogList .catalogList-item-mid{
            padding: 15px;
            display: flex;
            flex-direction: column;
        }
            .catalogList .catalogList-item-mid .catalogList-item-mid-artc{
                padding: 5px 10px;
                display: flex;
                align-items: center; 
                cursor: pointer; 
                border-radius: 10px;
                margin: 10px 0;
                transition: background 0.35s ease;
            }
            .catalogList .catalogList-item-mid .catalogList-item-mid-artc:hover{ 
                background: var(--color-primary-1);
                color: white;
            }
                .catalogList .catalogList-item-mid .catalogList-item-mid-artc span{
                    float: left;
                    -webkit-line-clamp: 2;
                    width: calc(100% - 53px);
                    font-weight: 500;
                    text-align: justify;
                }
                .catalogList .catalogList-item-mid .catalogList-item-mid-artc img{
                    float: right;
                    width: 22px;
                    height: 22px;
                    padding-left: 30px;
                }
        /* bottom */
        .catalogList .catalogList-item-bot{
            text-align: center;
            padding-bottom: 20px;
        }


/* end: catalogList  */

/* start: breadcrumb - map page  */
.breadcrumb{
}
    .breadcrumb .breadcrumb__default-steps{
        color: gray;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
    } 
    .breadcrumb .breadcrumb__default-steps:hover{
        color: var(--color-primary-1); 
    }
    .breadcrumb .breadcrumb__default-steps.active{
        color: var(--color-primary-1);
        cursor: auto;
    }
/* end: breadcrumb - map page  */

.buttonContainer{
    display: flex;
    gap: 16px;
    justify-content: center;    
}

    .buttonContainer .buttonContainer__item{ 
        text-transform: uppercase;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 250px; 
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background-color: #f5f5f5;
        color: #333;
        cursor: pointer;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s, transform 0.3s;
        height: 60px;
    }
    .buttonContainer .buttonContainer__item:hover{  
        color: #ffffff !important; 
        background-color: #db7100 !important;
    }
    .buttonContainer .buttonContainer__item.active{      
        background-color: #ffedcc;
        color: #db7100;
    }
.contentContainer{
    padding-top: 16px;
}
    .contentContainer .contentContainer__item{
        width: 100%;
        display: none;
        text-align: justify; 
    }
    .contentContainer .contentContainer__item .contentContainer__item-title{ 
        font-size: 32px;
        font-weight: 700;
        line-height: 41.6px;
        text-align: center;
        text-decoration-skip-ink: none;
        color: #2e2e2e;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .contentContainer .contentContainer__item.active{
        width: 100%;
        display: block;
    }
    .contentContainer .contentContainer__item-content{
        width: 100%;
        display: flex;
        gap: 40px;
        margin-bottom: 40px;
    }
        .contentContainer .contentContainer__item-content .contentContainer__item-content-col{
            flex: 1;
        }
.image-format-1{
    width: 100px;
    height: auto;
    object-fit: cover;
} 
.text-align-center{
    text-align: center;
}
.tableST1-tr-1{
    display: flex; 
    gap: 10px;
    justify-content: center;
    margin-bottom: 50px;
}
.tableST1-td-1{
    display: flex;
    align-items: center;
    gap: 10px;
}
.diagramST1{
    min-height: 388px; 
    margin-top: 20px;
    margin-top: 50px;
}
    .diagramST1 .diagramST1-row{
        display: flex;
        gap: 10px;
        justify-content: space-around;
    }
        .diagramST1 .diagramST1-row .diagramST1-row-item{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 20px; 
            margin-bottom: 50px;
            position: relative;
        }  
            .diagramST1 .diagramST1-row .diagramST1-row-item  .diagramST1-row-item-img{
                width: 100px;
                height: auto;
                object-fit: cover;
            }
            .diagramST1 .diagramST1-row .diagramST1-row-item  .diagramST1-row-item-imgAbs{
                position: absolute;
                bottom: 100%;
            }
            .diagramST1 .diagramST1-row .diagramST1-row-item .diagramST1-row-item-info{
                font-size: 18px;
                font-weight: 700;
                line-height: 27.3px;
                letter-spacing: 0.0015em;
                text-align: center;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;
                color: var(--color-primary-1);
                white-space: nowrap;
            }
                .diagramST1 .diagramST1-row .diagramST1-row-item .diagramST1-row-item-info .diagramST1-row-item-info-pos{}
                .diagramST1 .diagramST1-row .diagramST1-row-item .diagramST1-row-item-info .diagramST1-row-item-info-fullname{}
/* start: navST1  */
.navST1{
    display: flex;
    gap: 20px;
}
    .navST1 .navST1__item{ 
        position: relative;
        padding-right: 20px;
        font-size: 32px;
        text-transform: uppercase;
        font-weight: 700;
        color: gray;
        cursor: pointer;
    }
    .navST1 .navST1__item:hover,        
    .navST1 .navST1__item.active{         
        color: var(--color-primary-1); 
    } 
    .navST1 .navST1__item::after{  
        border-color: gray;
    }
.navContent{}
    .navContent .navContent__item{
        display: none;
    }
    .navContent .navContent__item.active{
        display: block;
    }
/* end: navST1  */


/* start: leadershipBoard  */
.leadershipBoard{}
    .leadershipBoard .leadershipBoard__content{
        display: flex;
        justify-content: space-around;
        margin-bottom: 20px;
    }
        .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member{
            width: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: center;
        }
        .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-title{}
        .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-img{
            width: 150px;
            height: auto;
            object-fit: cover;
        }
        .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-position{
            font-weight: 500;
            line-height: 23.4px;
            letter-spacing: 0.0015em;
            text-align: center;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: var(--color-primary-1); 
            width: 138px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-name{
            font-size: 18px;
            font-weight: 700;
            line-height: 27.3px;
            letter-spacing: 0.0015em;
            text-align: center;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: var(--color-primary-1); 
            white-space: nowrap;
        }
/* end: leadershipBoard  */

/* start: mapSite  */
.mapSite{}
    .mapSite .mapSite__title{
        float: left;
        width: 100%;
        margin-bottom: 30px;
        font-size: 20pt;
        font-weight: 700;
        text-align: center;
    }  
    .mapSite .mapSite__pnl{
        width: 100%;
        display: flex;
    }               
        .mapSite .mapSite__pnl .mapSite__pnl-col-left{ 
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: end;                                           
            padding-right: 20px;
        padding-bottom: 15px;
            border-right: 1px solid gray;
        }
            .mapSite .mapSite__pnl .mapSite__pnl-col-left a.mapSite__pnl-lv1{  
                position: relative;
                font-size: 18px;
                font-weight: 700;
                color: #1e1e1e;
                text-decoration: none;
            }
            .mapSite .mapSite__pnl .mapSite__pnl-col-left a.mapSite__pnl-lv1::after{  
                position: absolute;
                right: -20px;
                content: '\25A0';
                color: var(--color-primary-1);
                margin-left: 35px;
                margin-right: -5px;
                font-size: 13px;
                margin-bottom: 10px;
            }
        .mapSite .mapSite__pnl .mapSite__pnl-col-right{ 
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: start;
            padding-left: 20px;
            border-left: 1px solid gray;
        }
            .mapSite .mapSite__pnl .mapSite__pnl-col-right a.mapSite__pnl-lv2{  
                font-weight: 700;
                color: #1e1e1e;
                text-decoration: none;
                margin-bottom: 10px;
            }
            .mapSite .mapSite__pnl .mapSite__pnl-col-right a.mapSite__pnl-lv3{
                color: #555;
                text-decoration: none;
                margin-bottom: 10px;
                margin-left: 10px;
            }
/* end: mapSite  */

/* start: articleST6 */ 
.articleST6{
    display: flex;
    gap: 9px;
}
    .articleST6 .articleST6__item-first{ 
        cursor: pointer;
        height: 100%;
    }
    .articleST6 .articleST6__item-mid{ cursor: pointer; }
    .articleST6 .articleST6__col30{
        width: calc(30% - 6px); 
    } 
        .articleST6 .articleST6__col30 .articleST6__col30-content{
            padding: 10px;
            box-sizing: border-box;
            text-align: justify;            
        }
            .articleST6 .articleST6__col30 .articleST6__col30-content-title{
                font-size: var(--size-title-2);
                font-weight: 600;
            }
            .articleST6 .articleST6__col30 .articleST6__col30-content-description{
            }
        .articleST6 .articleST6__col30 .articleST6__col30-item{
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
            cursor: pointer;
            padding-right: 10px;
        } 
        .articleST6 .articleST6__col30 .articleST6__col30-item:hover{
            
        }
            .articleST6 .articleST6__col30 .articleST6__col30-item .articleST6__col30-item-left{ 
                width: 120px;
            }  
            .articleST6 .articleST6__col30 .articleST6__col30-item .articleST6__col30-item-right{ 
                width: calc(100% - 130px);
                font-weight: 600; 
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            } 
                .articleST6 .articleST6__col30 .articleST6__col30-item .articleST6__col30-item-right .max-lines{  
                    -webkit-line-clamp: 2;
                } 
    .articleST6 .articleST6__col40{
        width: calc(40% - 6px);
    }
        .articleST6 .articleST6__col40 .articleST6__col40-title{ 
            font-size: var(--size-title-1);
            font-weight: 700;
            margin-top: 10px; 
            padding-left: 10px;
            box-sizing: border-box;
        } 
/* end: articleST6 */

/* start: blockSlideNoti */
.blockSlideNoti{}
    .blockSlideNoti .blockSlideNoti__item{
        padding: 0 2px; 
        box-sizing: border-box; 
    }
    .blockSlideNoti .blockSlideNoti__item:hover{
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
        .blockSlideNoti .blockSlideNoti__item .blockSlideNoti__item-title{
            font-size: var(--size-title-2);
            font-weight: bold;
            -webkit-line-clamp: 2;
            margin-bottom: 4px;
            box-sizing: border-box; 
            margin: 10px; 
            text-align: left !important;
        }
        /* hover  */
        .blockSlideNoti .blockSlideNoti__item:hover .blockSlideNoti__item-title{ 
            color: white;
        }
        .blockSlideNoti .blockSlideNoti__item .blockSlideNoti__item-datecreate{
            font-size: var(--size-title-2);
            font-weight: bold;
            -webkit-line-clamp: 2;
            margin-bottom: 4px;
            box-sizing: border-box; 
            padding: 0px 10px;
            width: 100%;
            text-align: left !important; 
            display: block;
        }
        .blockSlideNoti .blockSlideNoti__item a{
            color: initial;
            text-decoration: none;
        }
/* end: blockSlideNoti */

/* start: countHits */
.countHits{
    font-size: 14px;
}
    .countHits .countHits__content{}
        .countHits .countHits__content .countHits__content-row{
            display: flex;
            justify-content: space-between;
        }
            .countHits .countHits__content .countHits__content-row .countHits__content-row-left{
                display: flex;
                align-items: center;
                gap: 10px;
            }
            .countHits .countHits__content .countHits__content-row .countHits__content-row-left .ico{
                font-size: 16px;
            }
            .countHits .countHits__content .countHits__content-row .countHits__content-row-right{}
/* end: countHits */
 
/* start: blockArticleST6 */
.blockArticleST6{
    width: 100%;
    display: flex;
    gap: 10px;
}
    .blockArticleST6 .blockArticleST6__img{
        width: 100%;
        display: flex;
        gap: 16px;
        margin-bottom: 10px;
        cursor: pointer;
        width: calc(50% - 5px);
        position: relative;
        color: white; 
    }  
    .blockArticleST6 .blockArticleST6__img .blockArticleST6__img-abs{
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background:linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.1));
        height: 200px;
        padding: 10px;
    }
    .blockArticleST6 .blockArticleST6__img .blockArticleST6__img-title{
        font-size: 18px;
        font-weight: 600;  
    }
    .blockArticleST6 .blockArticleST6__img .blockArticleST6__img-description{ }
    .blockArticleST6 .blockArticleST6__img .blockArticleST6__img-datecreate{ }

    .blockArticleST6 .blockArticleST6__list{
        display: flex;
        flex-direction: column;
        width: calc(50% - 5px); 
        height: 100%;
        justify-content: space-between;

    }
        .blockArticleST6 .blockArticleST6__list .blockArticleST6__list-item{
            cursor: pointer;
            display: flex;
            width: 100%;
        }
            .blockArticleST6 .blockArticleST6__list .blockArticleST6__list-item .blockArticleST6__list-item-img{}
            .blockArticleST6 .blockArticleST6__list .blockArticleST6__list-item .blockArticleST6__list-item-content{
                padding: 4px 10px;
                box-sizing: border-box;
            }
                .blockArticleST6 .blockArticleST6__list .blockArticleST6__list-item .blockArticleST6__list-item-content .blockArticleST6__list-item-content-title{
                    font-weight: 600;
                    -webkit-line-clamp: 2;
                }
                .blockArticleST6 .blockArticleST6__list .blockArticleST6__list-item .blockArticleST6__list-item-content .blockArticleST6__list-item-content-description{}
/* end: blockArticleST6 */


/* start: blockArticleST7 */
.blockArticleST7{}
    .blockArticleST7 .blockArticleST7__top{
        display: flex;
        gap: 16px;
        margin-bottom: 48px;
        padding-right: 10px;
        box-sizing: border-box;
      }
    .blockArticleST7 .blockArticleST7__top-left{
        width: calc(50% - 8px);
      }
    .blockArticleST7 .blockArticleST7__top-right{ 
        width: calc(50% - 8px);
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
     } 
        .blockArticleST7 .blockArticleST7__top-right .blockArticleST7__top-right-title{  
            color: var(--color-primary-1);
            font-size: 18px;
            font-weight: 600; 
        } 
        .blockArticleST7 .blockArticleST7__top:hover .blockArticleST7__top-right .blockArticleST7__top-right-title{  
            color: white;
        } 
        .blockArticleST7 .blockArticleST7__top-right .blockArticleST7__top-right-description{   
        } 
    .blockArticleST7 .blockArticleST7__list{
        width: 100%;
    }
        .blockArticleST7 .blockArticleST7__list .blockArticleST7__list-item{
            border-bottom: 1px solid lightgray;
            width: 100%;
            display: flex;
            align-items: center;
            height: auto; 
            padding: 10px 0;
            cursor: pointer;
            gap: 4px;
        }
        .blockArticleST7 .blockArticleST7__list .blockArticleST7__list-item:first-child{
            border-top: 1px solid lightgray; 
        }
            .blockArticleST7 .blockArticleST7__list .blockArticleST7__list-item .blockArticleST7__list-item-title{
                padding: 0 10px;
                height: 70px;
                border-radius: 4px;
                display: flex;
                align-items: center;
            } 
/* end: blockArticleST7 */


/* start: utilities */

.utilities{
    display: flex;
    gap: 10px;
}

    .utilities .utilities__item{ 
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 180px;
        border-radius: 10px;
        cursor: pointer; 
        background: rgba(74, 144, 226, 0.5);
        transition: all 0.35s ease;
        position: relative;
        overflow: hidden;
        text-decoration: none;
    }
    .utilities .utilities__item:hover{
        background: rgba(74, 144, 226, 0.8);  
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
     
        .utilities .utilities__item .utilities__item-ico{  
            font-size: 42px;
            display: none;
        }
        .utilities .utilities__item .utilities__item-title{  
            font-size: 24px;
            font-weight: bold;
            text-transform: uppercase;
            z-index: 1;            
            color: white;
            text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
            text-decoration: none;
        }

/* end: utilities */

/* start: frmBlock */
.frmBlock{
    display: flex;
    align-items: center;
    flex-direction: column;
    float: left;
    padding: 80px 35px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
    .frmBlock .frmBlock__top{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
        .frmBlock .frmBlock__top .frmBlock__top-logo{
            width: 120px;
            height: auto;
            margin-bottom: 16px;
        }
        .frmBlock .frmBlock__top .frmBlock__top-title{
            float: left;
            width: auto; 
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 700; 
        }
    .frmBlock .frmBlock__mid{
        margin-bottom: 16px;
        width: 100%;
    }
    .frmBlock .frmBlock__bot{ 
        font-size: 14px; 
        display: flex;
        gap: 10px;
    }
        .frmBlock .frmBlock__bot .frmBlock__bot-btn{ 
            cursor: pointer;
            color: var(--color-primary-1);
            font-weight: 700;
        }
        .frmBlock .frmBlock__bot .frmBlock__bot-btn:hover{
            color: var(--color-primary-2);

        }
.fileUpload{}
    .fileUpload .fileUpload-item{
        display: flex;
        align-items: center;
        gap: 10px;
        height: 40px; 
    }
        .fileUpload .fileUpload-item .fileUpload-item-img{}
        .fileUpload .fileUpload-item .fileUpload-item-name{}
        .fileUpload .fileUpload-item .fileUpload-item-cancel{
            cursor: pointer;
        }
.frmST2{}
    .frmST2 .frmST2-row{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px;
    }
        .frmST2 .frmST2-row .frmST2-row-lb{
            width: calc(30% - 20px);
        }
        .frmST2 .frmST2-row .frmST2-row-ip{
            width: calc(70% - 20px);
        }
        .frmST2 .frmST2-row .frmST2-row-full{
            width: 100%; 
            gap: 10px;
            display: flex;
            justify-content: center;
        }
/* end: frmBlock */

/* start: contactMap */
.contactMap{}
    .contactMap iframe.contactMap__iframe{
        width: 100%;
    }
/* end: contactMap */

/* start: loginBlock */
.loginBlock{ width: 450px; }
/* end: loginBlock */

/* start: feedBackBlock */
.feedBackBlock{ width: 100%; }
/* end: feedBackBlock */

/* Mobile/Tablet doc */
@media (max-width: 768px) { 
    #body .body__pnl {
        margin-bottom: 20px !important;
    }
    .blockNewsST1 .blockNewsST1__pnl{
        /* margin-bottom: 20px; */
    }
    .blockNewsST1 .blockNewsST1__pnl .blockNewsST1__pnl-body .blockNewsST1__pnl-body-item.active{
        flex-direction: column !important;
    }
    #body .body__pnl .body__pnl-col50l{
        width: 100%;
    }
    #body .body__pnl .body__pnl-col50r{
        width: 100%;
    }
    .mediaST1 .mediaST1__top{
        flex-direction: column;
        padding: 10px;
    }
    .mediaST1 .mediaST1__top .mediaST1__top-left{
        padding: 0px
    }
    #body .body__pnl .body__pnl-col75{
        width: 100%;
    }
    .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-left{
        width: 100%;
    }
    .mediaST1 .mediaST1__body .mediaST1__body-content.active{
        flex-direction: column;
    }
    .mediaST1 .mediaST1__body .mediaST1__body-content .mediaST1__body-content-right{
        width: 100%;
        overflow-y: visible;
    }
    #body .body__pnl .body__pnl-col25{
        width: 100%;
    }
    /*  */
    .blockVote__pnl{
        flex-direction: column;
    }
    .blockVote__pnl .blockVote__pnl-col{
        width: 100%;
        padding: 20px;
    }
    .blockVote__pnl .blockVote__pnl-col.blockVote__pnl-left .blockVote__pnl-col-title{
        text-align: center;
    }
    /* Tien ich */
    .utilities{
        flex-wrap: wrap;
    }
    /* Detail */
    #body .body__pnl .body__pnl-col73{
        width: 100%;
    }
    #body .body__pnl .body__pnl-col27{
        width: 100%;
    }
    /* About us */
    .navST1 .navST1__item{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .leadershipBoard .leadershipBoard__content{
        flex-wrap: wrap;
    }
    .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member{
        display: flex;
        flex-direction: column;
        align-items: center;
    } 
    .contentContainer .contentContainer__item-content{
        flex-direction: column;
    }
    
}
/* Từ 1024px den 1299px */
@media screen and (min-width: 1024px) and (max-width: 1299px) {
    .container { max-width: 1160px; }
}

/* Toi da 1300px */
@media (max-width: 1300px) {
    .container { max-width: 1222px !important; } 
    .bannerST1 .bannerST1__pnl .bannerST1__pnl-right,
    #header .headerMenu .headerMenu__pnl-right {
        display: none !important;
    }
    /* mediaST1  */
    .mediaST1 .mediaST1__body {
        /* height: 500px; */
    }
    .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-img{
        width: 70px;
    }
    .leadershipBoard .leadershipBoard__content .leadershipBoard__content-member .leadershipBoard__content-member-imgBoss{
        width: 150px;
    }
}

/* Toi thieu 1301px */
@media (min-width: 1301px) and (max-width: 1400px) { 
    /* mediaST1  */
    .mediaST1 .mediaST1__body {
        /* height: 530px; */
    }
}

/* Từ 1400px trở lên */
@media (min-width: 1400px) and (max-width: 1499px) {
    .container { max-width: 1222px !important; }
    /* mediaST1  */
    .mediaST1 .mediaST1__body {
        /* height: 500px; */
    }
}

@media (min-width: 1500px)  {
    .container { max-width: 1490px; }
    .mediaST1 .mediaST1__body {
        /* height: 620px ; */
    }
}