.banner-recruitment-jobs{background-color:#dbf3ff;position:relative}.banner-recruitment-jobs.lazy-loading{animation-duration:0.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://dpw9s9toxnu6e.cloudfront.net/assets/lazy-load-place-holder-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}.banner-recruitment-jobs .img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:389px;overflow:hidden;position:relative}.banner-recruitment-jobs .img::before{background-color:#02273a;bottom:0;content:'';left:0;opacity:0.5;position:absolute;right:0;top:0;transition:opacity 0.3s ease-in-out 0.3s;z-index:1}.banner-recruitment-jobs .img img{font-size:0;height:100%;margin:auto;overflow:hidden;text-indent:-999px;transition:opacity 0.3s ease-in-out 0.6s}.banner-recruitment-jobs .img .lazy{opacity:0}.banner-recruitment-jobs .text{display:inline-block;left:0;margin:auto;padding:0 2rem;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);transition:opacity 0.3s ease-in-out 1.2s;z-index:1}.banner-recruitment-jobs .text p{color:#ffffff;display:block;font-size:2.5em;font-weight:bold;line-height:1.5}.banner-recruitment-jobs .text.loading{opacity:0}@media only screen and (max-width: 1280px){.banner-recruitment-jobs .img{height:30.4vw}.banner-recruitment-jobs .text{font-size:1.25vw}}@media only screen and (max-width: 1024px){.banner-recruitment-jobs .img{height:30.34vw}.banner-recruitment-jobs .img img{height:auto;width:100%}.banner-recruitment-jobs .img.desktop{display:none !important}.banner-recruitment-jobs .img.mobile{display:block !important}.banner-recruitment-jobs .text{font-size:1.563vw}}@media only screen and (max-width: 768px){.banner-recruitment-jobs .text{padding:0 1rem}}@media only screen and (max-width: 640px){.banner-recruitment-jobs .img{height:194px}.banner-recruitment-jobs .img img{height:100%;-o-object-fit:cover;object-fit:cover}.banner-recruitment-jobs .text{font-size:2vw}}@media only screen and (max-width: 480px){.banner-recruitment-jobs .text{font-size:2.7vw}}@media only screen and (max-width: 320px){.banner-recruitment-jobs .text{font-size:0.5396em}}#recruitments.job{color:#000000;font-family:'M Plus 1p Light', sans-serif;line-height:normal}#recruitments.job .btn{margin:0;padding:0}#recruitments.job .btn a{align-items:center;background-color:#5588a3;border-radius:2rem;color:#ffffff;font-size:0.9em;line-height:3.75rem;padding:0 1.5rem;transition:background-color 0.3s ease-in-out}#recruitments.job .btn a:hover{background-color:#145374}#recruitments.job .main .title{margin-bottom:2rem}#recruitments.job .main .title span{display:block}#recruitments.job .main .title .position{color:#00334e;font-size:1.25em;font-weight:bold;margin-bottom:1rem}#recruitments.job .main .title .location{align-items:center;display:flex}#recruitments.job .main .title .location i{color:#145374;font-size:1.5em;margin-right:0.5rem}#recruitments.job .main .detail{margin-bottom:2rem}#recruitments.job .main .list li{margin-bottom:1.5rem}#recruitments.job .main .list li:last-child{margin-bottom:0}#recruitments.job .main .list h3{color:#00334e;font-weight:bold;margin-bottom:1rem}#recruitments.job .main .btn{display:flex;justify-content:center}#recruitments.job .other{margin-top:4rem}#recruitments.job .other .title{margin-bottom:2rem}#recruitments.job .other .title h2{color:#00334e;font-size:1.5em;font-weight:bold}#recruitments.job .other .list li{border-bottom:1px solid #dbdbdb;margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative}#recruitments.job .other .list li>a{color:inherit}#recruitments.job .other .list li:last-child{border-bottom:0 none;margin-bottom:0;padding-bottom:0}#recruitments.job .other .position{align-items:center;display:flex;margin-bottom:1rem;min-height:2.15rem;padding-right:7rem}#recruitments.job .other .position h3{-webkit-box-orient:vertical;color:#00334e;display:-webkit-box;font-size:1.2em;font-weight:bold;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}#recruitments.job .other .description p{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}#recruitments.job .other .btn{position:absolute;right:0;top:0}#recruitments.job .other .btn a{line-height:2.15rem}@media only screen and (max-width: 1024px){#recruitments.job .wrapper .inner{margin:auto;max-width:768px;padding:4rem 2rem}}@media only screen and (max-width: 768px){#recruitments.job .wrapper .inner{padding:2.5rem 1rem !important}#recruitments.job .other{margin-top:2.5rem}#recruitments.job .other .position{display:block;min-height:0;padding-right:0}#recruitments.job .other .description{margin-bottom:1rem}#recruitments.job .other .btn{position:relative}}:lang(th) #recruitments.job .btn a,:lang(th) #recruitments.job .main .title .position,:lang(th) #recruitments.job .main .list h3,:lang(th) #recruitments.job .other .title h2,:lang(th) #recruitments.job .other .position h3{font-weight:bold}:lang(zh-TW) #recruitments.job .btn a,:lang(zh-TW) #recruitments.job .main .title .position,:lang(zh-TW) #recruitments.job .main .list h3,:lang(zh-TW) #recruitments.job .other .title h2,:lang(zh-TW) #recruitments.job .other .position h3{font-weight:bold}:lang(zh-CN) #recruitments.job .btn a,:lang(zh-CN) #recruitments.job .main .title .position,:lang(zh-CN) #recruitments.job .main .list h3,:lang(zh-CN) #recruitments.job .other .title h2,:lang(zh-CN) #recruitments.job .other .position h3{font-weight:bold}:lang(vi) #recruitments.job .btn a,:lang(vi) #recruitments.job .main .title .position,:lang(vi) #recruitments.job .main .list h3,:lang(vi) #recruitments.job .other .title h2,:lang(vi) #recruitments.job .other .position h3{font-weight:bold}