    p {
        font-size: 0.9em;
        font-weight: 300;
    }
    
    .blessbrand-page__text .t1 {
        color: #060606;
        text-align: left;
        /* font-size: 34px; */
        font-size: 35px;
        font-weight: 500;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
        margin-bottom: 10px;
        line-height: 1.2;
    }
    
    .blessbrand-page__text .t2 {
        color: #293278;
        text-align: left;
        font-size: 60px;
        /* font-size: 48px; */
        font-weight: 500;
        margin-bottom: 10px;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
    }
    
    .banner-ir-sub01 {
        background: url(../images/banner_sub.webp);
        background-size: cover;
        background-repeat: no-repeat;
        height: 480px;
        width: 100%;
        padding: 117px 0 0 21%;
    }
    
    .img01 {
        display: block;
    }
    
    .img02 {
        display: none;
    }
    
    .blessbrand-page__text .t3 {
        color: #293278;
        text-align: left;
        /* font-size: 34px; */
        font-size: 35px;
        font-weight: 500;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
        margin-bottom: 0px;
        line-height: 1.2;
    }
    
    @media screen and (max-width: 1880px) {
        .banner-ir-sub01 {
            height: 480px;
            padding: 117px 0 0 17%;
        }
    }
    
    @media screen and (max-width: 1700px) {
        .banner-ir-sub01 {
            height: 440px;
            padding: 117px 0 0 14%;
        }
    }
    
    @media screen and (max-width: 1399px) {
        .banner-ir-sub01 {
            height: 420px;
            padding: 117px 0 0 6%;
        }
    }
    
    @media screen and (max-width: 1366px) {
        /* .blessbrand-page__text {
        left: 50px;
        left: 10%;
        top: 50px;
        padding: 11.55% 0;
    } */
        .blessbrand-page__text .t2 {
            color: #293278;
            text-align: left;
            font-size: 50px;
        }
        .blessbrand-page__text .t1 {
            text-align: left;
            /* font-size: 34px; */
            font-size: 30px;
        }
        .blessbrand-page__text .t3 {
            text-align: left;
            /* font-size: 34px; */
            font-size: 30px;
        }
    }
    
    @media screen and (max-width: 1199px) {
        /* .blessbrand-page__text {
        left: 50px;
        left: 10%;
        top: 70px;
        padding: 11.55% 0;
    } */
        .banner-ir-sub01 {
            height: 375px;
            width: 100%;
        }
        .blessbrand-page__text .t2 {
            color: #293278;
            text-align: left;
            font-size: 45px;
        }
        .blessbrand-page__text .t1 {
            text-align: left;
            /* font-size: 34px; */
            font-size: 27px;
        }
        .blessbrand-page__text .t3 {
            text-align: left;
            /* font-size: 34px; */
            font-size: 27px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .banner-ir-sub01 {
            height: 335px;
            padding: 100px 0 0 6%;
        }
        .blessbrand-page__text .t2 {
            font-size: 40px;
        }
        .blessbrand-page__text .t1 {
            font-size: 25px;
        }
        .blessbrand-page__text .t3 {
            font-size: 25px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .banner-ir-sub01 {
            background: url(../images/banner_sub2.webp);
            height: 350px;
            background-repeat: no-repeat;
        }
    }
    
    @media screen and (max-width:515px) {
        .banner-ir-sub01 {
            height: 300px;
            background: url(../images/banner_sub.webp);
        }
        .blessbrand-page__text .t2 {
            font-size: 35px;
        }
        .blessbrand-page__text .t1 {
            font-size: 20px;
        }
        .blessbrand-page__text .t3 {
            font-size: 20px;
        }
        h2 {
            font-size: 27px;
        }
        .content_governance {
            padding: 10% 15px;
            font-size: 18px;
            line-height: 26px;
        }
    }
    
    @media screen and (max-width:414px) {
        .banner-ir-sub01 {
            background: url(../images/banner_sub2.webp);
            height: 252px;
            background-repeat: no-repeat;
            padding: 75px 0 0 6%;
        }
        .blessbrand-page__text .t2 {
            font-size: 30px;
            margin-bottom: 5px;
        }
        .blessbrand-page__text .t1 {
            font-size: 18px;
            margin-bottom: 5px;
        }
        .blessbrand-page__text .t3 {
            font-size: 18px;
        }
    }
    
    @media screen and (max-width:375px) {
        /* .blessbrand-page__text {
        left: 10%;
        top: 100px;
    } */
        .blessbrand-page__text .t2 {
            font-size: 27px;
        }
        .blessbrand-page__text .t1 {
            font-size: 15px;
        }
        .blessbrand-page__text .t3 {
            font-size: 15px;
        }
    }
    
    @media screen and (max-width:320px) {
        h2 {
            font-size: 23px;
        }
        .content_governance {
            padding: 20% 15px;
            font-size: 18px;
            line-height: 26px;
        }
    }
    /* ************************------mda------*********************************************** */
    /* Dropdown */
    /*----------------------------------------------------------------------------------------------*/
    /*  MD&A  */
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .section-mda {
        margin-bottom: 80px;
    }
    
    .cover-firat-mda {
        margin-top: 20px;
    }
    
    .cover-firat-mda .firat-mda {
        /* background-color: #f4f4f4; */
        background-color: rgb(224 234 243);
        padding: 55px 0 60px 0;
        height: 100%;
    }
    
    .cover-firat-mda .pic-mda {
        background: url(../images/bg_mda.webp) center center no-repeat;
        background-size: cover;
        height: 100%;
        background-color: #ccc;
    }
    
    .cover-firat-mda .firat-mda .t1 {
        text-align: center;
        font-size: 22px;
        font-weight: 400;
        color: rgb(0 0 0 / 90%);
    }
    
    .cover-firat-mda .firat-mda .t1 span {
        color: rgb(0 0 0 / 90%);
    }
    
    a.bt-firat-mda {
        display: block;
        margin: auto;
        font-size: 17px;
        font-weight: 500;
        color: #000000;
        text-align: center;
        width: 250px;
        border: 2px solid rgb(3 29 108 / 0%);
        padding: 14px 0 12px 0;
        margin-top: 30px;
        transition: all .3s;
        background-color: #ffc72c;
    }
    
    a.bt-firat-mda:hover {
        /* border: 2px solid #d4af56; */
        background-color: #293278;
        color: #fff;
        text-decoration: none;
    }
    
    @media screen and (max-width: 1199px) {
        a.bt-firat-mda {
            font-size: 16px;
            width: 230px;
            padding: 14px 0 12px 0;
            margin-top: 30px;
            transition: all .3s;
        }
    }
    
    @media screen and (max-width: 991px) {
        a.bt-firat-mda {
            width: 220px;
            padding: 11px 0 9px 0;
            margin: 25px auto 0 auto;
        }
    }
    
    @media screen and (max-width: 767px) {
        .cover-firat-mda .pic-mda {
            height: 300px;
        }
    }
    
    @media screen and (max-width: 515) {
        .cover-firat-mda .pic-mda {
            height: 150px;
        }
    }
    /*----------------------------------------------------------------------------------------------*/
    /* Dropdown */
    /*----------------------------------------------------------------------------------------------*/
    /* .dropdown-mda>span:before {
    margin-right: 4px;
    transform: scale(0.96, 0.8) rotate(50deg);
}

.dropdown-mda>span:before,
.dropdown-mda>span:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 1px;
    top: 50%;
    right: 15px;
    background: var(--arrow);
    transition: all 0.3s ease;
} */
    
    .texthead-finance-statement-download {
        font-size: 30px;
        font-weight: bold;
        color: #165ea1;
        float: left;
        margin-top: 10px;
    }
    
    .dropdown-mda {
        --max-scroll: 8;
        --text: #3F4656;
        --border: #2F3545;
        --borderActive: #f4f4f4;
        --background: #151924;
        --arrow: #000000;
        --arrowActive: #000000;
        --listText: #99A3BA;
        --listBackground: #F5F9FF;
        --listActive: #E4ECFA;
        --listTextActive: #6C7486;
        --listBorder: none;
        --textFilled: #99A3BA;
        margin-top: 50px;
    }
    
    .dropdown-mda select {
        display: none;
    }
    
    .dropdown-mda>span {
        cursor: pointer;
        padding: 9px 16px;
        border-radius: 0;
        display: block;
        position: relative;
        transition: all 0.3s ease;
        width: 170px;
        margin: 0px 0 20px auto;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        border: 2px solid #000;
        padding: 12px 0 10px 0;
        color: #000000;
    }
    
    .dropdown-mda>span:before,
    .dropdown-mda>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 2px;
        border-radius: 1px;
        top: 50%;
        right: 15px;
        background: var(--arrow);
        transition: all 0.3s ease;
    }
    
    .dropdown-mda>span:before {
        margin-right: 4px;
        transform: scale(0.96, 0.8) rotate(50deg);
    }
    
    .dropdown-mda>span:after {
        transform: scale(0.96, 0.8) rotate(-50deg);
    }
    
    .dropdown-mda ul {
        margin: 0 15px 0 0px;
        padding: 0;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        max-height: calc(var(--max-scroll) * 42px);
        top: 40px;
        z-index: 1;
        right: 0;
        background: #ffffff;
        border-radius: 0;
        overflow-x: hidden;
        overflow-y: auto;
        transform-origin: 0 0;
        transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
        transform: scale(0.8) translate(0, 4px);
        border: 1px solid var(--listBorder);
        width: 170px;
        border: 1px solid rgb(66 46 19 / 13%);
    }
    
    .dropdown-mda ul li {
        opacity: 0;
        transform: translate(6px, 0);
        transition: all 0.3s ease;
    }
    
    .dropdown-mda ul li a {
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        display: block;
        padding: 10px 16px;
        color: #165ea1;
        text-decoration: none;
        outline: none;
        position: relative;
        transition: all 0.3s ease;
        text-align: center;
    }
    
    .dropdown-mda ul li a:hover {
        color: var(--listTextActive);
    }
    
    .dropdown-mda ul li.active a {
        color: #ffffff;
        background: #ffc72c;
        font-weight: 500;
    }
    
    .dropdown-mda ul li.active a:before,
    .dropdown-mda ul li.active a:after {
        --scale: .6;
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        position: absolute;
        right: 17px;
        top: 50%;
        opacity: 0;
        background: var(--listText);
        transition: all 0.2s ease;
        display: none;
    }
    
    .dropdown-mda ul li.active a:before {
        transform: rotate(45deg) scale(var(--scale));
    }
    
    .dropdown-mda ul li.active a:after {
        transform: rotate(-45deg) scale(var(--scale));
    }
    
    .dropdown-mda ul li.active a:hover:before,
    .dropdown-mda ul li.active a:hover:after {
        --scale: .9;
        opacity: 1;
    }
    
    .dropdown-mda ul li:first-child a {
        border-radius: 0px 0px 0 0;
    }
    
    .dropdown-mda ul li:last-child a {
        border-radius: 0 0 6px 6px;
    }
    
    .dropdown-mda.filled>span {
        color: #000000;
    }
    
    .dropdown-mda.open>span {
        border-color: #000;
    }
    
    .dropdown-mda.open>span:before,
    .dropdown-mda.open>span:after {
        background: var(--arrowActive);
    }
    
    .dropdown-mda.open>span:before {
        transform: scale(0.96, 0.8) rotate(-50deg);
    }
    
    .dropdown-mda.open>span:after {
        transform: scale(0.96, 0.8) rotate(50deg);
    }
    
    .dropdown-mda.open ul {
        opacity: 1;
        visibility: visible;
        transform: scale(1) translate(0, 12px);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    }
    
    .dropdown-mda.open ul li {
        opacity: 1;
        transform: translate(0, 0);
        border-bottom: 1px solid rgb(66 46 19 / 13%);
    }
    
    .dropdown-mda.open ul li:nth-child(1) {
        transition-delay: 80ms;
    }
    
    .dropdown-mda.open ul li:nth-child(2) {
        transition-delay: 160ms;
    }
    
    .dropdown-mda.open ul li:nth-child(3) {
        transition-delay: 240ms;
    }
    
    .dropdown-mda.open ul li:nth-child(4) {
        transition-delay: 320ms;
    }
    
    .dropdown-mda.open ul li:nth-child(5) {
        transition-delay: 400ms;
    }
    
    .dropdown-mda.open ul li:nth-child(6) {
        transition-delay: 480ms;
    }
    
    .dropdown-mda.open ul li:nth-child(7) {
        transition-delay: 560ms;
    }
    
    .dropdown-mda.open ul li:nth-child(8) {
        transition-delay: 640ms;
    }
    
    .dropdown-mda.open ul li:nth-child(9) {
        transition-delay: 720ms;
    }
    
    .dropdown-mda.open ul li:nth-child(10) {
        transition-delay: 800ms;
    }
    
    select {
        --text: #3F4656;
        --border: #2F3545;
        --background: #151924;
    }
    
    select.dropdown-mda {
        padding: 9px 16px;
        border-radius: 0;
        color: var(--text);
        border: 1px solid var(--border);
        background: var(--background);
        line-height: 22px;
        font-size: 16px;
        font-family: inherit;
        -webkit-appearance: none;
    }
    
    .cover-dropdown-mda label {
        font-size: 16px;
        font-weight: 400;
        position: absolute;
        right: 210px;
        top: 14px;
    }
    
    .mda-table {
        margin-top: 10px;
    }
    
    .mda-table tbody tr.head td {
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        color: #ffffff;
        color: #ffffff;
        background-color: #293278;
        padding: 16px 21px 12px 20px;
        border-bottom: 3px solid #FFC72C;
    }
    
    .mda-table td {
        font-size: 16px;
        font-weight: 300;
        color: rgb(0 0 0 / 90%);
        padding: 0px;
    }
    
    table.mda-table tr:nth-child(odd) {
        background-color: #f2f9ff;
    }
    
    table.mda-table tr:nth-child(even) {
        /* background-color: #f7f1e4; */
        background-color: #e0eaf3;
    }
    
    .coverT {
        display: flex;
        vertical-align: middle;
        padding: 0px 20px;
        height: 60px;
    }
    
    .coverT p {
        margin: auto;
        display: block;
    }
    
    .coverT p a {
        transition: all 0.2s;
    }
    
    .coverT p a:hover {
        opacity: 0.7;
    }
    
    .coverT img {
        width: 25px;
        margin: auto;
    }
    
    .padding-0 {
        padding: 0;
    }
    
    .margin-0 {
        margin: 0;
    }
    
    .icon-downL01 {
        margin: -4px 21px 0 0px;
        width: 25px;
    }
    
    .icon-downL02 {
        width: 25px;
    }
    
    .center01 {
        text-align: center;
    }
    
    @media (max-width: 991px) {
        .mda-table {
            width: 100%;
        }
        .mda-table td {
            font-size: 16px;
        }
        .dropdown-mda>span {
            width: 140px;
            font-size: 16px;
            padding: 13px 0 10px 0;
        }
        .cover-dropdown-mda label {
            font-size: 16px;
            right: 170px;
            top: 13px;
        }
        .dropdown-mda ul {
            top: 40px;
        }
        .coverT {
            padding: 0px 15px;
            height: 85px;
        }
        .coverT p a img {
            width: 25px;
        }
    }
    
    @media (max-width: 767px) {
        .mda-table {
            width: 660px;
        }
    }
    
    @media (max-width: 575px) {
        .cover-firat-mda .firat-mda {
            padding: 50px 0 55px 0;
        }
        .mda-table {
            max-width: 700px;
        }
    }
    
    @media (max-width: 545px) {
        .texthead-finance-statement-download {
            margin-bottom: 20px;
            float: none;
            float: unset;
        }
    }
    
    @media (max-width: 425px) {
        .dropdown-mda>span {
            width: auto;
        }
        .dropdown-mda ul {
            width: 100%;
            top: 85px;
            margin: 0;
        }
        .mda-table tbody tr.head td {
            font-size: 15px;
            padding: 9px 15px 7px 15px;
            line-height: 1.5;
        }
        .cover-dropdown-mda label {
            font-size: 15px;
            position: static;
            margin-top: 20px;
        }
        .dropdown-mda {
            margin-top: 0px;
        }
        .cover-firat-mda .firat-mda .t1 {
            font-size: 20px;
        }
        .dropdown-mda>span {
            font-size: 15px;
            padding: 11px 0 9px 0;
        }
        .section-mda {
            margin-bottom: 60px;
        }
        .mda-table td {
            font-size: 15px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .box-img-Dividend {
        margin: 50px auto 80px;
    }
    
    .tex-4 {
        font-weight: 400;
    }
    
    .cover-firat-mda .pic-csr {
        background: url(../images/bg_csr.webp) center center no-repeat;
        background-size: cover;
        height: 280px;
        background-color: #ccc;
    }
    
    .tex-white {
        color: #ffffff;
    }
    
    .tex-blue {
        color: #293278;
    }
    
    .tex-yellow {
        color: #ffc72c;
    }
    
    @media (max-width: 991px) {
        .box-img-Dividend {
            margin: 50px auto;
        }
    }
    
    @media (max-width: 767px) {
        .box-img-Dividend {
            margin: 0px auto 50px;
        }
        .cover-firat-mda .pic-csr {
            height: 300px;
        }
    }
    
    @media screen and (max-width: 515) {
        .cover-firat-mda .pic-csr {
            height: 150px;
        }
    }
    /*-------------------------------------------------general_meeting-----------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .cover-firat-mda .pic-meeting {
        background: url(../images/bg_meeting.webp) center center no-repeat;
        background-size: cover;
        height: 100%;
        background-color: #ccc;
    }
    
    @media screen and (max-width: 767px) {
        .cover-firat-mda .pic-meeting {
            height: 300px;
        }
    }
    
    @media screen and (max-width: 515) {
        .cover-firat-mda .pic-meeting {
            height: 150px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*----------whistle_blowing_policy--------------------------------------------------------------------------------------------------------------*/
    
    ul li.tex-detail001 {
        padding: 0;
        margin: 0;
        list-style: inside;
        font-weight: 300;
        font-size: 16px;
    }
    
    ul li.tex-detail002 {
        padding: 0;
        margin: 0;
        font-weight: 300;
        font-size: 16px;
        line-height: 35px;
    }
    
    .box-bg-01 {
        background-color: #293278;
        color: #fff;
        padding: 10px;
        margin: 6px auto;
        font-style: 16px!important;
    }
    
    li {
        font-size: 16px;
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /* Company Information */
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .section-company-info {
        margin-bottom: 80px;
    }
    
    .section-company-info .head-sub {
        color: #3a2914;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    
    .section-company-info .head-sub span {
        color: #D5AF55;
    }
    
    .section-company-info .head-sub-2 {
        font-size: 18px;
        font-weight: 300;
        color: #ffffff;
        background-color: #293278;
        padding: 11px 20px 10px 20px;
        margin-bottom: 0;
        border-bottom: 3px solid #ffc107;
        cursor: pointer;
    }
    
    table.table.company-info-table {
        margin-bottom: 0px;
        /* border-bottom: 2px solid #293278; */
    }
    
    table.table.company-info-table td {
        border: 0px solid transparent;
        font-size: 17px;
        font-weight: 300;
        color: #212529;
        border-bottom: 0px solid rgb(242 242 242);
        /* padding: 9px 20px 8px 20px; */
        padding: 15px 20px 15px 20px;
    }
    
    table.table.company-info-table td.head {
        font-weight: 500;
    }
    
    table.table.company-info-table td a.linkk {
        color: #293278;
        transition: all .2s;
    }
    
    table.table.company-info-table td a.linkk:hover {
        color: #293278;
    }
    
    table.table.company-info-table .line {
        border-top: 3px solid #d6ad4a;
    }
    
    table.table.company-info-table tr:nth-child(odd) {
        background-color: #e0eaf3;
    }
    
    table.table.company-info-table tr:nth-child(even) {
        background-color: #f2f9ff;
    }
    
    .accordion-icon {
        position: absolute;
        right: 0;
        margin-right: 45px;
        margin-top: 2px;
    }
    
    .company-info-accordion {
        background-color: #f9f9f9;
        margin: 10px 0;
    }
    
    .company-info-accordion .js-scrollable::-webkit-scrollbar {
        width: 0px;
    }
    
    .company-info-accordion .head-sub-2 .accordion-icon .rotate-icon {
        transform: rotate(0deg);
        transition: all .3s;
    }
    
    .company-info-accordion .head-sub-2.collapsed .accordion-icon .rotate-icon {
        transform: rotate(180deg);
        transition: all .3s;
    }
    
    .box-acc-detail {
        background-color: #f5f9fc;
        padding: 20px;
    }
    
    @media screen and (max-width: 991px) {
        table.table.company-info-table td {
            font-size: 16px;
        }
        .section-company-info .head-sub-2 {
            padding: 13px 40px 10px 20px;
            font-size: 16px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .section-company-info .head-sub-2 {
            padding: 13px 40px 9px 15px;
        }
    }
    
    @media screen and (max-width: 425px) {
        table.table.company-info-table td {
            font-size: 15px;
        }
        .section-company-info .head-sub {
            font-size: 15px;
        }
        .accordion-icon {
            margin-right: 35px;
        }
        .section-company-info .head-sub-2 {
            padding: 10px 40px 9px 15px;
            font-size: 15px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------index-ir-banner------------------------------------------------------------------------------------*/
    
    .banner-ir {
        background: url(../images/banner-ir.webp);
        background-size: cover;
        background-repeat: no-repeat;
        height: 90vh;
        width: 100%;
        padding: 250px 0 0 21%;
    }
    
    .blessbrand-page__text2 .t1 {
        color: #060606;
        text-align: left;
        /* font-size: 34px; */
        font-size: 40px;
        font-weight: 500;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
        margin-bottom: 10px;
        line-height: 1.2;
    }
    
    .blessbrand-page__text2 .t2 {
        color: #293278;
        text-align: left;
        font-size: 90px;
        /* font-size: 48px; */
        font-weight: 500;
        margin-bottom: 10px;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
    }
    
    .blessbrand-page__text2 .t3 {
        color: #293278;
        text-align: left;
        /* font-size: 34px; */
        font-size: 40px;
        font-weight: 500;
        /* text-shadow: 0 0 9px rgb(45 45 45 / 66%); */
        margin-bottom: 0px;
        line-height: 1.2;
    }
    
    @media screen and (max-width: 1600px) {
        .banner-ir {
            height: 90vh;
            padding: 250px 0 0 14%;
        }
        .blessbrand-page__text2 .t2 {
            font-size: 70px;
        }
        .blessbrand-page__text2 .t1 {
            font-size: 35px;
        }
        .blessbrand-page__text2 .t3 {
            font-size: 35px;
        }
    }
    
    @media screen and (max-width: 1399px) {
        .banner-ir {
            height: 80vh;
            padding: 200px 0 0 9%;
        }
        .blessbrand-page__text2 .t2 {
            font-size: 70px;
        }
        .blessbrand-page__text2 .t1 {
            font-size: 35px;
        }
        .blessbrand-page__text2 .t3 {
            font-size: 35px;
        }
    }
    
    @media screen and (max-width: 1366px) {
        .blessbrand-page__text2 .t2 {
            color: #293278;
            text-align: left;
            font-size: 70px;
            /* font-size: 48px; */
            font-weight: 500;
            margin-bottom: 10px;
        }
    }
    
    @media screen and (max-width:1199px) {
        .banner-ir {
            height: 700px;
            padding: 200px 0 0 9%;
        }
    }
    
    @media screen and (max-width:991px) {
        .banner-ir {
            height: 630px;
            padding: 125px 0 0 9%;
        }
    }
    
    @media screen and (max-width:767px) {
        .banner-ir {
            height: 500px;
            padding: 124px 0 0 9%;
        }
        .crop-set-box {
            bottom: 190px;
        }
    }
    
    @media screen and (max-width:530px) {
        .banner-ir {
            height: 470px;
            padding: 124px 0 0 9%;
        }
    }
    
    @media screen and (max-width:515px) {
        .banner-ir {
            height: 350px;
            padding: 85px 0 0 9%;
        }
    }
    
    @media screen and (max-width:414px) {
        .banner-ir {
            height: 400px;
            padding: 97px 0 0 9%;
        }
    }
    
    @media screen and (max-width:375px) {
        .banner-ir {
            height: 300px;
            padding: 85px 0 0 9%;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .crop-set-box {
        background-color: #031d6c;
        position: relative;
        padding: 0;
        bottom: 169px;
        margin: auto;
        text-align: center;
        bottom: 170px;
        width: 100%;
        overflow: hidden;
        vertical-align: middle;
        /* top: 0; */
    }
    
    .box-set-day {
        background-color: #313133;
        height: 170px;
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /* cover-stock-price-1 */
    
    .cover-stock-price-1 {
        float: left;
        /* border-right: 0.25px solid #e4e4e454; */
        /* margin: auto 80px auto 0px; */
        margin: 12px 0 0 55px;
        padding-right: 0;
        display: block;
        /* padding-bottom: 10px; */
        padding-bottom: 5px;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol {
        /* margin-bottom: 35px;
    margin-top: 20px; */
        margin: 29px auto 0px;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-1 {
        float: left;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-1 p.t1 {
        font-size: 16px;
        font-weight: 500;
        color: #DAB85F;
        margin-bottom: -2px;
        line-height: 1;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-1 p.t2 {
        font-size: 35px;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 0px;
        text-align: left;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-2 {
        padding-left: 97px;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-2 p.t1 {
        font-size: 16px;
        font-weight: 500;
        color: #DAB85F;
        margin-bottom: -2px;
        line-height: 1;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-2 p.t2 {
        font-size: 33px;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 0px;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .text-stock-price-sector {
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        line-height: 0;
        margin: revert;
    }
    
    .cover-stock-price-1 .cover-stock-price-symbol .text-stock-price-sector span {
        color: #DAB85F;
        font-weight: 500;
    }
    
    .date .t1 {
        color: #fff;
        ;
    }
    
    .date img {
        padding-right: 10px;
    }
    /* cover-stock-price-2 */
    
    .cover-stock-price-2 {
        float: left;
        margin: auto 0 auto 0;
        display: flex;
    }
    
    .cover-stock-price-2 .left {
        display: flex;
    }
    
    .cover-stock-price-2 .right {
        display: flex;
    }
    
    .cover-stock-price-2 .price {
        margin-right: 48px;
    }
    
    .cover-stock-price-2 .price .t1 {
        font-size: 20px;
        font-weight: 300;
        color: #ffffff;
        line-height: 1;
    }
    
    .cover-stock-price-2 .price .t2 {
        font-size: 26px;
        font-weight: 400;
        color: #ffffff;
        line-height: 1;
    }
    /* cover-stock-price-3 */
    
    .cover-stock-price-3 {
        margin: 0px 0 auto 0;
        display: block;
    }
    
    .cover-stock-price-3 a {
        font-size: 16px;
        font-weight: 400;
        color: #2d2d2d;
        display: block;
        background-color: #ffc72c;
        padding: 11px 28px;
        transition: all .3s;
    }
    
    .cover-stock-price-3 a:hover {
        background-color: #fff;
    }
    
    .cover-stock-price-3 a span {
        position: relative;
        top: 3px;
    }
    
    .cover-stock-price-3 img {
        margin-right: 10px;
    }
    /* date */
    
    .section-stock-price .date {
        margin: -47px 0 0px 0;
        padding-bottom: 30px;
    }
    
    .section-stock-price .date img {
        float: left;
    }
    
    .section-stock-price .date p.t1 {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        line-height: 1;
        padding-top: 2px;
        padding-left: 25px;
    }
    
    .section-stock-price .date p.t1 span {
        color: #ffffff;
    }
    
    .box-crop-btn-set {
        padding-top: 50px;
    }
    
    .tex-w1 {
        font-weight: 100;
    }
    
    .tex-w2 {
        font-weight: 200;
    }
    
    .tex-w3 {
        font-weight: 300;
    }
    
    .tex-w4 {
        font-weight: 400;
    }
    
    .tex-w5 {
        font-weight: 500;
    }
    
    .tex2 {
        font-size: 18px;
        font-weight: 400;
    }
    /* .cover-stock-price-3.crop02 {
    display: none;
} */
    
    @media screen and (max-width: 1366px) {
        .cover-stock-price-3 {
            margin: 0 0 auto 0;
            display: block;
        }
    }
    
    @media screen and (max-width: 1199px) {
        .cover-stock-price-2 .price .t1 {
            font-size: 15px;
        }
        .cover-stock-price-2 .price {
            margin-right: 35px;
        }
        .cover-stock-price-2 .price .t2 {
            font-size: 25px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .cover-stock-price-1 .cover-stock-price-symbol .stock-price-symbol-1 p.t2 {
            font-size: 25px;
        }
        .cover-stock-price-1 {
            float: left;
            margin: 12px 0 0 15px;
            padding-right: 0;
            display: block;
            padding-bottom: 5px;
        }
        .date img {
            padding-right: 2px;
            width: 20px;
        }
        .box-set-day {
            background-color: #313133;
            height: 155px;
        }
        .crop-set-box {
            bottom: 169px;
            bottom: 155px;
        }
        .cover-stock-price-3 a span {
            position: relative;
            top: 3px;
            font-size: 14px;
        }
        .cover-stock-price-3 a img {
            width: 20px;
        }
        .cover-stock-price-2 .price {
            margin-right: 20px;
        }
        .cover-stock-price-3 a {
            font-size: 15px;
            padding: 10px 11px;
        }
        .box-crop-btn-set {
            padding-top: 45px;
        }
        .cover-stock-price-2 .price .t2 {
            font-size: 20px;
        }
    }
    
    @media screen and (max-width:767px) {
        .cover-stock-price-1 .cover-stock-price-symbol {
            margin: 17px 18px 0px;
        }
        .box-set-day {
            background-color: #031d6c;
            height: 90px;
        }
        .box-crop-btn-set {
            padding: 25px 35px;
        }
        .cover-stock-price-2 {
            float: left;
            margin: auto 0 20px 0;
            display: flex;
        }
        .crop-set-box {
            bottom: 96px;
            z-index: 99;
        }
        .blessbrand-page__text2 .t2 {
            font-size: 55px;
            margin-bottom: 10px;
        }
        .blessbrand-page__text2 .t1 {
            font-size: 30px;
        }
        .blessbrand-page__text2 .t3 {
            font-size: 30px;
        }
    }
    
    @media screen and (max-width:575px) {
        .crop-set-box {
            bottom: 0;
            z-index: 99;
        }
    }
    
    @media screen and (max-width:515px) {
        .blessbrand-page__text2 .t3 {
            font-size: 24px;
        }
        .blessbrand-page__text2 .t1 {
            font-size: 24px;
        }
        .blessbrand-page__text2 .t2 {
            font-size: 45px;
            margin-bottom: 10px;
        }
        .cover-stock-price-2 .price .t1 {
            font-size: 14px;
        }
        .cover-stock-price-3 {
            margin: 0px 0 auto 0;
            display: block;
        }
    }
    
    @media screen and (max-width:509px) {
        .cover-stock-price-2 .price .t1 {
            font-size: 13px;
        }
        .cover-stock-price-3.crop02 {
            position: absolute;
            bottom: 35px;
            left: 50px;
            /* padding: 10px; */
            width: 154px;
        }
        .box-crop-btn-set {
            padding: 25px 35px;
            height: 180px;
        }
        .cover-stock-price-2 .price {
            margin-right: 55px;
        }
    }
    
    @media screen and (max-width:490px) {
        .cover-stock-price-2 .price {
            margin-right: 45px;
        }
    }
    
    @media screen and (max-width:414px) {
        .cover-stock-price-3 {
            margin: 0px 0 auto 0;
            /* display: none; */
            width: 100%;
        }
        .cover-stock-price-2 .price {
            margin-right: 30px;
        }
        .cover-stock-price-3.crop02 {
            position: absolute;
            bottom: 20px;
        }
    }
    
    @media screen and (max-width:375px) {
        .blessbrand-page__text2 .t2 {
            font-size: 30px;
            margin-bottom: 10px;
        }
        .blessbrand-page__text2 .t3 {
            font-size: 18px;
        }
        .blessbrand-page__text2 .t1 {
            font-size: 18px;
        }
    }
    
    @media screen and (max-width:320px) {
        .cover-stock-price-2 .price {
            margin-right: 20px;
        }
        .blessbrand-page__text2 .t3 {
            font-size: 16px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------Graph_IR------------------------------------------------------------------------------------------------------------*/
    
    .pad0 {
        padding: 0px;
    }
    
    .bg-graph01 {
        background: url(../images/bg-graph-ir.webp);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        margin-top: -170px;
    }
    
    .crop-box-tap {
        margin: 70px 0;
    }
    
    .box-business {
        background-color: #fff;
        -webkit-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
        box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
        width: 100%;
        padding: 25px 20px;
    }
    
    .box-bus-sub {
        padding: 20px 0px 20px 0;
        border-bottom: 1px solid#000;
    }
    
    .box-bus-sub.box-bus4 {
        padding: 20px 0px 25px 0;
        border-bottom: 0px solid#000;
    }
    
    .box-bus-tex-sub.box-bus3 {
        padding: 5px 0px 0 100px;
    }
    
    .box-bus-tex-sub {
        padding: 15px 0px 0 100px;
    }
    
    .box-icons {
        float: left;
    }
    
    .tex-t1 {
        font-size: 25px;
        line-height: 35px;
    }
    
    .tex-t2 {
        font-size: 18px;
    }
    
    .tex-t3 {
        font-size: 14px;
    }
    
    @media screen and (max-width:991px) {
        .tex-t2 {
            font-size: 13px;
        }
        .box-icons {
            float: left;
            width: 75px;
        }
        .box-bus-tex-sub {
            padding: 15px 0px 0 75px;
        }
        .box-bus-tex-sub.box-bus3 {
            padding: 5px 0px 0 75px;
        }
    }
    
    @media screen and (max-width:767px) {
        .bg-graph01 {
            height: auto;
            margin-top: -210px;
        }
        .tex-t2 {
            font-size: 16px;
        }
        .box-icons {
            float: left;
            width: auto;
        }
        .box-bus-tex-sub {
            padding: 15px 0px 0 100px;
        }
        .box-bus-tex-sub.box-bus3 {
            padding: 5px 0px 0 100px;
        }
    }
    
    @media screen and (max-width:575px) {
        .bg-graph01 {
            height: auto;
            margin-top: -95px;
        }
    }
    
    @media screen and (max-width:565px) {
        .tex-t2 {
            font-size: 14px;
        }
    }
    
    @media screen and (max-width:414px) {
        .box-icons {
            float: left;
            width: 70px;
        }
        .box-bus-tex-sub {
            padding: 15px 0px 0 70px;
        }
        .box-bus-tex-sub.box-bus3 {
            padding: 5px 0px 0 70px;
        }
    }
    
    @media screen and (max-width:375px) {
        .tex-t1 {
            font-size: 20px;
            line-height: 20px;
        }
        .box-bus-tex-sub {
            padding: 0px 0px 0 70px;
        }
        .box-business {
            padding: 25px 15px;
        }
    }
    
    @media screen and (max-width:320px) {
        .box-icons {
            float: left;
            width: 50px;
        }
        .box-bus-tex-sub {
            padding: 0px 0px 0 50px;
        }
        .box-bus-tex-sub.box-bus3 {
            padding: 0px 0px 0 50px;
        }
        .box-business {
            padding: 5px 10px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .cover-big-head.cover-big-head-2 {
        margin-bottom: 50px;
        margin-top: 30px;
    }
    
    .tex-m-r-box {
        padding-right: 30px;
    }
    
    .cover-big-head {
        text-align: left;
    }
    
    .cover-big-head .big-head {
        display: inline-block;
    }
    
    .cover-big-head .t-head {
        font-size: 50px;
        font-weight: 500;
        color: #031C6C;
        text-align: center;
        margin-right: 20px;
    }
    
    .f-l01 {
        float: right;
        right: 0;
        position: absolute;
        top: 25px;
        display: table-column;
    }
    
    a.btn-001 {
        margin: 41px auto;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        text-align: center;
        width: 155px;
        /* border: 2px solid #000; */
        padding: 15px 70px 15px;
        margin-top: 20px;
        transition: all .3s;
        background-color: #ffc72c;
    }
    
    a.btn-001.btn-sub001 {
        margin: 41px auto;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        text-align: center;
        width: 131px;
        /* border: 2px solid #000; */
        padding: 15px 25px 15px;
        margin-top: 20px;
        transition: all .3s;
        background-color: #ffc72c;
    }
    
    a.btn-001:hover {
        color: #ffffff;
        background-color: #313133;
    }
    
    a.btn-001.btn-sub001:hover {
        color: #ffffff;
        background-color: #313133;
    }
    
    .box-tex-update {
        margin: 20px 0;
    }
    
    .content_governance.content_governance2 {
        padding: 5% 15px 0px;
    }
    
    @media screen and (max-width:991px) {
        .cover-big-head .t-head {
            font-size: 40px;
            margin-right: 20px;
        }
        a.btn-001 {
            margin: 41px auto;
            padding: 10px 52px 10px;
            margin-top: 20px;
            font-size: 14px;
        }
        a.btn-001.btn-sub001 {
            margin: 41px auto;
            padding: 10px 25px 10px;
            margin-top: 20px;
            font-size: 14px;
        }
    }
    
    @media screen and (max-width:767px) {
        .cover-big-head.cover-big-head-2 {
            margin-bottom: 0px;
            margin-top: 145px;
        }
        .f-l01 {
            left: 15px;
            position: absolute;
            top: 215px;
            display: table-column;
        }
        .content_governance.content_governance2 {
            padding: 5% 15px 90px;
        }
    }
    
    @media screen and (max-width:575px) {
        .cover-big-head.cover-big-head-2 {
            margin-bottom: 100px;
            margin-top: 50px;
        }
        .f-l01 {
            left: 15px;
            position: absolute;
            top: 120px;
            display: table-column;
        }
        .tex-m-r-box {
            padding-right: 0px;
        }
        .content_governance.content_governance2 {
            padding: 155px 15px 90px;
        }
    }
    
    @media screen and (max-width:515px) {
        .cover-big-head .t-head {
            font-size: 30px;
            margin-right: 0px;
        }
    }
    
    @media screen and (max-width:414px) {
        .cover-big-head .t-head {
            font-size: 30px;
            margin-right: 0;
            text-align: left;
        }
    }
    
    @media screen and (max-width:395px) {
        .cover-big-head .t-head {
            font-size: 25px;
            margin-right: 0;
            text-align: left;
        }
    }
    
    @media screen and (max-width:320px) {
        .cover-big-head .t-head {
            font-size: 25px;
            margin-right: 0;
            text-align: left;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*-----------------------activities and news---box-calendar----------------------------------------------------------------------------------------------*/
    
    .bg-event-news {
        background: url(../images/bg_tr_news.webp);
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        /* margin-top: 0; */
        margin-top: -3px;
    }
    
    .box-calendar {
        background-color: #031C6C;
        padding: 0px 0;
    }
    
    .tex-calendar {
        text-align: center;
        margin: 0px auto;
        color: #fff;
        padding: 20px 0 10px;
        font-size: 23px;
        font-weight: 400;
    }
    /* .cover_next-event {
    background-color: #e7eaf1;
    color: #000;
    font-size: 16px;
    padding: 25px 40px;
    -webkit-box-shadow: 0 12px 34px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 9px 9px 2px rgb(0 0 0 / 0%);
} */
    
    .cover_next-event {
        background-color: #e7eaf1;
        color: #000;
        font-size: 16px;
        padding: 25px 40px;
        -webkit-box-shadow: 0 12px 34px rgb(0 0 0 / 12%);
        -moz-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
        box-shadow: 2px 9px 9px 2px rgb(0 0 0 / 0%);
        width: 450px;
        height: 300px;
    }
    
    .cover_next-event .head-1 {
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 5px;
    }
    
    .box-day {
        padding: 5px;
        background-color: #ffffff;
        color: #242529;
        font-weight: bold;
        font-size: 14px;
        border-left: solid #031c6c 10px;
    }
    
    .cover_calendar-news .content {
        background-color: #fff0;
    }
    
    .cover_calendar-news .content {
        position: relative;
        z-index: 1;
    }
    
    .box-event-d {
        float: left;
        width: 45%;
    }
    
    .responsive-tabs.tap-newsMl {
        margin-left: 40px;
    }
    
    .sub-hrad1 {
        border-bottom: 1px solid#000;
        margin-bottom: 15px;
    }
    
    .head-2 {
        font-size: 18px;
        margin: 0px auto;
    }
    
    .box-bt-news {
        margin: 80px 0;
    }
    
    @media screen and (max-width:991px) {
        .cover_next-event {
            font-size: 16px;
            padding: 25px 28px;
            width: 330px;
            height: auto;
        }
        .head-2 {
            font-size: 14px;
            margin: 0px auto;
        }
        .box-event-d {
            float: left;
            width: 50%;
        }
        .cover-big-head.cover-big-head-2.sub04 {
            margin-bottom: 34px;
            margin-top: 70px;
        }
        .responsive-tabs.tap-newsMl {
            margin-left: 0px;
        }
        .box-bt-news {
            margin: 20px 0;
        }
        .bg-event-news {
            padding-bottom: 85px;
        }
    }
    
    @media screen and (max-width:767px) {
        .cover_next-event {
            font-size: 16px;
            padding: 25px 35px;
            width: 100%;
            height: auto;
        }
        .cover_next-event {
            -webkit-box-shadow: 0 12px 34px rgb(0 0 0 / 12%);
            -moz-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
            box-shadow: 3px 10px 10px 0px rgb(0 0 0 / 2%);
        }
    }
    
    @media screen and (max-width:414px) {
        .cover-big-head.cover-big-head-2.sub04 {
            margin-top: 50px;
        }
    }
    
    @media screen and (max-width:375px) {
        .box-event-d {
            float: left;
            width: 100%;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*-------------------------News-----------------------------------------------------------------------------------------------*/
    
    .tex-m-r-box {
        padding-right: 30px;
    }
    
    .tex-m-l-box {
        padding-left: 30px;
    }
    
    .news-box-head {
        margin: 60px 0;
    }
    
    .box-news-crop {
        background-color: #ffffff;
        box-shadow: -5px 1px 7px 0px rgb(212 212 212 / 66%);
        display: flex;
        vertical-align: middle;
        height: 115px;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .day {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
    }
    
    .day-m-y {
        font-size: 16px;
        font-weight: 300;
        color: #ffffff;
    }
    
    .box-day {
        background-color: #232d74;
        padding: 12px 0px;
        text-align: center;
        line-height: 23px;
        width: 100px;
        height: 90px;
        top: -20px;
        position: relative;
        right: -25px;
    }
    
    .box-news-fL {
        float: left;
    }
    
    a.t-detail-news {
        font-size: 16px;
        font-weight: 100;
        color: #000000!important;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    a.t-detail-news:hover {
        color: #293278!important;
        text-decoration: none;
    }
    /* .box-detail-news {
    padding: 15px 20px;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 94%;
} */
    
    .box-detail-news {
        padding: 15px 30px 15px 55px;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        width: 90%;
    }
    
    .news-main {
        margin: 35px 0;
    }
    
    @media screen and (max-width: 1399px) {
        a.bt-news {
            width: 95px;
            margin-top: 15px;
        }
        .box-news-crop {
            width: 96%;
        }
    }
    
    @media screen and (max-width: 1199px) {
        a.bt-news {
            width: 95px;
            margin-top: 5px;
        }
        a.t-detail-news {
            font-size: 16px;
        }
        .box-news-crop {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 991px) {
        .box-bttn-news-sub {
            position: absolute;
            bottom: -70px;
        }
        .f-l01 {
            float: unset;
        }
        .tex-m-l-box {
            padding-left: 10px;
        }
        .tex-m-r-box {
            padding-right: 10px;
        }
        .day {
            font-size: 26px;
        }
        .box-day {
            width: 105px;
        }
        .box-detail-news {
            padding: 15px 20px;
            width: 100%;
        }
        .box-detail-news {
            padding: 15px 15px;
            width: 100%;
        }
        a.bt-news {
            width: 140px;
            margin-top: 5px;
        }
        .box-day {
            background-color: #232d74;
            padding: 12px 0px;
            text-align: center;
            line-height: 23px;
            width: 100px;
            height: 90px;
            top: -20px;
            position: relative;
            right: -7px;
        }
        a.t-detail-news {
            font-size: 14px;
        }
        .news-box-head {
            margin: 56px 0;
        }
    }
    
    @media screen and (max-width: 767px) {
        .tex-m-l-box {
            padding-left: 0px;
            margin-top: 80px;
        }
        .tex-m-r-box {
            padding-right: 0px;
        }
        .box-detail-news {
            padding: 20px 15px;
        }
        .news-box-head {
            margin: 40px 0;
        }
        .responsive-tabs.tap-newsMl {
            margin-top: 60px;
        }
    }
    
    @media screen and (max-width: 414px) {
        a.t-detail-news {
            font-size: 14px;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*-------financial_highlights-----------------------------------------------------------------------------------------------------------------*/
    
    .box-financial_highlights {
        padding: 50px 0 0 0;
    }
    
    .ml001 {
        margin: auto 20px!important;
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*--------------- Email -----------------*/
    
    .cover-email-index {
        background: url(../images/bg_email.webp) no-repeat;
        background-size: cover;
        height: 100%;
        padding: 76px 0 76px 0;
    }
    
    .cover-email-index .t-sub {
        /* font-size: 16px;
    font-weight: 400; */
        font-size: 16px;
        font-weight: 200;
        color: #000000;
        margin: 0px auto 30px auto;
        text-align: center;
    }
    
    .bt-email-index {
        display: block;
        margin: 40px auto 0px auto;
        font-size: 17px;
        font-weight: 500;
        color: #000;
        text-align: center;
        width: 260px;
        border: 2px solid #000;
        padding: 16px 0 14px 0;
        transition: all .3s;
    }
    
    .bt-email-index2 {
        display: block;
        margin: 40px auto 0px auto;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: center;
        width: 260px;
        background-color: #ffc72c;
        padding: 16px 0 14px 0;
        transition: all .3s;
        width: 215px;
    }
    
    .bt-email-index2:hover {
        color: #ffffff;
        background-color: #313133;
    }
    
    .bt-email-index:hover {
        border: 2px solid #d4af56;
        background-color: #d4af56;
        color: #000;
    }
    
    .cover-big-head-4 {
        margin-bottom: 10px!important;
        margin-top: 30px;
    }
    
    .cover-big-head-5 {
        margin-bottom: 20px!important;
        margin-top: 30px;
    }
    
    @media screen and (max-width: 1024px) {
        .cover-email-index .t-sub {
            font-size: 16px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .bt-email-index2 {
            margin: 40px auto 0px auto;
            font-size: 14px;
            padding: 14px 0 14px 0;
            width: 180px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .cover-big-head-4 {
            margin-top: 45px!important;
        }
        .cover-big-head-5 {
            margin-top: 20px!important;
        }
    }
    /*--------------- IR Contact -------------*/
    
    .cover-ir-contact-index {
        background: url(../images/bg-ir-contact.webp) no-repeat;
        background-size: cover;
        height: 100%;
        padding: 76px 0;
    }
    
    .name-company-box {
        padding-left: 180px;
    }
    
    .name-company .t1 {
        color: #000000;
        font-size: 23px;
        font-weight: 400;
        margin-top: -10px;
    }
    
    .name-company .t2 {
        color: #000000;
        /* font-size: 16px;
    font-weight: 400; */
        font-size: 16px;
        font-weight: 300;
    }
    
    .cover-icon-ir-contact-index {
        display: flow-root;
        margin-bottom: 8px;
        padding-left: 130px;
    }
    
    .cover-icon-ir-contact-index .icon {
        float: left;
        width: 30px;
        text-align: right;
    }
    
    .cover-icon-ir-contact-index .text {
        padding-left: 40px;
    }
    
    .cover-icon-ir-contact-index .text .t1 {
        float: left;
        color: #DAB85F;
        font-size: 18px;
        font-weight: 500;
    }
    
    .cover-icon-ir-contact-index .text .t2 {
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        padding-left: 30px;
    }
    
    .cover-icon-ir-contact-index .text .t2 span {
        color: #DAB85F;
        font-size: 18px;
        font-weight: 500;
        margin-right: 10px;
    }
    
    .icon-s {
        width: 28px;
    }
    
    .t5-con {
        font-size: 23px;
    }
    
    @media screen and (max-width: 1700px) {
        .name-company-box {
            padding-left: 100px;
        }
    }
    
    @media screen and (max-width: 1560px) {
        /*---- Email ----*/
        .name-company .t2 br {
            display: none;
        }
        /*-- IR Contact --*/
        .cover-ir-contact-index {
            padding: 76px 0;
        }
        .cover-icon-ir-contact-index {
            padding-left: 70px;
        }
        .name-company-box {
            padding-left: 100px;
        }
    }
    
    @media screen and (max-width: 1420px) {
        /*---- Email ----*/
        .cover-icon-ir-contact-index {
            padding-left: 70px;
        }
        .t5-con {
            font-size: 18px!important;
        }
    }
    
    @media screen and (max-width: 1399px) {
        .cover-icon-ir-contact-index {
            padding-left: 40px;
        }
    }
    
    @media screen and (max-width: 1199px) {
        /*---- Email ----*/
        .cover-email-index {
            padding: 56px 0 56px 0;
        }
        .cover-email-index .t-sub br {
            display: none;
        }
        .bt-email-index {
            font-size: 16px;
            width: 230px;
            padding: 14px 0 12px 0;
            transition: all .3s;
            margin: 30px auto 0px auto;
        }
        /*-- IR Contact --*/
        .cover-ir-contact-index {
            padding: 56px 45px 56px;
        }
        .name-company .t1 {
            margin-bottom: 5px;
        }
        .cover-icon-ir-contact-index {
            padding-left: 0px;
        }
        .cover-icon-ir-contact-index .icon {
            text-align: left;
        }
        .name-company .t2 {
            margin-bottom: 20px;
        }
        .cover-icon-ir-contact-index .text {
            padding-left: 48px;
        }
        .name-company-box {
            padding-left: 0px;
        }
        .t5-con {
            font-size: 18px!important;
        }
        .icon-s {
            width: 25px;
        }
    }
    
    @media screen and (max-width:1024px) {
        .name-company .t2 {
            font-size: 16px;
        }
    }
    
    @media screen and (max-width: 991px) {
        /*---- Email ----*/
        .cover-email-index {
            padding: 46px 0 46px 0;
        }
        .bt-email-index {
            width: 220px;
            padding: 11px 0 9px 0;
            margin: 25px auto 0 auto;
        }
        .cover-email-index .t-sub {
            width: auto;
            padding-left: 25px;
            padding-right: 25px;
        }
        /*-- IR Contact --*/
        .cover-ir-contact-index {
            padding: 46px 15px 46px 9%;
        }
        .name-company .t1 {
            margin-bottom: 0px;
            font-size: 24px;
        }
        .name-company .t2 {
            margin-bottom: 15px;
        }
        .t5-con {
            font-size: 16px!important;
        }
    }
    
    @media screen and (max-width: 767px) {
        /*---- Email ----*/
        .cover-email-index .t-sub br {
            display: block;
        }
        .cover-email-index {
            padding: 46px 0 85px 0;
        }
    }
    
    @media screen and (max-width: 600px) {
        /*---- Email ----*/
        .cover-email-index .t-sub br {
            display: none;
        }
    }
    
    @media screen and (max-width: 425px) {
        /*---- Email ----*/
        .bt-email-index {
            width: 200px;
            padding: 9px 0 11px 0;
            font-size: 15px;
            margin-top: 12px;
        }
        .cover-email-index .t-sub {
            font-size: 15px;
            margin: -10px auto 30px auto;
        }
        /*-- IR Contact --*/
        .cover-icon-ir-contact-index .text .t2 {
            font-size: 15px;
        }
        .cover-ir-contact-index {
            padding: 46px 15px 46px 15px;
        }
        .name-company .t2 {
            font-size: 15px;
        }
    }
    /* NEWS-IR */
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .bg-info-ir {
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        margin-top: -3px;
        background-color: #fff;
    }
    
    .cover-annual-index {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: url(../images/bg-book.webp) no-repeat;
        background-size: cover;
        /* height: 100%; */
        padding: 76px 20px;
    }
    
    .crop-detail-book {
        text-align: center;
    }
    
    .crop-detail-book .tex-m-h1 {
        font-size: 22px;
        font-weight: 400;
        color: #fff;
    }
    
    .crop-detail-book .tex-m-h2 {
        font-size: 16spx;
        font-weight: 300;
        color: #fff;
    }
    /* .book01 {
        width: auto;
        margin: 10px auto;
    } */
    
    .book01 {
        width: 170px;
        margin: 10px auto;
    }
    
    .bt-book01-downl {
        display: block;
        margin: 15px auto 0px auto;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: center;
        background-color: #fff;
        padding: 16px 0 14px 0;
        transition: all .3s;
        width: 240px;
    }
    
    .bt-book01-downl:hover {
        color: #000;
        background-color: #ffc72c;
    }
    
    .bt-book01-downl2 {
        display: block;
        margin: 15px auto 0px auto;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: center;
        background-color: #ffc72c;
        padding: 16px 0 14px 0;
        transition: all .3s;
        width: 240px;
    }
    
    .bt-book01-downl:hover {
        color: #000;
        background-color: #ffc72c;
    }
    
    .bt-book01-downl2:hover {
        color: #000;
        background-color: #fff;
    }
    
    .bt-book01-downl2 img {
        width: 38px;
        padding-right: 10px;
    }
    
    .shadow-cover-investor-kits {
        width: 100%;
        height: 340px;
        overflow: hidden;
        background: url(../images/pic-financial.webp) no-repeat;
        background-size: cover;
        /* height: 100%; */
        padding: 90px 20px;
        opacity: 0.95;
    }
    
    .shadow-cover-investor-kits2 {
        width: 100%;
        height: 340px;
        overflow: hidden;
        background: url(../images/pic-mda.webp) no-repeat;
        background-size: cover;
        /* height: 100%; */
        padding: 90px 20px;
        opacity: 0.95;
    }
    
    .shadow-cover-investor-kits3 {
        width: 100%;
        height: 340px;
        overflow: hidden;
        background: url(../images/Annual.webp) no-repeat;
        background-size: cover;
        /* height: 100%; */
        padding: 90px 20px;
        opacity: 0.95;
    }
    
    .shadow-cover-investor-kits4 {
        width: 100%;
        height: 340px;
        overflow: hidden;
        background: url(../images/pic-meet.webp) no-repeat;
        background-size: cover;
        /* height: 100%; */
        padding: 90px 20px;
        opacity: 0.95;
    }
    
    .pad00 {
        padding: 0;
    }
    /* .f-l01.sub-bt0 {
        left: 0px;
    } */
    
    .shadow-cover-investor-kits:hover {
        opacity: 0.85;
    }
    
    .shadow-cover-investor-kits2:hover {
        opacity: 0.85;
    }
    
    .shadow-cover-investor-kits3:hover {
        opacity: 0.85;
    }
    
    .shadow-cover-investor-kits4:hover {
        opacity: 0.85;
    }
    
    @media screen and (max-width: 1199px) {
        .bt-book01-downl {
            font-size: 16px;
            width: 215px;
        }
        .bt-book01-downl2 {
            font-size: 16px;
            width: 215px;
        }
        .cover-annual-index {
            height: auto;
            padding: 80px 20px;
        }
        .shadow-cover-investor-kits {
            height: auto;
            padding: 90px 20px;
        }
        .shadow-cover-investor-kits2 {
            height: auto;
            padding: 90px 20px;
        }
        .shadow-cover-investor-kits3 {
            height: auto;
            padding: 90px 20px;
        }
        .shadow-cover-investor-kits4 {
            height: auto;
            padding: 90px 20px;
        }
        .bg-info-ir {
            margin: 40px 0 50px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .bt-book01-downl {
            font-size: 14px;
            padding: 9px 0;
            width: 180px;
        }
        .bt-book01-downl2 {
            font-size: 14px;
            padding: 9px 0;
            width: 180px;
        }
        .bt-book01-downl2 img {
            width: 30px;
            padding-right: 10px;
        }
        .crop-detail-book .tex-m-h1 {
            font-size: 18px;
            font-weight: 400;
            color: #fff;
        }
        .cover-annual-index {
            height: auto;
            padding: 68px 20px;
        }
        .cover-big-head.cover-big-head-2.sub05 {
            margin-bottom: 34px;
            margin-top: 20px;
        }
    }
    
    @media screen and (max-width:767px) {
        .cover-big-head.cover-big-head-2.sub05 {
            margin-bottom: 115px;
            margin-top: 25px;
        }
        .f-l01.sub-bt0 {
            left: 0px;
            position: absolute;
            top: 100px;
            display: table-column;
        }
    }
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------------------------*/
    
    .logo-contact-ir {
        width: 250px;
    }
    
    .tex-contact {
        color: #061d6c;
        font-weight: 400;
        font-size: 20px;
    }
    
    .text-ir-con2 {
        font-size: 16px;
        font-weight: 400;
    }
    
    .tex-c-b {
        color: #292f7d;
    }
    
    .t002 {
        margin: 30px 0!important;
    }
    
    .box-map {
        border: 3px solid #061d6c;
        border-radius: 0 30px;
        /* background-color: #061d6c; */
        padding: 8px 10px 2px 10px;
    }
    
    @media screen and (max-width:991px) {
        .img-logo-ir {
            margin: auto;
            text-align: center;
        }
        .tex-contact {
            text-align: center;
        }
        .text-ir-con1 {
            font-size: 17px;
        }
    }
    
    @media screen and (max-width:767px) {
        .text-ir-con1 {
            font-size: 15px;
        }
    }
    
    @media screen and (max-width:414px) {
        .text-ir-con2 {
            font-size: 13px;
        }
    }
    /* //////////////////////// */
    
    .chairman-pic1 {
        display: block;
    }
    
    .chairman-pic2 {
        display: none;
    }
    
    .box-mb-chairman {
        text-align: center;
        margin: 40px auto;
        display: none;
    }
    
    .tex-chairman-name {
        font-size: 17px;
    }
    
    @media screen and (max-width:515px) {
        .chairman-pic1 {
            display: none;
        }
        .chairman-pic2 {
            display: block;
        }
        .box-mb-chairman {
            display: block
        }
    }



    .form-group label{
        font-weight: 400;
        font-size: 16px;
        color: #212529;
    }