@charset "utf-8";

@import url("webfonts/Muli_Light/stylesheet.css");

@import url("webfonts/Muli_Regular/stylesheet.css");













/* CSS Document */

a:link, a:visited {text-decoration: underline; color:#8b541a} 

a:hover, a:active {text-decoration: underline; color:#eec395} 



html {

	height: 100%;

	background-color: #fce4ca;

}

body {

	height: 100%;

	FONT-FAMILY: Tahoma, MS Sans Serif, Arial; 

	color:#fff;

}



.clear {

	clear: both;

}

#mainWarpper {

	width: 990px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	min-height: 100%;

	height: 100%;

	background-image: url(img/bg.gif);

}



body > #mainWarpper { height: auto; min-height: 100%; }







#marginTopHead {

	background-color: #FFF;

	height: 15px;

}



#warpperInside {

	background-color: #f68e1e;

	height: auto;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	font-family: "Muli Light";

}







#homeHeader {

	background-image: url(img/homeBanner.jpg);

	background-repeat: no-repeat;

	height: 426px;

	width: 960px;

	position: relative;

}

h1 {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 50px;

	color: #5d3110;

	margin: 0px;

	padding: 0px;

	line-height: 1.2;

	font-weight: normal;

}















h2 {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 21px;

	margin: 0px;

	padding: 0px;

	font-weight: normal;

}



h3 {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 20px;

	padding: 0px;

	margin: 0px;

	line-height: 1.2;

	font-weight: normal;

}

h4 {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 24px;

	color: #252525;

	padding: 0px;

	font-weight: normal;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

h5 {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: normal;

	color: #874205;

	padding-top: 20px;

	padding-left: 10px;

	margin: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}

h6 {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #391b00;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 0px;

	font-size: 18px;

}









	

	

#header {

	height: 116px;

	width: 100%;

	position: relative;

}

#headCorner {

	background-image: url(img/headCorner.png);

	position: absolute;

	height: 79px;

	width: 90px;

	left: 0px;

	top: 0px;

}

#logo {



	height: 100px;

	width: 321px;

	position: absolute;

	left: 18px;

	top: 8px;

}



/*nav////////////////////////////////////*/



#NavBG {

	position: absolute;

	width: 575px;

	left: 384px;

	top: 77px;

}



#nav{

	position: relative;

	height: 25px;

	margin: 0px;

	padding:0px;



}





#nav li { /*float the main list items*/

		margin: 0;

		float: left;

		display: block;

		padding-right: 18px;

		list-style: none;

}



#nav li  a {

	display: block;

	position: relative;

	height: 25px;

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFF;

	text-decoration: none;

	text-shadow: 1px 1px 1px #964e01;

	

		-webkit-transition: all 0.3s ease-in 0s;

	-moz-transition: all 0.3s ease-in 0s;

	-ms-transition: all 0.3s ease-in 0s;

	-o-transition: all 0.3s ease-in 0s;

	transition: all 0.3s ease-in 0s;

}



#nav li  a.NavActive {



	color: #964e01;



}

#nav li a:hover, #nav li a:hover {

	color: #964e01;

}

#homeBTN {

	position: absolute;

	height: 60px;

	width: 60px;

	top: -6px;

	right: 12px;

}

#homeBTN a {

	background-image: url(img/homeBtn.png);

	text-indent: -9999px;

	display: block;

	height: 56px;

	width: 59px;

	-webkit-transition: all .3s ease-in;

	-moz-transition: all .3s ease-in;

	-ms-transition: all .3s ease-in;

	-o-transition: all .3s ease-in;

	transition: all .3s ease-in;

	background-position: 0px 0px;

}

#homeBTN a:hover {

	background-position: 0px -56px;

}

/*end nav//////////////////////////////////*/



/*footer//////////////////////////////////*/



#footer {

	margin-top: -43px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	clear: both;

	height: 43px;

	width: 990px;

	z-index: 100;

	position: relative;

}





#footerCopy {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	padding-top: 12px;

	margin-left: 20px;

}



#footerTop {

	height: 103px;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 43px;

}

#footerTopLeft {

	float: left;

	width: 450px;

	margin-top: 20px;

	margin-left: 20px;

}

#footerTopMiddle {

	float: left;

	width: 200px;

	margin-top: 20px;

}

#footerTopRight {

	float: right;

	width: 275px;

	margin-top: 20px;

	margin-left: 10px;

}

.arial11white {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFF;

}

.arial11white a:link, .arial11white a:visited {

	color: #FFF;

	text-decoration: none;

}

.arial11white a:hover, .arial11white a:active {

	color: #964e01;

	text-decoration: none;

}



.footerTopTel {

	clear: left;

	width: 45px;

	float: left;

}

.footerTopTelDetail {

	float: left;

	width: 205px;

}

ul#footerNav {

	margin: 0px;

	padding: 0px;

}

#footerNav li {

	display: block;

	float: left;

	width: 140px;

	list-style-type: none;

}

#footerNav li a {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #f2eab3;

	text-decoration: none;

	-webkit-transition: all 0.3s ease-in 0s;

	-moz-transition: all 0.3s ease-in 0s;

	-ms-transition: all 0.3s ease-in 0s;

	-o-transition: all 0.3s ease-in 0s;

	transition: all 0.3s ease-in 0s;

	display: block;

}

#footerNav li a:hover {

	color: #663400;

}



/*end footer//////////////////////////////////*/





/*hotlink /////////////////////////////////////////////*/

#hotLink {

	width: 960px;

	height: 158px;

	margin-right: auto;

	margin-left: auto;

}

a.hotLinkMenu {

	float: left;

	height: 158px;

	width: 319px;

	margin-left: 1px;

	text-decoration: none;

	display: block;

	position: relative;

	background-image: url(img/hotLinkBG.jpg);

}



a.hotLinkMenu:first-child {





	width: 320px;

	margin-left: 0px;



}

a.hotLinkMenu .hotLinkBG {

	background-image: url(img/hotLinkBG_roll.jpg);

	position: absolute;

	

	height: 158px;

	width: 100%;

	left: 0px;

	top: 0px;

	opacity:0;

    filter:alpha(opacity=0); /* For IE8 and earlier */

	

		-webkit-transition: all 0.3s ease-in 0s;

	-moz-transition: all 0.3s ease-in 0s;

	-ms-transition: all 0.3s ease-in 0s;

	-o-transition: all 0.3s ease-in 0s;

	transition: all 0.3s ease-in 0s;

}



a.hotLinkMenu:hover .hotLinkBG {

	opacity:1;

    filter:alpha(opacity=100); /* For IE8 and earlier */

}



a.hotLinkMenu .hotlinkIcon {

	background-image: url(img/hotlinkIcon.png);

	background-repeat: no-repeat;

	height: 76px;

	width: 76px;

	position: absolute;

	left: 50%;

	top: 30px;

	margin-left: -38px;

}



a.hotLinkMenu:hover .hotlinkIcon {

	top: 20px;

	

			-webkit-transition: all 0.3s ease-in 0s;

	-moz-transition: all 0.3s ease-in 0s;

	-ms-transition: all 0.3s ease-in 0s;

	-o-transition: all 0.3s ease-in 0s;

	transition: all 0.3s ease-in 0s;

}



#hotlinkIcon1 {



	background-position: 0px 0px;



}



#hotlinkIcon2 {



	background-position: 0px -70px;



}



#hotlinkIcon3 {



	background-position: 0px -145px;



}

a.hotLinkMenu .hotlinkText {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 20px;

	text-align: center;

	position: absolute;

	height: 30px;

	width: 100%;

	top: 100px;

	color: #FFF;

	text-decoration: none;

	

				-webkit-transition: all 0.3s ease-in .3s;

	-moz-transition: all 0.3s ease-in .3s;

	-ms-transition: all 0.3s ease-in .3s;

	-o-transition: all 0.3s ease-in .3s;

	transition: all 0.3s ease-in .3s;

}



a.hotLinkMenu:hover .hotlinkText {



	color:#f68e1e;

	top: 100px;



}



/*end hotlink /////////////////////////////////////////////*/



/*about page/////////////////////////////////*/



#aboutHeader {

	background-image: url(img/aboutBanner.jpg);

	background-repeat: no-repeat;

	height: 421px;

	width: 960px;

	position: relative;

	background-position: left bottom;

}



#headName {

	position: absolute;

	height: 52px;

	width: 330px;

	left: 19px;

	top: 126px;

}

.aboutContent1 {

	position: absolute;

	width: 550px;

	left: 387px;

	top: 139px;

	color: #f3f1c6;

}

#aboutMission {

	text-align: center;

	width: 100%;

	background-color: #db5903;

}

#aboutMission1 {

	background-image: url(img/missionHead.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	width: 100%;

	padding-top: 120px;

	padding-bottom: 80px;

}

#aboutMission3 {

	text-align: center;

	width: 940px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 30px;

}

#aboutMissionPresent {

	text-align: center;

	width: 100%;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #f68e1e;

	border-bottom-color: #f68e1e;

}

#about4presentTable {

	width: 100%;

}

#about4presentTable tr td {

	color: #000;

	width: 25%;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #f68e1e;

	vertical-align: top;

}

#about4presentTable tr td:first-child {

	width: 25%;

	border-left-style: none;

}

.about4PresentContent {

	color: #000;

	text-align: center;

	padding: 10px;

}

.blueFont {

	color: #233093;

}



/*end about page/////////////////////////////////*/

/*service page///////////////////////////////////*/



#serviceHeader {

	width: 960px;

	/* [disabled]min-height:650px; */

	position: relative;



}





#serviceIcon {

	/* [disabled]position: absolute; */

	height: 151px;

	width: 562px;

	/* [disabled]left: 387px; */

	/* [disabled]top: 460px; */

}

#serviceH1 {

	font-size: 20px;

}



.serviceIconDiv:first-child {

	border-left-style: none;

}



a.serviceiconPic {

	background-image: url(img/serviceIcon.png);

	background-repeat: no-repeat;

	height: 128px;

	width: 136px;

	margin-top: 5px;

	margin-right: auto;

	margin-left: auto;

	display: block;

	color: #FFF;

	text-decoration: none;

	position: relative;

}

a.serviceiconPic .serviceIconLabel {

	font-size: 13px;

	background-image: url(img/serviceiconLabel.png);

	background-repeat: no-repeat;

	position: absolute;

	height: 30px;

	width: 135px;

	top: 90px;

	left: 0;

	padding-top: 5px;

	display: block;

	-webkit-transition: all .2s ease-in 0s;

	-moz-transition: all .2s ease-in 0s;

	-ms-transition: all .2s ease-in 0s;

	-o-transition: all .2s ease-in 0s;

	transition: all .2s ease-in 0s;

}

a.serviceiconPic:hover  .serviceIconLabel{

	color: #f68e1e;

	top: 85px;

}

a#serviceicon1 {

	background-position: 0px 0px;

}



a#serviceicon1:hover {

	background-position: -146px 0px;

}



a#serviceicon2 {

	background-position: 0px -123px;

}



a#serviceicon2:hover {

	background-position: -135px -123px;

}



a#serviceicon3 {

	background-position: 0px -240px;

}



a#serviceicon3:hover {

	background-position: -134px -240px;

}





#service1 {

	position: relative;

	background-color: #db5903;

	background-image: url(img/serviceBanner01.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}

.serviceUnitLeft {

	float: left;

	height: 200px;

	width: 365px;

	position: relative;

}

.serviceUnitHead {

	position: absolute;

	height: 319px;

	width: 451px;

	top: 0px;

	left: 0px;

}

.serviceUnitRight {

	float: left;

	width: 577px;

	padding-top: 90px;

	padding-bottom: 20px;

}

.list1 {

	margin: 0px;

	line-height: 1.2;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 20px;

	list-style-type: square;

	font-family: "Muli Light";

	font-size: 14px;

}

.serviceUnitBtn {

	clear: left;

	margin-left: 330px;

	padding-bottom: 30px;

}

a.serviceProcess .serviceUnitBtnIcon {

	height: 35px;

	width: 35px;

	margin-right: 2px;

	display: block;

	background-image: url(img/serviceUnitIcon.png);

	background-repeat: no-repeat;

	float: left;

	background-position: 0px 0px;

	-webkit-transition: all 0.2s ease-in 0s;

	-moz-transition: all 0.2s ease-in 0s;

	-ms-transition: all 0.2s ease-in 0s;

	-o-transition: all 0.2s ease-in 0s;

	transition: all 0.2s ease-in 0s;

}

a.serviceProcess:hover .serviceUnitBtnIcon {

	background-position: -36px 0px;

}

a.serviceProcess {

	color: #ffc8a4;

	text-decoration: none;

	font-family: "Muli Light", Arial, Helvetica, sans-serif;



}

a.serviceProcess .servicetext {

	background-color: #a2490f;

	height: 30px;

	padding-top: 5px;

	display: block;

	margin-left: 36px;

	padding-left: 10px;

		-webkit-transition: all 0.2s ease-in 0s;

	-moz-transition: all 0.2s ease-in 0s;

	-ms-transition: all 0.2s ease-in 0s;

	-o-transition: all 0.2s ease-in 0s;

	transition: all 0.2s ease-in 0s;

}

a.serviceProcess:hover .servicetext  {

	color: #FFF;

	background-color: #351b07;

}

#service2 {

	position: relative;

	background-color: #e17a36;

	background-image: url(img/serviceBanner02.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}

#service3 {

	position: relative;

	background-color: #db5903;

	background-image: url(img/serviceBanner03.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}



/*recuritment////////////////////////*/



#recruitementContent {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-right: 20px;

}

#recruitHead {

	float: left;

	width: 500px;

}

.btnSubmitResume {

	float: right;

	width: 265px;

	margin-top: 10px;

	margin-right: -20px;

}

a.submitResume {

	background-image: url(img/btnSubmitResume.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	text-indent: -9999px;

	display: block;

	height: 49px;

	width: 265px;

}



a.submitResume:hover {



	background-position: 0px -49px;



}

.paginator {

	color: #914e05;

}

.paginator {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 15px;

	color: #914e05;

	text-align: right;

	margin-top: 5px;

	margin-bottom: 5px;

	clear: both;

}

.paginator a:link, .paginator a:visited {

	color: #5a350c;

	text-decoration: none;

	padding: 3px;

}

.paginator a:hover, .paginator a:active {

	color: #fff;

	text-decoration: none;

	padding: 3px;

}

a.activepage:link, a.activepage:visited {

	background-color: #663400;

	color: #FFF;

}

.recruitmentList {

	background-image: url(img/recruitmentLine.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 15px;

	padding-bottom: 15px;

}

.recruitListHead , .recruitListHead a:link, .recruitListHead a:visited {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 23px;

	color: #914217;

	padding-bottom: 10px;

	text-decoration: none;

}

.recruitListHead a:hover, .recruitListHead a:active {



	color: #321a00;



}

.recruitmentListLeft {

	float: left;

	width: 203px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #cc6a00;

}

.recruitmentListRight {

	float: right;

	width: 690px;

}

.recruiteTable1 td {

	background-color: #e38118;

	width: 206px;

	padding: 3px 10px;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #f68e1e;

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 1.2;

	color: #914217;

}

.recruiteTable1 td div {

	font-size: 12px;

	color: #000;

}

.recruitmentListRight ul {

	margin: 10px 0 10px 10px;

	padding: 0px;

	list-style-type: none;

}

.recruitmentListRight ul li{

	background-image: url(img/bullet.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

}

/*.recruitList {

	margin: 10px 0 10px 10px;

	padding: 0px;

	list-style-type: none;

}

.recruitList li{

	background-image: url(img/bullet.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

}*/

.recruitFunction {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	background-color: #964e01;

}

.recruitFunction2 {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #7d4a00;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #964e01;

	border-left-color: #964e01;



}

.recruitFunction3 {

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #7d4a00;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #964e01;

	border-left-color: #964e01;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #964e01;



}

a.btnMoreDatail {

	text-indent: -9999px;

	display: block;

	height: 30px;

	width: 203px;

	margin-top: 2px;

	background-image: url(img/recruitBtn.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	left: 0px;

	top: 0px;

}

a.btnMoreDatail:hover {



	background-position: -207px 0px;



}

a.btnApply {

	text-indent: -9999px;

	display: block;

	height: 30px;

	width: 203px;

	margin-top: 2px;

	background-image: url(img/recruitBtn.png);

	background-repeat: no-repeat;

	background-position: 0px -39px;

	left: 0px;

	top: 0px;

}



a.btnApply:hover {



	background-position: -207px -39px;



}

.recruitSearch {

	float: left;

	width: 210px;

	margin-right: 5px;

}

.searchName {

	font-size: 15px;

	color: #964e01;

	padding-bottom: 3px;

	padding-left: 10px;

}



/*end recruitment//////////////////////////*/



#searchBTN {

	float: left;

	padding-top: 20px;

}

a.searchIcon {

	background-image: url(img/searchIcon.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	display: block;

	height: 37px;

	width: 37px;

	text-indent: -9999px;

	-webkit-transition: all 0.2s ease-in 0s;

	-moz-transition: all 0.2s ease-in 0s;

	-ms-transition: all 0.2s ease-in 0s;

	-o-transition: all 0.2s ease-in 0s;

	transition: all 0.2s ease-in 0s;

}

a.searchIcon:hover {

	background-position: -37px 0px;

}

.contentRecruit {

	padding-bottom: 20px;

	padding-left: 10px;

}

.backBtn {

	padding-top: 20px;

	padding-bottom: 40px;

	padding-left: 10px;

}



/*end recruite////////////////////*/





/*hot candidate///////////////////////*/

.candidateTable1 td {

	background-color: #e38118;

	width: 50%;

	padding: 3px 10px;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #f68e1e;

	font-family: "Muli Light", Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height: 1.2;

	color: #914217;

}

.candidateTable1 td div {

	font-size: 12px;

	color: #000;

}

.divSelectIndustry {

	float: right;

	width: 277px;

	margin-top: 10px;

}

.candidateContact {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

	line-height: 1.2;

	text-align: center;

	padding-top: 5px;

	/* [disabled]padding-bottom: 5px; */

}



.candidateContact a:link, .candidateContact a:visited {

	color: #f9dfb6;

	text-decoration: none;

	background-color: #cb4800;

	padding: 5px;

	display: block;



}



.candidateContact a:hover, .candidateContact a:active{

	color: #fff;

	text-decoration: none;

	background-color: #000;

	padding: 5px;

	display: block;



}



/*end candidate/////////////////////////////*/



/*contact////////////////////////////////////////////*/

#contactHeader {

	background-image: url(img/contactBanner.jpg);

	background-repeat: no-repeat;

	height: 490px;

	width: 960px;

	position: relative;

	background-position: left bottom;

}

#mapContact {

	background-image: url(img/map.jpg);

	background-repeat: no-repeat;

	position: relative;

	height: 463px;

	width: 960px;

}

#contactTableform td {

	width: 50%;

	padding-top: 5px;

	vertical-align: top;

}

.form1 {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	background-color: #fff;

	padding: 5px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	-o-border-radius: 2px;

	width: 250px;

}



.formSelectBox{

	background: transparent;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

	padding: 5px;

		width: 250px;

		border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	

	

	-webkit-appearance: none;

}

.selectBoxDiv {

	background-image: url(img/selectBoxArrow.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	float:left;

	/*width: 250px;*/

	/*overflow: hidden;*/



	border-radius: 2px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	-o-border-radius: 2px;

	background-color: #FFF;

}

a#BtnSend {

	background-image: url(img/btnSend.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 27px;

	width: 83px;

	display: block;

	text-indent: -9999px;

	text-align: left;

	float: right;

	margin-right: 16px;

}



a#BtnSend:hover {

		background-position: 0px -27px;

}

#mapContactDetail {

	background-color: #615d49;

	padding: 10px;

	width: 940px;

	/*width: 100%;

	width: 295px;

	position: absolute;

	left: 635px;

	top: 247px;*/

	opacity: 0.9;

	filter: alpha(opacity=90); /* For IE8 and earlier */

	font-size: 12px;

	line-height: 1.4;

}

#contactTelTable {

	margin-top: 10px;

	margin-bottom: 10px;

}



#contactTelTable td  a:link, #contactTelTable td  a:visited{

	color:#FFF;

	text-decoration:none;

}

#contactTelTable td  a:hover, #contactTelTable td  a:active{

	color:#fa9f4e;



}

a#PrintMapBtn {

	font-family: "Muli Regular", Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFF;

	text-decoration: none;

	text-align: center;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #97937e;

	-webkit-transition: all .3s ease-in;

	-moz-transition: all .3s ease-in;

	-ms-transition: all .3s ease-in;

	-o-transition: all .3s ease-in;

	transition: all .3s ease-in;

}

a#PrintMapBtn:hover {

	background-color: #f68e1e;

}

.requiredfield {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #914217;

	float: right;

}





/*end contact//////////////////////////////////////*/



.recruitLeftDiv {

	font-size: 14px;

	color: #914217;

	width: 238px;

	float: left;

	padding-top: 3px;

}



.recruitAllDiv {

	font-size: 14px;

	color: #914217;

	padding-top: 3px;

	clear: both;

}



.recruitRightDiv {

	clear: right;

	float: right;

	width: 653px;

	padding-top: 3px;

	color: #FFF;

}

.brown12 {

	font-size: 12px;

	color: #914217;

}

a.btnResume {

	background-image: url(img/btnSubmit.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display:block;

	height: 36px;

	width: 123px;

	margin-right: 2px;

	float: left;

	

}

a#btnResume01 {

	background-position: 0px 0px;



	

}

a#btnResume01:hover {

	background-position: 0px -38px;

}



a#btnResume02 {

	background-position: -125px 0px;

	float: left;

}

a#btnResume02:hover {

	background-position: -125px -38px;

}

#headNameService {

	float: left;

	margin-top: 10px;

	margin-left: 19px;

}

#mainContentService {

	float: left;

	margin-top: 15px;

	margin-left: 75px;

	width: 550px;

}







/*PDPA box////////////////////*/

.alertPolicyBox {

	color: #ffdfcd;

	background-color: #ce4900;

	width: 100%;

	padding-top: 30px;

	padding-bottom: 30px;

	position: fixed;

	left: 0px;

	bottom: 0px;

	z-index: 600;

}



.alertPolicyBoxCenter {

	width: 960px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	

}





.alertPolicyBox a {

	color: #FFFFFF;

	text-decoration: underline;

	

}

a.policyAccept {

	color: #f65700;

	width:100%;

	text-decoration: none;

	background-color: #FFF;

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

	text-align:center

}

a.policyAccept:hover {

    background-color: #FFF2BB;

}







a.policyAcceptNot {

	color: #145088;

	text-decoration: none;

	background-color: #66CCFF;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

	display: inline-block;

}



/*end PDPA box////////////////////*/