/* Minification failed. Returning unminified contents.
(947,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(1000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1008,19): run-time error CSS1039: Token not allowed after unary operator: '-ct-logo'
(1009,21): run-time error CSS1039: Token not allowed after unary operator: '-logo-divider'
(1019,19): run-time error CSS1039: Token not allowed after unary operator: '-hr-logo'
(2785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2786,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2864,21): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap'
(2884,20): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap'
(3727,79): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap'
(3730,94): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap-l'
(3731,55): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap-l'
(3949,50): run-time error CSS1039: Token not allowed after unary operator: '-copyright-gap-l'
 */
@font-face {
	font-family:ct;
	src:url(/Content/fonts/fonts/ct.eot?hnn29s);
	src:url(/Content/fonts/ct.eot?hnn29s#iefix) format("embedded-opentype"),
	url(/Content/fonts/ct.ttf?hnn29s) format("truetype"),
	url(/Content/fonts/ct.woff?hnn29s) format("woff"),
	url(/Content/fonts/ct.svg?hnn29s#ct) format("svg");
	font-weight:400;
	font-style:normal
}
.ct-icon {
	font-family:ct!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-exp:before {
	content:"\e914"
}
.icon-indus:before {
	content:"\e915"
}
.icon-lefy:before {
	content:"\e902"
}
.icon-tie:before {
	content:"\e917"
}
.icon-employer_type:before {
	content:"\e904"
}
.icon-employment_term:before {
	content:"\e919"
}
.icon-career_lv:before {
	content:"\e91a"
}
.icon-view_column:before {
	content:"\e91b"
}
.icon-alltxt:before {
	content:"\e928"
}
.icon-view_preview:before {
	content:"\e920"
}
.icon-contactus_editorial:before {
	content:"\e94c"
}
.icon-contactus_mkt:before {
	content:"\e95d"
}
.icon-contactus_cs:before {
	content:"\e95e"
}
.icon-contactus_adv:before {
	content:"\e95f"
}
.bene-001:before {
	content:"\e959"
}
.bene-002:before {
	content:"\e958"
}
.bene-003:before {
	content:"\e95a"
}
.bene-004:before {
	content:"\e91d"
}
.bene-005:before {
	content:"\e953"
}
.bene-006:before {
	content:"\e951"
}
.bene-007:before {
	content:"\e956"
}
.bene-008:before {
	content:"\e962"
}
.bene-009:before {
	content:"\e965"
}
.bene-011:before {
	content:"\e952"
}
.bene-012:before {
	content:"\e950"
}
.bene-013:before {
	content:"\e954"
}
.bene-014:before {
	content:"\e955"
}
.bene-015:before {
	content:"\e963"
}
.bene-016:before {
	content:"\e957"
}
.bene-017:before {
	content:"\e961"
}
.bene-018:before {
	content:"\e91f"
}
.bene-019:before {
	content:"\e95c"
}
.bene-020:before {
	content:"\e95b"
}
.bene-021:before {
	content:"\e964"
}
.bene-022:before {
	content:"\e960"
}
.bene-023:before {
	content:"\e91e"
}
.bene-024:before {
	content:"\e91c"
}
.bene-025:before {
	content:"\e921"
}
.bene-026:before {
	content:"\e923"
}
.bene-027:before {
	content:"\e926"
}
.bene-028:before {
	 content:"\e924"
}
.bene-029:before {
	content:"\e922"
}
.bene-030:before {
	content:"\e925"
}
.bene-031:before {
	content:"\e92a"
}
.bene-032:before {
	content:"\e929"
}
.bene-033:before {
	content:"\e92b"
}
.bene-034:before {
	content:"\e92c"
}
.icon-prof_recommend:before {
	content:"\e93d"
}
.icon-prof_current:before {
	content:"\e93e"
}
.icon-prof_personal:before {
	content:"\e93f"
}
.icon-prof_cert:before {
	content:"\e940"
}
.icon-prof_skill:before {
	content:"\e941"
}
.icon-prof_lang:before {
	content:"\e942"
}
.icon-prof_edu:before {
	content:"\e943"
}
.icon-prof_work_exp:before {
	content:"\e944"
}
.icon-prof_job_pref:before {
	content:"\e945"
}
.icon-prof_summary:before {
	content:"\e946"
}
.icon-prof_privacy:before {
	content:"\e947"
}
.icon-prof_complete:before {
	content:"\e948"
}
.icon-privacy_hidden:before {
	content:"\e949"
}
.icon-privacy_standard:before {
	content:"\e94a"
}
.icon-privacy_restricted:before {
	content:"\e94b"
}
.icon-prof_q:before {
	content:"\e92e"
}
.icon-cover_letter:before {
	content:"\e92d"
}
.icon-cv:before {
	content:"\e94e"
}
.icon-cv_one_click_apply:before {
	content:"\e94f"
}
.icon-jobalert:before {
	content:"\e967"
}
.icon-recommended:before {
	content:"\e968"
}

/* Lazyload background image (placeholder) */
.thumb {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/Content/images/placeholder.jpg');
}

/* Animation - update in 20220729
/*------------------------------------------------------------*/
.animation {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
  
/* Dropdown - Form Field */
@keyframes field__slideDownIn {
    0% {
        transform: translateY(30px);
    }
    80% {
        transform: translateY(48px);
    }
    100% {
        transform: translateY(44px);
    }
}
  
.field__slideDownIn {
    animation-name: field__slideDownIn;
}

/* Dropdown - Navigation */
@keyframes nav__slideDownIn {
    0% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(12px);
    }
    100% {
        transform: translateY(0);
    }
}
  
.nav__slideDownIn {
    animation-name: nav__slideDownIn;
}

/* General
---------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Roboto', Arial, "Microsoft JhengHei", "微軟正黑體", PMingLiU, "新細明體", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4;
}

header hr {
	border-width: 1px;
	border-color: #fff;
	max-width: 50px;
	margin: 20px auto;
}

/* Utility Class
/*------------------------------------------------------------*/
.position-fixed {
	position: fixed;
}

.overflow-hidden {
	overflow: hidden;
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

/* Link 
/*-------------------------------------------------*/
a:link, a:visited, a:focus {
	color: #602468;
	outline: 0;
}

a:hover {
	color: #9a81b5;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

.d-bg a:link, .d-bg a:visited, .d-bg a:focus {
	color: #FFF;
}

.d-bg a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.act-link i.i-right {
	margin-left: 6px;
}

.act-link i.i-left {
	font-size: 18px;
	margin-right: 6px;
}

.lead {
	font-size: 24px;
	margin-bottom: 16px;
}

.a-overlay {
	width: 100%;
	height: 100% !important;
	position: absolute; 
	top: 0; bottom: 0; left: 0; right: 0;
	text-indent: -9999px;
	z-index: 2;
	display: block;
	cursor: pointer;
}

.trunc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    display: block; /*for text-overflow ellipsis to work*/
}

a.trunc {
    display: block;
}

/* Sticky Back to Top
/*-------------------------------------------------*/
.sticky-back-to-top:link {
	width: 46px;
	height: 46px;
	background-color: #ede8f1;
	font-size: 25px;
	color: #4a2366;
	text-align: center;
	line-height: 46px;
	cursor: pointer;

	position: fixed;
	bottom: 16px;
	right: 34px;

	display: none;
	z-index: 10;
	
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.mobile .sticky-back-to-top:link { 
	right: 15px;
}

.sticky-back-to-top:focus  {
    color:  #4a2366;
}

/* Transition */
a, input, li:not(.dropdown), label {
	-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s, border 0.3s;
	transition: background-color 0.3s, color 0.3s, border 0.3s;
}

div {
	-webkit-transition: width 0.3s, height 0.3s;
	-moz-transition: width 0.3s, height 0.3s;
	transition: width 0.3s, height 0.3s;
}

.thumb-blk .thumb-info .title,
.job-blk .title {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-transition: font-size 0.3s;
	-moz-transition: font-size 0.3s;
	transition: font-size 0.3s;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.inline-list li { display: inline-block; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.no-padding { padding: 0; }

.no-padding-l { padding-left: 0; }

.no-padding-r { padding-right: 0; }

i.fa { text-align: center; }

.adv { text-align: center; }

.adv img { margin: 0 auto; } 

.top.adv { margin-top: 28px; }

/* CTHR Fonts
-------------------------------------------*/
@font-face {
	font-family: 'cthr';
	src:  url('/Content/fonts/cthr.eot?2rierz');
	src:  url('/Content/fonts/cthr.eot?2rierz#iefix') format('embedded-opentype'),
	url('/Content/fonts/cthr.ttf?2rierz') format('truetype'),
	url('/Content/fonts/cthr.woff?2rierz') format('woff'),
	url('/Content/fonts/cthr.svg?2rierz#cthr') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cthr-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'cthr' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Vertical Align Image
/*-------------------------------------------------*/
.img-v {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

	padding: 0 15px;
    text-align: center;
    font: 0/0 a;
}

.img-v:before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-v img {
    vertical-align: middle;
    display: inline-block;
}

/* Cover Image
/*-------------------------------------------------*/
.cover-img {
	width: 100%; // dimensions are mandatory
	height: 35em; // dimensions are mandatory

	object-fit: cover;
	overflow: hidden; // Cuts off the parts of the image poking out
}

/* Input
/*-------------------------------------------------*/
input, textarea {
	outline: none;
	box-shadow: none !important;
	-webkit-appearance: none;
}

.input-field, .select-field, .act-field, .date-field {
	width: 100%;
	position: relative;
	display: inline-block;
}

.input-field i, .select-field i, .date-field i {
	color: #666;
	position: absolute;
	left: 12px;
	top: 9px;
	pointer-events: none;
}

.input-field i.icon-s,
.select-field i.icon-s { font-size: 15px; pointer-events: none; }

.input-field i.icon-m,
.select-field i.icon-m { font-size: 18px; pointer-events: none; }

input.single-line { border-radius: 0; }

/* Custom Select Box
/*-------------------------------------------------*/
.select-cus .form-control,
.select-cus .form-control:focus {
	text-overflow: '';
	padding: 0 28px 0 6px;
	text-indent: 30px;
	cursor: pointer;
}

.select-cus select::-ms-expand {
	display: none;
}

.select-cus i.fa-angle-down,
.act-field i.fa-angle-down { 
	color: #666;
	position: absolute;
	left: auto;
	right: 12px;
	top: 50%;
	margin-top: -8px;
	cursor: pointer;
	pointer-events: none;
}

@-moz-document url-prefix() {
	.form-control, .form-control:focus, .act-field {
		padding-left: 36px;
	}
	
	.select-cus .form-control,
	.select-cus .form-control:focus {
		text-indent: 0;
		padding-left: 36px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.form-control, .form-control:focus, .act-field,
	.select-cus .form-control, .select-cus .form-control:focus {
		padding-left: 36px;
	}
}

/* Label
/*-------------------------------------------------*/
.inline-label { font-size: 15px; line-height: 36px; margin-bottom: 0; }

/* Form Group
---------------------------------------------------*/
.form-group {
	margin-bottom: 12px;
}

.form-group label {
	font-size: 14px;
	font-weight: normal;
	color: #444
}

.form-control {
	font-size: 15px;
	height: 36px;
	padding-left: 36px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.form-control, .form-control:focus,
textarea, textarea:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.subj {
	font-size: 18px;
	font-weight: bold;
	color: #4d2e68;
	margin-bottom: 12px;
}

.subj i {
	margin-right: 8px !important;
}

/* Button
---------------------------------------------------*/
.btn {
	font-size: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Default Button */
.btn-def {
	background-color: #502272;
	border-color: #502272;
	color: #FFF !important;
}

.btn-def i {
	margin-right: 6px;
}

.btn-def:hover,
.btn-def:focus,
.btn-def:active,
.btn-def.active {
	background-color: #69468e;
	border-color: #69468e;
	color: #FFF;
	box-shadow: none;
}

.btn-def:focus,
.btn-def.focus,
.btn-def.active.focus {
	outline: 0;
}

/* Default Button */
.btn-def-w {
	background-color: #FFF;
	border-color: #4d2e68;
	color: #4d2e68 !important;
}

.btn-def-w:hover,
.btn-def-w:focus,
.btn-def-w:active,
.btn-def-w.active {
	background-color: #FFF;
	border-color: #4d2e68;
	color: #69468e;
	box-shadow: none;
}

.submit-btn {
	padding: 8px 12px;
}

.hl-btn,
.hl-btn:hover,
.hl-btn:focus,
.hl-btn:active,
.hl-btn.active {
	font-weight: bold;
	background-color: #f5c800;
	border-color: #f5c800;
	color: #502272 !important;
}

.hl-btn:hover,
.hl-btn:focus,
.hl-btn:active,
.hl-btn.active {
	color: #FFF !important;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

/* Round Corner */
.btn.round {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

/* Title with line
---------------------------------------------------*/
.title-w-line {
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.title-w-line span {
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
	*display: inline;
	*vertical-align: auto;
	position: relative;
	padding: 0 15px;
}

.title-w-line span:before,
.title-w-line span:after {
	content: "";
	display: block;
	width: 2000px;
	position: absolute;
	top: 0.6em;
	border-top: 1px solid #ddd;
}

.title-w-line span:before {
	right: 100%;
}

.title-w-line span:after {
	left: 100%;
}

/* Custom Checkbox Radio Button 
---------------------------------------------------*/
.checkbox-cus, .radio-cus {
    opacity: 0;
    position: absolute;   
}

.checkbox-cus, .checkbox-cus-label, .radio-cus, .radio-cus-label {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0;
    cursor: pointer;
}

.checkbox-cus-label, .radio-cus-label {
	font-weight: normal;
    position: relative;
}

/* updated with mvc */
.checkbox-cus ~ .checkbox-cus-label:before, .radio-cus ~ .radio-cus-label:before { 
	content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* updated with mvc */
.checkbox-cus:checked ~ .checkbox-cus-label:before {
	font-size: 140%;
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #FFF;
    color: #25b25a;
	line-height: 0.95;
}

.radio-wrapper {
	margin-right: 12px;
	float: left;
}

.radio-wrapper input[type=radio] {
	margin: 0;
}

.radio-cus-label {
	margin-top: 0;
	margin-bottom: 8px;
}

.radio-cus + .radio-cus-label:before {
	border-radius: 50%;
}

.radio-cus + .radio-cus-label:before {
	width: 26px;
	height: 26px;
}

.radio-cus:checked + .radio-cus-label:before {
	font-size: 110%;
	content: "\f111";
    font-family: 'FontAwesome';
    color: #25b25a;
	line-height: 1.1;
}

.cb.disabled,
.cb.disabled span {
	color: #bbb;
}

.cb.disabled .checkbox-cus, .cb.disabled .checkbox-cus-label,
.cb.disabled .radio-cus, .cb.disabled .radio-cus-label {
	cursor: default;
}

.cb.disabled .checkbox-cus ~ .checkbox-cus-label:before,
.cb.disabled .radio-cus ~ .radio-cus-label:before {
	background-color: #f2f2f2;
}

/* Submenu
---------------------------------------------------*/
.submenu-bar {
	font-size: 18px;
	background-color: #754e9b;
	text-align: center;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 30px;
}

/* Alert
---------------------------------------------------*/
.alert {
	padding: 10px 15px;
	margin-bottom: 16px;
}

.alert i {
	font-size: 18px;
	margin-right: 8px;
	vertical-align: middle;
}

.alert-danger {
	font-size: 13px;
	padding: 6px 12px;
	margin-bottom: 0;
	margin-top: 8px;
}

.alert-warning {
	color: #333;
	background-color: #fff6d2;
	border: 2px solid #ffdd88;
	padding-left: 36px;
	position: relative;
}

.alert-warning i.fa {
	color: #eca535;
	position: absolute;
	left: 10px;
	top: 10px
}

form .alert i,
.alert-danger i {
	font-size: 14px;
	margin-right: 6px;
}

.alert-dismissable .close {
	opacity: 0.4;
	right: 0;
}

/* Full Height Page Layout
/*------------------------------------------------------------*/
.full-height {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

/* Horizontal Line with Text 
/*------------------------------------------------------------*/
.h-line { 
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #ddd; 
    line-height: 0.1em; 
    margin: 2rem 0;
} 

.h-line span {
    background-color: var(--bg);
    padding: 0 10px;
}

/* Navbar / Slidebar with Canvas
---------------------------------------------------*/
[canvas=container] {
	margin-top: 110px;
	height: -webkit-calc(100% - 110px);
	height: -moz-calc(100% - 110px);
	height: calc(100% - 110px);
}

body.scrolled [canvas=container] {
	margin-top: 94px;
	height: -webkit-calc(100% - 94px);
	height: -moz-calc(100% - 94px);
	height: calc(100% - 94px);
}

[off-canvas] {
	background-color: #674b8c;
	-webkit-box-shadow: inset -8px 0px 12px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset -8px 0px 12px 0px rgba(0,0,0,0.15);
	box-shadow: inset -8px 0px 12px 0px rgba(0,0,0,0.15);
}

[class*=js-open-],
[class*=js-toggle-],
[class*=js-close-] {
	cursor: pointer;
}

nav[canvas] {
	width: 100%;
	/*height: 109px;*/
	background-color: white;
	font-size: 15px;
	text-align: center;
	border-top: 0;
	border-bottom: 1px solid rgba(80, 34, 114, 0.05);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
	position: fixed;
	top: 0;
	z-index: 1000201; /* Addthis z-index 1000200 */
}

/* New Nav */
:root {
    /* Nav */
    --ct-logo: url("../Content/images/ct-logo-s.svg") no-repeat top left;
	--hr-logo: url("../Content/images/cthr-logo.svg") no-repeat top left;
	--logo-divider: 1px solid #e1e1e1;
}

nav[canvas] .logo__ct {
	width: 102px;
	height: 28px;
	background: var(--ct-logo);
	border-right: var(--logo-divider);
	background-size: 90px 28px;
	padding-right: 12px; 
	margin-right: 12px; 
	display: inline-block;
}

nav[canvas] .logo__hr {
	width: 40px;
	height: 28px;
	background: var(--hr-logo);
	background-size: 40px 28px;
	display: inline-block;
}

/*nav[canvas] .ct-logo img {
	padding-right: 16px;
	border-right: 1px solid rgba(80, 34, 114, 0.2);
	margin-right: 16px;
}

nav[canvas] .cthr-logo,
nav[canvas] .ct-logo {
	display: inline-block;
}

nav[canvas] .cthr-logo img,
nav[canvas] .ct-logo img {
	height: 36px;
}*/

.slide-menu .cthr-logo img {
	height: 28px;
}

.navbar-header {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navbar-header > a {
	display: inherit;
}

.navbar-header .lang .fa {
	font-size: 16px;
	margin-left: 0;
	margin-right: 4px;
	vertical-align: middle;
}

.navbar-default .navbar-nav > li > a {
	color: #4d2e68;
	height: 60px;
    margin: 0 4px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #4d2e68;
	background-color: transparent;
}

.nav > li > a {
	padding: 14px 6px;
	line-height: 30px;
}

.navbar-nav > li a span:not(.txt) {
	border-bottom: 2px solid transparent;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar-nav > li.login a span:not(.txt) {
	height: 32px;
}

.navbar-right > li.m-user {
	display: none;
}

.navbar-nav > li a:hover span,
.navbar-default .navbar-nav > .open > a span,
.navbar-default .navbar-nav > .open > a:focus span,
.navbar-default .navbar-nav > .open > a:hover span,
.navbar-default .navbar-nav>.active>a span:not(.txt) {
	border-bottom-color: #4d2e68;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}

/*.navbar-left li.lang a i.fa,*/
.navbar-right > li a i.fa {
	font-size: 16px;
	margin-left: 0;
	margin-right: 4px; /* Updated by 20220822*/
	vertical-align: middle; /* Updated by 20220822*/
}

.navbar-right > li.login a i.fa-handshake-o {
	vertical-align: 8px;
	margin-right: 4px;
}

.navbar-right li a.member i.fa-angle-down {
	margin-right: 0;
}

.safari .navbar-right > li.login a i.fa-handshake-o {
	vertical-align: baseline;
}

.navbar-nav > li a.dropdown-toggle i.fa-angle-down {
	margin-left: 6px;
}

.navbar-nav > li.login.member a.dropdown-toggle i.fa-angle-down {
	vertical-align: 10px;
}

.nav-s .nav > li > a { padding: 12px 10px; }
nav[canvas].nav-s { font-size: 14px; height: 93px; }
/*nav[canvas].nav-s .cthr-logo img,
nav[canvas].nav-s .ct-logo img { height: 28px; }
nav[canvas].nav-s .ct-logo img { padding-right: 10px; margin-right: 10px; }*/

.nav-s .navbar-header { line-height: 50px; }
.nav-s .navbar-nav > li a:not(.tag) { height: 50px; line-height: 24px; }
.nav-s .navbar-nav > li a.submit-btn { height: auto; }
.nav-s .navbar-nav > li.login a span:not(.txt) { height: 26px; }
.nav-s .navbar-right > li.login a i.fa-user-circle-o { vertical-align: 8px; }

/* Nav ctmsg*/

.navbar  .prof-nav.message {
    font-size: 18px;
    padding: 12px 12px 6px 12px;
}

.navbar  .prof-nav.message .beta{
    background-color: transparent;
	color: #f4aa1a;
	font-size: 10px;
	margin-left: 0;
	position: absolute;
	top: -3px;
	left: 11px;
	font-weight: normal;
}


.navbar-nav > li a:hover span.beta{
    border-bottom:none;
}

.navbar  .prof-nav .notify-dot {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 2px solid #FFF;
	background-color: #D44848;
	position: absolute;
	right: 7px;
	top: 17px;
	display: flex;
}


/* 468x60 ad 
/*---------------------------------------------*/

.with-nav-adv .navbar-header {
	line-height: 75px;
}

.with-nav-adv .navbar-right {
	margin-top: 7px;
}

.with-nav-adv.navbar .adv-468x60 {
	width: 100%;
	max-width: 468px;
	min-height: 0;
	margin: 7px 8px 7px 0;
	float: right;
}

.with-nav-adv.navbar .adv-468x60 .img-responsive {
	width: 100%;
}

/*@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, nav[canvas] .ct-logo {
		margin-right: 16px;
		padding-right: 16px;
	}
	
	nav[canvas].nav-s .ct-logo img { margin-right: 4px; }
}*/

/* Submenu */
.submenu {
	background-color: #f9f8fa;
	padding-left: 8px;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.06);
}

.navbar-default .submenu .navbar-nav > li > a {
	height: 48px;
	padding: 8px;
}

.nav-s.navbar-default .submenu .navbar-nav > li > a {
	height: 42px;
	line-height: 22px;
	padding: 10px 8px;
}


/* Navbar Toggle
---------------------------------------------------*/
.navbar-toggle {
	background: transparent !important;
	border: none;
	margin-left: -10px;
}

.navbar-toggle:hover {
	background: transparent !important;
}

/*
.navbar-toggle .icon-bar {
    width: 24px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
*/

.navbar-toggle .fa {
    font-size: 24px;
    margin-top: -4px;
}

/* Animated Left Arrow */
/*
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 24px;
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 24px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(1) {
	transform: translate3d(0px,6px,0) rotate(45deg);
	transform-origin: left top;
	width: 12px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(3) {
	transform: translate3d(0px,-6px,0) rotate(-45deg);
	transform-origin: left bottom;
	width: 12px;
}
*/


/* Dropdown Menu
---------------------------------------------------*/
div.dropdown-menu {
	width: 100%;
	font-size: 15px;
	padding: 20px 15px 24px 15px;
	position: fixed;
    top: auto;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	cursor: default;
}
			  
div.dropdown-menu ul {
	list-style: none;
}

div.dropdown-menu ul li {
	padding: 4px 0;
}

div.dropdown-menu ul li:not(.header-item) a:link,
div.dropdown-menu ul li:not(.header-item) a:visited {
	color: #444;
	line-height: 1.4;
}

div.dropdown-menu ul li:not(.header-item) a:hover {
	color: #888;
}


div.dropdown-menu ul li:not(.header-item) a:link .txt, 
div.dropdown-menu ul li:not(.header-item) a:visited .txt {
        display: inline-block;
        width: 92%;
        vertical-align: top;
}

div.dropdown-menu ul li.header-item {
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-top: 0;
	margin-bottom: 6px;
	color: #602468;
}

div.dropdown-menu ul li.header-item.single-item {
	border-bottom: 0;
	margin-top: 10px;
}

div.dropdown-menu ul li:first-child.header-item.single-item {
	margin-top: 0;
}

div.dropdown-menu ul li.header-item.single-item.hr-news,
div.dropdown-menu ul li.header-item.single-item.employee-training,
div.dropdown-menu ul li.header-item.hr-courses {
	margin-bottom: 24px;
}

div.dropdown-menu ul li.header-item.single-item.useful-links,
div.dropdown-menu ul li.header-item.single-item.hr-faqs {
	margin-top: 24px;
}


div.dropdown-menu ul > .single-item {
	margin-top: 26px;
}

div.dropdown-menu ul > .single-item li.header-item {
	/* border-bottom: 0; */
}

div.dropdown-menu .menu-col i.fa {
	margin-right: 8px;
}

div.dropdown-menu.member-menu {
	width: 280px;
	padding: 15px 20px;
	padding-bottom: 10px;
}

div.dropdown-menu.member-menu ul li.header-item.greetings {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 10px;
}

div.dropdown-menu.member-menu ul li.header-item.greetings span {
	font-size: 14px;
	display: block;
}

div.dropdown-menu.member-menu ul li.header-item {
	font-size: 16px;
	padding: 0;
	margin-bottom: 0;
}

div.dropdown-menu.member-menu ul li.header-item a {
	width: 100%;
	padding: 12px 0;
	position: relative;
	display: block;
}

div.dropdown-menu.member-menu ul li.header-item:first-child,
div.dropdown-menu.member-menu ul li.header-item:last-child {
	border-bottom: 0;
}

div.dropdown-menu.member-menu ul li.header-item.logout {
	font-weight: 300;
}

div.dropdown-menu .row-eq-height {
	margin-bottom: 16px;
}

.navbar-right .member-menu > li a i.fa {
	font-size: 16px;
	width: 20px;
}

.navbar-right .member-menu > li a i.fa.fa-circle {
	width: auto;
	font-size: 10px;
	color: #f47340;
	position: absolute;
	top: 12px;
	left: 16px;
}

.nor-mega-menu .dropdown-menu {
	width: auto;
	position: absolute;
	padding-top: 15px;
	min-width: 240px;
}

.nor-mega-menu .dropdown-menu .container {
	width: auto;
}

.cand-nav.dropdown-list {
	display: none;
	position: relative;
	width: 200px;
	background-color: #FFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	position: absolute;
	right: 284px;
	margin-top: -16px;
	z-index: 9999;
	
	-webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.3);
	
	top: 29px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.cand-nav.dropdown-list.active {
	display: block;
}


.cand-nav.dropdown-list li {
	background: #fff;
	text-align: left;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

.cand-nav.dropdown-list li a {
	color: #673A89;
	font-weight: 500;
}

.cand-nav.dropdown-list li a:hover {
	color: #8561a1;
}

.cand-nav.dropdown-list a {
	font-size: 16px;
	color: #673A89;
	text-decoration: none;
	white-space: nowrap;
	padding: 14px 15px;
	  padding-left: 15px;
	position: relative;
	display: block;
	font-weight: 500;
	background: #fff;
}

.cand-nav.dropdown-list a:hover {
	background-color: #F5F3F6;
}

.cand-nav.dropdown-list a span  {
	font-weight: 500;
	background: transparent;
}

.cand-nav.dropdown-list a .fa {
	width: 24px;
	font-size: 18px;
	margin-right: 4px;
}

.cand-nav.dropdown-list li:first-child a {
	-webkit-border-top-left-radius: 0; 
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cand-nav.dropdown-list li:last-child a {
	-webkit-border-bottom-right-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-bottomright: 0; 
    -moz-border-radius-bottomleft: 0; 
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0; 
}

.cand-nav.dropdown-list li.log-out a {
	background-color: #EDE8F1;
	padding-left: 18px;
}

.cand-nav.dropdown-list li.log-out a:hover {
	background-color: #EDE8F1;
}

.navbar-right .prof-links a {
	padding-left: 9px;
}

.navbar-right .prof-links a .icon {
	position: static;
	font-size: 18px;
	width: 32px;
	text-align: center;
}


.navbar-right.navbar-nav > li > a.prof-nav {
	line-height: 1.42857;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	white-space: nowrap;
}

.navbar-right.navbar-nav > li > a.prof-nav .wrapper {
	display: inline-block;
	line-height: 30px;
	height: auto;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	white-space: nowrap;
}

.navbar-right.navbar-nav > li > a.prof-nav.active .wrapper,
.navbar-right.navbar-nav > li > a.prof-nav:hover .wrapper {
	border-bottom-color: #4d2e68;
}

.navbar-right.navbar-nav > li > a.prof-nav.nohover {
	border-bottom-color: #FFF !important;
}

.navbar-right.navbar-nav > li > a.prof-nav i.fa.fa-chevron-down,
.navbar-right.navbar-nav > li > a.prof-nav i.fas.fa-chevron-down {
	font-size: 12px;
	margin-left: 2px;
	position: absolute;
	right: 12px;
	top: 20px;
}

.navbar-right.navbar-nav > li > a.prof-nav .fas {
	margin-left: 4px;
}

@-moz-document url-prefix() { 
	.navbar-right.navbar-nav > li > a.prof-nav .fas {
		margin-top: 2px;
	}
}

.navbar-right.navbar-nav > li > a.prof-nav.member .prof-txt {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar-right.navbar-nav > li > a.prof-nav .mem-icon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: 0;
}

.navbar-right.navbar-nav > li > a.prof-nav .mem-icon i.fa, 
.navbar-right.navbar-nav > li > a.prof-nav .mem-icon i.fas {
	margin-left: 0;
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.navbar-right .prof-links .notify {
	position: relative;
	top: unset;
	right: unset;
	display: inline-block;
}

.navbar-right.navbar-nav > li > a.prof-nav.become-mem .mem-icon {
	left: 0;
}

/* Slide Menu
---------------------------------------------------*/
.slide-menu ul {
	font-size: 16px;
	list-style: none;
	padding-left: 0;
}

.slide-menu ul li a:link,
.slide-menu ul li a:visited {
	color: #fff;
	text-decoration: none;
}

.slide-menu ul li div,
.slide-menu ul li a {
	padding: 14px 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: block;
	cursor: pointer;
}

.slide-menu ul li i.fa {
	font-size: 18px;
	float: right;
}

.slide-menu ul li i.fa-globe,
.slide-menu ul li i.fa-user-circle {
	font-size: 16px;
	margin-right: 6px;
	float: none;
}



/* 1st layer */
.slide-menu ul.submenu {
	display: none;
}
	
.slide-menu ul.submenu li {
	font-size: 15px;
	background-color: rgba(0, 0, 0, 0.3);
}

.slide-menu ul.submenu li:not(.all) div,
.slide-menu ul.submenu li:not(.all) a {
	padding-left: 24px;
}

/* 2nd layer */
.slide-menu ul.submenu li ul.submenu li:not(.all) div,
.slide-menu ul.submenu li ul.submenu li:not(.all) a {
	font-size: 14px;
	padding-left: 36px;
}

/* Search Box
---------------------------------------------------*/
.searchbox-w {
	margin-bottom: 16px;
	position: relative;
}

.searchbox {
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ddd;
	padding: 6px 116px 6px 36px;
}

.searchbox:focus {
	border-bottom: 1px solid #333;
}

.search-bar i.search {
	font-size: 22px;
	color: #888;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -14px;
}

.search-bar .submit-btn {
	position: absolute;
	right: 15px;
	bottom: 0;
}

.search-bar .clear {
	font-size: 22px;
	user-select: none;
	cursor: pointer;
	
	display: none;
	padding: 8px;
	position: absolute;
	right: 100px;
	top: 50%;
	margin-top: -22px;
}

.search-bar input::-ms-clear {
	display: none;
}

.search-bar .title {
	font-size: 18px;
	font-weight: bold;
}

/* Mobile - Member Login
---------------------------------------------------
.login .btn {
	width: 100%;
}

.login .mem-login {
	margin: 12px 0;
}

.login .reg-sec, .login .forget-pw {
	margin-bottom: 8px;
}

.login .other-login {
	text-align: center;
	margin: 8px 0 10px 0;
}

.login .fb-login {
	line-height: 28px;
	cursor: pointer;
	display: inline-block;
}

.login .fb-login:hover {
	color: #336699;
}

.login .fb-login i.fa {
	font-size: 28px !important;
	margin-right: 6px;
	vertical-align: -5px;
}

.login hr {
	border-top-color: #ddd;
	margin: 16px 0;
}

.login .reg-sec, .login .login-sec {
	padding-left: 42px;
	padding-right: 42px;
}

.login .login-sec {
	border-left: 1px solid #ddd;
}

.login .reg-sec .benefit {
	padding-left: 0;
	margin-bottom: 16px;
}

.login .reg-sec .benefit i.fa {
	font-size: 22px;
	color: #25b25a;
	margin-right: 6px;
	vertical-align: -1px;
}

.login .txt {
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.login.member .txt {
	max-width: 100px;
}

.navbar-nav > li.login.member a.dropdown-toggle i.fa-user-circle-o:before {
	content: "\f2bd";
}

.login-m {
	text-align: center;
	display: none;
}

/* Employer Login Modal */
/*-------------------------------------------------

#employer-login-modal h2 {
	font-weight: bold;
	color: #502272;
	font-size: 24px;
	margin: 4px 0 16px 0;
}

#employer-login-modal p {
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 16px;
}

#employer-login-modal label {
	font-weight: normal;
}

#employer-login-modal .text-faded {
	color: #555;
	margin-bottom: 12px;
}

#employer-login-modal .close-modal {
	width: 24px;
	height: 24px;
	top: 15px;
	right: 15px;
}

#employer-login-modal .close-modal .lr {
	height: 24px;
	margin-left: 12px;
}

#employer-login-modal .close-modal .lr .rl {
	height: 24px;
}

#employer-login-modal .modal-content {
	background-color: #FFF;
	color: #333;
	padding: 24px 32px;
	min-height: auto;
	border: 0;
	border-radius: 0;
	text-align: left;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#employer-login-modal form {
	margin: 0;
}

#employer-login-modal form > .modal-content {
	padding: 0 !important;
	min-height: initial !important;
}

#employer-login-modal .modal-dialog {
	width: 420px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -210px;
	margin-top: -240px;
}

#employer-login-modal .submit-btn:link,
#employer-login-modal .submit-btn:visited {
	width: 100%;
	padding: 10px 64px;
    margin-top: 10px;
}

#employer-login-modal .title-w-line {
	font-size: 16px;
	margin: 12px 0;
}

#employer-login-modal .forget-pw {
	margin-top: 20px;
	text-align: center;
}

#employer-login-modal .keep-login {
	margin-top: 2px;
	margin-bottom: 8px;
}

#employer-login-modal .registration {
	max-width: 260px;
	margin: 0 auto 12px auto;
	line-height: 1.2;
	text-align: center;
}
*/

/* Header / Section
---------------------------------------------------*/
header, section {
	padding: 42px 0;
	position: relative;
	z-index: 1;
}

header {
	color: #FFF;
	padding: 64px 0;
}

header h1 {
	text-align: center;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

header>:not(.bg-overlay) {
	position: relative;
	z-index: 2;
}

header .bg-overlay,
.bg-thumb-list .thumb-blk .bg-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

section:nth-child(odd) {
	background-color: rgba(80, 34, 114, 0.04);
}

.sec-title {
	text-align: center;
	margin-bottom: 8px;
}

.sec-desc {
	font-weight: 300;
	text-align: center;
	margin-bottom: 16px;
}

/* Common Search Bar
---------------------------------------------------*/
.search-panel {
	background-color: #502272;
	color: #FFF;
	padding: 10px 0;
}

.search-panel .filter {
	display: none;
}

.search-panel .criteria {
	height: 36px;
	padding-right: 0;
}

.search-panel .more {
	text-align: center;
	padding: 0;
}

.search-panel .submit {
	padding-left: 0;
}

.search-panel .more a {
	line-height: 36px;
	display: inline-block;
}

.search-panel .submit-btn {
	width: 100%;
	padding: 6px 12px;
}

/* Modal
/*-------------------------------------------------*/
body.modal-open {
	width: 100%;
	height: 100%;
    overflow: hidden;
    position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal-backdrop {
	z-index: 1000202;
}

.modal {
    overflow-y: auto;
	z-index: 1000203;
}

.modal-content {
	background-color: #FFF;
	color: #333;
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: left;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal h2 {
	font-size: 24px;
	font-weight: bold;
	color: #502272;
	margin: 16px 0;
}

.modal h2 i.fa {
	margin-right: 12px;
}

.modal h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
}

.modal h4 {
	margin: 16px 0 12px 0;
}

.modal h4.subtitle {
	margin: 16px 0;
	line-height: 1.4;
}

.modal .modal-sec,
.modal .range-sec {
	margin-bottom: 24px;
}

.modal .submit-btn:link,
.modal .submit-btn:visited {
	font-size: 18px;
	padding: 12px 80px;
}

.modal .text-faded {
	color: #555;
	margin-bottom: 12px;
}

.modal-open .modal {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
	z-index: 999;
}

.close-modal:hover {
	opacity: .3;
}

.close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #333;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
			transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

.modal .input-field i,
.modal .select-field i,
.modal .date-field i { top: 10px; }

/* Search Modal */
.search-modal .form-group { margin-bottom: 0; }

/* Article 
/*-------------------------------------------------*/

/* Article Thumbnail
/*-------------------------------------------------*/
/* Thumbnail Header */
.thumb-list-header .title {
	font-size: 22px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin-bottom: 4px;
}

.thumb-list-header .title span {
	font-weight: bold;
}

/* Thumbnail Block */
.thumb-blk {
	color: #333;
	position: relative;
 	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.thumb-blk .thumb {
	position: relative;
}

.highlight-thumb .thumb-blk .thumb img,
.dropdown-menu .thumb-blk .thumb img,
.thumb-list .thumb-blk .thumb img { width: 100%; min-height: 100%; }
	
.menu-col .thumb-blk {
	box-shadow: none;
}

.thumb-blk:hover .thumb-info .title {
	color: #888;
}

/* Video Icon */
.thumb-blk .video-icon {
	width: 36px;
	height: 36px;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	line-height: 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.art-video .thumb .video-icon, 
.art-video .video-icon {
    display: block;
}

.highlight-thumb .thumb-blk .video-icon {
	width: 48px;
	height: 48px;
	font-size: 36px;
	line-height: 48px;
}

/* Tag */
.thumb-blk .thumb .tag {
	font-size: 13px;
	background-color: #e2a02d;
	color: #FFF;
	padding: 4px 8px;
	position: absolute;
	bottom: 8px;
	left: 0;
	-webkit-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

.thumb-blk .thumb .tag.upcoming {
	background-color: #e2a02d;
}

.thumb-blk .thumb .tag.free {
	background-color: #f25f37;
}

.thumb-blk .thumb .tag.expired {
	background-color: #ba2c2c;
}

.thumb-list .row.row-eq-height li {
	margin-bottom: 30px;
}

.thumb-info {
	font-size: 16px;
	background-color: #FFF;
	padding: 8px 12px;
	border-bottom: 2px solid #502272;
}

.expired .thumb-info {
	border-bottom-color: #ddd;
}

.expired .thumb-info .title,
.expired .thumb-info .date-venue {
	color: #bbb;
}

.menu-col .thumb-info { padding-left: 0; padding-right: 0; }

.thumb-info .category {
	font-size: 13px;
	color: #4d2e68;
	margin-bottom: 4px;
	display: inline-block;
	z-index: 3;
	position: relative;
}

.thumb-info .category:hover {
	color: #9a81b5;
}

.thumb-info .title {
	font-size: 16px;
	line-height: 1.4;
	height: 45px;
	margin-bottom: 2px;
	overflow: hidden;
}

.thumb-info .date-venue {
	font-size: 13px;
	color: #888;
	margin: 5px 0;
}

.thumb-info .date-venue i { width: 16px; margin-right: 6px; }

.thumb-info .date-venue .date { margin-right: 16px; }

.thumb-info .date-venue .divider { margin: 0 6px; }

.thumb-blk .post-date {
    font-size: 13px;
    color: #888;
	margin-bottom: 4px;
}

/* Horizontal Thumb */
.h-thumb-list li {
	margin-bottom: 16px;
}

.h-thumb-list .thumb-blk {
	box-shadow: none;
}

.h-thumb-list .thumb-blk .thumb {
	width: 140px;
	height: 72px;
	position: absolute;
	left: 0;
	top: 10px;
	overflow: hidden;
}

.h-thumb-list .thumb-blk .thumb-info {
	padding-left: 152px;
}

.h-thumb-list li.job-slider-wrapper {
	letter-spacing: 0;
	margin-top: 20px;
	width: 100%;
}

.job-slider-wrapper .slider-title {
	font-size: 20px;
	font-weight: bold;
	color: #502272;
	text-align: center;
	margin-bottom: 8px;
}

.job-slider .slick-dots li button {
	background: #502272;
}

.job-slider .job {
	background-color: rgba(61, 130, 187, 0.05);
	padding: 12px 20px;
	margin: 0 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

.job-slider .job:hover {
	background-color: rgba(61, 130, 187, 0.08);
}

.job-slider .job .title {
	max-height: 48px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #502272;
	margin-bottom: 2px;
}

.job-slider .job .comp {
	font-size: 14px;
	color: #333;
}

.job-slider .job .date {
	font-size: 13px;
	color: #888;
}

/* Highlight Thumb */
.h-blk .thumb-w {
	padding-right: 0;
}

.h-blk .thumb-info-w {
	padding-left: 0;
}

.h-blk .thumb-info {
	height: 100%;
	padding: 12px;
}

.h-blk .thumb-info .desc {
	font-size: 15px;
	max-height: 120px;
	line-height: 1.5;
	color: #888;
	margin-bottom: 0;
}

.h-blk .thumb-info .category {
	font-size: 15px;
}

.h-blk .thumb-info .title {
	font-size: 16px;
	height: 60px;
	max-height: 60px;
	margin-bottom: 8px;
}

/* Highlight Thumbnail */
.highlight-thumb .thumb-blk .thumb { background-color: #eee; padding-top: 52.05%; position: relative; border-bottom: 1px solid #eee; overflow: hidden; }
.highlight-thumb .thumb-blk .thumb img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
 
 /* Background image link */
 .bg-thumb-list .thumb-blk {
	margin-bottom: 30px;
}

.bg-thumb-list .thumb-blk .thumb {
	border-bottom: 0;
}

.bg-thumb-list .thumb-blk .bg-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.bg-thumb-list .thumb-blk:hover .bg-overlay {
	background-color: rgba(0, 0, 0, 0.1);
}

.bg-thumb-list .thumb-blk .thumb .title {
	width: 100%;
	font-size: 32px;
	line-height: 1.4;
	color: #FFF;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
	text-align: center;
	padding: 0 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	cursor: pointer;
}
 
 
/* Category Tag
/*-------------------------------------------------*/
.tag-list {
	position: relative;
	display: inline-block;
	z-index: 3;
}

.tag-list li {
	padding: 0 !important;
	margin-right: 4px;
	margin-bottom: 0 !important;
}

.tag-list .tag {
	font-size: 11px;
	color: #FFF !important;
	background-color: #643a89;
	padding: 4px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
}

.tag-list .tag:hover { background-color: #9a81b5; }

/* Job blk 
---------------------------------------------------*/
.job-list li { margin-bottom: 24px; }

.job-blk {
	background-color: #FFF;
	position: relative;
	padding: 10px 15px;
	border-bottom: 2px solid #502272;
 	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.job-blk .title {
	font-size: 16px !important;
	font-weight: bold;
	color: #502272;
	text-align: left;
	margin-bottom: 4px;
}

.job-blk:hover .title {
	color: #9a81b5;
}

.job-blk .comp-logo {
	margin-bottom: 12px;
}

.job-blk .comp {
	font-size: 14px;
	color: #444;
	margin-bottom: 2px;
}

.job-blk .post-date {
	font-size: 13px;
	color: #888;
	margin-bottom: 0;
}

/* Datepicker
---------------------------------------------------*/
.dp div.dropdown-menu { position: absolute; }

body.mobile .dp input[type=date].form-control { line-height: 22px; }

/* Read more
---------------------------------------------------*/
.read-more-w { text-align: center; }

.read-more i.fa { margin: 0; margin-left: 6px; }

/* Filter
---------------------------------------------------*/
.filter-list-w {
	max-height: 200px;
	overflow: auto;
	margin-top: 6px;
}

.filter-menu {
	background-color: #FFF;
	padding: 12px 15px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

.filter-item {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

.filter-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.filter-item ul li {
	position: relative;
	margin: 6px 0;
}

.filter-item ul li:last-child {
	margin-bottom: 0;
}

.filter-item a {
	font-size: 15px;
	line-height: 1.4;
	display: block;
}

.filter-item .num {
	font-size: 14px;
	font-weight: 300;
	color: #888;
	margin-left: 8px;
}

.filter-item .item-title:not(.custom-item-title) {
	font-size: 18px;
	color: #602468;
	display: block;
}

.filter-item .item-title i.fa {
	font-size: 24px;
	float: right;
}

.filter-item ul li.selected a {
	font-size: 16px;
	font-weight: bold;
}

.filter-item .checkbox-cus-label {
	padding-left: 32px;
}

.filter-item .checkbox-cus + .checkbox-cus-label:before {
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: -1px;
}

.filter-item .checkbox-cus:checked + .checkbox-cus-label:before {
	font-size: 115%;
	text-indent: -1px;
	line-height: 0.8;
}

.thumb-list-header .filter-selected {
	display: none;
}

.filter-selected {
	margin-bottom: 16px;
}

.filter-selected li {
	margin-right: 8px;
	margin-bottom: 6px;
}

.filter-selected .filter {
	display: none;
}

.filter-menu .refine a:hover,
.filter-selected .btn-def-w:hover {
	text-decoration: line-through;
}

.filter-selected .btn-def-w i.fa-times {
	margin-right: 0;
	margin-left: 6px;
}

.filter-selected .category,
.filter-selected a .category {
	font-weight: bold;
}

.filter-item .date .dropdown-menu {
	z-index: 99;
}

.filter-item .custom-date .form-group {
	margin-bottom: 0;
}

.filter-item .custom-date .submit {
	margin-top: 12px;
}

.filter-item .custom-date .submit a {
	font-size: 15px;
}

/* Refine */
.filter-menu .refine .filter-selected li {
	padding-left: 20px;
}

.filter-menu .refine .filter-selected li i {
	position: absolute;
	top: 1px;
	left: 0;
}

.filter-menu .refine .filter-selected {
	margin-bottom: 0;
}


/* Pagination
---------------------------------------------------*/
.pager-w {
	text-align: center;
	margin-top: 24px;
}

.pagination {
	margin: 0;
}

.pagination .fa {
	font-size: 22px;
	line-height: 28px;
}

.pagination li a:link,
.pagination li a:visited {
	min-width: 32px;
	height: 32px;
	line-height: 30px;
	color: #502272;
	text-align: center;
	background-color: transparent;
	border: 1px solid rgba(80, 34, 144, 0.2);
	margin-left: 8px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	padding: 0;
}

.pagination li a:hover {
	background-color: #FFF;
	border: 1px solid rgba(80, 34, 144, 1);
}

.pagination li.first a, .pagination li.prev a,
.pagination li.next a, .pagination li.last a {
	background-color: transparent;
	border: 0;
}

.pagination li.first a:hover, .pagination li.prev a:hover,
.pagination li.next a:hover, .pagination li.last a:hover {
	color: #9a81b5;
}

.pagination li.active a:link,
.pagination li.active a:visited,
.pagination li.active a:hover {
	background-color: #502272;
	color: #FFF;
}

/* Footer
/*-------------------------------------------------*/
:root {
	--copyright-gap: 10px;
	--copyright-gap-l: 15px;
}

footer {
	background-color: #715399;
	color: #FFF;
	padding: 0;
	z-index: 0;
}

footer .site-info {
	padding-top: 24px;
	padding-bottom: 24px;
}

footer .site-info .footer-list li {
	font-size: 14px;
	line-height: 1.5;
	margin: 6px 0;
}

footer .site-info .footer-list .header {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 8px;
	cursor: default;
	position: relative;
}

footer .site-info .footer-list .header i {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	display: none;
}

footer .subnav {
	display: none;
}

footer .subnav li {
	padding-left: 8px;
}

footer .footer-list a:link,
footer .footer-list a:visited {
	color: rgba(255, 255, 255, 0.7);
	display: block;
}

footer .footer-list a:hover {
	color: #FFF;
}

footer .copyright-w {
	font-size: 13px;
	background-color: rgba(0, 0, 0, 0.25);
	padding-top: 20px;
	padding-bottom: 16px;
}

footer .copyright-w ul {
	display: inline-block;
}

footer .copyright-w .top {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 20px;
}

footer .logo {
	padding-right: 0;
}

footer .logo li {
	margin-right: var(--copyright-gap);
}

footer .logo img {
	height: 40px;
}

footer .social-media {
	padding-left: 0;
}

footer .tnc,
footer .social-media {
	text-align: right;
				 
}

footer #app li,
footer #social-media li,
footer #tnc li {
	margin-left: var(--copyright-gap);
}

footer #social-media li {
	vertical-align: middle;
}

footer .media-item a {
	font-size: 18px;
	width: 40px;
	height: 40px;
	color: #FFF;
	text-align: center;
	line-height: 36px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .media-item a:hover {
	border-color: #FFF;
}

footer .copyright br {
	display: none;
}

/* multiselect */
/*---------------------------------------------*/
.multiselect {
	position: relative;
}

.multiselect .round-tag:link,
.multiselect .round-tag:visited {
	font-size: 13px;
	background-color: #4a2366;
	color: #FFF;
	padding: 5px 24px 5px 8px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin: 2px;
	position: relative;
	display: inline-block;
}

.multiselect .round-tag i {
	font-size: 12px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.multiselect .round-tag:hover {
	text-decoration: line-through;
}

.multiselect .form-cb {
	margin-top: 4px;
	margin-right: 16px;
}

.multiselect .checkbox-custom, 
.multiselect .radio-custom {
    opacity: 0;
    position: absolute;   
}

.multiselect .checkbox-custom, 
.multiselect .checkbox-custom-label, 
.multiselect .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.multiselect .checkbox-custom-label, .radio-custom-label {
	min-width: 75px;
	font-size: 15px !important;
	font-weight: 400 !important;
	justify-content: left !important;
	margin-bottom: 0 !important;
	padding-left: 32px;
    position: relative;
}

.multiselect .form-check-small .checkbox-custom-label, .form-radio-small .radio-custom-label {
	font-size: 13px !important;
	line-height: 26px !important;
	padding-left: 30px !important;
}

.multiselect .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 2px 0;
    margin-right: 10px;
    text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
}

.multiselect .checkbox-custom:checked + .checkbox-custom-label:before,
.multiselect .radio-custom:checked + .radio-custom-label:before {
	font-family: "FontAwesome";
	font-weight: 900;
	content: "\f00c";
	font-size: 17px;
	color: #3db237;
	line-height: 17px;
}

.multiselect .checkbox-custom[disabled] + .checkbox-custom-label:before {
	background: #eee;
	cursor: default;
}

.multiselect .radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.multiselect .radio-custom:checked + .radio-custom-label:before {
	content: "\f111";
	line-height: 17px;
}

.multiselect .radio-custom[disabled] + .radio-custom-label:before {
	background: #eee;
	cursor: default;
}

.multiselect ul {
	list-style: none;
	margin-bottom: 0;
}

.multiselect .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multiselect .custom-select {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 8px 40px 8px 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background-color: #fff;
	border: 2px solid #ced4da;
	-webkit-border-radius: 8px;
	moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
	background: none;
	cursor: pointer;
}

.multiselect .custom-select:focus {
	 border-color: #80bdff;
	 outline: 0;
	 box-shadow:0 0 0 3px rgba(0,123,255,.25)
}

.multiselect .custom-select:focus::-ms-value {
	 color: #495057;
	 background-color: #fff;
}

.multiselect .custom-select[multiple],
.multiselect .custom-select[size]:not([size="1"]) {
	 height: auto;
	 padding-right: 11px;
	 background-image: none;
}

.multiselect .custom-select:disabled {
	color: #ccc;
	background-color: #f9f9f9;
}

.multiselect .custom-select::-ms-expand {
	display: none;
}

.multiselect .custom-select.not-selected {
	color: #bbb;
}

.multiselect .custom-select.is-invalid {
	border-color: #dc3545;
}

.multiselect .custom-select .clear-btn {
	position: absolute;
	width: 36px;
	height: 100%;
	line-height: 34px;
	text-align: center;
	top: 0;
	right: 16px;
	text-decoration: none;
	opacity: 0;
	transition: opacity .25s ease;
	transition-delay: .15s,0s;
	color: #bbb;
}

.multiselect .custom-select .icon {
	width: 40px;
	height: 36px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3!important;
}

.multiselect .custom-select .icon .ct-icon,
.multiselect .custom-select .icon .fa {
	font-size: 20px;
	line-height: 38px;
	color: #b4b4b4;
	top: 0;
	margin-top: 0;
}

.mobile .multiselect .custom-select.cs-show .clear-btn {
	right: 78px;
}

.mobile .custom-select.cs-show {
	padding-right: 110px;
}

.multiselect .custom-select .clear-btn.v-hidden {
	visibility: hidden;	
}

.multiselect .custom-select .clear-btn.show {
	visibility: visible;
	opacity: 1;
}

.multiselect .custom-item {
	padding: 6px 36px 6px 12px;
	position: relative;
}

.multiselect .custom-item .form-control {
	padding: 6px 8px;
}

.multiselect .custom-item .form-control[placeholder] {
	font-size: 13px;
}

.multiselect .custom-item  .btn-custom-input-submit {
	position: absolute;
	right: 0;
	font-size: 24px;
	top: 5px;
	background: transparent;
	border: 0;
}

.multiselect .custom-item  .btn-custom-input-submit .fa {
	color: #4780b4;
}

.multiselect .custom-item  .btn-custom-input-submit:hover .fa {
	color: #6198c1;
}

.multiselect .custom-item label {
	display: none;
}

.multiselect .caret {
	float: right;
	border-style: solid !important;
	border-width: 2px 2px 0 0 !important;
	border-right-color: #333;
	border-left-color: #333;
	display: inline-block;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -4px;
	transform: rotate(135deg);
	vertical-align: top;
	width: 6px;
}

.multiselect .alert {
	display: none;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.6;
	padding: 8px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.multiselect .alert-warning {
	 color: #856404;
	 background-color: #fff3cd;
	 border-color: #ffeeba;
	 line-height: 1.8;
	 padding: 8px 15px;
}

.multiselect .alert-warning hr {
	border-top-color:#ffe8a1;
}

.multiselect .alert-warning .fa {
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
	font-size: 24px;
	position: relative;
	top: 1px;
	margin-left: -10px;
	color: #856404;
}

.chrome .multiselect .alert-warning  .fa {
	position: relative;
	top: -2px;
}

.multiselect .alert-warning .alert-link {
	color: #533f03;
}

.multiselect .input-field .clear {
	position: absolute;
	right: 12px;
	top: 6px;
	display: block;
}

.multiselect .select-all-options {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 14px;
	border-bottom: 1px solid #ddd;
}

.multiselect .select-all-options .item {
	display: inline-block;
}

.multiselect .select-all-options  label {
	padding-left: 0;
}

.multiselect .choice-w {
	width: 100%;
	background-color: #FFF;
	border: 2px solid #ddd;
	position: absolute;
	left: 0;
	margin-top: 2px;
	z-index: 10;
	display: none;
	-webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
}

.multiselect .choice-w.show {
	display: block;
}

.mobile .multiselect .choice-w {
	border: 1px solid #ced4da;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.multiselect .choice-w  > .selected {
	background-color: #FFF;
	padding: 4px 15px;
}

.multiselect .choice {
	max-height: 30vh;
	overflow-y: auto;
	padding: 4px 0;
}

.multiselect .choice::-webkit-scrollbar {
	width: 12px;
    -webkit-appearance: none;
}

.multiselect .choice::-webkit-scrollbar-thumb {
    border-radius: 6px;
	border: 3px solid white;
    background-color: rgba(0, 0, 0, .3); 
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3);
}

.multiselect .filter {
	min-height: 48px;
	padding: 15px 15px 8px 15px;
}

.multiselect .input-field {
	position: relative;
}

.multiselect .filter .input-field input {
	padding-left: 36px;
	padding-right: 36px;
}

.multiselect .input-field i.fa-search {
	color: #aaa;
	position: absolute;
	left: 12px;
	top: 10px;
}

.multiselect .multiselect-dropdown {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.multiselect .multiselect-dropdown ul {
	list-style-type: none;
	padding: 0;
}

.multiselect .multiselect-dropdown li {
	padding: 2px 0;
}

.multiselect .multiselect-dropdown li:hover {
	background-color: #f9f9f9;
}

.multiselect .multiselect-dropdown li label {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 47px;
}

.multiselect .multiselect-dropdown .checkbox-custom + .checkbox-custom-label:before,
.multiselect .multiselect-dropdown .radio-custom + .radio-custom-label:before {
	width: 22px;
	height: 22px;
	font-size: 15px;
	left: 15px;
	top: 4px;
}

.multiselect .multiselect .checkbox-custom:checked + .checkbox-custom-label,
.multiselect .multiselect .radio-custom:checked + .checkbox-custom-label {
	font-weight: bold !important;
}

.multiselect .multilayer .multiselect-dropdown .header-item.w-cb {
	padding-left: 42px;
}

.multiselect .multiselect-dropdown .header-item {
	padding-right: 60px;
}

.multiselect .multiselect-dropdown .header-item i {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -9px;
}

.multiselect .multiselect-dropdown .item {
	min-height: 30px;
	color: #333;
	display: block;
	position: relative;
}

.multiselect .multiselect-dropdown .item:hover {
	background-color: #f9f9f9;
}

.multiselect .multiselect-dropdown .item.selected .title {
	font-weight: bold;
}

.multiselect .multiselect-dropdown .item.open,
.multiselect .multiselect-dropdownt .item.open:hover {
	font-weight: 700;
	background-color: #f9f9f9;
}

.multiselect .multiselect-dropdown.single-choice .item:hover {
	background-color: #f9f9f9;
}

.multiselect .multiselect-dropdown.single-choice .header-item {
	padding: 6px 0 6px 16px;
	font-weight: bold;
	background-color: #f9f9f9;
}

.multiselect .multiselect-dropdown.single-choice .cb-item {
	padding: 6px 0 6px 16px;
	left: 0;
}

.multiselect .multiselect-dropdown.single-choice .cb-item label {
	padding: 0;
}
.multiselect .multiselect-dropdown.single-choice .radio-custom + .radio-custom-label:before {
	opacity: 0;
	position: absolute;
}

.multiselect .w-toggle-btns .multiselect-dropdown {
	padding-left: 12px;
}

.multiselect .w-toggle-btns .multiselect-dropdown li {
	display: inline-block;
}

.multiselect .w-toggle-btns .multiselect-dropdown li .item {
	display: inline-block;
	min-height: 0;
}

.multiselect .w-toggle-btns .multiselect-dropdown .icheckbox_line-blue {
	padding: 6px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(50, 128, 178, 0.03);
	color: #444;
	border: 2px solid #2489c5;
}

.multiselect .w-toggle-btns .multiselect-dropdown .icheckbox_line-blue.checked {
	color: #fff;
	background: #2489c5;
	border: 2px solid #2489c5;
}

.multiselect .w-toggle-btns .multiselect-dropdown span.ct-icon {
	width: auto;
}

.multiselect .multiselect-dropdown.single-choice .radio-custom:checked + .radio-custom-label {
	font-weight: bold !important;
}

.multiselect span.ct-icon,
.multiselect span .fa {
	font-size: 24px;
	margin-right: 6px;
	font-weight: 400;
	width: 40px;
	text-align: center;
	margin-right: 6px;
	vertical-align: middle;
	display: inline-block;
}

.multiselect span.text {
	padding-left: 28px;
}

.multiselect span.text-w-icon {
	padding-top: 0;
	position: relative;
	top: -1px;
}

.multiselect .multiselect-dropdown .secondary {
	list-style-type: none;
	display: none;
}

.multiselect .multiselect-dropdown .title {
	display: inline-block;
}

.multiselect .multiselect-dropdown .badge {
	display: none;
	min-width: 20px;
	font-size: 12px;
	line-height: 1;
	background-color: #3281b4;
	color: #fff;
	padding: 4px;
	border-radius: 6px;
	position: absolute;
	right: 32px;
	top: 5px;
}

.multiselect .multilayer .sub {
	display: none;
}

.multiselect .multilayer .header {
	padding: 6px 36px 6px 15px;
	position: relative;
	cursor: pointer;
}

.multiselect .multilayer .header i {
	position: absolute;
	right: 15px;
	top: 8px
}

.multiselect .multilayer .multiselect-dropdown .item:hover {
	background-color: #f9f9f9;
}

.multiselect .multilayer .multiselect-dropdown .header-item {
	padding: 6px 0 6px 16px;
}

.multiselect .multilayer .multiselect-dropdown .cb-item {
	padding: 6px 0 6px 68px;
	left: 0;
}

.multiselect .multilayer .multiselect-dropdown .cb-item label {
	padding: 0;
}

.multiselect .multilayer .multiselect-dropdown .cb-item.selected:hover {
	background-color: #f9f9f9;
}

.multiselect .multilayer .multiselect-dropdown li:hover {
	background-color: transparent;
}

.multiselect .multilayer .multiselect-dropdown .checkbox-custom + .checkbox-custom-label:before {
	top: 0;
	left: -33px;
}


.multiselect .multilayer .multiselect-dropdown .header-item.w-cb .cb {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 12px;
	top: 1px;
	width: 22px;
	padding-bottom: 4px;
}

.multiselect .multilayer .multiselect-dropdown .header-item.w-cb .cb .checkbox-custom-label {
	min-width: 22px;
	padding-left: 0;
}

.multiselect .multilayer .multiselect-dropdown .header-item.w-cb .checkbox-custom + .checkbox-custom-label::before {
	top: -4px;
	left: 0;
}

.multiselect .alert {
	max-width: 100%;
}

.multiselect .btn-wrapper {
	padding: 12px 12px 0 12px;
	background-color: rgba(0,0,0,0);
}

.multiselect .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #ccc;
	width: 4px;
} 

.multiselect .mCSB_inside > .mCSB_container {
	margin-right: 10px;
}

.multiselect .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y {
	margin-right: 0;
}

.multiselect .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background: #fff;
}

.multiselect .btn-done {
	display: none;
	position: absolute;
	background: #4a2366;
	border-color: #4a2366;
	top: 4px;
	opacity: 0;
	right: 30px;
	font-size: 12px;
	padding: 3px 10px;
}

.multiselect .custom-select .btn-done.v-hidden {
	visibility: hidden;	
}

.multiselect .custom-select .btn-done.show {
	visibility: visible;
	opacity: 1;
}

.multiselect .btn-done:hover {
	border-color: #6198c1;
	background-color: #6198c1;
	text-decoration: none;
}

.multiselect .w-custom-item .cb-item {
	padding-left: 12px;
}

/* 5 columns
---------------------------------------------------*/
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15,
.col-xs-17, .col-sm-17, .col-md-17, .col-lg-17 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
/* Media Queries
---------------------------------------------------*/
@media (min-width: 768px) {
	ul.row-eq-height, .h-blk .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

	.dropdown-menu .thumb-blk .thumb,
	.thumb-list .thumb-blk .thumb { background-color: #eee; padding-top: 52.05%; position: relative; border-bottom: 1px solid #eee; overflow: hidden; }
	.dropdown-menu .thumb-blk .thumb img,
	.thumb-list .thumb-blk .thumb img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
	.dropdown-menu .thumb-blk:hover .thumb img,
	.thumb-list .thumb-blk:hover .thumb img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
	
	.navbar-nav .employer-menu .title-w-line { display: none; }
}

@media (min-width: 992px) {
	.col-md-15 { width: 20%; float: left; }
	.col-md-17 { width: 14.2%; float: left; }

	.search-panel .keyword, .search-panel .type { width: 36%; }
	.search-panel .more { width: 12%; }
	.search-panel .submit { width: 16%; }

    /* Logo */
	nav[canvas] .logo__ct {
	  width: 131px;
	  height: 36px;
	  background-size: 116px 36px;
	  padding-right: 15px; 
	  margin-right: 15px; 
	}
  
	nav[canvas] .logo__hr {
	  width: 51px;
	  height: 36px;
	  background-size: 51px 36px;
	}

	.navbar-header { height: 67px; }

    .navbar-header .cthr-logo { margin-right: 20px; }
    .navbar-header .cthr-logo { margin-right: 20px; }
	
	.navbar-header .lang,
	.navbar-header .lang:hover,
	.navbar-header .lang:focus { color: #602468; }
	
	.navbar-header .lang span {
		line-height: 30px; 
		border-bottom: 2px solid transparent;
		display: inline-block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.navbar-header .lang:hover span,
	.navbar-header .lang:focus span	{
		border-bottom-color: #4d2e68;
	}
	
	.navbar-right > li.candidate .for-candidate { margin-right: 0; }
}

@media (min-width: 1200px) {
	.col-lg-15 { width: 20%; float: left; }
    .cand-nav.dropdown-list { right: 188px; }
}

@media only screen and (max-width: 1200px) {
	nav[canvas] { font-size: 14px; }
	
	nav[canvas].nav-s { font-size: 13px; }
	.nav > li > a { padding: 15px 5px; }
    
    .cand-nav.dropdown-list { right: 15%; }
	.cand-nav.dropdown-list a .fa { font-size: 20px; }
	.cand-nav.dropdown-list a { font-size: 14px; padding: 12px 15px; }

    /* Footer Update - QR Code */
	footer .social-media { text-align: center; }
	footer #app li, footer #social-media li { margin-left: 0; margin-right: var(--copyright-gap); }
	footer #social-media li:last-child { margin-right: 0; }
	footer .copyright-w .container { padding: 0; }
	footer .copyright-w .top { flex-direction: column; text-align: center; padding-bottom: var(--copyright-gap-l); }
	footer .copyright-w .top .logo { margin-bottom: var(--copyright-gap-l); }
    /*-------------------------*/
}

@media only screen and (max-width: 1130px) {
	.nav > li > a { padding: 13px 4px; }
	.nav-s .nav > li > a { padding: 11px 4px; }
	/*.navbar-left li.lang a i.fa, .navbar-right > li a i.fa { font-size: 14px; }*/    
    .navbar-right > li a i.fa { font-size: 14px; }
	.login.member .txt { max-width: 60px; }    
}

@media only screen and (max-width: 1080px) {
	nav[canvas] { font-size: 13px; }    
}


@media only screen and (max-width: 1090px) {
	.with-nav-adv.navbar .adv-468x60 { display: none; }
}


@media only screen and (max-width: 992px) {
	header { padding: 48px 0; }

	/* Navbar */
	nav[canvas] { border-bottom-color: #ddd; }
	nav[canvas] .ct-logo img { padding-right: 12px; margin-right: 10px; height: 32px; }
	nav[canvas].nav-s { height: 60px; }
	body.scrolled nav[canvas].nav-s { height: 50px; }
	.navbar-default .navbar-nav > li > a { height: 50px; }
	.navbar-right { margin: 0; position: absolute; right: 10px; top: 0; }
	.navbar-nav > li a:hover span { border-bottom-color: transparent; }
	.navbar-right li.dropdown { float: left; }
	
	.navbar-right li a { line-height: 50px; padding: 0 4px; }
	.navbar-right li a i.fa { margin-left: 6px; font-size: 20px; vertical-align: middle !important; margin-right: 6px !important; }
	
	.navbar-right li a.dropdown-toggle { padding: 9px 4px; }
	.navbar-right li a.dropdown-toggle i.fa { font-size: 20px; vertical-align: -2px !important; margin-right: 6px !important; }
	body.scrolled nav[canvas].nav-s .navbar-right li a.dropdown-toggle i.fa { vertical-align: -5px !important; }
	.navbar-nav > li.login.member a.dropdown-toggle i.fa-angle-down { display: none; }
	
	nav[canvas].with-nav-adv  { height: 120px; }
	nav[canvas].with-nav-adv  .static { position: relative; top: 0px; margin: 0 -15px; }
	.with-nav-adv .navbar-header { line-height: 48px; }
	.with-nav-adv .navbar-right { margin-top: 0; }
	.with-nav-adv.navbar .adv-468x60 { float: none; margin: 0 auto; position: relative; top: -43px; }
	
	div.dropdown-menu.member-menu { padding: 15px; padding-bottom: 5px; }
	div.dropdown-menu.member-menu ul li.header-item.greetings { line-height: 22px; margin-bottom: 4px; }
	div.dropdown-menu.member-menu ul li.header-item.greetings span { margin-left: 8px; display: inline-block; }
    .navbar-header .lang { display: none; }
	.navbar-left, .navbar-right > li:not(.search-bar) { display: none; }
	/*.navbar-right > li.login { display: inline-block; }*/
    .navbar-right > li.login { display: none; } /*update on 30/7/22*/
	.navbar-right > li.login .txt { display: none; }

    .navbar-right > li.m-message { display: inline-block; }
    .navbar-right > li.m-message .cus-chating { top : 5px; }
		
	.navbar-right > li.m-user { display: inline-block; }
	.navbar-right > li.m-user .fa { font-size: 20px; }  /*update on 23/8/22*/
	.navbar-right > li.m-user  i.fa-user-circle-o { margin-right: 0 !important; }
	.navbar-right > li.m-user.active span { height:42px; }
	.navbar-right > li.candidate-registration { display: none !important; }	
	.cand-nav.dropdown-list.active { display: none; }

	div.dropdown-menu { padding: 15px 10px; }
	.navbar-right .open .dropdown-menu { width: 100%; background-color: #FFF; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); position: fixed; }
	
	[canvas=container] { margin-top: 50px; height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); }
	nav[canvas] { height: 50px; }
	[canvas=container].with-nav-adv { margin-top: 120px; height: -webkit-calc(100% - 120px); height: -moz-calc(100% - 120px); height: calc(100% - 120px); }
	nav[canvas].with-nav-adv { height: 50px; }
	nav[canvas] .cthr-logo img,
	body.scrolled nav[canvas].nav-s	.cthr-logo img { height: 36px; }
	.slide-menu .cthr-logo { padding-top: 8px; padding-bottom: 8px; }
	
	.navbar-header { width: 100%; line-height: 48px; margin: 0 !important; }
	.navbar-toggle { position: absolute; left: 15px; top: 0; display: block; }
	
	.submenu { background-color: #674b8c; }
	
	/* Modal */
	.modal.select-list .container { width: auto; }
	.close-modal { width: 48px; height: 48px; top: 16px; right: 16px; }
	.close-modal .lr { height: 48px; margin-left: 16px; }
	.close-modal .lr .rl { height: 48px; background-color: #333; }
	
	.checkbox-cus + .checkbox-cus-label:before, .radio-cus + .radio-cus-label:before { width: 24px; height: 24px; }
	.checkbox-cus:checked + .checkbox-cus-label:before { font-size: 120%; line-height: 0.9; }
	.checkbox-cus, .checkbox-cus-label, .radio-cus, .radio-cus-label { margin: 6px 0; }
	
	/* Submenu */
	.submenu-bar { font-size: 16px; }
	
	/* Filter */
    .thumb-list-header .filter-selected { display: block; }
	.filter-selected .filter { display: inline-block; }

    .h-blk .thumb-info .desc { max-height: 30px; }

	.bg-thumb-list .thumb-blk .thumb .title { font-size: 24px; }

	footer .site-info { width: 100%; padding-top: 0; padding-bottom: 0; }
	footer .site-info .footer-list { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
	footer .site-info .footer-list li { line-height: 2.2; margin: 0; }
	footer .site-info .footer-list:last-child { border-bottom: 0; }
	footer .site-info .footer-list .header { margin: 0; padding: 12px 0; cursor: pointer; }
	footer .site-info .footer-list .header i { display: inline; }
	footer .site-info .footer-list .footer-subnav { margin-bottom: 12px; display: none; }
	footer .site-info .footer-list.active .footer-subnav { display: block; }
	
	footer .tnc { margin-bottom: 20px; } 
	footer .tnc, footer .copyright-w .copyright { text-align: center; }
	/*footer #app, footer #social-media { display: block; }*/
	footer #app { margin-bottom: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Thumbnail List */
	.thumb-info .date-venue .date, .thumb-info .date-venue .venue { margin: 0; display: block; }
	.thumb-info .date-venue .date { margin-bottom: 2px; }
}

@media only screen and (max-width: 767px) {
	section { padding: 32px 0; }
	header { padding: 36px 0; }
	header h1 { font-size: 28px; margin-bottom: 12px; }
	.lead { font-size: 20px; margin-bottom: 12px; }
	.img-v { position: relative; }
	
	
	[canvas=container] { margin-top: 50px; height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); }
	[canvas=container].with-nav-adv { margin-top: 50px; height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); }
	nav[canvas].with-nav-adv { height: 50px; }
	nav[canvas].with-nav-adv  .static { position: relative; top: 0px; margin: 0 -15px; }
	.navbar-right { margin-top: 0; }
	.navbar-right li a i.fa { font-size: 20px; vertical-align: -2px !important; margin-right: 6px !important; }

	/* Modal */
	.modal-content { padding: 48px 0 80px 0; }
	.modal .modal-sec { margin-bottom: 20px; }
	.modal .range-sec { margin-bottom: 16px; }
	.modal h3 { font-size: 16px; margin-bottom: 8px; }
	.modal h4 { font-size: 15px; margin: 12px 0 8px 0; }
	.modal .submit-btn:link, .modal .submit-btn:visited { width: 100%; font-size: 18px; padding: 10px 80px; }
	.modal .submit { width: 100%; background-color: #fff; padding: 15px; border-top: 1px solid #eee; position: absolute; left: 0; bottom: 0; }
	.search-modal .dp-from .form-group { margin-bottom: 12px; }
	.search-modal .cb.search-video { margin-top: 4px; }
	
	/* Login */
	.login .login-sec { border-left: 0; padding-left: 15px; padding-right: 15px;}
	.login .reg-sec { display: none; }
	.login-m { display: block; }
	.login .login-sec { padding-left: 15px; padding-right: 15px; }
	
	/* Search Panel */
	.search-panel { font-size: 15px; }
	.search-panel .filter { text-align: center; display: block; }
	.search-panel .filter a { display: block; }
	.search-panel .search-criteria { margin-top: 8px; display: none; }
	.search-panel .criteria { padding-right: 15px; margin-bottom: 10px; }
	.search-panel .cb { margin-bottom: 10px; }
	.search-panel .cb label { margin: 0; }

	/* Thumbnail List */
	.thumb-info .title { font-size: 15px; margin-bottom: 0; }
	.thumb-list .thumb-blk .thumb { width: 130px; height: 67px; position: absolute; left: 10px; top: 10px; overflow: hidden; }
	.thumb-list .thumb-blk .thumb-info { padding-left: 152px; }
	.thumb-list .row.row-eq-height li { margin-bottom: 12px; }
	.thumb-blk .post-date { font-size: 12px; margin-bottom: 0; }
	.thumb-blk .thumb .tag { font-size: 12px; padding: 2px 10px; bottom: 4px; }
	
	.h-thumb-list li { margin-bottom: 12px; }
	.h-thumb-list .thumb-blk .thumb { width: 124px; height: 64px; }
	.h-thumb-list .thumb-blk .thumb-info { padding-left: 134px; }
	.hr-news .thumb-info .title { height: auto; min-height: 30px; }
	
	.thumb-list-header .title { width: 100%; font-size: 20px; height: 28px; line-height: 28px; margin-bottom: 8px; }
	.thumb-list .thumb-info .date-venue .date, .thumb-list .thumb-info .date-venue .venue { margin: 0; display: block; }
	
	.h-blk .thumb-info .desc { font-size: 13px; line-height: 1.3; letter-spacing: 0.5px; max-height: 65px; margin-bottom: 8px; }
	
	.bg-thumb-list .thumb-blk .thumb { width: 100% !important; height: auto !important; position: relative; top: auto; left: auto; }
	.bg-thumb-list .thumb-blk .thumb img { max-width: 100%; left: auto; }
	.bg-thumb-list .thumb-blk .thumb .title { font-size: 24px; }
	
    /* Category */
	.tag-list .tag { font-size: 10px; padding: 3px 6px; }

	/* Submenu */
	.submenu-bar ul li { margin: 4px 0; }
	
	/* Filter */
	.filter-selected { margin-bottom: 12px; }
	.filter-selected a { font-size: 14px; }
	.filter-selected a.btn-def-w { font-size: 13px; padding: 4px 10px; }
	
	footer #app li:first-child, footer #social-media li:first-child { margin-left: 0; }
	
	.sticky-back-to-top:link { width: 42px; height: 42px; font-size: 22px; line-height: 42px; }
	
}

@media only screen and (max-width: 640px) {
    .modal .modal-sec.range li { width: 100%; }
	
	.bg-thumb-list .thumb-blk .thumb .title { font-size: 20px; }
	
	footer #logo { margin-bottom: 16px; }
	footer #logo, footer #mem-logo { display: block; }
	footer #mem-logo img { height: 36px; }
}

/* Footer Update - QR Code */
@media only screen and (max-width: 576px) {
	footer #logo, footer #app { margin-bottom: var(--copyright-gap-l); }
	footer #logo li, footer #app li { margin: 0; }
	footer #logo, footer #app, footer #mem-logo { display: block; }
	footer .qrcode { display: none !important; }
	footer .copyright br { display: block; }
}
/*-------------------------*/

@media only screen and (max-width: 550px) {
	.sticky-back-to-top:link { width: 36px; height: 36px; font-size: 20px; line-height: 36px; }
}

@media only screen and (max-width: 480px) {
	section { padding: 20px 0; }
	header { padding: 24px 0; }
    header h1 { font-size: 24px; }
	h3 { font-size: 20px; }
	.btn { font-size: 14px; }
	.sec-desc { font-size: 15px; line-height: 1.4; }
	.form-group { margin-bottom: 10px; }
	.subj { margin-bottom: 10px; }

	div.dropdown-menu { padding: 15px 0; }
	.alert { padding-top: 8px; padding-bottom: 8px; margin-bottom: 12px; }
	
	/* Modal */
	.modal-content { padding: 24px 0 80px 0; }
	.modal h2 { font-size: 20px; }
	.close-modal { width: 30px; height: 30px; top: 16px; right: 16px; }
	.close-modal .lr { height: 30px; margin-left: 16px; }
	.close-modal .lr .rl { height: 30px; }
	.modal-content .modal-sec { margin-bottom: 12px; }
	.modal .submit-btn:link, .modal .submit-btn:visited { font-size: 16px; }

    /* Employer Login Modal */
    #employer-login-modal h3 { font-size: 18px; margin-bottom: 12px; }
	#employer-login-modal .close-modal { width: 30px; height: 30px; top: 16px; right: 16px; }
	#employer-login-modal .close-modal .lr { height: 30px; margin-left: 16px; }
	#employer-login-modal .close-modal .lr .rl { height: 30px; background-color: #333; }

	#employer-login-modal .modal-content .modal-sec { margin-bottom: 20px; }
	
	#employer-login-modal .modal-content { min-height: 100%; padding: 20px 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	#employer-login-modal .modal-dialog { width: 100%; height: 100%; margin: 0 !important; position: relative; top: auto; left: auto; }
	
	#employer-login-modal.modal-action .btn:link, #employer-login-modal.modal-action .btn:visited { padding: 8px 0; }
	
	/* Thumbnail List */
	.thumb-info .title { height: 42px; }
	.thumb-list .thumb-blk .thumb { width: 116px; height: 60px; }
	.thumb-list .thumb-blk .thumb-info { padding: 8px; padding-left: 136px; }
	.thumb-list .thumb-info .date-venue { margin: 2px 0; }
	
    .h-thumb-list li.job-slider-wrapper { margin-bottom: 16px; }
	.h-thumb-list .thumb-blk .thumb { width: 116px; height: 60px; top: 8px; }
	.h-thumb-list .thumb-blk .thumb-info { padding: 5px 12px; padding-left: 126px; }
	
	.hr-news .thumb-info .title { min-height: 24px; }
	 	
	.bg-thumb-list li { width: 100%; }
	.bg-thumb-list .thumb-blk { margin-bottom: 16px; }
	.bg-thumb-list .thumb-blk .thumb .title { font-size: 24px; }

	/* Global Search Panel */
	.searchbox-w { margin-bottom: 12px; }
	.searchbox { padding-right: 116px; padding-left: 32px; }

	.search-bar div.dropdown-menu ul li { padding: 3px 0; }
	.search-bar .title { font-size: 16px; }
	.search-bar i.search { font-size: 18px; margin-top: -12px; }
	.search-bar .clear { font-size: 20px; right: 96px; margin-top: -20px; }
	
	.job-list li { margin-bottom: 16px; }
	
	/* Submenu */
	.submenu-bar { font-size: 15px; padding: 6px; margin-bottom: 20px; }
	
    /* Category */
	.tag-list .tag { padding: 2px 6px; }
	
	/* Filter */
	.filter-selected { margin-bottom: 8px; }
	
	footer #mem-logo img { height: 30px; }
	footer .site-info .footer-list .header { font-size: 15px; }
}

@media only screen and (max-width: 320px) {
	.subj { margin-bottom: 8px; }
	
    .thumb-list .thumb-blk .thumb { width: 88px; height: 45px; }
	.thumb-list .thumb-blk .thumb-info { padding: 8px; padding-left: 108px; }
	.thumb-info .title { height: 42px; }
	
	.login .subj { margin-bottom: 8px; }
	.login .mem-login { margin: 10px 0; }
	.login .other-login { margin: 6px 0 8px 0; }
	.login hr { margin: 12px 0; }
	
    /* Category */
	.tag-list { line-height: 1.2; }
	.tag-list .tag { font-size: 9px; padding: 3px 6px; }
}

/*@media all and (-ms-high-contrast: none) and (max-width: 992px) {
	nav[canvas] .ct-logo img { margin-right: 7px; }
}

@media all and (-ms-high-contrast: active) and (max-width: 992px) {
	nav[canvas] .ct-logo img { margin-right: 7px; }
}*/
