/*################################## breadcrumbs #####################################*/
.icw .breadcrumbs {font-family: Kanit, notosansthai, Arial, sans-serif;margin: 0 auto;padding-top: 30px;background-color: #fff;
  /* display: none; */
}
.icw .breadcrumbs a {font-size: 12px;color: #666;font-weight: 400 !important;}
.icw .breadcrumbs a:hover {text-decoration: underline;}
.icw .breadcrumbs .current-page {font-weight: 600 !important;color: #00a94f;margin-bottom: 0;font-size: 12px;}
.icw .breadcrumbs .chevron-right {margin: 0 5px;}

.d-flex {display: block !important;line-height: 1.25;}
.align-items-center {align-items: center !important;}

@media screen and (min-width: 1024px) {
    /* .icw .breadcrumbs {display: block;} */
    .icw .breadcrumbs .current-page {font-size: 16px;}
    .icw .breadcrumbs a {font-size: 14px;}
    .icw .breadcrumbs .chevron-right {margin: 0 10px;}

    .sc-content .inner {padding-top: 30px;}

    .d-flex {display: flex !important;}
}

/*################################## syle Hero banner #################################*/
.sc-hero-banner .image img {width: 100%;height: auto;}

span.nw{white-space: nowrap;}

/*################################## syle content #####################################*/
.icw .content .sc-inner {padding: 30px 0 65px;}
.icw .mt-15 {margin-top: 15px !important;}

.icw .sc-content p,
.icw .sc-content ol li,
.icw .sc-content ul li {color: #666;margin-bottom: 10px;}
.icw .sc-content ol {padding-left: 15px;}
.icw .sc-content ol li {list-style: decimal;padding-left: 5px;}
.icw .sc-content ul li {list-style: disc;padding-left: 5px;}
.icw .sc-content ul ul li {list-style: circle;padding-left: 5px;}
.icw .sc-content p .link {color: #00a94f;font-size: 16px;font-family: Helvetica, Arial, sans-serif;}

.icw .mb-25 {margin-bottom: 25px;}

.icw .table-content {margin: 25px auto 30px;width: 60%;border-collapse: collapse;border-radius: 10px;overflow: hidden;box-shadow: 0 3px 6px 1px rgb(0 0 0 / 10%);}
.icw .table-content thead {background-color: #00a850;}
.icw .table-content thead th,
.icw .table-content tbody td {font-family: Helvetica, Arial, sans-serif;padding: 10px 15px;}
.icw .table-content thead th.bg-lightgreen {background-color: #edfff5;color: #00a94f;}

.icw .sc-content .tb {display: table;}
.icw .sc-content .tb-cell {display: table-cell;}
.icw .sc-content .tb-cell img {width: 100%;}

.icw .pr-20-pc {padding-right: 20px;}

.icw .img-content {margin: 20px auto;}

.icw .visible-w414 {display: none;}

.section ul li > ul li::before {content: '';}

/*###########################  relate_promotion ########################### */
.icw .rl-promo {background-color: #fff;}

.icw .rl-promo .default-item .content {background-color: #f7f7f7;}

.slick-initialized .slick-slide {padding: 0 17px;}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {font-family: 'icongarage';font-size: 12px;color: inherit;line-height: 35px;color: #00a850;}
.slick-slider .slick-prev:before {content: '\e904';}
.slick-slider .slick-next:before {content: '\e905';}

/*########################### question ###########################*/
.icw .sc-content .qn .qn-title {background-color: #fcfcfc;border-left: 3px solid #00a94f;padding: 20px;}
.icw .sc-content .qn .qn-content {padding: 20px;}
.icw .sc-content .qn .qn-content.pt-0 {padding: 0 20px 20px;}

.icw .sc-content ol.num-bold > li::marker {color: #666;font-weight: 600;}

.icw .sc-content .qn .qn-content ol > li::marker {color: #666;font-weight: 600;}
.icw .sc-content .qn .qn-content ol.num-thin > li::marker {font-weight: 400;}
.icw .sc-content .qn .qn-content ol.ol-gray > li {color: #666;font-weight: 400;}

.icw .sc-content .mb-20 {margin-bottom: 20px;}
.icw .sc-content .mb-30 {margin-bottom: 30px;}

.icw .sc-content .qn .qn-title h2,
.icw .sc-content .qn .qn-title p {font-size: 20px;color: #333333;font-weight: 600;line-height: 1.5;}
.icw .sc-content .qn .qn-content h3 {font-size: 18px;color: #333333;font-weight: 600;line-height: 1.5;}
.icw .sc-content .qn .qn-content h4 {font-size: 16px;color: #666;font-weight: 600;line-height: 1.5;}
.icw .sc-content .qn .link {color: #00a94f;font-size: 16px;font-family: Helvetica, Arial, sans-serif;}
.icw .sc-content .qn .link span {text-decoration: underline;}
.icw .sc-content .qn .link span.nw {text-decoration: none;}
.icw .sc-content .qn .note {font-size: 14px;font-family: Helvetica, Arial, sans-serif;}

.icw .pb-15 {padding-bottom: 15px !important;}

.icw .sc-content .ref {background-color: #f9f9f9;border-radius: 10px; padding: 20px;}
.icw .sc-content .ref-line {border-top: 1px solid #f2f2f2;padding-top: 20px;}
.icw .sc-content .ref p,
.icw .sc-content .ref ol li,
.icw .sc-content .ref ul li {font-size: 14px;}

.icw .content a span {text-decoration: underline;}
.icw .content:hover {color: #13c165;}

.icw sup {font-size: 12px;}

.mtb-30 {margin: 30px 0 !important;}

figcaption {text-align: center;margin-top: 10px;color: #666;font-family: 'Sarabun', sans-serif;font-size: 14px;}
figure img {max-width: 1000px !important;width: 100%;display: block;margin: 0 auto;}

.icw .mt-20 {margin-top: 20px;}

.icw .example {background-color: #edfff5;padding: 20px 20px 10px;border-radius: 10px;margin-bottom: 10px;}

.icw .sc-content .ref .link {color: #00a94f;font-size: 14px; font-family: Helvetica, Arial, sans-serif;}

@media screen and (max-width: 767px) {
  .icw .sc-content .qn .qn-content { padding: 10px;}
  .icw .sc-content .qn .qn-title {padding: 20px 15px;}
  .icw .sc-content .mb-30 {margin-bottom: 15px;margin-top: 5px;}
}

/*########################### end question ###########################*/

/*########################### table zoom ###########################*/
.icw .more.content {color: #00a94f;font-size: 16px;font-family: Helvetica, Arial, sans-serif;font-weight: 600;position: relative;}
.icw .more.content::after {margin-left: 3px;}
.icw .more.content:hover {color: #13c165;}
.icw .more.content span {text-decoration: underline;}

.text-zoom {text-align: center;}
.text-zoom p {display: inline-block;font-size: 14px;}
.text-zoom img {width: 20px;height: 20px;margin-right: 5px;}

.table .image {margin: 15px 0;}

.icw .table .bg-gray {background-color: #f8f8f8 !important;border-radius: 0;}
/*########################### end table zoom ###########################*/

/*########################### popup ###########################*/
.popup-open .mfp-content {width: 100%;max-width: 1170px;margin: 50px 0;text-align: center;}
.popup-open .mfp-container {padding-left: 15px;padding-right: 15px;}
.popup-open .mfp-content .mfp-close {display: block;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background: #00a850;color: #fff;text-align: center;position: absolute;
    top: -15px !important; right: -15px !important;z-index: 120; opacity: 1;
}
.popup-open .mfp-content .mfp-close:after {font-size: 12px;font-weight: bold;}
.popup-open .mfp-content .sc-container {padding: 50px 15px;}

.compn-overflow .compn-overflow-wrapper .compn.tb-personal {min-width: 1000px;}
.compn-overflow .compn-overflow-wrapper .compn.tb-business {min-width: 700px;}
.compn-overflow .compn-overflow-wrapper .compn.tb-business td,
.compn-overflow .compn-overflow-wrapper .compn.tb-personal td {border-right: 1px solid rgba(230, 230, 230, 0.7);border-bottom: 1px solid rgba(230, 230, 230, 0.7);border-collapse: collapse;}

.qn-content .table {margin: 20px 0;}

@media screen and (max-width: 991px) {
    .popup-open .mfp-content .mfp-close {right: -10px !important;}
}

/*########################### end popup ###########################*/
/*########################### breakpoints ###################################*/
@media screen and (max-width: 991px) {
    .slick-slider .slick-next {right: 10px;}
    .slick-slider .slick-prev {left: 10px;}
}

@media screen and (max-width: 767px) {
    .icw .table-content thead th,
    .icw .table-content tbody td { padding: 10px;}
    .icw .table-content {width: 100%;}
    .icw .table.table1 {min-width: 700px;}
    .icw .sc-content .tb {display: block;}
    .icw .sc-content .tb-cell {display: block;}
    .icw .pr-20-pc {padding-right: 0;padding-bottom: 10px;}
    .icw .content .sc-inner {padding: 25px 0 40px;}
    .icw .table-content { margin: 20px auto;}
}

@media screen and (max-width: 413px) {
    .icw .visible-w414 {display: block;}
}