@charset "utf-8";
/* CSS Document */



select {
width: 100%;
 font-size: 14px;
color: #555;
font-family: arial, tahoma;
 }
select {
border: none;
background: url(../images/select.png) 98% no-repeat #fff;
padding: 10px 15px;
 -webkit-box-shadow: none;
    outline: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
                        
}

.careers-L {
float: left;
padding-top: 10px;
padding-right: 25px;
font-family: arial, tahoma;
}

.careers-R {
float: left;
font-family: arial, tahoma;
width: 30%;


}
.search{
  padding-bottom: 30px;
}
.tap-p
{
font-family: arial, tahoma;
font-size: 14px;
line-height: 25px;
color: #3c3c3c;
padding: 0!important;
margin: 0!important;
}


.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
  margin-bottom: 8px;
  -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: normal;
  line-height: 25px;
  -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.set > a i{
  float: right;
  margin-top: 2px;
  -webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.set > a.active{
  background-color:#3b5a9a;
  color: #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.content-careers{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
  padding-top: 30px;
  padding-left: 45px;

}
. p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.careers-90
{
  padding: 0;
  margin: 0;
  width: 95%
}
.careers-left{
  float: left;
  width: 65%;
}
.careers-center{
float: left;
width: 18%;
padding-top: 11px;
}
.careers-right{
float: left;
width: 12%;
padding-top: 11px;
}

.fa-plus-p{
  float: right;;
  width: 5%;
  padding-top: 11px;
}
.txt-title-c{
  font-size: 17px;
  font-weight: bold;
}



.page{text-align:center;padding:30px 0 40px;}
.page a{display:inline-block;font-family: arial, tahoma;text-decoration:none;color:#666666;background:#f0f0f0;margin-right:10px;width:35px;height:35px;font-size:16px;}
.page a span{margin-top:8px;display:inline-block;}
.page-active{background:#3b5a9a !important;color:#fff !important;}

.apply{text-align:center;text-decoration:none;cursor:pointer;font-size:16px;}
.apply:hover{text-decoration:none;color:#fff;background-color:#ec0000}
.apply{width:150px;display:block;margin:20px 0 20px 0;background-color:#3b5a9a;color:#fff;padding:10px 30px;}

.box-form {
	background: #fff;
	margin: 30px 0 0
}
.box-form-pad {
	padding: 30px
}
.box-img-contact {
	width: 538px;
	float: left
}
.box-img-contact img {
	width: 100%;
}
.box-form-contact {
	width: 538px;
	float: right
}
ul.form-contact {
	margin: 0;
	padding: 0
}
ul.form-contact li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 258px;
	float: left
}
.txtbox {
	width: 100%;
	border: 1px solid #000;
	background: #fafafa;
	padding: 10px 0;
	text-indent: 10px;
	font: 14px arial, tahoma
}
ul.form-contact li table {
	border-spacing: 0!important
}

.select-faq select {
	font-family: arial!important
}

.select-faq select {
	background: url(../images/select.png) 98% no-repeat #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0!important;
	width: 100%;
	border: 1px solid #000;
	font-size: 14px;
	font-family: tahoma;
	padding: 8px 0;
	text-indent: 4px;
	color: #666
}

.file-upload {
	display: block;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.file-upload .file-select {
	display: block;
	border: 1px solid #000;
	color: #34495e;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: left;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	border-radius:0px;
}
.file-upload .file-select .file-select-button {
	background: #dce4ec;
	padding: 0 10px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.file-upload .file-select .file-select-name {
	line-height: 40px;
	display: inline-block;
	padding: 0 10px;
}
.file-upload .file-select:hover .file-select-button {
	background: #3b5a9a;
	color: #FFFFFF;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.file-upload.active .file-select {
	border-color: #3b5a9a;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.file-upload.active .file-select .file-select-button {
	background: #3b5a9a;
	color: #FFFFFF;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.file-upload .file-select input[type=file] {
	z-index: 100;
	cursor: pointer;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-family: Kanit-Light;
	font-weight: 400;
	
}
.file-upload .file-select.file-select-disabled {
	opacity: 0.65;
}
.file-upload .file-select.file-select-disabled:hover {
	cursor: default;
	display: block;
	border: 2px solid #dce4ec;
	color: #34495e;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	text-align: left;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
}
.file-upload .file-select.file-select-disabled:hover .file-select-button {
	background: #dce4ec;
	color: #666666;
	padding: 0 10px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.file-upload .file-select.file-select-disabled:hover .file-select-name {
	line-height: 40px;
	display: inline-block;
	padding: 0 10px;
}
.file-txt {

    /*padding-left: 16px; */
    font-size: 16px;
    padding-top: 25px;
    color: red;
}

.txtthank {padding: 160px 0; text-align: center;}
h2.txthead-sub  { font-family: 'HelveticaNeueLTStd-BdCn';font-size:  30px;  line-height: 30px; color: #3b5a9a;   text-transform: uppercase; margin-bottom: 20px;}
h2.txthead-sub span { color: #676767}



/** mobile **/
.txtbox {
	text-indent: 10px
}
@media screen and (max-width:1112px) {
.box-img-contact {
    width: 481px;
    float: left;
}
}
@media screen and (max-width:1098px) {
	 ul.form-contact li {width: 48%;}
	.box-form-contact {width: 57%}
	.box-img-contact {width: 40%}
}

@media screen and (max-width:960px) {
.careers-R{width: 55%}
.box-form-contact {width: 100%}	
.box-img-contact, .img-ipad {display: none}
ul.form-contact.application li .txtbox {text-indent: 10px}
ul.form-contact li {width: 48.5%;}
}
@media screen and (max-width:800px) {
	ul.form-contact li {width: 48.2%;}
}
@media screen and (max-width:640px) {
	ul.form-contact li {width: 48%;}
}
@media screen and (max-width:582px) {
ul.form-contact li {width: 98%;}
}
@media screen and (max-width:568px) {
	
.faqs-search .txtbox {
	width: 100%;
	text-indent: 10px
}
ul.form-contact.application li {
	width: 98%
}
ul.form-contact.application li .txtbox {
	text-indent: 10px
}	

.box-form {
	border-radius: 10px
}
.box-form-pad {
	padding: 20px
}
ul.form-contact li table td {
	display: block;
	width: 100%
}
ul.form-contact li table td:nth-of-type(2), ul.form-contact li table td:nth-of-type(4) {display: none}
}

@media screen and (max-width:480px) {
.set > a i {margin-top: -76px;}
.content-careers {padding-left: 15px;}
.careers-R{ width: 68%}
.careers-left {width: 100%;}
.careers-center {width: 100%;padding-top: 0px;}
.careers-right {width: 100%;padding-top: 0px;}
ul.form-contact li {width: 98%;}	
}
@media screen and (max-width:414px) {
.careers-R {width: 100%;padding-top: 5px;}
}