h2.h1.sc-heading {
                text-align: center;
                color: #00a950;
                font-size: 30px;
                font-weight: 600;
                font-family: Kanit, Arial, sans-serif !important;
                margin-bottom: 10px;
            }
            
            .foot {
                display: flex;
                text-align: center;
                margin: 0 auto;
                width: 183px;
                padding: 30px 0;
            }
            
            h3.h3-subtitel {
                text-align: center;
                /* padding-left: 30px; */
                font-size: 28px;
                font-weight: 100;
                color: #adadad;
            }
            
            th.table-row {
                background-color: #3f745d;
                color: #fff !important;
                text-align: center;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 26px;
                vertical-align: middle;
            }
            
            td.table-row {
                text-align: center;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 20px;
                border: solid 1px #3f745d;
                color: #000000;
                padding: 15px !important;
                border: solid 1px #3f745d;
                vertical-align: middle;
            }
            
            table.table.table-bordered {
                border: solid 1px #3f745d;
                vertical-align: middle;
                margin-bottom: 20px;
            }
            
            .container-bg-input {
                background-repeat: no-repeat;
                background-color: #fafafa;
                text-align: center;
                background-position: center;
                margin: auto;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 30px 0px 30px 0px;
                border-radius: 10px;
                /* margin-top: 30px; */
            }
            
            .container-bg-input p {
                color: #666;
            }
            
            h5.mb-30.mt-50 {
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 42px;
            }
            
            h4.bg-input {
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 50px;
                color: #00a950;
                font-weight: 600;
                padding-top: 30px;
                padding-bottom: 10px;
            }
            
            input.form-control.fonts.placeholder {
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 26px;
                width: 100%;
                height: 100%;
                border: 1px solid #adadad;
            }
            
            h4.left-covid {
                text-align: left;
                max-width: 1440px;
                font-size: 26px;
                font-weight: 800;
                margin: 15px;
                color: #333;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
            }
            
            h5.left-covid {
                text-align: left;
                max-width: 820px;
                font-size: 22px;
                color: #333;
                margin: 5px 25px;
                max-width: 1440px;
            }
            
            button.btn.btn-cv.mt-30 {
                background-color: #00a950;
                color: #fff !important;
                font-family: Kanit, Helvetica, Arial, sans-serif;
                margin-bottom: 10px;
                font-size: 16px;
                font-weight: bold;
                border-radius: 60px;
                width: 300px;
            }
            
            button.btn.btn-cv.mt-30.btn-disblock {
                background-color: #ccc;
            }
            
            button.btn.btn-cv.mt-30 {
                background-color: #00a950;
                color: #fff !important;
            }
            
            ul.list-inline.rn1 {
                text-align: left;
                color: #797979;
            }
            
            .icw button,
            .icw input,
            .icw select,
            .icw textarea {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: auto;
            }
            
            .form-checklink {
                width: 100%;
                margin: 0px;
                text-align: left;
                margin: 10px 0px 20px 0px;
            }
            
            .section .sc-inner.pd-30 {
                padding: 0px 0;
            }
            
            ul,
            li.li-custom {
                margin: 50px 30px;
            }
            
            .img-100 {
                width: 100%;
            }
            
            .b-uper {
                font-size: 24px;
                color: #3f745d;
            }
            
            h5.pd-30 {
                padding: 10px 0;
                font-size: 28px;
                font-weight: 700;
            }
            
            .mt-50 {
                margin-top: 50px !important;
            }
            
            .bg-banner {
                background-repeat: no-repeat;
                background-image: url("../img/Banner.jpeg");
                background-position: center;
            }
            
            .row-container {
                display: flex;
                align-items: center;
            }
            
            .mb-30 {
                margin-bottom: 30px !important;
            }
            
            tfoot {
                color: #fff;
                font-size: 28px;
                background-color: #86929c;
            }
            
            tfoot.custom-tfooter>tr>td {
                text-align: center !important;
            }
            
            @media screen and (max-width: 640px) {
                .form-checklink {
                    width: 315px;
                }
                h4.bg-input {
                    font-size: 27px !important;
                    line-height: 1.3;
                    padding: 0 0px;
                }
            }
            
            @media screen and (max-width: 640px) {
                h5.pd-30 {
                    font-size: 24px;
                }
            }
            
            @media screen and (max-width: 640px) {
                td.table-row {
                    font-size: 16px;
                }
            }
            
            @media screen and (max-width: 640px) {
                th.table-row {
                    font-size: 20px;
                }
            }
            
            @media screen and (max-width: 640px) {
                h2.h1.sc-heading {
                    font-size: 26px;
                    line-height: 30px;
                }
            }
            
            @media screen and (max-width: 640px) {
                h3.h3-subtitel {
                    font-size: 26px;
                }
            }
            
            @media screen and (max-width: 640px) {
                input.form-control.fonts.placeholder {
                    /* font-size: 20px; */
                    height: 100%;
                    width: 100%;
                    margin: auto;
                }
            }
            
            @media screen and (max-width: 640px) {
                h4.left-covid {
                    font-size: 19px;
                }
            }
            
            @media screen and (max-width: 640px) {
                h5.left-covid {
                    font-size: 16px;
                    margin: 5px 0px;
                }
            }
            
            @media screen and (max-width: 640px) {
                .b-uper {
                    font-size: 18px;
                }
            }
            
            @media screen and (max-width: 640px) {
                .list-inline .rn1 {
                    padding: 0 !important;
                }
            }
            
            @media screen and (max-width: 640px) {
                ul,
                li.li-custom {
                    margin: 0px 10px !important;
                }
            }
            
            @media screen and (max-width: 640px) {
                .mt-50 {
                    margin-top: 0px !important;
                }
            }
            
            @media screen and (max-width: 640px) {
                h5.pd-20.mt-50 {
                    padding: 20px !important;
                }
            }
            
            @media screen and (max-width: 640px) {
                h4.left-covid {
                    margin: 15px 0 10px 10px;
                }
            }
            
            @media screen and (max-width: 640px) {
                button.btn.btn-cv.mt-30 {
                    font-size: 20px;
                    width: 250px;
                }
            }
            
            input[type="radio"]:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                background-color: #fff;
                content: "";
                display: inline-block;
                visibility: visible;
                border: 2px solid #fff;
            }
            
            input[type="radio"]:checked:after {
                width: 15px;
                height: 15px;
                border-radius: 15px;
                top: -2px;
                left: -1px;
                position: relative;
                background-color: #00a950;
                content: "";
                display: inline-block;
                visibility: visible;
                border: 2px solid #fff;
            }
            
            .swal2-popup.swal2-modal.swal2-show {
                background-color: #00a950 !important;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif !important;
                font-size: 22px;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif !important;
                width: 300px !important;
                color: #fff !important;
            }
            
            p {
                position: relative;
                max-width: 100%;
                margin: 0;
                padding: 0.8em 1em 0;
                color: #fff;
                font-size: 22px;
                font-weight: 500 !important;
                text-align: center;
                text-transform: none;
                word-wrap: break-word;
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
            }
            
            .swal2-title {
                font-size: 22px !important;
                color: #fff !important;
                font-weight: 500 !important;
            }
            
            .swal2-styled.swal2-confirm {
                display: none !important;
            }
            
            .swal2-container.swal2-center>.swal2-popup {
                grid-row: 1;
            }
            /* new css  */
            
            .line {
                width: 100%;
                height: 5px;
                background-color: #3f745d;
            }
            
            .logokbank {
                width: 200px;
                margin: 50px 0px 30px 0px;
            }
            
            .sc-headline {
                padding: 50px 30px 50px 30px;
                margin: 0px !important;
            }
            
            .list-inline.covid {}
            
            p.collapse {
                color: #333 !important;
                text-align: left !important;
                margin-bottom: 10px;
                line-height: 1;
                font-size: 26px;
            }
            
            .group-item {
                display: flex;
                justify-content: center;
                flex-direction: column;
                max-width: 900px;
                width: 100%;
                margin: auto;
                padding: 0px 0px 0px 0px;
            }
            
            .card {
                display: inline-block;
                background-image: url(../img/btn-desktop.png), linear-gradient(135deg, #167271 0%, #19a588 100%);
                /* box-shadow: 0px 0px 10px #e8e8e8; */
                background-size: 100% 100%;
                border-radius: 0 0 0px 0px;
                /* border-top: solid 3px #0fc29a; */
                width: 100%;
            }
            
            .card:hover {
                background: #18a950;
                background-image: url(../img/btn-desktop.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                border-top-color: #29f4b4;
            }
            
            .card-active {
                background: #18a950;
                background-image: url(../img/btn-desktop.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                border-top-color: #29f4b4;
                opacity: 1;
            }
            
            .card:first-child {
                /* margin-right: 10px !important; */
                border-radius: 10px 0 0px 0px;
            }
            
            .card:last-child {
                /* margin-left: 10px !important; */
                border-radius: 0px 10px 0px 0px;
            }
            
            .card-body {
                padding: 30px;
                font-family: DBThaiTextX, Helvetica, Arial, sans-serif;
                color: #333 !important;
                font-size: 26px;
                height: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .card .head {
                font-family: DBThaiTextX, Helvetica, Arial, sans-serif;
                padding: 15px 0;
                color: #fff;
                background-color: #167271;
                text-align: center;
                font-size: 32px;
            }
            /* .colum-size {
                padding: 0px 20px;
            } */
            
            .form-check.color {
                font-family: DBThaiTextX, Helvetica, Arial, sans-serif;
                color: #fff;
                margin-bottom: 10px;
                font-size: 26px;
            }
            
            p.rule {
                font-family: Helvetica, Arial, sans-serif;
                font-size: 14px;
                /* width: 300px; */
                margin: auto;
                margin-top: 20px;
                margin-bottom: 20px;
            }
            
            p.rule1 {
                line-height: 1;
                text-align: left;
                color: #000;
                padding-bottom: 20px;
            }
            
            p.rule>a {
                text-decoration: underline;
            }
            
            .formobile {
                display: none;
            }
            
            .fordesktop {
                display: block;
            }
            
            .accordion-title {
                font-family: DBThaiTextX, Helvetica, Arial, sans-serif;
                font-size: 26px;
                color: #00a950;
                cursor: auto;
            }
            
            .accordion-title::after {
                content: none;
            }
            
            .accordion-content .wrap {
                text-indent: -1.1em;
                padding: 0 2.1em;
            }
            
            .accordion-content .wrap p {
                /* color: #000 !important; */
            }
            
            .more:after {
                display: none;
                /* content: "\e914";
    font-family: icokbank;
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    left: 25px;
    bottom: 25px; */
            }
            
            @media screen and (max-width: 640px) {
                .logokbank {
                    width: 120px;
                    margin: 10px 0px 10px 0px;
                }
                .formobile {
                    display: block;
                }
                .fordesktop {
                    display: none;
                }
                .top-margin {
                    margin-top: 20px !important;
                }
                .bottom-margin {
                    margin-bottom: 20px !important;
                }
                .group-item {
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    padding: 0px;
                }
                .card {
                    margin: 10px 0px;
                }
                .card:first-child {
                    /* margin-right: 10px !important; */
                    border-radius: 10px;
                }
                .card:last-child {
                    /* margin-left: 10px !important; */
                    border-radius: 10px;
                }
                p.rule {
                    width: 300px;
                }
                h4.bg-input-submit {
                    font-size: 35px;
                }
                .spacer {
                    display: none;
                }
                .des-group {
                    padding: 30px !important;
                }
                .des-content {
                    padding: 0px !important;
                }
                p.type-kleasing {
                    text-align: center !important;
                }
                .padding-form {
                    max-width: 300px !important;
                    width: 100%;
                    margin: auto;
                }
                p.label-text {
                    font-size: 26px !important;
                    line-height: 1;
                    text-align: left;
                }
                .accordion-content .wrap {
                    /* text-indent: -1.1em; */
                    padding: 0 1em;
                }
                .ul-custom {
                    padding-left: 20px;
                    padding-right: 30px !important;
                }
                section.rule-submit>p {
                    padding-left: 0 !important;
                    padding-top: 10px;
                }
                section.rule-submit {
                    /* flex-direction: column !important; */
                }
                .space-checkbox {
                    margin-left:30px
                }
            }
            
            .sc-action a {
                margin-top: 0;
                text-align: left;
                width: 100%;
            }
            
             ::-webkit-input-placeholder {
                font-family: "DBThaiTextX", Helvetica, Arial, sans-serif;
                font-size: 26px;
            }
            
            span.kleasing {
                font-size: 30px;
                font-weight: bold;
                color: #fff;
            }
            
            span.kleasingB {
                font-size: 30px;
                font-weight: 400;
                color: #fff;
            }
            
            p.type-kleasing {
                text-align: left;
                line-height: 1;
                margin-bottom: 0;
                font-size: 28px;
            }
            
            p.kleasing {
                text-align: left;
                font-size: 38px;
                line-height: 1;
            }
            
            .section .sc-action {
                margin-top: 0px;
            }
            
            .icw .more:hover,
            .icw a.more:hover,
            .icw .turnback:hover,
            .icw a.turnback:hover {
                text-decoration: none;
            }
            
            .text-left {
                text-align: left !important;
            }
            
            .text-left::marker {
                display: none;
                color: transparent;
            }
            
            .spacer {
                padding-left: 25px;
            }
            
            .sc-heading-bold {
                font-family: Kanit, Arial, sans-serif !important;
                font-size: 30px !important;
                font-weight: bold !important;
            }
            
            .accordion-title-font {
                font-size: 28px !important;
                font-weight: bold;
                color: #000 !important;
            }
            
            .rule-link {
                line-height: 3;
            }
            
            .text-description p {
                text-indent: -2em;
            }
            
            .text-form {
                font-family: Kanit, Arial, sans-serif !important;
                font-size: 30px !important;
            }
            
            .p-indent {
                padding: 0 0px !important;
                text-indent: -1.1em;
            }
            
            .des-content {
                padding: 20px 110px;
            }
            
            .des-group {
                background-color: #f3f3f3;
                padding: 50px;
            }
            
            .popup-content {
                margin: auto;
                max-width: 800px;
                border-radius: 10px;
            }
            
            .btn-center {
                text-align: center;
            }
            
            h2.h1.h1-inform {
                font-size: 34px !important;
                font-weight: 600;
            }
            
            .mtb-30 {
                margin: 30px 0px;
            }
            
            .marginb-30 {
                margin-bottom: 30px;
            }
            
            p.label-text {
                font-size: 30px;
                margin: 0px;
                /* font-weight: 900 !important; */
                color: #000;
                padding-left: 5px;
            }
            
            .field {
                display: flex;
                align-items: center;
                /* margin-bottom: 30px; */
            }
            
            input[type=radio].css-checkbox+.css-label,
            input[type=checkbox].css-checkbox+.css-label {
                background-position: left center !important;
            }
            
            .padding-form {
                max-width: 600px;
                width: 100%;
                margin: auto;
            }
            
            span.text-red {
                color: red;
                font-size: 20px;
                font-weight: 600;
            }
            
            section.rule-submit {
                max-width: 920px;
                width: 100%;
                margin: auto;
                display: flex;
                align-items: baseline;
                margin-bottom: 30px;
                padding-right: 20px;
            }
            
            section.rule-submit input {
                margin-right: 20px;
            }
            
            section.rule-submit>p {
                color: #000;
                margin-bottom: 20px;
                line-height: 1;
                padding-left: 5px;
            }
            
            .bg-gray {
                background-color: #fafafa;
            }
            
            .ptb-10 {
                padding: 20px 0px;
            }
            
            h2.text-rule {
                font-size: 28px;
                color: #18a950;
            }
            
            .sc-inner {
                padding: 30px 0px 0px 0px !important;
            }
            
            .section-component,
            .section-details {
                margin: 10px 0;
            }
            /* input[type=radio].css-checkbox+.css-label {
                background-image: url(../img/redio2.png);
                background-repeat: no-repeat, repeat;
            }
            
            input[type=radio].css-checkbox:checked+.css-label {
                background-image: url(../img/redio1.png);
                background-repeat: no-repeat, repeat;
            } */
            
            @media screen and (-webkit-min-device-pixel-ratio: 1.5),
            screen and (-moz-min-device-pixel-ratio: 1.5),
            screen and (min-device-pixel-ratio: 1.5),
            only screen and (min-resolution: 192dpi) {
                input[type=radio].css-checkbox+.css-label,
                input[type=checkbox].css-checkbox+.css-label {
                    background-size: 18px auto;
                }
                input[type=radio].css-checkbox+.css-label {
                    background-image: url(../img/redio2.png);
                }
                input[type=radio].css-checkbox:checked+.css-label {
                    background-image: url(../img/redio1.png);
                }
                input[type=checkbox].css-checkbox+.css-label {
                    background-image: url(../img/redio2.png);
                }
                input[type=checkbox].css-checkbox:checked+.css-label {
                    background-image: url(../img/redio1.png);
                }
                .ic-cal {
                    background-image: url(../img/icon/2x/calculator.png);
                }
                #recommend-video .ms-video-btn {
                    background: url(../img/icon/2x/video-play-w.png) no-repeat 0 0;
                    background-size: 100%;
                }
            }
            
            .ul-custom {
                list-style-type: decimal;
                padding-left: 50px !important;
            }
            
            .ul-custom>li {
                list-style: none !important;
                margin-bottom: 10px;
                padding-left: 10px;
            }
            
            .ul-custom>li.topic {
                font-weight: 800;
                color: #00a950;
                margin: 10px 0px;
            }
            
            .ul-custom>li>b {
                color: #444;
            }
            
            div.ol-items {
                margin-bottom: 20px;
            }
            
            .cutsom-checkbox-row input[type="checkbox"] {
                margin: 0;
                opacity: 0;
            }
            
            .cutsom-checkbox-row {
                position: relative;
                margin-bottom: 10px;
                display: flex;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]+label {
                padding-left: 17px;
                display: inline-block;
                margin-bottom: .5rem;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]+label::before {
                border-color: #c3c3c3;
                border-radius: 5px;
                border-style: solid;
                border-width: 1px;
                content: "";
                cursor: pointer;
                display: inline-block;
                height: 20px;
                left: 0;
                position: absolute;
                transition: 0.3s linear all;
                width: 20px;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]+label::before {
                border-color: #c3c3c3;
                background-color: #ffffff;
                border-radius: 5px;
                transform: scale(1);
            }
            
            .cutsom-checkbox-row input[type="checkbox"]:checked+label::before {
                border-color: #3bb6b6;
                border-style: dotted;
                transition: 0.3s linear all;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]:checked+label::before {
                background-color: #00a950;
                border-style: solid;
                transform: scale(1.2);
                border-color: #00a950;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]:checked+label::after {
                transform: scale(1);
                opacity: 1;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]:checked+label::after {
                color: #fff;
                content: "\f00c";
                cursor: pointer;
                font-family: 'FontAwesome';
                left: 3px;
                position: absolute;
                top: 0;
                font-size: 15px;
                transform: scale(1);
                transition: 0.3s linear all;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]+label::after {
                transform: scale(2);
                opacity: 0;
            }
            
            .cutsom-checkbox-row input[type="checkbox"]+label::after {
                content: "";
                transform: scale(0);
                transition: 0.3s linear all;
            }
            /* เพิ่ม */
            
            p.label-text-custom {
                text-align: left;
                padding-left: 10px;
                color: #777 !important;
                margin-bottom: 0px !important;
            }
            
            ol.ol-custom-rule {
                padding: 10px 0px 10px 30px;
                font-family: Helvetica, Arial, sans-serif !important;
            }
            
            ol.ol-custom-rule li {
                list-style: disc;
                padding-bottom: 10px;
            }

            .ml-15p {
                margin-left: 15px;
            }