@define a {
 color: #13905f;
}
@define alink {
 color: #1d8ccb;
}
@define ahover {
 color: #1e8fcf;
}
@define alight {
 color: ;
}
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
}
@define rotate180 {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
}
@define rotate90 {
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
}
@define xfont {
 font-family: 'Roboto', 'Segoe UI', sans-serif;
}
#component__top {
	text-align:center;
 display:block;
 position:fixed;
 color:#fff;
	font-size:20px;
	background-color: #13905f;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	bottom: 60px;
	right: 10px;
	z-index: 300;
	width: 50px;
	height: 50px;
	transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-moz-transition-transform: translate(0px, 10px);
}
#component__top:hover {
	$bg: #1fa873
}
#component__top {
	line-height: 50px;
}
#component__top.--show {
	opacity: 1; filter: alpha(Opacity:100);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transition-transform: none;
}
.top-article{
 background-color: #fafafa;
	position:relative;
}
.top-article .container{
 padding:20px 0px;
}
.job-detail .cell{
	vertical-align:top;
}
.job-detail .detail-head{
 padding-bottom: 40px;
 border-bottom: 1px dotted #e0e0e0;
}
.job-detail .detail-head .detail__desc {
 width: 65%;
}
.post-type{
 margin-bottom: 20px;
}
.post-type .type{
 display:inline-block;
 margin-right: 10px;
}
.post-type .type .-ap{
 margin-right: 5px;
}
#article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 line-height: 25px;
}
.ctas .btn-apply {
 padding: 10px 40px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 line-height: 25px;
 background-color: #13905f;
 color:#fff;
	position:relative;
 clear:both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	font-weight:bold;
}
.ctas .btn-apply:hover:after {
 content: "";
 bottom: 0px;
 left: 0px;
 height: 3px;
	position:absolute;
	width:100%;
 background: rgba(0,0,0,0.2);
}
.box-share {
	position:relative;
 right: 0px;
}
[class^="ficon-"], [class*=" ficon-"]{
 margin-right: 0px;
}
.detail-head .title{
	font-size:32px;
	font-weight:normal;
 color:#13905f;
 line-height: 1.3;
}
.detail-head .detail__button{
 width:350px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.box-share .share__name {
 color:#888;
 display:block;
 margin-bottom: 20px;
}
.detail-head .ctas{
 margin-bottom: 20px;
}
.detail-head .ctas .btn-apply{
	width:100%;
}
.box-share .btn-share {
 width:35px;
 height: 35px;
 border-radius: 50%;
 line-height: 35px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
	position:relative;
 color:#555;
 background-color: #fff;
}
.desc-job {
 margin-top: 20px;
 line-height: 25px;
}
.desc-job .desc{
 margin-bottom: 10px;
}
.desc-job .desc span{
	font-weight:bold;
}
.box-share .btn-share:hover{
 opacity: 0.8; filter: alpha(Opacity:80);
}
.box-share .btn-share.-fb {
 color:#fff;
 background-color: #3b5999;
}
.box-share .btn-share.-mail {
 color:#fff;
 background-color: #dd4b39;
}
.article .content-article {
 line-height: 25px;
 padding-top:40px;
	text-align:justify;
}
.article .content-article h2,
.article .content-article h3,
.article .content-article h4,
.article .content-article h5 {
 margin-bottom: 20px;
 line-height: 1.3;
 color:#333;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#13905f;
}
.article .content-article h3 {
	font-size:20px;
}
.article .content-article h4 {
	font-size:18px;
}
.article .content-article h5 {
	font-size:16px;
}
.article .content-article div,
.article .content-article p,
.article .content-article li {
 margin-bottom: 20px;
 color:#333;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list__related {
 padding-top: 40px;
}
.list__related .name {
	font-size:18px;
	font-weight:bold;
 margin-bottom: 20px;
}
.list__related a {
 display:block;
 line-height: 20px;
 margin-bottom: 15px;
}
.list__related .btn-viewall {
	font-weight:bold;
	text-align:center;
 display:inline-block;
 color:#13905f;
 margin-top: 20px;
 border-bottom: 1px dotted #e0e0e0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#354254;
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	position:relative;
 max-width: 1100px;
 margin: 0px auto;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.divider {
 border-top: 2px solid #eee;
 clear: both;
}
.section- {
 padding: 40px 0px;
}
.select-custom {
 padding: 0;
 margin: 0;
 width: auto;
 background-color: #fff;
	position:relative;
}
.select-custom:before {
 font-family: "FontAwesome";
 content: "\f0d7";
 right: 10px;
 color:#888;
	position:absolute;
 line-height: 40px;
}
.select-custom select {
 padding: 10px 15px;
	width:100%;
 border:1px solid #e0e0e0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.select-custom select:focus {
 outline: none;
}
.table{
 display: table;
	width:100%;
}
.cell{
	display:table-cell;
	vertical-align:middle;
}
#appform{
}
#appform .wrapper{
 background-color: #fff;
 padding:20px 30px;
 -moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 5px 0px rgba(0,0,0,0.2);
}
#appform h1{
	font-weight:300;
	font-size:36px;
 padding-bottom:30px;
}
#appform .form{
}
#appform .form .row{
 padding-bottom:25px;
}
#appform .form .row .ext{
 color:#aaa;
	font-weight:300;
	font-size:14px;
 padding-top:10px;
}
#appform .form .row .label{
 color:#666;
	font-weight:bold;
 padding-bottom:8px;
}
#appform .form .row .input input, #appform .form .row .input textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#appform .form .row .input input, #appform .form .row .input textarea{
 padding:11px 13px;
 border:1px solid #ccc;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#appform .form .row .input.first{
	float:left;
 width:45%;
}
#appform .form .row .input.second{
	float:right;
 width:45%;
}
#appform .form .submit{
 background-color: #7abd1a;
 padding:15px 0;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	font-weight:500;
	font-size:16px;
	position:relative;
	text-align:center;
 color:#fff;
	cursor:pointer;
	font-weight:500;
 margin-top:30px;
}
#appform .form .upload{
	position:relative;
 border:1px dashed #ccc;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 margin-top:10px;
}
#appform .form .upload:hover{
 background-color: #f8f8f8;
}
#appform .form .upload .text{
	position:relative;
	text-align:center;
	font-size:15px;
 z-index:100;
 padding:10px 0;
}
#appform .form .upload .text .more{
	font-size:13px;
	font-weight:300;
 color:#999;
 padding-top:4px;
}
#appform .form .upload input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#appform .form .upload input{
 display:block;
	position:absolute;
	white-space: nowrap;
 width:100%;
 height:100%;
 z-index:101;
 opacity: 0; filter: alpha(Opacity:0);
 top: 0px;
}
#appform .form .cancel{
 padding:15px 0;
	text-align:center;
	cursor:pointer;
	font-weight:300;
	font-size:16px;
 color:#999;
 margin-top:30px;
}
#appform .form .cancel:hover{
 color:#111;
	text-decoration:underline;
}
* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*::before,
*::after {
 box-sizing: border-box;
}
html, body {
 overflow: initial;
	font-size:14px;
 color:#555;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 font-family: "Roboto","Helvetica Neue", Helvetica,arial;
}
a {
 color:#555;
	font-weight:normal;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
a:hover, a:focus {
 color:#2586b7; color:#13905f;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.clearfix {
 clear: both;
}
.section {
 padding: 60px 0px;
}
.section-head {
 margin: 0px auto;
	text-align:center;
 margin-bottom: 40px;
}
.section-head .section__title {
	font-size:32px;
	font-weight:normal;
 display:inline-block;
 color:#333;
 line-height: 1.2;
 margin-bottom: 20px;
}
.section-head .section__desc {
	font-weight:300;
	font-size:16px;
 line-height: 25px;
}
.section--head .section__desc a {
 border-bottom: 1px solid #eee;
}
.section-image {
 margin-top: 40px;
}
.section-image img {
	width:100%;
}
/*---- OVERVIEW ----*/
.section-overview{
 position: relative;
 background-color: #fef3ea;
 overflow: hidden;
}
.section-overview .section__title{
 margin-bottom: 0px;
}
.section-overview .section__title img{
 max-width: 100%;
}
.section-overview .overview__item {
 line-height: 22px;
 font-style: italic;
}
.section-overview .overview__item p {
 margin-bottom: 10px;
}
.leaves__item {
 display: block;
 position: absolute;
 left: 0;
}
.leaves__item--1 {
 width: 9.15151515%;
 top: -1.83598531%;
 margin-left: -0.12121212%;
}
.leaves__item > * {
 background-size: 100%;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.leaves__item:after {
 content: "";
 display: block;
}
.leaves__item--1:after {
 padding-top: 170.1986755%;
}
.leaves__item--2 {
 width: 8.72727273%;
 top: 41.00367197%;
 margin-left: -0.60606061%;
}
.leaves__item--2 span {
 -webkit-animation-delay: 0.02s;
 animation-delay: 0.02s;
 -webkit-animation-duration: 50s;
 animation-duration: 50s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: leave2;
 animation-name: leave2;
 -webkit-transform-origin: 0% 56.14035088%;
 transform-origin: 0% 56.14035088%;
}
.leaves__item--2:after {
 padding-top: 158.33333333%;
}
.leaves__item--3 {
 width: 4.18181818%;
 top: auto;
 bottom: 0.71428571em;
}
.leaves__item--3:after {
 padding-top: 133.33333333%;
}
.leaves__item--5 {
 width: 8%;
 top: 38.55569155%;
 left: auto;
 right: 0;
}
.leaves__item--5 span {
 height: auto;
}
.leaves__item--5 span:nth-child(1) {
 top: auto;
 bottom: 0;
 left: auto;
 right: -28.03030303%;
 width: 81.06060606%;
 -webkit-animation-delay: 0.04s;
 animation-delay: 0.04s;
 -webkit-animation-duration: 50s;
 animation-duration: 50s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: leave2;
 animation-name: leave2;
 -webkit-transform-origin: 100% 56.75675676%;
 transform-origin: 100% 56.75675676%;
}
.leaves__item--5 span:nth-child(1):after {
 content: "";
 display: block;
 padding-top: 34.57943925%;
}
.leaves__item--5 span:nth-child(2) {
 top: 0;
 left: 0;
 width: 104.54545455%;
 -webkit-animation-delay: 0.08s;
 animation-delay: 0.08s;
 -webkit-animation-duration: 50s;
 animation-duration: 50s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: leave2;
 animation-name: leave2;
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
.leaves__item--5 span:nth-child(2):after {
 content: "";
 display: block;
 padding-top: 121.01449275%;
}
.leaves__item--5:after {
 padding-top: 140.15151515%;
}
.leaves__item--6 {
 width: 6.72727273%;
 top: auto;
 bottom: 5.35714286em;
 left: auto;
 right: 0;
}
.leaves__item--6:after {
 padding-top: 99.0990991%;
}
/*---- END OVERVIEW ----*/
.video{
	position:relative;
 padding-bottom: 55%;
}
.video iframe{
 position: absolute;
 top: 0px;
 left: 0px;
 bottom: 0px;
	width:100%;
	height:100%;
}
/*---- BENEFITS ----*/
.section-benefit {
 background-color: #fafafa;
}
.section-benefit .section__title img{
 display:block;
 margin: 0px auto;
 margin-bottom: 10px;
}
.section-benefit .section__title {
 display:block;
 color: #f18632;
 font-size: 35px;
 font-family: "Dancing Script";
	text-align:center;
}
.benefit__list {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.benefit--item {
 width: 33.33333%;
 padding: 0px 15px;
}
.benefit--item .benefit__item--desc {
}
.benefit--item .title {
	font-size:16px;
	font-weight:bold;
	text-align:center;
 margin-bottom: 10px;
 line-height: 24px;
}
.benefit--item .detail {
	font-size:13px;
 text-align: justify;
 line-height: 20px;
}
.benefit__item--image {
	text-align:center;
 margin-bottom: 10px;
}
.benefit__item--image img {
 width: 100px;
}
.section-benefit .benefit__image {
 width: 100%;
}
.section-benefit .benefit__image img {
	width:100%;
}
.section-head .section__title span {
	font-weight:bold;
}
/*---- END BENEFITS ----*/
/*---- CUSTOMER ----*/
.saycustomer {
 background-color: #13905f;
 color:#fff;
}
.saycustomer-content {
 max-width: 768px;
 padding: 80px 0px;
 margin: 0px auto;
 text-shadow: none;
 color:#fff;
	position:relative;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 min-height: 100%;
}
.saycustomer-content .saycustomer__title {
	font-size:32px;
	font-weight:300;
 margin-bottom: 20px;
 line-height: 28px;
}
.saycustomer-content .saycustomer__say {
 font-style:italic;
 line-height: 22px;
 margin-top: 10px;
}
.saycustomer-content .saycustomer__say:before,
.saycustomer-content .saycustomer__say:after {
 font-family: "ap";
 display:inline-block;
 opacity: 0.6; filter: alpha(Opacity:60);
 font-style: normal;
}
.saycustomer-content .saycustomer__say:before {
 content: "\e8e7";
 margin-right: 5px;
}
.saycustomer-content .saycustomer__say:after {
 content: "\e8e8";
 margin-left: 5px;
}
.saycustomer-content .saycustomer__info {
	text-align:right;
 margin-top: 20px;
}
.saycustomer-content .saycustomer__info .name {
	font-weight:bold;
	font-size:15px;
 margin-bottom: 5px;
}
.saycustomer-content .saycustomer__info .pos {
	font-size:12px;
 opacity: 0.8; filter: alpha(Opacity:80);
}
/*---- END CUSTOMER ----*/
/*---- JOBS ----*/
#alljobs .row {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
}
#alljobs .row .jobs-list {
 flex: 0 0 79%;
}
.jobs-list .jobs__item {
 padding: 20px 20px;
 border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	position:relative;
}
.jobs-list .jobs__item .list__item--title {
 padding-bottom: 2px;
}
.jobs-list .jobs__item .list__item--title a {
	font-size:20px;
 color:#f18632;
 font-weight: 400;
}
.jobs-list .jobs__item .list__item--title a:hover {
 text-decoration: underline;
}
.jobs-list .jobs__item .list__item--info {
 color:#888;
	font-size:14px;
 padding-top: 6px;
}
.jobs-list .jobs__item .list__item--info a {
	font-weight:normal;
 color:#555;
}
.jobs-list .jobs__item .list__item--info a:hover {
 color:#f18632;
 text-decoration: underline;
}
.jobs-list .jobs__item .list__item--side {
	position:absolute;
 right: 0px;
 top: 20px;
}
.jobs-list .jobs__item .cta {
 color:#fff;
	float:left;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding: 10px 20px;
 border: 1px solid #009843;
 color: #009843;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 13px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.jobs-list .jobs__item .cta:hover {
 background-color: #009843;
 color:#fff;
}
/*---- END JOBS ----*/
#footer {
 border-top: 3px solid #f18632;
	position:relative;
 background-color: #fff;
 z-index: 10;
}
.footer__top {
 padding: 0px 0 35px;
 border-bottom: 1px solid #98d380;
 letter-spacing: 0.01em;
}
.footer__top .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 0px -15px;
}
.footer__top .col-4{
 padding: 0px 15px;
 width: 33.33333333%;
}
.footer__top .col-3{
 width: 25%;
 padding: 0px 15px;
}
.footer__top .col-2{
 width: 16.66666667%;
 padding: 0px 15px;
}
.footer__top__logo {
 padding: 40px 0px 0px;
 text-align: center;
}
.footer__top__logo h3{
 color: #008439;
 font-family: 'Chonburi';
 margin-bottom: 15px;
 font-size: 26px;
 font-weight: normal;
 text-transform: uppercase;
}
.footer__top p:last-child {
 margin-bottom: 0;
}
.footer__top__menu {
 margin: 0;
 list-style: none;
 padding: 40px 0 0 0;
}
.footer__top__menu li + li {
 margin-top: 22px;
}
.footer__top__menu li a {
 color: #777;
}
.footer__top__menu li a:hover {
 color:#13905f;
}
.footer__top__social {
 padding-top: 40px;
}
.footer__top__social h4 {
 margin-top: 0;
 margin-bottom: 28px;
 font-size: 14px;
 font-weight: normal;
}
.footer__top__social ul li {
 display: block;
 float: left;
 margin-right: 16px;
 margin-bottom: 5px;
}
.footer__top__social ul li:last-child {
 margin-right: 0;
 line-height: 30px;
}
.footer__top__social ul li a {
 display: block;
 width: 30px;
 height: 30px;
 border-radius: 50%;
 border: 1px solid #018445;
 color: #018445;
 text-align: center;
 line-height: 30px;
 font-size: 0.78571429em;
}
.footer__top__social ul li a[class*="facebook"] {
 border-color: #4c76be;
 color: #4c76be;
}
.footer__top__social ul li a[class*="youtube"] {
 border-color: #e8403b;
 color: #e8403b;
}
.footer__top__social ul li a[class*="instagram"] {
 border-color: #7c5641;
 color: #7c5641;
}
.bottom-footer {
 text-align: center;
 padding: 18px 0px;
}
.footer__top__social ul li a img{
 width: 30px;
}
.footer__top__social ul li a.social_facebook1{
 border: none;
}
.footer__text {
 color: #777;
 text-align: center;
 padding-top: 35px;
}
#header-recr {
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
 top: 0px;
 left: 0px;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 z-index: 11;
 background-color: #fff;
 padding:10px 0px;
}
#header-recr.stick{
 position:fixed;
 box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.overlay-common {
 position:fixed;
	width:100%;
	height:100%;
 z-index: 10;
 background: rgba(0,0,0,0);
 top: 0px;
 display: none;
 left: 0px;
}
#header-recr.showfixed .navigation{
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 right: 0px;
}
#header-recr .logo{
	display:table-cell;
	vertical-align:middle;
}
#header-recr .logo img{
 display:inline-block;
 height: 73px;
}
#header-recr .logo .name{
	position:relative;
 display:inline-block;
 color:#555;
	font-size:18px;
 padding:5px 15px;
}
#header-recr .box-menu{
	display:table-cell;
	text-align:left;
 padding-left: 40px;
}
#header-recr .box-menu .links{
 display:block;
 margin-top: 20px;
 border-top: 1px solid #e5e5e5;
}
#header-recr .box-menu .links a{
	position:relative;
 display:inline-block;
 color:#777;
	font-weight:bold;
 padding: 15px 0px 20px;
 margin-right: 40px;
	text-transform:uppercase;
}
#header-recr .box-menu .links a:hover,#header-recr .box-menu .links a.active{
 color:#13905f;
}
#header-recr .menu-right{
 display:inline-block;
}
#header-recr .box-menu .cta{
 padding:10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
 color:#fff;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #13905f;
}
#header-recr .box-menu .cta:hover{
 background-color: #108658;
 color:#fff;
}
.header__extendlink{
 position: fixed;
 top: 20%;
 right: 0px;
 z-index: 99;
}
.header__extendlink__item{
 margin-bottom: 15px;
 border-radius: 50px 0px 0px 50px;
 height: 80px;
 background-position: left center;
 background-repeat: no-repeat;
 background-size: auto 100%;
 opacity: 0.9;
}
.header__extendlink__item a {
 display: block;
 height: 100%;
 color: #fff;
 font-size: 16px;
 padding: 20px 30px;
 text-transform: uppercase;
}
.header__extendlink__item a span{
 line-height: 1.3;
 display: block;
}
.section-banner{
	position:relative;
 clear:both;
 min-height: 31.5rem;
}
.section-banner .banner__cover{
	position:relative;
	width:100%;
	height:100%;
 max-width: 100%;
}
.section-banner .banner__cover .banner > img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.section-banner .bg{
	position:absolute;
	width:100%;
	height:100%;
 background-image: -webkit-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: -o-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%);
 top: 0px;
 left: 0px;
 opacity: .4; filter: alpha(Opacity:40);
 z-index: 2;
}
.section-banner .banner__text{
 color:#fff;
	position:absolute;
	width:100%;
	height:100%;
 z-index: 3;
 padding:80px 0px;
 top: 0px;
 left: 0px;
 min-height: 31.5rem;
}
.banner--headline{
	font-size:16px;
 margin-bottom: 10px;
}
.banner__text .banner--title{
	font-size:40px;
	font-weight:normal;
 line-height: 1.2;
 margin-bottom: 10px;
}
.section-banner .cta{
 padding:15px 40px;
 margin-top:10px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
 display:inline-block;
 color:#fff;
 font-weight:600;
 background-color: #13905f;
 text-shadow:none;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.section-banner .cta:hover{
 box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
 transform:scale(1.01);
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.section-banner .btn-contact{
 display:block;
 padding:20px 0px;
 color: rgba(255, 255, 255, 0.8);
}
.section-banner .btn-contact:hover{
	text-decoration:underline;
}
.section-banner .list-menu{
	position:absolute;
	width:100%;
	text-align:center;
 bottom: 40px;
}
.section-banner .list-menu.stick{
 position:fixed;
 top:0px;
 left:0px;
 bottom:auto;
 background: rgba(0,0,0,0.7);
 z-index:10;
 padding:10px 0px;
}
.section-banner .list-menu a{
 padding:10px 30px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 display:inline-block;
 margin:0px 5px;
}
.section-banner .list-menu a.active,
.section-banner .list-menu a:hover{
 background: rgba(255,255,255,0.1);
 color:#fff;
}
@media(max-width: 768px){
 .section-banner .banner__text{
 padding: 80px 30px;
 }
}
.multiple-banner .banner{
 position: relative;
 background-size: cover;
 background-position: center;
}
.slideMain__item__inner {
 color:#f58832;
 width: 100%;
 margin: 0 auto;
 padding: 285px 0 70px;
 text-align: center;
 text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.58);
}
.slideMain__item__inner .img {
 font-size: 30px;
 font-family: 'Chonburi';
 line-height: 1.25;
 font-weight: normal;
 text-transform: uppercase;
}
.slideMain__item__inner .img img {
 position: relative;
 width: 100px;
}
.slideMain__item__inner h2 {
 font-size: 65px;
 font-family: "Dancing Script";
 letter-spacing: 0.09em;
}
.slideMain__item__inner h3 {
	text-align:center;
 font-size: 35px;
 font-family: inherit;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 0.19em;
 margin-top: 0.55555556em;
 margin-bottom: 0.27777778em;
}
.slideMain__item__inner h3 img{
 width: 300px;
 margin: 0px auto;
}
.slideMain__item__inner .img > *{
 display: inline-block;
 padding: 0 0.29166667em;
 letter-spacing: 0.19em;
}
.slick-dots {
 position: absolute;
 bottom: 10px;
 width: 100%;
 text-align: center;
}
.slick-dots li {
 cursor: pointer;
 display: inline-block;
}
.slick-dots li button {
 cursor: pointer;
 margin: 5px;
 font-size: 0px;
 width: 12px;
 height: 12px;
 border: 1px solid #fff;
 border-radius: 50%;
 background-color: transparent;
}
.slick-dots li.slick-active button{
 background-color: #fff;
}
*, *:after, *:before {
 box-sizing: border-box;
}
#menu{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#alljobs .row #menu {
 flex: 0 0 20%;
}
#menu .sidebar-main {
 padding-left: 20px;
}
#menu .sidebar-main .sidebar--links{
	padding:15px 0;
}
#menu .sidebar-main .sidebar--links .sidebar__title{
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	color: rgba(0,0,0,0.3);
	margin-bottom:5px;
}
#menu .sidebar-main .sidebar--links a{
 display:block;
 color:#637282;
	font-weight:normal;
	position:relative;
	padding:8px 0;
}
#menu .sidebar-main .sidebar--links a:hover{
	color:#F15A29;
}
#menu .sidebar-main .sidebar--links a.active{
	color:#F15A29;
	font-weight:600;
}
#menu .sidebar-main .sidebar--links a.active:before{
	position:absolute;
	top:8px;
	bottom:8px;
	left:-30px;
	background-color: #F15A29;
	width:3px;
	content:"";
}
@media(max-width: 991px){
 .footer__top .row > div{
	width:100%;
 }
 .benefit--item{
	width:100%;
 }
}
@media(max-width: 768px){
 .benefit__list, .section-benefit .benefit__image{
	width:100%;
 display:block;
 padding: 0px;
 }
 .detail-head .detail__button{
	width:100%;
 }
 .job-detail .detail-head .detail__desc{
 width: 100% !important;
 }
}
@media(max-width: 767px){
 .section-overview .overview__item{
	width:100%;
 margin-bottom: 20px;
 }
 .header__extendlink{
	display:none;
 }
}
@media(max-width: 600px){
 #menu .sidebar-main{
 padding-left: 0px;
 }
 #alljobs .row .jobs-list{
 flex: 100%;
 }
 .jobs-list .jobs__item{
 padding: 20px 0px;
 }
 .benefit__list .benefit__item--image{
 display:inline-block;
 width: 45px;
 }
 .jobs-list .jobs__item .list__item--title{
 padding-bottom: 10px;
 }
 #footer .links-footer{
 float: none;
	width:100%;
 margin-right: 0px;
 margin-bottom: 20px;
 }
 #footer .links__title{
 margin-bottom: 10px;
 }
 .slideMain__item__inner{
 padding: 180px 0 70px;
 }
 .slideMain__item__inner h2{
 font-size: 40px;
 }
 .slideMain__item__inner .img img{
 width: 50px;
 }
}
@media(max-width: 480px){
 .saycustomer-content{
 padding: 0px;
 }
 .jobs-list .jobs__item .list__item--title a{
	font-size:17px;
 }
 .detail-head .title{
	font-size:28px;
 }
 #header-recr .logo img{
 height: 44px;
 }
}
@charset "UTF-8";
@font-face {
	font-family: "Chonburi";
	src: url("https://staticx-talent.basecdn.net/image/fonts/chonburi/chonburi-regular.ttf");
}