@import url(https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);
nav.breadcrumb{margin-bottom:0!important}.banner-contact{aspect-ratio:16/9;max-height:240px;width:100%}.banner-contact img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.page-contact-tilte{background:transparent;padding:74px 0;position:relative;z-index:2}.page-contact-tilte:before{height:100%;opacity:.1;top:0;width:100%;z-index:1}.page-contact-tilte:after,.page-contact-tilte:before{background:var(--primary-color);content:"";position:absolute}.page-contact-tilte:after{bottom:0;height:6px;left:0;margin-left:auto;margin-right:auto;max-width:580px;right:0}@media (max-width:767.98px){.page-contact-tilte:after{margin-left:2rem;margin-right:2rem}}.page-contact-tilte .box-title{padding-bottom:33px}.page-contact-tilte .box-title .text h5{color:var(--primary-color);font-size:32px}.page-contact-tilte .box-title .icon svg path{fill:var(--primary-color)}.page-contact-tilte .box-details{padding:0 24px}.page-contact-tilte .box-details p{color:var(--primary-color);font-size:16px}@media (max-width:767.98px){.page-contact-tilte{padding:32px 0}}.page-contact{padding-top:54px}@media (max-width:767.98px){.page-contact{padding-top:32px 0}}.page-contact>div{border-radius:8px;padding:20px}.page-contact .title-page{color:var(--primary-color);font-size:32px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal}.page-contact .sub-text-title{color:var(--Text-Color-50);font-family:Sarabun;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.page-contact .col-contact-left{border:1px solid #e0dad1;border-radius:4px;padding:20px}.page-contact .col-contact-right{align-items:stretch}.page-contact .col-contact-right.col-md-12 .col-contact-right-main .col-contact-right-child{width:calc(33.33% - 18px)}@media (max-width:767.98px){.page-contact .col-contact-right.col-md-12 .col-contact-right-main .col-contact-right-child{margin:0;padding:10px 5px;width:calc(50% - 5px)}}.page-contact .col-contact-right-main{grid-gap:10px}@media (max-width:767.98px){.page-contact .col-contact-right-main{padding-top:10px}}.page-contact .col-contact-right-main .col-contact-right-child{border:1px solid #e0dad1;border-radius:4px;margin:0 5px;padding:20px;position:relative;width:calc(50% - 15px)}@media (max-width:767.98px){.page-contact .col-contact-right-main .col-contact-right-child{margin:0;padding:10px 5px;width:calc(50% - 5px)}}.page-contact .box-contact{align-items:center;display:flex;flex-direction:column;justify-content:center}.page-contact img.profile-contact{border-radius:50%;height:56px;margin:0 76px 16px;-o-object-fit:contain;object-fit:contain;-o-object-fit:cover;object-fit:cover;width:56px}.page-contact .box-contact-title{color:var(--primary-color);font-size:16px;font-weight:500}.page-contact .box-contact-detail,.page-contact .box-contact-title{font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:normal;margin-bottom:16px;text-align:center}.page-contact .box-contact-detail{color:var(--primary-50-color);font-family:Sarabun;font-size:12px;font-weight:300;word-break:break-all}.page-contact .box-contact-detail span{display:block;font-size:14px;font-weight:500}.page-contact img.qrcode-contact{margin:16px 0 0;max-height:208px;-o-object-fit:contain;object-fit:contain;width:208px}@media (max-width:767.98px){.page-contact img.qrcode-contact{max-width:150px}}@media (max-width:575.98px){.page-contact img.qrcode-contact{max-width:120px}}.page-contact .contact-bottom .contact-bottom-title{font-size:20px;margin-bottom:24px;padding-left:12px;position:relative}.page-contact .contact-bottom .contact-bottom-title:before{background-color:var(--primary-color);content:"";height:32px;left:0;position:absolute;top:-3px;width:3px}.page-contact .contact-bottom .contact-bottom-address{padding:24px 24px 5px}.page-contact .contact-bottom .contact-bottom-address .name-company{color:var(--text-Color-100);font-size:16px;font-style:normal;font-weight:600}.page-contact .contact-bottom .contact-bottom-address img{height:24px;margin-right:8px;-o-object-fit:contain;object-fit:contain;width:24px}@media (max-width:767.98px){.page-contact .contact-bottom .contact-bottom-address{width:100%}}.page-contact .contact-bottom .contact-bottom-address span{color:var(--Text-Color-50);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}.page-contact .contact-bottom .contact-bottom-address.map-no{margin-bottom:20px}.page-contact .contact-bottom .view-image-map{border:1px solid var(--primary-color);border-radius:8px;padding:0}@media (max-width:767.98px){.page-contact .contact-bottom .view-image-map{margin:0}}.page-contact .contact-bottom .contact-bottom-image{margin-top:10px}.page-contact .contact-bottom .contact-bottom-image img{max-height:225px;-o-object-fit:cover;object-fit:cover;width:100%}.page-contact .contact-bottom .contact-bottom-image iframe{border:1px solid #ebf2fe;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-6px;position:relative}.page-contact .no-contact-2{margin-bottom:45px}.page-contact .box-contact-type-1{border:1px solid var(--primary-color);border-radius:8px;margin-bottom:32px;padding:24px}.page-contact .box-contact-type-1 .box-content-name .title-name{-webkit-box-orient:vertical;-webkit-line-clamp:2!important;color:var(--primary-color);display:-webkit-box;font-size:18px;overflow:hidden!important;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-1 .box-content-name .department{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;color:var(--primary-50-color);display:-webkit-box;font-size:16px;overflow:hidden!important;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-1 .box-img-type-1{aspect-ratio:1/1;margin:0 auto;max-height:300px;width:100%}.page-contact .box-contact-type-1 .box-img-type-1 img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.page-contact .box-contact-type-1 .box-content-type-1{display:flex;flex-direction:column;height:100%;justify-content:space-between}.page-contact .box-contact-type-1 .box-content-type-1 .box-cotton{border:1px solid;border-color:var(--primary-color);border-radius:50px;color:var(--primary-50-color);display:inline-flex;font-size:14px;margin-top:12px;padding:4px 16px}.page-contact .box-contact-type-1 .box-content-type-1 .box-cotton p{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;display:-webkit-box;overflow:hidden!important;overflow-wrap:anywhere;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-1 .box-content-type-1 hr{background:var(--primary-color);opacity:.25}.page-contact .box-contact-type-1 .box-content-type-1 .box-buttle .content-buttle{display:flex;padding:5px 0}.page-contact .box-contact-type-1 .box-content-type-1 .box-buttle .content-buttle .box-icon{padding-top:5px}.page-contact .box-contact-type-1 .box-content-type-1 .box-buttle .content-buttle .box-icon .icon{align-items:center;background:var(--primary-50-color);border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.page-contact .box-contact-type-1 .box-content-type-1 .box-buttle .content-buttle .text-buttle{color:var(--primary-50-color);font-size:16px}.page-contact .box-contact-type-1 .box-content-type-1 .box-content-details{color:var(--primary-50-color);margin-top:15px;padding:0 3px}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-line{background:#07b53a;border-color:#07b53a}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-line span{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;display:-webkit-box;overflow:hidden!important;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-line:focus{box-shadow:unset;outline:0}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-phone{background-color:var(--primary-color);border-color:var(--primary-color)}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-phone:focus{box-shadow:unset;outline:0}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-email{background:#f7af23;border-color:#f7af23}.page-contact .box-contact-type-1 .box-content-type-1 .box-btn .btn-email:focus{box-shadow:unset;outline:0}@media (max-width:767.98px){.page-contact .box-contact-type-1{padding:16px}}.page-contact .line-contact{background-color:var(--primary-color);height:6px;margin-left:auto;margin-right:auto;max-width:580px;opacity:1}@media (max-width:767.98px){.page-contact .line-contact{margin-left:3rem;margin-right:3rem}}.page-contact .text-title-contact-type-2{font-size:20px;margin-bottom:16px;padding-left:12px;position:relative}.page-contact .text-title-contact-type-2:before{background-color:var(--primary-color);content:"";height:32px;left:0;position:absolute;top:-3px;width:3px}.page-contact .box-contact-type-2{margin-bottom:45px;padding:0}@media (max-width:767.98px){.page-contact .box-contact-type-2{margin-bottom:45px}}.page-contact .box-contact-type-2 .box-border{border:1px solid var(--primary-color);border-radius:8px;height:100%;margin-bottom:24px;padding:16px}.page-contact .box-contact-type-2 .box-img-type-2{aspect-ratio:1/1;width:100%}@media (max-width:991.98px){.page-contact .box-contact-type-2 .box-img-type-2{height:165px;margin:0 auto;text-align:center;width:unset}}.page-contact .box-contact-type-2 .box-img-type-2 img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (max-width:991.98px){.page-contact .box-contact-type-2 .box-img-type-2 img{height:165px;width:100%}}.page-contact .box-contact-type-2 .box-content-type-2 .box-title .box-cotton{max-width:200px;text-indent:2px}@media (max-width:1199.98px){.page-contact .box-contact-type-2 .box-content-type-2 .box-title .box-cotton{max-width:unset}}.page-contact .box-contact-type-2 .box-content-type-2 .box-title .box-cotton p{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;color:var(--text-Color-100);display:-webkit-box;font-size:16px;margin-right:15px;overflow:hidden!important;text-overflow:ellipsis}.page-contact .box-contact-type-2 .box-content-type-2 .box-title.no-line .box-cotton,.page-contact .box-contact-type-2 .box-content-type-2 .box-title.no-line .box-cotton p{max-width:unset}.page-contact .box-contact-type-2 .box-content-type-2 .btn-line{align-items:center;background:#07b53a;border-color:#07b53a;display:flex;justify-content:center;padding:5px 12px}.page-contact .box-contact-type-2 .box-content-type-2 .btn-line span{font-size:12px}.page-contact .box-contact-type-2 .box-content-type-2 .btn-line:focus{box-shadow:unset;outline:0}.page-contact .box-contact-type-2 .box-content-type-2 .box-content-name .title-name{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;color:var(--text-Color-100);display:-webkit-box;font-size:18px;overflow:hidden!important;overflow-wrap:anywhere;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-2 .box-content-type-2 .box-content-name .department{-webkit-box-orient:vertical;-webkit-line-clamp:1!important;color:var(--primary-50-color);display:-webkit-box;font-size:16px;overflow:hidden!important;overflow-wrap:anywhere;text-indent:2px;text-overflow:ellipsis}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .title{min-width:50px}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .title h5{color:var(--primary-50-color);font-size:16px;font-weight:500}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .title h5.phone{line-height:unset}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .detail a,.page-contact .box-contact-type-2 .box-content-type-2 .box-details .detail h5{color:var(--text-Color-100);cursor:pointer;font-size:16px;font-weight:500;overflow-wrap:anywhere}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .detail a{text-decoration:unset}.page-contact .box-contact-type-2 .box-content-type-2 .box-details .detail small{color:var(--text-Color-100);font-size:14px;overflow-wrap:anywhere;padding-left:8px}.box-btn-read-more{position:relative;z-index:10}.box-btn-read-more,.box-btn-read-more p{color:var(--primary-50-color-100);font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-decoration-line:underline}