/* Job list
----------------------------------------------------*/
.jl-row {
	background-color: #FFF;
	padding: 12px 48px 12px 48px;
	border-left: 8px solid #afc2ce;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.jl-row:hover {
	background-color: #f9f9f9;
}
.jl-row.active,
.jl-row.active:hover {
	background-color: #3280b3;
}
.jl-row.active .jl-title {
	color: rgba(255, 255, 255, 1);
}
.jl-row.active .jl-job-info {
	color: rgba(255, 255, 255, 0.8);
}
.jl-row.active a:link,
.jl-row.active a:visited {
	color: rgba(255, 255, 255, 0.8);
}
.jl-listing .jl-row {
	padding-left: 40px;
}
.jl-row.jl-de {
	/* border-left-color: #e48d8b;*/
}
.jl-row.jl-ia {
	/*border-left-color: #73a6ca;*/
}
.jl-row.jl-pc {
	/* border-left-color: #6CBA7A;*/
}
.jl-row .batch-apply-cb {
	position: absolute;
	left: 14px;
	top: 8px;
	z-index: 3;
}
.jl-row .save-job {
	font-size: 24px;
	position: absolute;
	right: 14px;
	top: 8px;
	z-index: 3;
}
.jl-row .save-job i.fa.fa-star {
	color: #FCCF00;
}
.jl-row .checkbox-cus + .checkbox-cus-label:before,
.jl-row .radio-cus + .radio-cus-label:before {
	width: 24px;
	height: 24px;
}
.jl-row .checkbox-cus:checked + .checkbox-cus-label:before {
	font-size: 115%;
	line-height: 0.9;
}
.jl-row .save-job .fa-heart {
	color: #d33737;
}
.jl-row .jl-comp {
	padding-right: 68px;
	position: relative;
}
.jl-comp h3 {
	font-weight: 500;
	line-height: 19px;
	margin: 0;
}
.jl-row .comp-logo {
	height: 36px;
	position: absolute;
	top: 50%;
	right: -36px;
}
.jl-title {
	font-size: 16px;
	color: #3280b3;
}
.jl-title h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #3280b3;
	text-align: left;
	margin: 0;
}
.jl-comp-name {
	font-size: 14px;
	font-weight: 500;
	color: #666;
	margin: 6px 0 8px 0;
	display: inline-block;
	position: relative;
	z-index: 3;
}
.jl-comp-name:link, .jl-comp-name:visited {
	color: #666;
}
.jl-comp-name:hover {
	color: #888;
}
.jl-job-info {
	font-size: 13px;
	color: #666;
}
.jl-job-info i.fa, .jl-job-info span.ct-icon {
	width: 16px;
	text-align: center;
	font-size: 15px;
	margin-right: 2px;
}

.jl-job-info .exp span.ct-icon {
	vertical-align: -2px;
}
.jl-job-info ul li {
	margin-bottom: 4px;
	position: relative;
}
.jl-job-info ul li.post-date {
	margin-bottom: 0;
}
.jl-job-info .benefit-list {
	display: inline-block;
	position: absolute;
	top: -3px;
}
.jl-job-info .benefit-list span.ct-icon {
	font-size: 24px;
	width: auto;
	margin: 0 4px;
}
/* End of Job list
/*----------------------------------------------------*/

.job-boost-main .jl-listing {
	padding: 0 0 42px 0 ;
}

#latest-jobs {
	background: url('/images/ctjob/job_boost/header.jpg') repeat scroll center center / cover transparent;
}
#latest-jobs h1 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 15px;
}
.get-matching-jobs {
	padding: 16px 0;
}
.get-matching-jobs .form-group label {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}
.get-matching-jobs .form-input span.glyphicon {
	font-size: 15px;
	color: #666;
	position: absolute;
	left: 4px;
	top: 12px;
	margin-left: 8px;
}
.get-matching-jobs .form-inline label {
	margin-right: 16px;
}
.get-matching-jobs .form-inline .form-control {
	width: 100%;
	padding-left: 36px;
}
.get-matching-jobs .form-inline .submit-btn {
	margin-left: 12px;
}
.get-matching-jobs .form-inline .form-input {
	position: relative;
	display: inline-block;
}
.get-matching-jobs .form-inline .form-control {
	width: 440px;
}

.job-boost-main .jl-listing  .read-more-w {
	margin-top: 30px;
}
.job-recommended {
	background: #fff;
}
.job-recommended hr {
	margin-bottom: 28px;
}
.job-recommended .job-blk {
    text-align: left;
    display: block;
}

.social-media {
	padding: 24px 0;
}
.social-media  .ctfb-like {
	font-size: 15px;
	background-color: #f3f3f3;
	padding: 8px 12px 0px 12px;
	line-height: 1.5;
	display: inline-block;
	margin: 0 auto;
}
.social-media  .ctfb-like .ctfb-like-txt {
	padding-right: 4px;
}
.social-media .fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.social-media .share-post {
	margin-bottom: 4px;
}
.social-media .share-post .title {
	display: inline-block;
	padding-right: 8px;
	vertical-align: middle;
	font-weight: bold;
	margin-bottom: 6px;
}
.social-media .share-post .addthis_inline_share_toolbox_tstg {
	display: inline-block;
	vertical-align: middle;
}

.thumb-blk {
	color: #333;
	background-color: #FFF;
	border-bottom: 2px solid #ddd;
	margin-bottom: 30px;
	position: relative;
}
.thumb-blk:hover,
.thumb-blk:visited {
	color: #888;
}
/* Video Icon */
.thumb-blk .video-icon {
	width: 36px;
	height: 36px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	font-size: 28px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.highlight-thumb .thumb-blk .video-icon {
	width: 48px;
	height: 48px;
	font-size: 36px;
	line-height: 58px;
}
.thumb-blk.art-video .video-icon {
	display: block
}

.more-articles {
	background: #fff;
}
.more-articles .thumb-blk-l,
.more-articles .thumb-blk-r {
	padding: 0;
}
.more-articles .thumb-blk .title {
	height: 52px;
	font-size: 18px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 6px;
}
.more-articles .thumb-blk .tag-list {
	z-index: 3;
}
.more-articles .thumb-blk .tag-list li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.more-articles .thumb-blk.art-news { 
	border-bottom-color: #ae3838; 
}
.more-articles .thumb-blk .thumb-info {
	padding: 8px;
	text-align: left;
}
.more-articles .thumb-blk .thumb-img-w {
	position: relative;
	width: 100%;
	padding-bottom: 188px;
}
.more-articles .thumb-blk .thumb-img {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0;
	margin-bottom: 0;
}
.more-articles .thumb-blk .thumb-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
}



/* Small Thumbnail */
.more-articles .thumb-list-s .thumb-blk .thumb-img-w { padding-bottom: 124px; }
.more-articles .thumb-list-s .thumb-blk .thumb-info { padding: 0 8px; }
.more-articles .thumb-list-s .thumb-blk .thumb-info .tag-list li { float: left; }
.more-articles .thumb-list-s .thumb-blk .thumb-info .tag-list .tag { padding: 3px 6px; }
.more-articles .more-art .thumb-blk { min-height: 126px; }
.lang-e .more-articles .thumb-blk .thumb-info .tag-list .tag {
	font-size: 11px;
	padding: 3px 6px;
}
.lang-e .more-articles .art-content .info, .lang-e .art-content .ctfb-like {
	font-size: 15px;
}


/* Media Queries
/*-------------------------------------------------*/
@media (min-width: 992px) {
	.container { width: 940px; }
}

@media (min-width: 1200px) {
	.container { width: 1170px; }
}

@media (min-width: 1400px) {
	.container { width: 1280px; }
}

@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 1200px) {
	.get-matching-jobs .form-inline .form-control { width: 340px; }
}

@media (min-width: 992px) and (max-width: 1060px) {
	.jl-job-info .benefit-list span.ct-icon { font-size: 20px; margin: 0 2px; }
}

@media only screen and (max-width: 991px) {
	.get-matching-jobs .form-inline .form-control { width: 300px; }
	
	.jl-comp { padding-right: 48px; }
	.jl-comp-name { margin: 6px 0 8px 0; }
	
	.jl-job-info ul li { margin-bottom: 8px; }
	.jl-job-info ul li:last-of-type { margin-bottom: 0; }
	.jl-job-info .benefit-list span.ct-icon { font-size: 22px; }
	
	.jl-row .comp-logo { height: 30px; top: 45%; }
}

@media only screen and (max-width: 767px) {
	.get-matching-jobs .form-group { display: block; padding: 0 24px; margin-bottom: 12px; }
	.get-matching-jobs .form-group label { display: block; margin-bottom: 12px; }
	.get-matching-jobs .form-group .form-input { display: block; width: 100%; }
	.get-matching-jobs .form-group .form-control { width: 100%; }
	
	.jl-row .comp-logo { top: 6px; }
	.share-post .title { display: block; padding-left: 0;}
	.share-post .addthis_inline_share_toolbox_tstg { display: block; }
	.get-matching-jobs .form-group { display: block; padding: 0; margin-bottom: 12px; }
}

@media only screen and (max-width: 480px) {
	.jl-row { padding-left: 48px; border-left-width: 6px; }
	/*.jl-row .comp-logo { height: 24px; top: 2px; right: -36px; }*/
	.jl-row .comp-logo { height: 30px; top: 2px; right: -36px; }
	
	.jl-job-info { font-size: 12px; }
	.jl-job-info ul li { margin-bottom: 6px; }
	.jl-job-info .benefit-list .more { font-size: 12px; }
	.jl-job-info .exp span.ct-icon { font-size: 12px; }
	.jl-job-info .benefit-list span.ct-icon { font-size: 18px; margin: 0 3px; }
	.jl-job-info i.fa, .jl-job-info span.ct-icon { font-size: 14px; }
	.jl-title { line-height: 1.3; }
}

@media only screen and (max-width: 360px) {
	.jl-listing .jl-row .comp-logo { display: none; }
}

@media only screen and (max-width: 320px) {
	
}