/*############################ table-wrap ###################################*/
.table-wrap {position: relative;}
.table-wrap .table-overlay {position: absolute;top: 0; bottom: 0;left: 0; right: 0;background-color: rgba(0,0,0,0.65);display: none;
    text-align: center;padding: 70px 20px;cursor: pointer;
}
.table-wrap .table-overlay .desc {font-family: 'DBThaiTextX';font-size: 35px;text-shadow: -1px 1px 2px #000;line-height: 0.8;color: #fff;margin-bottom: 10px;}
.table-wrap .table-overlay .icon {width: 216px;margin: 0 auto;}
.table-wrap.scroller .table-responsive {overflow: hidden;}
.table-wrap.scroller .table-overlay {display: block;}
.table-data th, 
.table-data td {padding-left: 25px;padding-right: 25px;border: 1px solid #f0f0f0;}
.table-data td {vertical-align:middle !important;}

.visible-w360{display: none;}
.visible-w375{display: none;}

/*############################ front ###################################*/
@media screen and (min-width:320px) {

    .icw .img {display: block;}
    .icw .imgfull,
    .icw .img-full {display: block;width: 100%;}

    .icw .h1 strong,.icw h1 strong,
    .icw .h2 strong,.icw h2 strong,
    .icw .h3 strong,.icw h3 strong,
    .icw .h4 strong,.icw h4 strong,
    .icw .h5 strong,.icw h5 strong,
    .icw .h6 strong,.icw h6 strong,
    .icw p strong,
    .table-service th {font-family: 'Kanit', Helvetica, Arial, sans-serif;font-weight: 600;line-height: 1.5;}

    .icw .h1,.icw h1,
    .icw .h2,.icw h2,
    .icw .h3,.icw h3,
    .icw .h4,.icw h4,
    .icw .h5,.icw h5,
    .icw .h6,.icw h6,
    .icw p,
    .content-area ol li {font-family: 'Kanit', Helvetica, Arial, sans-serif;font-weight: 400;line-height: 1.5;}

    .icw .h1,.icw h1,.icw .h1 strong,.icw h1 strong {font-size: 26px;line-height: 1.2;}

    .icw .h2,.icw h2 {font-size: 22px;}

    .icw .h3,.icw h3 {font-size: 20px;}

    .icw .h4,.icw h4,
    .table-service th {font-size: 18px;}

    .icw .h5,.icw .h6,
    .localnav a.link {font-size: 16px;}

    .localnav a.link{font-family: 'Kanit', Helvetica, Arial, sans-serif;font-weight: 600;line-height: 1.5; transition: 0.3s;}
    .localnav a.active{font-weight: 600;}

    .slogan {text-align: center;}

    .section .sc-heading{margin-bottom: 30px;}

    .slick-arrow.slick-disabled {opacity: 0.4;}
    .slick-next.slick-arrow,
    .slick-prev.slick-arrow {position: absolute;top: 35%;width: 40px;height: 40px;overflow: hidden;z-index: 1;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .26);border-radius: 50%;
    }
    .slick-slider .slick-next {right: 10px;}
    .slick-slider .slick-prev {left: 10px;}
    .slick-slide:focus {outline: 0;}

    .icw button.slick-arrow {font-size: 0 !important; position: absolute; top: 40%; z-index: 1; display: block; width: 35px; height: 35px;
        cursor: pointer;color: transparent;border: none;outline: none;background-color: #fff !important; overflow: hidden; padding: 0;
        border-radius: 25px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    }
    .slick-arrow:before {content: '';border-top: 2px solid #00a94f;border-left: 2px solid #00a94f;display: inline-block;width: 10px; height: 10px;
        visibility: visible;position: relative;top: 0;left: 14px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .slick-next:before {left: 11px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .slick-slider .slick-dots {position: relative; text-align: center; margin: 20px auto;line-height: 0;}
    .slick-slider .slick-dots li button {font-size: 0;line-height: 0; margin: 0;padding: 0;cursor: pointer;border: 0;outline: none;
        width: 8px;height: 8px; background:#AAAAAA;opacity: 1;
        border-radius: 50%;
    }
    .slick-slider .slick-dots li.slick-active button {background: #00a94f;}
    .slick-slider .slick-dots li {position: relative;display: inline-block;width: auto;height: auto;margin: 0 5px;padding: 0;cursor: pointer;}

    .section-detail .content-area {background-color: #00a94f;}

    .section-step .list-step {vertical-align: top; padding: 0 20px;}
    .section-step .list-step img {width: 100px;margin: 0 auto 20px;}

    .bg-gray {background-color: #fafafa;}

    .section.section-detail .sc-inner {padding-bottom: 0;}

    .entrycontent .table-detail {margin-bottom: 0;}
    .entrycontent .table-detail h2 {margin-bottom: 5px;}

    table.table-detail td {padding-top: 20px; padding-bottom: 20px; border-left: 0;}

    .content-area-step {padding: 20px 0 0; }

    table.table-service {border-radius: 10px; overflow: hidden;}

    .table-service thead th { background-color: #333333; color: #fff; text-align: center; vertical-align: middle; border-left: 1px solid #f2f2f2;}
    .table-service tbody td {background-color: #fff;font-size: 16px; text-align: center;padding-top: 15px;padding-bottom: 15px;vertical-align: middle;}
    .table-service tbody tr:nth-child(even) td {background-color: #f2fbf6;}

    .section-detail-content {width: 100%;max-width: 1020px; margin: 0 auto; padding: 50px 0 35px;}

    .section-step .list-step .content-area p {margin-bottom: 0;}
    .section-step .list-step .content-area p.desc {color: #333;font-size: 16px;}
    .section-step .list-step .content-area ol {text-align: center;width: 100%;max-width: 250px;margin: 0 auto;}
    .section-step .list-step .content-area li {margin-bottom: 0;}

    .section-step .slick-mobile .list-step img {width: 260px;}
    .section-step .slick-mobile .list-step img.img-sm {width: 100px;margin-top: 50%;}

    .section-detail p {font-family: Helvetica, Arial, sans-serif;}
    .section-detail .content {text-align: center;}
    .section-detail table.table-service{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}

    .icw table.table-point { width: 100%; max-width: 420px; margin: 0 auto; overflow: hidden;margin-bottom: 0;background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);  
    }

    .entrycontent table.table-point th p {margin-bottom: 0;}

    .table-point th {background-image: linear-gradient(96deg, #00a950 0%, #005528 100%); padding-top: 5px;padding-bottom: 5px;color: #fff;}
    .table-point tr:nth-child(odd) td { background-color: #f2fbf6;}

    table.table-point td { padding-top: 5px; padding-bottom: 5px;text-align: center;}

    .box-txt {width: 100%;max-width: 420px;margin: 20px 0 30px;text-align: center;}
    .box-txt p {display: inline-block;color: #333; font-size: 18px;margin-bottom: 10px;}
    .box-txt .btn{margin-left: 10px;}

    .icw .btn-radius {font-family: 'Kanit', Helvetica, Arial, sans-serif;font-weight: 600;position: relative;padding-right: 45px; padding-bottom: 7px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    .icw .btn-radius:before,
    .icw .btn-radius:after {content: '';position: absolute;right: 10px;}
    .icw .btn-radius:before {background-color: #fff;width: 25px;height: 25px;
        border-radius: 25px;
    }

    .icw .btn-radius:after { border-top: 2px solid #00a94f;border-left: 2px solid #00a94f;display: inline-block;width: 8px;height: 8px;
        visibility: visible;position: absolute;right: 19px;top: 14px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .section-detail-content .tb,
    .section-detail-content .tbcell,
    .map.tb,
    .map .tbcell {display: block;}

    .section-detail-content .tbcell.image {width: 150px;margin: 0 auto 20px;}

    .table-wrap .table-overlay {display: block;}

    .text-zoom img,
    .text-zoom p { display: inline-block;color: #fff;}

    .table-service > .image img {margin-bottom: 10px;}
    .table-service > .table-wrap{margin-bottom: 40px;}

    .map {margin-top: -100px;}
}

@media screen and (min-width:767px) {
    .icw .h1,.icw h1,.icw .h1 strong,.icw h1 strong {font-size: 35px;}
    .icw .h2,.icw h2 {font-size: 28px;}
    .icw .h3,.icw h3 {font-size: 24px;}
    .icw .h4,.icw h4 {font-size: 22px;}
    .icw .h5,.icw h5 {font-size: 20px;}
    .icw .h6,.icw h6 {font-size: 18px;}

    .entrycontent .table-detail h2 { margin-bottom: 0;}

    .section-detail .content {text-align: left; padding-left: 20px;}

    .map {margin-top: -80px;}

    .box-txt {text-align: left; margin: 20px auto;}
    .box-txt p {margin-bottom: 0;}

    .table-service > .image {margin-bottom: 40px;}
}

@media screen and (min-width:991px) {
    .section-step .list-step {width: calc(100%/3 - 10px);margin-top: 30px;padding: 0 10px;display: inline-block;}

    .section-detail-content .tb,
    .map.tb { display: table;}

    .section-detail-content .tbcell,
    .map .tbcell {display: table-cell;}

    .box-txt {text-align: left; margin: 0 0 20px;}

    .icw table.table-point { margin: 0;}

    .map {margin-top: -30px;}
}


@media screen and (max-width: 1024px) {
    .main {padding-top: 0;}
}

@media screen and (max-width: 991px) {
    .section .sc-inner {padding: 35px 0;}
}
@media screen and (max-width: 375px) {
    .visible-w375{display: block;}
}
@media screen and (max-width: 360px) {
    .visible-w360{display: block;}
}