.job-apply .complete .btn button{background-color:#0080cb}.job-apply .complete .btn button:hover{background-color:#0d6cac}.job-apply .confirm{padding-bottom:0}.job-apply .confirm .title p{margin-bottom:1rem}.job-apply .confirm .btn form{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.job-apply .confirm .btn .list li{margin-bottom:0.5rem}.job-apply .confirm .btn .list li.career-info{border-bottom:1px solid #dbdbdb;margin-bottom:2rem;padding-bottom:2rem}.job-apply .confirm .btn .career-info button{background-color:#0080cb}.job-apply .confirm .btn .career-info button:hover{background-color:#0d6cac}.job-apply .confirm .btn .apply button{background-color:#e74c3c}.job-apply .confirm .btn .apply button:hover{background-color:#b83e32}.job-apply .confirm .btn .apply button:disabled{cursor:default;opacity:0.5}.job-apply .confirm .btn .upload [type="file"]{display:none}.job-apply .confirm .btn .upload label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#8b8c8e;display:table;margin:auto}.job-apply .confirm .btn .upload label:hover{background-color:#747578}.job-apply .confirm .btn .upload label i{margin-right:0.5rem}.job-apply .confirm .btn .upload p{font-size:0.8em;margin-top:0.5rem}.job-apply .confirm .btn .upload p.alert{border:0 none;color:#e74c3c;margin:2rem 0 0;padding:0;white-space:normal}.job-apply .confirm .btn .error{color:#e74c3c;display:block;font-size:0.8em;margin-top:2rem;white-space:normal}.job-apply .loading-spinner{z-index:-1}.job-apply.loading .confirm,.job-apply.loading .close{opacity:0.15;pointer-events:none}.job-apply.loading .loading-spinner{font-size:25px;height:25px;opacity:1;width:25px;bottom:0;top:0;z-index:auto}.job-apply.loading .loading-spinner li{animation:loadingSpinnerFade 1s linear infinite;background-color:#787a7a}.job-apply.loading .loading-spinner li:nth-child(2){animation-delay:0.083s}.job-apply.loading .loading-spinner li:nth-child(3){animation-delay:0.166s}.job-apply.loading .loading-spinner li:nth-child(4){animation-delay:0.249s}.job-apply.loading .loading-spinner li:nth-child(5){animation-delay:0.332s}.job-apply.loading .loading-spinner li:nth-child(6){animation-delay:0.415s}.job-apply.loading .loading-spinner li:nth-child(7){animation-delay:0.498s}.job-apply.loading .loading-spinner li:nth-child(8){animation-delay:0.581s}.job-apply.loading .loading-spinner li:nth-child(9){animation-delay:0.664s}.job-apply.loading .loading-spinner li:nth-child(10){animation-delay:0.747s}.job-apply.loading .loading-spinner li:nth-child(11){animation-delay:0.83s}.job-apply.loading .loading-spinner li:nth-child(12){animation-delay:0.913s}@media only screen and (max-width: 480px){.job-apply .confirm .btn button,.job-apply .confirm .btn label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.job-apply .confirm .btn .list li{margin-bottom:0.5rem}.job-apply .confirm .btn .upload [type="file"]{display:none}.job-apply .confirm .btn .upload label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#8b8c8e;display:table;margin:auto}.job-apply .confirm .btn .upload label:hover{background-color:#747578}.job-apply .confirm .btn .upload p{font-size:0.8em;margin-top:0.5rem}.job-apply .confirm .btn .upload p.alert{color:#e74c3c;margin-top:2.5rem}}#job .apply button{background-color:#e74c3c;border:0 none;border-radius:5px;color:#ffffff;cursor:pointer;font-size:0.9em;height:40px;line-height:40px;padding:0 1rem;transition:all 0.3s ease-in-out}#job .apply button.disable{cursor:default;opacity:0.5}#job .apply button:hover{background-color:#b83e32}#job .main .wrapper .inner,#job .related .wrapper .inner{margin:4rem auto;padding:0 2rem !important}#job .main .title,#job .main .detail{font-size:0.9em}#job .main .title h3,#job .main .title>.salary{font-weight:bold}#job .main .title h3{color:#0080cb;display:flex;font-size:1.35em;font-weight:500;margin-bottom:0.5rem}#job .main .title h3 .position{flex:auto;font-size:1.1em;font-weight:700;margin-right:1rem}#job .main .title h3 .id{color:#787a7a;font-weight:700}#job .main .title span{margin-bottom:0.25rem}#job .main .title .closed-annotation{background-color:#f7f7f7;color:#707070;font-size:1.4em;margin:2rem 0;padding:1.5rem;text-align:center}#job .main .title .salary,#job .main .title .location,#job .main .title .phase-date{display:block}#job .main .title .location,#job .main .title .phase-date{font-family:'M Plus 1p', 'Prompt Regular', sans-serif}#job .main .title .location{font-size:1.15em}#job .main .title .location a{color:#0080cb;display:inline}#job .main .title .location a:hover{opacity:0.85}#job .main .title .phase-date{font-size:1.1em}#job .main .title .phase-date i{color:#aaaaaa;font-size:0.85em;margin-right:0.25rem}#job .main .title .salary i,#job .main .title .location i{color:#aaaaaa;font-size:0.975em;margin-right:0.25rem}#job .main .title .salary{color:#e74c3c;font-size:1.15em;font-weight:700}#job .main .title .salary i{font-size:0.76em}#job .main .btn.apply{display:flex;justify-content:flex-end;padding:0;width:100%}#job .main .btn button{background-color:#e74c3c;border-radius:2rem;color:#ffffff;font-weight:bold;padding:0 1.5rem;transition:background-color 0.3s ease-in-out}#job .main .btn button:hover{background-color:#b83e32}#job .main .btn.fixed{background-color:#ffffff;box-shadow:0 3px 6px rgba(0,0,0,0.2);padding:1rem 4rem;position:fixed;right:0;top:4rem;z-index:1}#job .main .detail>div{margin-bottom:2rem}#job .main .detail>div h3,#job .main .detail>div h4{color:#787a7a;font-weight:bold}#job .main .detail>div h3{border-bottom:1px solid #dbdbdb;font-size:1.35em;margin:1rem 0;padding-bottom:1rem}#job .main .detail>div h4{font-size:1em}#job .main .detail .list li{display:flex;margin-bottom:1rem}#job .main .detail .list li:last-child{margin-bottom:0}#job .main .detail .list .title{box-sizing:border-box;flex:0 0 30%;font-size:1em;width:30%}#job .main .detail .list .div{flex:auto;font-family:'M Plus 1p', 'Prompt Regular', sans-serif;font-size:1em;width:auto}#job .main .detail .category .list{display:flex;flex-wrap:wrap}#job .main .detail .category li{margin:0 0.25rem 0 0}#job .main .detail .category li::after{content:', '}#job .main .detail .category li:last-child{margin:0}#job .main .detail .category li:last-child::after{display:none}#job .main .detail .category a{color:#0080cb;display:inline-block}#job .main .detail .category a:hover{opacity:0.85}#job .related .wrapper .inner{margin-top:0}#job .related h3{color:#0080cb;font-size:1.5em;font-weight:bold;margin-bottom:2rem;text-align:center;text-transform:uppercase}#job .related .list{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-1rem;margin-top:-1rem}#job .related li{display:flex;flex:0 0 50%;margin-top:1rem;max-width:50%;padding-left:1rem}#job .related a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #139eff;color:#0080cb;display:flex;flex:1;flex-direction:column;max-width:100%;padding:1rem 1.25rem;position:relative;transition:background-color 0.3s ease-in-out}#job .related a:hover{background-color:rgba(0,0,0,0.05)}#job .related a .title{margin-bottom:0.75rem}#job .related a .title h4{display:flex;margin-bottom:0.5rem}#job .related a .position{-webkit-box-orient:vertical;display:-webkit-box;flex:auto;font-size:1em;font-weight:500;-webkit-line-clamp:2;max-height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}#job .related a .id{min-width:4.8rem;text-align:right}#job .related a .salary,#job .related a .location,#job .related a .phase-date{display:block;margin-top:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#job .related a .salary i,#job .related a .location i,#job .related a .phase-date i{color:#139eff;font-size:1.25em;margin-right:0.25rem}#job .related a .salary{color:#e74c3c;font-size:0.9em;font-weight:700}#job .related a .location{color:#787a7a;display:inline;font-size:0.9em;margin:0;padding:0}#job .related a .phase-date{color:#787a7a;display:block;font-size:0.9em;margin-top:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#job .related a .phase-date i{color:#787a7a;font-size:0.8em;margin-right:0.3rem}#job .related a .detail{font-size:0.9em}#job .related a .detail h5{font-weight:bold}#job .related a .detail p{-webkit-box-orient:vertical;display:-webkit-box;font-weight:500;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}#job .related a .description,#job .related a .category{margin-bottom:0.75rem}#job .related a .description.gray-text,#job .related a .category.gray-text{color:#787a7a}#job .complete{display:flex;height:100%;max-height:1024px}#job .complete .wrapper .inner{padding:4rem 0}#job .complete h2{color:#0080cb;font-size:1.5em;font-weight:500;margin-bottom:2rem;text-align:center}#job .complete .btn{display:block;white-space:normal}#job .complete .btn a{background-color:#8b8c8e;border:0 none;border-radius:5px;color:#ffffff;cursor:pointer;font-size:0.9em;font-weight:500;height:40px;line-height:40px;padding:0 0.5rem;transition:all 0.3s ease-in-out;width:100%}#job .complete .btn a:hover{background-color:#747578}#job .complete .btn ul{display:flex;justify-content:center;padding-left:0.5rem}#job .complete .btn li{flex:1;margin-right:0.5rem;max-width:30%;min-width:12rem}#job .complete .btn .jobs.jobs a{background-color:#0080cb}#job .complete .btn .jobs.jobs a:hover{background-color:#0d6cac}.job-apply{color:#787a7a;font-weight:500;line-height:normal;padding:1.5rem;position:relative}.job-apply .main{padding:1rem 0 0.5rem}.job-apply .main .title{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:1.25rem;padding:0 1rem;text-align:center}.job-apply .main .title p{font-size:1.2em;font-weight:600}.job-apply .main .btn{border:0;display:block;padding:0;text-align:center}.job-apply .main .btn button,.job-apply .main .btn label{border:0 none;border-radius:5px;color:#ffffff;cursor:pointer;font-size:0.9em;font-weight:500;outline:none;padding:0.5rem 0.75rem;transition:background-color 0.3s ease-in-out;width:60%}.job-apply .please-sing-in .btn button,.job-apply .please-fill-personal-info .btn button{background-color:#0080cb}.job-apply .please-sing-in .btn button:hover,.job-apply .please-fill-personal-info .btn button:hover{background-color:#0d6cac}.job-apply .close{font-size:1.5em;font-weight:700;margin:1rem;position:absolute;right:0;top:0}.job-apply .close .close-modal{cursor:pointer}.job-apply .close .close-modal i{color:#787a7a;font-size:0.9em;transition:all 0.3s ease-in-out}.job-apply .close .close-modal:hover i{color:#555555}@media only screen and (max-width: 1024px){#job .main .wrapper .inner,#job .related .wrapper .inner{max-width:768px}}@media only screen and (max-width: 768px){#job .main .wrapper .inner,#job .related .wrapper .inner{padding:0 1.5rem !important}#job .main .wrapper .inner{margin:2rem auto}#job .complete{padding:3rem 1rem}#job .complete h2{font-size:1.3em;margin-bottom:1.5rem}#job .complete .btn a{font-size:0.8em}#job .complete .btn ul li{max-width:none}.modal-container .job-apply .title p{font-size:1.1em}.modal-container .job-apply .btn button,.modal-container .job-apply .btn label{font-size:0.8em;padding:0.75rem 1rem}.modal-container .job-apply .btn ul li{max-width:none}.modal-container .job-apply .close .close-modal i{font-size:0.8em}}@media only screen and (max-width: 640px){#job .main .detail .list li{display:block}#job .main .detail .list .title{flex:auto;width:auto}#job .main .btn.apply{justify-content:flex-start;margin-top:1rem}#job .main .btn.fixed{background-color:transparent;bottom:0;box-shadow:none;justify-content:flex-end;padding:1rem 1.5rem;position:fixed;right:0;top:unset;z-index:1}#job .main .btn.fixed span{display:none}#job .related .list{display:block;margin-bottom:2rem}#job .related li{max-width:none}}@media only screen and (max-width: 480px){#job .top-bar{padding:1rem}#job .top-bar .back button{padding:0}#job .main .title,#job .main .detail{padding:0}#job .complete{padding:2.5rem 1.5rem}#job .complete h2{font-size:1.2em}#job .complete .btn a{font-size:0.9em}#job .complete .btn ul{display:block;padding-left:0}#job .complete .btn ul li{margin-bottom:0.5rem;margin-right:0}#job .complete .btn ul li:last-child{margin-bottom:0}.modaal-container .job-apply .title p{font-size:1em}.modaal-container .job-apply .btn button,.modaal-container .job-apply .btn label{font-size:0.9em;min-width:12rem}.modaal-container .job-apply .btn ul{display:block;padding-left:0}.modaal-container .job-apply .btn ul li{margin-bottom:0.5rem;margin-right:0}.modaal-container .job-apply .btn ul li:last-child{margin-bottom:0}}@media only screen and (max-width: 320px){#job .related h3{font-size:1.25em}#job .related a{padding:1rem}#job .complete .btn a{max-width:none}.modaal-container .job-apply .btn button{max-width:none}}:lang(th) #job .main .detail .list p{font-size:0.9em}:lang(th) #job .related h3{font-weight:bold}:lang(th) #job .related a .id{min-width:5.4rem}:lang(th) #job .related a .salary,:lang(th) #job .related a .detail h5{font-weight:bold}:lang(zh-TW) #job .main .title h3,:lang(zh-TW) #job .main .title>.salary,:lang(zh-TW) #job .main .btn button,:lang(zh-TW) #job .main .detail h3,:lang(zh-TW) #job .main .detail h4{font-weight:bold}:lang(zh-TW) #job .related h3{font-weight:bold}:lang(zh-TW) #job .related a .salary,:lang(zh-TW) #job .related a .detail h5{font-weight:bold}:lang(zh-CN) #job .main .title h3,:lang(zh-CN) #job .main .title>.salary,:lang(zh-CN) #job .main .btn button,:lang(zh-CN) #job .main .detail h3,:lang(zh-CN) #job .main .detail h4{font-weight:bold}:lang(zh-CN) #job .related h3{font-weight:bold}:lang(zh-CN) #job .related a .salary,:lang(zh-CN) #job .related a .detail h5{font-weight:bold}:lang(vi) #job .main .position,:lang(vi) #job .main button{font-weight:bold}:lang(vi) #job .main .overview h3,:lang(vi) #job .main .overview h4,:lang(vi) #job .main .qualifications h3,:lang(vi) #job .main .qualifications h4,:lang(vi) #job .main .addition-information h3,:lang(vi) #job .main .addition-information h4{font-weight:bold}:lang(vi) #job .related h3{font-weight:bold}:lang(vi) #job .related a .salary,:lang(vi) #job .related a .detail h5{font-weight:bold}