.career-list .link .title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.location{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.fa-spin{
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flex-space{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1%;
}

.main-slider .iframe-container,
.main-slider .video-container {background-color: #000;}

/* .clickdel{
    color: #fff;
    background-color: #EC1F27;
    border-color: #EC1F27;
    -webkit-box-shadow: none;
    box-shadow: none;
} */

/* top graphic */
.main-slider .logo {
    position: absolute;
    z-index: 1;
    width: 29.4%;
    height: 25%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }










/* modal */
.modal-content.submit{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    border-radius:20px;
    padding:50px 0;
    min-height:580px;
    background:url("../img/background/modal-submit.jpg") center;
    background-size:cover
}
.modal-dialog{
    max-width:1020px
}
.modal-close{
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    text-align:center;
    width:40px;
    height:40px;
    color:#333;
    font-size:24px
}
.modal-close span{
    line-height:40px
}
.modal-close:hover{
    text-decoration:none;
    color:#333;
    opacity:0.6
}
.modal-backdrop.show{
    opacity:0.75
}
.modal-submit{
    padding:0 90px
}
.modal-submit .brand{
    margin-bottom:10px
}
.modal-submit .title{
    color:#131E78;
    font-size:60px;
    font-weight:700;
    text-transform:uppercase
}
.modal-submit .desc{
    color:#131E78;
    font-size:40px;
    font-weight:normal
}
.modal-submit .desc+.desc{
    margin-top:5px
}
.modal-submit .action{
    margin-top:30px
}
@media (max-width: 1440px){
    .modal-dialog{
        max-width:840px
    }
    .modal-content{
        padding:40px 0;
        min-height:480px
    }
    .modal-submit{
        padding:0 50px
    }
    .modal-submit .brand img{
        width:140px
    }
    .modal-submit .title{
        font-size:50px
    }
    .modal-submit .desc{
        font-size:30px
    }
}
@media (max-width: 1199px){
    .modal-dialog{
        max-width:720px
    }
    .modal-content{
        padding:25px 0;
        min-height:400px
    }
    .modal-submit{
        padding:0 40px
    }
    .modal-submit .brand img{
        width:120px
    }
    .modal-submit .title{
        font-size:46px
    }
    .modal-submit .desc{
        font-size:26px
    }
    .modal-submit .action{
        margin-top:25px
    }
}
@media (max-width: 991px){
    .modal-dialog{
        margin:20px
    }

}
@media (max-width: 767px){
    .modal-body{
        padding:0
    }
    .modal-dialog{
        max-width:720px;
        margin:20px
    }
    .modal-content{
        padding:30px 0 40px 0;
        min-height:inherit;
        text-align:center
    }
    .modal-submit{
        padding:0 20px
    }
    .modal-submit .brand{
        margin-bottom:20px
    }
    .modal-submit .brand img{
        width:100px
    }
    .modal-submit .title{
        font-size:26px;
        line-height:0.8em;
        margin-bottom:10px
    }
    .modal-submit .desc{
        font-size:22px
    }
    .modal-submit .desc+.desc{
        margin-top:2px
    }
    .modal-submit .action{
        margin-top:25px
    }
}




.modal-ir-staff{
    max-width:925px
}
.modal-ir-staff .close{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:30px;
    font-weight:500;
    color:#fff;
    background-color:#EC1F27;
    border-radius:50%;
    position:absolute;
    z-index:1;
    right:-20px;
    top:-20px;
    opacity:1
}
.modal-ir-staff .close:not(:disabled):not(.disabled):focus,.modal-ir-staff .close:not(:disabled):not(.disabled):hover{
    opacity:1
}
.modal-ir-staff .modal-content{
    border-radius:120px 15px 90px 15px
}
.modal-ir-staff .modal-body{
    padding:25px 65px 25px 30px
}
.modal-ir-staff .thumb{
    width:215px;
    height:215px;
    background-color:#fff;
    border:1px solid #131E78;
    padding:5px;
    border-radius:50%
}
.modal-ir-staff .thumb>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    border-radius:50%
}
.modal-ir-staff .content{
    padding-left:50px;
    padding-top:20px
}
.modal-ir-staff .h-title{
    font-size:43px;
    font-weight:bold;
    color:#131E78;
    line-height: 1em;
}
.modal-ir-staff .s-title{
    font-size:14px;
    line-height:1;
    color:#333;
    font-family:Tahoma
}
.modal-ir-staff .line{
    margin-top:12px;
    margin-bottom:30px;
    height:3px;
    width:40px;
    background-color:#EC1F27
}
.modal-ir-staff .title{
    font-size:22px;
    font-weight:bold;
    color:#131E78;
    margin-bottom:15px
}
.modal-ir-staff .desc{
    font-size:22px;
    font-weight:normal;
    color:#666;
    line-height:1.2em
}
.modal-ir-staff .sline{
    width:100%;
    height:1px;
    background-color:#e4e4e4;
    margin:15px 0
}
.modal-ir-staff .txt{
    font-size:16px;
    font-weight:normal;
    color:#666;
    text-align:right;
    margin-top:110px;
    padding-right:25px
}
.-irIV .head{
    padding:20px 0
}
.-irIV .head .brand .icon{
    margin-right:20px
}
.-irIV .head .whead{
    margin-bottom:0
}
.-irIV .head .whead .title{
    margin-bottom:0px
}
.-irIV .head .whead .desc{
    font-size:24px;
    color:#666;
    margin-bottom:0
}
.-irIV .head .action .btn{
    padding:0 25px
}
.-irIV .head .action .btn .icon{
    display:inline-block;
    vertical-align:middle;
    margin-right:25px;
    width:28px;
    height:28px;
    line-height:34px;
    text-align:center;
    border-radius:8px;
    background-color:#fff;
    color:#131E78;
    font-size:16px;
    position:relative;
    top:3px
}
.-irIV .head .action .btn:hover .icon{
    background-color:#131E78;
    color:#fff
}
.-irIV .container-content.fluid{
    padding:0;
    width:100%
}
.-irIV .container-content .container-fluid{
    padding:0
}
.irIV-content .wrapper{
    background:url("../img/background/irIV-content-1.jpg") center right no-repeat;
    background-size:auto 100%;
    background-color:#131E78;
    width:100%;
    height:560px;
    float:left
}
.irIV-content .wrapper .cover{
    width:880px;
    height:560px;
    float:right
}
.irIV-content .wrapper .cover img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.irIV-content .wrapper .cover:after{
    content:'';
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-box-shadow:0 0 100px 40px #131E78 inset;
    box-shadow:0 0 100px 40px #131E78 inset
}
.irIV-content .wrapper .content{
    width:720px;
    margin:80px 0;
    padding-left:50px
}
.irIV-content .wrapper .h-title{
    font-size:49px;
    font-weight:bold;
    color:#fff;
    line-height:1;
    margin-bottom:20px
}
.irIV-content .wrapper .mcscroll{
    height:325px
}
.irIV-content .wrapper .editor-content p{
    font-size:24px;
    color:#fff;
    line-height:1.2em;
    margin-bottom:20px
}
.irIV-content .wrapper .editor-content p:last-child{
    margin-bottom:0
}
.irIV-content .wrapper .mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0
}
.irIV-content .wrapper .mCSB_scrollTools .mCSB_draggerRail{
    width:4px;
    background-color:rgba(255,255,255,0.2)
}
.irIV-content .wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color:#EC1F27
}
.irIV-content .wrapper .mCSB_scrollTools .mCSB_buttonDown,.irIV-content .wrapper .mCSB_scrollTools .mCSB_buttonLeft,.irIV-content .wrapper .mCSB_scrollTools .mCSB_buttonRight,.irIV-content .wrapper .mCSB_scrollTools .mCSB_buttonUp{
    background-image:none
}
.irIV-nav .slick-arrow{
    width:60px;
    height:60px
}
.irIV-nav .slick-arrow.slick-prev{
    left:-60px
}
.irIV-nav .slick-arrow.slick-next{
    right:-60px
}
.irIV-nav .slick-arrow span{
    font-size:60px
}
.irIV-nav .slick-slide .item{
    position:relative
}
.irIV-nav .slick-active+.slick-active .item:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:1px;
    height:100%;
    background-color:#e1e1e1
}
.irIV-nav .slick-current .item:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:5px;
    background-color:#EC1F27
}
.irIV-nav .slick-current .icon{
    background-color:#EC1F27
}
.irIV-nav .slick-current .icon:before{
    opacity:1
}
.irIV-nav .link{
    cursor:pointer;
    position:relative;
    padding-left:50px;
    padding-right:15px;
    display:block
}
.irIV-nav .icon{
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#d7d7d7
}
.irIV-nav .icon:before{
    content:'';
    width:26px;
    height:26px;
    border-radius:50%;
    position:absolute;
    z-index:0;
    left:-8px;
    top:-8px;
    border:2px solid #131E78;
    opacity:0
}
.irIV-nav .height{
    height:112px
}
.irIV-nav .number{
    font-size:64px;
    font-weight:bold;
    line-height:0.7;
    color:#131E78
}
.irIV-nav .txt{
    font-size:26px;
    font-weight:bold;
    line-height:0.9em;
    color:#131E78;
    padding-left:15px
}
.-irIV-IV{
    text-align:left
}
.-irIV-IV .head{
    padding:40px 0;
    background-image:url(../img/background/bg-ir4-4top.jpg);
    background-position:top center;
    background-repeat:no-repeat
}
.-irIV-IV .head .line{
    width:100%;
    height:1px;
    margin:30px 0;
    background-color:#e1e1e1
}
.-irIV-IV .head .into{
    border-top:1px dashed #e1e1e1;
    padding-top:30px
}
.-irIV-IV .head .into .title{
    font-size:38px;
    font-weight:bold;
    line-height:1;
    color:#131E78;
    margin-bottom:5px
}
.-irIV-IV .head .into .desc{
    font-size:24px;
    font-weight:normal;
    line-height:1.2;
    color:#666
}
.-irIV-IV .head .list-content{
    padding:50px 0
}
.-irIV-IV .head .list-content .number{
    font-size:73px;
    font-weight:bold;
    line-height:1;
    color:#131E78
}
.-irIV-IV .head .list-content .txt{
    font-size:30px;
    font-weight:bold;
    line-height:1;
    color:#131E78
}
.-irIV-IV .head .list-content .desc{
    font-size:19px;
    font-weight:normal;
    line-height:1;
    color:#666
}
.-irIV-IV .head .list-contact .title{
    font-size:38px;
    font-weight:bold;
    line-height:1;
    color:#131E78
}
.-irIV-IV .head .list-contact .txt{
    font-size:20px;
    font-weight:bold;
    line-height:1;
    color:#131E78
}
.-irIV-IV .head .list-contact .line{
    width:42px;
    height:2px;
    margin-top:12px;
    margin-bottom:15px;
    background-color:#EC1F27
}
.-irIV-IV .head .list-contact .desc{
    font-size:20px;
    font-weight:normal;
    line-height:1;
    color:#666
}
.-irIV-IV .body{
    background-image:url(../img/background/bg-ir4-4cen.jpg);
    background-position:center;
    background-repeat:no-repeat
}
.-irIV-IV .body .inner{
    padding-left:65%
}
.-irIV-IV .body .height{
    height:285px
}
.-irIV-IV .body .title{
    font-size:43px;
    font-weight:bold;
    line-height:1;
    color:#fff;
    margin-bottom:10px
}
.-irIV-IV .body .desc{
    font-size:27px;
    font-weight:bold;
    line-height:1;
    color:#fff
}
.-irIV-IV .body .action{
    padding-top:25px
}
.-irIV-IV .body .action .btn,.-irIV-IV .body .action .btn:focus,.-irIV-IV .body .action .btn.focus{
    color:#fff;
    background-color:#EC1F27;
    border-color:#EC1F27
}
.-irIV-IV .body .action .btn:hover,.-irIV-IV .body .action .btn:active:hover,.-irIV-IV .body .action .btn.active:hover,.-irIV-IV .body .action .btn:active:focus,.-irIV-IV .body .action .btn.actitve:focus,.-irIV-IV .body .action .btn:active.focus,.-irIV-IV .body .action .btn.active.focus,.-irIV-IV .body .action .btn:focus:hover,.-irIV-IV .body .action .btn.focus:hover{
    color:#EC1F27;
    background-color:#fff;
    border-color:#EC1F27
}
.-irIV-IV .body .action .btn.disabled,.-irIV-IV .body .action .btn.disabled:hover{
    color:#EC1F27;
    background-color:#fff;
    border-color:#EC1F27;
    opacity:0.5
}
.-irIV-IV .footer{
    padding:60px 0;
    text-align:center
}
.-irIV-IV .footer .title{
    font-size:34px;
    font-weight:bold;
    line-height:1;
    color:#131E78;
    margin-bottom:10px
}
.-irIV-IV .footer .desc{
    font-size:24px;
    font-weight:normal;
    line-height:1;
    color:#666
}
.-irIV-IV .footer .desc hr{
    border:none;
    margin:7px 0
}
.-irIV-IV .footer .desc strong{
    font-weight:bold;
    color:#131E78
}
.-irIV-IV .footer .desc .link{
    color:#131E78
}
.-irIV-IV .footer .desc .link:hover{
    color:#EC1F27
}
.-irIV-IV .footer .desc+.desc{
    margin-top:25px
}

.-irI-I .item{
    margin:0 15px
}
/* .-irI-I .item+.item{
    margin:0 15px
} */

@media (max-width: 1440px){
}
@media (max-width: 1200px){
    .ir-page .whead .title{
        text-align:left;
        margin-bottom:4px
    }
    .ir-page .whead .share{
        margin-top:-22px
    }
    .-irI .content{
        overflow:auto
    }
    .-irI-I{
        padding:40px 0
    }
    .-irI-I .wrapper+.wrapper{
        margin-top:40px
    }
    .investor-report{
        min-height:inherit;
        padding:40px 0
    }
    .investor-report-list.detail{
        margin-top:0
    }
    .investor-download{
        padding:40px 0
    }
    .investor-download .btn-box .btn{
        min-width:200px
    }
    .investor-download .btn-box .btn .icon-{
        width:22px;
        height:22px;
        line-height:22px;
        font-size:16px;
        top:13px;
        margin-right:8px
    }
    .investor-download .btn-box .btn .icon- span{
        line-height:22px
    }
    .investor-download .whead .title{
        text-align:left
    }
    .investor-download .item-list{
        margin-top:20px;
        margin-bottom:40px
    }
    .investor-download .item{
        padding:20px 0
    }
    .-irIV .head .brand .icon{
        width:90px
    }
    .-irIV .head .action .btn{
        min-width:200px
    }
    .-irIV .head .action .btn .icon{
        width:22px;
        height:22px;
        line-height:22px;
        font-size:16px;
        top:2px;
        margin-right:8px;
        border-radius:4px
    }
    .-irIV .head .action .btn .icon span{
        line-height:22px
    }
    .irIV-content .wrapper{
        height:460px
    }
    .irIV-content .wrapper .content{
        width:470px;
        margin:40px 0
    }
    .irIV-content .wrapper .h-title{
        font-size:36px;
        margin-bottom:15px
    }
    .irIV-content .wrapper .cover{
        height:460px
    }
    .irIV-content .wrapper .editor-content p{
        font-size:22px
    }
}
@media (max-width: 991px){
    .modal-ir-staff .modal-body{
        padding:20px 40px 20px 20px
    }
    .modal-ir-staff .txt{
        margin-top:50px
    }
    .modal-ir-staff .close{
        width:40px;
        height:40px;
        font-size:24px;
        line-height:40px;
        text-shadow:none;
        top:-10px;
        right:-10px
    }
    .irIV-nav .link{
        width:280px
    }
    .irIV-nav .slick-list{
        overflow:visible
    }
    .irIV-nav .height{
        height:80px
    }
    .irIV-nav .txt{
        font-size:22px
    }
    .irIV-nav .item::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        width:1px;
        height:100%;
        background-color:#e1e1e1
    }
    .irIV-content .container{
        padding:0
    }
    .irIV-content .wrapper{
        height:auto
    }
    .irIV-content .wrapper .row{
        margin:0
    }
    .irIV-content .wrapper .row>div{
        padding:0
    }
    .irIV-content .wrapper .cover{
        float:none;
        width:100%;
        height:auto;
        padding-top:60%
    }
    .irIV-content .wrapper .content{
        width:auto;
        margin:0;
        padding:40px 20px;
        background:url("../img/background/irIV-content-1.jpg") center right no-repeat
    }
}
@media (max-width: 767px){
    .ir-page .whead .share{
        margin-top:10px
    }
    .ir-page .whead .desc{
        font-size:16px
    }
    .-irI-I .item{
        width:260px
    }
    .-irI-I .link .content{
        padding-top:20px
    }
    .-irI-I .link .title{
        font-size:24px;
        margin-bottom:2px
    }
    .-irI-I .link .desc{
        font-size:13px
    }
    .-irI-I .item+.item{
        margin-top:30px
    }
    .modal-ir-staff .thumb{
        width:180px;
        height:180px;
        margin:0 auto
    }
    .modal-ir-staff .modal-body{
        padding:20px
    }
    .modal-ir-staff .content{
        padding-left:0;
        text-align:left
    }
    .modal-ir-staff .h-title{
        font-size:26px;
        text-align:center
    }
    .modal-ir-staff .s-title{
        font-size:13px;
        text-align:center;
        line-height:1.4em
    }
    .modal-ir-staff .line{
        height:2px;
        margin:20px auto
    }
    .modal-ir-staff .title{
        margin-bottom:5px
    }
    .modal-ir-staff .desc{
        font-size:20px;
        line-height:1em
    }
    .modal-ir-staff .txt{
        text-align:left;
        padding:0;
        margin-top:30px
    }
    .-irIV .head .brand{
        margin-bottom:20px
    }
    .-irIV .head .brand .row{
        -webkit-box-align:start !important;
        -ms-flex-align:start !important;
        align-items:start !important
    }
    .-irIV .head .brand .icon{
        width:44px;
        margin-right:12px
    }
    .-irIV .head .brand .title{
        font-size:26px
    }
    .-irIV .head .brand .desc{
        font-size:18px
    }
    .irIV-content .wrapper .editor-content p{
        font-size:20px
    }
    .irIV-content .wrapper .h-title{
        font-size:32px
    }
    .-irIV-IV .head .into .title{
        font-size:32px
    }
    .-irIV-IV .head .into .desc{
        font-size:20px
    }
    .-irIV-IV .head .list-content{
        padding:20px 0
    }
    .-irIV-IV .head .list-content .row{
        -webkit-box-align:start !important;
        -ms-flex-align:start !important;
        align-items:start !important
    }
    .-irIV-IV .head .list-content .txt{
        font-size:26px
    }
    .-irIV-IV .head .list-contact .title{
        font-size:32px
    }
    .-irIV-IV .head .list-contact .wrapper{
        margin-bottom:20px
    }
    .-irIV-IV .body .inner{
        padding-left:0
    }
    .-irIV-IV .body .title{
        font-size:36px;
        margin-bottom:4px
    }
    .-irIV-IV .body .desc{
        font-size:24px
    }
    .-irIV-IV .body .height{
        height:auto;
        padding:40px 0;
        margin:0
    }
    .-irIV-IV .body .height>div{
        padding:0
    }
    .-irIV-IV .footer{
        padding:40px 0
    }
    .-irIV-IV .footer .title{
        font-size:32px
    }
    .-irIV-IV .footer .desc{
        font-size:20px
    }
}




/* ===== 5 Nov 2021 ===== */
.structure-tree{
    text-align: center;
}
.-irI{
    padding-top:40px;
    padding-bottom:55px;
}
.-irI a{
    color:#fff;
    display:block
}
.-irI a:hover{
    text-decoration:none
}
.-irI .content{
    padding-top:25px;
    text-align:center
}
.-irI .wrapper{
    /* min-width:300px; */
    display:inline-block;
    vertical-align:middle;
    position:relative;
    -webkit-transition:all 200ms ease;
    transition:all 200ms ease;
}
.-irI .wrapper:hover{
    opacity:0.9
}
.-irI .wrapper .inner{
    height:96px;
    display:table;
    width:100%
}
.-irI .wrapper .txt{
    display:table-cell;
    vertical-align:middle;
    font-size:40px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    padding:0 10px;
}
.-irI .wrapper+.wrapper{
    margin-left:20px
}
.-irI .boxI{
    width: 360px;
}
.-irI .boxI:before{
    content:'';
    position:absolute;
    width:3px;
    height:160px;
    background-color:#cbcbcb;
    left:0;
    right:0;
    top:100%;
    margin:auto
}
.-irI .boxII{
    width: 260px;
}
.-irI .boxII .txt{
    font-size: 30px;
    line-height: 1em;
}
.-irI .boxII:before{
    content:'';
    position:absolute;
    width:3px;
    height:60px;
    background-color:#cbcbcb;
    left:0;
    right:0;
    bottom:100%;
    margin:auto
}

.-irI .note{
    top: 190px;
    right: 50%;
    margin-right: 100px;
    position: absolute;
    background-color: #fff;
    font-size: 30px;
    line-height: 1em;
    padding: 15px;
}
.-irI .note:after{
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #cbcbcb;
    top: 50%;
    transform: translate(0,-50%);
    left: 100%;
}

.-irI .wrapper-3{
    position: relative;
}
.-irI .level-3{
    position: relative;
    left: 636px;
    width: 260px;
}
.-irI .level-3-a{
    position: absolute;
    top: 0;
    left: 919px;
    width: 260px;
}
.-irI .boxIII{
    width: 260px;
    display: block;
}
.-irI .boxIII .txt{
    font-size: 30px;
    line-height: 1em;
}

.-irI .level-4{
    padding-top: 100px;
    display: inline-flex;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.-irI .level-4:before{
    content: '';
    position: absolute;
    background-color:#cbcbcb;
    width: 3px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.-irI .level-4:after{
    content: '';
    position: absolute;
    background-color:#cbcbcb;
    width: auto;
    height: 3px;
    top: 50px;
    left: 130px;
    right: 130px;
}
.-irI .boxIIII{
    width: 260px;
    display: block;
}
.-irI .boxIIII .txt{
    font-size: 30px;
    line-height: 1em;
}
.-irI .boxIIII:before{
    content:'';
    position:absolute;
    width:3px;
    height:50px;
    background-color:#cbcbcb;
    bottom:100%;
    left: 50%;
    transform: translate(-50%,0);
}
/* .-irI .boxIV:before{
    content:'';
    position:absolute;
    width:3px;
    height:144px;
    border-left:3px dashed #cbcbcb;
    left:0;
    right:0;
    top:100%;
    margin:auto
} */
.-irI .boxL{
    float:left
}
.-irI .boxR{
    float:right
}
.-irI .boxV{
    margin-left:325px
}
.-irI .boxV:before{
    content:'';
    position:absolute;
    width:3px;
    height:47px;
    background-color:#cbcbcb;
    left:0;
    right:0;
    top:100%;
    margin:auto
}
.-irI .boxV:after{
    content:'';
    position:absolute;
    width:506px;
    height:3px;
    border-top:3px dashed #cbcbcb;
    left:100%;
    top:0;
    bottom:0;
    margin:auto
}
.-irI .lineI{
    width:852px;
    height:3px;
    background-color:#cbcbcb;
    margin:0 auto;
    margin-top:160px;
    margin-bottom:60px
}
.-irI .lineII{
    position:relative;
    width:100%;
    height: 80px;
}
.-irI .lineII:before{
    content:'';
    position:absolute;
    width:3px;
    height:80px;
    background-color:#cbcbcb;
    left:50%;
    top:0;
    transform: translate(-50%,0);
}
.-irI .line-clear{
    clear:both;
    width:100%;
    position:relative
}
.-irI .lineIII{
    width:100%;
    position:relative;
    margin-top:93px
}
.-irI .lineIV{
    width:654px;
    position:relative;
    margin-top:47px;
    margin-bottom:53px;
    margin-left:149px;
    height:3px;
    background-color:#cbcbcb
}
.-irI .boxVI:before{
    content:'';
    position:absolute;
    width:3px;
    height:53px;
    background-color:#cbcbcb;
    left:0;
    right:0;
    bottom:100%;
    margin:auto
}
.-irI .boxVI+.boxVI{
    margin-left:351px
}
.-irI-I{
    padding-top:70px;
    padding-bottom:100px;
    /* background-image:url(../img/background/bg-ir1-1.jpg); */
    background-image: url(../img/background/bg-wg-corporates.jpg);
    background-size:cover;
    background-position:center bottom
}
.-irI-I .whead{
    text-align:center;
    margin-bottom: 40px;
}
.-irI-I .whead:before{
    left: 0;
    right: 0;
    margin: auto;
}
.-irI-I .wrapper{
    position:relative
}
.-irI-I .wrapper>div{
    position:relative;
    z-index:1
}
/*
.-irI-I .wrapper:before{
    content:'';
    position:absolute;
    z-index:0;
    top:78px;
    left:0;
    right:0;
    width:100%;
    height:3px;
    border-top:3px dotted #cacaca
}
*/
.-irI-I .wrapper+.wrapper{
    margin-top:70px
}
.-irI-I .item-list{
    text-align:center
}
.-irI-I .item{
    width:180px;
    display:inline-block;
    vertical-align:top;
    float:none;
    position:relative
}
.-irI-I .item+.item{
    margin-left:30px
}
.-irI-I .link{
    display:block;
    position:relative
}
.-irI-I .link .thumb{
    width:150px;
    height:150px;
    margin:0 auto;
    border-radius:50%;
    position:relative
}
.-irI-I .link .thumb>img{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    border-radius:50%
}
.-irI-I .link .thumb:before{
    content:'';
    width:166px;
    height:166px;
    border-radius:50%;
    position:absolute;
    z-index:0;
    left:-8px;
    top:-8px;
    background-color:#fff;
    border:2px solid #131E78;
    opacity:0;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    -webkit-transition-delay:100ms;
    transition-delay:100ms
}
.-irI-I .link .content{
    padding-top:25px
}
.-irI-I .link .title{
    font-size:36px;
    line-height:1;
    color:#333;
    margin-bottom:5px;
    font-weight:500
}
.-irI-I .link .desc{
    font-size:12px;
    line-height:1.4em;
    color:#333;
    font-family:Tahoma
}
.-irI-I .link:hover .thumb:before{
    opacity:1
}
.-irI-I .link:hover .title{
    color:#131E78
}




.-irI-I {
    padding-top: 70px;
    padding-bottom: 100px;
    background-size: cover;
    background-position: center bottom;
}
.-irI-I .whead {
    text-align: center;
}
.-irI-I .wrapper {
    position: relative;
}
.-irI-I .wrapper > div {
    position: relative;
    z-index: 1;
}

/*
.-irI-I .wrapper:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 78px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    border-top: 3px dotted #cacaca;
}*/

.-irI-I .wrapper + .wrapper {
    margin-top: 70px;
}
.-irI-I .item-list {
    text-align: center;
}
.-irI-I .item {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    float: none;
    position: relative;
}
.-irI-I .item + .item {
    margin-left: 0px;
}
.-irI-I .link {
    display: block;
    position: relative;
}
.-irI-I .link .thumb {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}
.-irI-I .link .thumb > img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.-irI-I .link .thumb:before {
    content: '';
    width: 166px;
    height: 166px;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    left: -8px;
    top: -8px;
    background-color: #fff;
    border: 2px solid #0F2852;
    opacity: 0;
    transition: all 400ms ease;
    transition-delay: 100ms;
}
.-irI-I .link .content {
    padding-top: 25px;
}
.-irI-I .link .title {
    font-size: 20px;
    line-height: 1;
    color: #0F2852;
    margin-bottom: 5px;
    font-weight: 500;
}
.-irI-I .link .desc {
    font-size: 12px;
    line-height: 1.4em;
    color: #0F2852;
    font-family: Tahoma;
}
.-irI-I .link:hover .thumb:before {
    opacity: 1;
}
.-irI-I .link:hover .title {
    color: #0F2852;
}
.modal-ir-staff {
    max-width: 925px;
}
.modal-ir-staff .close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    background-color: #0F2852;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: -20px;
    opacity: 1;
}
.modal-ir-staff .close:not(:disabled):not(.disabled):focus, .modal-ir-staff .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}
.modal-ir-staff .modal-content {
    border-radius: 120px 15px 90px 15px;
}
.modal-ir-staff .modal-body {
    padding: 25px 65px 25px 30px;
}
.modal-ir-staff .thumb {
    width: 215px;
    height: 215px;
    background-color: #fff;
    border: 1px solid #0F2852;
    padding: 5px;
    border-radius: 50%;
}
.modal-ir-staff .thumb > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.modal-ir-staff .content {
    text-align: left;
    padding-left: 50px;
    padding-top: 20px;
}
.modal-ir-staff .h-title {
    font-size: 43px;
    font-weight: bold;
    color: #0F2852;
}
.modal-ir-staff .s-title {
    font-size: 14px;
    line-height: 1;
    color: #0F2852;
    font-family: Tahoma;
}
.modal-ir-staff .line {
    margin-top: 12px;
    margin-bottom: 30px;
    height: 3px;
    width: 40px;
    background-color: #0F2852;
}
.modal-ir-staff .title {
    font-size: 22px;
    font-weight: bold;
    color: #0F2852;
    margin-bottom: 15px;
}
.modal-ir-staff .desc {
    font-size: 22px;
    font-weight: normal;
    color: #0F2852;
    line-height: 1.2em;
}
.modal-ir-staff .sline {
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    margin: 15px 0;
}
.modal-ir-staff .txt {
    font-size: 16px;
    font-weight: normal;
    color: #0F2852;
    text-align: right;
    margin-top: 110px;
    padding-right: 25px;
}
/* ===== 5 Nov 2021 ===== */




/* ===== Edit TopGraphic ===== */
.video-container video{min-width: 100%; min-height: 100%; width: auto; height: auto;}

@media (max-width: 1199px){
    .main-slider .iframe-container, .main-slider .video-container{padding-bottom: 60%;}
    .video-container video{width: 100%; height: 100%;}
}



/* Murphy 11/09/2021*/
.factsheet-heading{font-family: "db_helvethaica_cond"; font-size: 24px;}
.factsheet-heading2{font-family: "db_helvethaica_cond"; font-size: 24px;}
td.remark{font-family: "db_helvethaica_cond"; font-size: 24px;}
.factsheet-head{
  font-family: "db_helvethaica_cond";
  font-size: 30px;
  line-height: normal;
  color: #2851A0;
  border-bottom: 1px solid #d1d3d5 !important;
}
.factsheet{
line-height: normal;
}
font.factsheet {
  font-size: 28px;
  color: #707070;
  font-weight: 600;
  border-bottom: 1px solid #d1d3d5 !important;
}
td.factsheet{
  font-size: 28px;
  color: #707070;
}
a.factsheet{
  font-size: 26px;
  color: #117FE7;
  font-weight: 500;

}
td.factsheetb{
  font-size: 28px;
  color: #707070;

  padding: 10px 0px;
}
td.factsheet-tb{
  font-size: 28px;
  color: #707070;
  font-weight: 600;
  padding: 10px 0px;
  border-bottom: 1px solid #d1d3d5 !important;
}
td.factsheet-noline{
  font-size: 28px;
  color: #707070;
  line-height: 100%;
}
td.factsheet-red{
  font-size: 28px;
  color: red;
}
td.factsheet-green{
  font-size: 28px;
  color: green;
}
td.factsheetb-red{
  font-size: 28px;
  color: red;
}
strong{
  font-size: 28px;
}


/* ===== Edit .wg-sustainability-nav ===== */
.wg-sustainability-nav .nav-tabs .nav-item{position: relative;}
.wg-sustainability-nav .nav-tabs .nav-item+.nav-item:before {content: ""; position: absolute;z-index: 1;left: 0; top: 0; width: 1px;
    height: 100%; background-color: #707070;opacity: 0.2;
}
.wg-sustainability-nav .nav-tabs .nav-link{display: flex; align-items: center; flex-wrap: wrap; width: 100%;
    background-color: #F3F4F5; height: 100px; padding: 20px;
    transition: all 400ms ease-out;
}
.wg-sustainability-nav .nav-tabs .thumb{ width: 45px; height: auto; border: none;
    flex: 0 0 auto; border-radius: 0; margin-bottom: 0; background-color: transparent;
    max-width: 100%;
}
.wg-sustainability-nav .nav-tabs .thumb .contain .lazy{max-width: 45px; max-width: 45px;}
.wg-sustainability-nav .nav-tabs .line{display: none;}
.wg-sustainability-nav .nav-tabs .txt{max-height: 1.8em;-webkit-line-clamp: 2;
    flex-basis: 0; padding-left: 15px; text-align: left; font-size: 30px;
    flex-grow: 1;
    max-width: 100%;
}

.wg-sustainability-nav .nav-link.active{background-color: #117FE7;}
.wg-sustainability-nav .nav-link.active .thumb{background-color: transparent;}
.wg-sustainability-nav .nav-link.active .txt{font-weight: 300; color: #fff;}

@media (max-width: 1199px){
    .wg-sustainability-nav .nav-tabs .nav-link{padding: 15px;}
    .wg-sustainability-nav .nav-tabs .txt{font-size: 26px;}
}
@media (max-width: 991px){
    .wg-sustainability-nav{overflow: auto;}
    .wg-sustainability-nav .nav-tabs{display: inline-flex; flex-wrap: nowrap; margin-right: 15px; width: auto;}
    .wg-sustainability-nav .nav-tabs .nav-item{width: auto;}
    .wg-sustainability-nav .nav-tabs .nav-link{width: 210px;}
}
@media (max-width: 767px){}


/* start Totop 25 06 2564 */
.Totop{
	background-color: #0085de; color: #fff; width: 50px; height: 50px; text-align: center; line-height: 52px; font-size: 14px;
	border: 1px solid #fff; display: block; cursor: pointer; opacity: 0.5;
	position: fixed; z-index: 99; bottom: -140px; right: 35px;
	-webkit-transition:All 200ms ease;
	-moz-transition:All 200ms ease;
	-o-transition:All 200ms ease;
	transition:All 200ms ease;
}
.Totop.active{bottom: 30px;}
.Totop:hover{background-color: #0021ae; opacity: 1;}
@media screen and (max-width: 1440px){
	.Totop{right: 20px;}
	.Totop.active {bottom: 80px;}
}
/* end Totop 25 06 2564  */



/*Murphy 11/15/2021*/
.slick-dotted.slick-slider{margin-bottom: 0px !important;}
.main-slider .slick-dots{
  margin: 0px 0px 150px 0px;
}

.main-slider .slick-dots li button{
  width: 18px;
  height: 18px;
}
.wg-what-slide-content .slick-dots{
  margin: 0px 0px 150px 0px;
}
.wg-what-slide-content .slick-dots li button{
  width: 18px;
  height: 18px;
}

@media (max-width: 1025px){
  .wg-what-slide-content .slick-dots{
  margin: 0px 0px 80px 0px;}
  .main-slider .slick-dots li button{
    width: 12px;
    height: 12px;
  }
  .wg-what-slide-content .slick-dots li button{
    width: 12px;
    height: 12px;
  }



}
@media (max-width: 767px){
  .main-slider .slick-dots{
    margin: 0px 0px 50px 0px;
  }
  .main-slider .slick-dots li button{
    width: 12px;
    height: 12px;
  }
  .wg-what-slide-content .slick-dots{
    margin: 0px 0px 120px 0px;
  }
  .wg-what-slide-content .slick-dots li button{
    width: 12px;
    height: 12px;
  }

}
@media (max-width: 500px){
  .wg-what-slide-content .slick-dots {margin:  0px 0px 105px 0px;}
}

/*Murphy 11/16/2021*/

.ham-menu .modal-header{
  border-bottom: 0px!important;
  margin: -20px 0px 0px 0px;
}
.ham-icon span{color:#ffffff;}

.modal-backdrop{
  position: fixed;
  background-color: transparent!important;
  width: 0px;
  height: 0px;
}

.ham-menu .modal-content{
  background-image:url(../img/static/ham-menu-bg.png);
  width: 1920px;
  height: 1080px;
  margin: -30px 0px 0px -450px;
  border-radius: 0px;
}
.modal-body{margin-top: -50px; }
.modal-body h1{
  color:#117FE7 !important;
  border-bottom-style: groove !important;
  border-bottom-color: #117FE7 !important;
  border-bottom-width: 1px !important;
}

.ham-submenu{

  color: #707070;
  font-size: 24px;
  list-style-type: none;
  padding-left: 0px;
}
.ham-submenu li a.link{color: #707070;}
.ham-submenu li {
  margin-top: 25px;
}
.ham-menu .close span{font-size: 5rem!important; font-weight: 300 !important; margin-right: 30px;}


/*Murphy 17/11/2021*/
.viewmore-edit-position{
  position: absolute;
  z-index: +200;
  margin: -345px 0px 0px 743px;
}
.viewmore-edit-position  a{
  font-size: 30px;
  color: #ffffff!important;
}
.viewmore-edit-position .icon{
  border-color: #ffffff!important;
  width: 24px;
  height: 24px;

}
.viewmore-edit-position .icon span{
  font-size: 20px;
  color: #ffffff!important;
}
.about-position{margin: 120px 0px 0px 0px;}
.wg-about .whead:before { left: -16px; margin-bottom: 10px;}
.about-position{margin: 37px 0px 0px 0px;}
.about-txt2{ color: #707070; font-size: 30px; font-weight: 500; text-align: left; line-height: 1.2; }
.viewmore-position{margin-top: 20px;}
@media (max-width: 2000px){.viewmore-edit-position { margin: -345px 0px 0px 737px;} .viewmore-edit-position  a{ font-size: 30px;} .viewmore-edit-position .icon{ width: 18px; height: 18px;} .viewmore-edit-position .icon span{font-size: 16px;}}
@media (max-width: 1440px){.viewmore-edit-position { margin: -294px 0px 0px 535px;} .viewmore-edit-position  a{ font-size: 20px;} .viewmore-edit-position .icon{ width: 18px; height: 18px;} .viewmore-edit-position .icon span{font-size: 16px;}
.wg-what-slide-content .wrapper .content .title {font-size: 55px;} .wg-what-slide-content .wrapper .content{padding-top: 0px;}
}
@media (max-width: 1280px) {.wg-what-slide-content .info .action { margin:-442px 0px 0px 454px;}}
@media (max-width: 1024px){.viewmore-edit-position { margin: -390px 0px 0px 455px;} .viewmore-edit-position  a{ font-size: 21px;}
    .wg-what-slide-content .wrapper .content .title {
        line-height: 0.8;
        font-size: 45px;
    }
    .wg-what-slide-content .wrapper .content .h-title {
    font-size: 60px;
    line-height: 0.8;
    }
  .wg-what-slide-content .wrapper .banner{margin-top: 70px;}
}
@media (max-width: 960px){.viewmore-edit-position  { margin: -442px 0px 0px 416px; }}
@media (max-width: 768px) {.wg-what-slide-content .info .action {     margin: -427px 0px 0px 319px;}}
@media (max-width: 767px){.viewmore-edit-position  a{ font-size: 16px;}

  .wg-what-slide-content .info .action {margin: -271px 0px 0px 324px; width: 1200px;}
  .viewmore-edit-position .icon{ width: 16px; height: 16px;} .viewmore-edit-position .icon span{font-size: 14px;}
  .wg-what-slide-content .info .action .link {padding: 1%;width: 10%;}
}
@media (max-width: 540px) {.wg-what-slide-content .info .action { margin: -230px 0px 0px 224px;} .wg-what-slide-content .slick-dots{margin: 0px 0px 106px 0px;}}
@media (max-width: 414px) {.wg-what-slide-content .info .action { margin: -231px 0px 0px 160px;}}
@media (max-width: 411px) {.wg-what-slide-content .info .action { margin: -231px 0px 0px 157px;}}
@media (max-width: 375px) {.wg-what-slide-content .info .action { margin: -231px 0px 0px 141px;}}
@media (max-width: 361px) {.wg-what-slide-content .info .action { margin: -263px 0px 0px 132px;} .wg-what-slide-content .info .action .link {padding: 1%;width: 20%;}}
@media (max-width: 320px) {.wg-what-slide-content .info .action { margin: -230px 0px 0px 111px;}}
@media (max-width: 280px) {.wg-what-slide-content .info .action { margin: -230px 0px 0px 94px;}}


/*Mutphy 19/11/2021 */
@media (max-width: 1199px) {
  .site-header nav.menu li.active a.link{color: #ffffff !important;}
  .site-header nav.menu li a.link { color: #117FE7 !important;}
}
.career-content p{font-size: 30px; font-weight: 300; color: #707070; line-height: 1;}

/*About Us submenu*/
/*A2 TECHNOLOGIES*/
.abouta2-intro{ margin-top: -200px; width: 100%; height: auto; background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/bg-about01.png"); background-repeat: no-repeat; background-size: auto;}
.abouta2-info{ background-size: contain!important;
    background-repeat: no-repeat;
    background-color: #eaf2f8;
    background-position: center;  background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/bg-about02.png");}
.year-info-01{background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-01.png"); background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.year-info-02{background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-02.png"); background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.year-info-03{background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-03.png"); background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.year-info-04{background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-04.png"); background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.info-center{ display: flex; justify-content: center; align-items: center;}
.abouta2-intro-txt{
  line-height: 1;
  position: absolute;
  z-index: 1;
  color:#0F2852;
  font-size: 60px;
  font-weight: 300;
  margin: 115px 0px 0px 0px;}
 .btn-abouta2{
   height: 80px; width: 420px;
   position: absolute;
   font-size: 48px;
   z-index: 1;
   margin: 170px 0px 0px -472px;
   border-radius: 0px;
  }
 .abouta2-intro-txt02{margin-top: 50px;}
 .abouta2-intro-txt02 p{font-size: 48px; color:#707070 !important; font-weight: 300px; line-height: 1;}
 .abouta2-intro-position{padding-top: 250px;}
 .main-pic-info{padding-top: 10px;}
 .sub-pic-info{position: absolute; z-index: +10;}
 .info-txt-left h3,p{text-align:right;}
 .info-txt-right h3,p{text-align:left;}
 .info-txt h3{color:#117FE7;font-size: 48px;}
 .info-txt p{color:#707070; font-size: 30px; font-weight: 300px;  line-height: 1;}
 .info-txt {margin: 49px 0px 0px 0px;}
 .yeartxt{color: #FFFFFF; font-size: 80px; font-weight: 500;}
 a.yeartxt:hover{text-decoration: none; color:  #FFFFFF;}
 .info .item-list{list-style: none; margin: 0; padding: 0;}
 .item-list:after{content: ''; clear: both; display: table;}
 .info .item-list li{float: left;}
 .info .item-list li.line2{margin: 190px 0px 0px 0px; width: 50%; float: left;}
 .info .item-list li.line1{margin: 121px 0px 0px 0px; width: 50%; float: left;}

 .info .item-list li:nth-child(odd) p{text-align: right;}
 .info .item-list li:nth-child(odd) .row{}
 .info .item-list li:nth-child(odd) .row .col-md-auto{order: 2;margin-right:4px; }
 .info .item-list li:nth-child(odd) .row .col-md{order: 1; margin-left: -148px; text-align: right;}

 .info .item-list li:nth-child(odd) .row .col-lg {
    margin: 0px 0px 0px 0px;
}
.info .item-list li:nth-child(even) .row .col-lg-auto {

    margin-left: -30px;
}
 .info .item-list li:nth-child(even){}
  .info .item-list li:nth-child(even) .row .col-md-auto {order: 1;margin-left: -30px;}
 .info .item-list li:nth-child(even) .row .col-md{order: 2; margin-right: -217px; margin-top: 50px; text-align: left; }
 .info .info-center{width: 320px;}
 .info .item-list li:nth-child(odd) .row .col-md {margin: 0px 0px 0px 0px;}
 .abouta2-intro-position .col-md img{width: 960px; height: 440px;}
.abouta2-intro-position .col-md {margin-right: -317px;}



/*About us OUR VISION AND MISSION */
.about-ourvision{background-size: cover;
    background-repeat: no-repeat;
    background-position: center; background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/vam/bg-ourvision.png"); margin-top: -240px;}
.about-ourvision-content{padding-top: 262px;}
.vision-btn{ color: #FFFFFF; font-size: 48px; width:685px; height:90px; border-radius: 45px; font-weight: medium; background-color: #117FE7 !important; margin:8px 0px 0px -16px;}
.mission-btn{position:absolute; z-index:1; color: #FFFFFF; font-size: 48px; width:685px; height:90px; border-radius: 45px; font-weight: medium; background-color:#0F2852 !important; margin:8px 0px 16px -79px;}
.about-ourvision-logo{position:absolute; z-index:+100 !important; width: 84.66px; height: 84.66px; margin: 11px 0px 0px -13px; }
.about-ourvistion-left {column-rule: 4px double #ff00ff;  }
.about-ourvistion-left .txt{ width: 545px; margin: 52px 0px 0px 67px; padding-right: 40px; border-right: 1px solid rgba(112,112,112,0.3);}
.about-ourvistion-left .txt h1{color: #117FE7;}
.about-ourvistion-left .txt p{color: #707070; font-size: 36px; line-height: 1;}
.about-ourvision-pic{margin:12px 0px 0px -348px;  height: 440; max-width: 960px!important;}
.about-ourvistion-right{margin:0px 0px 0px -47px;}
.about-ourvistion-right ul{margin:145px 0px 0px 0px;}
.about-ourvistion-right ul{list-style-type: none;}
.about-ourvistion-right ul il,a.num{ color:#117FE7 !important; font-size:60px; font-weight: medium;}
.about-ourvistion-right ul il,p.lst-our{color: #707070; font-size: 36px;  margin: -54px 0px 0px 60px; width: 390px; padding-bottom:60px; line-height: 1;}
.num-01 {margin:0px 0px 0px -54px;}



/*About us COMPANY MILESTONE*/
.about-ourcompany .container{max-width: 1147px;}
.about-ourcompany .slider span{cursor: pointer; position: absolute; top:5%;  font-size: 30px; color: #117FE7;}
.about-ourcompany .slider span.icon-chevron-right{top:5%;  font-size: 30px; margin: -13px 0px 0px 1290px; }
.about-ourcompany .slider span.icon-chevron-left{top:5%;  font-size: 30px; margin: -13px 0px 0px -162px;}
.about-ourcompany .slider { /* slide area*/
    width: 80%;

}
.about-ourcompany .slick-slide { /* slide element */
  margin: 0px 0px;
  text-align: center;
}
.about-ourcompany .slick-slide .year a:hover{ text-decoration: none; }
.about-ourcompany .slick-slide .year a{font-size: 60px;}
.about-ourcompany .slick-slide .topic{ text-transform: uppercase; color:#707070; font-size: 36px; font-weight: medium;}

.about-ourcompany .slick-slide .icon-centent .icon { position: absolute; z-index:+4; width: 96.24px;
      display: inline-block;
      margin: 100px 0px 0px -42px;
}
.about-ourcompany .slick-slide .move-03 .circle-icon img{margin:-12px 0px 0px 20px; }
.about-ourcompany .slick-slide .move-03 .white-circle img{margin:-13px 0px 0px 20px; }
.about-ourcompany .slick-slide .move-03 .icon img{margin: -9px 0px 0px -1px;}
.about-ourcompany .slick-slide .icon-centent{margin: 0px 0px 0px -15px;}
.about-ourcompany .slick-slide .icon-centent .white-circle{ width: 161.26px; height: 161.26px; position: absolute; z-index:+3; margin:75px 0px 0px 72px;/*border: 40px solid #C2A887; border-radius: 50%;*/ }
.about-ourcompany .slick-slide .icon-centent .circle-icon{
      position: absolute; z-index:+2; margin: 50px 0px 0px 45px; width: 214px; height: 214px;
}

.about-ourcompany .slick-slide .line-icon{width: 80%; height: auto; margin: 0px 0px 0px 17px; padding:  0px 0px 0px 16px; filter: invert(42%) sepia(0%) saturate(17%) hue-rotate(160deg) brightness(103%) contrast(91%);}
.about-ourcompany .slick-slide .ourcom-txt{ width:222.06px; border-left: 2px solid #707070; text-align: left; padding: 0px 0px 0px 20px; margin: 30px 0px 0px 0px; font-weight: medium;}
.about-ourcompany .slick-slide .ourcom-txt h2{ font-size: 36px; margin-right: 50px; font-weight: medium;}
.about-ourcompany .slick-slide .ourcom-txt p{ font-size: 29px; line-height: 1; font-weight: medium;}
.about-ourcompany .slick-slide img {
  width: 100%;
}
.about-ourcompany .slick-slide {
  transition: all ease-in-out .3s;
}

.about-ourcompany .slick-slide .line{ height: auto;; width: 4%; margin: auto; filter: invert(42%) sepia(0%) saturate(17%) hue-rotate(160deg) brightness(103%) contrast(91%);}
.about-ourcompany .slick-slide .year{ height: 60px; padding:54px 87px 75px 90px; background-color: #F3F4F5;}
.about-ourcompany .slick-prev:before,
.about-ourcompany .slick-next:before {
  color: #117FE7;
}
.about-ourcompany .slick-current { /*active element*/
  opacity: 1;
/*  background-color:#C2A887; */
}

.about-ourcompany .slick-current .icon-centent .icon , .slick-current .icon-centent .circle-icon {}




.about-ourcompany .slick-current .ourcom-tx{border-left: 2px solid #117FE7;}


.about-ourcompany .slick-prev {margin-left: -816px;}
.about-ourcompany .slick-next {margin-right: -824px;}
.about-ourcompany .slick-prev, .slick-next {}


/*about us MESSAGE FROM PRESIDENT*/
.about-message {margin-top: 120px; margin-bottom: 120px; margin-right: 231px;}
.about-message .btn-about-message {position: absolute; color: #FFFFFF; font-size: 50px; background-color: #2851A0 !important; width:657px; height: 90px; text-transform: uppercase; border-radius: 0px; margin: 35px 0px 0px 398px;}

.about-message .col {padding: 0px 248px 0px 0px; margin: 187px 0px 0px 65px; line-height: 1;}
.about-message .col p{color: #2851A0; font-size: 29px; font-weight: 300;}
.about-message .col h2{color: #2851A0; font-size: 30px;}


/*about us BOARD OF DIRECTORS*/
.-irI-I .item {
    width: 311px;
    display: inline-block;
    vertical-align: top;
    float: none;
    position: relative;
    margin: 0px 0px 40px 0px;
}
.-irI-I .link .title{font-size: 30px !important;
  width: 359px;
  margin: 0px 0px 0px -24px;
  color: #707070;}


.-irI-I .link .desc {
    font-size: 29px;
    line-height: 1.4em;
    color: #707070;
    font-family: "db_helvethaica_cond";}

.modal-ir-staff .modal-body{
  padding: 100px 65px 25px 30px;
}

/*about us AWARD & CERTIFICATION*/
.about-award{background-size: cover;
    background-repeat: no-repeat;
    background-position: center;background-image: url("/front/template/default//assets/img/static/aboutuspage/awc/bg-award.png"); }
.about-award .slider {
  width: 80%;
    margin: 0px auto;
    padding: 60px 0px;
}

.about-award .slick-slide {
  margin: 0px 70px;
  text-align: center;
}
.about-award .slick-slide h2{
  background-color: #117FE7;
  padding: 10px;
}

.about-award .slick-slide img {
  width: 100%;
}

.about-award .slick-prev:before,
.about-award .slick-next:before {
  color: black;
}


.about-award .slick-slide {
  transition: all ease-in-out .3s;

}

.about-award .slick-active {

}

.about-award .slick-current {
  opacity: 1;
}
.about-award .slider span{cursor: pointer; position: absolute; top:5%;  font-size: 30px; background-color: #0F2852; color: #FFFFFF; padding: 5px;}
.about-award .slider span.icon-chevron-right{top:5%;  font-size: 30px; margin: 199px 0px 0px 1058px;}
.about-award .slider span.icon-chevron-left{top:5%;  font-size: 30px; margin: 201px 0px 0px -70px;}
.about-award .top-content {padding: 190px 0px 0px 0px;}
.about-award .top-content .btn-about-award {position: absolute; z-index: +1; color: #FFFFFF; font-size: 48px; background-color: #117FE7; width:400px; height: 80px; border-radius: 0px; border-color: transparent; margin:145px 0px 0px 0px
  ; font-weight: medium;}
.about-award .top-content .award-box{width: 890px; height: 240px; background-color:#FFFFFF;background: #FFFFFF; margin: 0px 0px 0px 185px;
      border: solid #BDBDBD 0;
      opacity: 0.8;
      -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 84); /* // for IE8 */
      filter: alpha(opacity= 84); /* //for IE5-7 */ }
.about-award .top-content p.award-txt {color: #2851A0;  margin:-147px 0px 0px 244px; font-size: 30px; font-weight: 500; line-height: 1; position: absolute; z-index: +1; width: 40%;}
.about-award .award h2{color: #FFFFFF; font-size: 36; font-weight: medium;}



/*about us BUSINESS STRUCTURE*/
.about-bis {width: 1920px; height: 1080px; background-image: url("/front/template/default//assets/img/static/aboutuspage/bis/bg-bis.png"); }
.topic-bis {background-color: #117FE7; padding: 20px; color: #DCE5EA;  text-align: center; width: 530px; border-radius:134px; margin:0px 0px 0px 359px;}
.about-bis .topic-bis p{font-size: 31px; text-align: center;}
.about-bis .element-bis {width: 1920px;}
.about-bis img{margin: 0px 0px 0px -7px;}
.about-bis .element-bis .ele-01 {background-image: url("/front/template/default//assets/img/static/aboutuspage/bis/circle-ele-01.png"); width: 215px; height:215px;}
.about-bis .element-bis .ele-02 {background-image: url("/front/template/default//assets/img/static/aboutuspage/bis/circle-ele-02.png"); width: 215px; height:215px;}
.about-bis .element-bis .ele-03 {background-image: url("/front/template/default//assets/img/static/aboutuspage/bis/circle-ele-03.png"); width: 215px; height:215px;}
.about-bis .element-bis .ele-04 {background-image: url("/front/template/default//assets/img/static/aboutuspage/bis/circle-ele-04.png"); width: 215px; height:215px;}
.about-bis .element-bis .ele-center{ display: flex; justify-content: center; align-items: center;}
.about-bis .element-bis ul{list-style-type: none; margin:-22px 0px 0px -55px;}
.about-bis .element-bis ul  li{padding: 44px; float: left;  }
.about-bis .element-bis .sub-ele{position: absolute; margin: -31px 0px 0px 121px;}
.about-bis .element-bis .ele-01-txt {color: #FFFFFF; font-size: 60px; font-weight: 800;}
.about-bis .element-bis .ele-01-txt:hover{ text-decoration: none; color: #FFFFFF;}
.about-bis .element-bis .ele-txt { text-align: center; margin-top: 100px;}
.about-bis .element-bis .ele-txt h2{font-size: 30px; color: #707070;  font-weight: 500; text-align: center;}
.about-bis .element-bis .ele-txt p{font-size: 25px; color: #707070; text-align: center;}
.about-bis .line-sub {margin: 0px 0px 0px 106px;}


/*Murphy 25/11/2021*/
.about-subnav.default-subnav{margin: 0px 0px 0px 400px;}
.info .item-list li{margin-right: 15px;}
.-irI-I .item + .item {margin-left: 20px;}
.modal-ir-staff .close{font-size: 24px;}
.modal-close span{position: absolute;
    margin: -19px 0px 0px -12px;}
.about-nature-detail .item-list li .row .col h2.topic-EPC {margin: -107px 0px 0px 136px !important;
          position: absolute;
          font-size: 42px;
          color: #2851A0;
          font-weight: 500;
          line-height: 1;
        }


.sustainability  .detail-gallery-box {
  position: relative;
  }
.sustainability  .detail-gallery-slider {
    position: relative;
    z-index: 0;
}


.sustainability .detail-gallery-box .slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}
.sustainability .detail-gallery-box .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.sustainability .detail-gallery-box .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.sustainability .detail-gallery-slider .item {
    position: relative;
}
.sustainability .slick-initialized .slick-slide {
    display: block;
float: left;
height: 100%;
min-height: 1px;
}
.sustainability .detail-thumb-box {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(15, 40, 82, 0.75);
    padding: 30px 0;
}

.sustainability .detail-thumb-slider .item {
    padding: 0 20px;
}
.sustainability .detail-thumb-slider .wrapper {
    cursor: pointer;
}

.sustainability .detail-thumb-slider .cover {
    position: relative;
    padding-bottom: 100%;
    border: 3px solid #DCE5EA;
    overflow: hidden;
    transition: all 400ms ease-out;
}

.sustainability .detail-thumb-slider .cover .lazy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 400ms ease-out;
}
.sustainability .detail-gallery-slider .item {
    position: relative;
}
.sustainability .detail-gallery-slider .cover {
    position: relative;
    padding: 558px 0px 0px 0px;
}

/*About us NATURE OF BUSINESS*/
.about-nature{ width: 100%; height: auto; }
.about-nature-txt{
  position: absolute;
  z-index: 1;
  color:#0F2852;
  font-size: 75px;
  font-weight: 300;
  margin: -25px 0px 0px 110px;
line-height: 1;}
.about-nature-txt h1{line-height: 1; position: absolute; z-index: 1; color:#0F2852; font-size: 75px; font-weight: 300; margin: 80px 0px 0px 0px;}
.about-nature-txt h2{position: absolute; z-index: 1; color:#0F2852; font-size: 60px; font-weight: 300; margin: 80px 0px 0px 0px;}
  .about-nature-txt02 a{font-size: 30px; color: #707070 !important; font-weight: 300px;}
  .about-nature-txt02{margin-top: 50px; width: 1280px; margin-left: -13px; line-height: 1;}
  .about-nature-txt02 p.top-content{font-size: 48px; color:#707070 !important; font-weight: 300px; line-height: 1;}
  .nature-detail-pic-01{}
  .btn-about-detail{
      height: 80px; width: 179px;
      position: absolute;
      font-size: 30px;
      z-index: 1;
      border-radius: 0px;
      background-color: #117FE7;
    }
  .btn-about-detail-02{
      height: 80px; width: 259px;
      position: absolute;
      font-size: 30px;
      z-index: 1;
      border-radius: 0px;
      background-color: #117FE7;
    }
/*Home about*/

@media only screen and (max-width: 1920px){
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 38px;
    left: 434px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 243px;
    left: 534px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 444px;
    left: 439px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 531px;
    left: 9px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 463px;
    left: -432px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 260px;
    left: -580px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 48px;
    left: -454px;
}
}

@media (max-width: 1600px){
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+1) {
    top: -45px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 32px;
    left: 351px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 198px;
    left: 446px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 364px;
    left: 382px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 455px;
    left: 4px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 365px;
    left: -365px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 199px;
    left: -488px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 32px;
    left: -372px;
  }

}


@media only screen and (max-width: 1440px)  {
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+1) {
      top: -50px;
  }
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 37px;
    left: 368px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 207px;
    left: 447px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 374px;
    left: 366px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 452px;
    left: 4px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 375px;
    left: -354px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 208px;
    left: -495px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 37px;
    left: -374px;
}
}
@media only screen and (max-width: 1199px)  {
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+1) {
    top: -35px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 20px;
    left: 250px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 151px;
    left: 365px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 300px;
    left: 313px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 376px;
    left: 11px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 309px;
    left: -285px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 158px;
    left: -393px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 30px;
    left: -287px;
}
}


@media only screen and (max-device-width: 480px) {
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+1) {
    top: -25px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 20px;
    left: 218px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 119px;
    left: 277px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 220px;
    left: 240px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 280px;
    left: 11px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 222px;
    left: -237px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 124px;
    left: -306px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 19px;
    left: -213px;
}

}

@media only screen and (max-device-width: 540px) {
  .wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+1) {
    top: -35px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+2) {
    top: 26px;
    left: 234px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+3) {
    top: 124px;
    left: 277px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+4) {
    top: 219px;
    left: 237px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+5) {
    top: 278px;
    left: 11px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+6) {
    top: 223px;
    left: -222px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+7) {
    top: 125px;
    left: -302px;
}
.wg-about-slide-nav .slick-slide.slick-active:nth-child(9n+8) {
    top: 26px;
    left: -225px;
}

}


/* default styles here for older browsers.
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width: 960px) {
  .sustainability .detail-gallery-slider .cover {
      position: relative;
      padding: 400px 0px 0px 0px;
  }
}

@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}
@media only screen and (min-width: 1440px) {
  .sustainability .detail-gallery-slider .cover {
      position: relative;
      padding: 500px 0px 0px 0px;
  }
}

@media only screen and (max-device-width: 480px) {
  .sustainability .detail-gallery-slider .cover {
      position: relative;
      padding: 200px 0px 0px 0px;
  }
}
@media only screen and (device-width: 768px) {
  .sustainability  .detail-gallery-box {
      height: 500px;
    }
  .sustainability .detail-gallery-slider .cover {
      position: relative;
      padding: 220px 0px 0px 0px;
  }
  .sustainability  .detail-thumb-box {
    padding: 4px 0;
}
.sustainability .detail-gallery-box .slick-track {
  height: 250px;
}}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}


/* Murphy 30/11/2021*/

/*About Us - OR*/
.tree-or{ background-repeat: no-repeat; background-image: url("https://a2-tech.com/front/template/default/assets/img/static/aboutuspage/or/bg-or.png"); /* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.tree ul {
position: relative;
padding: 1em 0;
white-space: nowrap;
margin: 0 auto;
text-align: center;
}

.tree ul::after {
content: '';
display: table;
clear: both;
}
.tree li {
display: inline-block;
vertical-align: top;
text-align: center;
list-style-type: none;
position: relative;
padding: 1em .5em 0 .5em;
margin: 63px 0px 0px -5px;
}

.tree li::before, .tree li::after {
content: '';
position: absolute;
top: 0;
right: 50%;
border-top: 3px solid #C7C7C7;
width: 50%;
height: 1em;
margin: -25px 0px 0px 0px;
}
.tree li::after {
right: auto;
left: 50%;
border-left: 3px solid #C7C7C7;
}
.tree li:only-child::after, .tree li:only-child::before {
display: none;
}
.tree li:only-child {
padding-top: 0;
}

.tree li:first-child::before, .tree li:last-child::after {
border: 0 none;
}

.tree li:last-child::before {
border-right: 3px solid #ccc;
border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
border-radius: 5px 0 0 0;
}

.tree ul ul::before {
content: '';
position: absolute;
top: 0;
left: 50%;
border-left: 3px solid #C7C7C7;
width: 0;
height: 76px;
}

.tree li a {
padding: .5em .75em;
text-decoration: none;
display: inline-block;
color: #333;
position: relative;
top: 1px;
}
.tree .sub-menu ul {padding: -40px 0px 0px 32px;}
.tree .sub-menu .fth-submenu {padding: -40px 0px 0px 32px;}
.tree .sub-menu  ul::before {height: 0px !important; color:red;}
.tree .sub-menu ul li{
display: block;
text-align: left;
color: #263D62;
font-weight: 300;
margin: 8px 0px 0px -16px;
}
.tree .sub-menu ul li p{
line-height: 0.2;
margin-bottom: -1rem;
color: #263D62;
font-weight: 300;
font-size: 26px;
}
.tree .sub-menu a{
border: 0px solid #ccc;
color: #263D62;
font-weight: 500;
font-size: 16px;
}

.tree .sub-menu ul li::before {
content: "\2022";
color: #263D62;
font-weight: bold;
margin: 17px 8px 0px 0px;
border-top: none;

}

.tree .sub-menu ul li::after{
border-left:none;
border-top:none;
}
.tree .sub-menu ul  li:last-child::before {border-right:none;}


.tree .sd-tree >li:nth-child(3)::before, .tree .sd-tree >li:nth-child(3)::after {    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 3px solid #C7C7C7;
    width: 28%;
    height: 18px;
    margin: -25px 0px 0px 0px;}

.tree .sd-tree >li:first-child .th-submenu::before, .tree .sd-tree >li:first-child .th-submenu::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 3px solid #C7C7C7;
  width: 50%;
  height: 1em;
  margin: -25px 0px 0px 0px;
  padding: 23px 26px 0px 82px;
}


/*.tree .sd-tree >li{background-color: #117FE7; color: #FFFFFF; font-weight: 600; height:106px; width: 200px;} */
.tree .sd-tree >li:first-child  {margin: 65px 0px 0px 20px; width: 200px; height: 106px; background-color:#117FE7; position: absolute; margin: 65px 0px 0px -3px; font-size: 22px; line-height: 1;}
.tree .sd-tree >li:first-child  a{margin:0px 0px 0px -15px; }
.tree .sd-tree >li:nth-child(2) {width: 200px; height: 106px; background-color:#117FE7; position: absolute; margin: 65px 0px 0px 324px; font-size: 25px; line-height: 1;}
.tree .sd-tree >li:nth-child(2) a{margin: -8px 0px 0px -7px;}
.tree .sd-tree >li:nth-child(3) .sd-submenu{width: 200px; height: 106px;background-color:#117FE7; padding: 25px 21px 0px 20px;}
.tree .sd-tree >li:nth-child(3) {margin: 65px -260px 0px -284px; padding: 0px 0px 0px 0px; font-size: 36px; line-height: 1;}
.tree .sd-tree >li:nth-child(3) .th-submenu{margin: -40px 0px 0px 0px;}
.tree .sd-tree >li:nth-child(4) {margin: 65px 0px 0px -334px;  font-size: 36px; line-height: 1;}
.tree .sd-tree >li:nth-child(4) .sd-submenu{width: 200px; height: 106px;background-color:#117FE7; margin: -35px 0px 0px 0px;}
.tree .or-haed-topic{font-size:48px; color:#FFFFFF ; font-weight: 900; background-color: #0F2852; padding: 30px 150px 30px 150px}
.tree .sd-submenu {color: #FFFFFF; font-weight: 600; line-height: 1;}
.tree .th-submenu {padding:30px 100px 30px 100px; background-color: #DCE5EA; color: #263D62; font-weight: 600; font-size: 36px;}
.tree .fth-submenu a{color:#263D62; font-weight: 500; font-size: 29px; line-height: 1;}


.btn-about-or button{height: 50px; width: 160px;
position: absolute;
font-size: 14px;
font-weight: 500;
z-index: +2;
margin: -64px 0px 0px 1080px;
border-radius: 0px;
background-color: #FFFFFF;
color: #117FE7;
}

/*Responsive*/

@media (max-width: 1600px)
{
  .info .item-list li:nth-child(odd) .row .col-lg-auto {
    order: 2;
    margin-right: 4px;
  }
}

@media (max-width: 1440px)

{ .info .item-list li:nth-child(odd) .row .col-lg-auto {
    order: 2;
    margin-right: 4px;
  }

.about-nature-txt02 p.top-content {
    font-size: 44px;
    color: #707070 !important;
    font-weight: 300px;
    line-height: 1;
    width: 1240px;
}


  /*ABOUT- OUR VISION AND MISSION*/
.about-ourvision .container{margin: 0px 0px 0px 119px;}


/*ABOUT- COMPANY MILESTONE*/
.about-ourcompany .slider span.icon-chevron-left {
    top: 5%;
    font-size: 30px;
    margin: -13px 0px 0px -67px;
}
.about-ourcompany .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: -13px 0px 0px 1171px;
}

/*ABOUT- MESSAGE FROM CHAIRMAN*/
.about-message {
    margin-right: 38px;
}


/*ABOUT- AWARD & CERTIFICATION*/
.about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 199px 0px 0px 993px;
}
.about-award .top-content p.award-txt{
  margin: -169px 0px 0px 341px;
}


}


@media (max-width: 1199px)
{
  /*ABOUT- A2*/
  .year-info-01 {height: 250px}
  .year-info-02 {height: 250px}
  .year-info-03 {height: 250px}
  .year-info-04 {height: 250px}
  .info .item-list li:nth-child(odd) .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -60px;
    margin-left: -15px;
}

.info .item-list li:nth-child(odd) .row {
    margin-top: -70px;
    display: flex;
    flex-wrap: wrap;
    margin-right: -60px;
    margin-left: -3px;
}
.info .item-list li:nth-child(odd) .row .col-auto {
    order: 2;
    margin-right: -36px;
}
.info .item-list li:nth-child(even) .row{
    margin-top: -7px;
}
.info-txt h3{font-size: 38px;}
.info-txt p{font-size: 26px; line-height: 0.9;}
    /*ABOUT- NATURE OF BUSINESS*/

.about-nature-txt {
    position: absolute;
    z-index: 1;
    color: #0F2852;
    font-size: 75px;
    font-weight: 300;
    margin: 19px 0px 0px 374px;
    line-height: 1;
}


.about-nature-txt02 {
    margin-top: 40px;
    width: 1280px;
    margin-left: -13px;
    line-height: 1;
}
.about-nature-txt02 p.top-content {
    font-size: 34px;
    color: #707070 !important;
    font-weight: 300px;
    line-height: 1;
    width: 978px;
}


.btn-about-detail {
    height: 64px;
    width: 145px;
    position: absolute;
    font-size: 30px;
    z-index: 1;
    border-radius: 0px;
    background-color: #117FE7;
}






  /*ABOUT- OUR VISION AND MISSION*/
  .about-ourvision .about-ourvistion-left{margin: 0px 0px 0px -77px;}
  .about-ourvision .about-ourvistion-right{margin: 0px 0px 0px -175px;}
.about-ourvision .about-ourvistion-left .txt {
    width: 475px;
    margin: 52px 0px 0px 67px;
    padding-right: 40px;
    border-right: 1px solid rgba(112,112,112,0.3);
}
.about-ourvision .about-ourvistion-right ul il, a.num {
    font-size: 50px;
}
.about-ourvision .about-ourvistion-right ul il, p.lst-our {
    font-size: 32px;
    margin: -43px 0px 0px 60px;
    width: 390px;
    padding-bottom: 49px;
}


.vision-btn {
    font-size: 48px;
    width: 627px;
    height: 90px;
    border-radius: 45px;
    margin: 8px 0px 0px 176px;
    margin: 8px 0px 0px 29px;
}
.about-ourvistion-left .txt h1{ font-size: 38px;}
.about-ourvistion-left .txt p {
    font-size: 32px;
    line-height: 1;
}

.about-ourvistion-right ul{margin: 144px 0px 0px 15px;}

.about-ourvision-pic {
    margin: 5px 0px 0px -83px;
    width: 626px!important;
}




/*ABOUT- MESSAGE FROM CHAIRMAN*/
.about-message {
    margin-right: 109px;
}
.about-message .col {
    padding: 0px;
    margin: 0px;
}
.about-message .col {
    padding: 0px;
    margin: 188px 0px 0px -45px;
}
.about-message .btn-about-message {
    position: absolute;
    color: #FFFFFF;
    font-size: 40px;
    background-color: #2851A0 !important;
    width: 460px;
    height: 69px;
    text-transform: uppercase;
    border-radius: 0px;
    margin: 42px 0px 0px 364px;
}

.about-message .col p{font-size: 26px;}

/*ABOUT- AWARD & CERTIFICATION*/
.about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 203px 0px 0px 788px;
}
.about-award .top-content .award-box {
    width: 736px;
    height: 240px;
    margin: 0px 0px 0px 109px;
  }
  .about-award .top-content p.award-txt {
      margin: -172px 0px 0px 247px;
  }
  .about-award .top-content .btn-about-award {
    font-size: 38px;
    width: 332px;
    height: 62px;
    margin: 155px 0px 0px 0px }



}
@media (max-width: 991px)
{/*ABOUT- A2*/
  .abouta2-intro-txt {
    line-height: 0.8;
    position: absolute;
    z-index: 1;
    color: #0F2852;
    font-size: 50px;
    font-weight: 300;
    margin: 175px 0px 0px -291px;
}
  .btn-abouta2 {
     height: 58px;
     width: 258px;
     position: absolute;
     font-size: 30px;
     z-index: 1;
     margin: 572px 0px 0px -657px;
     border-radius: 0px;
 }
 .abouta2-intro-txt02 p {
    font-size: 38px;
    color: #707070 !important;
    line-height: 0.8;
}

.info .item-list li:nth-child(even) .row {
    margin-top: -70px;
}
.info .info-center {
    width: 200px;
}
.info .item-list li:nth-child(odd) .row .col-auto {
    order: 2;
    width: 216px;
}
.info .item-list li:nth-child(odd) .row .col {
    order: 1;
    margin-left: -238px;
    text-align: right;
    padding: 0px 0px 0px 242px;
}
.info .item-list li:nth-child(even) .row .col-auto {
    order: 1;
    margin-left: 12px;
}
.info .item-list li:nth-child(even) .row .col {
    order: 2;
    margin-left: -251px;
    margin-top: -7px;
    text-align: left;
    padding: 0px 0px 0px 244px;
}


  /*ABOUT- NATURE OF BUSINESS*/
  .about-nature-top {
    margin: 0px 0px 0px -408px;
}
  .about-nature-position .col img {
    width: 1102px;
    height: 385px;
}

.about-nature-txt {
    margin: 19px 0px 0px 366px;
}


.about-nature-txt02 {
    margin-top: 24px;
    margin-left: 408px;
}





  /*ABOUT- OUR VISION AND MISSION*/
.about-ourvision .container {
    margin: 0px 0px 0px 24px;
}
.mission-btn {
    width: 100%;
}
.vision-btn {
    font-size: 48px;
    width: 601px;
    height: 90px;
    border-radius: 45px;
    margin: 8px 0px 0px 56px;
}

/*ABOUT- COMPANY MILESTONE*/
.about-ourcompany .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: -13px 0px 0px 804px;
}
/*ABOUT- AWARD & CERTIFICATION*/
.about-award .top-content .award-box {
    width: 709px;
    height: 240px;
    margin: 0px 0px 0px 127px;
}
.about-award .top-content p.award-txt {
    margin: -172px 0px 0px 247px;
    width: 50%;
}
.about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 170px 0px 0px 788px;
}
.about-award .slider span.icon-chevron-left {
    top: 5%;
    font-size: 30px;
    margin: 172px 0px 0px -46px;
}
.about-award .top-content .btn-about-award {
    font-size: 32px;
    width: 267px;
    height: 55px;
    margin: 161px 0px 0px 0px;
}

}

@media (max-width: 767px)
{
  /*ABOUT A2 TECHNOLOGIES*/
  .info-txt h3 {
    text-align: left;
}
  .info .item-list li:nth-child(odd) .row .col-md {
    margin: 0px 0px 0px 0px;
}

.info .item-list li:nth-child(odd) .row .col-md {
     order: 1;
   margin-left: 0px;
   text-align: right;
}
.info .item-list li:nth-child(odd) .row .col-lg-auto {
    order: 2;

}
.info-txt {
    margin:0px 0px 0px 0px;
}
.info .item-list li:nth-child(odd) .row .col-md-auto {
     order: 1;
  margin-right: 0px;
}
  .info .item-list li.line2 {
      margin: 83px 0px 0px 93px;
      width: 80% !important;

  }
  .info .item-list li.line1 {
      margin: 113px 0px 0px 99px;
      width: 80%;
  }
  .info .item-list li:nth-child(odd) p {
      text-align: left;
  }
  .info .item-list li:nth-child(even) p {
      text-align: left;
  }
  .info .item-list li:nth-child(even) .row {
    margin-top: -70px;
    margin-right: 73px;
}
  .abouta2-info {
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EAF2F8;
}
  .abouta2-intro-position .col img {
    width: 557px;
    height: 305px;
    margin: 17px 0px 15px 0px;
  }
  .abouta2-intro-txt {
      line-height: 1;
      position: absolute;
      z-index: 1;
      color: #0F2852;
      font-size: 36px;
      font-weight: 300;
      margin: 147px 0px 0px 2px;
  }
.abouta2-intro-txt02 {
    margin-top: 36px;
    padding: 27px 0px 0px 66px;
    width: 699px;
}
.abouta2-intro-txt02 p {
    font-size: 38px;
    color: #707070 !important;
    font-weight: 300px;
    line-height: 1;
}
.btn-abouta2 {
    height: 45px;
    width: 255px;
    position: absolute;
    font-size: 28px;
    z-index: 1;
    margin: 88px 0px 0px -282px;
    border-radius: 0px;
}
.yeartxt {
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 500;
  }
.info .info-center {
    width: 80%;
    margin-top: 1px;
  }
.info .item-list li:nth-child(even) .row .col {
    order: 2;
    margin-left: -175px;
    margin-top: -7px;
    text-align: left;
    padding: 0px 0px 0px 186px;
  }
.info .item-list li:nth-child(even) .row .col-auto {
    order: 1;
    margin-left: -48px;
  }


  /*ABOUT- NATURE OF BUSINESS*/


.about-nature-position {
    padding-top: 249px;
    margin: 0px 0px 0px -329px;
}
.about-nature-position .col img {
    width: 731px;
    height: 348px;
}

.about-nature-txt {
    margin: -5px 0px 0px 765px;
}


.about-nature-txt02 {
    margin-top: 24px;
    margin-left: 433px;
}
.about-nature-txt02 p.top-content {
    width: 746px;
    font-size: 34px;
}

.btn-about-detail-02 {
    height: 64px;
    width: 145px;
    font-size: 30px;

}

/*ABOUT- OUR VISION AND MISSION*/
.mission-btn {
    width: 80%;
}
.about-ourvision-content {
    padding-top: 262px;
    margin: 0px 0px 0px 70px;
}
.about-ourvision .about-ourvistion-left .txt {
    width: 475px;
    margin: 52px 0px 0px 128px;
    padding-right: 40px;
    border-right: none;
}
.vision-btn {
    font-size: 48px;
    width: 601px;
    height: 90px;
    border-radius: 45px;
    margin: 8px 0px 0px 56px;
}
.about-ourvision-pic {
    margin: 5px 0px 0px 9px;
    width: 626px!important;
}
.about-ourvision .about-ourvistion-right {
    margin: 57px 0px 0px -23px;
}

.about-ourvision {
    margin-top: 0px;
}
.about-ourvision-content {
    padding-top: 72px;
    margin: 0px 0px 0px 70px;
    padding-bottom: 200px;
}

/*ABOUT- COMPANY MILESTONE*/
.about-ourcompany .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: -13px 0px 0px 613px;
}
/*ABOUT- MESSAGE FROM CHAIRMAN*/
.about-message .col {
    padding: 0px;
    margin: 534px 0px 0px -669px;
}
.about-message .btn-about-message {
    font-size: 32px;
    width: 372px;
    height: 60px;
    margin: -58px 0px 0px 200px;
}

.about-message .row .col-auto img {
    max-width: 85%;
    padding-left: 196px;
}

/*ABOUT- AWARD & CERTIFICATION*/
.about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 170px 0px 0px 593px;
}
.about-award .top-content .award-box {
    width: 515px;
    height: 173px;
    margin: 0px 0px 0px 127px;
}
.about-award .top-content p.award-txt {
    margin: -138px 0px 0px 198px;
    width: 55%;
    font-size: 26px;
}

}
@media (max-width: 411px){
  .btn-abouta2 {
    height: 45px;
    width: 219px;
    position: absolute;
    font-size: 24px;
    z-index: 1;
    margin: -59px 0px 0px -207px;
    border-radius: 0px;
  }
      .abouta2-intro-txt {
        line-height: 1;
        position: absolute;
        z-index: 1;
        color: #0F2852;
        font-size: 25px;
        font-weight: 300;
        margin: 162px 0px 0px 11px;
    }
    .abouta2-intro-txt02 {
        margin-top: 36px;
        width: 380px;
    }
    .info .item-list li.line1 {
        margin: 111px 0px 0px 17px;
        width: 80%;
    }
    .abouta2-info {
        background-size: contain!important;
        background-repeat: no-repeat;
        background-color: #eaf2f8;
        background-position: center;
        background-image:none;
    }
    .info .item-list li.line2 {
        margin: 84px 0px 0px 0px;
        width: 80% !important;

    }
    .info .item-list li:nth-child(odd) p {
        text-align: left;
    }
    .abouta2-intro-position .col img {
    width: 100%;
    height: auto;
    margin: 146px 0px 15px 0px;
  }
  .abouta2-intro-txt02 {
    padding: 29px 0px 0px 16px;
}
  .abouta2-intro-txt02 p {
    font-size: 28px;
    color: #707070 !important;
    font-weight: 300px;
    line-height: 1;
}
.info .item-list li:nth-child(even) .row .col-md-auto {
    order: 1;
    margin-left: 0px;
}

}



@media (max-width: 375px) {
/*About A2*/
.info .item-list li:nth-child(even) .row {
    margin-top: 0px;
    margin-right: 0px;
}
.abouta2-intro {
    margin-top: -200px;
    width: 100%;
    height: auto;
    background-image: url("http://wewebcloud.com/dev21-a2/front/template/default//assets/img/static/aboutuspage/abu/bg-about01.png");
    background-repeat: no-repeat;
    background-size: auto;
}
.abouta2-info {
    background-size: contain!important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EAF2F8;
    background-image: none;
}
.info .info-center {
    width:80%;
    margin-top: 1px;
}
.info .item-list li:nth-child(odd) .row .col {
    order: 1;
    margin: 153px 0px 0px 15px;
    text-align: right;
    padding: 0px 0px 0px 0px;
}
.year-info-01 {
    margin: -62px 0px 0px 28px !important;
}
.year-info-02 {
    margin: -66px 0px 0px 47px !important;
}
.info .item-list li:nth-child(even) .row .col {
    order: 2;
    margin-left: -174px;
    margin-top: 583px;}
    .info .item-list li:nth-child(even) .row .col-auto {
    order: 1;
    margin-left: -36px;
}
.info .item-list li:nth-child(even) .row .col {
    order: 2;
    margin-left: -187px;
    margin-top: 605px;
    padding: 0px 0px 0px 0px;
  }

.info .item-list li.line1 {
  margin: 159px 0px 0px 0px;
    width: 80%;
    float: left;
}
.abouta2-intro-txt {
    line-height: 0.8;
    font-size: 21px;
    margin: 194px 0px 0px 2px;
}
.btn-abouta2 {
    height: 46px;
    width: 159px;
    font-size: 18px;
    margin: 50px 0px 0px -168px;
}
.abouta2-intro-position .col img {
    width: 546px;
    height: 221px;
    margin: 89px 0px 15px 0px;
}
.abouta2-intro-txt02 p {
    font-size: 18px;
    width: 326px;
    margin: -49px 0px 0px -61px;
}
.info .item-list li.line2 {
    margin: 190px 0px 0px 0px;
    width: 80%;
    float: left;
}
.abouta2-intro-position {
    padding-top: 142px;
}
.year-info-04 {
    margin: -38px 0px 0px 28px !important;
}
.year-info-03 {
    margin: -129px 2px 0px 42px !important;
}


/*ABOUT- AWARD & CERTIFICATION*/
.about-award .top-content {
    padding: 77px 0px 0px 0px;
}
.about-award .top-content .btn-about-award {
    font-size: 21px;
    width: 150px;
    height: 50px;
    margin: 48px 0px 0px -6px;
}
.about-award .top-content .award-box {
    width: 294px;
    height: 129px;
    margin: 0px 0px 0px 27px;
}
.about-award .top-content p.award-txt {
    margin: -95px 0px 0px 62px;
    width: 70%;
    font-size: 18px;
    line-height: 0.8;
}
.about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 172px 0px 0px 250px;
}
.about-award .slider span.icon-chevron-left {
    top: 5%;
    font-size: 30px;
    margin: 172px 0px 0px -25px;
}
.about-award .slick-slide {
    margin: 0px 41px;
    text-align: center;

}
.about-award .slick-current {width: 196px!important ; margin: 0px 45px!important;}

/*ABOUT- MESSAGE FROM CHAIRMAN*/
.about-message .row .col-auto img {
    max-width: 100%;
    padding-left: 111px;
    margin: 34px 0px 0px -58px;
}
.about-message .col {
    padding: 20px;
    margin: 322px 0px 0px -353px;
}
.about-message .btn-about-message {
    font-size: 26px;
    width: 328px;
    height: 47px;
    margin: -58px 0px 0px 2px;
}

}


/* 7/12/2021 */
.-irI-I .wrapper + .wrapper {
    margin-top: 0px;
}
.-irI-I .link .thumb{
    width:170px;
    height:170px;
    margin:0 auto;
    border-radius:50%;
    position:relative
}
.-irI-I .link .thumb:before{
    width:186px;
    height:186px;

}

.tree li div {
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: 1px;
}

.tree .sd-tree >li:nth-child(3) .sd-submenu {
    padding: 20px;
}
.tree .sd-tree >li:nth-child(4) {
    margin: 65px 0px 0px -281px
}
.tree .sd-tree >li:nth-child(4) .sd-submenu {
    padding: 17px;
}

/*Murphy 12/8/2021*/
/*About us - ABOUT A2 TECHNOLOGIES*/
.about-a2 .about-head{width: 100%;  background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/bg-about01.png");}
.about-a2 .about-head .head-content >p{font-size: 48px; margin-top:100px; line-height: 1; color: #707070; font-weight: 400;}
.about-a2 .about-head .head-content .cover{position: relative; width: 100%; height: 450px;}
.about-a2 .about-head .head-content .cover img{width: 80%; float: right;}
.about-a2 .about-head .head-content .cover .txt-cover{width: 45%; position: absolute;top:170px;}
.about-a2 .about-head .head-content .cover .txt-cover p{font-size: 60px; line-height: 1; font-weight: 300; color: #0F2852;}
.about-a2 .about-head .head-content .cover .txt-cover label {width:420px; height: 80px; color: #FFFFFF;background-color:#117FE7; }
.about-a2 .about-head .head-content .cover .txt-cover label p{font-size: 46px; line-height: 1; font-weight: 400; color: #FFFFFF; text-align: center; padding-top: 15px;}
.about-a2 .about-a2p{width: 100%; height:auto; background-size: contain!important;background-repeat: no-repeat;background-color: #eaf2f8;background-position: center; background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/bg-about02.png");}
.about-a2 .about-a2p .a2detail .itemList{list-style-type: none;margin: 0; padding: 0;}
.about-a2 .about-a2p .a2detail .itemList{content: ''; clear: both; display: table; }
.yearInfo-01{background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-01.png"); width: 320px; background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.yearInfo-02{background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-02.png"); width: 320px; background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.yearInfo-03{background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-03.png"); width: 320px; background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.yearInfo-04{background-image: url("/front/template/default//assets/img/static/aboutuspage/abu/pic-abouta2-04.png");  width: 320px; background-size: contain; background-repeat: no-repeat; height: 320px; float: left; background-position: center;}
.about-a2 .about-a2p .a2detail .itemList li{float: left; width: 50%; margin: 100px 0px;}
.about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center{margin-right: -10px;}
.about-a2 .about-a2p .a2detail .itemList li:nth-child(odd)  .info-txt {text-align: right; margin-left: -100px;}
.about-a2 .about-a2p .a2detail .itemList li:nth-child(odd)  .info-txt p{text-align: right;}
.about-a2 .about-a2p .a2detail .itemList li:nth-child(even)  .info-txt {text-align: left; margin-right: -100px;}
.about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center{margin-left:  -10px;}


/*About us - NATURE OF BUSINESS*/
.head-nature{width: 100%;height: auto;position: relative;}
.head-nature img{width: 100%;}
.head-nature .about-nature-txt {
    width: 685px;
    position: absolute;
    z-index: 1;
    color: #0F2852;
    font-size: 75px;
    font-weight: 300;
    margin: 21px 0px 0px 54px;
    line-height: 1;
}
.head-nature a{
    bottom: 0;
    right: 0;
    position: absolute;
    color: #007bff;
    text-decoration: none;
    background-color: transparent;}
.text-nature {margin: 0px 0px 0px 0px; position: relative;}
.text-nature p{
  font-size: 32px;
  line-height: 1;
  color:#707070;
}
.btn-about-naturetop {
    position: absolute;
    right: 0;
    margin-top: 350px;
    height: 80px;
    width: 420px;
    font-size: 30px;
    z-index: 1;
    border-radius: 0px;
}
.btn-about-imformation{
    position: absolute;
    bottom: 0;
    right: 1px;
    height: 60px;
    width: 312px;
    font-size: 30px;
    border-radius: 0px;
    border-color: #117FE7;
    color: #117FE7;
    margin-top: 150px;
}
 .about-nature-detail .item-list .list .listdetails .content h3{ color: #2851A0; font-size: 28px; text-transform: uppercase;}
 .about-nature-detail .item-list .list .listdetails .content .topic-EPC{padding-bottom:25px; font-weight: 600; font-size: 36px; color: #2851A0;line-height: 1;}
 .about-nature-detail .item-list li.list{list-style-type: none;}
 .label-about-detail p{text-align: center; color:#FFFFFF; margin-top: 30px;}
 .label-about-detail  {height: 80px; width: 179px; position: absolute; font-size: 30px; z-index: 1; border-radius: 0px; background-color: #117FE7; color: #FFFFFF;text-align: center;padding-top: 30px;}
 .about-nature-detail .item-list >li{margin-bottom:150px;}
 .about-nature .about-nature-detail {margin-top:200px;}
 .about-nature .about-nature-detail .item-list {padding-left: 0px;}
 .about-nature .nature-detail-pic-01 img{ width: auto;}
 .about-nature-detail .item-list li:first-child .listdetails .content ul li p{line-height: 1;font-size: 30px; color:#707070;}
 .about-nature-detail .item-list li:first-child .listdetails .content ul li h3{line-height: 0.8;font-size: 30px; color:#2851A0;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul {width: 464px; padding: 0px 0px 0px 30px;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li p{margin-top: -17px; line-height: 0.8;font-size: 30px; color:#707070;}
 .about-nature-detail .item-list li:last-child .listdetails .content ul li p{margin-top: -17px; line-height: 0.8;font-size: 30px; color:#707070;}
 .about-nature-detail .item-list .list .listdetails{position: relative;}
 .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover{float: left;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .cover{float: right;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content {width: 1248px; padding-top: 134px;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3{color: #2851A0; font-size: 48px; text-transform: uppercase;}
 .about-nature-detail .item-list li:first-child .listdetails .content .lst
 .about-nature-detail .item-list li:first-child .listdetails .content .lst{ list-style-type: none;}
 .about-nature-detail .item-list li:first-child .listdetails .content{ float: right;width: 590px;padding-left: 225px;position: relative;}
 .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover {position: relative;}
 .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .label-about-detail {top:50px; right: -100px;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail {top:50px; right: 456px;}
 .about-nature-detail .item-list li:last-child .listdetails .content{float: left; width: 541px;padding-top: 190px;padding-left: 107px; position: relative;}
 .about-nature-detail .item-list li:last-child .listdetails .content h3{color: #2851A0; font-size: 48px; text-transform: uppercase;}
 .about-nature-detail .item-list li:last-child .listdetails .content ul {list-style-type: none;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul{list-style-type: none;}
 .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li::before {content: "\2022";color: #2851A0;font-weight: bold;font-size: 30px;display: inline-block;width: 1em;margin-left: -1em;}
 .about-nature-detail .item-list li:last-child .listdetails .content ul li::before {content: "\2022";color: #2851A0;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.about-nature-detail .item-list .list .listdetails .content .alphaBullet {position: absolute;left: 145px;top: 114px;}
.about-nature-detail .item-list .list .listdetails .content .alphaBullet img{padding-bottom: 51px;}
.about-nature-detail .item-list li:last-child .listdetails .content ul li::before {
    content: "\2022";
    color: #2851A0;
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/*About us - OUR VISION*/
.About-Vision{ background-image: url("https://a2-tech.com/front/template/default/assets/img/static/aboutuspage/or/aboutvisiona2.png"); width: 100%; height: auto;}
.About-Vision .left-content .label-lightblue{
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  position: relative; background-color: #117FE7; width: 100%; height: auto; color: #FFFFFF; margin: 0px 0px 0px 50px;}
.About-Vision .left-content .label-lightblue .logo-a2 img{ float: right; width: 11%; margin: 5px 0px 0px 544px; position: absolute; z-index: +1;}
.About-Vision .left-content .label-lightblue .label-tag {text-align: center; }
.About-Vision .left-content .label-lightblue .label-tag p{text-align: center; padding: 22px 0; font-size: 48px;}
.About-Vision .left-content  .text{border-right: 1px solid #ddd9d9;
    padding-left: 143px;
    padding-right: 100px;
    margin-right: -14px;}
.About-Vision .left-content  .text h2{font-size: 48px;color:#117FE7;}
.About-Vision .left-content  .text p{font-size: 36px; line-height: 1; color:#707070;}
.About-Vision .left-content {position: relative;}
.About-Vision .left-content .ourvision-pic{ margin-left: -353px; width: auto; max-width: none;}

.About-Vision .right-content{margin: 0px 0px 0px -50px;}
.About-Vision .right-content .label-darkblue {
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  text-align: center;  position: relative; background-color: #0F2852; width: 100%; color: #FFFFFF; }
.About-Vision .right-content .label-darkblue p{text-align: center; padding: 30px 0; font-size: 48px;}
.About-Vision .right-content  .txt-detail ul{list-style-type: none;}
.About-Vision .right-content  .txt-detail ul.num{color:#117FE7; font-size: 60px;margin-top: 27px;margin-right: 22px;}
.About-Vision .right-content  .txt-detail ul.lst-content{color:#707070; font-size: 36px; margin-top: 50px; line-height: 1;}
.About-Vision .right-content  .txt-detail ul.lst-content li{margin-bottom: 72px;}
.About-Vision .right-content  .txt-detail .num{float:left;}
.About-Vision .right-content  .txt-detail .num li{margin-bottom: 115px;}

.About-Vision .right-content .txt-detail ul.lst-content {
    font-size: 36px;
    margin-top: 47px;
}
.About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 59px;}
.About-Vision .right-content .txt-detail{padding: 0px 80px 0px 80px;}
.About-Vision .right-content .txt-detail .num li {margin-bottom: 120px;}


/*About us OR*/
.tree-or .orc-line {width: 20%;height: 50px;margin: 50px 0;font-size: 28px;position: relative;}
.tree-or .orc-line:after {content: '';width: 100%;border-bottom: solid 3px #C7C7C7;position: absolute;top: 50%;z-index: 1;}
.tree-or .orc-line  h3 {background-color: #F3F4F5; /* Same as the parents Background */
  width: auto;
  display: inline-block;
  z-index: 3;
  padding: 0 20px 0 20px;
  color: #263D62;
  position: relative;
  margin: 0;
}

.tree-or .orc-line02{position: relative;}
.tree-or .orc-line02 .orc-inline {width: 30%;height: 50px;margin: 50px 0;font-size: 28px;position: relative;}
.tree-or .orc-line02 .orc-inline:after {content: '';width: 100%;border-bottom: solid 3px #C7C7C7;position: absolute;top: 50%;z-index: 1;}
.tree-or .orc-line02 .orc-inline  h3 { /* Same as the parents Background */
  width: auto;
  display: inline-block;
  z-index: 3;
  padding: 0 20px 0 20px;
  color:#707070;
  position: relative;
  margin: 0;
  line-height: 1;
}
.tree-or .orc-inline2{position: absolute; font-size: 29px;color:#707070;top: -23px;right: 549px;}


.tree-or .orc-subline2  h1 {
      color:#707070;
      margin: 100px auto;
      text-align: center;
      font-size: 40px;
      max-width: 600px;
      position: relative;
      line-height: 1;
    }
    .tree-or .orc-subline2   h1:before {
      content: "";
      display: block;
      width: 150px;
      height: 3px;
      background: #C7C7C7;
      left: 34px;
      top: 50%;
      position: absolute;
      line-height: 1;
    }



    .tree-or .orc-subline3  h1 {
          color:#707070;
          margin: 100px auto;
          text-align: center;
          font-size: 40px;
          max-width: 600px;
          position: relative;
          line-height: 1;
        }
        .tree-or .orc-subline3   h1:after {
          content: "";
          display: block;
          width: 230px;
          height: 3px;
          background: #C7C7C7;
          left: -154px;
          top: 50%;
          position: absolute;
        }



/*Responsive*/

@media (max-width: 1440px) {
  /*Aboutus-Nature*/
  .about-nature .about-nature-detail .item-list {padding-left: 100px;}
  .btn-about-naturetop {margin-top: 404px;}


  .About-Vision .left-content .label-lightblue .logo-a2 img{margin: 5px 0px 0px 542px;}
  .About-Vision .right-content .txt-detail ul.lst-content li{margin-bottom: 52px;}
  .About-Vision .right-content .txt-detail .num li {margin-bottom: 132px;}
}

@media (max-width: 1280px) {
  /*About A2*/
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-txt {margin-left: 0px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-txt {margin-right: 0px;}

  .About-Vision .left-content .label-lightblue .logo-a2 img {margin: 5px 0px 0px 392px; width: 14%;}
  /*About us Nature*/
  .about-nature-detail .item-list li:first-child .listdetails .content {width: 540px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content {width: 1064px;}
  .btn-about-naturetop {margin-top: 350px;}

  }
@media (max-width: 1024px) {
  /*About A2*/
  .yearInfo-01{width: 250px; height:250px; }
  .yearInfo-02{width: 250px; height:250px; }
  .yearInfo-03{width: 250px; height:250px; }
  .yearInfo-04{width: 250px; height:250px; }
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-txt {margin-left: 0px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-txt {margin-right: 0px;}
  .about-a2 .about-a2p .a2detail .itemList li{float: left; width: 50%; margin: 72px 0px 64px 0px;}
  .about-a2 .about-head .head-content >p {font-size: 38px; margin-top: -45px; padding-bottom: 70px;}
  .about-a2 .about-head .head-content .cover .txt-cover {width: 50%; position: absolute; top: 109px;}
  .about-a2 .about-head .head-content .cover .txt-cover {width: 50%; top: 135px;}
  .about-a2 .about-head .head-content .cover .txt-cover p {font-size: 50px;}
  .about-a2 .about-head .head-content .cover .txt-cover label {width: 399px; height: 63px;}
  .about-a2 .about-head .head-content .cover .txt-cover label p {font-size: 42px; padding-top: 8px;}

  /*Nature*/
  .about-nature-txt h1 {font-size: 60px;}
  .about-nature-txt h2 {font-size: 50px;margin: 70px 0px 0px 0px;}
  .btn-about-naturetop{margin-top: 263px;}
  .btn-about-imformation {margin-top: 80px;}
  .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .label-about-detail {
    top: 16px;
    left: 0;
  }
  .about-nature .about-nature-detail .item-list {
    padding-left: 207px;
  }
  .about-nature-detail .item-list li:first-child .listdetails .content {
    float: left;
    width: 590px;
    padding-left: 86px;
    position: relative;
    margin-top: 100px;
    }
    .about-nature-detail .item-list .list .listdetails .content .alphaBullet {
        position: absolute;
        left: 6px;
        top: 105px;
    }
    .about-nature-detail .item-list .list .listdetails .content .alphaBullet img {
        padding-bottom: 33px;
    }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover {
        float: left;
    }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail {
        top: 16px;
        left: 0px;
    }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content {
        width: 1248px;
        padding-top: 558px;
    }


  /*About us Vision*/
  .About-Vision .left-content .ourvision-pic {margin-left: 0px;}
  .About-Vision .left-content .label-lightblue {margin: 0px 0px 0px 0px;}
  .About-Vision .right-content {margin: 65px 0px 0px 0px;}
  .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 84px;}
  .About-Vision .left-content .label-lightblue .logo-a2 img {margin: 1px 0px 0px 2px;width: 8%;}



  /*About us -Mlie*/
  .about-ourcompany .slider span.icon-chevron-right {margin: -13px 0px 0px 874px;}
  .about-ourcompany .slider {width: 86%;}


}
@media (max-width: 991px){

      /*About us -Nature*/
      .about-a2 .about-a2p .a2detail .itemList li {width: 78%;margin: 70px 80px;}
      .about-nature .about-nature-detail .item-list {padding-left: 154px;}
      .about-nature-detail .item-list li:first-child .listdetails .content {
        float: left;
        width: 590px;
        padding-top: 63px;
        padding-left: 149px;
        position: relative;


      }
      .about-nature-detail .item-list .list .listdetails .content .alphaBullet {

        left: 4px;
        top: 170px;
    }
      .about-nature-detail .item-list li:first-child .listdetails .content {
          float: left;
          width: 590px;
          margin-top: 69px;
          padding-left: 96px;

      }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content {
        width: 1246px;
        padding-top: 550px;
    }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail {
        top: 15px;
        left: 0px;
    }
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover {
        float: left;
    }
    .about-nature-detail .item-list li:last-child .listdetails .content {
        float: left;
        width: 541px;
        padding-top: 112px;
        padding-left: 60px;
        position: relative;
    }


      .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-txt {margin-left: 0px;}

      .About-Vision .left-content .ourvision-pic {margin-left: 0px; width: 100%;}
      .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 62px; }
      .About-Vision .right-content .txt-detail ul.lst-content {
        font-size: 30px;
        margin-top: 32px;
    }
    .About-Vision .left-content .text p {
        font-size: 30px;

    }
    .About-Vision .left-content .text h2 {
        font-size: 42px;

    }
    .About-Vision .left-content .text {
        border-right: 1px solid #ddd9d9;
        padding-left: 81px;
        padding-right: 94px;
        margin-right: -14px;
        margin-bottom: 63px;
        margin-top: 36px;
    }

    .btn-about-naturetop {
    margin-top: 250px;
    }
    .About-Vision .right-content {margin: -3px 0px 0px -56px;}
    .About-Vision .left-content .label-lightblue .logo-a2 img {margin: 3px 0px 0px 398px;width: 15%;}
    .About-Vision .right-content {margin: -3px 0px 0px -56px;}
    .About-Vision .left-content .label-lightblue {margin: -3px 0px 0px 46px;}


    /*Company*/
    .about-ourcompany .slider {width: 57%;}
    .about-ourcompany .slider span.icon-chevron-right {margin: -13px 0px 0px 659px;}
    .about-ourcompany .slider span.icon-chevron-left {top: 5%; font-size: 30px;margin: -13px 0px 0px -104px;}


  }
@media (max-width: 768px) {
  /*About A2*/
  .yearInfo-01 {width: 320px;height: 320px;}
  .yearInfo-02 {width: 320px;height: 320px;}
  .yearInfo-03 {width: 320px;height: 320px;}
  .yearInfo-04 {width: 320px;height: 320px;}

  .About-Vision .left-content .label-lightblue .logo-a2 img {width: 20%;margin: 3px 0px 0px 289px;}
  .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 56px;}
  .About-Vision .right-content .txt-detail {padding: 0px 30px 0px 69px;}

  /*About us Nature*/
  .about-nature .about-nature-detail .item-list {padding-left: 80px;}
  .btn-about-naturetop {height: 62px;width:100%;}
  .head-nature .about-nature-txt {margin: -45px 0px 0px 16px;}
  .about-nature-txt h1 {font-size: 52px;margin: 80px 0px 0px 0px;}
  .about-nature-txt h2 {font-size: 48px;margin: 57px 0px 0px 0px;}


  /*About us - Award*/
  .about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 170px 0px 0px 593px;
  }
}

@media (max-width: 767px) {
  /*About us - A2*/
  .about-a2 .about-head .head-content .cover img {width: 100%;}
  .about-a2 .about-head .head-content .cover .txt-cover {width: 80%;position: absolute;top: 221px;}
  .about-a2 .about-head .head-content .cover .txt-cover p{font-size: 40px;}
  .about-a2 .about-head .head-content .cover .txt-cover label {width: 313px; height: 66px;}
  .about-a2 .about-head .head-content .cover .txt-cover label p {font-size: 36px;}
  .about-a2 .about-head .head-content >p {    font-size: 36px; margin-top: 5px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-txt {text-align: left;margin-left: 0px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-txt p{text-align: left;}
  .about-a2 .about-a2p {background-image: none;}
  /*About us nature*/
  .about-nature .about-nature-detail {margin-top: 100px;}
  .about-nature-txt h2 {font-size: 20px;margin: -43px 0px 0px 0px;}
  .text-nature p {font-size: 28px;}
  .btn-about-naturetop {height: 50px;width: 100%;font-size: 26px;z-index: 1;border-radius: 0px;margin-top: 50%; }
  .about-nature .nature-detail-pic-01 img { width: 100%;}
  .about-nature .about-nature-detail .item-list {padding-left: 82px;}
  .about-nature-detail .item-list li:first-child .listdetails .content {float: left; width: 407px; padding-top: 43px!important; padding-left: 65px; position: relative;}
  .about-nature .nature-detail-pic-01 img {width: 100%;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet {position: absolute; left: -2px; top: 110px;}
  .about-nature-detail .item-list .list .listdetails .content .topic-EPC {padding-bottom: 25px; font-weight: 600; font-size: 21px; color: #2851A0; line-height: 1;}
  .about-nature-detail .item-list >li {margin-top: 60px;}
  .about-nature-detail .item-list li:last-child .listdetails .content {float: left; width: 541px; padding-top: 100px; padding-left: 50px; position: relative;}
  .about-nature-txt h1 {font-size: 28px; margin: 0;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover{float: left;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content{float: right; padding-top: 78px;}

  .btn-about-imformation {width: 241px; height: 51px; font-size: 26px;}
  .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .label-about-detail { right: 290px;}
   .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail {left: 0;}
   .about-nature-detail .item-list li:last-child .listdetails .cover .label-about-detail {right: 362px;}
   .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3{font-size: 40px;}
   .about-nature-detail .item-list >li {margin-bottom: 50px;}
   .about-nature-detail .item-list .list .listdetails .content .alphaBullet img{padding-bottom: 55px;}
   .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center{margin: 60px 0px 0px 64px;}
   .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center{margin: 0px 0px 0px 64px;}
   .About-Vision .left-content .text {border-right: 0px solid #ddd9d9; padding-left: 0px; padding-right: 0px;}

   /*About us OUR VISION*/
   .About-Vision .left-content .label-lightblue {margin: 0px 0px 0px 0px;}
   .About-Vision .left-content .label-lightblue .logo-a2 img{width: 0px;}
   .About-Vision .right-content{margin: 37px 0px 0px 0px;}
   .About-Vision .right-content .txt-detail{padding: 0px 20px 0px 20px;}
    .About-Vision .right-content .txt-detail ul.num {color: #117FE7;font-size: 60px;margin-top: 15px;margin-right: 24px;}

  .About-Vision .right-content .txt-detail .num li {margin-bottom: 119px;}
  .About-Vision .right-content .txt-detail ul.lst-content {font-size: 32px;margin-top: 54px;}
  .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 82px;}
    .modal-ir-staff .thumb {margin: 0px 0px 0px 115px;}


    /*About us Company*/
    .about-ourcompany .container{max-width: 310px;}
    .about-ourcompany .slider span.icon-chevron-left {margin: -13px 0px 0px -104px;}
    .about-ourcompany .slick-slide .year {height: 48px;padding: 54px 87px 75px 59px;}
    .about-ourcompany .slick-slide .topic {font-size: 28px;}
    .about-ourcompany .slick-slide .icon-centent {margin: 0px 0px 0px -15px;}
    .about-ourcompany .slick-slide .line-icon {margin: 0px 0px 0px 17px;padding: 0px 0px 0px 16px;}
    .about-ourcompany .slick-slide .move-03 .circle-icon img {margin: -13px 0px 0px 10px;}
    .about-ourcompany .slick-slide .move-03 .white-circle img {margin: -13px 0px 0px 9px;}
    .about-ourcompany .slick-slide .move-03 .icon img {margin: -9px 0px 0px -22px;}
    .about-ourcompany .slider span.icon-chevron-right {margin: -13px 0px 0px 347px;}

}


@media (max-width: 540px) {
  /*About A2*/
  .about-a2 .about-a2p .a2detail .itemList li {
    width: 100%;
    margin: 40px 0px;
  }

  /*Nature*/
  .head-nature .about-nature-txt {width: 685px;position: relative;     margin: 38px 0px 0px 16px; }
  .btn-about-imformation {width: 197px;height: 48px;font-size: 20px;}
  .about-nature .about-nature-detail .item-list {padding-left: 6px;}
  .about-nature-detail .item-list .list .listdetails .content .topic-EPC {font-size: 26px;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet {left: -2px;top: 121px;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet img {padding-bottom: 75px;width: 80%;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 {margin: 0px 0px 0px -43px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 img{       width: 85%;}
  .about-nature-detail .item-list li:last-child .listdetails .cover .nature-detail-pic-01 img{ width: 90%;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3 {font-size: 32px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li p {font-size: 28px;}
  .about-nature-detail .item-list li:last-child .listdetails .content h3 {font-size: 32px;}
  .about-nature-detail .item-list li:last-child .listdetails .content ul li p {font-size: 28px;}
  .about-nature-detail .item-list >li {margin-top: -18px;}



  /*BOARD OF DIRECTORS*/
  .modal-ir-staff .content {padding-left: 13px;padding-top: 33px;}
  .modal-ir-staff .thumb {margin: 0px 0px 0px 18px;}
  .modal-ir-staff .content {padding-left: -2px;padding-top: 10px;}
  .modal-ir-staff .thumb {margin: 0px 0px 0px 80px;}

  /*About us Vision*/
  .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 70px;}
  .About-Vision .left-content .label-lightblue .label-tag p {text-align: center;padding: 20px 0;font-size: 38px;}
  .About-Vision .right-content .label-darkblue p {text-align: center;padding: 20px 0;font-size: 38px;}

  /*About us Award*/
  .about-award .top-content p.award-txt {
    margin: -133px 0px 0px 50px;
    width: 80%;
    font-size: 26px;
  }
  .about-award .top-content .award-box {
    width: 515px;
    height: 173px;
    margin: 0px 0px 0px 1px;
  }
  .about-award .slick-slide {
    margin: 0px 10px;
    text-align: center;
  }

  .about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 170px 0px 0px 416px;
  }

  /*About us- Company*/
  .about-ourcompany .slider span.icon-chevron-right {margin: -13px 0px 0px 303px;}
  .about-ourcompany .slider span.icon-chevron-left {margin: -13px 0px 0px -53px;}
  .about-ourcompany .container {max-width: 310px;width: 100%;}



}

@media (max-width: 414px) {
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center {margin: 0px 0px 0px 25px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center {margin: 0px 0px 0px 29px;}

  /*About us Nature*/
  .about-nature-detail .item-list li:first-child .listdetails .content { width: 368px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul{width: 366px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content {width: 460px;}
  .head-nature .about-nature-txt {margin: 31px 0px 0px 16px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 {margin:15px 0px 0px -88px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 img {width: 68%;}
  .about-nature-detail .item-list li:last-child .listdetails .cover .nature-detail-pic-01 img {width: 69%;}
  .label-about-detail {height: 61px;width: 92px;font-size: 26px;padding-top: 23px;}


  /*Vision*/
  .About-Vision .right-content .txt-detail .num li {margin-bottom: 151px;}

  /*About us Award*/
  .about-award .top-content p.award-txt {
    margin: -129px 0px 0px 35px;
    width: 80%;
    font-size: 24px;
    line-height: 0.9;
  }
  .about-award .top-content .award-box {
    width: 382px;
    height: 173px;
    margin: 0px 0px 0px 1px;
  }
  .about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 18px;
    margin: 170px 0px 0px 305px;
  }
  .about-award .slider span.icon-chevron-left {
    top: 5%;
    font-size: 18px;
    margin: 172px 0px 0px -29px;
  }

}

@media (max-width: 411px) {
    /*About-Nature*/

    .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .label-about-detail {right: 0px; left: 0px;}
    .about-nature .nature-detail-pic-01 img {width: 100%;}
    .about-nature-detail .item-list li:first-child .listdetails .content {float: left; width: 412px; padding-top: 0px!important; padding-left: 56px;position: relative;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet {
    position: absolute;
    left: -10px;
    top: 77px;
  }
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet img {
    padding-bottom: 53px;
    max-width: 80%;
  }
  .about-nature-detail .item-list .list .listdetails .content .topic-EPC {
    width: 268px;
    padding-bottom: 25px;
    font-weight: 600;
    font-size: 26px;
    color: #2851A0;
    line-height: 1;
  }
  .about-nature-detail .item-list li:first-child .listdetails .content ul li h3 {
    line-height: 0.8;
    font-size: 26px;
    color: #2851A0;
  }
  .about-nature-detail .item-list li:first-child .listdetails .content ul li p {
    width: 250px;
    line-height: 1;
    font-size: 24px;
    color: #707070;
  }
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul {
    width: 370px;
    padding: 0px 0px 0px 30px;
  }

    .About-Vision .right-content .txt-detail {padding: 0px 40px 0px 40px;}

    .modal-ir-staff .thumb {margin: 0px 0px 0px 48px;}
    .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 67px;}


    /*About us - Award*/

    .about-award .top-content .award-box {
    width: 392px;
    height: 173px;
    margin: 0px 0px 0px 0px;
    }
    .about-award .top-content p.award-txt {
    margin: -120px 0px 0px 31px;
    width: 85%;
    font-size: 22px;
    }
    .about-award .slider span.icon-chevron-right {
      top: 5%;
      font-size: 16px;
      margin: 170px 0px 0px 308px;
    }
    .about-award .slider span.icon-chevron-left {
    top: 5%;
    font-size: 16px;
    margin: 172px 0px 0px -31px;
    }

  }


@media (max-width: 375px) {
  /*About us - Nature*/
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3 {width: 300px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul {width: 344px;}
  .about-nature-detail .item-list li:last-child .listdetails .content ul{width: 250px;}
  .About-Vision .right-content .txt-detail ul.num {font-size: 55px;}
  .About-Vision .right-content .txt-detail ul.lst-content li {margin-bottom: 52px;}
  .About-Vision .right-content .txt-detail {padding: 0px 20px 0px 20px;}
  .About-Vision .right-content .txt-detail ul.lst-content {font-size: 28px;margin-top: 54px;}
  .About-Vision .right-content .txt-detail .num li {margin-bottom: 121px;}
  .about-nature .nature-detail-pic-01 img {width: 80%;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 img {width: 58%;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 {margin: 0px 0px 0px -120px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail {left: -1px; top: 16px;}
  .about-nature-detail .item-list li:last-child .listdetails .cover .nature-detail-pic-01 img {width: 62%;}
  .about-nature .about-nature-detail .item-list {padding-left: 6px;padding-bottom: 80px;}
  .about-nature-detail .item-list >li {margin-bottom: -27px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center {margin: 0px 0px 0px 12px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center {margin: 0px 0px 0px 13px;}
  .about-a2 .about-head .head-content .cover .txt-cover p {font-size: 32px;}
  .about-a2 .about-head .head-content .cover .txt-cover label p {padding-top: 15px;}
  .about-a2 .about-head .head-content .cover .txt-cover {top: 206px;}
  .about-a2 .about-head .head-content >p {margin-top: -29px;}

  /*About us Award*/
  .about-award .slick-slide {
    margin: 0px 40px;
    text-align: center;
  }
  .about-award .slider span.icon-chevron-right {
    top: 5%;
    font-size: 30px;
    margin: 170px 0px 0px 267px;
  }

}
@media (max-width: 360px) {
  /*About A2*/
    .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center {
      margin: 0px 0px 0px 2px;
    }.about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center {
    margin: 0px 0px 0px 7px;
  }


 /*About - Nature*/
   .about-nature-detail .item-list li:nth-child(even) .listdetails .content {float: right;padding-top: 39px;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3 {font-size: 32px;width: 300px;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li p {font-size: 28px;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li::before {font-size: 26px;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul {width: 330px;}
    .about-nature-detail .item-list li:last-child .listdetails .content ul {    width: 254px;}
    .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .nature-detail-pic-01 img{width: 80%;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 img{width: 55%;}
    .about-nature-detail .item-list li:last-child .listdetails .cover .nature-detail-pic-01 img{width: 60%;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 {margin: 0px 0px 0px -129px;}
    .head-nature .about-nature-txt {margin: 12px 0px 0px 16px;}


  /*Vision*/
  .About-Vision .right-content .txt-detail .num li {
    margin-bottom: 126px;
  }
     .About-Vision .right-content .txt-detail ul.num {
        color: #117FE7;
        font-size: 60px;
        margin-top: 15px;
        margin-right: 20px;
     }
     .About-Vision .right-content .txt-detail {
        padding: 0px 35px 0px 0px;
     }
     .About-Vision .right-content .txt-detail ul.lst-content {
        font-size: 32px;
        margin-top: 54px;
     }
     .About-Vision .right-content .txt-detail ul.lst-content li {
        margin-bottom: 64px;
      }
      .About-Vision .right-content .txt-detail {
          padding: 0px 20px 0px 20px;
      }

    .About-Vision .right-content .txt-detail ul.lst-content {
    font-size: 26px;
    margin-top: 47px;
    }

    /*BOARD OF DIRECTORS*/
    .modal-ir-staff .content {padding-left: 13px;padding-top: 33px;}
    .modal-ir-staff .thumb {margin: 0px 0px 0px 18px;}
    .modal-ir-staff .content {padding-left: -2px;padding-top: 10px;}
    .modal-ir-staff .thumb {margin: 0px 0px 0px 40px;}

    /*About us Company*/
    .about-ourcompany .slider span.icon-chevron-right {margin: -13px 0px 0px 274px;}
    .about-ourcompany .slider span.icon-chevron-left {margin: -13px 0px 0px -37px;}



}
@media (max-width: 320px){
  /*About A2*/
  .yearInfo-01 {width: 220px;height: 220px;}
  .yearInfo-02 {width: 220px;height: 220px;}
  .yearInfo-03 {width: 220px;height: 220px;}
  .yearInfo-04 {width: 220px;height: 220px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center {
    margin: 0px 0px 0px 35px;
  }
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center {
    margin: 0px 0px 0px 38px;
    }
    .about-a2 .about-head .head-content .cover .txt-cover label {
        width: 257px;
        height: 55px;
    }
    .about-a2 .about-head .head-content .cover .txt-cover {
        width: 80%;
        position: absolute;
        top: 221px;
    }
    .about-a2 .about-head .head-content .cover .txt-cover p {
        font-size: 30px;
    }
    .about-a2 .about-head .head-content .cover .txt-cover {
        width: 80%;
        position: absolute;
        top: 183px;
    }
    .about-a2 .about-head .head-content >p {
        font-size: 28px;
        font-size: 28px;
        margin-top: -55px;
    }


    .about-nature-detail .item-list >li {
    margin-top: -27px;
    }.about-nature-detail .item-list >li {
    margin-bottom: 8px;
    }

    /*About us Nature*/
    .about-nature-detail .item-list li:first-child .listdetails .content {width: 412px;padding-left: 37px;}
    .about-nature-detail .item-list .list .listdetails .content .alphaBullet {left: -18px;top: 107px;}
    .about-nature-detail .item-list .list .listdetails .content .alphaBullet img {padding-bottom: 65px;max-width: 60%;}
    .about-nature-detail .item-list .list .listdetails .content .topic-EPC {width: 256px;font-size: 26px;}
    .about-nature-detail .item-list li:last-child .listdetails .content {padding-top: 64px;padding-left: 28px;}

    /*About us Award*/
    .about-award .slider span.icon-chevron-left {margin: 172px 0px 0px -31px;}
    .about-award .slider span.icon-chevron-right {margin: 172px 0px 0px 241px; font-size: 16px;}
    .about-award .slick-slide {margin: 0px 0px 0px 60px;}

    /*About us Company*/
    .about-ourcompany .slider span.icon-chevron-left {margin: -13px 0px 0px -28px;}


}
@media (max-width: 280px) {
  /*About A2*/
  .head-nature .about-nature-txt {margin: 7px 0px 0px 16px;}
  .about-a2 .about-head .head-content .cover .txt-cover {width: 90%;position: absolute;top: 133px;}
  .about-a2 .about-head .head-content .cover .txt-cover p {font-size: 26px;}
  .about-a2 .about-head .head-content .cover .txt-cover label {width: 208px;height: 43px;}
  .about-a2 .about-head .head-content .cover .txt-cover label p {font-size: 26px;}
  .about-a2 .about-head .head-content >p {font-size: 25px;margin-top: -155px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(odd) .info-center {margin: 0px 0px 0px 14px;}
  .about-a2 .about-a2p .a2detail .itemList li:nth-child(even) .info-center {margin: 0px 0px 0px 12px;}

  /*About us Nature*/
  .about-nature-detail .item-list li:first-child .listdetails .content {width: 412px;padding-left: 37px;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet {left: -18px;top: 67px;}
  .about-nature-detail .item-list .list .listdetails .content .alphaBullet img {padding-bottom: 40px;}
  .about-nature-detail .item-list .list .listdetails .content .topic-EPC {width: 216px;font-size: 21px;padding-bottom: 25px;}
  .about-nature-detail .item-list li:first-child .listdetails .content ul li h3 {font-size: 21px;}
  .about-nature-detail .item-list li:first-child .listdetails .content ul li p {width: 204px;font-size: 18px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul {width: 252px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li p {font-size: 21px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content h3 {font-size: 28px;}
  .about-nature-detail .item-list li:last-child .listdetails .content ul {width: 218px;}
  .about-nature-detail .item-list li:last-child .listdetails .content h3 {font-size: 28px;}
  .about-nature-detail .item-list li:last-child .listdetails .content ul li p {font-size: 21px;}
  .about-nature-detail .item-list li:nth-child(even) .listdetails .content ul li::before {font-size: 22px;}
  .about-nature-detail .item-list li:last-child .listdetails .content ul li::before {font-size: 22px;}
  .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .label-about-detail{height: 59px;
    width: 99px;
    font-size: 26px;
    padding-top: 21px;}
    .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .label-about-detail{height: 59px;
      width: 99px;
      font-size: 26px;
      padding-top: 21px;}
      .about-nature-detail .item-list li:nth-child(odd) .listdetails .cover .nature-detail-pic-01 img {
    width: 60%;
  }
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 {
    margin: 0px 0px 0px -163px;
  }
  .about-nature-detail .item-list li:nth-child(even) .listdetails .cover .nature-detail-pic-01 img {
    width: 43%;
  }
  .about-nature-detail .item-list li:last-child .listdetails .cover .nature-detail-pic-01 img {
    width: 45%;
}


  /*About us Award*/

    .about-award .slick-slide {
    margin: 0px 30px;
    text-align: center;
    }
    .about-award .slider span.icon-chevron-right {
    margin: 172px 0px 0px 198px;
    font-size: 16px;
  }
  .about-award .slider span.icon-chevron-left {
    margin: 172px 0px 0px -24px;
    font-size: 16px;
  }
  .award .polite { margin: 0px 0px 0px -42px; width: 90px;}


  /*About us Company*/
  .about-ourcompany .slider span.icon-chevron-left {margin: -28px 0px 0px -23px;}
  .about-ourcompany .slider span.icon-chevron-right {margin: -30px 0px 0px 242px;}
  .about-ourcompany .slick-slide .year {height: 48px;padding: 31px 19px 57px 25px;}


}


/*Murphy 17/12/2021*/
  .news-list .item-list  li:nth-child(3n+1) {clear: both;}
  .wg-about-slide-thumb .action .link {
      color: #ffffff;
      background-color: #007bff;
      padding: 4%;
  }
    .wg-what-slide-content .wrapper .content .title {
      line-height: 0.8;
      font-size: 55px;
      margin-bottom: 10px;
    }
    .wg-what-slide-content .info .action .link {
    color: #0F2852;
    background-color: transparent;
    padding: 5% 1% 3% 9%;
    width: 120%;
  }

  .wg-what-slide-content .info .action >a.link-more {background-color: #007bff;}
  @media (max-width: 2000px){.viewmore-edit-position { margin: -345px 0px 0px 737px;} .viewmore-edit-position  a{ font-size: 30px;} .viewmore-edit-position .icon{ width: 18px; height: 18px;} .viewmore-edit-position .icon span{font-size: 16px;}}
  @media (max-width: 1440px){.viewmore-edit-position { margin: -294px 0px 0px 535px;} .viewmore-edit-position  a{ font-size: 20px;} .viewmore-edit-position .icon{ width: 18px; height: 18px;} .viewmore-edit-position .icon span{font-size: 16px;}
  .wg-what-slide-content .wrapper .content .title {font-size: 55px;} .wg-what-slide-content .wrapper .content{padding-top: 0px;}
  }
  @media (max-width: 1280px) {.wg-what-slide-content .info .action { margin:-442px 0px 0px 454px;}}
  @media (max-width: 1024px){.viewmore-edit-position { margin: -390px 0px 0px 455px;} .viewmore-edit-position  a{ font-size: 21px;}
      .wg-what-slide-content .wrapper .content .title {
          line-height: 0.8;
          font-size: 45px;
      }
      .wg-what-slide-content .wrapper .content .h-title {
      font-size: 60px;
      line-height: 0.8;
      }
    .wg-what-slide-content .wrapper .banner{margin-top: 70px;}
  }
  @media (max-width: 960px){.viewmore-edit-position  { margin: -442px 0px 0px 416px; }}
  @media (max-width: 768px) {.wg-what-slide-content .info .action {     margin: -427px 0px 0px 319px;}}
  @media (max-width: 767px){.viewmore-edit-position  a{ font-size: 16px;}

    .wg-what-slide-content .info .action {margin: -271px 0px 0px 324px; width: 1200px;}
    .viewmore-edit-position .icon{ width: 16px; height: 16px;} .viewmore-edit-position .icon span{font-size: 14px;}
    .wg-what-slide-content .info .action .link {padding: 1%;width: 10%;}
  }
  @media (max-width: 540px) {.wg-what-slide-content .info .action {margin: -264px 0px 0px 218px;} .wg-what-slide-content .slick-dots{margin: 0px 0px 106px 0px;} .wg-what-slide-content .info .action .link {
    padding: 1%;
    width: 13%;
    }}
  @media (max-width: 414px) {.wg-what-slide-content .info .action { margin: -266px 0px 0px 153px;} .wg-what-slide-content .info .action .link {padding: 1%;width: 16%;}}
  @media (max-width: 411px) {.wg-what-slide-content .info .action {margin: -269px 0px 0px 157px;} .wg-what-slide-content .info .action .link {
    padding: 1%;
    width: 17%;
    }}
  @media (max-width: 375px) {.wg-what-slide-content .info .action { margin: -266px 0px 0px 141px;} .wg-what-slide-content .info .action .link {
    padding: 1%;
    width: 18%;
    }}
  @media (max-width: 361px) {.wg-what-slide-content .info .action { margin: -263px 0px 0px 132px;} .wg-what-slide-content .info .action .link {padding: 1%;width: 20%;}}
  @media (max-width: 320px) {.wg-what-slide-content .info .action { margin: -260px 0px 0px 111px;}}
  @media (max-width: 280px) {.wg-what-slide-content .info .action { margin: -230px 0px 0px 94px;}}


/*Murphy 20/12/2021*/
  .logo  figure.contain img{filter: grayscale(1) invert(1) brightness(300%);}

  .wg-what-slide-nav .wrapper .inner figure.contain img{filter: grayscale(1) invert(1) brightness(300%);}
  .wg-what-slide-nav .wrapper.-typeIV .inner figure.contain img{filter: none;}

/*Murphy 21/12/2021*/
  .what-yearthumb-slider .slick-current .wrapper {margin: 0px;z-index: 9;box-shadow: none;}
  .what-yearthumb-slider .slick-current .wrapper .txt {color: #117FE7;background-color: #DCE5EA;}
  .what-yearthumb-slider .slick-current .wrapper  .txt:before{border-width: 0px;}
  .what-yearthumb-slider .slick-current .wrapper:hover {margin: -10px; z-index: 9; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 16%);}
  .what-yearthumb-slider .slick-current .wrapper .thumb .title{    font-size: 0px;}
  .what-yearthumb-slider .slick-current .wrapper:hover .thumb .title{    font-size: 130px;}
  .what-yearthumb-slider .slick-current .wrapper .thumb .desc{    font-size: 0px;}
  .what-yearthumb-slider .slick-current .wrapper:hover .thumb .desc{    font-size: 33px;}
  .what-yearthumb-slider .slick-current .wrapper:hover  .txt{
      opacity: 1;
      color: #ffffff;
      background-color: #117FE7;
    }
    .what-yearthumb-slider .slick-current .wrapper:hover  .txt:before{
              border-width: 0 13.5px 23px 13.5px;
      }
/*Murphy 23/12/2021 */



/*Murphy 12/01/2022*/
.blue_1-edit{margin: 0 20px;}

/*Muprhy 25/01/22*/
.pic-award{width: 50%; padding:60px 0px; }
.editor-content .font-base-editor, .editor-content p, .editor-content .editor-content{line-height: 1;}
.editor-content strong{ font-size: 36px;}
.orc-subline2-th{right: 352px!important;}
.tree_ .cent.cent-th::before {    width: 38%!important;}
.tree-or .orc-line02 .orc-inline.orc-inline-th:after{width: 60%;}



/*Murphy 003/02/2022*/
.what-yearthumb-slider .slick-current .wrapper .thumb .content {

    background-color: transparent;
}
.what-yearthumb-slider .slick-current .wrapper .thumb .content:hover {

        background-color: rgba(15, 40, 82, 0.56);
}

.default-subnav-index2 .slick-list{ overflow: hidden; width: 100.5%;}

/*Murphy 8/2/2022*/
.editor-content p{font-size: 24px;}
.editor-content h1{font-size: 32px;}
.editor-content strong{font-size: 32px;}

.investor-table p{font-size: 24px; line-height: 1; }

/*Murphy */
.investor-table .table-Type .t-left, .investor-table .table-Type .t-cen {font-size: 28px;}

.investor-table td {color: #707070;}
.investor-table .table-dividend tr td{border: 1px solid #ddd; font-size: 28px;}
.investor-table .table-dividend tr td {color:#707070;}
.investor-table .table-dividend tr td:first-child {color:#2851A0;}
.investor-table .table-dividend thead tr th{font-size: 28px; color: #FFFFFF; text-align: center;}
.investor-table .table-dividend thead {background-color: #117FE7;  height: 108px;}
.investor-table .table-Type.attachfile-link {margin-top:30px;}
.financial-infromation .table-Type{margin-top: 50px;}
.financial-infromation .table-financial-infromation {width: 100%;}
.financial-infromation .table-financial-infromation tr td{border: 1px solid #ddd; font-size: 28px; color:#707070; }
.financial-infromation .table-financial-infromation tr td:first-child {color:#2851A0; font-weight: 500;}
.financial-infromation .table-financial-infromation thead tr th{font-size: 28px; color: #FFFFFF; text-align: center; line-height: 1;}
.financial-infromation .table-financial-infromation thead tr { border-bottom: 1px solid #75ADE2;}
.financial-infromation .table-financial-infromation thead {background-color: #117FE7;  height: 108px;}
.financial-infromation .table-financial-infromation tbody tr {text-align: center; }
.financial-infromation .table-financial-infromation tbody tr td {padding: 15px 0px;}
.financial-infromation .table-Type .t-left,   .financial-infromation .table-Type .t-cen {font-size: 28px;padding: 12px 20px;}
.financial-infromation .table-Type th, .detail-table .table-Type td {font-size: 28px;}
.financial-infromation .table-Type thead tr:first-child {border-bottom: 1.1px solid #75ADE2;}
.financial-infromation h1{font-size: 32px; color:#707070; }
.financial-infromation p{font-size: 24px; color:#707070;}



/* Addon */
.investor-list .slick-list{margin: 0 -15px;}
.investor-list .slick-list .item{padding: 0 15px;}
.investor-list .slider .wrapper{box-shadow: none;}

.investor-list.list-sm{position: relative; z-index: 1;}
.investor-list.list-sm .item-list{margin: 0;}
.investor-list.list-sm .item-list > li{padding: 20px 0; border-bottom: 1px solid #ebebeb;}
.investor-list.list-sm .wrapper{background-color: transparent; box-shadow: none;}
.investor-list.list-sm .wrapper:hover .content{background-color: transparent;}
.investor-list.list-sm .content{height: auto; background-color: transparent; padding: 0 20px; display: block;}
.investor-list.list-sm .icon{margin: 0; width: 120px; height: 120px; border: 6px solid #F3F4F5; background-color: #117FE7; display: flex; align-items: center; justify-content: center;}
.investor-list.list-sm .icon img{width: 30px;}
.investor-list.list-sm .title{
    font-size: 28px;
    font-weight: 500;
    line-height: 1em;
    height: 1em;
    color: #0F2852;
    overflow: hidden;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.investor-list.list-sm .date{
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: #707070;
}
/* Addon */



/*Murphy 21/02/2022*/
.pdpa .height {
    height: 84px;
}
.pdpa .txt {
    font-size: 32px;
}
.pdpa .action .btn {
    height: 60px;
}
@media (max-width: 1600px){
.pdpa .txt {
    font-size: 34px;
}}
@media (max-width: 1440px){
.pdpa .txt {
    font-size: 32px;
}}
@media (max-width: 1199px){
.pdpa .txt {
    font-size: 26px;
}
.pdpa .action .btn {
    min-width: 150px;
    height: 50px;
}
.pdpa .action .btn + .btn {
    margin-left: 9px;
}
}


@media (max-width: 991px){
.pdpa .txt {
    padding-left: 40px;
    font-size: 26px;
}
.pdpa .height {

    padding: 5px 0;
}
.pdpa .action .btn {
    min-width: 100px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
}
.pdpa .action {
    margin-left: 117px;
    margin-top: -8px;
}
}
@media (max-width: 912px) {
  .pdpa .action {
      margin-left: 655px;
      margin-top: -31px;
  }
}

@media (max-width: 820px) {
  .pdpa .action {
    margin-left: 558px;
    margin-top: -28px;
}
}
@media (max-width: 768px) {
  .pdpa .action {
    margin-left: 502px;
    margin-top: -8px;
}
.pdpa .txt {
    padding-left: 70px;
    font-size: 18px;
}
.pdpa .icon {

    left: 20px;
}
}
@media (max-width: 767px) {
  .pdpa .txt {
    padding-left: 70px;
    font-size: 16px;
}
}
@media (max-width: 540px) {
  .pdpa .action {
    margin-left: 298px;
    margin-top: 0px;
}
}
@media (max-width: 414px) {

  .pdpa .action {
    margin-left: 155px;
    margin-top: -5px;
}
}

@media (max-width: 411px){
  .pdpa .action {
    margin-left: 141px;
    margin-top: -5px;
}
}
@media (max-width: 375px) {
  .pdpa .icon {
    left: 4px;
}
.pdpa .txt {
    padding-left: 43px;
    font-size: 16px;
}
.pdpa .action {
    margin-left: 122px;
    margin-top: -5px;
}
}
@media (max-width: 361px) {
  .pdpa .icon {
    left: -1px;
}
.pdpa .txt {
    padding-left: 35px;
    font-size: 16px;
}

.pdpa .action .btn + .btn {
    margin-left: 2px;
}
.pdpa .action {
    margin-left: 122px;
    margin-top: -2px;
}
}
@media (max-width: 320px) {
  .pdpa .txt {
    line-height: 0.8;
}

.pdpa .action .btn {
    height: 26px;
}
.pdpa .txt {
    padding-left: 35px;
    font-size: 14px;
}
.pdpa .action {
    margin-left: 78px;
    margin-top: -10px;
}
}
@media (max-width: 280px) {
  .pdpa .action .btn {

    min-width: 81px;
}
.pdpa .action {
    margin-left: 48px;
    margin-top: -7px;
}}


/* 09/08/2022 */
@media (max-width: 575px) {
    .-irI-I .item + .item {
        margin-left: 0;
    }
    .-irI-I .item {
        width: 100%;
    }
    .-irI-I .link .title {
        width: 100%;
        margin: 0 auto;
    }
}

/* 2023/10/27 */
.pdpa .txt .link{text-decoration: underline;}
.pdpa .txt .link::before {display: none;}


/* edit by ohm2 */
.-policy.item-list   li + li {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #fff;
}

.-policy.item-list   li .link:hover {
    color: #117FE7;
}

.pdpa .txt {
    font-size: 28px;
}

.pdpa .height {
    height: 120px;
}

.pdpa .action .btn:last-child {
    margin-left: 15px;
}

@media (max-width: 1440px) {
    .pdpa .height {
        height: 110px;
    }
}

@media (max-width: 1199px) {
    .pdpa .height {
        height: 80px;
    }
    .pdpa .txt {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .pdpa .height {
        height: auto;
        padding: 15px 0;
    }
    .pdpa .action {
        margin-left: 40px;
        margin-top: 10px
    }
    .pdpa .txt {
        font-size: 24px;
        padding-left: 40px;
    }
}

@media (max-width: 767px)  {
    .-policy.item-list {
        width: max-content;
        margin: auto;
        margin-bottom: 15px;
    }
    .-policy.item-list li + li {
        padding-left: 7px;
        margin-left: 7px;
    }

    .-policy.item-list li {
        height: 12px;
        display: flex;
        align-items: center;
    }
    
    .pdpa .action .btn:last-child {
        margin-left: 10px;
    }

    .pdpa .txt {
        font-size: 20px;
    }

    .pdpa .icon {
        left: 0;
    }
}