@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

@font-face {
    font-family: MontserratRegular;
    src: url(../fonts/Montserrat-Regular.otf);
}


@font-face {
    font-family: MontserratBold;
    src: url(../fonts/Montserrat-Bold.otf);
}

@font-face {
    font-family: Bebas;
    src: url(../fonts/bebas.ttf);
}

@font-face {
    font-family: MYRIADPRO-REGULAR;
    src: url(../fonts/myriadproregular.otf);
}

@font-face {
    font-family: Pragmatica_Medium;
    src: url(../fonts/Pragmatica_Medium.ttf?v=1);
}

.navbar-default .navbar-nav>li>a{
	font-family: sans-serif !important;
}

.navbar-default .navbar-nav>li>a:hover{
	font-family: sans-serif !important;
}

.iconMember{
	cursor: pointer;
}

.navbar-nav>li>a{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

.overlayBg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.6;
	z-index: 9999;
	margin-top: -20px;
}

.txtSearchJob{
	width: 100%;
	height: 40px;
	border: 1px solid #000000;
	margin-top: 14px;
	text-indent: 10px;
	font-size: 20px;
	outline: none;
	border-radius: 5px;
}

.popupLogin,.popupPassword{
	max-width: 400px;
	width: 100%;
	background: #ffffff;
	position: fixed;
	z-index: 99999;
	text-align: center;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 20px;
}

.lockCon{
	background: #f1c40f;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	font-family: MontserratBold;
	font-size: 15px;
	text-transform: uppercase;
}

.loginTxt{
	margin-top: 10px;
}

.lockMag{
	width: 65px;
	height: 65px;
	margin: 0 auto;
	border: 1px solid #ffffff;
	border-radius: 50px;
}

.fa-lock{
	background: #f1c40f;
	color: #ffffff;
	margin-top: 10px;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f1c40f;
	margin: 0 auto;
}

.arrow-down-red {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #CC0000;
	margin: -10px auto;
}
.arrow-down-red2 {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ff6666;
	margin: -10px auto;
}

.navbar-default .navbar-nav>li>a{
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #000000;
}

.jobTitle{
	font-family: MontserratRegular;
	font-size: 22px;
	color: #333333;
	padding-bottom: 20px;
	padding-top: 20px;
}

.recentJobList tr th{
	font-family: MontserratRegular;
	font-size: 14px;
	color: #878787;
}

.recentJobList tr td{
	font-family: sans-serif;
	font-size: 14px;
	color: #333333;
}

.recentJobList tr td.time{
	font-family: sans-serif;
	font-size: 12px;
	color: #717171;
}

.recentJobList tr td.view{
	font-family: sans-serif;
	font-size: 12px;
	color: #CC0000;
}

.recentJobList tr td.view a{
	font-family: sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
}

.recentJobList tr td.viewMore{
	font-family: sans-serif;
	font-size: 15px;
	color: #CC0000;
	padding-top:15px;
}

.recentJobList tr td.viewMore a{
	font-family: sans-serif;
	font-size: 15px;
	color: #CC0000;
	text-decoration: none;

}

.featuredList{
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	width: 100%;
	height: 60px;
	padding-bottom: 25px;
	padding-top: 18px;
	padding-left: 20px;
	margin-bottom: 12px;
	text-align: left;
	font-family: sans-serif;
	font-size: 16px;
	color: #CC0000;
}

.featuredListMember{
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	width: 100%;
	height: 50px;
	padding-bottom: 25px;
	padding-top: 13px;
	padding-left: 20px;
	margin-bottom: 12px;
	text-align: left;
	font-family: sans-serif;
	font-size: 16px;
	color: #CC0000;
}

.featuredListMember .arrow{
	position: absolute;
	right:0px;
	margin-top: -23px;
	margin-right: 25px;
	color: #828282;
}

.featuredListMember .arrow a{
	color: #828282;
}

.shapeCon.top{
	margin-top: 25px;
}

.featuredList .arrow{
	position: absolute;
	right:0px;
	margin-top: -23px;
	margin-right: 25px;
	color: #828282;
}

.featuredList .arrow a{
	color: #828282;
}

.jobNav{
	text-align: center;
}

.jobNav a{
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #CC0000;
	font-family: sans-serif;
	font-size: 16px;
}

.viewAll{
	text-align: right;
}

.viewAll a{
	text-decoration: none;
	color: #CC0000;
	font-family: sans-serif;
	font-size: 12px;
}

.table{
	margin-bottom: 0px;
}

.editorialSec{
	margin-top: 20px;
}

.thumbnailPasona{
	position: relative;
}

.hoverText{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
}

.hoverTextRed{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}

.hoverText h5{
	color: #ffffff;
	text-align: center;
	margin-top: 40px;
	font-family: sans-serif;
	font-size: 15px;
}

.hoverTextRed h5{
	color: #CC0000;
	text-align: center;
	margin-top: 40px;
	font-family: sans-serif;
	font-size: 15px;
}

.hoverText p{
	color: #ffffff;
	text-align: center;
	margin-top: 40px;
	font-family: sans-serif;
	font-size: 13px;
}

.hoverText a, .hoverTextRed a{
	text-decoration: none;
	color: #ffffff;
}

.learnMoreW{
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	margin: 30px auto;
	bottom: 0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.clientCon{
	width: 1850px;
}

.clientList{
	overflow: hidden;
	width: 100%;
}

.learnMoreR{
	border: 1px solid #CC0000;
	width: 150px;
	margin: 30px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	background: #CC0000;
	color: #ffffff;
	bottom: 0;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.fa-play-circle-o{
	color: #CC0000;
}

.mainTitle{
	font-family: sans-serif;
	font-size: 22px;
	color: #333333;
	padding-top: 20px;
}

.jobDesc{
	padding-bottom: 20px;
}

hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

.img-responsive{
	width: 100%;
}

.footerCon{
	margin-top: 30px;
	background: #f9f9f9;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000000;
	font-family: sans-serif;
	font-size: 12px;
}

.footerCon ul{
	list-style: none;
	padding: 0;
}

.footerCon ul li a{
	color: #000000;
}

.copyRight{
	text-align: center;
}

.num{
    background:#000;
    color:#fff;
    padding:10px;
    width:50px;
    text-align:center;
}

.carImg{
	position: absolute;
	z-index: 10000;
	top: 50px;
	right: 250px;
}

.carImg img{
	width: 100px;
}

.hide{
	display: none;
}
.carousel-caption p{
	font-family: sans-serif;
	font-size: 70%;
}

.carousel-caption span{
	font-family: sans-serif;
	font-size: 20px;
}

.carousel-caption a{
	text-decoration: none;
	color: #CC0000;
}

.carousel-caption span{
	font-size: 150%;
}

.browseJobBtn{
	width: 100px;
	height: 35px;
	background: #dddddc;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: sans-serif;
	font-size: 13px;
	color: #CC0000;
	border-radius: 35px;
}

.xperiaPhone{
	position: absolute;
	right: 0px;
	top: 40px;
}

.phone1{
	z-index: 30;
	top: 65px;
}

.phone2{
	z-index: 20;
	top: 55px;
}

.phone3{
	z-index: 10;
}

.navbar-default .navbar-nav>li>a{
	margin-left: 5px;
	margin-right: 5px;
	color: #000000;
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover{
	background-color: #CC0000;
	color: #ffffff;
	border-radius: 5px;
}

.navbar-default .navbar-nav>.loginBtn>a{
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #CC0000;
	margin-left: 5px;
}

.navbar-default .navbar-nav>.loginBtn.selected>a{
	background-color: #ffffff;
	color: #CC0000;
}

.navbar-default .navbar-nav>.loginBtn>a:hover{
	background-color: #ffffff;
	color: #CC0000;
}

.jobUpdate{
	float: left;
}

.shapeCon{
	position: relative;
	height: 50px;
	background: #ffffff;
	border: 1px solid #CC0000;
	font-family: sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-top: 8px;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

.shapeCon.active{
	background: #CC0000;
	border: 1px solid #CC0000;
	color: #ffffff;
}

.shapeCon.oneLine{
	line-height: 10px;
}

.shapeConLong{
	position: relative;
	height: 50px;
	background: #f1efec;
	border: 1px solid #f1efec;
	font-family: sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	padding-top: 13px;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

.shapeConLong.active{
	background: #ff6666;
	border: 1px solid #ff6666;
	color: #ffffff;
}

.shapeConLong.oneLine{
	line-height: 10px;
}

.shapeConMember{
	position: relative;
	width: 100%;
	height: 50px;
	background: #ffffff;
	border: 1px solid #CC0000;
	font-family: sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.shapeRight {
	width: 150px;
	height: 30px;
	border-bottom: 59px solid red;
	border-left: 59px solid transparent;
	top: 0;
	right: 0;
	position: absolute;
	color: #ffffff;
	text-align: right;
}

.shapeRightMember {
	width: 150px;
	height: 20px;
	border-bottom: 49px solid red;
	border-left: 49px solid transparent;
	top: 0;
	right: 0;
	position: absolute;
	color: #ffffff;
	text-align: right;
}

.oneLine{
	padding-top: 18px;
}

.oneLineMember{
	padding-top: 14px;
}

.numJob{
	padding-top: 8px;
	padding-right: 8px;
	font-size: 14px;
}

.valueJob{
	text-align: right;
	font-size: 17px;
}

.forJapanSpeaker{
	background-image : url(../images/sideButtonLinkJpSpeaker.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 123px 58px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.forJapanSpeaker:hover{
	background-size: 246px 116px;
}

.workAtOversea{
	background-image : url(../images/sideButtonLinkWorkOverseas.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	color: #ffffff;
}

.workAtOversea:hover{
	background-size: 120% 120%;
}

.japaneseCon{
	background-image : url(../images/sideButtonLinkJp.png);
	background-repeat: no-repeat;
	background-size: 162px 58px;
	background-position: right;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	background-color: #f6f7f9;
}

.japaneseCon:hover{
	background-size: 324px 116px;
}

.noBorder{
	border: none;
}

hr{
	width: 100%;
	height: 1px;
	background: #b3b3b3;
}

.consultantCon{
	overflow: hidden;
	margin-bottom: 35px;
	/*overflow-x: scroll;*/
}

.consultantList{
	width: 1400px;
}

.consultantPro{
	float: left;
	position: relative;
}

.arrowConsultant{
	position: absolute;
	color: #ffffff;
	width: 40px;
	height: 60px;
	background-color: rgba(255, 0, 0, 0.5);
	padding-left: 10px;
	padding-top: 8px;
	margin-top: 42px;
	cursor: pointer;
	z-index: 999;
}

.arrowConsultant.arrowRight, .arrowConsultant.arrowRightClient{
	right: 15px;
	padding-left: 15px;
}

.exNature{
	font-family: sans-serif;
	font-size: 15px;
	margin-bottom: 15px;
	color: #333333;
}

.overlayName{
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	z-index: 998;
	/*bottom: -50px;*/
	bottom: 0px;
	color: #ffffff;
}

/*switch box*/
.onoffswitch {
    position: relative; width: 72px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 36px; padding: 0; line-height: 36px;
    border: 2px solid #CCCCCC; border-radius: 36px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 36px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 34px;
    border: 2px solid #CCCCCC; border-radius: 36px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #EB4646;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #EB4646;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

/*end switch box*/
.findJob{
	float: left;
	padding-bottom: 20px;
}

.findJob.Text{
	margin-left: 20px;
	margin-top: 8px;
	font-family: sans-serif;
	font-size: 15px;
	color: #000000;
}

.liveSearchBox{
	width: 100%;
	height: 55px;
	border: none;
	border-bottom: 2px solid #f86b4f;
	text-indent: 32px;
	color: #f86b4f;
	font-size: 20px;
	outline: none;
	background-color:rgba(0, 0, 0, 0);
}

.liveSearchBox::-webkit-input-placeholder {
   color: #f86b4f;
}

.liveSearchBox:-moz-placeholder { /* Firefox 18- */
   color: #f86b4f;
}

.liveSearchBox::-moz-placeholder {  /* Firefox 19+ */
   color: #f86b4f;
}

.liveSearchBox:-ms-input-placeholder {  
   color: #f86b4f;
}

.searchGlass{
	position: absolute;
	color: #f86b4f;
	margin-top: 15px;
}

.searchBoxCon{
	
}

/*industry*/
.jobCategoryCon{
	/*height: 298px;*/
	float: left;
	margin-bottom: 20px;
	background: #000000;
	width: 100%;
	cursor: pointer;
}

.jobCategoryCon:hover{
	-webkit-box-shadow: 0 4px 4px -2px #000000;
   -moz-box-shadow: 0 4px 4px -2px #000000;
        box-shadow: 0 4px 4px -2px #000000;
		-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.industry{
	width: 100%;
	height: 143px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.jobCat{
	ffont-family: sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	background-position : center 30px;
	background-repeat: no-repeat;
	height: 155px;
	padding-top: 80px;
	padding-left: 10px;
	padding-right: 10px;
}

.overlayIndustry{
	/*background: rgba(255, 255, 255, 0.5);*/
	width: 100%;
	height: 100%;
	position: absolute;
}

.rightCircle{
	top: 30%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	position: absolute;
	width: 65px;
	height: 70px;
	color: #CC0000;
}

.profilePic{
	width: 60px;
	height: 60px;
	border-radius: 60px;
}

.countVal{
	width: 25px;
	height: 25px;
	background: #dedede;
	position: absolute;
	border-radius: 20px;
	text-align: center;
	padding-top: 2px;
	margin-left: 30px;
	margin-top: -7px;
	color: #000000;
}

.countVal.red{
	background: #CC0000;
	color: #ffffff;
}

.personName{
	font-family: sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
}

.personName span{
	font-family: sans-serif;
	font-size: 18px;
	color: #CC0000;
}

.fa-weixin,.fa-envelope-o,.fa-star-o{
	color: #CC0000;
}

.iconMember{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.industry:hover{
	background-size: 120% 120%;
}

.industry1{
	background-image: url(../images/IndustryImage1.jpg);
}
.industry2{
	background-image: url(../images/IndustryImage2.jpg);
}
.industry3{
	background-image: url(../images/IndustryImage3.jpg);
}
.industry4{
	background-image: url(../images/IndustryImage4.jpg);
}
.industry5{
	background-image: url(../images/IndustryImage5.jpg);
}
.industry6{
	background-image: url(../images/IndustryImage6.jpg);
}
.industry7{
	background-image: url(../images/IndustryImage7.jpg);
}
.industry8{
	background-image: url(../images/IndustryImage8.jpg);
}
.industry9{
	background-image: url(../images/IndustryImage9.jpg);
}
.industry10{
	background-image: url(../images/IndustryImage10.jpg);
}
.industry11{
	background-image: url(../images/IndustryImage11.jpg);
}
.industry12{
	background-image: url(../images/IndustryImage12.jpg);
}
.industry13{
	background-image: url(../images/IndustryImage13.jpg);
}
.industry14{
	background-image: url(../images/IndustryImage14.jpg);
}

.jobCat1{
	background-color: #f46d66;
	background-image : url(../images/icon/All.png);
}
.jobCat2{
	background-color: #1abc9c;
	background-image : url(../images/icon/Management.png);
}
.jobCat3{
	background-color: #2980b9;
	background-image : url(../images/icon/Sales.png);
}
.jobCat4{
	background-color: #a255c2;
	background-image : url(../images/icon/Accounting.png);
}
.jobCat5{
	background-color: #dc554f;
	background-image : url(../images/icon/HR.png);
}
.jobCat6{
	background-color: #6cc1ed;
	background-image : url(../images/icon/Secreterial.png);
}
.jobCat7{
	background-color: #5cae50;
	background-image : url(../images/icon/BuyingLogistic.png);
}
.jobCat8{
	background-color: #fba026;
	background-image : url(../images/icon/CallCenter.png);
}
.jobCat9{
	background-color: #870b46;
	background-image : url(../images/icon/InterpretingTranslator.png);
}
.jobCat10{
	background-color: #2ecc71;
	background-image : url(../images/icon/IT.png);
}
.jobCat11{
	background-color: #2c3e50;
	background-image : url(../images/icon/Engineering.png);
}
.jobCat12{
	background-color: #e4b700;
	background-image : url(../images/icon/F_B.png);
}
.jobCat13{
	background-color: #ff641a;
	background-image : url(../images/icon/fashion_2.png);
}
.jobCat14{
	background-color: #6c218b;
	background-image : url(../images/icon/Other.png);
}

.mapMarker{
	margin-left: -60px;
}

.selSearchCon{
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	height: 50px;
}

.selSearchCon .selBox select{
	width: 160px;
	height: 40px;
	text-indent: 17px;
	margin-right: 20px;
	outline: none;
	margin-top: 20px;
}

.selBox{
	float: left;
}

.sel-marker{
	position: absolute;
	margin-top: 33px;
    margin-left: -94px;
}

.industryCon{
	height: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.industryCon::-webkit-scrollbar {
    width: 1em;
}
 
.industryCon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 20px;
	
}
 
.industryCon::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border: 1px solid slategrey;border-radius: 20px;
}


/*login*/
.loginTitle{
	font-family: sans-serif;
	text-align: center;
	font-size: 25px;
}

.subTitle{
	font-family: sans-serif;
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}

.loginCon{
	border: 1px solid #dedede;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #fefefe;
}

.socialLogin{
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
}

.socialLogin img{
	margin-top: 5px;
	cursor: pointer;
}

.socialLogin img:hover {
	position:relative;
	top:-1px;
}

.socialLogin img:active {
	position:relative;
	top:1px;
}

.orCon{
	position: relative;
	text-align: center;
}

.line{
	width: 80%;
	height: 1px;
	background: #dedede;
	margin-bottom: 20px;
	margin: 70px auto;
}

.or{
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: #e0e0e0;
	padding-top: 20px;
	font-family: sans-serif;
	text-align: center;
	font-size: 20px;
	border-radius: 70px;
	position: absolute;
	top: -35px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.txtBox{
	width: 70%;
	height: 40px;
	border: none;
	background: #eeeeee;
	outline: none;
	margin-bottom: 20px;
	text-indent: 60px;
	margin: 10px auto;
	display: block;
	font-size: 14px;
}

.txtEmail ,.txtEmailPop{
	background-image: url(../images/loginInputIconUser.png);
	background-repeat: no-repeat;
}

.txtPassword, .txtPasswordPop{
	background-image: url(../images/loginInputIconPass.png);
	background-repeat: no-repeat;
}

.txtBox::-webkit-input-placeholder {
   color: #9f9f9f;
}

.txtBox:-moz-placeholder { /* Firefox 18- */
   color: #9f9f9f;
}

.txtBox::-moz-placeholder {  /* Firefox 19+ */
   color: #9f9f9f;
}

.txtBox:-ms-input-placeholder {  
   color: #9f9f9f;
}

.txtReg{
	text-indent: 20px;
}

.txtHalf{
	width: 34.7%;
	display: inline-block;
	margin: 0 auto;
}

.btnSearchJob{
	width: 100%;
	height: 40px;
	bottom: 0px;
	margin-top: 20px;
	background: #CC0000;
	border: none;
	color: #ffffff;
	font-family: sans-serif;
	font-size: 17px;
	outline: none;
}

.registerloginBtn {
	-moz-box-shadow: 0px 4px 0px 0px #b12b1f;
	-webkit-box-shadow: 0px 4px 0px 0px #b12b1f;
	box-shadow: 0px 4px 0px 0px #b12b1f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #CC0000));
	background:-moz-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-webkit-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-o-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-ms-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:linear-gradient(to bottom, #CC0000 5%, #CC0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000',GradientType=0);
	background-color:#CC0000;
	border:1px solid #b12b1f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: sans-serif;
	font-size:17px;
	font-weight:bold;
	padding:8px 44px;
	text-decoration:none;
	width: 70%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.registerloginBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #CC0000));
	background:-moz-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-webkit-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-o-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:-ms-linear-gradient(top, #CC0000 5%, #CC0000 100%);
	background:linear-gradient(to bottom, #CC0000 5%, #CC0000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000',GradientType=0);
	background-color:#CC0000;
}
.registerloginBtn:active {
	position:relative;
	top:1px;
}

.jobPagination{
	margin: 20px auto;
	width:100%;
	text-align: center;
	margin-bottom: 20px;
}

.jobPagination ul{
	list-style: none;
	margin-top: 10px;
	margin-left: -40px;
}

.jobPagination ul li{
	display: inline-block;
	width: 30px;
	font-family: sans-serif;
	text-align: center;
	font-size: 15px;
}

.jobPagination ul li a{
	color: #000000;
	text-decoration: none;
}

.jobPagination ul li a:hover{
	color: #ed1f18;
	text-decoration: none;
}

.jobPagination ul li a.selected{
	color: #ed1f18;
	text-decoration: none;
}

.toyotaText{
	margin-top: 70px;
	margin-left: -110px;
}

.sonyText{
	margin-top: 80px;
	margin-left: -110px;
}

.panaText{
	margin-left: -50px;
	top: 0px;
}

/*slider*/
/* Because of the prefix/suffix we need to shift the labels left
    a little bit so they are still aligned centrally. */
                    
#prefix-suffix-slider .ui-slider-label {
  margin-left: -1.75em; 
}

/* We also use a media query so the pips do not crowd-over each other
    when we get to a small screen size */
                    
@media screen and (max-width: 1040px) {
    #prefix-suffix-slider .ui-slider-pip:nth-of-type(2n+1) .ui-slider-label {
        display: none; 
    } 
}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:22px;
	height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-family: sans-serif;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	color: #f86b4f;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}
label.css-label {
	background-image:url(../images/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tableOption{
	height: 40px;
}

.tableOption tr td{
	border: 1px solid #f46d66;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border-radius: 20px;
	outline: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding-top: 15px;
	padding-bottom: 15px;
}

.jobBanner{
	background-image: url(../images/search_job_banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.jobIndustryBanner{
	background-image: url(../images/job_industry_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.jobIndustryBannerMultiple{
	background-image: url(../images/job_industry_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	padding-top: 20px;
	padding-bottom: 20px;
}



.filterJobAs{
	list-style: none;
	margin-top: 20px;
	margin-left:-40px;
}

.filterJobAs li{
	float: left;
	border: 1px solid #f46d66;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 2px;
	padding-right: 2px;
}

/*about us*/
.titleCon{
	width: 100%;
	height: 40px;
	margin-top: 30px;
	background: #f9f9f9;
	padding-top: 6px;
	font-size: 18px;
	font-weight: bold;
}

.textCon{
	margin-top: 20px;
	font-size: 14px;
	font-family: sans-serif;
}

.textCon span{
	font-weight: bold;
	color: #000000;
}

.companyPhoto{
	width: 100%;
	height: 300px;
	background: #e5e6e6;
	margin-top: 20px;
}

.txtInputContact{
	width: 100%;
	background: #ffffff;
	border: 1px solid #d5d5d5;
	height: 35px;
	text-indent: 10px;
	outline: none;
	border-radius: 5px;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
  .eight-cols .col-md-1,
  .eight-cols .col-sm-1,
  .eight-cols .col-lg-1  {
    width: 100%;
  }
  
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
     width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
	.seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
     width: 10.685%;
    *width: 10.685%;
  }
  
  .eight-cols .col-md-1,
  .eight-cols.col-sm-1,
  .eight-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
  }
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
     width: 10.685%;
    *width: 10.685%;
  }
  
   .eight-cols  .col-md-1,
  .eight-cols  .col-sm-1,
  .eight-cols  .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%
  }

}

.filterBranch{
	text-align: center;
	border-top: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000000;
	cursor: pointer;
}

.filterHistory{
	text-align: center;
	border: 1px solid #a5a5a5;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000000;
	cursor: pointer;
	margin-bottom: 5px;
	margin-right: 5px;
}

.filterBranch.active{
	background: #CC0000;
	color: #ffffff;
}

.filterBranch:hover{
	background: #CC0000;
	color: #ffffff;
}

.filterBranchCon{
	margin-top: 20px;
}

.table tbody>tr>td{
    vertical-align: top;
}

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

.recentJobList span{
	font-weight: bold;
}

.temp{
	font-size: 30px;
}

/*video list*/
.videoList{
	width: 100%;
	height: 100px;
	background: #000000;
	color: #ffffff;
	padding-top: 9px;
	margin-bottom: 10px;
	cursor: pointer;
}

.videoListPlay{
	width: 320px;
	height: 100px;
	background: #000000;
	color: #ffffff;
	padding-top: 9px;
	margin-bottom: 10px;
}

.playBtn{
	text-align: right;
	cursor: pointer;
	position: absolute;
	right: 20px;
	margin-top: 40px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoCon{
	color: #000000;
	font-weight: bold;
}

.videoDesc{
	width: 100%;
	background: #ffffff;
	border: 3px solid #e8eff0;
	margin-top: 20px;
	font-weight: normal;
	padding: 10px;
	max-height: 200px;
	overflow-y: auto;
}

/*our service*/
.slideDetails img{
	text-align: center;
}

.serviceTitle{
	width: 90%;
	height: 40px;
	background: rgba(249, 249, 249, 0.8);
	font-weight: bold;
	padding: 8px;
}

.serviceDesc{
	margin-top: 20px;
	width: 90%;
	color: #000000;
}

.center{
	text-align: center;
}

.ourServiceList{
	color: #000000;
}

.ourServiceList .titleCon{
	margin-bottom: 20px;
}

.ourServiceList span{
	font-weight: bold;
}

.ourServiceList .view{
	color: #CC0000;
}

.overlayWhite{
	background: #000000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	margin-top: -20px;
}

.enquiryFormPop{
	max-width: 400px;
	position: fixed;
	z-index: 99999;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background: #fafafa;
	text-align: center;
	border: 1px solid #dedede;
	top: 5%;
}

.enquiryTitle{
	width: 100%;
	height: 40px;
	color: #000000;
	text-align: center;
	background: #cccccc;
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	font-family: sans-serif;
}

/*enquiry form*/
.txtInput{
	width: 100%;
	height: 40px;
	border: 1px solid #dedede;
	text-indent: 35px;
	font-size: 15px;
	outline: none;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
}

.txtArea{
	width: 100%;
	height: 90px;
	border: 1px solid #dedede;
	font-size: 15px;
	outline: none;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	resize: none;
}

.txtNameE{
	background-image : url(../images/icon_name.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: top left;
}

.txtCompanyName{
	background-image : url(../images/icon_company.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: top left;
}

.txtEmailE{
	background-image : url(../images/icon_email.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: top left;
}

.txtPhoneE{
	background-image : url(../images/icon_phone.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: top left;
}

.txtWebE{
	background-image : url(../images/icon_web.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: top left;
}

.sendEnquiryBtn{
	height: 30px;
	font-size: 12px;
	border: 1px solid #dedede;
	border-radius: 10px;
	background: #fefefe;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	text-align: right;
	margin-top: -10px;
	float: right;
	font-weight: bold;
}

.sendEnquiryBtn:hover{
	color: #ffffff;
	background: #e32532;
}

.checkBoxTnc{
	width: 15px;
	height: 15px;
}

.enquiryFormPop span{
	font-size: 15px;
}

.closeEnquiry{
	font-size: 25px;
	color: #000000;
	position: absolute;
	z-index: 99999;
	top: 0px;
	right: 10px;
	cursor: pointer;
}

/*job seekers*/
.blueBack{
	width: 100%;
	height: 305px;
	background: #ffffff;
}

.seekerIcon{
	background-image : url(../images/candidatebanner.png);
	background-repeat : no-repeat;
	background-position: 20% 20%;
}

.howTo{
	font-size: 40px;
	font-family: sans-serif;
	color: #294a5f;
	letter-spacing: 2px;
	margin-left: 70px;
	margin-top: -170px;
}

.howTo span{
	font-size: 60px;
	font-family: sans-serif;
	color: #7387a0;
}

.img-reponsive{
	width: 80%;
}

.pasonaLogo{
	position: absolute;
	width: 150px;
	bottom: -10px;
	right: 200px;
}

.signUpBtn{
	right: 0px;
	top: 70px;
	cursor: pointer;
}

.inquiryBtn{
	left: 130px;
	top: 210px;
	position: absolute;
	cursor: pointer;
}

/* Petor code */
.jd-banner{
	height:400px;
	padding-top:20px;
	padding-left:50px;
	color:#fff;
	position:relative;
}
img.pasona-banner-logo {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.jd-company{
	text-transform:uppercase;
	font-weight:bold;
}
.jd-company img{
	width:72px;
	height:55px;
	margin-right:6px;
}
p.browse-more-btn{
	
}
p.browse-more-btn a {
    background: #e3dedb;
    color: #CC0000;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    text-decoration: underline;
}
.jd-job-a span:first-child {
    display: block;
    width: 65px;
    height: 65px;
    background: #2969b0 url(../images/icon/currency.png) no-repeat center center;
    float: left;
    border-radius: 30px;
    margin-right: 10px;
}
.jd-job-b span:first-child {
    display: block;
    width: 65px;
    height: 65px;
    background: #7ca951 url(../images/icon/calender.png) no-repeat center center;
    float: left;
    border-radius: 30px;
    margin-right: 10px;
}
.jd-job-c span:first-child {
    display: block;
    width: 65px;
    height: 65px;
    background: #e25041 url(../images/icon/back.png) no-repeat center center;
    float: left;
    border-radius: 100%;
    margin-right: 10px;
}
.jd-job-a span:last-child,
.jd-job-b span:last-child,
.jd-job-c span:last-child{
	display:block;
	margin-top:10px;
}
.block-a{
    padding: 5px;
    padding-left: 15px;
}
.jd-adetail{
    background-color: #eee;
    padding: 5px;
    padding-left: 15px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom: 20px;
}
.block-c{
	margin-top:40px;
	margin-bottom:40px;
}
.top50{margin-top:50px;}
.block-c p.fbtn a{
	background-color:#ebebeb;
	padding:5px 15px;
	border:none;
	border-radius:5px;
	color:#CC0000;
	font-weight:bold;
}
p.flink a{
	text-decoration:underline;
	color:#CC0000;
}
ul.block-r {
    margin: 0;
    padding: 0;
    text-align: center;
	margin-top:20px;
}
ul.block-r li{
	display:inline-block;
	margin:6px;
}
#googleMap{
	width:100%;
	height:160px;
	margin:30px auto;
}
.jd-right-side{
	padding:15px;
	padding-top:20px;
	background:#eee;
	border:1px solid 1px solid rgba(187, 187, 187, 0.16);
}
.apply-for-this {
    background: #e86b5a;
	width: 120px;
	height: 50px;
	color: #ffffff;
	background-image: url(../images/logo-3.png);
	background-size: 20%;
	background-position: 85px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	cursor: pointer;
}
.relatedJobOpening{
	margin-top:30px;
	background-color:#eee;
	border:1px solid rgba(187, 187, 187, 0.16);
	padding-bottom:20px;
}
.relatedJobOpening h4{
    background-color: #dfdfdf;
    color: #000;
    padding: 11px;
    padding-left: 20px;
	margin-top:0;
}
.relatedJobOpening ul{margin:0;padding:0;margin-left:20px;}
.relatedJobOpening ul li {
    list-style: none;
    margin-bottom: 8px;
    border-bottom: 1px solid #aaa;
}
.relatedJobOpening ul li a {
    display: block;
    padding-bottom: 8px;
	color:#7c7c7c;
}
.shareThisJob{
	margin-top:50px;
	margin-bottom: 20px;}
.shareThisJob ul{
	padding: 0;
	text-align: center;
	margin-bottom:120px;
	width: 170px;
	margin: 0 auto;
}
.shareThisJob ul li {
    background: #eee;
    margin: 0px;
    padding: 7px 10px;
    float: left;
    list-style: none;
}
.shareThisJob ul li a img{
	width:35px;
	height:35px;
}

.clear{clear:both;}
p.text-center i.fa-weixin{
	font-size:30px;
}
ul.pro-top li{
	text-align:center;
	margin-left:15px
}
ul.pro-top li span:first-child{
	font-size: 30px;
	color: #CC0000;
	width: 35px;
	height: 35px;
	margin: auto;
	margin-bottom: 6px;
	padding-top: 8px;
}
ul.pro-top li span{
	display:block;
}
ul.pro-top li span span{
    font-size: 14px !important;
    position: absolute;
    background: #eee;
    padding: 10px 2px;
    top: -15px;
    border-radius: 100%;
    right: -15px;
}
ul.pro-top li a span{color:#000 !important;}
ul.pro-top li span img{
	width:40px;
	height:40px;
}
ul.pro-top li.pa-profile-img span:first-child{
margin-top:0;padding-top:0;	
}

.pp-header{
	border:1px solid #fff;
	position:relative;
}
.row.cover-img {
    height: 400px;
    background: url() no-repeat center center;
    background-size: cover;
	position:relative;
}
.inside-cover {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
	margin-left: 80px;
}
.mrmike span.h4{
	text-transform:uppercase;
	margin-right:30px;
}
.mrmike span:last-child{
	margin-left:10px !important;
}
.under-cover {
    background-color: #f9f9f9;
    padding-top: 10px;
}
.inside-under .col-md-2 p{text-transform:capitalize;}
.inside-under .col-md-2:last-child{padding-left:0;}
.pp-avatar {
    width: 168px;
    height: 171px;
    background: #fff url(../images/michael-asmar.jpg) no-repeat center center;
    background-size: contain;
    position: absolute;
    z-index: 1;
    bottom: -60px;
    padding: 5px;
	left:25px;
	box-shadow: 1px 1px 3px #6D6D6D;
	border: 4px solid #fff;
}
.pp-avatar span {
    position: absolute;
    font-size: 25px;
    color: #fff;
    right: 10px;
    margin-top: 140px;
}
.change-cover-icon{
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
    color: #fff;
    font-size: 25px;
}

p.my-interview {
    color: red;
    text-transform: uppercase;
    font-weight: bold;
    background: url(../images/icon/calendar5.png) no-repeat left center;
    padding-left: 30px;
    background-size: contain;
    margin-top: 20px;
}
span.noti-count {
    position: absolute;
    background: #eee;
    padding: 2px 9px;
    border-radius: 100%;
    left: 20px;
    top: 5px;
}
.ps-left-info{
	position:relative;
	margin-top:20px;
}

.personal-information {
    padding: 10px;
    border: 1px solid #aaa;
    padding-top: 15px;
	box-shadow: 1px 1px 3px #6D6D6D;
	margin-top:30px;
}
.personal-information p:first-child{
	margin-bottom:25px;
}
.personal-information p {
    line-height: 7px;
}
div.photo-album img {
    width: 109px;
    height: 115px;
    margin-right: 1px;
    margin-bottom: 5px;
}
div.photo-album img:nth-child(3n){
	margin-right:0;
}
.post-status {
    border: 5px solid #e9eae3;
    padding: 5px;
	padding-right:10px;
}
.post-status ul {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}
.post-status ul li:first-child{margin-left:0;}
.post-status ul li {
    display: inline-block;
    margin-left: 5px;
}
.post-status ul li a{
	text-decoration:none;
	color:#ed312c;
	font-weight:bold;
}
.post-status ul li.active a{
	color:#373e4d;
}
.post-status ul li.active {
    background: url(../images/icon/up-arrow.png) no-repeat;
    background-position: center 15px;
    padding-bottom: 6px;
}
.post-status .glyphicon-pencil{
	background: #ff5c5c;
	padding: 2px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
}
.post-text{
	padding-top:5px;
	padding-left:5px;
}
.post-text img{
	width:45px;
	height:45px;
	float:left;
	margin-right:5px;
}
.post-text textarea {
    font-weight: bold;
    resize: none;
    width: 92%;
    padding: 5px;
    padding-top: 0;
    overflow-y: auto;
    height: 90px;
    border: none;
}
input.post-btn {
    background: #ff2020;
    border: none;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 10px;
}

.user-timeline {
    border: 1px solid #aaa;
    margin-top: 30px;
    padding: 10px;
    border-radius: 5px;
	padding-bottom:0;
}
.user-timeline h4.timeline-head a.tm-option{
	float:right;
}
.user-timeline h4.timeline-head {
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
	position:relative;
	margin-bottom:20px;
}
.user-timeline h4 img.tm-uimg{
width: 35px;
    height: 35px;
    float: left;
    margin-right: 7px;

}
ul.timeline-list{
	margin:0;
	padding:0;
}
ul.timeline-list{
	list-style:none;
}
.timeline-photo {
    margin-top: 20px;
    text-align: center;
	margin-bottom:5px;
}

.em-register-btn li a{
    border: 1px solid rgba(236, 15, 7, 0.21) !important;
    padding: 5px 15px !important;
    border-radius: 5px !important;
    color: rgba(236, 15, 7, 0.73) !important;
    font-weight: normal !important;
    margin-left: 6px !important;
}
.em-register-btn li a:hover{
	background:#fff !important;
}

.sign-step{
	position:relative;
	
}

.sign-progress {
    width: 100%;
    height: 7px;
    background: #eee;
    margin-top: 21px;
}
.p0{padding:0; position:relative;}

.sign-step{}
.sign-step div.col-md-2 {
    text-align: center;
    position: relative;
}
.sign-step div.col-md-2 div.sign-process{}
.sign-step div.col-md-2 span.each-step{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    border-radius: 100%;
	margin:0 auto;
    background: url(../images/process-bg.png);
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}
.sign-step div.col-md-2 span{}
.outter-step{
    background: url(../images/process-bg.png) repeat-x center;
    background-size: 100% 5px;
}

.step-area{
	background: #f9f9f9;
	padding-top: 30px;
	padding-bottom: 25px;
}

.social-acc{
	margin-top:25px;
}
.social-acc ul{
	padding:0;
	text-align:center;
}
.social-acc ul li{
	list-style:none;
	display:inline-block;
	margin-right:30px;
}

.required-form p.rf-header{
    text-align: center;
    background: #2980b9;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    text-transform: capitalize;
    padding-top: 25px;
    padding-bottom: 25px;
}
.required-form {
    background: #eee;
    padding: 0;
}

.blueCircle{
	width: 60px;
	height: 60px;
	background-color: #2969b0;
	border-radius: 100%;
	text-align: center;
	color: #ffffff;
	padding-top: 15px;
}

.greenCircle{
	width: 60px;
	height: 60px;
	background-color: #e6c24c;
	border-radius: 100%;
	text-align: center;
	color: #ffffff;
	padding-top: 15px;
}

.orangeCircle{
	width: 60px;
	height: 60px;
	background-color: #e25041;
	border-radius: 100%;
	text-align: center;
	color: #ffffff;
	padding-top: 15px;
}

.noPadRight{
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 10px;
}

.noPad{
	padding:0;
}

/*admin*/
.txtSearchBox{
	width: 100%;
	height: 40px;
	border: none;
	border-bottom: 1px solid #000000;
	outline: none;
	margin-bottom: 20px;
	margin-top: 10px;
}

.selBoxFilter{
	width: 100%;
	height: 35px;
	background: #f6f6f6; 
}

.candidatePhoto{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	box-shadow: 0px 5px 5px #888888;
	background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
}

.personIncharge img{
	width: 50px;
	height: 50px;
	border: 5px solid #ffffff;
	border-radius: 100%;
	box-shadow: 0px 5px 5px #888888;
}

.noImg{
	width: 50px;
	height: 50px;
	background: #e1e1e1;
	border: 5px solid #ffffff;
	border-radius: 100%;
	box-shadow: 0px 5px 5px #888888;
	text-align: center;
	font-size: 10px;
	padding-top: 5px;
	color: #818181;
}

.checkBoxCan{
	width: 20px;
	height: 20px;
}
/*end admin*/

.serviceOne{
	background-image: url(../images/recruiment_slide.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.serviceTwo{
	background-image: url(../images/outsourcing_slide.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.serviceThree{
	background-image: url(../images/consulting_slide.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.serviceFour{
	background-image: url(../images/other_slide.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.slideOne{
	background-image: url(../images/SliderPasona1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.slideTwo{
	background-image: url(../images/toyota_banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.slideThree{
	background-image: url(../images/SliderSony1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.slideFour{
	background-image: url(../images/SliderPanasonic1.jpg?v=1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.slideFive{
	background-image: url(../images/toyota_banner.png?v=1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 0px;
}

.step{
	cursor: pointer;
}

.line1{
	width: 0%;
	height: 7px;
	background: #dd2828;
	margin-top:70px;
	position: absolute;
}

.line2{
	width: 0%;
	height: 7px;
	background: #f19922;
	margin-top:70px;
	position: absolute;
}

.line3{
	width: 0%;
	height: 7px;
	background: #6cad44;
	margin-top:70px;
	position: absolute;
}

.line4{
	width: 0%;
	height: 7px;
	background: #3e498f;
	margin-top:70px;
	position: absolute;
}

.line5{
	width: 0%;
	height: 7px;
	background: #68b793;
	margin-top:70px;
	position: absolute;
}

.line6{
	width: 0%;
	height: 7px;
	background: #dd2069;
	margin-top:70px;
	position: absolute;
}

.line7{
	width: 0%;
	height: 7px;
	background: #dd2828;
	margin-top:70px;
	position: absolute;
}


.lineRight{
	right: 0px;
}

.jobSeekerCon{
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	font-family: sans-serif;
}

.jobSeekerCon img{
	z-index: 1000;
	position:relative;
}

.titleJobSee{
	position: absolute;
	top: 25px;
	font-weight: bold;
	text-align: left;
}

.descJobSee{
	position: absolute;
	text-align: left;
	width: 34%;
	margin-top: 80px;
}

.viewMoreW{
	border: 4px solid #CC0000;
	width: 120px;
	margin: 0 auto;
	color: #CC0000;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 20px;
	margin-top: 40px;
}

.titleJobSee1{
	font-family: sans-serif;
	color: #da2b2f;
	font-size: 160%;
}

.titleJobSee2{
	font-family: sans-serif;
	color: #ef9834;
	font-size: 160%;
}

.titleJobSee3{
	font-family: sans-serif;
	color: #6eac4b;
	font-size: 160%;
}

.titleJobSee4{
	font-family: sans-serif;
	color: #404b8d;
	font-size: 160%;
}

.titleJobSee5{
	font-family: sans-serif;
	color: #6bb693;
	font-size: 160%;
	top: 0px;
}

.titleJobSee6{
	font-family: sans-serif;
	color: #db2669;
	font-size: 160%;
	top: 0px;
}

.titleJobSee7{
	font-family: sans-serif;
	color: #db2b2f;
	font-size: 160%;
	top: 0px;
}

.enquiryBtn{
	width: 140px;
    height: 40px;
    background-color: #CC0000;
    background-image: url(../images/mail.png);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 10px 15px;
    color: #ffffff;
    border-radius: 10px;
    padding-left: 40px;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    margin: 0 auto;
    cursor: pointer;
}

.enquiryBtnRed{
    height: 40px;
    background-color: #CC0000;
    color: #ffffff;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
   font-family: sans-serif;
    margin: 0 auto;
    cursor: pointer;
	z-index: 9;
	position: absolute;
}

.historyBtn{
	width: 220px;
    height: 40px;
    background-color: #CC0000;
    background-image: url(../images/history.png);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 10px 10px;
    color: #ffffff;
    border-radius: 10px;
    padding-left: 40px;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    cursor: pointer;
	position: relative;
	text-decoration: none;
}

.mainThumbImg{
	margin-top: 20px;
}

.thumbImg{
	margin-top: 20px;
}

.thumbImg img{
	border: 1px solid #ffffff;
	cursor: pointer;
}

.thumbImg .active{
	border: 1px solid #000000;
}

.contactBack{
	background-image: url(../images/contact_back.jpg?v=1);
	background-size: cover;
}

.whiteBack{
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	opacity: 0.7;
}

.officeAddress{
	background: rgba(0,0,0,0.7);
	height: 100%;
	text-align: center;
	color: #ffffff;
}

.officeAddress h3{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 30px;
}

.officeAddress p{
	font-family: sans-serif;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.contactUs{
	text-align: center;
}

.contactUs h3{
	text-align: center;
	font-family: sans-serif;
	font-size: 28.13px;
	color: #000000;
}

.contactUs p{
	font-family: sans-serif;
	font-size: 15px;
	color: #000000;
}

.sendAMsg{
	width: 160px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: right;
}

/**/
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 260px;
	height: 200px;
	display: inline-block;
	margin: 13px;
	cursor: pointer;
}

.ch-grid li p{
	text-align: left;
}

.ch-grid li img{
	text-align: left;
}

.ch-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
	transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 4px -2px rgba(0,0,0,0.75);
}

.ch-img-1 { 
	background-image: url(../images/recruiment.png);
}

.ch-img-2 { 
	background-image: url(../images/outsourcing.png);
}

.ch-img-3 { 
	background-image: url(../images/consulting.png);
}

.ch-img-4 { 
	background-image: url(../images/other.png);
}

.ch-info {
	position: absolute;
	background: rgba(0,0,0, 0.7);
	width: inherit;
	height: inherit;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	cursor: pointer;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	margin: 0 30px;
	padding: 90px 0 0 0;
	height: 140px;
	font-family: sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: sans-serif;
}

.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	
}

.ch-item:hover .ch-info {
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

/*apply form*/
.applyCon{
	width: 1200px;
	background: #bdbec0;
	padding: 10px;
	position: fixed;
	z-index: 9999;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0px;
}

.applyTitle{
	margin-left: 20px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}

.socialBox{
	width: 40px;
	height: 40px;
	background: #000000;
	border-radius: 100%;
	text-align: center;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.socialBox img{
	width: 13px;
	padding-top: 6px;
}

.socialBox .fa{
	color: #ffffff;
	padding-top: 8px;
	font-size: 24px;
}

.stage a{
}

.stage{
	min-height: 100px;
}

.stage1{
	border-left: 10px solid #FF6666;
	border-top: 1px solid #ffffff;
	background: #f2f2f2;
}
.stage2{
	border-left: 10px solid #8EC63F;
	border-top: 1px solid #ffffff;
	background: #fbfbfb;
}
.stage3{
	border-left: 10px solid #FF6666;
	border-top: 1px solid #ffffff;
	background: #f2f2f2;
}
.stage4{
	border-top: 1px solid #ffffff;
	background: #fbfbfb;
}
.stage5{
	border-top: 1px solid #ffffff;
	background: #f2f2f2;
	text-align: center;
}

.createResumeBtn{
	color: #cc0000;
	font-weight: bold;
}

.createResumeBtn a{
	color: #cc0000;
	font-weight: bold;
	margin: 0px;
}

.btnApplyJob{
	width: 200px;
	height: 45px;
	background: #ff6666;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
	padding-top: 13px;
	margin-top: 5px;
	font-weight: bold;
	cursor: pointer;
}

.closeApply{
	width: 40px;
	height: 40px;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	border-radius:100%;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}

.resumeCon{
	background: #ffffff;
	border: 1px solid #f1efec;
	padding-left: 20px;
	display: table;
	position: relative;
}

.leftResume{
	background: #cc0000;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	display: table-cell;
	float: none;
	width: 30%;
}

.candidatePhotoResume{
	width: 170px;
	height: 170px;
	background: #b0aa9f;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 50px;
	border-radius: 100%;
	background-image: url(../images/profile.png?v=1);
	background-size: 80%;
	background-position: center 30px;
	background-repeat: no-repeat;
}

.candidatePhotoResumeSample{
	width: 170px;
	height: 170px;
	background: #b0aa9f;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 50px;
	border-radius: 100%;
	background-image: url(../images/PasonaConsultants3.jpg?v=1);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.formTitleResume{
	padding: 10px;
	font-family: sans-serif;
	font-size: 14px;
	text-align: center;
	display:inline-block;
	margin: 20px auto;
	letter-spacing: 4px;
}

.formTitleResume.white{
	color: #ffffff;
	border: 3px solid #ffffff;
}

.formTitleResume.red{
	color: #CC0000;
	border: 3px solid #000000;
}

.resumeTxt{
	border: 1px solid #A6A6A6;
	width: 80%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	height: 35px;
	text-indent: 5px;
	outline: none;
}

.resumeRightTxt{
	border: 1px solid #A6A6A6;
	width: 50%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	height: 35px;
	text-indent: 5px;
	outline: none;
}

.resumeRightShortTxt{
	border: 1px solid #A6A6A6;
	width: 25%;
	margin-top: 15px;
	height: 35px;
	text-indent: 5px;
	outline: none;
}

.resumeRightSplitTxt{
	border: 1px solid #A6A6A6;
	width: 70%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	height: 35px;
	text-indent: 5px;
	outline: none;
}

.resumeTxtArea{
	height: 200px;
	resize: none;
	overflow: auto;
	text-indent: 0;
}

.rightResume{
	background: #ffffff;
	text-align: center;
	display: table-cell;
	float: none;
	width: 70%;
	padding-bottom: 20px;
}

.whiteSection{
	background: #ffffff;
	position: relative;
}

.sectionResume{
	background: #F1EFEC;
	padding-top: 30px;
	padding-bottom: 30px;
}

.userNameResume{
	text-align: center;
	font-family: sans-serif;
	font-size: 34px;
	color: #000000;
	letter-spacing: 4px;
}

.blackLine{
	background: #000000;
	height: 5px;
	width: 45%;
	margin: 10px auto;
}

.addFieldBtn{
	font-size: 30px;
	color: #000000;
	font-family: sans-serif;
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

.rightResume .formTitleResume{
	margin-top: 45px;
}

.txtPName{
	text-align: left;
	font-family: sans-serif;
	color: #000000;
}

.txtPDesc{
	text-align: left;
	color: #A6A6A6;
}

.jobEx{
	margin-top: 20px;
	margin-bottom: 20px;
}

.jobExList{
	height: auto;
}

.slider1{
	margin-top: 25px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: red;
	margin-top: -3px;
}

.ui-widget-content{
	height: 1px;
	background: #000000;
	border: none;
}

.btnResume{
	float: left;
	background: #FF6666;
	text-align: center;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.styleOnly{
	height: 185px;
	width: 20px;
	position: absolute;
	background: #F1EFEC;
	left: 0px;
	top: 100px;
}

.resumeCon .fa{
	color: #ffffff;
}

.resumeCon .leftResume table .detail{
	color: #ffffff;
	text-align: center;
}

.aboutMe{
	width: 85%;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	line-height: 20px;
	margin-bottom: 20px;
}

.positionName{
	text-align: center;
	font-family: sans-serif;
	font-size: 25px;
	color: #CC0000;
}

.rightResume table{
	width: 100%;
}

.skillCon{
	width: 100%;
	height: 13px;
	background: #A5A5A5;
}

.skillLevel{
	background: #CC0000;
	height: 13px;
}

.skillTable , .langTable{
	text-align: left;
	color: #585550;
	font-family: sans-serif;
}
.skillTable tr td , .langTable tr td{
	padding-top: 5px;
	padding-bottom: 5px;
}

.previewResume,.previewCoverLetter{
	z-index: 99999;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

div.banner-sn-1{
    background: url(../img/banner/3.png) no-repeat;
    background-size: 100% 100%;
	color:#fff;
}
div.banner-sn-2{
    background: url(../img/banner/toyotamobile.png) no-repeat;
    background-size: 100% 100%;
	color:#000;
}
div.banner-sn-3{
    background: #cbb1d8 url(../img/banner/2.jpg) no-repeat;
    background-size: 100% 100%;
	background-position: 0 -73px;
}
div.banner-sn-4{
    background: #000000 url(../img/banner/1.jpg) no-repeat;
    background-size: 100% 100%;
	background-position: 0 -55px;
}

.mobileSlide{
	height: 400px;
	max-width: 648px;
	margin: 0px auto;
}

.sliderMobile1{
	background: #000000 url(../images/1.jpg) no-repeat;
    background-size: 100%;
	background-position: 0px 0px;
	color:#fff;
	height: 400px;
}

.sliderMobile1 .mobileTxt{
	font-size: 18px;
	font-family: sans-serif;
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
}

.sliderMobile1 .readMore{
	width: 100px;
	height: 25px;
	background-color:rgba(255,255,255,0.7);
	color: #000000;
	padding-top: 2px;
	padding-left: 5px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	font-weight: bold;
	margin-top: 10px;
}

.mobileTxtWhite{
	text-align: center;
	color: #ffffff; 
	font-size: 14px;
	margin-top: 10px;
	font-family: sans-serif;
}

.bullCon{
	width: 100px;
	margin: 0 auto;
}

.bull{
	width: 10px;
	height: 10px;
	border: 1px solid #ffffff;
	border-radius: 100%;
}

.bull.active{
	background: #ffffff;
}

.letterForm{
	text-align: left;
	color: #585550;
	font-family: sans-serif;
	font-size: 14px;
}

.letterForm span{
	font-weight: bold;
}

.promptSave{
	max-width: 420px;
	background: #F5F5F5;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 9999;
	margin-top: 100px;
	padding-bottom: 10px;
}

.promptTitle{
	color: #FA555A;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;

}

.promptUnder{
	height: 2px;
	background: #FA555A;
	width: 100%;
}

.promptMsg{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.buttonPro{
	width: 100%;
	height: 30px;
	background: #FA555A;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	font-family: sans-serif;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 5px;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	
	.leftResume{
		background: #cc0000 !important;
		color: white !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.formTitleResume.white{
		color: white !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.formTitleResume.red{
		color: #CC0000 !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.whiteSection{
		background: #ffffff !important;
		-webkit-print-color-adjust: exact; 
	}

	.sectionResume{
		background: #F1EFEC !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.blackLine{
		background: #000000 !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.positionName{
		color: #CC0000 !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.fa{
		color: white !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.txtPDesc{
		color: #A6A6A6 !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.fa-mobile-phone:before, .fa-mobile:before, .fa-envelope:before, .fa-map-marker:before, .fa-globe:before, .fa-birthday-cake:before, .fa-venus-mars:before{
		color: white !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.resumeCon .leftResume table .detail, .aboutMe{
		color: white !important;
		-webkit-print-color-adjust: exact; 
	}
	
	.skillCon{
		width: 100%;
		height: 13px;
		background: #A5A5A5 !important;
		-webkit-print-color-adjust: exact; 
	}

	.skillLevel{
		background: #CC0000 !important;
		height: 13px;
		-webkit-print-color-adjust: exact; 
	}
	
}

.snsCon{
	position: fixed;
	z-index:99;
}

.snsIcon{
	width: 60px;
	height: 50px;
	background: #dedede;
	margin-left: -10px;
}

.snsIcon:hover{
	margin-left: 0px;
	cursor: pointer;
}

.snsFb{
	background-image: url(../images/fbsns.png);
	background-repeat: no-repeat;
}

.snsLink{
	background-image: url(../images/insns.png);
	background-repeat: no-repeat;
}

.snsGplus{
	background-image: url(../images/googleplus.jpg);
	background-repeat: no-repeat;
}
.snsTwitter{
	background-image: url(../images/twitter.jpg);
	background-repeat: no-repeat;
}
.snsLine{
	background-image: url(../images/linesns.png);
	background-repeat: no-repeat;
}

.favListCon{
	width: 300px;
	height: 400px;
	background: #ffffff;
	border: 2px solid #dedede;
	position: absolute;
	border-radius: 10px;
	margin-top: 0px;
	z-index: 999;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #dedede;
	margin-left: 270px;
	margin-top: 50px;
}

.titleFav{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid #dedede;
}

.compLogo{
	width: 50px;
	height: 50px;
	background: #dedede;
	margin-left: 10px;
}

.favDe{
	margin-top: 10px;
}

.jobName{
	font-size: 15px;
}

.jobName span{
	color: #CC0000;
}

.favList{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 340px;
}