@charset "utf-8";
        /* CSS Document */
        
        .read-detail {
            width: 100%;
            height: auto;
            padding: 20px 0;
            text-align: center;
            background-color: #f05a24;
        }
        
        .section-read-detail {
            width: 72%;
            margin: 0 auto;
        }
        
        .logo-read-detail {
            width: 10%;
        }
        
        .source-read-detail {
            width: 90%;
            margin: 0 auto;
            text-align: center;
        }
        
        .frame-read-detail {
            width: 72% !important;
        }
        
        .background-banner {
            background-image: url(../images/banner-ir.jpg);
            background-position: center center;
            position: relative;
            width: 100%;
            height: 680px;
            overflow: hidden;
        }
        
        .head-text-banner {
            text-align: center;
            width: 100%;
            position: absolute;
            top: 42vh;
            font-size: 70px;
            color: #fff;
        }
        
        .sub-text-banner {
            text-align: center;
            width: 100%;
            position: absolute;
            top: 40vh;
            left: -152px;
            font-size: 29px;
            color: #fff;
        }
        
        .text-white {
            color: #ffffff !important;
        }
        
        .text-black {
            color: #000000 !important;
        }
        
        .text-orange-1 {
            color: #ff6e00 !important;
        }
        
        .text-orange-2 {
            color: #f48604 !important;
        }
        
        .padtop10 {
            margin-top: 10px !important;
        }
        
        .padtop20 {
            margin-top: 20px !important;
        }
        
        .padtop30 {
            margin-top: 30px !important;
        }
        
        .padtop40 {
            margin-top: 40px !important;
        }
        
        .padtop50 {
            margin-top: 50px !important;
        }
        
        .padtop60 {
            margin-top: 60px !important;
        }
        
        .padtop70 {
            margin-top: 70px !important;
        }
        
        .padbot10 {
            margin-bottom: 10px !important;
        }
        
        .padbot20 {
            margin-bottom: 20px !important;
        }
        
        .padbot30 {
            margin-bottom: 30px !important;
        }
        
        .padbot40 {
            margin-bottom: 40px !important;
        }
        
        .padbot50 {
            margin-bottom: 50px !important;
        }
        
        .padbot60 {
            margin-bottom: 60px !important;
        }
        
        .padbot70 {
            margin-bottom: 70px !important;
        }
        
        .agm-banner {
            background-image: url(../images/agm.jpg);
            background-position: center center;
            position: relative;
            width: 100%;
            height: 300px;
            overflow: hidden;
        }
        
        .head-text-agm {
            color: #f05a24;
            font-size: 50px;
        }
        
        .frame-agm {
            margin: 25px 250px;
        }
        
        .button-agm {
            border: 2px solid #fd8901;
            color: #fd8901;
        }
        
        .button-agm:hover {
            background-color: rgba(255, 255, 255, .75);
            color: #f05a24;
        }
        
        .icon {
            position: relative;
            top: 1px;
        }
        
        .gradient {
            padding: 3px 10px;
            background-color: #e1e1e1;
            color: #999999;
            transition: 0.25s;
        }
        
        .gradient:hover {
            padding: 3px 10px;
            background-color: #f48604;
            color: #ffffff;
            transition: 0.25s;
        }
        
        .news-box-slide {
            display: inline-flex;
            width: 100%;
        }
        
        .read-all-news {
            width: 50%;
        }
        
        .news-box .active {
            background-color: #f48604;
            color: #ffffff;
        }
        
        .news-all {
            float: right;
            color: #fe6e00;
            transition: 0.25s;
        }
        
        .news-all:hover {
            color: #999999;
            transition: 0.25s;
        }
        
        .bg-stock {
            background-image: url(../images/bg-stock.jpg);
            width: 100%;
            height: auto;
            /* padding: 65px 25px; */
        }
        
        .img-stock {
            box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.35);
        }
        
        .frame-stock {
            width: 29.666%;
        }
        
        .frame-stock-2 {
            width: 29.666%;
        }
        
        .frame-stock-3 {
            width: 29.666%;
        }
        
        .frame-financial {
            width: 50%;
            float: left;
            height: 486px;
        }
        
        .right-financial {
            background-image: url(../images/financial-img.jpg);
            padding: 187px 350px 55px 55px;
            height: 486px;
        }
        
        .left-financial-1 {
            background: #ff6e00;
            width: 50%;
            color: #FFFFFF;
            float: left;
            padding: 65px 50px;
        }
        
        .left-financial-2 {
            background: #fd8901;
            width: 50%;
            color: #FFFFFF;
            float: left;
            padding: 65px 50px;
        }
        
        .left-financial-3 {
            background: #fd8901;
            width: 50%;
            color: #FFFFFF;
            float: left;
            padding: 65px 50px;
        }
        
        .left-financial-4 {
            background: #ff6e00;
            width: 50%;
            color: #FFFFFF;
            float: left;
            padding: 65px 50px;
        }
        
        .h1-financial {
            font-size: 52px;
            padding: 0px 0 10px;
            margin: -21px 0 !important;
        }
        
        .unit-financial {
            font-size: 22px;
        }
        
        .button-finance {
            border: 2px solid #fd8901;
            color: #fd8901;
        }
        
        .detail-main {
            background-image: url(../images/detail-main.jpg);
            text-align: center;
            height: 900px;
            padding: 75px 500px;
        }
        
        .hr-detail-main {
            width: 4%;
            border: 2px solid #ff6e00;
        }
        
        .hr-detail-main-white {
            width: 4%;
            border: 2px solid #ffffff;
        }
        
        .anti-corporate-frame {
            padding-right: 3.5%;
        }
        
        .frame-analyst {
            background-image: url(../images/analyst-hl.jpg);
            text-align: center;
            height: 675px;
            width: 50%;
            float: left;
            padding: 100px 200px;
        }
        
        .frame-annual {
            background-image: url(../images/annual-hl.jpg);
            height: 675px;
            width: 50%;
            float: left;
            padding: 100px 150px;
        }
        
        .button-annual-1 {
            background-color: #ffdeba;
            border: 2px solid #ffdeba;
            color: #333333;
            padding: 10px 55px;
            width: 250px;
            text-align: center;
        }
        
        .button-annual-1:hover {
            background-color: rgba(255, 255, 255, .2);
            border: 2px solid rgba(255, 255, 255, .2);
            color: #333333;
            padding: 10px 55px;
        }
        
        .button-annual-2 {
            border: 2px solid #ffdeba;
            color: #ffdeba;
            padding: 10px 55px;
            width: 250px;
            text-align: center;
        }
        
        .button-annual-2:hover {
            background-color: rgba(255, 255, 255, .2);
            border: 2px solid rgba(255, 255, 255, .2);
            color: #333333;
            padding: 10px 55px;
        }
        
        .map-main {
            width: 100%;
            height: 340px;
        }
        
        .frame-email-alert {
            background-image: url(../images/email-alert.jpg);
            height: 275px;
            width: 100%;
            padding: 25px 125px;
        }
        
        .frame-email-1 {
            width: 30%;
            float: left;
            text-align: left;
        }
        
        .frame-email-2 {
            width: 45%;
            float: left;
            padding: 55px 0;
        }
        
        .frame-email-3 {
            width: 25%;
            float: left;
            padding: 45px 0;
            text-align: center;
        }
        
        .a-email-alert {
            transition: 0.25s;
        }
        
        .a-email-alert:hover {
            filter: contrast(125%) brightness(105%);
            transition: 0.25s;
        }
        
        .left-chairman {
            width: 100%;
            margin: 0 auto;
        }
        
        .signature-chairman {
            width: 25%;
            text-align: center;
            float: right;
        }
        
        .icon-vision {
            top: 7px;
            position: relative;
        }
        
        .text-vision {
            padding-left: 45px;
        }
        
        .ul-vision {
            list-style: circle;
            padding-left: 65px;
        }
        
        .pic-vision {
            position: relative;
            top: -275px;
            z-index: 1;
            left: 245px;
        }
        
        .reveal-modal {
            background: #eee url(../images/tiny_grid.png) center center;
            padding: 55px;
            border-radius: 5px;
            box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
        }
        
        .icon-governance {
            top: 5px;
            position: relative;
        }
        
        .annual-book {
            box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
            border: 2px solid #eee;
            border-radius: 0 0 25px 0;
            transition: 0.25s;
        }
        
        .annual-book:hover {
            filter: blur(1.5px) brightness(85%) grayscale(35%);
            transition: 0.25s;
        }
        
        .align-complaint {
            text-align: right;
        }
        
        .display-complaint {
            display: table-cell;
        }
        
        .height-book-mda {
            height: 375px;
        }
        /* RESPONSIVE */
        
        @media screen and (max-width: 1550px) {
            .section-read-detail {
                width: 92%;
                margin: 0 auto;
            }
            .frame-agm {
                margin: 25px 50px;
            }
            .frame-financial {
                width: 50%;
                float: left;
                height: auto;
            }
            .right-financial {
                background-image: url(../images/financial-img-tablet.jpg);
                padding: 285px 250px 55px 55px;
                height: 569px;
            }
            .left-financial-1 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 85.75px 30px;
            }
            .left-financial-2 {
                background: #fd8901;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 85.75px 30px;
            }
            .left-financial-3 {
                background: #ff9c29;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 85.75px 30px;
            }
            .left-financial-4 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 85.75px 30px;
            }
            .detail-main {
                background-image: url(../images/detail-main.jpg);
                text-align: center;
                height: 900px;
                padding: 75px 270px;
            }
            .frame-analyst {
                background-image: url(../images/analyst-hl.jpg);
                text-align: center;
                height: 675px;
                width: 50%;
                float: left;
                padding: 100px 85px;
            }
            .frame-annual {
                background-image: url(../images/annual-hl.jpg);
                height: 675px;
                width: 50%;
                float: left;
                padding: 100px 60px;
            }
            .frame-email-alert {
                background-image: url(../images/email-alert.jpg);
                height: 275px;
                width: 100%;
                padding: 25px 55px 25px 125px;
            }
            .frame-email-1 {
                width: 25%;
                float: left;
                text-align: left;
            }
            .frame-email-2 {
                width: 55%;
                float: left;
                padding: 25px 0px 25px 25px;
            }
            .frame-email-3 {
                width: 10%;
                float: left;
                padding: 45px 0px;
                text-align: center;
            }
        }
        
        @media screen and (max-width: 1320px) {
            .logo-read-detail {
                width: 15%;
            }
            .frame-financial {
                width: 100%;
                float: left;
                height: auto;
            }
            .right-financial {
                background-image: url(../images/financial-img-tablet-2.jpg);
                padding: 240px 400px 70px 55px;
                height: auto;
            }
            .left-financial-1 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 50px 100px;
            }
            .left-financial-2 {
                background: #ff9c29;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 50px 100px;
            }
            .left-financial-3 {
                background: #ff9c29;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 50px 100px;
            }
            .left-financial-4 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 50px 100px;
            }
            .h1-financial {
                font-size: 52px;
                padding: 0px 0 10px;
                margin: -10px 0 !important;
            }
            .frame-analyst {
                background-image: url(../images/analyst-hl.jpg);
                text-align: center;
                height: 600px;
                width: 50%;
                float: left;
                padding: 50px 85px;
            }
            .frame-annual {
                background-image: url(../images/annual-hl.jpg);
                height: 600px;
                width: 50%;
                float: left;
                padding: 75px 30px;
            }
            .button-annual-1 {
                background-color: #ffdeba;
                border: 2px solid #ffdeba;
                color: #333333;
                padding: 7px 5px;
                width: 170px;
                font-size: 15px;
                text-align: center;
            }
            .button-annual-1:hover {
                background-color: rgba(255, 255, 255, .2);
                border: 2px solid rgba(255, 255, 255, .2);
                color: #333333;
                padding: 7px 5px;
            }
            .button-annual-2 {
                border: 2px solid #ffdeba;
                color: #ffdeba;
                padding: 7px 5px;
                width: 170px;
                font-size: 15px;
                text-align: center;
            }
            .button-annual-2:hover {
                background-color: rgba(255, 255, 255, .2);
                border: 2px solid rgba(255, 255, 255, .2);
                color: #333333;
                padding: 7px 5px;
            }
            .anti-corporate-frame {
                padding-right: 0;
            }
            .map-main {
                width: 100%;
                height: 410px;
            }
            .frame-email-alert {
                background-image: url(../images/email-alert.jpg);
                height: 265px;
                width: 100%;
                padding: 25px 45px 25px 45px;
            }
            .frame-email-1 {
                width: 25%;
                float: left;
                text-align: left;
            }
            .frame-email-2 {
                width: 65%;
                float: left;
                padding: 15px 0 15px 25px;
            }
            .frame-email-3 {
                width: 10%;
                float: left;
                padding: 45px 0;
                text-align: center;
            }
            .signature-chairman {
                width: 35%;
                text-align: center;
                float: right;
            }
            .pic-vision {
                position: relative;
                top: -125px;
                z-index: 1;
                left: 25px;
            }
        }
        
        @media screen and (max-width: 980px) {
            .logo-read-detail {
                width: 20%;
            }
            .source-read-detail {
                display: none;
            }
            .source-read-detail {
                text-align: center;
                width: 35%;
                margin: 0px auto -45px;
                padding-bottom: 25px;
                border-bottom: 7px solid #ff6e00;
            }
            .head-text-banner {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 54vh;
                font-size: 70px;
                color: #fff;
            }
            .sub-text-banner {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 49vh;
                left: -155px;
                font-size: 29px;
                color: #fff;
            }
            .agm-banner {
                background-image: url(../images/agm.jpg);
                background-position: 60% center !important;
                position: relative;
                width: 100%;
                height: 300px;
                overflow: hidden;
            }
            .frame-agm {
                margin: 25px 50px;
                width: 55%;
            }
            .text-sub-agm {
                line-height: 22px;
                padding-bottom: 2px;
                font-size: 17px;
            }
            .text-sub-agm-2 {
                font-size: 17px;
            }
            .head-text-agm {
                color: #f05a24;
                font-size: 42px;
            }
            .frame-stock {
                width: 100% !important;
            }
            .frame-stock-2 {
                width: 100% !important;
            }
            .bg-stock {
                background-image: url(../images/bg-stock.jpg);
                background-repeat: round;
                width: 100%;
                height: auto;
                /* display: inline-flex;
            padding: 45px 25px; */
            }
            .right-financial {
                background-image: url(../images/financial-img-tablet-3.jpg);
                padding: 215px 150px 70px 55px;
                height: auto;
            }
            .left-financial-1 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 40px 35px;
            }
            .left-financial-2 {
                background: #ff9c29;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 40px 35px;
            }
            .left-financial-3 {
                background: #ff9c29;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 40px 35px;
            }
            .left-financial-4 {
                background: #ff6e00;
                width: 50%;
                color: #FFFFFF;
                float: left;
                padding: 40px 35px;
            }
            .detail-main {
                background-image: url(../images/detail-main.jpg);
                text-align: center;
                height: 900px;
                padding: 75px 50px;
            }
            .frame-analyst {
                background-image: url(../images/analyst-hl.jpg);
                text-align: center;
                height: 675px;
                width: 100%;
                float: left;
                padding: 100px 200px;
            }
            .frame-annual {
                background-image: url(../images/annual-hl.jpg);
                height: auto;
                width: 100%;
                float: left;
                text-align: center;
                padding: 70px 150px;
            }
            .frame-email-1 {
                width: 35%;
                float: left;
                text-align: left;
            }
            .frame-email-2 {
                width: 65%;
                float: left;
                padding: 0 25px;
            }
            .frame-email-3 {
                display: none;
            }
            .text-sup-email {
                font-size: 19px;
                line-height: 22px;
            }
            .pic-vision {
                position: relative;
                top: -125px;
                z-index: 1;
                left: 65px;
            }
            .height-book-mda {
                height: auto;
            }
        }
        
        @media screen and (max-width: 767px) {
            .section-read-detail {
                width: 100%;
                margin: -55px auto;
            }
            .logo-read-detail {
                width: 25%;
            }
            .source-read-detail {
                text-align: center;
                width: 50%;
                margin: 0px auto -45px;
                padding-bottom: 25px;
                border-bottom: 7px solid #ff6e00;
            }
            .agm-banner {
                background-image: url(../images/agm-mobile.jpg);
                background-position: 85% center !important;
                position: relative;
                width: 100%;
                height: 300px;
                overflow: hidden;
            }
            .text-sub-agm {
                line-height: 22px;
                padding-bottom: 2px;
                font-size: 17px;
                color: #FFFFFF;
            }
            .text-sub-agm-2 {
                font-size: 17px;
                color: #FFFFFF;
            }
            .frame-agm {
                margin: 25px 0;
                padding: 0 25px;
                width: 100%;
            }
            .head-text-agm {
                color: #f05a24;
                font-size: 42px;
                text-align: center;
            }
            .text-sub-agm {
                line-height: 22px;
                padding-bottom: 2px;
                font-size: 17px;
                color: #FFFFFF;
                text-align: center;
            }
            .text-sub-agm-2 {
                font-size: 17px;
                color: #FFFFFF;
                text-align: center;
            }
            .button-agm {
                width: 55%;
                text-align: center;
                display: block !important;
                margin: 20px auto;
                border: 2px solid #fd8901;
                color: #fd8901;
            }
            .bg-stock {
                background-image: url(../images/bg-stock.jpg);
                background-repeat: round;
                width: 100%;
                height: auto;
                display: grid;
                padding: 0;
            }
            .frame-financial {
                width: 100%;
                float: left;
                height: auto;
            }
            .right-financial {
                background-image: url(../images/financial-img-tablet-3.jpg);
                padding: 215px 65px 50px 35px;
                height: auto;
            }
            .left-financial-1 {
                background: #ff6e00;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 30px 50px;
            }
            .left-financial-2 {
                background: #ff9c29;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 30px 50px;
            }
            .left-financial-3 {
                background: #fd8901;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 30px 50px;
            }
            .left-financial-4 {
                background: #ff6e00;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 30px 50px;
            }
            .button-finance {
                width: 90%;
                text-align: center;
                display: block !important;
                border: 2px solid #fd8901;
                color: #fd8901;
            }
            .frame-analyst {
                background-image: url(../images/analyst-hl.jpg);
                text-align: center;
                height: 625px;
                width: 100%;
                float: left;
                padding: 100px 100px;
            }
            .frame-annual {
                background-image: url(../images/annual-hl.jpg);
                height: auto;
                width: 100%;
                float: left;
                text-align: center;
                padding: 70px 50px;
            }
            .frame-email-alert {
                background-image: url(../images/email-alert.jpg);
                height: auto;
                width: 100%;
                padding: 45px 30px;
                display: grid;
            }
            .frame-email-1 {
                width: 100%;
                float: left;
                text-align: center;
            }
            .frame-email-2 {
                width: 100%;
                float: left;
                text-align: center;
                padding: 0;
            }
            .signature-chairman {
                width: 55%;
                text-align: center;
                float: right;
            }
            .pic-vision {
                position: relative;
                top: 25px;
                z-index: 1;
                left: 0px;
            }
            .reveal-modal {
                background: #eee url(../images/tiny_grid.png) center center;
                padding: 15px;
                width: 120%;
                left: -60px;
                position: relative;
                border-radius: 5px;
                box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
            }
            .organize-text {
                display: none;
            }
        }
        
        @media screen and (max-width: 520px) {
            .read-detail {
                width: 100%;
                height: auto;
                padding: 10px 0;
                text-align: center;
                background-color: #ff6e00;
            }
            .section-read-detail {
                width: 100%;
                margin: -40px auto;
            }
            .logo-read-detail {
                width: 40%;
            }
            .source-read-detail {
                text-align: center;
                width: 72%;
                margin: 0px auto -45px;
                padding-bottom: 25px;
                border-bottom: 7px solid #ff6e00;
            }
            .margin-read-detail {
                margin: 0 !important;
            }
            .head-text-banner {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 55.5vh;
                font-size: 70px;
                color: #fff;
                line-height: 85px;
            }
            .sub-text-banner {
                text-align: center;
                width: 100%;
                position: absolute;
                top: 50vh;
                left: 0;
                font-size: 29px;
                color: #fff;
            }
            .agm-banner {
                background-image: url(../images/agm-mobile.jpg);
                background-position: 78% center !important;
                position: relative;
                width: 100%;
                height: 300px;
                overflow: hidden;
            }
            .head-text-agm {
                color: #f05a24;
                font-size: 27px;
                text-align: center;
            }
            .text-sub-agm {
                line-height: 20px;
                padding-bottom: 2px;
                font-size: 14px;
                color: #FFFFFF;
                text-align: center;
            }
            .text-sub-agm-2 {
                font-size: 14px;
                line-height: 20px;
                color: #FFFFFF;
                text-align: center;
            }
            .button-agm {
                width: 90%;
                font-size: 17px;
                text-align: center;
                display: block !important;
                margin: 20px auto;
                border: 2px solid #fd8901;
                color: #fd8901;
            }
            .h1-financial {
                font-size: 42px;
                padding: 0px 0 10px;
                margin: -10px 0 !important;
            }
            .right-financial {
                background-image: url(../images/financial-img-mobile.jpg);
                padding: 65px 25px 25px 25px;
                height: auto;
            }
            .left-financial-1 {
                background: #ff6e00;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 20px 25px;
            }
            .left-financial-2 {
                background: #ff9c29;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 20px 25px;
            }
            .left-financial-3 {
                background: #fd8901;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 20px 25px;
            }
            .left-financial-4 {
                background: #ff6e00;
                width: 100%;
                color: #FFFFFF;
                float: left;
                padding: 20px 25px;
            }
            .detail-main {
                background-image: url(../images/detail-main.jpg);
                text-align: center;
                height: 690px;
                padding: 55px 15px;
            }
            .frame-analyst {
                background-image: url(../images/analyst-hl.jpg);
                text-align: center;
                height: 485px;
                width: 100%;
                float: left;
                padding: 50px 30px;
            }
            .frame-annual {
                background-image: url(../images/annual-hl.jpg);
                height: auto;
                width: 100%;
                float: left;
                text-align: center;
                padding: 50px 30px;
            }
            .map-main {
                width: 100%;
                height: 320px;
            }
            .frame-email-1 {
                width: 100%;
                float: left;
                padding: 0 15px;
                text-align: center;
            }
            .frame-email-2 {
                width: 100%;
                float: left;
                text-align: center;
                padding: 0;
            }
            .signature-chairman {
                width: 100%;
                text-align: center;
                float: right;
            }
            .pic-vision {
                display: none;
            }
            .reveal-modal {
                background: #eee url(../images/tiny_grid.png) center center;
                padding: 15px;
                width: 120%;
                left: -37px;
                position: relative;
                border-radius: 5px;
                box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
            }
        }
        /*--------------------------------------------------------------------*/
        /* Custom 21/01/2564*/
        /*--------------------------------------------------------------------*/
        
        .mb-30 {
            margin-bottom: 30px;
        }
        /* main-ir */
        
        .nav-menu-w {
            width: 20% !important;
        }
        
        .new-card-w {
            width: 24% !important;
        }
        
        .stock-card-w {
            width: 26% !important;
        }
        
        .mg-cover-card {
            margin-right: 2% !important;
        }
        
        @media screen and (max-width: 1199px) {
            .new-card-w {
                width: 32% !important;
            }
            .nav-menu-w {
                width: 30% !important;
            }
            .stock-card-w {
                width: 100% !important;
            }
        }
        
        @media screen and (max-width: 981px) {
            .nav-menu-w {
                width: 100% !important;
            }
            .new-card-w {
                width: 100%!important;
            }
            .stock-card-w {
                width: 100% !important;
            }
            .mg-cover-card {
                margin-right: 6% !important;
            }
            .dl-menuwrapper p {
                text-align: center;
            }
        }
        /* chairman*/
        
        .img-chairman {
            float: left;
            width: 230px;
            margin: 50px 20px;
            height: 600px;
        }
        
        .img-chairman p {
            font-size: 18px;
            margin-top: 20px;
            text-align: center;
        }
        
        @media screen and (max-width: 1440px) {
            .img-chairman {
                height: 800px;
            }
        }
        
        @media screen and (max-width: 1199px) {
            .img-chairman {
                height: 1000px;
            }
        }
        
        @media screen and (max-width: 981px) {
            .img-chairman {
                float: none;
                width: 300px;
                margin: 30px auto !important;
                height: auto;
                padding-bottom: 25px;
                border-bottom: 7px solid #ff6e00;
            }
        }
        /* board*/
        
        .column-img-board-w {
            display: flow-root;
            width: 73.6%;
        }
        
        .img-board {
            margin: 0px;
            max-width: 100% !important;
            width: 100% !important;
        }
        
        @media screen and (max-width: 980px) {
            .column-img-board-w {
                display: flow-root;
                width: 100%;
            }
        }
        
        @media (min-width: 981px) {
            .img-board {
                margin: 0px;
                max-width: 100% !important;
                width: 100% !important;
            }
        }
        /* organization*/
        
        .column-organization-w {
            width: 73.6% !important;
        }
        
        @media screen and (max-width: 980px) {
            .column-organization-w {
                width: 100% !important;
            }
        }
        /*///////////////////////////////ราคาหลักทรัพย์ For tabs-menu////////////////////////*/
        
        .wpb-tabs-menu {
            clear: both;
            margin: 0;
            padding: 0;
            list-style: none;
            margin-bottom: -1px;
        }
        
        .wpb-tabs-menu:after {
            content: '';
            clear: both;
            display: table;
        }
        
        .wpb-tabs-menu li {
            float: left;
            font-size: 16px;
            width: 50%;
            text-align: center;
        }
        
        .wpb-tabs-menu li a {
            padding: 15px;
            text-transform: uppercase;
            color: #343434;
            text-decoration: none;
            border-color: #e3e3e3;
            background-color: #ebebeb;
            display: block;
            position: relative;
            font-weight: 400;
        }
        
        .wpb-tabs-menu li a.wpb-current {
            position: relative;
            border-color: #f05a24;
            background-color: #f05a24;
            color: #fff;
            z-index: 0;
        }
        
        .wpb-but {
            color: #232323;
            font-size: 16px;
            border: 2px solid #000;
            text-align: center;
            padding: 10px;
        }
        
        .wpb-but:hover {
            border: 1px solid #eee !important;
            background: #eee!important;
            transition-duration: 300ms;
        }
        /*Code for Tabs*/
        
        .wpb-tab-content {
            border: solid transparent;
            box-sizing: content-box;
            text-align: center;
            padding: 40px;
            display: none;
            box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .22);
        }
        
        #wpb-tab-1 {
            display: block;
        }
        
        .wpb-tab-content p {
            color: #000;
        }
        
        .wpb-heading {
            margin: 0;
            font-size: 20px;
            border-bottom: 1px solid #d4d4d1;
            display: none !important;
        }
        /*--------------------------------------------------------------------*/
        /* END Custom 21/01/2564*/
        /*--------------------------------------------------------------------*/
        /* ///////////////Custom เพิ่มเติม 2023/////////////////////// */
        /* ////////////////////////// */
        
        .img-logo-001 {
            width: 190px;
        }
        
        .text-main01 {
            color: #f36f20;
            font-weight: 500;
            font-size: 20px;
            margin: 20px 0 10px;
            /* text-decoration: underline; */
        }
        
        .tex-sub-lis01 {
            list-style: disc;
            padding-left: 20px;
        }
        
        .text-sub-detail01 {
            color: #333;
            font-weight: 300;
            font-size: 15px;
            line-height: 38px;
        }
        
        @media screen and (max-width:991px) {
            .text-main01 {
                font-size: 20px;
                line-height: 25px;
            }
            .text-sub-detail01 {
                line-height: 30px;
            }
        }

        .relative-3px{
            position: relative;
            top: -3px;
        }
        select{
            padding: 0.5rem 2rem;
            margin-top: 1rem;
            display: block;
            margin-left: auto;
            text-align: end;
            border: 1px solid #e7e7e7;
        }