.page-home .section-4 .boxContent .boxListTab {
    display: block;
    margin: 12px 0
}

.page-home .section-3 .boxContent .des-1 {
    display: block;
    padding: 0 10px;
    font-size: 1.05rem
}

.page-home .section-3 .boxContent .boxListTab {
    display: block;
    margin: 30px 0
}

.page-home .section-3 .boxContent .title-1 {
    display: block;
    margin: 0;
    padding: 20px 10px 0;
    font-weight: 500;
    font-size: 3rem;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 20%)
}

.page-home .section-3 .boxContent .boxListTab .action {
    font-size: 1.9rem;
    color: #fff
}

.page-home .section-3 .boxContent .boxListTab a {
    display: block;
    position: relative;
    padding-right: 40px;
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: .1s cubic-bezier(.03, .99, .59, .99);
    -o-transition: .1s cubic-bezier(.03, .99, .59, .99);
    transition: .1s cubic-bezier(.03, .99, .59, .99)
}

.page-home .section-3 .boxContent .boxListTab a:first-child:before {
    top: 50%;
    height: 50%
}

.page-home .section-3 .boxContent .boxListTab a:before {
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    background: url(../images/icon/line-break-1.png) left top repeat-y;
    position: absolute;
    right: 10px;
    top: 0
}

.page-home .section-3 .boxContent .boxListTab .action:after {
    right: 0;
    top: 11px;
    width: 22px;
    height: 22px;
    background: #00aeef;
    border: 3px solid #fff
}

.page-home .section-3 .boxContent .boxListTab a:after {
    display: block;
    content: "";
    position: absolute;
    right: 6px;
    top: 17px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out
}

.page-home .section-4 {
    display: block;
    position: relative;
    min-height: 555px
}

.page-home .section-4 .bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.page-home .section-4 .line-graphic-1 {
    display: block;
    width: 1219px;
    height: 443px;
    position: absolute;
    right: 0;
    top: -170px;
    background: #ff7f84;
    -webkit-mask-image: url(../images/line-graphic-3.png);
    mask-image: url(../images/line-graphic-3.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    pointer-events: none
}

.page-home .section-4 .bg-shadow {
    display: block;
    position: absolute;
    left: 340px;
    top: 0;
    width: 16px;
    height: 520px;
    background: url(../images/icon/bg-shadow.png) left top/100% 100% no-repeat
}

.page-home .section-4 .boxDetail {
    display: block;
    position: relative
}

.page-home .section-4 .boxDetail .container {
    position: relative
}

.page-home .section-4 .line-graphic-2 {
    display: block;
    width: 968px;
    height: 599px;
    position: absolute;
    left: -370px;
    bottom: -240px;
    background-image: url(../images/icon/line-graphic-4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none
}

.page-home .section-4 .boxContent {
    display: block;
    position: relative;
    max-width: 270px;
    text-align: right;
    color: #fff;
    margin-left: 50px
}

.page-home .section-4 .boxContent .boxListTab a:hover {
    font-size: 1.3rem
}

.page-home .section-4 .boxContent .boxListTab a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    font-size: 1.3rem;
    line-height: 1.3rem;
    height: 66px;
    padding: 5px 90px 5px 0;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: .2s cubic-bezier(.03, .99, .59, .99);
    -o-transition: .2s cubic-bezier(.03, .99, .59, .99);
    transition: .2s cubic-bezier(.03, .99, .59, .99)
}

.page-home .section-4 .boxContent .boxListTab a.list-news.action i[class^=fa],
.page-home .section-4 .boxContent .boxListTab a.list-news:hover i[class^=fa] {
    background-color: #f89422
}

.page-home .section-4 .boxContent .boxListTab a.list-news i[class^=fa] {
    border-color: #f89422
}

.page-home .section-4 .boxContent .boxListTab a.list-activity.action i[class^=fa],
.page-home .section-4 .boxContent .boxListTab a.list-activity:hover i[class^=fa] {
    background-color: #2bb7e8
}

.page-home .section-4 .boxContent .boxListTab a.list-activity i[class^=fa] {
    border-color: #2bb7e8
}

.page-home .section-4 .boxContent .boxListTab a.list-report.action i[class^=fa],
.page-home .section-4 .boxContent .boxListTab a.list-report:hover i[class^=fa] {
    background-color: #fedb03
}

.page-home .section-4 .boxContent .boxListTab a.list-report i[class^=fa] {
    border-color: #fedb03
}

.page-home .section-4 .boxContent .boxListTab a.list-hot-issues.action i[class^=fa],
.page-home .section-4 .boxContent .boxListTab a.list-hot-issues:hover i[class^=fa] {
    background-color: #0cb14b
}

.page-home .section-4 .boxContent .boxListTab a.list-hot-issues i[class^=fa] {
    border-color: #0cb14b
}

.page-home .section-4 .boxContent .boxListTab a i[class^=fa] {
    display: block;
    content: "";
    position: absolute;
    right: 12px;
    top: 0;
    width: 56px;
    height: 56px;
    font-size: 26px;
    line-height: 51px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    background: #2866a6;
    color: #fff;
    -webkit-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out
}

.page-home .section-4 .boxListContentTab .oneContentTab {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.page-home .section-4 .boxListContentTab #boxListNews {
    width: 820px;
    margin-left: 75px;
    margin-top: 215px
}

#changing-area>.year:first-child,
.page-home .section-4 .boxListContentTab .boxList_1 {
    display: block
}

.page-home .section-4 .boxContentMobile {
    display: none;
    padding: 10px 0;
    color: #fff;
    text-align: center
}

.page-home .section-4 .boxListContentTab {
    display: block;
    position: absolute;
    left: 368px;
    top: -180px;
    color: #fff
}

.page-home .section-4 .boxListContentTab #boxListNews .oneItem {
    width: 248px;
    margin-top: 5px
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem {
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .boxImg {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 30%);
    box-shadow: 3px 3px 7px rgb(0 0 0 / 30%)
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .boxImg .ratio,
.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .boxImg .ratio {
    display: block;
    width: 100%;
    height: auto;
    visibility: hidden
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .boxImg span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #020024
}

.page-home .section-4 .boxListContentTab #boxListNews .owl-nav .owl-prev {
    left: -70px;
    background: url(../images/icon/prev.svg) center center/contain no-repeat
}

html .owl-nav .owl-next,
html .owl-nav .owl-prev {
    width: 54px;
    height: 54px;
    background: url(../images/icon/arrow-left-black.svg) 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
    pointer-events: all
}

.page-home .section-4 .boxListContentTab #boxListNews .owl-nav .owl-next {
    right: -70px;
    background: url(../images/icon/next.svg) center center/contain no-repeat
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html .owl-nav .owl-next {
    background-image: url(../images/icon/arrow-right-black.svg);
    left: auto;
    right: 0
}

.page-home .section-4 .boxListContentTab #boxListNews .owl-nav {
    top: 20%
}

html .owl-nav {
    width: 100%;
    max-width: 100%;
    /* position: absolute; */
    left: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .title-1 {
    display: block;
    margin: 0;
    padding: 20px 0 0;
    font-weight: 400;
    font-size: 1rem
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter {
    display: block;
    position: absolute;
    left: 302px;
    top: 110px;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.4rem
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter i:first-child {
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: .3s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: matrix(.84852, .84852, -.7071, .7071, 0, 0);
    -ms-transform: matrix(.84852, .84852, -.7071, .7071, 0, 0);
    transform: matrix(.84852, .84852, -.7071, .7071, 0, 0)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #f79421;
    opacity: .3;
    pointer-event: none
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter i:nth-child(2) {
    -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    transition: .4s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: matrix(.84852, -.84852, .7071, .7071, 0, 0);
    -ms-transform: matrix(.84852, -.84852, .7071, .7071, 0, 0);
    transform: matrix(.84852, -.84852, .7071, .7071, 0, 0)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter i:nth-child(3) {
    -webkit-transition: .6s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .6s cubic-bezier(.175, .885, .32, 1.275);
    transition: .6s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: matrix(1, 0, 0, 1.3, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1.3, 0, 0);
    transform: matrix(1, 0, 0, 1.3, 0, 0)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter i:nth-child(4) {
    -webkit-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: .5s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: matrix(1.3, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1.3, 0, 0, 1, 0, 0);
    transform: matrix(1.3, 0, 0, 1, 0, 0)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .btnEnter span {
    display: block;
    position: relative;
    width: 180px;
    height: 180px;
    padding-top: 60px;
    padding-left: 30px;
    border-radius: 50%;
    background: #f79421;
    -webkit-transition: .4s cubic-bezier(.03, .99, .59, .99);
    -o-transition: .4s cubic-bezier(.03, .99, .59, .99);
    transition: .4s cubic-bezier(.03, .99, .59, .99)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .boxImg {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 30%);
    box-shadow: 3px 3px 7px rgb(0 0 0 / 30%);
    cursor: pointer
}

.homeWelcome .bloc .bloc-left,
.homeWelcome .bloc .bloc-right .bloc-webcast {
    -webkit-box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7);
    -moz-box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .boxImg:hover span {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    -ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.page-home .section-4 .boxListContentTab .boxList_4 .oneItem .boxImg span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .boxDate {
    display: block;
    position: relative;
    color: #ccc;
    font-size: .7rem
}

.page-home .section-4 .boxListContentTab .boxList_1 .oneItem .hit {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/clr.gif) left top
}

.navbar-nav--mobilemenu {
    margin: 0 !important;
    padding: 0;
    float: none !important;
    display: none
}

.navbar-nav--mobilemenu .nav-item {
    list-style-type: none;
    float: none
}

.navbar-nav--mobilemenu>li>a {
    line-height: unset !important
}

.navbar-nav--mobilemenu .dropdown-content {
    padding: 0 0 0 60px
}

.wrap-canvas-inner a:hover {
    color: #58c1e9
}

@media (max-width:767px) {
    .page-home .section-4 .boxListContentTab .boxList_1 .oneItem .boxDate {
        font-size: 1rem;
    }

    .navbar-nav--mobilemenu {
        display: block
    }

    .menu-ir {
        display: none
    }
}

.ui-widget {
    font-size: 1rem !important
}

.page-content {
    height: 350px;
    padding: 0;
    text-align: center;
    width: 100%;
    background: url(/images/v01/banner/banner.jpg?ver=2) top center/cover
}

.fs-year .fs-detail .fs-link a>p:last-child,
.ir-title-update,
.table-directorshare tr td:nth-child(4),
.table-directorshare tr td:nth-child(5),
.table-shareholding tr td:nth-child(3),
.table-shareholding tr td:nth-child(4) {
    text-align: right
}

.page-content h2 {
    color: #2c4490;
    font-size: 70px;
    padding-top: 100px
}

.container {
    background: 0 0;
    padding: 20px
}

.menu-overlay a {
    color: #26458c
}

#gbHd .gbsbmn ul.nav .ovr:hover ul.ipc-none,
.pc-none {
    display: none !important
}

#footer .block3 .container .blck2 .col-desc,
#footer .block3 .container .blck2 a,
#footer .block3 .container .blck3 .con-blck2 .item.col1 a,
#footer .block3 .container .blck3 .txt-copyright {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px
}

.homeWelcome [class^=col-] {
    padding: 0 !important
}

.homeWelcome {
    background: url('/images/v01/banner/banner-home.jpg?ver=1') top center no-repeat;
    height: 465px;
    padding: 40px
}

.homeWelcome .row {
    position: relative;
    width: 100%;
    max-width: 1340px;
    display: block;
    margin: 0 auto;
    padding: 0
}

.homeWelcome .container {
    background: 0 0;
    font-size: 24px;
    color: #555454;
    padding-top: 50px
}

.homeWelcome .container>p {
    width: 45%;
    line-height: 1.2em
}

.homeWelcome .textWelcome {
    font-weight: 700;
    color: #29458f;
    font-size: 36px
}

.homeWelcome .readmore {
    font-size: 20px;
    margin-top: 20px
}

.homeWelcome .readmore>a {
    color: #294490;
    text-decoration: none
}

.homeWelcome .bloc-mail {
    background: #29458f;
    padding: 0 5px;
    width: 140px;
    margin-top: 20px
}

.homeNews>.textTitle,
.textTitle {
    color: #15a2da;
    padding: 0;
    font-size: 25px;
    font-weight: 700
}

.homeWelcome .bloc-mail>a {
    color: #fff;
    text-decoration: none;
    font-size: 20px
}

.homeWelcome .bloc .bloc-left {
    width: 435px !important;
    float: left;
    box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7);
    display: block;
    background: #09a2d5
}

.homeWelcome .bloc .bloc-left>.header {
    background: #09a2d5;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    display: block
}

.homeWelcome .bloc .bloc-left>.header>span:first-child {
    font-weight: 700;
    color: #fff;
    font-size: 31px;
    float: left;
    display: block
}

.homeWelcome .bloc .bloc-left>.header>span:last-child {
    color: #fff;
    padding: 10px 0 0;
    float: right;
    display: block;
    font-size: 17px
}

.homeWelcome .bloc .bloc-left>.content {
    background: #19abdc;
    color: #fff;
    padding: 10px 0;
    display: inline-block;
    height: 100%;
    opacity: .9;
    width: 100%
}

.homeWelcome .bloc .bloc-left>.content>div {
    text-align: center;
    border-right: 2px solid #fff;
    line-height: 1.7em;
    font-weight: 700;
    padding: 0 5px !important
}

.homeWelcome .bloc .bloc-left>.content>div:last-child {
    border-right: 0px
}

.homeWelcome .bloc .bloc-left>.content>div>div>h2 {
    font-size: 60px;
    font-weight: 700;
    text-align: center
}

.homeWelcome .bloc .bloc-left>.content>div:nth-child(2)>div>span {
    font-size: 48px
}

.homeWelcome .bloc .bloc-left>.content>div:last-child>div>span {
    font-size: 30px;
    color: #fff
}

.homeWelcome .bloc .bloc-right {
    float: left;
    margin-right: 10px
}

.homeWelcome .bloc .bloc-right .bloc-webcast {
    height: 70px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7)
}

.homeWelcome .bloc .bloc-right .bloc-webcast>div:first-child {
    float: left;
    padding: 10px;
    background: #fffdf2
}

.homeWelcome .bloc .bloc-right .bloc-webcast>div:last-child {
    float: left;
    background: #fff;
    padding: 20px 10px 0;
    font-weight: 700;
    line-height: .7em;
    text-align: center;
    width: 65%
}

.homeWelcome .bloc .bloc-right .bloc-webcast>div:last-child>a {
    text-decoration: none;
    color: #8c8c8c
}

.homeWelcome .bloc .bloc-right .bloc-financial {
    height: 80px;
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7);
    -moz-box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7);
    box-shadow: 0 2px 2px 0 rgba(95, 99, 100, .7);
    overflow: hidden
}

.homeWelcome .bloc .bloc-right .bloc-financial>div:first-child {
    float: left;
    background: #fff;
    padding: 15px 10px;
    width: 65px;
    text-align: center
}

.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download {
    float: left;
    width: 74%
}

.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div:first-child {
    background: #294491;
    padding: 8px;
    line-height: .8em;
    text-align: center;
    font-size: 21px;
    color: #fff;
    font-weight: 700
}

.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div.download {
    padding: 4px 0;
    background: #101f5a;
    display: block;
    float: left;
    width: 50%;
    text-align: center
}

.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div.download>a,
.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div:last-child>a {
    color: #fff;
    text-decoration: none;
    font-size: 18px
}

.homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div:last-child {
    padding: 4px 0;
    background: #0b174b;
    float: left;
    display: block;
    width: 50%;
    text-align: center
}

.homeNews>.textTitle {
    margin-bottom: 10px;
    border-bottom: 2px solid #767676
}

.homeNews>.bloc-news {
    border-bottom: 1px solid #ebebeb;
    display: block;
    padding: 5px 0;
    float: left;
    width: 100%
}

.homeNews>.bloc-news>.date {
    padding: 15px 0 5px;
    width: 20%;
    float: left;
    background: #d0f3ff;
    color: #8c8c8c;
    text-align: center
}

.homeNews>.bloc-news>.date>span:first-child,
.ir_news>a>.ir_newsDate>span:first-child {
    font-size: 60px;
    line-height: .5em;
    display: block
}

.homeNews>.bloc-news>.title {
    float: left;
    width: 72%;
    padding: 10px 10px 10px 20px;
    min-height: 53px
}

.homeNews>.bloc-news>.title>a {
    font-size: 22px;
    text-decoration: none;
    line-height: .8em
}

.homeNews>.bloc-news:hover>.date,
.ir_news>a:hover>.ir_newsDate {
    background: #29458f;
    color: #fff
}

.homeNews>.bloc-news:hover>.title {
    background: #f8f7f7
}

.homeNews>.bloc-news:hover>.title>a {
    color: #424648
}

.bloc-ar {
    margin: 10px 0;
    float: left;
    width: 100%
}

.bloc-ar>.cover-ar {
    float: left;
    margin-right: 20px
}

.bloc-ar>.cover-ar>img {
    border: 1px solid #c3c8d7;
    -webkit-box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4);
    -moz-box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4);
    box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4)
}

.bloc-ar>.download-ar {
    float: left;
    margin-top: 90px;
    width: 45%
}

.bloc-ar>.download-ar>div>.icon-download,
.ir-ar .bloc-ar>.download-ar>div>.icon-download {
    background: url(/images/v01/icon/icon-pdf.png?ver=1) top center no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 5px
}

.bloc-ar>.download-ar>div>span {
    font-size: 26px;
    color: #29458f;
    float: left;
    line-height: .8em;
    display: block
}

.bloc-ar>.download-ar>a {
    vertical-align: top;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none
}

.bloc-ar>.download-ar>a:last-child,
.textTitle .itm {
    float: right
}

.bloc-ar>.download-ar>a:focus,
.bloc-ar>.download-ar>a:hover,
.ir-ar .bloc-ar>.download-ar>div a:focus,
.ir-ar .bloc-ar>.download-ar>div>a:hover {
    color: #294491
}

.textTitle {
    border-bottom: 2px solid #00a0da;
    margin-bottom: 10px
}

.textTitle .itm>a {
    font-size: 19px;
    display: block;
    color: #29458f;
    text-decoration: none;
    padding-top: 5px
}

.textTitle .itm>a.rss {
    background: url(/images/v01/icon/rss.gif) left center no-repeat;
    padding-left: 25px;
    margin-left: 10px
}

.more {
    display: block;
    margin: 10px 0 40px;
    float: left
}

.more>a,
.more>a:hover {
    text-decoration: none;
    color: #15a1d9;
    font-weight: 700
}

.bloc-calendar {
    padding: 0 0 0 15px !important;
    width: 29% !important
}

.bloc-calendar .content-calendar {
    background: url(/images/v01/banner/banner-calendar.jpg) top center no-repeat;
    padding: 15px;
    height: 240px;
    -webkit-box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4);
    -moz-box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4);
    box-shadow: 0 6px 5px 0 rgba(95, 99, 100, .4)
}

.bloc-calendar .textTitle {
    color: #1b2e65;
    margin: 0
}

.bloc-calendar .content-calendar .top-content {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 700;
    line-height: 1.2em
}

.bloc-calendar .content-calendar .top-content .icon-calendar {
    background: url(/images/v01/icon/icon-calendar.png?ver=1) left center no-repeat;
    width: 75px;
    height: 75px;
    float: left;
    display: block;
    margin-right: 10px
}

.bloc-calendar .content-calendar .top-content .title {
    font-size: 29px;
    font-weight: 700
}

.bloc-calendar .content-calendar .bottom-content {
    float: left;
    background: #fff;
    display: block;
    margin: 20px 0;
    min-height: 100px;
    width: 100%
}

.bloc-calendar .content-calendar .bottom-content>div {
    padding: 10px 20px
}

.bloc-calendar .content-calendar .bottom-content>div>.title {
    font-size: 26px;
    font-weight: 700
}

#recaptcha_widget,
.content-director {
    float: left;
    width: 100%
}

.content-director p {
    margin: 0
}

.content-director .bodytext {
    font-weight: 700
}

.content-director a,
.content-director a:hover,
.fs_content table tr td>a {
    text-decoration: none
}

.content-director .panel-default>.panel-heading {
    color: #fff;
    background-color: #1e72ba;
    border-color: #ddd;
    border-radius: 0;
    border-left: 10px solid #1e72ba
}

.content-director a .name {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

.content-director a .position {
    width: 70%;
    display: inline-block
}

.content-director .panel-default>.panel-heading:hover {
    background: #fff;
    color: #284591;
    font-weight: 700;
    border-left: 10px solid #1e72ba
}

.content-director .subheader {
    color: #52aece;
    font-weight: 700;
    font-size: 24px;
    margin: 0
}

.content-director .subheader_2 {
    color: #52aece;
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    padding-left: 25px
}

.content-director .headertext {
    font-size: 26px
}

.content-director ol,
.content-director ul {
    padding: 0 0 0 25px;
    margin: 0;
    list-style: outside
}

#changing-area>.year {
    display: none
}

.fs-year {
    background: url(/images/v01/banner/financial-bg.jpg) 0 0/cover;
    min-height: 188px;
    padding: 20px;
    color: #fff;
    margin-bottom: 20px
}

.fs-year div>h2 {
    text-align: center;
    font-weight: 700;
    padding-top: 25px;
    font-size: 27px
}

.fs-year .fs-detail {
    background: #fff;
    float: left;
    padding: 15px;
    border-top: 4px solid #00a2dd
}

.fs-year .fs-detail .fs-link {
    border-bottom: 1px solid #ebebeb;
    float: left;
    display: block;
    width: 100%
}

.fs-year .fs-detail .fs-link a>p {
    margin: 5px 0;
    font-weight: 700
}

.box-stock-chart {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.ir-title-update {
    background: #09a2d5;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700
}

.ir-stock-chart tr td {
    background: #19abdc;
    color: #fff;
    opacity: .9;
    font-weight: 700
}

.ir-stock-chart tr td>div {
    padding: 5px 0
}

.table-alert tr td input,
.table-alert tr td select {
    display: block;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 1.5%
}

.ir_tableTopRow td {
    font-size: 30px;
    width: 150px
}

.ir_tableTopRow td h2 {
    font-size: 70px
}

.box-filter-date select {
    display: inline-block;
    width: auto;
    height: auto
}

table.ir_calculator tr td:last-child {
    width: 30%
}

table.ir_calculator tr td>input {
    text-align: right;
    padding-right: 20px
}

table.ir_calculator tr:first-child td {
    text-align: left !important;
    padding: 5px 20px
}

.fs_content table tr th>strong {
    font-size: 24px
}

.menu-select {
    background: url(/images/v01/select-bg.jpg) top center/cover no-repeat #0d2c86;
    margin-bottom: 20px;
    padding: 10px 0;
    float: left;
    width: 100%
}

.list-news .news-date,
.text-title {
    padding: 10px 20px
}

.menu-select .box-select {
    max-width: 680px;
    margin: 0 auto
}

.menu-select .box-select p {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center
}

.ir_news>a>.ir_newsDate,
.list-news .news-date {
    width: 10%;
    background: #d0f3ff;
    text-align: center
}

.ir_news>a>.ir_newsDate,
.list-news,
.list-news .news-date {
    margin-bottom: 10px;
    float: left
}

.menu-select .box-select p label {
    font-size: 2.5rem;
    color: #fff;
    display: block;
    line-height: 1em
}

.menu-select .box-select p span {
    display: block;
    padding: 10px 5px 0;
    width: 25%;
    margin: 0 auto
}

.menu-select .box-select p span select {
    width: 100%;
    color: #333;
    font-weight: 700
}

.ir_news>a>.ir_newsDate {
    padding: 20px 0 10px
}

.ir_news>a>.ir_newsTitle {
    float: left;
    width: 77%;
    padding: 10px 10px 10px 20px;
    height: 53px
}

.ir_news>a:hover>.ir_newsTitle {
    background: #f8f7f7;
    color: #29458f !important;
    font-weight: 700
}

p.select_year {
    float: left;
    margin: 20px
}

.list-news {
    width: 100%;
    display: block
}

.list-news .news-detail {
    float: left;
    width: 80%;
    padding: 0 10px 10px 20px
}

.text-title {
    margin-top: 20px;
    display: block;
    background: #1e72ba;
    font-weight: 700;
    color: #fff;
    font-size: 20px
}

.ir-cg tr:first-child td,
.ir-factsheet tr:first-child td {
    text-align: left !important;
    padding: 10px 20px !important;
    color: #5f5f5f !important
}

.ir-cg tr:first-child td:first-child {
    color: #284591 !important
}

.ir-ar>div:first-child {
    margin-bottom: 40px
}

.ir-ar .bloc-ar>.download-ar {
    float: left;
    margin-top: 90px;
    width: 60%
}

.ir-ar .bloc-ar>.download-ar>div>span {
    font-size: 26px;
    color: #29458f;
    float: left;
    display: block
}

.ir-ar .bloc-ar>.download-ar>div>a {
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 700
}

.ir-ar>div>.ar-group,
.table-directorshare tr td:first-child,
.table-shareholding tr td:first-child {
    text-align: center
}

.webcast {
    position: relative;
    margin-bottom: 20px;
    min-height: 350px;
    height: 350px
}

.webcast-thumb {
    line-height: 0
}

.webcast-description {
    display: block;
    position: relative;
    background: #fff;
    width: 96%;
    margin: -25px 2% 0;
    border-top: 3px solid #29458f
}

.webcast-description .description {
    padding: 10px;
    line-height: 1.2em;
    font-weight: 700
}

.webcast-description .description .date {
    text-align: left;
    padding-top: 5px
}

.webcast-description .description .detail {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d5;
    overflow: hidden;
    color: #009fd9
}

.webcast-description .readmore a {
    color: #666;
    text-decoration: none;
    line-height: 1em
}

.ir-contact .headertext {
    text-align: center;
    color: #52aece;
    font-weight: 700;
    font-size: 2em
}

.ir-contact .bodytext {
    text-align: center;
    font-weight: 700;
    font-size: 1.5em
}

.table-alert tr td {
    padding: 10px 20px !important;
    text-align: left !important
}

.table-alert tr td input {
    width: 67%;
    background: #fff
}

.table-alert tr td select {
    width: 70%;
    background: #fff
}

.si_center {
    text-align: center;
    float: left;
    width: 100%
}

.col-md-2-5 {
    width: 22%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:1200px) {
    .homeWelcome {
        background-size: cover;
        width: 100%;
        padding: 0
    }
}

@media (max-width:790px) {

    #gbHd .gbsbmn ul.nav .itm ul.ir-pc-none .sub-menu,
    .homeWelcome .bloc .bloc-right .bloc-financial>div:first-child,
    .homeWelcome .bloc .bloc-right .bloc-webcast>div:first-child,
    .sub-nav {
        display: none
    }

    .homeWelcome {
        background-size: cover;
        width: 100%;
        padding: 0;
        height: auto
    }

    .homeWelcome .container {
        width: auto;
        padding: 20px;
        margin: 50px auto
    }

    .container p img,
    .content-director .panel-default>.panel-heading .position,
    .content-director a .position,
    .home-content .homeNews>.bloc-news>.date,
    .homeWelcome .container>p,
    .ir_news>a>.ir_newsDate {
        width: 100%
    }

    .container,
    .home-content .homeNews>.bloc-news>.title,
    table.ir_calculator tr td:last-child {
        width: auto
    }

    .homeWelcome .bloc .bloc-left {
        width: 100% !important
    }

    .homeWelcome .bloc .bloc-left>.content {
        height: auto;
        padding: 0 20px 20px
    }

    .homeWelcome .bloc .bloc-left>.header {
        height: auto
    }

    .homeWelcome .bloc .bloc-left>.header>span:first-child {
        text-align: center;
        float: none
    }

    .homeWelcome .bloc .bloc-left>.header>span:last-child {
        float: none;
        text-align: center;
        padding: 5px
    }

    .homeWelcome .bloc .bloc-left>.content>div {
        border-right: 0px;
        border-bottom: 1px solid #fff;
        text-align: center;
        padding: 0 !important
    }

    .homeWelcome .bloc .bloc-right {
        margin: 0;
        padding: 0
    }

    .homeWelcome .bloc .bloc-right .bloc-financial {
        margin-top: 0;
        height: auto
    }

    .homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download {
        width: 100%;
        float: left
    }

    .homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div.download,
    .homeWelcome .bloc .bloc-right .bloc-financial>.bloc-financial-download>div:last-child {
        width: auto;
        float: none
    }

    .homeWelcome .bloc .bloc-right .bloc-webcast>div:last-child {
        width: 100%;
        padding: 15px 0
    }

    .home-content .container {
        width: 100%;
        padding: 20px 0 0
    }

    .home-content .homeNews {
        display: block;
        float: left
    }

    .home-content .home-ar {
        padding: 0 15px !important
    }

    .home-content .bloc-calendar {
        padding: 0 !important;
        width: 100% !important
    }

    .ir-show-pc {
        display: none !important
    }

    #gbHd .gbsbmn ul.nav .itm ul.ir-pc-none .list-item>a {
        font-size: 1.3rem
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .page-content h2 {
        font-size: 50px
    }

    .content-director .panel-default>.panel-heading .name {
        width: 100%;
        margin-left: 0
    }

    .menu-select .box-select p span {
        width: 80%
    }

    .ir-ar .flex-container {
        display: block
    }

    .ir-ar>div>.ar-group {
        text-align: center;
        padding: 0 0 20px;
        margin-bottom: 20px
    }

    .ir-ar .bloc-ar>.download-ar {
        float: left;
        margin-top: 20px;
        width: 100%
    }

    .bloc-ar>.cover-ar>img {
        display: block;
        margin: 0 auto
    }

    .col-md-2-5 {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .webcast {
        min-height: 350px;
        height: auto
    }

    .fs-year {
        background: url(/images/v01/banner/financial-bg.jpg) 0 0/cover;
        padding: 0;
        color: #fff;
        margin-bottom: 20px;
        float: left;
        min-height: auto
    }

    .fs-year .fs-detail .fs-link a {
        text-decoration: none
    }

    .fs-year .fs-detail .fs-link a>p,
    .fs-year .fs-detail .fs-link a>p:last-child {
        text-align: center
    }

    table.ir_calculator tr:first-child td {
        text-align: center !important
    }

    table.ir_calculator tr td input[type=text],
    table.ir_calculator tr td select {
        width: 100%;
        padding-right: 0;
        display: block;
        text-align: center
    }

    .ir_news {
        width: 100%;
        padding: 0 !important
    }

    .ir_news>a>.ir_newsTitle {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    .list-news {
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 10px
    }

    .list-news .news-date {
        width: 90%
    }

    .content-director a .name {
        width: 90%;
        margin-left: 0
    }
}

@media (max-width:768px) {
    #footer .block3 .container .blck1>ul>li:not(:nth-child(2n)) {
        margin-right: 5%
    }
}

ul.content {
    padding: 0
}

.content li {
    list-style: none
}

dl.accordion.tab-board dt:hover>span {
    color: #00000f
}

dl.accordion.tab-board dt.on>span {
    color: #00000f;
    font-weight: 700
}

table[class*=tb-board] tr th,
table[class*=tb-committees] tr th {
    text-align: left
}

table[class*=tb-board] tr td {
    border-left: 0
}

table[class*=tb-board] tr td[colspan] {
    text-decoration: underline
}

table[class*=tb-committees] tr td:first-child {
    width: 50%
}

@media (min-width:768px) {
    table[class*=tb-committees] tr td:first-child {
        width: 30%
    }
}

@media (max-width:1600px) {
    .page-home .section-4 .boxListContentTab .oneContentTab {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .page-home .section-4 .boxListContentTab #boxListNews {
        width: 800px;
        margin-left: 75px;
        margin-top: 215px
    }
}

@media (max-width:1300px) {
    .page-home .section-4 .boxListContentTab .oneContentTab {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .page-home .section-4 .boxListContentTab #boxListNews {
        width: 740px;
        margin-left: 75px;
        margin-top: 215px
    }
}

@media (max-width:1240px) {
    .page-home .section-4 .boxListContentTab .oneContentTab {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .page-home .section-4 .boxListContentTab #boxListNews {
        width: 680px;
        margin-left: 75px;
        margin-top: 215px
    }
}

@media (max-width:1180px) {
    .page-home .section-4 .boxListContentTab .oneContentTab {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .page-home .section-4 .boxListContentTab #boxListNews {
        width: 465px;
        margin-left: 75px;
        margin-top: 215px
    }
}

@media (max-width:990px) {
    .page-home .section-4 h2 {
        font-size: 1.6em
    }

    .page-home .section-4 .bg-shadow,
    .page-home .section-4 .boxContent .des-1 {
        display: none
    }

    .page-home .section-4 .boxContent {
        max-width: inherit;
        text-align: left;
        margin-left: 15px
    }

    .page-home .section-4 .boxListContentTab .boxList_1 .oneItem .title-1 {
        font-size: 1em
    }

    .page-home .section-4 .boxContent .title-1 {
        padding: 5px 0;
        font-size: 2.5rem
    }

    .page-home .section-4 .boxContent .boxListTab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 50px
    }

    .page-home .section-4 .boxContent .boxListTab a {
        display: block;
        width: 24.3%;
        height: auto;
        padding: 5px 0;
        font-size: .9em;
        line-height: 1rem;
        white-space: normal;
        text-align: center
    }

    .page-home .section-4 .boxContent .boxListTab .action,
    .page-home .section-4 .boxContent .boxListTab a:hover {
        font-size: .9em
    }

    .page-home .section-4 .boxContent .boxListTab a span {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 100%
    }

    .page-home .section-4 .boxContent .boxListTab a:first-child:before {
        top: 50%;
        height: 2px;
        left: 50%;
        width: 50%
    }

    .page-home .section-4 .boxContent .boxListTab a:before {
        width: 100%;
        height: 2px;
        left: 0;
        top: 50%;
        background-repeat: repeat-x
    }

    .page-home .section-4 .boxContent .boxListTab a i[class^=fa] {
        position: relative;
        right: 0;
        margin: auto;
        width: 46px;
        height: 46px;
        font-size: 26px;
        line-height: 40px
    }

    .page-home .section-4 .boxContentMobile {
        display: block
    }

    .page-home .section-4 .boxListContentTab,
    .page-home .section-4 .boxListContentTab .oneContentTab {
        position: relative;
        left: 0;
        top: 0
    }

    .page-home .section-4 .boxListContentTab #boxListNews {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        padding: 10px
    }

    .page-home .section-4 .boxListContentTab #boxListActivity {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        padding: 20px 30px
    }

    .page-home .section-4 .boxListContentTab #boxListActivity .oneItem .title-1 {
        padding: 15px 10px 15px 15px;
        background: #0f5d8d
    }

    .page-home .section-4 .boxListContentTab #boxListNews .owl-nav .owl-prev {
        display: none;
        left: -14px;
        width: 34px;
        height: 34px
    }

    .page-home .section-4 .boxListContentTab #boxListNews .owl-nav .owl-next {
        display: none;
        right: -14px;
        width: 34px;
        height: 34px
    }

    .page-home .section-4 .boxListContentTab #boxListNews .oneItem {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 248px
    }
}

.border-box {
    box-sizing: border-box
}

@media (min-width:1700px) {
    .page-home .section-4 .boxDetail {
        margin-left: 12%
    }
}

@media only screen and (max-width:1700px) and (min-width:1600px) {
    .page-home .section-4 .boxDetail {
        margin-left: 7%
    }
}

@media only screen and (max-width:1600px) and (min-width:1500px) {
    .page-home .section-4 .boxDetail {
        margin-left: 6%
    }
}

@media only screen and (max-width:1500px) and (min-width:1400px) {
    .page-home .section-4 .boxDetail {
        margin-left: 4%
    }
}

.page-home .section-4 .boxListContentTab .download {
    clear: both;
}

#box_tiktok .set-btn-prev {
    /* background-image: url("../images/icons/icons_left.svg"); */
    background-repeat: no-repeat;
    top: 50%;
    left: -5%;
    height: 40px;
    width: 100%;
    /* position: relative; */
    z-index: 1;
    display: flex;
    justify-content: flex-start;
}

#box_tiktok .set-btn-next {
    /* background-image: url("../images/icons/icons_right.svg"); */
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 100%;
    /* position: relative; */
    z-index: 1;
    display: flex;
    justify-content: flex-end;
}

#box_tiktok .set-nav-btn {
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: 50%;
    opacity: 1;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

#box_youtube .owl-nav .owl-prev {
    background-image: url("../images/icons/icons_left.svg");
    background-repeat: no-repeat;
    top: 50%;
    left: -6%;
}

#box_youtube .owl-nav .owl-next {
    background-image: url("../images/icons/icons_right.svg");
    background-repeat: no-repeat;
    top: 50%;
    right: -7%;
}