/* batch6: prevent long English titles from breaking layout */
.webnav h2,
.webnavtit h2,
.webnavtit a h2,
.webnavag .webnavtit a,
.web_navcb a,
.web_aghdh li a,
.webshimenu li,
.web_xzmenu li a,
.web_zcyl {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}

.web_tout p.cont2 em {
	width: 108px;
	overflow: hidden;
}
.web_tout p.cont2 em i {
	display: block;
	overflow: hidden;
}
.web_tout p.cont2 em i a {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.web_aghlb h2 a,
.web_lbkc dt a,
.zsffont dt a,
.web_black,
.train-title,
.webtit,
.webll,
.webwenzzb dt,
.webasklb dt a,
.entry-title a,
.article-title,
.article-card h2,
.source_name,
.indenews > span:first-child,
.indenews span:first-child,
.xiazaiaoc a.web_black,
.xiazailb dt a,
.xiazailb span a,
.web_aghyoub h2 a,
.web-mtypes .title,
.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.web_aghlb h2 a,
.web_lbkc dt a,
.zsffont dt a,
.web_black,
.train-title,
.webtit,
.webll,
.webwenzzb dt,
.webasklb dt a,
.xiazaiaoc a.web_black,
.xiazailb dt a,
.indenews > span:first-child,
.indenews span:first-child {
	white-space: nowrap;
}

.web-mtypes .title.ellipsis2,
.entry-title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	word-break: break-word;
}

.friend-link p {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	overflow: hidden;
	max-height: 72px;
}
.friend-link p a {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.web_wxmenu h2,
.web-yc-show .describe h4,
.web-yc-show .describe p,
.webjrtit h2,
.web_rightlb span {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.web_aghgr dd a,
.web_ctui h2 a,
h2.entry-title,
.post-grid .entry-title a,
.section-title span,
.section-title a,
.focusbox-title,
.cat-posts-wrapper .entry-title a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/* horinto poetry template (keep compatible) */
.main1 .cont .right .son1 {
	max-width: 560px;
	flex-wrap: wrap;
}
.main1 .cont .right .son1 a {
	width: auto;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main3 .right .sons .cont a,
.main3 .left .sons .tag a {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* generic list overflow safety */
.nav a, .menu a, .tag a, .tags a,
.list-title, .news-title, .item-title,
.title a, .tit a, .name a {
	max-width: 100%;
}

/* parvica job recruitment template: two-row header */
#mainNav,
#mainNav .header,
.header {
	height: auto !important;
	min-height: 108px;
	overflow: visible;
}

#mainNav.navFix {
	height: auto !important;
	min-height: 108px;
}

.navFix .header {
	height: auto !important;
	min-height: 108px;
}

.header .wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 1200px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.header .wrap::before,
.header .wrap::after {
	display: none;
}

.header-top-bar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-height: 40px;
	padding: 6px 0 4px;
	border-bottom: 1px solid #eef0f5;
}

.header-job-btns {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.header-job-btns .btn,
.header-job-btns .btn2 {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0 14px;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
	max-width: none;
	background-image: linear-gradient(135deg, #ffa472, #fd6b1c);
	box-shadow: 1px 2px 6px rgba(254, 119, 46, .35);
}

.header-job-btns .btn2 {
	background-image: linear-gradient(135deg, #4eb2ff, #0090ff);
	box-shadow: 1px 2px 6px rgba(21, 153, 255, .35);
}

.header-top-bar .user-nav {
	float: none;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-top-bar .user-nav li {
	display: block;
	padding: 0;
}

.header-top-bar .user-nav li.btn-outline a {
	display: inline-block;
	margin-top: 0;
	height: 28px;
	line-height: 26px;
	padding: 0 14px;
	font-size: 13px;
	white-space: nowrap;
	border-radius: 14px;
}

.header-main-row {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	min-height: 58px;
	width: 100%;
}

.header .logo,
.header .change-city,
.header .nav,
.header .user-nav {
	float: none;
}

.header .logo {
	flex: 0 0 auto;
	padding-top: 12px;
	padding-bottom: 8px;
}

.header .change-city {
	flex: 0 0 auto;
	margin-top: 0;
}

.header .nav {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	font-size: 14px;
}

.header .nav ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	overflow: hidden;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.header .nav li {
	display: block;
	float: none;
	flex: 0 1 auto;
	min-width: 0;
	height: 58px;
	line-height: 58px;
}

.header .nav li a {
	display: block;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	box-sizing: border-box;
}

.header-main-row .all-nav-list {
	flex: 0 0 auto;
}

/* homepage Featured Jobs: replace float masonry with equal grid rows */
.job-tab-box .common-list-box {
	overflow: visible;
}

.job-tab-box .job_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-left: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}

.job-tab-box .job_list li {
	float: none;
	width: auto;
	margin-bottom: 0;
}

.job-tab-box .job_list li .sub-li {
	margin-left: 0;
	height: 100%;
	min-height: 190px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.job-tab-box .job_list li .line_1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4px 8px;
	margin-bottom: 10px;
}

.job-tab-box .job_list li .line_1 .job_name {
	height: auto;
	flex: 1 1 58%;
	min-width: 0;
	line-height: 1.35;
}

.job-tab-box .job_list li .line_1 .job_name a.substring {
	max-width: 100%;
	float: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	word-break: break-word;
	overflow: hidden;
}

.job-tab-box .job_list li .line_1 .salary {
	float: none;
	max-width: 40%;
	flex: 0 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.job-tab-box .job_list li .line_2 {
	margin-bottom: 10px;
}

.job-tab-box .job_list li .line_2 .company_name {
	width: 58%;
}

.job-tab-box .job_list li .line_2 .company_name a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.job-tab-box .job_list li .line_3 {
	height: auto;
	min-height: 24px;
	max-height: 56px;
	overflow: hidden;
	margin-bottom: 10px;
}

.job-tab-box .job_list li .line_4 {
	margin-top: auto;
	margin-bottom: 0;
	padding-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.job-tab-box .job_list li .line_4 .address {
	float: none;
	flex: 1 1 auto;
	min-width: 0;
	height: auto;
	line-height: 1.4;
}

.job-tab-box .job_list li .line_4 .address span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.job-tab-box .job_list li .line_4 .deliver {
	float: none;
	flex: 0 0 auto;
	white-space: nowrap;
}

@media screen and (max-width: 1199px) {
	.job-tab-box .job_list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 769px) {
	html,
	body {
		overflow-x: hidden;
		max-width: 100%;
	}

	.header .nav li a[title] {
		cursor: pointer;
	}
}

@media screen and (min-width: 1200px) {
	.header .nav li a {
		padding: 0 14px;
		font-size: 15px;
	}

	.header-job-btns .btn,
	.header-job-btns .btn2 {
		padding: 0 18px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
	.header .nav li a {
		padding: 0 8px;
		font-size: 13px;
	}
}

/* job list filter panel (lists_recruit / lists_job) */
.so_condition .so_condition_box {
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}

.so_condition .rs_list {
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}

.so_condition .lefttit {
	float: none;
	flex: 0 0 110px;
	min-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.so_condition .rs {
	float: none;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	overflow: hidden;
}

.so_condition .rs .li,
.so_condition .rs .lison {
	float: none;
	max-width: 180px;
	margin-right: 0;
	overflow: hidden;
}

.so_condition .rs .li a,
.so_condition .rs .lison a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.so_condition .rs .bli {
	float: none;
	max-width: 150px;
	margin-right: 0;
	overflow: hidden;
}

.so_condition .rs .bli .txt {
	max-width: 100%;
}

.dropdow_inner1 .nav_box li a,
.dropdow_inner2 .nav_box li a,
.dropdow_inner3 .nav_box li a,
.dropdow_inner4 .nav_box li a,
.dropdow_inner5 .nav_box li a,
.dropdow_inner6 .nav_box li a,
.dropdow_inner7 .nav_box li a {
	display: block;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.so_condition .selected .sc .slist {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .logo a span {
	display: inline-block !important;
	font-size: 18px;
	font-weight: 700;
	color: #0090ff;
	line-height: 1.2;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .logo a {
	background-image: none !important;
	width: auto !important;
	max-width: 240px;
	height: auto !important;
	min-height: 50px;
	padding-top: 14px !important;
	padding-bottom: 8px;
}

.jobsshow .contact .contact span {
	white-space: nowrap;
}

.jobsshow .contact_box .contact_li .contact {
	display: flex;
	align-items: center;
	gap: 6px;
}

.jobsshow .contact_box .contact_li .contact span:first-child {
	flex: 0 0 auto;
	min-width: 110px;
}

.jobsshow .jobs-info-tipsy {
	line-height: 1.6;
}

.plist .job-primary .jtitle a,
.plist .job-primary .name a,
.plist .resume-primary .jtitle a,
.plist .resume-primary .name a,
.plist .info-company .name a {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}