.howtoguide-page-container .pagination-item {
	width: 40px;
	height: 40px;
	background: #ffffff;
	border: 1px solid rgba(204, 204, 204, 1);
	border-radius: 4.56px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 40px;
	margin-right: 8px;
	cursor: pointer;
}

.howtoguide-page-container .pagination-item:last-child {
	margin-right: 0;
}

.howtoguide-page-container .pagination-item.active {
	background: #ca1d22;
	border-radius: 4.56px;
	color: #ffffff;
}

.howtoguide-page-container .training-tags span {
	color: #e1e1e1;
}

@media screen and (max-width: 768px) {
	.howtoguide-page-container {
		background: #f6f6f6;
		position: relative;
	}

	.howtoguide-page-container .show-pc {
		display: none !important;
	}

	.howtoguide-page-container .banner {
		width: 100%;
	}

	.howtoguide-page-container .filter-box {
		margin-top: 6.4vw;
	}

	.howtoguide-page-container .filter-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 4vw;
	}

	.howtoguide-page-container .search-wrapper {
		position: relative;
	}

	.howtoguide-page-container .search-input {
		width: 62.133vw;
		height: 10.133vw;
		background: transparent;
		border: 1px solid rgba(221, 221, 221, 1);
		border-radius: 6.133vw;
		padding: 0 10.667vw 0 4.267vw;
		font-size: 3.733vw;
	}

	.howtoguide-page-container .search-icon {
		width: 4.533vw;
		height: 4.267vw;
		position: absolute;
		top: 50%;
		right: 4.8vw;
		transform: translateY(-50%);
	}

	.howtoguide-page-container .filter-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 25.6vw;
		height: 10.133vw;
		border: 1px solid rgba(221, 221, 221, 1);
		border-radius: 6.133vw;
	}

	.howtoguide-page-container .filter-icon {
		width: 4.267vw;
		height: 4.267vw;
		margin-right: 2.133vw;
	}

	.howtoguide-page-container .filter-btn span {
		font-size: 3.733vw;
		color: #666666;
	}

	.howtoguide-page-container .reset-box {
		background: #f6f6f6;
		padding: 2.667vw 4vw;
		text-align: right;
	}

	.howtoguide-page-container .reset-text-btn {
		display: inline;
		color: rgb(51, 51, 51);
		font-size: 3.733vw;
		font-weight: 400;
		line-height: 5.333vw;
		letter-spacing: 0vw;
	}

	.howtoguide-page-container .tags-wrapper {
		background: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
	}

	.howtoguide-page-container .tags-box {
		background: #fff;
		padding: 0 4vw;
	}

	.howtoguide-page-container .tags-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #e8e8e8;
		padding: 4.267vw 0 4vw;
		font-size: 4vw;
		color: #333333;
		line-height: 6.4vw;
		font-weight: 700;
	}

	.howtoguide-page-container .tags-box:nth-child(2) .tags-title {
		border-top: none;
	}

	.howtoguide-page-container .tags-box:first-child .tags-title {
		border-top: none;
	}

	.howtoguide-page-container .tag-title-icon {
		width: 4.267vw;
		transform: rotate(180deg);
	}

	.howtoguide-page-container .tags-title.expanded .tag-title-icon {
		transform: rotate(0);
	}

	.howtoguide-page-container .tag-item {
		display: flex;
		align-items: center;
		border-top: 1px solid #e8e8e8;
		padding: 3.733vw 0;
		font-size: 4vw;
		color: #333333;
		line-height: 5.867vw;
	}

	.howtoguide-page-container .tag-checkbox {
		flex: none;
		width: 4.8vw;
		height: 4.8vw;
		background: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 0.6vw;
		margin-right: 2.667vw;
	}

	.howtoguide-page-container .tag-checkbox.checked {
		background: url(/Common/Images/optimus/checked.png) no-repeat center / 100% 105%;
		border-color: #c4251d;
	}

	.howtoguide-page-container .training-box {
		padding: 0 4vw;
		margin-top: 6.4vw;
	}

	.howtoguide-page-container .training-item {
		display: block;
		background: #ffffff;
		padding-bottom: 5.333vw;
		margin-top: 4vw;
		position: relative;
	}

	.howtoguide-page-container .training-item:first-child {
		margin-top: 0;
	}

	.howtoguide-page-container .training-img,
	.howtoguide-page-container .training-video iframe {
		width: 100%;
		height: 51.467vw;
		object-fit: cover;
	}

	.howtoguide-page-container .training-title {
		padding: 0 4.8vw;
		margin-top: 5.333vw;
		font-size: 4vw;
		color: #333333;
		letter-spacing: 0;
		line-height: 6.4vw;
		font-weight: 700;
	}

	.howtoguide-page-container .training-tags {
		padding: 0 4.8vw;
		font-size: 3.733vw;
		color: #666666;
		line-height: 6.4vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.howtoguide-page-container .training-title + .training-tags {
		margin-top: 4.267vw;
	}

	.howtoguide-page-container .training-app-tags {
		max-width: 47.2vw;
		height: 10.133vw;
		background: rgba(0, 0, 0, 0.7);
		border-radius: 1.067vw;
		padding: 0 3.2vw;
		position: absolute;
		top: 3.2vw;
		right: 3.2vw;
		font-size: 3.467vw;
		color: #ffffff;
		line-height: 10.133vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.howtoguide-page-container .pagination-row {
		padding: 3.2vw 0;
	}

	.howtoguide-page-container .empty-box {
		padding: 10.667vw 0 17.333vw;
		text-align: center;
	}

	.howtoguide-page-container .empty-img {
		height: 42.667vw;
		margin-bottom: 3.2vw;
	}

	.howtoguide-page-container .empty-text {
		font-size: 3.733vw;
		color: #666666;
		letter-spacing: 0;
		text-align: center;
		line-height: 4.8vw;
	}
}

/*---------MLA�������-------------*/
.modal.in div.link-resource-dialog {
	background: #fff;
	width: 435px;
	height: 178px;
	text-align: left;
}

.link-resource-dialog .modal-body {
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 20px;
	border: none;
}

.modal-body * {
	text-align: center;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.link-resource-dialog {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	padding: 14px 0 !important;
}

.link-resource-dialog .modal-footer {
	text-align: center;
}

.link-resource-dialog .modal-footer button,
.link-resource-dialog .modal-footer a {
	color: #fff;
	border: none;
	box-shadow: none;
	font-size: 17px;
	font-weight: 500;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	padding: 12px 32px;
	margin: 10px 5px;
	cursor: pointer;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.link-resource-dialog .modal-footer .cancel-button {
	background: #d0d0d0;
}

.link-resource-dialog .modal-footer .link-to-resource {
	background: #b8251e;
}
.hik-modal-btn.primary {
	border-radius: 4px !important;
	background: rgb(215, 21, 14) !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 34px !important;
	letter-spacing: 0px !important;
	text-align: center !important;
	width: 132px !important;
	height: 36px !important;
	text-decoration: none;
}

.nothanks {
	box-sizing: border-box !important;
	border: 1px solid rgb(221, 221, 221) !important;
	border-radius: 4px !important;
	color: rgb(51, 51, 51) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: 0px !important;
	text-align: center !important;
	width: 98px !important;
	height: 36px !important;
}

.hik-modal-content {
	padding: 23px 32px 20px !important;
}

.modalclosetop {
	text-align: right;
	margin-right: 14px;
}

.modal-desc {
	margin: 20px 32px;
	display: none;
}
/*---------MLA�������-------------*/