header *, section *, footer * {
	-webkit-transition: height, width 0.5s;
	-moz-transition: height, width 0.5s;
	transition: height, width 0.5s;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Roboto', Arial, "Microsoft JhengHei", "微軟正黑體", PMingLiU, "新細明體", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4;
	overflow: visible;
}

body {
    -ms-overflow-style: scrollbar;
}


.loading {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1000;
}

.loading img {
	background-color: #FFF;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.breadcrumb {
	font-size: 13px;
	text-align: left;
}

/* AD */
#ad {
	background-color: #FFF;
	padding-bottom: 0;
}

#ad img {
	margin: 0 auto;
}

/* CT Fonts
-------------------------------------------*/
@font-face {
	font-family: 'ct';
	src: url('/fonts/ct.eot?hnn29s');
	src: url('/fonts/ct.eot?hnn29s#iefix') format('embedded-opentype'),
    url('/fonts/ct.ttf?hnn29s') format('truetype'),
    url('/fonts/ct.woff?hnn29s') format('woff'),
    url('/fonts/ct.svg?hnn29s#ct') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ct-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'ct' !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;
}

.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"; }
.icon-ngo_socialservice:before { content: "\f256"; }

.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-010:before { content: ""; }*/
.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"; }
.icon-prof_project:before { content: "\e96b"; }

/*------------------------------------------------*/

/* Transition */
a:link, a:visited,
input, textarea, .btn,
.navbar-default,
.navbar-default .navbar-header .navbar-brand,
.thumb-blk,
.input-field i.fa,
.fb-login,
.side-box li {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

/* Link */
a:link, a:visited, a:focus {
	color: #3280b3;
	outline: 0;
}

a:hover {
	color: #69abcb;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

a.link-further-reading {
    word-break: break-all;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

hr {
	border-width: 1px;
	border-color: #5488c1;
	max-width: 50px;
	margin: 20px auto;
}

.hide-br {
	display: none;
}

p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
}

.trunc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-faded {
	color: rgba(255, 255, 255, 0.8);
}

.txt-link-s {
	font-size: 14px;
}

.txt-s {
	font-size: 13px;
}

.no-padding {
	padding: 0;
}

.no-padding-l {
	padding-left: 0;
}

.no-padding-r {
	padding-right: 0;
}

.row {
	position: relative;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.bold {
	font-weight: 600;
}

/* Toggle Switch */
.switch {
	width: 52px;
	height: 30px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
}

.switch input { display: none; }

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #33a250;
}

input:focus + .slider {
	box-shadow: 0 0 1px #33a250;
}

input:checked + .slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}

.slider.round {
	border-radius: 30px;
}

.slider.round:before {
	border-radius: 50%;
}

/* Top banner */
.top-banner {
	width: 728px;
	min-height: 0;
	height: 90px;
	margin: 0 auto;
}

.top-banner-468x60 {
	width: 468px;
	min-height: 0;
	margin-right: 200px;
	margin-top: 7px;
	float: right;
}

.top-banner-mobile {
	text-align: center;
}
/* Tab Menu */
.nav-pills {
	margin-bottom: 16px;
}

.nav-pills>li {
	margin-right: 8px;
}

.nav-pills>li>a,
.nav-pills>li>a:focus {
	font-size: 16px;
	font-weight: bold;
	color: #555;
	background-color: transparent;
	border-bottom: 3px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0 8px 6px 8px;
}

.nav-pills>li>a:hover {
	background-color: transparent;
	color: #888;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background-color: transparent;
	color: #3280b2;
	border-bottom-color: #3280b2;
}

/* Arrow Box */
.tippy-popper {
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}

.tippy-tooltip.white-theme {
	background-color: #fff;
	color: #333;
	border: 1px solid #dddddd;
	padding: 8px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.white-theme .tippy-arrow { 
	border-top: 7px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.white-theme .tippy-arrow {
	border-bottom: 7px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.white-theme .tippy-arrow {
	border-left: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.white-theme .tippy-arrow {
	border-right: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}

.tippy-tooltip.help-theme {
	font-size: 13px;
	text-align: left;
	background-color: #3280b2;
	color: #fff;
	padding: 8px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.help-theme .tippy-arrow { 
	border-top: 7px solid #3280b2; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.help-theme .tippy-arrow {
	border-bottom: 7px solid #3280b2; border-right: 7px solid transparent; border-left: 7px solid transparent
}
.tippy-popper[x-placement^=left] .tippy-tooltip.help-theme .tippy-arrow {
	border-left: 7px solid #3280b2; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}
.tippy-popper[x-placement^=right] .tippy-tooltip.help-theme .tippy-arrow {
	border-right: 7px solid #3280b2; border-top: 7px solid transparent; border-bottom: 7px solid transparent
}

/* <ul> list in tooltip */
.tippy-tooltip .tooltip-list {
	list-style: disc;
	padding-left: 16px;
}

.tippy-tooltip .tooltip-list li {
	margin-bottom: 8px;
}

.tippy-tooltip .tooltip-list li:last-child {
	margin: 0;
}


/* Header / Section */
header, section {
	padding: 42px 0;
	position: relative;
	z-index: 0;
}

header {
	color: #FFF;
}

header hr {
	border-color: #FFF;
}

header .bg-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

header>:not(.bg-overlay) {
	position: relative;
	z-index: 2;
}

/* CT Logo */
.ct-logo img {
	height: 42px;
}

/* Main Navigation
/*-------------------------------------------------*/
.ct-m-nav {
	border-bottom: 4px solid #4788BE;
}

.ct-nav {
	position: relative;
	min-width: 250px;
	min-height: 60px;
	background: #FFF;
}

.ct-nav .beta,
footer .beta {
	font-size: 11px;
	font-weight: bold;
	background-color: #FCCF00;
	color: #336699;
	padding: 2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: 2px;
}

.ct-nav a {
	font-size: 15px;
	color: #4788be;
	
	text-decoration: none;
	white-space: nowrap;
	padding: 14px 15px;
	
	position: relative;
	display: block;
}

.ct-nav .prof-links a {
	padding-left: 48px;
}

.ct-nav .prof-links li.log-out a {
	padding-left: 18px;
}

.ct-nav .prof-links a .icon {
	font-size: 18px;
	width: 32px;
	text-align: center;
	position: absolute;
	top: 12px;
	left: 12px;
}

.ct-nav a:hover {
	color: #336699;
}

.ct-nav a span {
	position: relative;
}

.ct-nav .visible-links {
	display: inline-table;
}

.ct-nav .visible-links li {
	display: table-cell;
	position: relative;
}

.ct-nav .visible-links li:first-child {
	font-weight: bold;
}

.ct-nav .visible-links li:first-child a {
	padding: 12px;
	padding-top: 14px;
}

.ct-nav .visible-links a.ct-home img {
	height: 48px;
}

.ct-nav .visible-links a:not(.ct-home) {
	border-bottom: 5px solid #FFF;
	padding-top: 20px;
	padding-bottom: 6px;
}

/* Submenu */
.ct-nav .visible-links .submenu {
	width: 200px;
	background-color: #FFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-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);
	
	position: absolute;
	top: 66px;
	right: 0;
	z-index: 99;
	display: none;
}

.ct-nav .submenu a:hover {
	background-color: #e1ecf4;
}

.ct-nav .sub i.fa.fa-chevron-down,
.ct-nav .sub i.fa.fa-chevron-up {
	font-size: 12px;
	margin-left: 2px;
	vertical-align: 2px;
}

.ct-nav .visible-links .submenu li {
	display: block;
}

.ct-nav .visible-links .submenu li:first-child a {
	font-weight: normal;
	padding: 12px 15px;
}

.ct-nav .visible-links .submenu a:not(.ct-home) {
	border-bottom: 0;
	padding-top: 12px;
	padding-bottom: 12px;
}

.ct-nav .visible-links a:not(.ct-home):hover {
	border-bottom-color: #fccf00;
}

.ct-nav .visible-links li.active a {
	border-bottom: 5px solid #fccf00;
	/*border-bottom-color: #4788be;
	background-color: #4788be;
	color: #FFF;*/
}

.ct-nav .visible-links li.active a:hover {
	/*border-bottom-color: #4788be;*/
}

.ct-nav .lang i.fa {
	margin-right: 2px;
}

/* Static - More Nav / Profile / Member */
.ct-nav .notify {
	width: 12px;
	height: 12px;
	background-color: #f47340;
	border: 2px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	top: 4px;
	right: -6px;
}

.ct-nav .num {
	font-size: 14px;
	font-weight: bold;
	background-color: #FCCF00;
	color: #336699;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 2px;
}

.ct-nav .static {
	position: absolute;
	right: 0;
	top: 10px;
}

.ct-nav .static .member-sec,
.ct-nav .static .hide-nav {
	position: relative;
	float: right;
}

.ct-nav .more-nav,
.ct-nav .prof-nav {
	padding-bottom: 9px;
	height: 50px;
	line-height: 30px;
	border: 0;
	outline: none;
	background-color: #FFF; /*1f5f95*/
	color: #4788be;
	cursor: pointer;
	border-bottom: 5px solid #FFF;
	white-space: nowrap;
	position: relative;
	float: right;
}

.ct-nav .prof-nav {
	padding: 12px 12px 6px 36px;
}

.ct-nav .prof-nav .mem-icon {
	position: absolute;
	left: 8px;
	display: inline-block;
}

.ct-nav .prof-nav.become-mem .mem-icon {
	left: 13px;
}

.ct-nav .prof-nav .mem-icon i.fa,
.ct-nav .prof-nav .mem-icon i.fas {
	font-size: 20px;
	vertical-align: -2px;
}

.ct-nav .prof-nav.employer .mem-icon i.fa,
.ct-nav .prof-nav.employer .mem-icon i.fas  {
	font-size: 18px;
	vertical-align: -2px;
}

.ct-nav .prof-nav .prof-txt {
	/*line-height: 24px;*/
	display: inline-block;
}

.ct-nav .prof-nav.member {
	padding-right: 28px;
	padding-left: 42px;
}

.ct-nav .prof-nav.member .prof-txt {
	width: 80px;
}

.ct-nav .more-nav {
	line-height: 26px;
	padding-left: 12px;
	padding-right: 32px;
}

.ct-nav .prof-nav.employer {
	padding-left: 42px;
}

.ct-nav a.more-nav.active,
.ct-nav a.prof-nav.active,
.ct-nav a.more-nav:hover,
.ct-nav a.prof-nav:hover {
	border-bottom-color: #fccf00;
}

.ct-nav a.more-nav.nohover,
.ct-nav a.prof-nav.nohover {
	border-bottom-color: #FFF !important;
}

.ct-nav .more-nav i.fa.fa-chevron-down,
.ct-nav .prof-nav i.fa.fa-chevron-down,
.ct-nav .more-nav i.fas.fa-chevron-down,
.ct-nav .prof-nav i.fas.fa-chevron-down {
	font-size: 12px;
	margin-left: 2px;
	position: absolute;
	right: 12px;
	top: 20px;
}

.ct-nav .prof-txt-m {
	line-height: 24px;
}

.ct-nav .more-txt-m,
.ct-nav .prof-txt-m {
	display: none;
}

/* Dropdown */
.ct-nav .sub-nav {
	position: relative;
}

.ct-nav .dropdown-list {
	width: 200px;
	background-color: #FFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	position: absolute;
	right: 8px;
	margin-top: -8px;
	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);
}

.ct-nav .dropdown-list.show-employer-space {
	right: 120px;
}

.ct-nav .submenu li:first-child a,
.ct-nav .dropdown-list li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.ct-nav .submenu li:last-child a,
.ct-nav .dropdown-list li:last-child a {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.ct-nav .dropdown-list li.log-out a {
	background-color: #e1ecf4;
}

.ct-nav .dropdown-list a:hover {
	background-color: #e1ecf4;
}

.ct-nav .hidden-links.dropdown-list  {
	right: 150px;
}

.ct-nav .hidden-links .submenu {
	background-color: #fafcfd;
	display: none;
}

.ct-nav .hidden-links.dropdown-list.guest  {
	right: 265px;
}

.ct-nav .prof-links a span .notify {
	right: -16px;
}

.ct-nav .closed {
	display: none;
}

/* Sub Navigation
/*-------------------------------------------------*/
.nav-tabs {
	font-size: 18px;
	border-bottom-color: #336699;
}

.nav-tabs>li>a {
	border: 1px solid transparent;
	border-radius: 6px 6px 0 0;
	padding: 8px 20px;
	margin-right: 8px;
}

.nav-tabs>li>a:hover {
	border: 1px solid transparent;
}

.nav.nav-tabs>li>a:hover,
.nav.nav-tabs>li>a:focus {
	background-color: transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #FFF;
	background-color: #336699;
	border: 1px solid transparent;
}

.navbar.affix .breadcrumb,
.navbar.affix-top .breadcrumb {
	display: none;
}

.navbar-default {
	min-height: 36px;
	background-color: #4788be;
	padding: 0 15px;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	-webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.08);
	z-index: 8;
}

.navbar-default .navbar-header .navbar-brand {
	width: auto;
	height: auto;
	font-size: 15px;
	color: #FFF;
	line-height: 36px;
	padding: 0;
	margin-right: 12px;
	display: block;
	cursor: pointer;
}

.navbar-default .nav>li {
	margin-left: 8px;
}

.navbar-default .nav>li.current>a,
.navbar-default .nav>li.current>a:hover,
.navbar-default .nav>li.current>a:focus:hover,
.navbar-default .nav>li.current.active>a,
.navbar-default .nav>li.current.active>a:focus,
.navbar-default .nav>li.current.active>a:hover,
.navbar-default .nav>li.current.active>a:focus:hover {
	/*color: #FCCF00;*/
}

.navbar-collapse.collapsing .nav>li,
.navbar-collapse.collapse.in .nav>li {
	margin-left: 0;
}

.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
	color: rgba(255, 255, 255, 0.7);
	padding: 8px 12px;
}

.navbar-default .nav>li>a.active {
	font-weight: bold;
	color: #FFF;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover,
.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus,
.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
	color: #FFF;
}

.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus,
.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
	background-color: rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.navbar-default .nav .glyphicon {
	font-size: 12px;
	margin-right: 8px;
}

.navbar-default.affix {
	background-color: rgba(50, 128, 179, 0.95);
	padding: 6px 15px;
	position: relative;
}

.navbar-default.affix .nav>li>a,
.navbar-default.affix .nav>li>a:focus {
	color: rgba(255, 255, 255, 0.7);
}

.navbar-default .nav>li.dropdown .glyphicon {
	margin-right: 0;
	margin-left: 4px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #FFF;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	position: relative;
	color: #FFF;
	padding: 6px 0;
	text-decoration: none;
}

.navbar-nav>li>.dropdown-menu {
	font-size: 15px;
	background-color: rgba(0, 0, 0, 0.75);
	border: 0;
	padding: 6px 12px;
	margin-top: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background-color: transparent;
	color: #5a94bf;
}

.navbar-nav>li>.dropdown-menu .dropdown-header {
	font-size: 15px;
	padding: 0;
	margin: 8px 0 4px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.navbar-nav>li>.dropdown-menu .sub {
	padding-left: 18px;
}

.navbar-nav>li>.dropdown-menu .sub i {
	font-size: 4px;
	vertical-align: 3px;
	margin-right: 6px;
}
.navbar-nav>li>.dropdown-menu .dropdown-header:first-child {
	margin-top: 0;
}

.navbar-nav>li>.dropdown-menu i.fa.fa-angle-right {
	margin: 0 4px 0 5px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background-color: transparent;
}

.navbar-section {
	padding: 0 15px 4px 15px;
}

#secNav .new {
	font-size: 9px;
	line-height: normal;
	color: #FCCF00;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: 6px;
	margin-left: 3px;
	display: inline-block;
}

#secNav .num {
	font-size: 14px;
	font-weight: bold;
	background-color: #FCCF00;
	color: #336699;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 2px;
}

/* Animation
/*-------------------------------------------------*/
.slideanim { visibility: hidden; }

.slide {
/* 	animation-name: slide;
	-webkit-animation-name: slide;	 */
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	visibility: visible;			
}

@keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	} 

	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	} 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

/* Snackbar
---------------------------------------------------*/
.snackbar-cus {
	font-weight: normal !important;
	margin-top: 36px;
}
.snackbar-cus p {
	line-height: 1.4 !important;
}

.snackbar-cus a:link,
.snackbar-cus a:visited {
	color: #FFF;
	text-decoration: underline;
	margin: 0 4px;
}

/* Sticky Back to Top
/*-------------------------------------------------*/
.sticky-back-to-top:link {
	width: 36px;
	height: 36px;
	background-color: #ebf2f7;
	font-size: 16px;
	color: #3280b3;
	text-align: center;
	line-height: 36px;
	cursor: pointer;

	position: fixed;
	bottom: 16px;
	right: 16px;

	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);
}

.sticky-back-to-top:focus {
	color: #3280b3;
}

/* Navbar Toggle
/*-------------------------------------------------*/
.navbar-toggle {
	background-color: rgba(255, 255, 255, 0.2);
	border: 0;
	padding: 8px;
	margin: 0;
	top: 3px;
}
.navbar-toggle .icon-bar { position: relative; transition: all 300ms ease-in-out; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }

/* General
/*-------------------------------------------------*/
.b-bg {
	background-color: #eff5f9;
}

.dark-bg {
	background-color: #3280b3;
	color: #FFF;
}

.dark-bg a:link,
.dark-bg a:visited,
.dark-bg a:focus {
	color: #FFF;
}

.dark-bg a:hover {
	color: rgba(255, 255, 255, 0.7);
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul li {
	text-align: left;
}

ul .list-title {
	font-weight: bold;
	line-height: 28px;
	background-color: #FCCF00;
	color: #3280b3;
	padding: 0 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-right: 8px;
}

section {
	background-color: #f5f5f5;
	color: #333;
}

section h2 {
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 12px;
}

section h3 {
	margin-bottom: 12px;
	line-height: 1.4;
}

header h1, section h1, section h2 {
	text-align: center;
}

ul.inline-list li {
	display: inline-block;
}

ul.center-list {
	text-align: center;
	margin-bottom: 0;
}

ul.center-list li {
	text-align: center;
	display: inline-block;
	margin-top: 0;
}

ul.h-list li {
	margin-right: 12px;
	display: inline-block;
}

ul.h-list li:last-child {
	margin-right: 0;
}

.separator {
	width: 100%;
	height: 1px;
	background-color: #ddd;
}

.dot-divide {
	margin: 0 6px;
}

/* Button
/*-------------------------------------------------*/
.btn {
	font-size: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* Round Corner */
.btn.round {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

/* Default Button */
.btn-def {
	background-color: #3280b2;
	border-color: #3280b2;
/* 	background-color: #5A94BF;
	border-color: #5A94BF; */
	color: #FFF !important;
}

.btn-def span.glyphicon,
.btn-def i.fa {
	margin-left: 6px;
}

.btn-def span.glyphicon.glyphicon-filter,
.btn-def span.glyphicon.glyphicon-chevron-down {
	vertical-align: -1px;
}

.btn-def:hover,
.btn-def:focus,
.btn-def:active,
.btn-def.active {
	background-color: #69abcb;
	border-color: #69abcb;
/* 	background-color: #4888b8;
	border-color: #407ba6; */
	color: #FFF;
	box-shadow: none;
}

.btn-def:focus,
.btn-def.focus,
.btn-def.active.focus {
	outline: 0;
}

.btn-def.disabled:hover,
.btn-def.disabled:focus,
.btn-def.disabled:active,
.btn-def.disabled.active,
.btn-def[disabled]:hover,
.btn-def[disabled]:focus,
.btn-def[disabled]:active,
.btn-def[disabled].active,
fieldset[disabled] .btn-def:hover,
fieldset[disabled] .btn-def:focus,
fieldset[disabled] .btn-def:active,
fieldset[disabled] .btn-def.active {
	background-color: #5A94BF;
	border-color: #5A94BF;
}

/* Readmore Button */
.btn-def.btn-w {
	background-color: #FFF;
	border-color: #3280b3;
	color: #3280b3 !important;
}

.btn-def.btn-w:hover,
.btn-def.btn-w:active,
.btn-def.btn-w.active {
	background-color: #50a0cc;
	border-color: #50a0cc;
	color: #FFF !important;
}

.btn-def.btn-w.disabled:hover,
.btn-def.btn-w.disabled:focus,
.btn-def.btn-w.disabled:active,
.btn-def.btn-w.disabled.active,
.btn-def.btn-w[disabled]:hover,
.btn-def.btn-w[disabled]:focus,
.btn-def.btn-w[disabled]:active,
.btn-def.btn-w[disabled].active,
fieldset[disabled] .btn-def.btn-w:hover,
fieldset[disabled] .btn-def.btn-w:focus,
fieldset[disabled] .btn-def.btn-w:active,
fieldset[disabled] .btn-def.btn-w.active {
	background-color: #FFF;
	border-color: #50a0cc;
}

/* Outline Button */
.btn-def.btn-outline {
	background-color: transparent;
	border-color: #fff;
	color: #fff !important;
}

.btn-def.btn-outline:hover,
.btn-def.btn-outline:active,
.btn-def.btn-outline.active {
	background-color: #fff;
	border-color: #fff;
	color: #3280b3 !important;
}

/* Submit Button */
.submit-btn:link, .submit-btn:visited {
	background-color: #3280b3;
	border-color: #3280b3;
	color: #FFF !important;
	padding: 6px 24px;
}

.submit-btn:hover,
.submit-btn:focus,
.submit-btn:active,
.submit-btn.active {
	background-color: #4888b8 !important;
	border-color: #407ba6 !important;
	color: #FFF;
}

/* Submit Button */
.submit-hl-btn:link, .submit-hl-btn:visited {
	background-color: #fccf00;
	border-color: #fccf00;
	font-weight: bold;
	color: #3280b3 !important;
}

.submit-hl-btn:hover,
.submit-hl-btn:focus,
.submit-hl-btn:active,
.submit-hl-btn.active {
	color: #FFF !important;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.btn.disabled:link, .btn.disabled:visited,
.btn.disabled:hover, .btn.disabled:focus,
.btn.disabled:active, .btn.disabled.active {
	font-weight: normal !important;
	background-color: #999 !important;
	border-color: #999 !important;
	color: #eee !important;
}

.btn-def.disabled:hover,
.btn-def.disabled:focus,
.btn-def.disabled:active,
.btn-def.disabled.active,
.btn-def[disabled]:hover,
.btn-def[disabled]:focus,
.btn-def[disabled]:active,
.btn-def[disabled].active,
fieldset[disabled] .btn-def:hover,
fieldset[disabled] .btn-def:focus,
fieldset[disabled] .btn-def:active,
fieldset[disabled] .btn-def.active {
	background-color: #5A94BF !important;
	border-color: #5A94BF !important;
}

.btn-def.btn-w.disabled:hover,
.btn-def.btn-w.disabled:focus,
.btn-def.btn-w.disabled:active,
.btn-def.btn-w.disabled.active,
.btn-def.btn-w[disabled]:hover,
.btn-def.btn-w[disabled]:focus,
.btn-def.btn-w[disabled]:active,
.btn-def.btn-w[disabled].active,
fieldset[disabled] .btn-def.btn-w:hover,
fieldset[disabled] .btn-def.btn-w:focus,
fieldset[disabled] .btn-def.btn-w:active,
fieldset[disabled] .btn-def.btn-w.active {
	background-color: #FFF !important;
	border-color: #50a0cc !important;
}

/* Submit Button */
.dark-bg .submit-btn:link, .dark-bg .submit-btn:visited {
	background-color: #5A94BF;
	border-color: #5A94BF;
}

.dark-bg .submit-btn:hover,
.dark-bg .submit-btn:focus,
.dark-bg .submit-btn:active,
.dark-bg .submit-btn.active {
	background-color: #78AFD1;
	border-color: #78AFD1;
}

/* Highlight Button */
.btn-highlight:link, .btn-highlight:visited {
	background-color: #F27755;
	border-color: #F27755;
	color: #FFF;
}

.btn-highlight:hover,
.btn-highlight:focus,
.btn-highlight:active,
.btn-highlight.active {
	background-color: #E86546;
	border-color: #E86546;
	color: #FFF;
}

.btn-highlight.disabled:hover,
.btn-highlight.disabled:focus,
.btn-highlight.disabled:active,
.btn-highlight.disabled.active,
.btn-highlight[disabled]:hover,
.btn-highlight[disabled]:focus,
.btn-highlight[disabled]:active,
.btn-highlight[disabled].active,
fieldset[disabled] .btn-highlight:hover,
fieldset[disabled] .btn-highlight:focus,
fieldset[disabled] .btn-highlight:active,
fieldset[disabled] .btn-highlight.active {
	background-color: #F27755;
	border-color: #F27755;
}

/* Cancel Button */
.btn-cancel:link, .btn-cancel:visited {
	background-color: #ddd;
	border-color: #ddd;
	color: #666 !important;
}

.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active,
.btn-cancel.active {
	background-color: #eee;
	border-color: #eee;
	color: #666;
}

/* Link */
.act-link .fa {
	margin-right: 4px;
}

/* Alert
---------------------------------------------------*/
.alert {
	padding: 10px 15px;
	margin-bottom: 16px;
	position: relative;
}

.form-group .alert {
	margin-bottom: 0;
}

.alert i,
.alert span.glyphicon {
	font-size: 18px;
	margin-right: 8px;
	vertical-align: middle;
	position: absolute;
	left: 12px;
}

.alert-danger {
	font-size: 13px;
	padding: 6px 12px 6px 36px;
	margin-bottom: 0;
	margin-top: 8px;
}

.alert-warning {
	color: #333;
	background-color: #fff6d2;
	border: 2px solid #ffdd88;
	padding-left: 36px;
	position: relative;
}

.alert-info {
	color: #333;
	background-color: rgba(81, 128, 167, 0.1);
	border: 2px solid #d8e3ea;
	position: relative;
}

.alert-warning i.fa {
	color: #eca535;
	position: absolute;
	top: 10px;
	left: 10px;
}

form .alert i,
form .alert span.glyphicon {
	font-size: 14px;
	margin-right: 6px;
}

.alert-dismissable .close {
	opacity: 0.4;
	position: absolute;
	right: 10px;
	top: 6px;
}

/* Modal
/*-------------------------------------------------*/
body.modal-open {
	width: 100%;
	height: 100%;
    overflow: hidden;
    position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal {
    overflow-y: auto;
}

.modal-content {
	background-color: #FFF;
	color: #333;
	padding: 48px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: left;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.modal h2 {
	font-weight: bold;
	color: #3280b3;
	margin: 16px 0;
}

.modal h2 span.glyphicon,
.modal h2 i.fa,
.modal h2 .ct-icon {
	margin-right: 12px;
}

.modal h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	padding-right: 24px;
	margin: 16px 0 12px 0;
}

.modal h4 {
	margin: 16px 0 8px 0;
}

.modal h4.subtitle {
	margin: 16px 0;
	line-height: 1.4;
}

.modal-content .scroll {
	max-height: 500px;
	overflow: auto;
}

.modal-content .scroll-m {
	max-height: 300px;
	overflow: auto;
}

.modal-content .scroll-s {
	max-height: 150px;
	overflow: auto;
}

.modal .modal-sec {
	margin-bottom: 28px;
}

.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 .close-modal {
	width: 24px;
	height: 24px;
	top: 15px;
	right: 15px;
}

.modal .close-modal .lr {
	height: 24px;
	margin-left: 12px;
}

.modal .close-modal .lr .rl {
	height: 24px;
}

/* Modal - Small */
.modal-s .modal-content {
	min-height: auto;
	padding: 24px 32px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.modal-s h2 {
	font-size: 24px;
	margin-top: 4px;
}

.modal-s p {
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 16px;
}

.modal-s label {
	font-weight: normal;
}

.modal-s .modal-dialog {
	width: 420px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -210px;
}

.modal-s .submit-btn:link,
.modal-s .submit-btn:visited {
	width: 100%;
	padding: 10px 64px;
}

.modal-s .title-w-line {
	font-size: 16px;
	margin: 12px 0;
}


/* Modal - Right */
.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 - Func */
.modal-info .modal-content {
	padding: 20px 12px 24px 24px;
}

.modal-content p:last-child {
	margin-bottom: 0;
}

.modal-info .modal-content h2 {
	padding-right: 32px;
	margin-top: 0;
}

.modal-info .close,
.modal-msg .modal-body .close {
	color: #333;
	position: absolute;
	right: 20px;
	top: 20px;
}

/* Modal - Msg */
.modal-msg h4 {
	font-size: 18px;
	line-height: 1.3;
	padding-right: 32px;
	margin: 0;
}

.modal-msg .submit-btn:link,
.modal-msg .submit-btn:visited {
	font-size: 15px;
	padding: 6px 12px;
}

.modal-msg .modal-body {
	padding-right: 16px;
}

.modal-msg .modal-content,
.modal-action .modal-content {
	font-size: 18px;
	padding: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.modal-msg .modal-content .desc {
	font-size: 14px;
	color: #aaa;
	margin-top: 6px;
}

.modal-msg .modal-footer,
.modal-action .modal-footer {
	text-align: right !important;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

/* Search Modal */
.search-modal .modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* Modal - Accouncement */
.announcement .modal-content {
	text-align: center;
}

.announcement p {
	font-size: 18px;
	text-align: center;
	margin-bottom: 16px;
}

.announcement p.lead {
	font-size: 22px;
}

.announcement .hl-txt {
	font-weight: bold;
	color: #3280b3;
}

.announcement .modal-content .desc {
	font-weight: 300;
	color: #444;
	display: block;
}

.announcement .close-modal {
	top: 25px;
	right: 25px;
}

.announcement h3 {
	font-size: 24px;
	line-height: 1.3;
	color: #3280b3;
	text-align: center;
	margin: 0 0 32px 0;
	padding: 0 32px;
}

.announcement img {
	margin-bottom: 16px;
	margin-left: 30px;
}

.announcement .modal-content {
	width: 800px !important;
	padding: 0;
}

.announcement .modal-body {
	padding: 32px;
}

.announcement .submit-hl-btn {
	font-size: 18px;
	padding: 12px 18px;
}

.announcement .remind {
	font-size: 14px;
	display: inline-block;
	margin-top: 20px;
}

/* Modal - Action */
.modal-action .modal-footer {
	text-align: left !important;
}

.modal-action .btn:link,
.modal-action .btn:visited {
	font-size: 15px;
	min-width: 80px;
	padding: 8px 16px;
}

.modal-info h3,
.modal-action h3 {
	font-size: 22px;
	color: #3280b3;
	margin: 0 0 8px 0;
}

.modal-action h4 {
	font-size: 16px;
	margin-bottom: 12px;
}

.modal-action h4 .num {
	width: 24px;
	height: 24px;
	line-height: 26px;
	text-align: center;
	background-color: #3280b3;
	font-size: 14px;
	color: #FFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-right: 12px;
	vertical-align: 1px;
	display: inline-block;
}

.modal-action .modal-body {
	font-size: 16px;
	padding: 20px;
}

.modal-action .modal-body .close {
	color: #333;
	position: absolute;
	right: 20px;
	top: 15px;
}

.modal-action .modal-footer {
	padding: 15px 20px;
}

/* Vertical Center */
.v-align {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.v-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
	pointer-events: none;
}

.v-align .modal-content,
.v-align .modal-content .modal-footer {
	width: inherit;
	max-width: inherit;
	min-height: inherit;
	height: inherit;
	margin: 0 auto;
	pointer-events: auto;
	position: relative;
}

/* Login
---------------------------------------------------*/
.login-user, .login-employer {
	font-weight: 500;
}

.login-user .fa,
.login-employer .fa {
	font-size: 18px;
	vertical-align: -1px;
}

.login .form-group {
	margin-bottom: 12px;
}

.login .keep-login {
	margin-top: -2px;
	margin-bottom: 8px;
}

.login .forget-pw {
	margin-top: 20px;
	text-align: center;
}

.login .other-login {
	text-align: center;
}

.login .registration {
	text-align: center;
	margin-top: 24px;
}

.login .modal-dialog {
	margin-top: -240px;
}

.other-login {
	text-align: center;
}

.other-login .title-w-line {
	font-size: 16px;
	text-align: center;
	margin: 16px 0;
}

.other-login .title-w-line:before,
.other-login .title-w-line:after {
	top: 11px;
}


.login-btn:link,
.login-btn:visited {
	width: 247px;
	height: 40px;
	font-weight: 500;
	color: #777;
	text-align: center;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 20px;
	border: 1px solid #ddd;
	display: inline-block;
}

.login-btn.fb:link,
.login-btn.fb:visited {
	color: #fff;
	background-color: #1877F2;
	border: 1px solid #1877F2;
}

.login-btn.apple:link,
.login-btn.apple:visited {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}

.login-btn img {
	width: 18px;
	height: 18px;
	vertical-align: -4px;
	/*margin-right: 6px;*/
}

.mem-login {
	text-align: center;
	margin-top: 36px;
}

/* Recover Password Modal
---------------------------------------------------*/
.modal.recover-pw .modal-dialog {
	margin-top: -100px;
}

.modal.recover-pw .form-group {
	margin-bottom: 20px;
}

/* Facebook Login
---------------------------------------------------*/
.fb-login .fa {
	font-size: 36px;
	margin-right: 6px;
	vertical-align: -8px;
}

.fb-login, .google-login {
	margin-bottom: 15px;
}

.fb-login-button * {
	transition: none;
}
/* Modal - Menu list
---------------------------------------------------*/
.modal.select-list .container {
	width: 800px;
}

.modal .modal-footer {
	width: 100%;
	background-color: #FFF;
	text-align: left;
	position: fixed;
	bottom: 0;
	left: 0;
}

.modal .modal-footer.left a {
	float: left;
}

.select-menu-list, .select-menu-sublist { 
	font-size: 16px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.select-menu-list { margin-bottom: 36px; }
.select-menu-list li { border-bottom: 1px solid #E5E5E5; }

.select-menu-list .checkbox-inline { width: 100%; padding: 12px 60px 12px 16px; }
.select-menu-list .all-choices .checkbox-inline { font-size: 18px; font-weight: bold; padding-left: 0; }

.select-menu-list .menu-link { 
	color: #333;
	position: relative;
	display: block;
}

.select-menu-list .menu-link:hover {
	background-color: #FBFAFC;
}

.select-menu-list .menu-link i.fa { 
	color: #666;
	position: absolute;
	right: 22px;
	top: 50%;
	margin-top: -8px;
}

.select-menu-list .menu-link .badge {
	font-size: 15px;
	font-weight: 400;
	color: #666;
	background-color: #E9E9E9;
	padding: 6px 10px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	position: absolute;
	right: 60px;
	top: 10px;
	
	display: block;
}

.select-menu-list .menu-link .badge.non-zero { 
	font-weight: 700;
	background-color: #69b1e0;
	color: #FFF;
}

.select-menu-list .menu-link .checkbox-inline input[type=checkbox]:not(old) + label {
	right: 16px;
	top: 50%;
	margin-top: -13px;
}

/* Select list with submenu */
.select-menu-list.submenu-list .menu-link { padding: 12px 60px 12px 16px; }

.select-menu-list.submenu-list .menu-link.all-choices { padding-left: 0; padding-right: 0; }

.select-menu-list.submenu-list .all-choices .checkbox-inline { padding: 0; }

/* Sublist */
.select-menu-sublist { 
	font-size: 16px;
	font-weight: 300;
	display: none;
}

.select-menu-sublist .checkbox-inline { 
	width: 100%;
	font-weight: 300;
	padding: 10px 60px 10px 24px;
}

.select-menu-sublist .checkbox-inline:hover { 
	background-color: #FBFAFC;
}

/* Customize Checkbox */
.checkbox-inline input[type=checkbox] { 
	position: absolute;
	right: 12px;
	top: 8px;
	cursor: pointer;
}

.checkbox-inline input[type=checkbox]:not(old) { 
	width: 26px;
	height: 26px;
	padding: 0;
	opacity: 0;
	margin: 0;
}

.checkbox-inline input[type=checkbox]:not(old) + label { 
	background: url('/images/radio-btn-choice.png') 0 0 no-repeat;
	-webkit-background-size: 26px 52px;
	-moz-background-size: 26px 52px;
	background-size: 26px 52px;
	line-height: 26px;
	
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 8px;
}

.checkbox-inline input[type=checkbox]:not(old):checked + label { 
	background-position : 0 -26px;	
}

.checkbox-inline .custom_checkbox { 
	padding: 13px;	
}

/* Arrow
---------------------------------------------------*/
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #ddd;
}

.arrow-up-inner {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
	margin-left: -8px;
	margin-top: 2px;
}

/* Placeholder 
---------------------------------------------------*/
::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }
::-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
:-moz-placeholder { color: rgba(0, 0, 0, 0.5); }

/* Progress Bar
---------------------------------------------------*/
.process { margin-bottom: 16px; }
.process > .process-step {padding: 0; position: relative; }
.process > .process-step + .process-step {}
.process > .process-step .process-stepnum { color: #595959; font-size: 16px; margin-bottom: 5px; }
.process > .process-step .process-info { color: #999; font-size: 14px; }
.process > .process-step > .process-dot { position: absolute; width: 16px; height: 16px; display: block; background: #3280b3; top: 20px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.process > .process-step > .process-dot:after { content: ' '; width: 12px; height: 12px; background: #3280b3; border-radius: 50px; position: absolute; top: 2px; left: 2px; } 

.process > .process-step > .progress { background: #3280b3; position: relative; border-radius: 0px; height: 1px; box-shadow: none; margin: 12px 0; }
.process > .process-step > .progress > .progress-bar { width:0px; box-shadow: none; background: #3280b3;}
.process > .process-step.complete > .progress > .progress-bar { width:100%; }
.process > .process-step.active > .progress > .progress-bar { width: 50%; }
.process > .process-step:first-child.active > .progress > .progress-bar { width: 0%; }
.process > .process-step:last-child.active > .progress > .progress-bar { width: 100%; }
.process > .process-step.disabled > .process-dot { background-color: #3280b3; }
.process > .process-step.disabled > .process-dot:after { background: #FFF; opacity: 1; }
.process > .process-step:first-child  > .progress { left: 0%; width: 100%; }
.process > .process-step:last-child  > .progress { width: 100%;}
.process > .process-step:first-child > .process-dot { left: 15px; }
.process > .process-step:last-child  > .process-dot { left: 100%; right: 15px; }
.process > .process-step.disabled a.process-dot{ pointer-events: none; }

/* Table
---------------------------------------------------*/
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 1px;
}

table span.highlight {
	font-weight: bold;
	text-decoration: underline;
	color: #f06343;
}

table thead {
	font-size: 16px;
}

table .icon-check i.fa {
	font-size: 28px;
	color: #52AA63;
}

/* Custom Checkbox Radio Button 
---------------------------------------------------*/
.radio-wrapper {
	margin-right: 12px;
	float: left;
}

.radio-wrapper input[type=radio] {
	margin: 0;
}

.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: 5px 0;
    cursor: pointer;
}

.checkbox-cus-label, .radio-cus-label {
	font-weight: normal;
    position: relative;
	padding-left: 32px;
}

.checkbox-cus + .checkbox-cus-label:before, .radio-cus + .radio-cus-label:before {
	content: '';
    background: #fff;
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
}

.checkbox-cus:checked + .checkbox-cus-label:before {
	font-size: 110%;
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #FFF;
    color: #25b25a;
	line-height: 0.85;
}

.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;
}

/* Input Field
/*-------------------------------------------------*/
input[type="color"], input[type="date"],
input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"],
input[type="number"], input[type="password"],
input[type="search"], input[type="tel"],
input[type="text"], input[type="time"],
input[type="url"], input[type="week"],
select:focus, textarea {
  font-size: 16px;
}

.input-field,
.select-field,
.act-field,
.date-field {
	width: 100%;
	position: relative;
	display: inline-block;
}

.date-present-field {
	width: 100%;
	line-height: 40px;
	position: relative;
	display: none;
}

.input-field span.glyphicon,
.select-field span.glyphicon {
	font-size: 18px;
	color: #b4b4b4;
	position: absolute;
	left: 12px;
	top: 10px;
}

.input-field .datepicker span.glyphicon {
	color: #333;
	top: 4px;
}

.input-field .datepicker .disabled span.glyphicon {
	color: #ddd;
}

.input-field .icon, .select-field .icon,
.date-field .icon, .act-field .icon,
.input-group .icon {
	width: 36px;
	height: 36px;
	text-align: center;
	position: absolute;
	left: 2px;
	top: 2px;
}

.input-group .icon {
	z-index: 3 !important;
}

.act-field .icon {
	left: 0;
	top: 0;
}

.input-field i.fa, .select-field i.fa,
.date-field i.fa, .act-field i.fa,
.input-field .ct-icon, .select-field .ct-icon,
.act-field .ct-icon,
.input-add i.fa, .input-add .ct-icon {
	font-size: 20px;
	line-height: 36px;
	color: #b4b4b4;
}

.input-field .l-icon i.fa,
.select-field .l-icon i.fa,
.input-field .l-icon .ct-icon,
.select-field .l-icon .ct-icon {
	font-size: 18px;
}

.input-field .l-icon .ct-icon.icon-exp,
.select-field .l-icon .ct-icon.icon-exp {
	font-size: 15px;
}

.input-field .icon-btn.active i.fa,
.input-field .icon-btn:hover i.fa {
	color: #666;
}

/* Icon Button within Input Field */
.input-field .icon.icon-btn {
	left: auto;
	right: 6px;
}

/* Icon Button */
.icon-btn.ask-privacy {
	font-size: 20px;
	vertical-align: middle;
	margin-left: 6px;
}

/* Simple Field */
.input-field.simple-field input {
	width: 100%;
	background: transparent;
	min-height: 34px;
	line-height: 34px;
	outline: 0;
    border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	padding-bottom: 0;
	padding-left: 28px;
	border-radius: 0;
}

.input-field.simple-field input:focus {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.input-field.simple-field span.glyphicon {
	left: 0;
}

/* Sort / Select */
.sort-w {
	font-size: 16px;
	float: right;
}

.select-w {
	margin-bottom: 0;
}

.sort-w label.item-header,
.select-w label.item-header {
	font-weight: normal;
	margin-right: 8px;
}

.select-w select {
	min-width: 120px;
	padding-right: 16px;
	cursor: pointer;
}

.select-w label {
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 0;
	margin-right: 12px;
}

/* Input / Select / Textarea */
.form-control,
.form-control[readonly],
.form-control:focus,
.act-field,
textarea {
	font-size: 16px;
	background-color: #FFF;
	color: #333;
	height: 40px;
	border: 2px solid #ddd;
	padding: 0 12px 0 36px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	box-shadow: none;
}

textarea {
	width: 100%;
	height: auto;
	resize: none;
	outline: 0;
	padding: 8px 12px;
}

.form-control:focus,
textarea:focus {
	border-color: #9FC7DD;
}

.form-control,
.form-control:focus,
textarea,
textarea:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.input-field.no-icon .form-control {
	padding-left: 12px;
}

.error-field .form-control,
.error-field .form-control:focus,
.error-field.act-field,
textarea.error-field {
	border-color: #ca3636;
}

/* 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 .form-control[disabled],
.select-cus .form-control[disabled]:focus {
	cursor: not-allowed;
}

.select-cus select::-ms-expand {
	display: none;
}

.select-cus span.caret,
.act-field span.caret { 
	color: #666;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -2px;
	border-width: 5px 5px 0px;
	cursor: pointer;
}

.act-field {
	padding-right: 28px;
	cursor: pointer;
}

.act-field .field-txt {
	width: 100%;
	line-height: 36px;
	display: block;
}

@-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;
	}
}

/* Char */
.char {
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	color: #aaa;
	line-height: 20px;
	text-align: right;
}

/* Label
/*-------------------------------------------------*/
.inline-label { font-size: 16px; line-height: 40px; margin-bottom: 0; }

/* Link Overlay
/*-------------------------------------------------*/
.a-overlay {
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; bottom: 0; left: 0; right: 0;
	text-indent: -9999px;
	z-index: 2;
	display: block;
}

/* Vertical Align Image
/*-------------------------------------------------*/
.img-v {
    /* position: absolute; */
    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;
}

/* Triangle
/*-------------------------------------------------*/
.tri-down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 23px 0 23px;
	border-color: #eff5f9 transparent transparent transparent;
	
	position: absolute;
	bottom: -23px;
	left: 50%;
	margin-left: -26px;
}

/* Title with line
---------------------------------------------------*/
.title-w-line {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	display: table;
	white-space: nowrap;
}

.title-w-line span {
	padding: 0 12px;
	text-align: center;
}

.title-w-line:before,
.title-w-line:after {
	border-top: 1px solid #ccc;
	content: '';
	display: table-cell;
	position: relative;
	top: 16px;
	width: 50%;
}

.title-w-line:before {
	right: 0;
}

.title-w-line:after {
	left: 0;
}

/* Tag
/*-------------------------------------------------*/
.tag-list {
	position: relative;
	display: inline-block;
}

.tag-list li {
	margin-right: 4px;
}

.tag-list .tag {
	font-size: 12px;
	color: #FFF;
	background-color: #ae3838;
	padding: 4px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
}

.tag-list .tag:hover { background-color: #992929; }

.thumb-blk.art-news { border-bottom-color: #ae3838; }

.thumb-blk.art-story { border-bottom-color: #eb9133; }
.art-story .tag-list .tag { background-color: #eb9133; }
.art-story .tag-list .tag:hover { background-color: #d6751e; }

.thumb-blk.art-tips { border-bottom-color: #269a65; }
.art-tips .tag-list .tag { background-color: #269a65; }
.art-tips .tag-list .tag:hover { background-color: #207f52; }

.thumb-blk.art-blog { border-bottom-color: #217297; }
.art-blog .tag-list .tag { background-color: #217297; }
.art-blog .tag-list .tag:hover { background-color: #146582; }

.thumb-blk.art-tools { border-bottom-color: #9a84b0; }

.thumb-blk.art-mkt { border-bottom-color: #50BFE2; }
.art-mkt .tag-list .tag { background-color: #50BFE2; }
.art-mkt .tag-list .tag:hover { background-color: #3894C1; }


/* Side Box
---------------------------------------------------*/
.side-box {
	margin-bottom: 32px;
}

.side-box.sticky {
	width: 360px;
	position: sticky;
	top: 10px;
}

.side-box .title {
	font-size: 22px;
	font-weight: bold;
	color: #3280b3;
	letter-spacing: 0;
	border-bottom: 2px solid #3280b3;
	padding-bottom: 4px;
}

.side-box a:link,
.side-box a:visited {
	color: #333;
}

.side-box a:hover {
	color: #888;
}

.side-box ul {
	list-style: none;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

.side-box ul li {
	padding: 10px 0;
	border-bottom: 1px dashed #C3D5E2;
	position: relative;
}

.side-box ul li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* Side Box - Article List */
.side-box .article-list .thumb {
	width: 130px;
	height: 68px;
	position: absolute;
	left: 0;
}

.side-box .article-list li {
	font-size: 15px;
	padding-left: 142px;
	min-height: 90px;
}

.side-box .article-list li:hover {
	color: #888;
}

.side-box .date {
	font-size: 13px;
	color: #888888;
}

.side-box .view-more:link,
.side-box .view-more:visited {
	color: #3280b3;
}

.side-box .view-more:hover {
	color: #69abcb;
}

.side-box.fb-page-plugin {
	text-align: center;
}

.side-box.adv {
	text-align: center;
}

.side-box.adv * {
	margin: 0 auto;
}

/* Job List */
.side-box .job-list .job-item,
.side-box .art-list .art-item {
	position: relative;
	padding-left: 24px;
}

.side-box .job-list .job-item span.glyphicon,
.side-box .art-list .art-item span.glyphicon {
	font-size: 13px;
	color: #3284b7;
	position: absolute;
	left: 0;
	top: 1px;
}

.side-box .job-list .job-item a:link,
.side-box .art-list .art-item a:link {
	font-size: 15px;
	line-height: 1.3;
	margin-bottom: 2px;
	display: block;
}

.side-box .job-list .job-item .job-title:link,
.side-box .art-list .art-item .art-title:link {
	font-size: 16px;
	font-weight: 500;
}

/* Form
---------------------------------------------------*/
.sub-form {
	background-color: #FFF;
	border: 2px solid #ddd;
	padding: 12px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	position: relative;
}

.sub-form-c {
	margin-top: 16px;
}

.sub-form h4 {
	font-size: 16px;
	margin-bottom: 8px;
}

.sub-form .close-btn {
	font-size: 28px;
	color: #666;
	position: absolute;
	right: -14px;
	top: -14px;
	display: none;
}

.sub-form .close-btn:hover {
	color: #888;
}

.sub-form .close-btn .glyphicon {
	background-color: #FFF;
}

.sub-form-c .close-btn {
	display: block;
}

.form h3 {
	text-align: center;
	color: #3280b3;
}

.form .subject,
.form-header {
	margin-bottom: 24px;
}

.form-header .ct-logo {
	display: block;
	float: left;
}

.form-header .lang,
.form-header .back {
	margin-top: 20px;
	float: right;
}

.form-header .ct-logo img {
	height: 60px;
}

.form .subject {
	color: #3280b3;
	border-top: 2px solid #3280b3;
	border-bottom: 2px solid #3280b3;
	padding: 16px 0;
}

.form .subject h3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 8px;
}

.form .subject h3 i.fa {
	font-size: 28px;
}

.form .subject h4 {
	font-size: 16px;
}

.form .msg {
	font-size: 15px;
	background-color: #eff6fb;
	padding: 16px;
	margin-bottom: 20px;
}

.form .msg a:link {
	font-weight: bold;
}

.form .form-sec {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.form .form-sec > .title,
.form .form-sec > .edit > .title {
	font-size: 18px;
	font-weight: bold;
	color: #3280b3;
	margin-bottom: 8px;
}

.form .form-sec .title .upload {
	font-size: 14px;
	line-height: 28px;
	float: right;
}

.form .form-sec .title-w-line {
	font-size: 16px;
	margin-bottom: 15px;
}

.form .form-sec .desc {
	font-size: 14px;
	font-style: italic;
	color: #666;
}

.form .form-sec .title .desc {
	font-weight: normal;
	margin-left: 6px;
}

.form .form-sec .title .optional {
	font-size: 14px;
	font-weight: normal;
}

.form .container {
	background-color: #FFF;
	padding: 36px 142px;
	-webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.4);
}

.form .content .intro {
	margin-bottom: 20px; 
	text-align: center;
}

.form-item.no-label {
	padding-top: 28px;
}

.form .form-group:last-of-type {
	margin-bottom: 16x;
}

.form .sub-form .form-group:last-of-type {
	margin-bottom: 0;
}

.form .form-item label {
	width: 100%;
}

.form .form-item label .desc {
	font-weight: normal;
}

.form .form-item label .limit {
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	color: #aaa;
	line-height: 20px;
	display: inline-block;
	float: right;
}

.form .form-item label .add-item {
	display: inline-block;
	float: right;
}

.form-item-supp.txt {
	line-height: 36px;
}

.form .submit-btn:link,
.form .submit-hl-btn:link {
	min-width: 220px;
	font-size: 18px;
	padding: 12px 48px;
}

.form .submit .agree,
.form .submit .privacy {
	font-size: 13px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.form .submit .notice {
	font-size: 13px;
	padding-top: 16px;
	border-top: 1px solid #ddd;
}

/* Tips
---------------------------------------------------*/
.tips {
	font-size: 13px;
	font-style: italic;
	text-align: center;
	color: #aaa;
	margin-top: 8px;
}

/* Job blk 
---------------------------------------------------*/
.job-blk {
	line-height: 1.5;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 24px;
	border-bottom: 2px solid #5488C1;
}

.job-blk .comp-logo {
	margin-bottom: 12px;
}

.job-blk .title {
	font-size: 16px !important;
	font-weight: bold;
	color: #3280b3;
	text-align: left;
	margin-bottom: 2px;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

.job-blk:hover .title {
	color: #69abcb;
}

.job-blk .comp {
	width: 100%;
	font-size: 14px;
	color: #444;
	text-align: left;
	display: inline-block;
	position: relative;
	z-index: 3;
}

.job-blk .del-btn {
	width: 15px;
	height: 15px;
	font-size: 15px;
	color: #666;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

.job-blk .del-btn:hover {
	color: #888;
}

.job-blk .comp:hover {
	color: #888;
}

.job-blk .post-date,
.job-blk .save-date {
	font-size: 13px;
	font-weight: 300;
	color: #444;
	margin-bottom: 0;
}

.job-blk .closing-soon {
	font-weight: bold;
	color: #ec9023;
	margin-left: 8px;
}

/* Privacy Intro
---------------------------------------------------*/
.privacy-intro .table>tbody>tr>td,
.privacy-intro-m .table>tbody>tr>td {
	vertical-align: middle;
}

.privacy-intro table thead th,
.privacy-intro-m table thead th {
	background-color: #eaeaea;
}

.privacy-intro table thead th.standard,
.privacy-intro table td.standard,
.privacy-intro-m table thead th.standard {
	background-color: #FFFCE3
}

.privacy-intro table i.fa,
.privacy-intro-m table i.fa {
	font-size: 22px;
	margin-bottom: 4px;
	display: block;
}

/* Read more / Submit now
---------------------------------------------------*/
.read-more-w,
.submit-w {
	text-align: center;
}

.btn-def.read-more span.glyphicon,
.btn-def.read-more i.fa {
	margin-left: 6px;
}

/* Pagination
---------------------------------------------------*/
.pager-w {
	text-align: center;
}

.pagination {
	margin-bottom: 0;
}

.pagination .fa {
	font-size: 22px;
	line-height: 18px;
}

.pagination li a:link,
.pagination li a:visited {
	min-width: 30px;
	text-align: center;
	background-color: transparent;
	border: 1px solid rgba(50, 128, 197, 0.2);
	margin-left: 8px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	padding: 4px 8px;
}

.pagination li a:hover {
	background-color: #FFF;
	border: 1px solid rgba(50, 128, 197, 1);
	color: #69abcb;
}

.pagination li.first a,
.pagination li.prev a,
.pagination li.next a,
.pagination li.last a {
	background-color: transparent;
	border: 0;
}

.pagination li.active a {
	background-color: #3280b3;
	color: #FFF;
}

/* Footer
---------------------------------------------------*/
:root {
	--copyright-gap: 10px;
	--copyright-gap-l: 15px;
}

footer {
	background-color: #3280b3;
	color: #FFF;
	padding: 0;
}

footer .site-info {
	padding-top: 24px;
	padding-bottom: 24px;
}

footer .site-info .footer-list li {
	font-size: 14px;
	line-height: 1.8;
}

footer .site-info .footer-list li span.beta {
	line-height: 1.4;
}
footer .site-info .footer-list .header {
	font-size: 16px;
	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 .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.1);
	padding-top: 20px;
	padding-bottom: 16px;
}

footer .copyright-w ul {
	display: inline-block;
}

footer #mem-logo li:last-child {
	margin-right: 0;
}
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;
}
/* Thumbnail */
/*-------------------------------------------------*/


.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; }


/* Horizontal Thumb */
.h-thumb-list li {
	margin-bottom: 16px;
}

.h-thumb-list .thumb-info .desc {
	font-size: 14px;
	color: #888;
	height: 45px;
	margin-top: 4px;
	margin-bottom: 0;
	overflow: hidden;
}

.h-thumb-list .thumb-info {
	background-color: #FFF;
	padding: 8px 12px;
}

.h-thumb-list .adv {
	margin: 28px 0 24px 0;
	text-align: center;
}

.h-thumb-list .adv img {
	margin: 0 auto;
}

.h-thumb-list .thumb-info .title {
	font-size: 18px;
	line-height: 1.4;
	height: auto;
	max-height: 50px;
	margin-bottom: 0;
	overflow: hidden;
}

.h-thumb-list .thumb-info .title span.hot {
	font-size: 11px;
	font-weight: bold;
	background-color: #fccf00;
	color: #336699;
	padding: 2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 4px;
	vertical-align: 3px;
	display: inline-block;
}

.h-thumb-list .thumb-blk {
	box-shadow: none;
	margin-bottom: 0;
}

.h-thumb-list .tag-list {
	position: absolute;
	bottom: 8px;
}

.h-thumb-list li .tag-list .tag {
	font-size: 11px;
	letter-spacing: 0;
}

.h-thumb-list .thumb-blk .thumb {
	width: 260px;
	height: 135px;
	position: absolute;
	left: 0;
	top: 10px;
	overflow: hidden;
}

.h-thumb-list .thumb-blk .thumb-info {
	padding-left: 272px;
	min-height: 154px;
}

.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: #3d82bb;
	text-align: center;
	margin-bottom: 8px;
}

.job-slider .slick-dots li button {
	background: #3d82bb;
}

.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: #3d82bb;
	margin-bottom: 2px;
}

.job-slider .job .comp {
	font-size: 14px;
	color: #333;
}

.job-slider .job .date {
	font-size: 13px;
	color: #888;
}

/* Bootstrap Carousel
---------------------------------------------------*/
.carousel.slide {
	margin-bottom: 36px;
}

.carousel.slide .item {
	height: auto;
}

.carousel-inner {
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	transition: height 0.5s;
}

.carousel-inner .item {
	padding: 0 48px;
}

.carousel-control,
.carousel-control:focus,
.carousel-control:hover {
	color: #3280b3
}

.carousel-control {
	text-shadow: none;
}

.carousel-control.left,
.carousel-control.right {
	width: 20px;
	background: transparent;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators .active {
	background-color: #333;
}

.carousel-indicators li {
	width: 14px;
	height: 14px;
	border-color: none;
	background-color: rgba(51, 51, 51, 0.3);
	margin: 0 4px;
}

.carousel-indicators .active {
	width: 14px;
	height: 14px;
	background-color: rgba(51, 51, 51, 1);
	margin: 0 4px;
}

/* Media Queries
/*-------------------------------------------------*/
@media (min-width: 1200px) {
    .pull-right-lg { float: right; }
}

@media only screen and (max-width: 1380px) {
	.top-banner-468x60 { margin: 0 auto; float: none; }
	.ct-nav .static.full-banner { top: 70px; }
}

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

}

/* Footer Update - QR Code */
@media only screen and (max-width: 1200px) {
	footer .copyright-w .container { padding: 0; }
	footer .logo, footer .social-media { padding: 0; }

	footer .tnc { margin-bottom: var(--copyright-gap-l); } 
	footer .tnc, footer .copyright-w .copyright { text-align: center; }

	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 .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 (min-width: 992px) and (max-width: 1199px) {

}

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

}

@media only screen and (max-width: 992px) {
	.hide-br { display: block; }
	
	.process { margin-bottom: 12px; }
	
	/* Navigation */
	.navbar-default .nav>li { margin-left: 8px; }
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus { font-size: 15px; padding: 8px; }
	
	/* If can be shared by addThis */
	.share-p .sticky-back-to-top:link { bottom: 64px; }
	.share-p footer { padding: 0 0 52px 0; }
	
	/* 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; }
	.announcement .modal-content { width: auto !important; margin: 0 15px; }
	.announcement p { font-size: 16px; }
	
	/* Form */
	.form .container { padding: 36px 82px; }
	.form .content .intro { line-height: 1.3; padding: 0 60px; }
	
	.form-header .ct-logo img { height: 48px; }
	.form-header .lang { margin-top: 16px; }
	
	.form-group { margin-bottom: 12px; }
	.form-group.multi-field { margin-bottom: 0; }
	.form-group.multi-field .form-item { margin-bottom: 12px; }
	.sub-form .form-group.multi-field .form-item:last-of-type { margin-bottom: 0; }
	
	.form-item label .limit { font-size: 13px; width: 100%; display: block; }
	
	.form-item.form-item-supp.no-label label { margin: 0; }
	.form-item-supp.no-label.txt { line-height: normal; }
	
	/* Article List */
	.h-thumb-list .thumb-blk .thumb { width: 200px; height: 104px; }
	.h-thumb-list .thumb-blk .thumb-info { padding-left: 212px; min-height: 124px; }
	.h-thumb-list .thumb-blk .thumb-info .desc { display: none !important; }
	
	/* Snackbar */
	.snackbar-ie-warning { margin-top: 60px; }
	/* New Footer */
	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:last-child { border-bottom: 0; }
	footer .site-info .footer-list .header { margin: 0; padding: 16px 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) {
	.form-item.no-label { padding-top: 32px; }
}

@media only screen and (max-width: 767px) {
	.row-eq-height { display: block; }
	
	section { padding: 32px 0; }
	section h2 { font-size: 24px; }
	
	.form-control,
	.form-control[readonly],
	.form-control:focus,
	.act-field,
	textarea { font-size: 15px; }
	
	.form-item.form-item-supp.no-label { padding-top: 8px; }
	
	.img-v { position: relative; }
	
	/* .top-banner-468x60 { display: none; } */
	.ct-nav .static { top: 10px; }
	
	/* Progress Bar */
	.process > .process-step:first-child > .process-dot { left: 12px; }
	.process > .process-step > .process-dot { position: absolute; width: 14px; height: 14px; display: block; background: #3280b3; top: 20px; left: 50%; margin-top: -15px; margin-left: -12px; border-radius: 50%;} 
	.process > .process-step > .process-dot:after { content: ' '; width: 10px; height: 10px; background: #3280b3; border-radius: 50px; position: absolute; top: 2px; left: 2px; } 
	
	/* Modal */
	.v-align .modal-content { margin: 0 15px; }
	.modal h4.subtitle { text-align: center; }
	.modal .submit-btn:link, .modal .submit-btn:visited { font-size: 18px; padding: 10px 80px; }
	.modal.modal-msg .submit-btn:link, .modal.modal-msg .submit-btn:visited { width: auto; font-size: 15px; padding: 6px 12px; }
	.modal.modal-action .btn:link, .modal.modal-action .btn:visited { font-size: 15px; padding: 10px 48px; }
	.modal-msg h4 { font-size: 16px; }
	.announcement p.lead { font-size: 18px; margin-bottom: 12px; }
	.announcement .modal-body { padding: 24px; }
	.announcement .close-modal { top: 20px; right: 15px; }
	.announcement .submit-hl-btn { font-size: 16px; }
	
	/* Main Navigation */
	.ct-nav .prof-nav.employer { display: none; }
	
	.ct-nav .sub-nav {
		width: auto;
		
		position: relative;
		right: 0;
		margin-top: 0;
		
		border-top: 1px solid #4788be;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.ct-nav .sub-nav a:first-child,
	.ct-nav .sub-nav a:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

	.ct-nav .sub-nav li { /*width: 33.33%; float: left;*/ display: block; }
	
	.ct-nav .sub-nav.hidden-links { right: 0; }
	
	/* Navigation */
	.navbar-default { background-color: rgba(61, 130, 187, 0.95); padding-bottom: 4px; }
	.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus { font-size: 16px; padding: 8px; }
	.navbar-default .navbar-header .navbar-brand { margin-top: 0; display: block; }
	.navbar-default.affix { padding: 4px 15px; }

	.navbar-collapse { border-top: none; box-shadow: none; }
	.navbar-collapse .nav>li { padding: 6px 0 4px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 0; }
	.navbar-collapse .nav>li:last-child { border-bottom: 0; margin-bottom: 0; }
	.navbar-collapse .nav>li>a,
	.navbar-collapse .nav>li>a:focus,
	.navbar-nav>li>.dropdown-menu,
	.navbar-nav>li>.dropdown-menu .dropdown-header	{ font-size: 16px; }
	.navbar-default .nav>li.dropdown .glyphicon { top: 4px; float: right; }
	.navbar-collapse .navbar-nav { margin: 0 -15px; }
	.navbar-collapse.in { overflow: hidden; max-height: none !important; height: auto !important; }
	
	.navbar-default .navbar-toggle { margin-right: 0; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #DDD; }
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus { background-color: rgba(255, 255, 255, 0.2); }

	.navbar-nav .open .dropdown-menu { background-color: rgba(0, 0, 0, 0.2); margin-top: 6px; margin-bottom: 2px; }
	.navbar-nav .open .dropdown-menu .dropdown-header { padding-left: 0; padding-top: 0; }

	/* Side box */
	.side-box .btn.btn-def.round,
	.btn.btn-def.round.read-more,
	.read-more-w .btn.btn-def.round { width: 100%; }
	
	/* Select menu */
	.select-menu-list { margin-bottom: 24px; }
	.select-menu-list, .select-menu-sublist { font-size: 15px; }
	.select-menu-list .checkbox-inline,
	.select-menu-list.submenu-list .menu-link { width: 100%; padding: 10px 60px 10px 12px; }
	.select-menu-list .all-choices .checkbox-inline { font-size: 16px; }
	.select-menu-list .menu-link .badge { right: 54px; top: 7px; }
	
	/* Article List */
	.h-thumb-list .thumb-blk .thumb { width: 200px; height: 104px; }
	.h-thumb-list .thumb-blk .thumb-info { padding-left: 212px; min-height: 124px; }
	
	.job-slider .job { padding-left: 28px; padding-right: 28px; }
	
	/* Form */
	.form h3, .form .subject h3 { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
	.form .subject { padding: 12px 0; }
	.form .msg { font-size: 15px; margin-bottom: 16px; }
	.sub-form h4 { text-align: center; }
	.form .container { padding: 20px; }
	.form .content .intro { font-size: 15px; padding: 0 36px; margin-bottom: 16px; }
	.form .form-item label { font-size: 14px; }

	.form .submit-hl-btn:link, .form .submit-hl-btn:visited,
	.form .submit-btn:link, .form .submit-btn:visited { width: 100%; }
	
	.form-header .lang, .form-header .back { margin-top: 16px; }
	
	/* Alert */
	.alert { font-size: 14px; margin-bottom: 12px; }
	
	/* Footer */
	/*footer { font-size: 14px; padding: 32px 0 36px 0; }*/
	
	/* login*/
	.other-login, .mem-login, .form .agree { text-align: center; }
	.mem-login { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; }
	
	.login .other-login h3 {
		font-size: 16px;
		font-weight: 400;
		color: #3280b3;
		padding-right: 0;
		margin: 20px 0 8px 0;
	}
	
	.fb-login, .google-login, .apple-login {
		margin: 0 8px;
		display: inline-block;
	}
	
	.fb-login a {
		background-color: #1877f2;
	}
	
	.login-btn.fb:link {
		border: none;
	}
	
	.login-btn,
	.login-btn:link,
	.login-btn:visited {
		width: 48px;
		height: 48px;
		line-height: 38px;
		padding: 0;
		border-radius: 24px;
		max-width:  100%;
		position:  relative;
	}
	

	.login-btn img {
		width: 24px !important;
		height: 24px !important;
		margin-right: 0;
		top: calc(50% - 12px);
		left: calc(50% - 12px);
		position: absolute;
	}
}

/* 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: 480px) {
	section { padding: 24px 0; }
	section h3 { font-size: 20px; margin-bottom: 12px; }
	.ct-nav .visible-links a.ct-home img { height: 36px; }
	.ct-nav .static.full-banner { top: 60px; }
	.ct-nav .static { top: 4px; }
	header { padding-bottom: 28px; }
	
	.btn { font-size: 15px; }
	
	hr { max-width: 36px; margin: 12px auto; }
	
	/* Main Navigation */
	.ct-nav .prof-nav .mem-icon { left: 12px; top: 14px; }
	.ct-nav .prof-txt-m	{ display: inline-block; }
	.ct-nav .prof-nav .mem-icon i.fa { font-size: 22px; vertical-align: -2px; }	
	.ct-nav .prof-nav.guest { padding-left: 38px; }
	.ct-nav .prof-nav.member { padding-left: 40px; }
	.ct-nav .sub-nav { padding: 4px 0; }
	.ct-nav .sub-nav:not(.prof-links) a { padding: 10px 15px; }
	/*.ct-nav .sub-nav li { width: 50%; }*/
	.ct-nav .prof-nav.guest.become-mem,
	.ct-nav .prof-nav .prof-txt { display: none; }
	
	/* Modal */
	.modal h3 { font-size: 18px; margin-bottom: 12px; }
	.modal-content { padding: 36px 0; }
	.close-modal { width: 30px; height: 30px; top: 16px; right: 16px; }
	.close-modal .lr { height: 30px; margin-left: 16px; }
	.close-modal .lr .rl { height: 30px; background-color: #333; }

	.modal-content .modal-sec { margin-bottom: 20px; }
	
	.modal-s .modal-content { min-height: 100%; padding: 20px 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.modal-s .modal-dialog { width: 100%; height: 100%; margin: 0 !important; position: relative; top: auto; left: auto; }
	
	.modal.modal-action .btn:link, .modal.modal-action .btn:visited { padding: 8px 0; }
	
	.announcement h3 { padding: 0 24px; }

	/* Checkbox */
	.checkbox-cus-label, .radio-cus-label { font-size: 16px !important; }
	
	/* Tag */
	.tag-list .tag { font-size: 12px; padding: 2px 4px; }
	.tag-list li { margin-right: 2px; }
	header .tag-list li { margin-bottom: 4px; }
	
	/* Article List */
	.h-thumb-list li { margin-bottom: 6px; }
	.h-thumb-list li.job-slider-wrapper { margin-bottom: 16px; }
	.h-thumb-list .thumb-blk .thumb { width: 130px; height: 104px; }
	.h-thumb-list .thumb-blk .thumb-info { padding-left: 142px; min-height: 88px; }
	.h-thumb-list .thumb-blk .thumb-info .title { font-size: 16px; }
	.h-thumb-list .thumb-blk .thumb-info .desc { display: none !important; }
	
	/* Form */
	.form .content .intro { padding: 0 12px; }
	.form-group.multi-field .form-item.work-period-from { margin-bottom: 6px; }
	.form-group.multi-field .form-item.work-period-to { margin-bottom: 0; }
	
	/* New Footer */
	footer #mem-logo img { height: 30px; }
	
	/* Snackbar */
	.snackbar-ie-warning { margin-top: 60px; }
}

@media only screen and (max-width: 414px) {
	.ct-nav .more-txt { display: none; }
	.ct-nav .more-txt-m	{ display: inline-block; }
	.ct-nav .static { top: 0; }
	.ct-nav .more-nav, .ct-nav .prof-nav { height: 60px; line-height: 32px; }
	.ct-nav .visible-links li:first-child a { height: 60px; }
	.ct-nav .more-nav i.fa.fa-chevron-down,
	.ct-nav .prof-nav i.fa.fa-chevron-down { top: 24px; }
}

@media only screen and (max-width: 320px) {
	.form .container { padding: 16px; }
	.ct-nav .hidden-links a { padding: 12px 15px; } 
}

/* Firefox hack */
@media screen and (min--moz-device-pixel-ratio:0) {
	#secNav { margin-top: -1px; }
}

/* IE hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ct-nav .more-nav { padding-top: 12px; }
	#secNav { margin-top: -1px; }
	

	.h-thumb-list .job-slider {
		width: 85vw;
	}
}


/* IE hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 640px) {
	.art-content .context img {
		width: 85vw;
	}
}

/* 5 Columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15,
.seven-col {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}
.seven-col {
	width: 100%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
	
	.seven-col {
		width: 14.28%;
	}

	.seven-col#f-resources {
		width: 13.28%;
	}       

	.seven-col#f-about-us {
		width: 15.28%;
	}

}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}


/* Social Widget
/*------------------------------------------------------------*/
:root {
    --social-widget-theme: #3280b2;
    --social-widget-icon: #FFF;
}

.social-widget {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-widget--v {
  flex-direction: column;
  align-items: flex-start;
}

.social-widget__title {
    font-size: 15px;
    font-weight: bold;
}

.social-widget__item-list {
    display: flex;
    gap: 6px;
}

.social-widget__item:link,
.social-widget__item:visited {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    text-decoration: none;

    font-size: 15px;
    background-color: var(--social-widget-theme);
    color: var(--social-widget-icon) !important;
    
    transition: transform .3s ease-in-out;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.social-widget__item:hover {
    transform: translateY(-2px);
}

.social-widget--hr-res {
  --social-widget-theme: #502272;
  --social-widget-icon: #FFF;
}

.v-align-bottom {
	vertical-align: bottom;
}