body .company-public-jobs .banner{position:relative}body .company-public-jobs .banner-img{flex:auto;overflow:hidden;border-radius:1rem;height:auto;overflow:hidden;position:relative;width:100%}body .company-public-jobs .banner-img img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}body .company-public-jobs .banner-img .lazy{opacity:0}body .company-public-jobs .banner-img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://ats.reeracoen.tech/assets/plugins/lazyload/default-03a944dda111c08d4dd5d80af683d8baffbf258bf6ef816819e75700f9fe5249.gif) 0 0}body .company-public-jobs .banner-img .img{height:266px}body .company-public-jobs .banner-img .img img{height:100%;object-fit:cover;object-position:90% center;width:100%}@media only screen and (max-width: 768px){body .company-public-jobs .banner-img .img{height:auto}}body .company-public-jobs .wrapper .inner{margin:0 auto;max-width:1200px}body footer.public{background-color:#d2d5db;text-align:center}body footer.public .wrapper .inner{justify-content:center}body footer.public .copyright p{color:#000;font-family:"Poppins Light","Noto Sans Thai Light",sans-serif;font-size:.8em}body footer.public .copyright span{font-family:"Helvetica Neue","Noto Sans Thai Light",sans-serif}#company-public.about{display:flex;display:block}#company-public.about .wrapper,#company-public.about .wrapper .inner{margin:0 auto}#company-public.about .wrapper .inner{padding-bottom:3rem}@media only screen and (max-width: 1024px){#company-public.about{display:block}}#company-public.about .pagination{align-items:center;display:flex;justify-content:center;padding:2rem 0}#company-public.about .pagination span{font-family:"Poppins Light","Noto Sans Thai Light",sans-serif;font-size:.9em;margin:0 .25rem}#company-public.about .pagination span.current,#company-public.about .pagination span a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;border-radius:2rem;box-sizing:border-box;display:flex;height:30px;justify-content:center;min-width:30px;padding:0 .5rem}#company-public.about .pagination span.current{background-color:#e57a71;color:#fff}#company-public.about .pagination span a{color:#231f20;transition:background-color .3s ease-in-out}#company-public.about .pagination span a:hover,#company-public.about .pagination span a:focus{background-color:rgba(30,39,46,0.05)}#company-public.about .pagination span.first a,#company-public.about .pagination span.prev a,#company-public.about .pagination span.next a,#company-public.about .pagination span.last a{border-color:rgba(0,0,0,0);color:#4d4d4d;transition:background-color .3s ease-in-out}@media only screen and (max-width: 480px){#company-public.about .pagination{overflow:auto}#company-public.about .pagination span.first,#company-public.about .pagination span.prev,#company-public.about .pagination span.next,#company-public.about .pagination span.last{display:none}}#company-public.about>.wrapper{padding:2rem 1.5rem 0}#company-public.about>.wrapper>.inner{margin:0 auto;max-width:1200px;padding:0}#company-public.about .company{align-items:center;display:flex;margin-bottom:2rem}#company-public.about .company .img{flex:auto;overflow:hidden;flex:0 0 auto;height:120px;overflow:unset;width:120px}#company-public.about .company .img img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#company-public.about .company .img .lazy{opacity:0}#company-public.about .company .img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://ats.reeracoen.tech/assets/plugins/lazyload/default-03a944dda111c08d4dd5d80af683d8baffbf258bf6ef816819e75700f9fe5249.gif) 0 0}#company-public.about .company img{border:1px solid #d2d5db;border-radius:1rem}#company-public.about .company .text{margin-left:1.5rem}#company-public.about .company .text h2{color:#000;font-family:"Poppins Medium","Noto Sans Thai Medium",sans-serif;font-size:1.25em}#company-public.about .company .text strong{color:#db6258;font-family:"Poppins Bold","Noto Sans Thai Bold",sans-serif}#company-public.about .tabs{margin-bottom:2rem}#company-public.about .tabs .list{display:flex}#company-public.about .tabs .list li a{color:#231f20;font-family:"Poppins","Noto Sans Thai",sans-serif;font-size:1em;margin-right:1rem}#company-public.about .tabs .list li.active a{font-family:"Poppins Semi Bold","Noto Sans Thai Semi Bold",sans-serif;position:relative}#company-public.about .tabs .list li.active a::after{background:#db6258;border-radius:20px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:110%}#company-public.about .container>.main>div .wrapper{flex:auto;margin:auto;max-width:1200px;padding:0 1.5rem}#company-public.about .container>.main>div .inner{padding:3.5rem 0}#company-public.about .container>.main>div.information .wrapper .inner{padding-top:0}#company-public.about h3{color:#000;font-family:"Poppins Semi Bold","Noto Sans Thai Semi Bold",sans-serif;font-size:2em;text-align:center}#company-public.about h4{color:#000;font-family:"Poppins Semi Bold","Noto Sans Thai Semi Bold",sans-serif}#company-public.about .title{margin-bottom:2rem}#company-public.about .information h4,#company-public.about .information p,#company-public.about .information a{font-size:.875em}#company-public.about .information a{color:#db6258;text-decoration:underline;text-underline-offset:4px}#company-public.about .information .content{display:flex;gap:1rem}#company-public.about .information .content>div{background-color:#f7f7f7;border-radius:1rem;flex:1 1 0;padding:1.5rem}#company-public.about .information .about-us .list{display:flex;flex-direction:column;gap:.5rem}#company-public.about .information .details-company p{font-size:1em;line-height:1.75rem}#company-public.about .information .list>li{display:flex;gap:2rem}#company-public.about .information .list>li .heading{width:30%}#company-public.about .information .list>li .text{width:70%}#company-public.about .information .locations-list{display:flex;flex-direction:column;gap:.5rem}#company-public.about .information .locations-list .title{margin-bottom:0}#company-public.about .information .locations-list .title p{font-family:"Poppins Semi Bold","Noto Sans Thai Semi Bold",sans-serif}#company-public.about .services{background-color:#f7f7f7}#company-public.about .services .services-list{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#company-public.about .services .services-list>li{background-color:#fff;border-radius:1rem;box-sizing:border-box;padding:1.5rem;width:23.33%}#company-public.about .services .heading{margin-bottom:1rem}#company-public.about .services .text{margin-top:1.5rem}#company-public.about .services .img{height:100%;width:100%}#company-public.about .services .img img{border-radius:1rem;height:100%;object-fit:cover;object-position:90% center;width:100%}#company-public.about .values .values-list{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#company-public.about .values .values-list>li{align-items:center;background-color:#f7f7f7;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem;width:20%}#company-public.about .values .values-list img{height:60px;margin-bottom:1rem;width:60px}#company-public.about .values .values-list .heading{margin-bottom:1rem;text-align:center}#company-public.about .values .values-list .description p{text-align:center}@media only screen and (max-width: 800px){#company-public.about .services .services-list>li{padding:.85rem}#company-public.about .values .values-list>li{width:30%}}@media only screen and (max-width: 768px){body header .header-home-side .languages{display:block}#company-public.about .main{margin-top:1rem}#company-public.about .container .information .content{flex-direction:column}#company-public.about .services .services-list>li{width:48%}}@media only screen and (max-width: 600px){#company-public.about .services .img{height:250px;width:100%}#company-public.about .services .services-list,#company-public.about .services .values-list,#company-public.about .values .services-list,#company-public.about .values .values-list{flex-direction:column}#company-public.about .services .services-list>li,#company-public.about .services .values-list>li,#company-public.about .values .services-list>li,#company-public.about .values .values-list>li{width:100%}}