body,
html {
	height: 100%;
	scrollbar-width: none;
	width: 100%;
	-ms-overflow-style: none
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
	display: none
}

html {
	font-family: sans-serif
}

body,
html {
	line-height: 1.75
}

body {
	background: #011e4d;
	color: #fff;
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial;
	font-feature-settings: "tnum";
	font-size: 1.125rem;
	letter-spacing: .046875rem;
	margin: 0
}

body ::selection {
	background: #ee3a43;
	color: #fff
}

body ::-moz-selection {
	background: #ee3a43;
	color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: unset;
	font-weight: 700
}

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

img {
	height: 100%;
	image-rendering: -o-crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

a {
	color: #fff;
	text-decoration: none
}

a:hover {
	color: #ee3a43
}

iframe {
	border: none;
	height: 100%;
	width: 100%
}

*,
:after,
:before,
[class*=hh-] {
	box-sizing: border-box
}

.ant-spin-nested-loading,
.ant-spin-spinning {
	height: 100%;
	width: 100%
}

.ant-spin-nested-loading .ant-spin-blur,
.ant-spin-spinning .ant-spin-blur {
	min-height: 15rem
}

.ant-spin-spinning {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	min-height: 15rem
}

.ant-select-dropdown {
	padding-left: 0;
	padding-right: 0;
	position: fixed
}

.ant-select-dropdown .ant-select-item-option {
	color: rgba(0, 0, 0, .6);
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: .5rem;
	padding-top: .5rem
}

.ant-select-dropdown .ant-select-item-option-selected {
	color: rgba(51, 51, 51, .8)
}

.ant-tabs.hh-tabs-1.hide .ant-tabs-nav {
	display: none
}

.ant-table-wrapper .ant-table.ant-table-empty .ant-table-tbody>tr:last-child>td {
	border-bottom: none
}

.hh-common-whole-loading {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100vh;
	justify-content: center;
	position: relative;
	width: 100vw
}

.hh-common-whole-loading>div>.ant-spin {
	max-height: unset
}

.hh-common-anim-btn>.area,
.hh-common-anim-btn>.area span {
	height: 1.5rem;
	overflow: hidden;
	width: 1.5rem
}

.hh-common-anim-btn>.area span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1
}

.hh-common-anim-btn>.area>div.icon {
	width: 3rem
}

.hh-common-anim-btn>.area>div.icon>div {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transform: translateX(-24px);
	transition: all .6s ease
}

.hh-common-anim-btn:hover>.area>div.icon {
	transform: translateY(-24px)
}

.hh-common-anim-btn:hover>.area>div.icon>span {
	opacity: 0
}

.hh-common-anim-btn:hover>.area>div.icon>div {
	transform: translateX(0)
}

.hh-common-anim-btn:hover>.area>div.icon>div>span {
	opacity: 1
}

.hh-common-anim-btn.hover {
	opacity: 0;
	visibility: hidden
}

.hh-common-external-link {
	opacity: 0;
	transition: all .6s ease;
	visibility: hidden
}

.hh-common-external-link,
.hh-common-external-link:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-common-external-link:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cg fill='%23ee3a43' data-name='link'%3E%3Cpath d='M13.33 4v1.669h3.819l-7.09 7.1 1.1 1.251 7.171-7.168v3.5H20V4Z'/%3E%3Cpath d='M4 4v16h16v-6.932h-1.669v5.262H5.669V5.669h4.923V4Z' data-name='path'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: ""
}

.hh-common-loading {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-common-btn-hover:hover .hh-button div.icon {
	transform: translateY(-48px)
}

.hh-common-btn-hover:hover .hh-button div.icon>span {
	opacity: 0
}

.hh-common-btn-hover:hover .hh-button div.icon>div {
	transform: translateY(24px);
	transition-delay: .3s
}

.hh-common-btn-hover:hover .hh-button div.icon>div>span {
	opacity: 1
}

.hh-common-btn-hover:hover .hh-button .horizontal div.icon {
	transform: translate(-24px, -24px)
}

.hh-common-btn-hover:hover .hh-button .horizontal div.icon>div {
	transform: translateX(24px)
}

.hh-common-btn-hover:hover .hh-button .horizontal div.icon>div>span {
	opacity: 1
}

.hh-common-btn-opacity .hh-button {
	opacity: 0;
	transition: all .2s ease
}

.hh-common-btn-opacity:hover .hh-button {
	opacity: 1
}

.hh-common-modal {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, .2)
}

.hh-common-modal .ant-modal-body {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-common-modal.transparent .ant-modal-content {
	background: transparent;
	padding: 0
}

.hh-common-modal-close {
	align-items: center;
	border: .0625rem solid #fff;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	position: absolute;
	right: 0;
	top: -3rem;
	width: 100%;
	width: 2rem;
	z-index: 20
}

.hh-common-modal-close>img {
	height: 1.25rem;
	width: 1.25rem
}

.hh-common-modal-video {
	height: 29.875rem;
	max-height: 100%;
	max-width: 100%;
	width: 53.125rem
}

.hh-common-collapse.ant-collapse {
	background-color: #fff;
	border: none;
	border-radius: 0
}

.hh-common-collapse.ant-collapse .ant-collapse-item {
	border-bottom-color: #ccc;
	border-radius: 0
}

.hh-common-collapse.ant-collapse .ant-collapse-header {
	padding: 1.5rem 2.5rem 1.5rem .25rem
}

.hh-common-collapse.ant-collapse .ant-collapse-header:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-common-collapse.ant-collapse .ant-collapse-header-text {
	font-size: 1.125rem;
	letter-spacing: .046875rem
}

.hh-common-collapse.ant-collapse .ant-collapse-header .ant-collapse-expand-icon {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	padding-inline-end: unset;
	position: absolute;
	right: .25rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem
}

.hh-common-collapse.ant-collapse .ant-collapse-header .ant-collapse-expand-icon>span.anticon {
	display: none
}

.hh-common-collapse.ant-collapse .ant-collapse-header .ant-collapse-expand-icon:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23333' d='m6.124 16.023 4.125-4.126-4.123-4.123 1.649-1.649 4.123 4.123 4.125-4.125 1.651 1.651L13.55 11.9l4.125 4.126-1.649 1.649-4.125-4.126-4.125 4.126Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	transform: rotate(-135deg);
	transition: all .6s ease;
	width: 1.5rem
}

.hh-common-collapse.ant-collapse .ant-collapse-content-box {
	background-color: #f1f1f1;
	font-size: 1.125rem;
	padding: 1.5rem;
	word-wrap: break-word;
	overflow: hidden
}

.hh-common-collapse.ant-collapse .ant-collapse-item-active .ant-collapse-header:after {
	width: 100%
}

.hh-common-collapse.ant-collapse .ant-collapse-item-active .ant-collapse-header .ant-collapse-expand-icon:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23ee3a43' d='m6.124 16.023 4.125-4.126-4.123-4.123 1.649-1.649 4.123 4.123 4.125-4.125 1.651 1.651L13.55 11.9l4.125 4.126-1.649 1.649-4.125-4.126-4.125 4.126Z'/%3E%3C/svg%3E");
	transform: rotate(0)
}

.hh-common-input.ant-input {
	font-size: 1.125rem;
	line-height: 1.875rem
}

.hh-common-chart {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-common-chart,
.hh-common-chart x-vue-echarts {
	max-width: 100%;
	overflow: hidden
}

.hh-common-chart.bar {
	height: 28.75rem
}

@media only screen and (max-width:768px) {
	.hh-common-chart.bar {
		height: 25rem
	}
}

.hh-common-chart.pie {
	height: 35rem
}

.hh-common-pagination {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-common-pagination .ant-pagination-item:hover:not(.ant-pagination-item-active) {
	background-color: transparent
}

.hh-common-pagination .ant-pagination-item-active {
	background: #ee3a43;
	border-color: #ee3a43;
	color: #fff
}

.hh-common-pagination .ant-pagination-item-active a,
.hh-common-pagination .ant-pagination-item-active:hover a {
	color: #fff
}

.hh-common-pagination button.ant-pagination-item-link {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-common-pagination button.ant-pagination-item-link>span {
	display: none
}

.hh-common-pagination button.ant-pagination-item-link:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-chevron-down'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23333' d='M6.367 10.414 7.781 9 12 13.219 16.219 9l1.414 1.414L12 16.047Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-common-pagination .ant-pagination-next:hover .ant-pagination-item-link,
.hh-common-pagination .ant-pagination-prev:hover .ant-pagination-item-link {
	background-color: transparent
}

.hh-common-pagination .ant-pagination-prev .ant-pagination-item-link:after {
	transform: rotate(90deg)
}

.hh-common-pagination .ant-pagination-next .ant-pagination-item-link:after {
	transform: rotate(-90deg)
}

.hh-common-no-data {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	width: 100%
}

.hh-common-no-data .hh-description-detail {
	color: rgba(51, 51, 51, .6) !important;
	font-size: 1.125rem !important;
	font-weight: 700;
	padding-bottom: 3rem;
	padding-top: 3rem
}

.hh-common-pdf {
	color: #333;
	color: #8e8e8e;
	font-size: .875rem
}

.hh-common-pdf,
.hh-common-pdf:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-common-pdf:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5rem;
	width: 1.5rem
}

.hh-common-pdf.mt16 {
	margin-top: 1rem
}

.hh-common-pdf-inner {
	justify-content: flex-start;
	width: 100%
}

.hh-common-pdf-inner,
.hh-common-pdf-inner.right {
	align-items: flex-start;
	display: flex;
	flex-direction: row
}

.hh-common-pdf-inner.right {
	justify-content: flex-end
}

.hh-common-email,
.hh-common-pdf-inner.center {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-common-email {
	color: #324cbb
}

.hh-common-email:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0Z' data-name='Path 14344'/%3E%3Cg fill='none' stroke='%23324cbb' stroke-linejoin='round' stroke-width='2' data-name='Group 20366'%3E%3Cpath d='M5 18h14V7H5z' data-name='Path 19511'/%3E%3Cpath stroke-linecap='round' d='m5 7 7 5.786L19 7' data-name='Path 19512'/%3E%3Cpath stroke-linecap='round' d='M12.715 7H5v5.786' data-name='Path 19513'/%3E%3Cpath stroke-linecap='round' d='M19 12.786V7h-7.715' data-name='Path 19514'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-common-email:hover {
	color: #324cbb
}

.hh-common-separator {
	margin-left: .5rem;
	margin-right: .5rem
}

.hh-common-separator:after {
	align-items: center;
	background-color: #ee3a43;
	content: "";
	display: flex;
	flex-direction: row;
	height: .25rem;
	justify-content: center;
	min-width: .25rem;
	width: .25rem
}

.hh-common-list-item .hh-common-flex {
	margin-top: .5rem
}

@media only screen and (max-width:768px) {
	.hh-common-list-item.hh-common-btn-hover.hh-common-btn-opacity .ant-table-cell {
		padding-left: 0;
		padding-right: 0
	}

	.hh-common-list-item.hh-common-btn-hover.hh-common-btn-opacity .ant-table-cell .hh-button.circle {
		display: none
	}
}

.hh-common-flex {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start
}

.hh-wiper {
	position: relative
}

.swal2-center>.swal2-popup {
	border-radius: 0
}

.hh-win-status {
	background: #212c35;
	border-radius: .125rem;
	bottom: 0;
	cursor: pointer;
	font-size: .75rem;
	left: 0;
	padding: .125rem .25rem;
	position: fixed;
	z-index: 20240731
}

.hh-win-status span {
	color: #b0bbcb
}

.loading {
	align-items: center;
	background: #011e4d;
	display: flex;
	flex-direction: row;
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 3000
}

.loading-image {
	height: 10rem;
	overflow: hidden;
	width: 10rem
}

.loading-image img {
	transform: scale(1.2)
}

@media print {

	body .hh-financial-overview-chart-tools-inner,
	body .hh-header,
	body .hh-sticky {
		display: none !important
	}

	body .hh-banner-inner,
	body .hh-breadcrumb-inner {
		padding-right: 1.25rem
	}

	body .hh-breadcrumb-inner {
		padding-left: 1.25rem
	}
}

.hh-anim-fade-enter-active,
.hh-anim-fade-leave-active {
	opacity: 1
}

.hh-anim-fade-enter-from,
.hh-anim-fade-leave-to {
	opacity: 0
}

.hh-anim-scale-enter-active,
.hh-anim-scale-leave-active {
	opacity: 1;
	transform: scale(1)
}

.hh-anim-scale-enter-from,
.hh-anim-scale-leave-to {
	opacity: 0;
	transform: scale(0)
}

.hh-anim-slide-enter-active,
.hh-anim-slide-leave-active,
.hh-anim-slide-right-enter-active,
.hh-anim-slide-right-leave-active {
	opacity: 1;
	transform: translateX(0)
}

.hh-anim-slide-enter-from,
.hh-anim-slide-leave-to,
.hh-anim-slide-right-enter-from,
.hh-anim-slide-right-leave-to {
	opacity: 0;
	transform: translateX(20%)
}

.hh-anim-slide-bottom-enter-active,
.hh-anim-slide-bottom-leave-active {
	opacity: 1;
	transform: translateY(0)
}

.hh-anim-slide-bottom-enter-from,
.hh-anim-slide-bottom-leave-to {
	opacity: 0;
	transform: translateY(20%)
}

.hh-anim-slide-fall-enter-active,
.hh-anim-slide-fall-leave-active {
	opacity: 1;
	transform: translate(0) translateZ(0) rotate(0deg)
}

.hh-anim-slide-fall-enter-from,
.hh-anim-slide-fall-leave-to {
	opacity: 0;
	transform: translate(30%) translateZ(660px) rotate(30deg)
}

.hh-anim-newspaper-enter-active,
.hh-anim-newspaper-leave-active {
	opacity: 1;
	transform: scale(1) rotate(0deg)
}

.hh-anim-newspaper-enter-from,
.hh-anim-newspaper-leave-to {
	opacity: 0;
	transform: scale(0) rotate(2turn);
	transform-style: preserve-3d
}

.hh-anim-sticky-enter-active,
.hh-anim-sticky-leave-active {
	opacity: 1;
	transform: translateY(0)
}

.hh-anim-sticky-enter-from,
.hh-anim-sticky-leave-to {
	opacity: 0;
	transform: translateY(-200%)
}

.hh-anim-flip-enter-active,
.hh-anim-flip-horizontal-enter-active,
.hh-anim-flip-horizontal-leave-active,
.hh-anim-flip-leave-active {
	opacity: 1;
	transform: rotateY(0deg)
}

.hh-anim-flip-enter-from,
.hh-anim-flip-horizontal-enter-from,
.hh-anim-flip-horizontal-leave-to,
.hh-anim-flip-leave-to {
	opacity: 0;
	transform: rotateY(-70deg);
	transform-style: preserve-3d
}

.hh-anim-flip-vertical-enter-active,
.hh-anim-flip-vertical-leave-active {
	opacity: 1;
	transform: rotateX(0deg)
}

.hh-anim-flip-vertical-enter-from,
.hh-anim-flip-vertical-leave-to {
	opacity: 0;
	transform: rotateX(-70deg);
	transform-style: preserve-3d
}

.hh-anim-fall-enter-active,
.hh-anim-fall-leave-active {
	opacity: 1;
	transform: translateZ(0) rotateX(0deg)
}

.hh-anim-fall-enter-from,
.hh-anim-fall-leave-to {
	opacity: 0;
	transform: translateZ(660px) rotateX(20deg)
}

.hh-anim-rotate-enter-active,
.hh-anim-rotate-leave-active {
	opacity: 1;
	transform: translateY(0) rotateX(0deg)
}

.hh-anim-rotate-enter-from,
.hh-anim-rotate-leave-to {
	opacity: 0;
	transform: translateY(100%) rotateX(90deg);
	transform-origin: 0 100%;
	transform-style: preserve-3d
}

@keyframes hh-anim-star-flash {
	0% {
		opacity: 0;
		transform: scale(0) rotate(0)
	}

	20% {
		opacity: 0;
		transform: scale(0) rotate(0)
	}

	60% {
		opacity: 1;
		transform: scale(1) rotate(480deg)
	}

	to {
		opacity: 0;
		transform: scale(0) rotate(960deg)
	}
}

@keyframes hh-anim-float-up-down {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(32px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes hh-anim-scale-change {
	0% {
		transform: scale(1)
	}

	30% {
		transform: scale(1.2)
	}

	60% {
		transform: scale(1)
	}

	75% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

.hh-header {
	align-items: center;
	background: transparent linear-gradient(180deg, #061d3e, rgba(23, 65, 126, 0));
	display: flex;
	flex-direction: row;
	height: 5.5rem;
	justify-content: space-between;
	left: 0;
	padding: 1.5rem 2.25rem 1.5rem 3rem;
	position: fixed;
	top: 0;
	transition: all .6s ease;
	width: 100%;
	z-index: 1100
}

@media only screen and (max-width:1399px) {
	.hh-header {
		height: 4.5rem
	}
}

@media only screen and (max-width:768px) {
	.hh-header {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-header-mask {
	-webkit-backdrop-filter: blur(40px);
	backdrop-filter: blur(40px);
	background-color: #02205033;
	height: .0625rem;
	left: 0;
	margin-top: -.0625rem;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 980
}

.hh-header-mask.active {
	height: 5.5rem;
	opacity: 1
}

@media only screen and (max-width:1399px) {
	.hh-header-mask.active {
		height: 4.5rem
	}
}

@media only screen and (max-width:768px) {
	.hh-header-mask {
		background: #011e4d;
		height: 4.5rem;
		margin-top: 0;
		opacity: 1
	}
}

.hh-header-logo {
	align-items: center;
	display: flex;
	position: relative;
	z-index: 1000
}

.hh-header-logo>a {
	display: flex;
	height: 100%
}

.hh-header-logo>a img {
	max-height: 2.25rem;
	width: 10.625rem
}

@media only screen and (max-width:768px) {
	.hh-header-logo>a img {
		max-height: 1.625rem;
		width: 7.5rem
	}
}

.hh-header-logo>.hh-image {
	margin-left: 1rem;
	width: 3.875rem
}

@media only screen and (max-width:768px) {
	.hh-header-logo>.hh-image {
		margin-left: .5rem;
		width: 2.75rem
	}
}

.hh-header-nav {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 5.5rem;
	justify-content: flex-start;
	z-index: 1000
}

@media only screen and (max-width:1399px) {
	.hh-header-nav {
		height: 4.5rem
	}
}

.hh-header-trigger {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	margin-left: .75rem;
	margin-right: .75rem;
	position: relative
}

.hh-header-trigger>img {
	height: 1.5rem;
	width: 1.5rem
}

.hh-header-trigger.menu>img {
	display: none
}

.hh-header-trigger.menu>img.visible {
	display: block
}

.hh-header-trigger.menu.visiable:after {
	width: 100%
}

.hh-header-trigger.member>span {
	margin-left: .125rem;
	max-width: 5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

@media only screen and (max-width:1399px) {
	.hh-header-trigger.member>span {
		font-size: .875rem
	}
}

.hh-header-trigger:after {
	border-bottom: .25rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-header-trigger.open:after {
	width: 100%
}

.hh-header-trigger.language:hover .hh-header-language,
.hh-header-trigger.member:hover .hh-header-member {
	max-height: 100vh;
	opacity: 1
}

.hh-header-member,
.hh-header-search {
	position: fixed;
	right: 0;
	top: 4.5rem;
	transition: all .6s ease;
	z-index: 1300
}

.hh-header-member-mask,
.hh-header-search-mask {
	cursor: default;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1400
}

.hh-header-member {
	position: absolute;
	right: unset
}

.hh-header-member-menu {
	background-color: #fff;
	box-shadow: 0 0 .25rem #d0d0d0;
	color: #ce262f;
	padding-bottom: .5rem;
	padding-top: .5rem;
	position: relative;
	z-index: 1500
}

.hh-header-member-menu-item {
	cursor: pointer
}

.hh-header-member-menu-item>a {
	align-items: center;
	color: #333;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
	padding: .5rem 1.5rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-header-member-menu-item>a:hover {
	color: #ee3a43
}

@media only screen and (max-width:1024px) {
	.hh-header {
		padding-left: 1rem;
		padding-right: .5rem
	}
}

.hh-content {
	background: #011e4d;
	position: relative
}

.hh-content,
.hh-content-mobile,
.hh-content-pc {
	height: 100%;
	width: 100%
}

.hh-content-mobile.flex,
.hh-content-pc.flex {
	display: flex
}

.hh-content-inner {
	align-items: center;
	background: #011e4d;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 7.5rem;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width:768px) {
	.hh-content-inner {
		margin-bottom: 0
	}
}

.hh-content-inner-no-margin {
	margin-bottom: 0
}

.hh-content-inner-margin {
	margin-bottom: 5rem
}

@media only screen and (max-width:768px) {
	.hh-content-inner-margin {
		margin-bottom: 3rem
	}
}

.hh-content-inner-wrapper {
	max-width: 80rem;
	padding: 5rem;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-content-inner-wrapper {
		padding: 2.5rem 2.5rem 5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-content-inner-wrapper {
		padding: 2rem 1.25rem 3rem
	}
}

.hh-content-block .hh-content-inner-wrapper {
	background: #fff
}

.hh-content-home {
	height: 100%;
	margin-bottom: 0;
	/*margin-top: 49.5vw;*/
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-content-home {
		margin-top: calc(50vh + 5.5rem)
	}
}

.hh-content-home .hh-advanced {
	margin-top: 12rem
}

@media only screen and (max-width:768px) {
	.hh-content-home .hh-advanced {
		margin-top: 3rem
	}
}

.hh-content-inner+.hh-content-inner .hh-content-inner-wrapper {
	padding-bottom: 0;
	padding-top: 0
}

.hh-content-global {
	margin-bottom: 0
}

@media only screen and (max-width:768px) {
	.hh-content-global {
		margin-bottom: 0
	}
}

.hh-footer {
	align-items: center;
	background: #011e4d;
	border-top: .25rem solid #ee3a43;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%;
	z-index: 1000; margin-top:40px
}

.hh-footer-content,
.hh-footer-content-mobile {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 80rem;
	overflow: hidden;
	padding: 3rem 2.5rem 0;
	width: 100%
}

.hh-footer-content {
	padding-bottom: 1.5rem
}

.hh-footer-content-mobile {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 1.5rem
}

.hh-footer-content-mobile .logo {
	margin-bottom: 1.5rem
}

.hh-footer-content-mobile .logo>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-footer-content-mobile .logo>a>.hh-image:first-child {
	width: 7.5rem
}

.hh-footer-content-mobile .logo>a>.hh-image:last-child {
	margin-left: .5rem;
	width: 2.125rem
}

.hh-footer-content-mobile .address {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: .875rem;
	justify-content: center;
	margin-bottom: 1.5rem
}

.hh-footer-content-mobile .address:first-child {
	margin-bottom: .5rem
}

.hh-footer-content-mobile .information {
	align-items: center;
	border-top: .0625rem solid #17417e;
	display: flex;
	flex-direction: column;
	font-size: .75rem;
	justify-content: center;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	width: 100%
}

.hh-footer-content-mobile .information .copyright {
	margin-bottom: .75rem
}

.hh-footer-column {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

.hh-footer-column.center {
	justify-content: center
}

.hh-footer-column.between {
	justify-content: space-between
}

.hh-footer-column.grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-top: 2rem;
	grid-gap: 1rem;
	align-items: flex-start;
	width: 100%
}

.hh-footer-column.information {
	border-top: .0625rem solid #17417e;
	margin-top: 5.75rem;
	padding-top: 1.5rem
}

.hh-footer-column.information .copyright,
.hh-footer-column.information .others {
	font-size: .875rem
}

.hh-footer-column.information .others>a {
	transition: all .6s ease
}

.hh-footer-column.information .others span {
	padding-left: .125rem;
	padding-right: .125rem
}

.hh-footer-column-items {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-footer-column-items>a {
	color: #fff;
	cursor: pointer;
	font-size: 1rem;
	padding-bottom: .375rem;
	padding-top: .375rem;
	transition: all .6s ease
}

@media only screen and (max-width:1079px) {
	.hh-footer-column-items>a {
		font-size: .875rem
	}
}

.hh-footer-column-items>a:hover {
	color: #ee3a43
}

.hh-footer-column-items>a.no-link {
	cursor: default
}

.hh-footer-column-items>a.no-link:hover {
	color: #fff
}

.hh-footer-column-items>a.title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25
}

@media only screen and (max-width:1079px) {
	.hh-footer-column-items>a.title {
		font-size: 1.125rem
	}
}

.hh-footer-column-items.contact {
	align-items: flex-end
}

.hh-footer-column-items.contact>a {
	margin-bottom: 2rem
}

.hh-footer-column-items.contact>a:last-child {
	margin-bottom: 0
}

.hh-footer-logo-address {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-footer-logo-address .logo {
	align-items: center;
	display: flex;
	max-height: 2.5rem
}

.hh-footer-logo-address .logo>.hh-image:first-child {
	width: 12.5rem
}

.hh-footer-logo-address .logo>.hh-image:nth-child(2) {
	margin-left: .5rem;
	transform: translateY(.25rem) !important;
	width: 3.5rem
}

.hh-footer-logo-address .address {
	color: #fff;
	font-size: .875rem;
	margin-left: 1.5rem
}

.hh-footer .share,
.hh-footer .share>a,
.hh-footer-share,
.hh-footer-share>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-footer .share>a,
.hh-footer-share>a {
	cursor: pointer;
	height: 2rem;
	margin-right: .75rem;
	transition: all .6s ease;
	width: 2rem
}

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

	.hh-footer .share>a,
	.hh-footer-share>a {
		transition: none
	}
}

.hh-footer .share>a:last-child,
.hh-footer-share>a:last-child {
	margin-right: 0
}

.hh-footer .share>a:hover,
.hh-footer-share>a:hover {
	transform: translateY(-6px)
}

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

	.hh-footer .share>a:hover,
	.hh-footer-share>a:hover {
		transform: none
	}
}

.hh-footer .share>a.no-link:hover,
.hh-footer-share>a.no-link:hover {
	transform: none
}

.hh-footer .share-qrcode,
.hh-footer-share-qrcode {
	width: 7.5rem
}

.hh-layout {
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial;
	overflow: hidden
}

.hh-layout .hh-section {
	margin-bottom: 3rem;
	margin-top: 3rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section {
		margin-bottom: 1.5rem;
		margin-top: 1.5rem
	}
}

.hh-layout .hh-section-large {
	margin-bottom: 5rem;
	margin-top: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-large {
		margin-bottom: 3rem;
		margin-top: 3rem
	}
}

.hh-layout .hh-section-top {
	margin-top: 3rem
}

.hh-layout .hh-section-top-large {
	margin-top: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-top-large {
		margin-top: 3rem
	}

	.hh-layout .hh-section-top {
		margin-top: 1.5rem
	}
}

.hh-layout .hh-section-bottom {
	margin-bottom: 3rem
}

.hh-layout .hh-section-bottom-large {
	margin-bottom: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-bottom-large {
		margin-bottom: 3rem
	}

	.hh-layout .hh-section-bottom {
		margin-bottom: 1.5rem
	}
}

.hh-layout .hh-section-inner {
	padding-bottom: 3rem;
	padding-top: 3rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner {
		padding-bottom: 1.5rem;
		padding-top: 1.5rem
	}
}

.hh-layout .hh-section-inner-large {
	padding-bottom: 5rem;
	padding-top: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner-large {
		padding-bottom: 3rem;
		padding-top: 3rem
	}
}

.hh-layout .hh-section-inner-top {
	padding-top: 3rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner-top {
		padding-top: 1.5rem
	}
}

.hh-layout .hh-section-inner-top-large {
	padding-top: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner-top-large {
		padding-top: 4rem
	}
}

.hh-layout .hh-section-inner-bottom {
	padding-bottom: 3rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner-bottom {
		padding-bottom: 1.5rem
	}
}

.hh-layout .hh-section-inner-bottom-large {
	padding-bottom: 5rem
}

@media only screen and (max-width:768px) {
	.hh-layout .hh-section-inner-bottom-large {
		padding-bottom: 3rem
	}
}

.hh-layout .hh-inner-padding {
	padding-left: 5rem;
	padding-right: 5rem
}

@media only screen and (max-width:1320px) {
	.hh-layout .hh-inner-padding {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-layout .hh-inner-padding {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-layout-member {
	background-image: url(passport.Bd8ncGoD.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	min-height: 100vh;
	position: relative;
	width: 100%
}

.vi-vn.hh-layout {
	font-family: Times New Roman, Noto Sans, SF Pro Text, SF Pro Icons, Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.hh-adapt-display .hh-header-logo>.hh-image {
	margin-right: .75rem;
	width: 3.0625rem
}

.hh-ads {
	height: 5.5rem;
	left: 0;
	position: fixed;
	top: 0;
	transition: all .6s ease;
	width: 100%;
	z-index: 2024
}

@media only screen and (max-width:1199px) {
	.hh-ads {
		opacity: 0;
		top: -5.625rem;
		visibility: hidden
	}
}

.hh-ads-video {
	border: none;
	height: 5.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.hh-ads-btns {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.hh-ads-btns .more {
	border: .0625rem solid #fff;
	border-radius: 3rem;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 700;
	padding: .25rem 1rem
}

.hh-ads-btns .more:hover {
	color: #fff
}

.hh-ads-btns .close {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-left: 3rem;
	margin-right: 1.5rem;
	width: 1.5rem
}

.hh-ads-btns .close:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m12 13.776-6.223 6.223L4 18.216l6.219-6.219L4 5.775l1.777-1.776L12 10.22l6.223-6.221L20 5.775l-6.223 6.222L20 18.216l-1.777 1.783Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 1.5rem;
	width: 1.5rem
}

.hh-ads-mobile {
	bottom: -.0625rem;
	height: 3.8125rem;
	left: 0;
	overflow: hidden;
	position: fixed;
	transition: all .6s ease;
	width: 100%;
	z-index: 2024
}

.hh-ads-mobile>a {
	display: block;
	height: 100%;
	width: 100%
}

.hh-ads-mobile video {
	border: none;
	display: block;
	height: 3.8125rem;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	width: 100%;
	z-index: 10
}

.hh-ads-mobile .close {
	background: linear-gradient(0deg, #01163b, #01163b), linear-gradient(0deg, #223454, #223454);
	border: .0625rem solid #223454;
	border-radius: 1.5rem;
	cursor: pointer;
	height: 1.5rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem;
	z-index: 20
}

.hh-ads-mobile .close,
.hh-ads-mobile .close:before {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-ads-mobile .close:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m12 13.776-6.223 6.223L4 18.216l6.219-6.219L4 5.775l1.777-1.776L12 10.22l6.223-6.221L20 5.775l-6.223 6.222L20 18.216l-1.777 1.783Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	width: 1rem
}

.hh-has-ads .hh-header {
	top: 5.5rem
}

@media only screen and (max-width:1199px) {
	.hh-has-ads .hh-header {
		top: 0
	}
}

.hh-has-ads .hh-header-nav .hh-menus-item-sub {
	top: 11rem
}

@media only screen and (max-width:1399px) {
	.hh-has-ads .hh-header-nav .hh-menus-item-sub {
		top: 10rem
	}
}

.hh-menus {
	align-items: center;
	flex-direction: row;
	justify-content: center
}

.hh-menus,
.hh-menus-item,
.hh-menus-item>a {
	display: flex;
	height: 100%
}

.hh-menus-item>a {
	align-items: center;
	color: #fff;
	cursor: pointer;
	flex-direction: row;
	font-size: 1rem;
	justify-content: center;
	margin-right: 1.5rem;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	transition: all .6s ease;
	white-space: nowrap;
	width: 100%
}

@media only screen and (min-width:1023px) and (max-width:1399px) {
	.hh-menus-item>a {
		font-size: .875rem
	}
}

.hh-menus-item>a.active {
	color: #ee3a43
}

.hh-menus-item>a:last-child {
	margin-right: 0
}

.hh-menus-item>a:after {
	border-bottom: .25rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-menus-item.active>a,
.hh-menus-item.open>a,
.hh-menus-item:hover>a {
	color: #ee3a43
}

.hh-menus-item.active>a:after,
.hh-menus-item.open>a:after,
.hh-menus-item:hover>a:after {
	width: 100%
}

.hh-menus-item:hover .hh-menus-item-sub {
	max-height: 100%;
	opacity: 1
}

.hh-menus-item-no-child .hh-menus-item-sub {
	height: 0;
	max-height: 0;
	opacity: 0;
	visibility: hidden
}

.hh-menus-item-sub {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: hsla(0, 0%, 100%, .8);
	box-shadow: inset 0 2px 5px #00000029;
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 5.4375rem;
	transition: all .6s ease;
	width: 100%;
	z-index: 1100
}

@media only screen and (max-width:1399px) {
	.hh-menus-item-sub {
		top: 4.5rem
	}
}

.hh-menus-item-sub-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 2.5rem;
	position: relative;
	z-index: 100
}

.hh-menus-item-sub-col>div {
	max-width: 17.75rem;
	min-width: 10.25rem
}

.hh-menus-item-sub-col>div a {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding-bottom: .25rem;
	position: relative;
	text-align: left
}

@media only screen and (min-width:1023px) and (max-width:1399px) {
	.hh-menus-item-sub-col>div a {
		font-size: .875rem
	}
}

.hh-menus-item-sub-col>div a:after {
	border-bottom: .0625rem solid #ee3a43;
	bottom: -.0625rem;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-menus-item-sub-col>div a:hover .hh-common-anim-btn {
	opacity: 1;
	visibility: visible
}

.hh-menus-item-sub-col>div a:hover .hh-common-anim-btn .area>div.icon {
	transform: translateY(-24px)
}

.hh-menus-item-sub-col>div a:hover .hh-common-anim-btn .area>div.icon>span {
	opacity: 0
}

.hh-menus-item-sub-col>div a:hover .hh-common-anim-btn .area>div.icon>div {
	transform: translateX(0)
}

.hh-menus-item-sub-col>div a:hover .hh-common-anim-btn .area>div.icon>div>span {
	opacity: 1
}

.hh-menus-item-sub-col>div a:hover {
	color: #ee3a43
}

.hh-menus-item-sub-col>div a:hover:after {
	width: 100%
}

.hh-menus-item-sub-col>div a.hh-menus-item-no-link,
.hh-menus-item-sub-col>div a:first-child.hh-menus-item-has-child {
	cursor: pointer;
	text-decoration: none
}

.hh-menus-item-sub-col>div a.hh-menus-item-no-link:hover,
.hh-menus-item-sub-col>div a:first-child.hh-menus-item-has-child:hover {
	color: #333
}

.hh-menus-item-sub-col>div a.hh-menus-item-no-link:after,
.hh-menus-item-sub-col>div a.hh-menus-item-no-link>.hh-common-anim-btn,
.hh-menus-item-sub-col>div a:first-child.hh-menus-item-has-child:after,
.hh-menus-item-sub-col>div a:first-child.hh-menus-item-has-child>.hh-common-anim-btn {
	display: none
}

.hh-menus-item-sub-col>div a.hh-menus-item-relevant.hh-menus-item-has-child:after,
.hh-menus-item-sub-col>div a.hh-menus-item-relevant.hh-menus-item-has-child>.hh-common-anim-btn {
	display: flex
}

.hh-menus-item-sub-col>div a.hh-menus-item-relevant.hh-menus-item-has-child:hover {
	color: #ee3a43
}

.hh-menus-item-sub-col>div a.hh-menus-item-no-link {
	cursor: default
}

.hh-menus-item-sub-col>div a.hh-menus-item-is-external-link:hover .hh-common-external-link {
	opacity: 1;
	visibility: visible
}

.hh-menus-item-sub-col>div a.important,
.hh-menus-item-sub-col>div>a:first-child {
	font-size: 1.125rem;
	font-weight: 700;
	transition: all .6s ease
}

@media only screen and (min-width:1220px) and (max-width:1399px) {

	.hh-menus-item-sub-col>div a.important,
	.hh-menus-item-sub-col>div>a:first-child {
		font-size: 1rem
	}
}

@media only screen and (min-width:1199px) and (max-width:1220px) {

	.hh-menus-item-sub-col>div a.important,
	.hh-menus-item-sub-col>div>a:first-child {
		font-size: .875rem
	}
}

.hh-menus-item-sub-col>div>div.ant-row {
	flex-direction: column
}

.hh-adapt-display .hh-menus-item a {
	font-size: 1rem;
	letter-spacing: 0
}

.hh-adapt-display .hh-menus-item>a {
	margin-right: 1.5rem
}

@media only screen and (max-width:1640px) {
	.hh-adapt-display .hh-menus-item>a {
		font-size: .875rem
	}
}

@media only screen and (max-width:1440px) {
	.hh-adapt-display .hh-menus-item>a {
		margin-right: .75rem
	}
}

@media only screen and (max-width:1280px) {
	.hh-adapt-display .hh-menus-item>a {
		margin-right: .5rem
	}
}

@media only screen and (max-width:1248px) {
	.hh-adapt-display .hh-menus-item>a {
		font-size: .8125rem;
		margin-right: .75rem
	}
}

.hh-banner {
	background-image: url(about.CeaPkCtD.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 35rem;
	position: relative;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-banner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-banner {
		height: 24.75rem
	}
}

.hh-banner-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 80rem;
	transition: all .6s ease;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-banner-inner {
		justify-content: center;
		padding-top: 7.75rem
	}
}

.hh-banner-title {
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	line-height: 4rem;
	position: relative;
	text-shadow: 0 0 15px #00000080
}

.hh-banner-title:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.75rem;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 2rem
}

@media only screen and (max-width:768px) {
	.hh-banner-title {
		font-size: 1.75rem;
		line-height: unset;
		text-align: center
	}

	.hh-banner-title:after {
		display: none
	}
}

.hh-banner-sub-title {
	color: #fff;
	font-size: 1.125rem;
	line-height: 2rem;
	margin-top: 2rem;
	max-width: 23.125rem;
	position: relative;
	text-shadow: 0 0 15px #00000080
}

.hh-banner-sub-title.small {
	font-size: 1rem;
	line-height: 1.75rem
}

.hh-banner-medias {
	background-image: url(medias.DlEqbqDz.jpg)
}

.hh-banner-tech {
	background-image: url(tech.D53_ODHP.png)
}

.hh-banner-services {
	background-image: url(services.HdsUqlQA.jpg)
}

.hh-banner-three-plus {
	background-image: url(three-plus.BtXXT5bM.jpg)
}

.hh-banner-faqs {
	background-image: url(faqs.7y-Vn0qV.jpg)
}

.hh-banner-search {
	background-image: url(search.DdssorYE.png)
}

.hh-banner-csr-focus {
	background-image: url(csr-focus.D3zAbrKk.png)
}

.hh-banner-news {
	background-image: url(news.Ca4Ygx7K.jpg)
}

.hh-banner-factory {
	background-image: url(factory.BZqhuezf.jpg)
}

.hh-banner-guideline {
	background-image: url(guideline.CMFy0FWE.jpg)
}

.hh-banner-calendar {
	background-image: url(calendar.B2wBIuSb.jpg)
}

.hh-banner-relation {
	background-image: url(investors.BChRz3pz.png);
	background-position: bottom;
	height: 20rem
}

.hh-banner-medias {
	background-image: url(videos.wgeZQy4G.jpg)
}

.hh-banner-mih {
	background-image: url(mih.CHqXDeem.png)
}

.hh-banner-financial {
	background-image: url(financial.CB93gP6O.jpg)
}

.hh-banner-csr {
	background-image: url(csr.CwM579af.png)
}

.hh-banner-promoting {
	background-image: url(promoting.DUThPG8m.png)
}

.hh-banner-contact {
	background-image: url(contact.CPWl4Eq5.jpg)
}

.hh-banner-shareholder {
	background-image: url(shareholder.DwTqQnnU.jpg)
}

.hh-banner-integrity {
	background-image: url(integrity.-gI1ScGM.png)
}

.hh-banner-stakeholder {
	background-image: url(stakeholder.BkFEjuuB.jpg)
}

.hh-banner-member {
	background-image: url(member.ClVUYPRC.jpg)
}

.hh-banner-empty {
	background-image: none;
	height: 25rem
}

.hh-banner-recruit {
	background-image: url(recruit.DU05MKTm.png)
}

.hh-banner-vote {
	background-image: url(shareholder-vote.D15QVpD8.png)
}

@media only screen and (max-width:768px) {
	.hh-banner-vote {
		background-image: url(shareholder-vote-m.BxcOuM6l.png)
	}
}

.hh-drawer-menu.ant-drawer-content {
	background: #011e4d;
	font-size: 1.125rem
}

.hh-drawer-menu-scroll {
	background-image: url(menu-m.B_AcONFs.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	left: 0;
	overflow: hidden;
	padding-bottom: 4.5rem;
	padding-top: 4.5rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.hh-drawer-menu-items {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

.hh-drawer-menu-items::-webkit-scrollbar {
	display: none
}

.hh-drawer-menu-item {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

.hh-drawer-menu-root {
	padding: 1.25rem 3.25rem 1.25rem 1.25rem;
	position: relative;
	z-index: 10
}

.hh-drawer-menu-root:before {
	background: transparent;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: .2;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.hh-drawer-menu-root:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	position: absolute;
	right: 1.25rem;
	top: calc(50% - 12px);
	transform: rotate(90deg);
	transition: all .6s ease;
	width: 1.5rem;
	z-index: 20
}

.hh-drawer-menu-root:hover:before {
	background: #17417e
}

.hh-drawer-menu-root>span {
	background: transparent linear-gradient(180deg, #000, #00000000) 0 0 no-repeat padding-box;
	bottom: -.75rem;
	content: "";
	display: none;
	height: .75rem;
	left: 0;
	opacity: .1;
	position: absolute;
	width: 100%
}

.hh-drawer-menu-root>div.user {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-drawer-menu-root>div.user:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='M17.999 19.999a6 6 0 1 0-12 0h-2a8.01 8.01 0 0 1 4.549-7.219 5 5 0 1 1 6.66-.11 8.02 8.02 0 0 1 4.791 7.329Zm-9.178-11a3 3 0 1 0 3-3 3 3 0 0 0-3.001 3Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-right: .5rem;
	width: 1.5rem
}

.hh-drawer-menu-no-child:after {
	display: none
}

.hh-drawer-menu-sub {
	max-height: 0;
	overflow: hidden;
	position: relative;
	transition: all .6s ease
}

.hh-drawer-menu-sub:before {
	content: "";
	height: 100%;
	left: 0;
	opacity: .4;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	width: 100%;
	z-index: -1
}

.hh-drawer-menu-sub-item {
	background: transparent;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 1.25rem 3.25rem 1.25rem 1.25rem;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

.hh-drawer-menu-sub-item:hover {
	background-color: rgba(1, 30, 77, .2)
}

.hh-drawer-menu-sub-item a {
	color: #fff
}

.hh-drawer-menu-sub-item .link-langs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.hh-drawer-menu-sub-item .link-langs .title {
	color: hsla(0, 0%, 100%, .64)
}

.hh-drawer-menu-sub-item .link-langs .langs {
	color: #fff
}

.hh-drawer-menu-sub-item .link-langs .langs,
.hh-drawer-menu-sub-item .link-langs .langs a+a:before,
.hh-drawer-menu-sub-item .link-langs .langs>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-drawer-menu-sub-item .link-langs .langs a+a:before {
	background-color: #ee3a43;
	content: "";
	height: .25rem;
	margin-left: 1rem;
	margin-right: 1rem;
	width: .25rem
}

.hh-drawer-menu-sub-has-child:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5rem;
	position: absolute;
	right: 1.25rem;
	top: calc(50% - 12px);
	transition: all .6s ease;
	width: 1.5rem
}

.hh-drawer-menu .link {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-drawer-menu .link:hover {
	color: #fff
}

.hh-drawer-menu .link .title {
	margin-left: 1.5rem
}

.hh-drawer-menu-location {
	align-items: center;
	color: #a5d6ff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 1.25rem 3.25rem 1.25rem 1.25rem
}

.hh-drawer-menu-location>span {
	height: 1.5rem;
	margin-right: .5rem;
	width: 1.5rem
}

.hh-drawer-menu-location>span:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23a5d6ff' d='m15.156 15.852-4.219-4.219 4.219-4.219L13.742 6l-5.633 5.633 5.633 5.633Z' data-name='chevron-left'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-drawer-menu-grand {
	font-weight: 700;
	padding: 1.25rem 1.25rem 1.25rem 2rem;
	position: relative
}

.hh-drawer-menu-grand .link .title {
	margin-left: .5rem
}

.hh-drawer-menu-lang {
	align-items: center;
	background: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='65'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='.839' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230a447f'/%3E%3Cstop offset='1' stop-color='%23031f59'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h375v65H0z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	color: #a5d6ff;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: flex-start;
	left: 0;
	padding: 1.25rem 2rem 1.75rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1100
}

.hh-drawer-menu-lang:before {
	background-color: hsla(0, 0%, 100%, .32);
	content: "";
	height: .0625rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-drawer-menu-lang:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	position: absolute;
	right: .75rem;
	top: calc(50% - 12px);
	transition: all .6s ease;
	width: 1.5rem
}

.hh-drawer-menu-lang>span {
	height: 1.5rem;
	margin-right: .5rem;
	width: 1.5rem
}

.hh-drawer-menu-lang>span:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='M12.001 20.001a8 8 0 1 1 8-8 8 8 0 0 1-8 8m0-1.8c.587 0 1.964-1.85 2.174-5.3H9.827c.209 3.449 1.584 5.3 2.174 5.3m2.919-.731a6.21 6.21 0 0 0 3.215-4.567h-2.16a12.6 12.6 0 0 1-1.055 4.566Zm-5.84 0a12.6 12.6 0 0 1-1.056-4.566H5.868a6.21 6.21 0 0 0 3.211 4.564Zm9.055-6.368a6.21 6.21 0 0 0-3.215-4.567 12.6 12.6 0 0 1 1.054 4.567Zm-3.96 0c-.209-3.448-1.587-5.3-2.174-5.3s-1.965 1.85-2.174 5.3Zm-6.151 0A12.6 12.6 0 0 1 9.08 6.537a6.21 6.21 0 0 0-3.212 4.565Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: ""
}

.hh-drawer-menu-external-link,
.hh-drawer-menu-lang>span:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-drawer-menu-external-link {
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .6s ease
}

.hh-drawer-menu-external-link:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cg fill='%23fff' data-name='link'%3E%3Cpath d='M13.33 4v1.669h3.819l-7.09 7.1 1.1 1.251 7.171-7.168v3.5H20V4Z'/%3E%3Cpath d='M4 4v16h16v-6.932h-1.669v5.262H5.669V5.669h4.923V4Z' data-name='path'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-drawer-menu-item.open .hh-drawer-menu-sub {
	max-height: 75rem
}

.hh-drawer-menu-item.open .hh-drawer-menu-root:before,
.hh-drawer-menu-item.open .hh-drawer-menu-sub:before {
	background: #011e4d
}

.hh-drawer-menu-item.open .hh-drawer-menu-root>span {
	display: flex
}

.hh-drawer-menu-item.open .hh-drawer-menu-root:after {
	transform: rotate(-90deg)
}

.hh-breadcrumbs {
	align-items: center;
	background: transparent;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: -3.25rem;
	position: relative;
	transition: all .6s ease
}

.hh-breadcrumbs+.hh-content-block {
	margin-top: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-breadcrumbs+.hh-content-block {
		margin-top: -.0625rem
	}

	.hh-breadcrumbs {
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		background: rgba(23, 65, 126, .9);
		margin: 0;
		position: fixed;
		top: 4.4375rem;
		width: 100%;
		z-index: 900
	}
}

.hh-breadcrumbs-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	max-width: 80rem;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-breadcrumbs-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-breadcrumbs-inner {
		font-size: .75rem;
		padding: .75rem 1.25rem
	}
}

.hh-breadcrumbs-scroll {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%
}

.hh-breadcrumbs-scroll::-webkit-scrollbar {
	display: none
}

.hh-breadcrumbs-item {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative
}

.hh-breadcrumbs-item>a {
	color: #fff;
	font-size: 1rem;
	white-space: nowrap;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-breadcrumbs-item>a {
		font-size: .875rem
	}
}

.hh-breadcrumbs-item:after {
	align-items: center;
	background-color: #ee3a43;
	color: #ee3a43;
	content: "";
	display: flex;
	flex-direction: row;
	height: .1875rem;
	justify-content: center;
	margin-left: .5rem;
	margin-right: .5rem;
	min-width: .1875rem;
	width: .1875rem
}

.hh-breadcrumbs-item:last-child:after {
	display: none
}

.hh-header-language {
	align-items: center;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: hsla(0, 0%, 100%, .8);
	box-shadow: inset 0 2px 5px #00000029;
	display: flex;
	flex-direction: row;
	justify-content: center;
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 5.5rem;
	transition: all .6s ease;
	width: 100%;
	z-index: 1100
}

.hh-header-language-inner {
	max-width: 87.5rem;
	padding: 2rem;
	transition: all .6s ease
}

.hh-header-language-title {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.hh-header-language-title>span {
	color: #333;
	font-size: .875rem
}

.hh-header-language-title>span.active {
	color: #ee3a43
}

.hh-header-language-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 2rem;
	grid-gap: 2rem;
	width: 100%
}

.hh-header-language-item {
	min-width: 16.25rem
}

.hh-header-language-item>span {
	align-items: center;
	border-bottom: .0625rem solid #17417e;
	color: #333;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	font-weight: 700;
	justify-content: flex-start;
	margin-bottom: .75rem;
	padding-bottom: .5rem
}

.hh-header-language-item-sub {
	align-items: center;
	cursor: default;
	display: flex;
	flex-direction: row;
	font-size: .875rem;
	justify-content: space-between;
	margin-bottom: 1rem;
	position: relative;
	transition: all .6s ease
}

.hh-header-language-item-sub:first-child {
	margin-top: .625rem
}

.hh-header-language-item-sub a {
	color: #333;
	transition: all .6s ease
}

.hh-header-language-item-sub a:hover {
	color: #ee3a43;
	font-weight: 700
}

.hh-header-language-item-sub>div {
	color: #333;
	font-size: .875rem;
	transition: all .6s ease
}

.hh-header-language-item-sub>div.title {
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-header-language-item-sub>div.langs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	z-index: 20
}

.hh-header-language-item-sub>div.langs>div {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-header-language-item-sub>div.langs>div>span {
	margin-left: .375rem;
	margin-right: .375rem
}

.hh-header-language-item-sub:hover {
	cursor: pointer
}

.hh-header-language-item-sub:hover a,
.hh-header-language-item-sub:hover>div span,
.hh-header-language-item-sub:hover>div.title {
	color: #ee3a43;
	font-weight: 700
}

.hh-search {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

.hh-search-mask {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1400
}

.hh-search .hh-search-inner {
	cursor: default;
	max-width: 100%;
	min-width: 38.75rem;
	z-index: 1500
}

@media only screen and (max-width:620px) {
	.hh-search .hh-search-inner {
		min-width: 100vw
	}
}

.hh-search .hh-search-inner:before {
	align-items: center;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background: rgba(23, 65, 126, .72);
	content: "";
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-search .hh-search-inner .ant-tabs {
	padding: 1rem 3rem 1.5rem
}

.hh-search .hh-search-inner .ant-tabs.hh-tabs-1 {
	padding-top: 1.5rem
}

@media only screen and (max-width:620px) {
	.hh-search .hh-search-inner .ant-tabs {
		padding: .5rem 1.25rem 1.25rem
	}
}

.hh-search .hh-search-inner .ant-tabs .ant-tabs-nav {
	margin-bottom: 1.5rem
}

.hh-search .hh-search-inner .ant-tabs-nav:before {
	border-bottom-color: rgba(165, 214, 255, .32)
}

.hh-search .hh-search-inner .ant-tabs .ant-tabs-tab {
	color: hsla(0, 0%, 100%, .6)
}

.hh-search .hh-search-inner .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn:focus:not(:focus-visible) {
	color: hsla(0, 0%, 100%, .6)
}

.hh-search .hh-search-inner .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
	color: #ee3a43
}

.hh-search .hh-search-inner .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn:focus:not(:focus-visible) {
	color: #ee3a43
}

.hh-search .hh-search-area {
	position: relative;
	width: 100%
}

.hh-search .hh-search-area-compact,
.hh-search .hh-search-area-input {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-search .hh-search-area-compact-inner,
.hh-search .hh-search-area-input-inner {
	align-items: center;
	background: #011e4d;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-right: .5rem;
	width: 100%
}

.hh-search .hh-search-area-compact .btn,
.hh-search .hh-search-area-input .btn {
	align-items: center;
	background: #ee3a43;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	max-width: 12.5rem;
	padding: .5rem 1.5rem
}

.hh-search .hh-search-area-compact .btn>span,
.hh-search .hh-search-area-input .btn>span {
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-search .hh-search-area-compact input,
.hh-search .hh-search-area-input input {
	background: #011e4d;
	border: none;
	border-radius: 0;
	color: #a5d6ff;
	font-size: 1rem;
	height: auto;
	margin-right: .5rem;
	outline: none;
	padding: .5rem 1rem
}

.hh-search .hh-search-area-compact input:focus,
.hh-search .hh-search-area-input input:focus {
	border: none;
	box-shadow: none
}

.hh-search .hh-search-area-compact input::-moz-placeholder,
.hh-search .hh-search-area-input input::-moz-placeholder {
	color: hsla(0, 0%, 100%, .4);
	letter-spacing: .046875rem
}

.hh-search .hh-search-area-compact input::placeholder,
.hh-search .hh-search-area-input input::placeholder {
	color: hsla(0, 0%, 100%, .4);
	letter-spacing: .046875rem
}

.hh-search .hh-search-area-compact .ant-select,
.hh-search .hh-search-area-input .ant-select {
	color: #fff
}

.hh-search .hh-search-area-compact .ant-select-selector,
.hh-search .hh-search-area-input .ant-select-selector {
	background: transparent;
	border: none
}

.hh-search .hh-search-area-compact .ant-select-selection-item,
.hh-search .hh-search-area-compact .ant-select-selection-placeholder,
.hh-search .hh-search-area-input .ant-select-selection-item,
.hh-search .hh-search-area-input .ant-select-selection-placeholder {
	color: #fff;
	font-size: 1rem
}

.hh-search-select-dropdown {
	z-index: 1500
}

.hh-search-result .gsc-control-cse {
	padding: 0
}

.hh-search-result .gsc-input-box {
	border-color: #d9d9d9
}

.hh-search-result .gsc-search-button-v2 {
	cursor: pointer;
	padding-bottom: .625rem;
	padding-top: .625rem
}

.hh-search-result .gsc-search-button-v2,
.hh-search-result .gsc-search-button-v2:focus,
.hh-search-result .gsc-search-button-v2:hover,
.hh-search-result .gsc-search-button-v2:visited {
	background-color: #ee3a43;
	border-color: #ee3a43
}

.hh-search-result .gsc-search-button-v2 svg {
	height: 1.0625rem;
	width: 1.0625rem
}

.hh-search-result .gscb_a {
	line-height: 2.25rem
}

.hh-search-result .gsst_a .gscb_a {
	color: #ee3a43
}

.hh-search-input {
	align-items: flex-start;
	border: .0625rem solid #d9d9d9;
	display: flex;
	flex-direction: row;
	height: 2.5rem;
	justify-content: flex-start
}

.hh-search-input .ant-input {
	font-size: 1rem;
	line-height: 1.875rem
}

.hh-search-input:focus,
.hh-search-input:hover {
	border-color: #ee3a43
}

.hh-search-input .ant-input {
	border: none;
	border-radius: 0;
	box-shadow: none;
	width: 13.5rem
}

@media only screen and (max-width:768px) {
	.hh-search-input .ant-input {
		width: calc(100% - 40px)
	}
}

.hh-search-input .icon {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	width: 2.5rem
}

.hh-search-input .icon img {
	height: 1.5rem;
	width: 1.5rem
}

.hh-title {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%
}

.hh-title-whole-inner>.hh-title-inner {
	padding-left: 5rem;
	padding-right: 5rem
}

@media only screen and (max-width:1320px) {
	.hh-title-whole-inner>.hh-title-inner {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-title-whole-inner>.hh-title-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-title-inner {
	justify-content: space-between;
	max-width: 80rem;
	width: 100%
}

.hh-title-inner,
.hh-title-inner.center {
	align-items: center;
	display: flex;
	flex-direction: row
}

.hh-title-inner.center {
	justify-content: center
}

@media only screen and (max-width:768px) {
	.hh-title-inner {
		align-items: flex-start
	}

	.hh-title-inner,
	.hh-title-inner.center {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.hh-title-inner.center {
		align-items: center
	}
}

.hh-title-content {
	color: #333;
	font-size: 2rem;
	font-style: normal;
	font-weight: 900;
	line-height: 2rem;
	margin-bottom: .75rem;
	position: relative
}

@media only screen and (max-width:768px) {
	.hh-title-content {
		font-size: 1.5rem;

		line-height: 1.5rem
	}
}

.hh-title-content:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.75rem;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 2rem;
	z-index: 1
}

.hh-title-extra {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative
}

@media only screen and (max-width:768px) {
	.hh-title-extra {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 1.5rem;
		width: 100%
	}
}

.hh-title-extra>div {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-title-extra>div .hh-select {
	margin-right: .75rem
}

@media only screen and (max-width:768px) {
	.hh-title-extra>div {
		flex-direction: column;
		width: 100%
	}

	.hh-title-extra>div .hh-select {
		margin-bottom: .75rem;
		margin-right: 0;
		width: 100%
	}

	.hh-title-extra>div .hh-search-input {
		width: 100%
	}
}

.hh-title-inner.center .hh-title-content:after {
	left: 50%;
	transform: translateX(-50%)
}

.hh-image {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-image {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-image>img {
	position: relative
}

.hh-image .mb16 {
	margin-bottom: 1rem
}

.hh-image-info {
	color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-image-info.mobile {
	color: #011e4d;
	left: unset;
	position: relative;
	top: unset
}

.hh-image-info.mobile.row {
	align-items: flex-end;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-image-info-inner {
	position: absolute
}

.hh-image-info-inner,
.hh-image-info-text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-image-info-text.row {
	align-items: flex-end;
	flex-direction: row
}

.hh-image-info-name {
	font-size: 2.25rem;
	font-weight: 400
}

.hh-image-info.mobile .hh-image-info-name {
	font-size: 1.375rem
}

.hh-image-info-text.row .hh-image-info-name,
.hh-image-info.row .hh-image-info-name {
	margin-bottom: -.25rem
}

.hh-image-info-subname {
	font-size: 1.25rem
}

.hh-image-info.mobile .hh-image-info-subname {
	font-size: .875rem
}

.hh-image-info-intro {
	align-items: flex-start;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-image-info-intro {
		color: #011e4d
	}
}

.hh-image-info-intro.row {
	align-items: flex-end;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-description-detail {
	color: #333;
	font-size: 1.125rem
}

.hh-description-detail,
.hh-description-detail p {
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial;
	line-height: 1.75
}

.hh-description-detail p {
	margin-bottom: 1.5rem;
	margin-top: 0
}

.hh-description-detail p:last-child {
	margin-bottom: 0
}

.hh-description-detail a {
	color: #1890ff
}

.hh-description-detail li {
	color: #333;
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial;
	font-size: 16px;
	list-style-type: none;
	padding-left: 1.875rem
}

.hh-description-detail .secondary-style {
	color: #8e8e8e;
	font-size: 1.375rem;
	font-weight: 700;
	margin-top: .5rem
}

.hh-carousel {
	height: 49.5vw;
	left: 0;
	max-height: 100vh;
	position: fixed;
	top: 0;
	transition: all .6s ease;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-carousel {
		height: 50vh;
		top: 4.5rem
	}
}

.hh-carousel-media {
	height: 100%;
	position: relative;
	z-index: 10
}

.hh-carousel-item {
	height: 100%;
	position: relative;
	transition: all .6s ease
}

.hh-carousel-item-info {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20
}

.hh-carousel-item-info-inner {
	max-width: 80rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-carousel-item-info-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-carousel-item-info-inner .hh-button {
	opacity: 0;
	transform: translateY(200px);
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-carousel-item-info-inner .hh-button>a {
		width: auto
	}
}

.hh-carousel-item-info-inner.active .hh-carousel-item-info-title span {
	transform: none
}

.hh-carousel-item-info-inner.active .hh-carousel-item-info-titles:after {
	opacity: 1
}

.hh-carousel-item-info-inner.active .hh-button {
	opacity: 1;
	transform: translateY(0)
}

.hh-carousel-item-info-titles {
	margin-bottom: 2rem;
	position: relative
}

.hh-carousel-item-info-titles:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.5rem;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 2rem
}

.hh-carousel-item-info-title {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 6rem;
	justify-content: flex-start;
	position: relative
}

@media only screen and (max-width:992px) {
	.hh-carousel-item-info-title {
		height: 4.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-carousel-item-info-title {
		height: 3.5rem
	}
}

.hh-carousel-item-info-title>div {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
	position: relative
}

.hh-carousel-item-info-title>div span {
	color: #fff;
	font-size: 5rem;
	font-weight: 700;
	text-shadow: 0 0 .5rem rgba(0, 0, 0, .8);
	transform: translate3d(0, -400%, 0);
	will-change: transform
}

@media only screen and (max-width:992px) {
	.hh-carousel-item-info-title>div span {
		font-size: 3rem
	}
}

@media only screen and (max-width:768px) {
	.hh-carousel-item-info-title>div span {
		font-size: 2rem
	}
}

.hh-carousel-item-info-title>div span:first-child {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .05s
}

.hh-carousel-item-info-title>div span:nth-child(2) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .1s
}

.hh-carousel-item-info-title>div span:nth-child(3) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .15s
}

.hh-carousel-item-info-title>div span:nth-child(4) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s
}

.hh-carousel-item-info-title>div span:nth-child(5) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .25s
}

.hh-carousel-item-info-title>div span:nth-child(6) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .3s
}

.hh-carousel-item-info-title>div span:nth-child(7) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .35s
}

.hh-carousel-item-info-title>div span:nth-child(8) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .4s
}

.hh-carousel-item-info-title>div span:nth-child(9) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .45s
}

.hh-carousel-item-info-title>div span:nth-child(10) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .5s
}

.hh-carousel-item-info-title>div span:nth-child(11) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .55s
}

.hh-carousel-item-info-title>div span:nth-child(12) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .6s
}

.hh-carousel-item-info-title>div span:nth-child(13) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .65s
}

.hh-carousel-item-info-title>div span:nth-child(14) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .7s
}

.hh-carousel-item-info-title>div span:nth-child(15) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .75s
}

.hh-carousel-item-info-title>div span:nth-child(16) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .8s
}

.hh-carousel-item-info-title>div span:nth-child(17) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .85s
}

.hh-carousel-item-info-title>div span:nth-child(18) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .9s
}

.hh-carousel-item-info-title>div span:nth-child(19) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .95s
}

.hh-carousel-item-info-title>div span:nth-child(20) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1s
}

.hh-carousel-item-info-title>div span:nth-child(21) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.05s
}

.hh-carousel-item-info-title>div span:nth-child(22) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.1s
}

.hh-carousel-item-info-title>div span:nth-child(23) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.15s
}

.hh-carousel-item-info-title>div span:nth-child(24) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.2s
}

.hh-carousel-item-info-title>div span:nth-child(25) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.25s
}

.hh-carousel-item-info-title>div span:nth-child(26) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.3s
}

.hh-carousel-item-info-title>div span:nth-child(27) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.35s
}

.hh-carousel-item-info-title>div span:nth-child(28) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.4s
}

.hh-carousel-item-info-title>div span:nth-child(29) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.45s
}

.hh-carousel-item-info-title>div span:nth-child(30) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.5s
}

.hh-carousel-item-info-title>div span:nth-child(31) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.55s
}

.hh-carousel-item-info-title>div span:nth-child(32) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.6s
}

.hh-carousel-item-info-title>div span:nth-child(33) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.65s
}

.hh-carousel-item-info-title>div span:nth-child(34) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.7s
}

.hh-carousel-item-info-title>div span:nth-child(35) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.75s
}

.hh-carousel-item-info-title>div span:nth-child(36) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.8s
}

.hh-carousel-item-info-title>div span:nth-child(37) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.85s
}

.hh-carousel-item-info-title>div span:nth-child(38) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.9s
}

.hh-carousel-item-info-title>div span:nth-child(39) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 1.95s
}

.hh-carousel-item-info-title>div span:nth-child(40) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2s
}

.hh-carousel-item-info-title>div span:nth-child(41) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.05s
}

.hh-carousel-item-info-title>div span:nth-child(42) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.1s
}

.hh-carousel-item-info-title>div span:nth-child(43) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.15s
}

.hh-carousel-item-info-title>div span:nth-child(44) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.2s
}

.hh-carousel-item-info-title>div span:nth-child(45) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.25s
}

.hh-carousel-item-info-title>div span:nth-child(46) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.3s
}

.hh-carousel-item-info-title>div span:nth-child(47) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.35s
}

.hh-carousel-item-info-title>div span:nth-child(48) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.4s
}

.hh-carousel-item-info-title>div span:nth-child(49) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.45s
}

.hh-carousel-item-info-title>div span:nth-child(50) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.5s
}

.hh-carousel-item-info-title>div span:nth-child(51) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.55s
}

.hh-carousel-item-info-title>div span:nth-child(52) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.6s
}

.hh-carousel-item-info-title>div span:nth-child(53) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.65s
}

.hh-carousel-item-info-title>div span:nth-child(54) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.7s
}

.hh-carousel-item-info-title>div span:nth-child(55) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.75s
}

.hh-carousel-item-info-title>div span:nth-child(56) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.8s
}

.hh-carousel-item-info-title>div span:nth-child(57) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.85s
}

.hh-carousel-item-info-title>div span:nth-child(58) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.9s
}

.hh-carousel-item-info-title>div span:nth-child(59) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 2.95s
}

.hh-carousel-item-info-title>div span:nth-child(60) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3s
}

.hh-carousel-item-info-title>div span:nth-child(61) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.05s
}

.hh-carousel-item-info-title>div span:nth-child(62) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.1s
}

.hh-carousel-item-info-title>div span:nth-child(63) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.15s
}

.hh-carousel-item-info-title>div span:nth-child(64) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.2s
}

.hh-carousel-item-info-title>div span:nth-child(65) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.25s
}

.hh-carousel-item-info-title>div span:nth-child(66) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.3s
}

.hh-carousel-item-info-title>div span:nth-child(67) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.35s
}

.hh-carousel-item-info-title>div span:nth-child(68) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.4s
}

.hh-carousel-item-info-title>div span:nth-child(69) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.45s
}

.hh-carousel-item-info-title>div span:nth-child(70) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.5s
}

.hh-carousel-item-info-title>div span:nth-child(71) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.55s
}

.hh-carousel-item-info-title>div span:nth-child(72) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.6s
}

.hh-carousel-item-info-title>div span:nth-child(73) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.65s
}

.hh-carousel-item-info-title>div span:nth-child(74) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.7s
}

.hh-carousel-item-info-title>div span:nth-child(75) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.75s
}

.hh-carousel-item-info-title>div span:nth-child(76) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.8s
}

.hh-carousel-item-info-title>div span:nth-child(77) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.85s
}

.hh-carousel-item-info-title>div span:nth-child(78) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.9s
}

.hh-carousel-item-info-title>div span:nth-child(79) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 3.95s
}

.hh-carousel-item-info-title>div span:nth-child(80) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4s
}

.hh-carousel-item-info-title>div span:nth-child(81) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.05s
}

.hh-carousel-item-info-title>div span:nth-child(82) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.1s
}

.hh-carousel-item-info-title>div span:nth-child(83) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.15s
}

.hh-carousel-item-info-title>div span:nth-child(84) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.2s
}

.hh-carousel-item-info-title>div span:nth-child(85) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.25s
}

.hh-carousel-item-info-title>div span:nth-child(86) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.3s
}

.hh-carousel-item-info-title>div span:nth-child(87) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.35s
}

.hh-carousel-item-info-title>div span:nth-child(88) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.4s
}

.hh-carousel-item-info-title>div span:nth-child(89) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.45s
}

.hh-carousel-item-info-title>div span:nth-child(90) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.5s
}

.hh-carousel-item-info-title>div span:nth-child(91) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.55s
}

.hh-carousel-item-info-title>div span:nth-child(92) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.6s
}

.hh-carousel-item-info-title>div span:nth-child(93) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.65s
}

.hh-carousel-item-info-title>div span:nth-child(94) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.7s
}

.hh-carousel-item-info-title>div span:nth-child(95) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.75s
}

.hh-carousel-item-info-title>div span:nth-child(96) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.8s
}

.hh-carousel-item-info-title>div span:nth-child(97) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.85s
}

.hh-carousel-item-info-title>div span:nth-child(98) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.9s
}

.hh-carousel-item-info-title>div span:nth-child(99) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 4.95s
}

.hh-carousel-item-info-title>div span:nth-child(100) {
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) 5s
}

.hh-carousel video {
	background-color: #000;
	bottom: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	width: 100%;
	z-index: 1
}

@media only screen and (max-width:768px) {
	.hh-carousel video {
		bottom: unset;
		top: 0
	}
}

.hh-carousel .ant-carousel,
.hh-carousel .ant-carousel .slick-list,
.hh-carousel .ant-carousel .slick-slide,
.hh-carousel .ant-carousel .slick-slider,
.hh-carousel .ant-carousel .slick-track {
	height: 100%
}

.hh-carousel .ant-carousel .slick-slide>div {
	height: 100%;
	position: relative;
	width: 100%
}

.hh-carousel .ant-carousel .slick-dots-bottom {
	bottom: 32px
}

@media only screen and (max-width:768px) {
	.hh-carousel .ant-carousel .slick-dots-bottom {
		bottom: 1.5rem
	}
}

.hh-carousel .ant-carousel .slick-dots li {
	height: auto;
	width: auto
}

.hh-carousel .ant-carousel .slick-dots li button {
	transition: all .6s ease;
	width: 1rem
}

.hh-carousel .ant-carousel .slick-dots li button:before {
	display: none
}

.hh-carousel .ant-carousel .slick-dots li.slick-active button {
	width: 1.5rem
}

.hh-carousel-slides {
	background-color: #011e4d;
	height: 100%;
	position: relative;
	width: 100%
}

.hh-carousel-slides-inner {
	background-color: #011e4d;
	padding-top: 12rem
}

@media only screen and (max-width:992px) {
	.hh-carousel-slides-inner {
		padding-top: 6rem
	}
}

@media only screen and (max-width:768px) {
	.hh-carousel-slides-inner {
		padding-top: 3rem
	}
}

.hh-carousel-slides .carousel {
	z-index: 20
}

.hh-carousel-slides .carousel__viewport {
	position: relative;
	z-index: 10
}

.hh-carousel-slides-item {
	padding-left: .5rem;
	padding-right: .5rem;
	width: 100%
}

.hh-carousel-slides-item:hover .thumb .line {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-carousel-slides-item:hover .thumb .line {
		width: 0
	}
}

@media only screen and (max-width:1024px) {
	.hh-carousel-slides-item:hover .thumb .line {
		width: 0
	}
}

.hh-carousel-slides-item:hover .thumb>img {
	transform: scale(1.2)
}

@media only screen and (max-width:768px) {
	.hh-carousel-slides-item:hover .thumb>img {
		transform: scale(1)
	}
}

.hh-carousel-slides .carousel__slide {
	align-items: flex-start
}

.hh-carousel-slides .thumb {
	cursor: pointer;
	margin-bottom: 1rem;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
	transition: all .6s ease;
	width: 100%;
	z-index: 1000
}

.hh-carousel-slides .thumb>img {
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease
}

.hh-carousel-slides .thumb .btn {
	bottom: .75rem;
	position: absolute;
	right: .875rem;
	z-index: 30
}

.hh-carousel-slides .thumb .line {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-carousel-slides .title {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: flex-start;
	line-height: 1.75rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-carousel-slides .title {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}
}

.hh-carousel-slides-nav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-carousel-slides-nav .next,
.hh-carousel-slides-nav .prev {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20
}

.hh-carousel-slides-nav .prev {
	left: 0
}

.hh-carousel-slides-nav .next {
	right: 0
}

.hh-button {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-button.center,
.hh-button>a,
.hh-button>div.hh-not-link {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-button>a,
.hh-button>div.hh-not-link {
	color: #fff;
	cursor: pointer;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.625rem;
	overflow: hidden;
	padding: .3125rem 2.75rem .4375rem 1.25rem;
	position: relative;
	transition: none;
	transition: all .6s ease
}

.hh-button>a.border,
.hh-button>div.hh-not-link.border {
	border: .0625rem solid #ee3a43
}

.hh-button>a.bold,
.hh-button>div.hh-not-link.bold {
	font-weight: 700
}

.hh-button>a>div.area,
.hh-button>div.hh-not-link>div.area {
	display: block;
	height: 1.5rem;
	overflow: hidden;
	position: absolute;
	right: .75rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5rem
}

.hh-button>a div.icon,
.hh-button>div.hh-not-link div.icon {
	display: block
}

.hh-button>a div.icon span,
.hh-button>div.hh-not-link div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-down'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23ee3a43' d='M7.781 12.116 11 15.335V6.25h2v9.086l3.219-3.219 1.414 1.414L12 19.165l-5.633-5.634Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 1.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1;
	overflow: hidden;
	width: 1.5rem
}

.hh-button>a div.icon>div,
.hh-button>div.hh-not-link div.icon>div {
	transition: all .6s ease
}

.hh-button>a:hover,
.hh-button>div.hh-not-link:hover {
	background-color: #ee3a43;
	color: #fff
}

.hh-button>a:hover div.icon,
.hh-button>div.hh-not-link:hover div.icon {
	transform: translateY(-48px)
}

.hh-button>a:hover div.icon>span,
.hh-button>div.hh-not-link:hover div.icon>span {
	opacity: 0
}

.hh-button>a:hover div.icon>div,
.hh-button>div.hh-not-link:hover div.icon>div {
	transform: translateY(24px)
}

.hh-button>a:hover div.icon>div>span,
.hh-button>div.hh-not-link:hover div.icon>div>span {
	opacity: 1
}

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

	.hh-button>a,
	.hh-button>div.hh-not-link {
		width: 100%
	}
}

.hh-button>a.horizontal div.icon,
.hh-button>div.hh-not-link.horizontal div.icon {
	display: inline-block
}

.hh-button>a.horizontal div.icon span,
.hh-button>div.hh-not-link.horizontal div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E")
}

.hh-button>a.horizontal div.icon>div,
.hh-button>div.hh-not-link.horizontal div.icon>div {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-button>a.horizontal:hover div.icon,
.hh-button>div.hh-not-link.horizontal:hover div.icon {
	transform: translate(-24px, -24px)
}

.hh-button>a.horizontal:hover div.icon>div,
.hh-button>div.hh-not-link.horizontal:hover div.icon>div {
	transform: translateX(24px)
}

.hh-button>a.horizontal:hover div.icon>div>span,
.hh-button>div.hh-not-link.horizontal:hover div.icon>div>span {
	opacity: 1
}

.hh-button>a.opposite.horizontal>div.area div.icon span,
.hh-button>a.opposite>div.area div.icon span,
.hh-button>div.hh-not-link.opposite.horizontal>div.area div.icon span,
.hh-button>div.hh-not-link.opposite>div.area div.icon span {
	transform: rotate(270deg)
}

.hh-button>a.opposite:hover>div.area div.icon>div,
.hh-button>div.hh-not-link.opposite:hover>div.area div.icon>div {
	transform: translateY(-24px)
}

.hh-button>a.opposite:hover>div.area div.icon>div>span,
.hh-button>div.hh-not-link.opposite:hover>div.area div.icon>div>span {
	opacity: 1
}

.hh-button>a.opposite.horizontal>div.area div.icon span,
.hh-button>div.hh-not-link.opposite.horizontal>div.area div.icon span {
	transform: rotate(180deg)
}

.hh-button>a.opposite.horizontal>div.area div.icon>div,
.hh-button>div.hh-not-link.opposite.horizontal>div.area div.icon>div {
	transform: translateX(24px)
}

.hh-button>a.opposite.horizontal:hover>div.area div.icon>div,
.hh-button>div.hh-not-link.opposite.horizontal:hover>div.area div.icon>div {
	transform: translateY(0)
}

.hh-button>a.opposite.horizontal:hover>div.area div.icon>div>span,
.hh-button>div.hh-not-link.opposite.horizontal:hover>div.area div.icon>div>span {
	opacity: 1
}

.hh-button.solid>a,
.hh-button.solid>div.hh-not-link {
	background-color: #ee3a43
}

.hh-button.solid>a div.icon span,
.hh-button.solid>div.hh-not-link div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23fff' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	transform: rotate(90deg)
}

.hh-button.solid>a.horizontal div.icon span,
.hh-button.solid>div.hh-not-link.horizontal div.icon span {
	transform: none
}

.hh-button.primary>a,
.hh-button.primary>div.hh-not-link {
	border: none;
	color: #ee3a43
}

.hh-button.primary>a:hover,
.hh-button.primary>div.hh-not-link:hover {
	background-color: rgba(238, 58, 67, .04)
}

.hh-button.primary>a.border,
.hh-button.primary>div.hh-not-link.border {
	border: .0625rem solid #ee3a43
}

.hh-button.primary>a.border:hover,
.hh-button.primary>div.hh-not-link.border:hover {
	background-color: transparent
}

.hh-button.circle {
	-webkit-backdrop-filter: blur(.25rem);
	backdrop-filter: blur(.25rem)
}

.hh-button.circle,
.hh-button.circle>a,
.hh-button.circle>div.hh-not-link {
	align-items: center;
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-button.circle>a,
.hh-button.circle>div.hh-not-link {
	height: 2.25rem;
	padding-left: 0;
	padding-right: 0;
	width: 2.25rem
}

.hh-button.circle>a.border,
.hh-button.circle>div.hh-not-link.border {
	border: .0625rem solid hsla(0, 0%, 100%, .5)
}

.hh-button.circle>a:hover,
.hh-button.circle>div.hh-not-link:hover {
	background-color: transparent
}

.hh-button.circle>a div.icon span,
.hh-button.circle>div.hh-not-link div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23fff' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	transform: rotate(90deg)
}

.hh-button.circle>a>div.area,
.hh-button.circle>div.hh-not-link>div.area {
	position: relative;
	right: unset;
	top: unset;
	transform: unset
}

.hh-button.circle>a.horizontal div.icon span,
.hh-button.circle>div.hh-not-link.horizontal div.icon span {
	transform: unset
}

.hh-button.circle.primary>a div.icon span,
.hh-button.circle.primary>div.hh-not-link div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-down'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23ee3a43' d='M7.781 12.116 11 15.335V6.25h2v9.086l3.219-3.219 1.414 1.414L12 19.165l-5.633-5.634Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	transform: unset
}

.hh-button.circle.primary>a.horizontal div.icon span,
.hh-button.circle.primary>div.hh-not-link.horizontal div.icon span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	transform: unset
}

.hh-button.circle.primary>a.border,
.hh-button.circle.primary>div.hh-not-link.border {
	border: .0625rem solid rgba(238, 58, 67, .5)
}

.hh-button.circle.small>a,
.hh-button.circle.small>div.hh-not-link {
	height: 1.5rem;
	width: 1.5rem
}

.hh-button.square,
.hh-button.square>a,
.hh-button.square>div.hh-not-link {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-button.square>a,
.hh-button.square>div.hh-not-link {
	background-color: rgba(238, 58, 67, .58);
	height: 3rem;
	padding-left: 0;
	padding-right: 0;
	transition: all .6s ease;
	width: 3rem
}

.hh-button.square>a:hover,
.hh-button.square>div.hh-not-link:hover {
	background-color: #ee3a43
}

.hh-button-group {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

.hh-button-group .hh-button+.hh-button {
	margin-left: 1rem
}

.hh-button.no-hover>a:hover,
.hh-button.no-hover>div.hh-not-link {
	background-color: unset
}

.hh-news {
	align-items: center;
	display: flex;

	flex-direction: row;
	justify-content: center;
	position: relative;
	z-index: 20
}

.hh-news-inner {
	width: 100%
}

.hh-news-inner .hh-item-images-placeholder,
.hh-news-inner .hh-item-images-thumb {
	height: 14.375rem
}

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

	.hh-news-inner .hh-item-images-placeholder,
	.hh-news-inner .hh-item-images-thumb {
		height: 14.375rem
	}
}

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

	.hh-news-inner .hh-item-images-placeholder,
	.hh-news-inner .hh-item-images-thumb {
		height: 12.25rem
	}
}

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

	.hh-news-inner .hh-item-images-placeholder,
	.hh-news-inner .hh-item-images-thumb {
		height: 10.25rem
	}
}

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

	.hh-news-inner .hh-item-images-placeholder,
	.hh-news-inner .hh-item-images-thumb {
		height: 13.125rem
	}
}

.hh-news-header {
	align-items: center;
	border-bottom: .0625rem solid #17417e;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-news-header {
		align-items: flex-start;
		border-bottom: none;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-news-header-title {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 2rem;
	font-weight: 700;
	justify-content: center;
	line-height: 2.5rem;
	padding-bottom: .5rem;
	position: relative;
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-news-header-title {
		flex-direction: column;
		width: 100%
	}
}

.hh-news-header-title .title {
	position: relative
}

@media only screen and (max-width:768px) {
	.hh-news-header-title .title {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-size: 1.5rem;
		justify-content: flex-start;
		line-height: 2rem;
		width: 100%
	}
}

.hh-news-header-title .title:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.625rem;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 2rem
}

.hh-news-header-title .tabs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: 2rem
}

@media only screen and (max-width:768px) {
	.hh-news-header-title .tabs {
		border-bottom: .0625rem solid #17417e;
		justify-content: flex-start;
		margin-left: 0;
		margin-top: 2rem;
		width: 100%
	}
}

.hh-news-header-title .tabs .tab {
	align-items: center;
	color: #ee3a43;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	height: 2rem;
	justify-content: center;
	margin-right: .5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.hh-news-header-title .tabs .tab:hover {
	background-color: rgba(238, 58, 67, .04)
}

.hh-news-header-title .tabs .tab.active,
.hh-news-header-title .tabs .tab.active:hover {
	background-color: #ee3a43;
	color: #fff
}

@media only screen and (max-width:768px) {
	.hh-news-header-btn {
		bottom: .5rem;
		display: none;
		position: absolute;
		right: -.875rem
	}
}

.hh-news-items.has-header {
	margin-top: 1.5rem
}

.hh-news-card {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-news-card {
		-moz-column-gap: 0;
		column-gap: 0;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2rem
	}
}

.hh-news-item {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 100%
}

.hh-news-item>a {
	align-items: center;
	border-bottom: .0625rem solid #17417e;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1.5rem .75rem;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-news-item>a {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center
	}


	.hh-news-item>a .hh-button.circle {
		display: none
	}
}

.hh-news-item-text {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	white-space: pre-wrap;
	width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #fff
}

.hh-news-item-content {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

@media only screen and (max-width:768px) {
	.hh-news-item-content {
		flex-direction: column-reverse
	}
}

.hh-news-item-attr {
	margin-right: .5rem
}

@media only screen and (max-width:768px) {
	.hh-news-item-attr {
		margin-right: 0;
		margin-top: .5rem
	}
}

.hh-news-item-attr>span {
	color: #a5d6ff
}

.hh-news-item.list:hover {
	background-color: #8dc5ed33
}

.hh-news-item:hover .hh-news-item-line {
	width: 100%
}

.hh-news-item:hover .hh-news-item-thumb {
	height: 100%
}

@media only screen and (max-width:768px) {
	.hh-news-item:hover .hh-news-item-thumb {
		height: 13.125rem
	}
}

.hh-news-item:hover .hh-news-item-summary {
	max-height: 22.5rem
}

.hh-news-item:hover .hh-news-item-summary-info {
	opacity: 1
}

.hh-news-items.light .hh-news-item>a {
	border-bottom-color: #ccc
}

.hh-item-images {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

.hh-item-images-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	width: 100%
}

.hh-item-images-inner.center {
	margin: 0 auto
}

@media only screen and (max-width:768px) {
	.hh-item-images-inner {
		-moz-column-gap: 0;
		column-gap: 0;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2rem
	}
}

.hh-item-images-placeholder,
.hh-item-images-thumb {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	max-height: 100%;
	position: relative;
	width: 100%
}

.hh-item-images-placeholder>.hh-image {
	opacity: 0;
	visibility: hidden
}

.hh-item-images-thumb {
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	z-index: 10
}

.hh-item-images-thumb .btn {
	bottom: .875rem;
	opacity: 0;
	position: absolute;
	right: .75rem;
	transition: all .6s ease
}

.hh-item-images-item {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 100%
}

.hh-item-images-item.cursor-default {
	cursor: default
}

@media only screen and (min-width:768px) {
	.hh-item-images-item.hover:hover .hh-item-images-thumb {
		height: 100% !important
	}
}

@media only screen and (min-width:768px) and only screen and (max-width:768px) {
	.hh-item-images-item.hover:hover .hh-item-images-thumb {
		height: unset !important
	}
}

.hh-item-images-item.summary:hover .hh-item-images-line {
	width: 100%
}

.hh-item-images-item.summary:hover .hh-item-images-summary {
	max-height: 32.5rem
}

.hh-item-images-item.summary:hover .hh-item-images-summary-info {
	opacity: 1
}

.hh-item-images-item.single-hover .hh-item-images-placeholder {
	display: none
}

.hh-item-images-item.single-hover .hh-item-images-thumb {
	overflow: hidden;
	position: relative
}

.hh-item-images-item.single-hover .hh-item-images-thumb:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-item-images-item.single-hover .hh-item-images-thumb>img {
	transition: all .6s ease
}

.hh-item-images-item.single-hover:hover .hh-item-images-thumb:after {
	width: 100%
}

.hh-item-images-item.single-hover:hover .hh-item-images-thumb .btn {
	opacity: 1
}

.hh-item-images-item.single-hover:hover .hh-item-images-thumb>img {
	transform: scale(1.2)
}

@media only screen and (max-width:768px) {
	.hh-item-images-item.list-in-mobile {
		border-bottom: .0625rem solid #17417e;
		padding-bottom: 1.5rem;
		padding-left: .75rem;
		padding-right: .75rem
	}

	.hh-item-images-item.list-in-mobile .hh-item-images-placeholder,

	.hh-item-images-item.list-in-mobile .hh-item-images-thumb {
		display: none
	}

	.hh-item-images-item.list-in-mobile .hh-item-images-info .title {
		margin-top: 0
	}
}

.hh-item-images-line {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0;
	z-index: 30
}

@media only screen and (max-width:768px) {
	.hh-item-images-line {
		display: none;
		opacity: 0
	}
}

.hh-item-images-info .title {
	color: #fff;
	display: -webkit-box;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.75rem;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-item-images-info .title {
		height: auto
	}
}

.hh-item-images-info .cates,
.hh-item-images-info .date {
	color: #a5d6ff;
	font-size: 1rem;
	margin-top: .25rem
}

.hh-item-images-info .attrs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-item-images-inner.center .hh-item-images-btn {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-item-images-summary {
	background: transparent linear-gradient(270deg, #17417e, #0c213f) 0 0 no-repeat padding-box;
	bottom: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	max-height: 0;
	opacity: .9;
	overflow: hidden;
	position: absolute;
	transition: all .6s ease;
	width: 100%;
	z-index: 20
}

@media only screen and (max-width:768px) {
	.hh-item-images-summary {
		display: none;
		opacity: 0
	}
}

.hh-item-images-summary-info {
	margin: 1.5rem;
	max-height: calc(100% - 5.5rem);
	min-height: 3rem;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all .6s ease
}

.hh-item-images-summary-info::-webkit-scrollbar {
	display: none
}

.hh-item-images-summary-info .title {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	margin-bottom: .5rem
}

.hh-item-images-summary-info .date {
	bottom: 1.5rem;
	color: #a5d6ff;
	font-size: 1rem;
	left: 1.5rem;
	position: absolute
}

.hh-item-images-summary-info .intro {
	font-size: 1.125rem
}

@media only screen and (max-width:1399px) {
	.hh-item-images-summary-info .intro {
		font-size: 1rem
	}
}

.hh-item-images-summary-info .btn {
	bottom: .875rem;
	position: absolute;
	right: .75rem
}

.hh-recruit {
	background-color: #011e4d;
	height: 100%;
	min-height: 40vw;
	position: relative;
	width: 100%;
	z-index: 1000
}

@media only screen and (max-width:768px) {
	.hh-recruit {
		padding-bottom: 8rem;
		padding-top: 4rem
	}
}

@media only screen and (max-width:992px) {
	.hh-recruit {
		padding-bottom: 4rem;
		padding-top: 4rem
	}
}

.hh-recruit .hh-content-inner {
	background: transparent;
	z-index: 30
}

.hh-recruit-inner {
	margin-bottom: 0;
	min-height: 40vw;
	position: relative
}

@media only screen and (max-width:768px) {
	.hh-recruit-inner {
		margin-bottom: 0
	}
}

.hh-recruit-inner .hh-content-inner-wrapper {
	z-index: 30
}

.hh-recruit-inner .desc {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.5rem;
	margin-bottom: 3rem;
	margin-top: 3rem
}

@media only screen and (max-width:1399px) {
	.hh-recruit-inner .desc {
		margin-bottom: 2rem;
		margin-top: 2rem
	}
}

@media only screen and (max-width:768px) {
	.hh-recruit-inner .desc {
		display: none
	}
}

.hh-recruit-inner .btn {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 1.5rem
}

.hh-recruit-inner .btn .chlid-btn {
	margin-left: 1.5rem
}

.hh-recruit-video {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.hh-recruit-video .mask {
	background: linear-gradient(180deg, #011e4d 0, rgba(0, 10, 26, .2) 50%, rgba(0, 10, 26, 0));
	height: 18.125rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20
}

.hh-recruit-video video {
	bottom: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.hh-item-icons {
	margin: 0 auto;
	max-width: 80rem;
	overflow: hidden;
	width: 100%
}

.hh-item-icons,
.hh-item-icons-inner {
	position: relative
}

.hh-item-icons-inner .hh-title {
	margin-bottom: 2.75rem
}

@media only screen and (max-width:1320px) {
	.hh-item-icons-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-item-icons-inner {
		padding-left: 0;
		padding-right: 0
	}
}

.hh-item-icons-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	width: 100%
}

.hh-item-icons-icon {
	background: rgba(50, 76, 187, .56);
	height: 100%;
	position: relative;
	width: 100%
}

.hh-item-icons-icon:hover .title {
	color: #fff
}

.hh-item-icons-item {
	overflow: hidden;
	position: relative
}

.hh-item-icons-item img {
	transition: all .6s ease
}

.hh-item-icons-info {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-item-icons-info .icon {
	align-items: flex-start;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	flex-direction: row;
	height: 3rem;
	justify-content: center;
	margin-bottom: 1rem;
	transition: all .6s ease;
	width: 4.25rem
}

.hh-item-icons-info .title {
	color: #a5d6ff;
	font-size: 1.125rem;
	text-align: center;
	transition: all .6s ease
}

.hh-item-icons-hover-bg {
	background: transparent
}

.hh-item-icons-hover-bg:hover img {
	transform: scale(1.2)
}

@media only screen and (max-width:768px) {
	.hh-item-icons-hover-bg:hover img {
		transform: none
	}
}

.hh-item-icons-hover-icon:hover .hh-item-icons-info>.icon {
	transform: scale(1.2)
}

@media only screen and (max-width:768px) {
	.hh-item-icons-hover-icon:hover .hh-item-icons-info>.icon {
		transform: none
	}
}

.hh-item-icons-hover-underline:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-item-icons-hover-underline:hover:after {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-content-inner+.hh-item-icons .hh-item-icons-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-medias,
.hh-medias-items {
	position: relative
}

.hh-medias-items-title {
	color: #8e8e8e;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	margin-bottom: 2rem
}

@media only screen and (max-width:768px) {
	.hh-medias-items-title {
		margin-bottom: 1.5rem
	}
}

.hh-medias-items-focus {
	align-items: normal;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	overflow: hidden;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-focus {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-medias-items-focus-thumb {
	width: 66%
}

.hh-medias-items-focus-info {
	padding-bottom: 1.5rem;
	position: relative;
	width: 30%
}

.hh-medias-items-focus-info .title {
	color: #333;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem
}

@media only screen and (max-width:768px) {
	.hh-medias-items-focus-info .title {
		font-size: 1.125rem;
		line-height: 1.75rem;
		margin-top: .5rem
	}
}

.hh-medias-items-focus-info .intro {
	color: #333;
	display: -webkit-box;
	font-size: 1.125rem;
	line-height: 1.75rem;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-focus-info .intro {
		margin-bottom: .5rem;
		margin-top: .5rem
	}
}

.hh-medias-items-focus-info .date {
	bottom: 0;
	color: #8e8e8e;
	font-size: 1rem;
	left: 0;
	line-height: 1rem;
	position: absolute
}

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

	.hh-medias-items-focus-info,
	.hh-medias-items-focus-thumb {
		width: 100%
	}
}

.hh-medias-items-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list {
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem
	}
}

.hh-medias-items-list-1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-3 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-4 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-5 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-6 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-7 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-7 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-8 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-8 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-9 {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-9 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-10 {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-10 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-11 {
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-11 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-12 {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-12 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-13 {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-13 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-14 {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-14 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-15 {
	display: grid;
	grid-template-columns: repeat(15, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-15 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-16 {
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-16 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-17 {
	display: grid;
	grid-template-columns: repeat(17, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-17 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-18 {
	display: grid;
	grid-template-columns: repeat(18, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-18 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-19 {
	display: grid;
	grid-template-columns: repeat(19, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-19 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-items-list-20 {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-items-list-20 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-medias-item {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-medias-item-thumb {
	width: 100%
}

.hh-medias-item-title {
	color: #333;
	display: -webkit-box;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 2rem;
	margin-top: 1rem;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	width: 100%
}

.hh-medias-item-title.has-download {
	height: 4rem;
	margin-bottom: 1rem
}

@media only screen and (max-width:768px) {
	.hh-medias-item-title.has-download {
		height: unset
	}

	.hh-medias-item-title {
		font-size: 1rem;
		line-height: 1.75rem;
		margin-top: .5rem
	}
}

.hh-medias-item-files {
	position: relative;
	width: 100%
}

.hh-medias-item-files-download {
	border-bottom: .0625rem solid #d9d9d9;
	border-width: .0625rem medium;
	border-top: .0625rem solid #d9d9d9;
	color: #333;
	font-size: 1.125rem;
	padding: 1.5rem 2rem 1.5rem .5rem
}

@media only screen and (max-width:768px) {
	.hh-medias-item-files-download {
		padding-bottom: 1rem;
		padding-top: 1rem
	}
}

.hh-medias-item-files-download:before {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-medias-item-files-download:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-chevron-down'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23333' d='M6.367 10.414 7.781 9 12 13.219 16.219 9l1.414 1.414L12 16.047Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-top: -.75rem;
	position: absolute;
	right: 0;
	top: 50%;
	transition: all .6s ease;
	width: 1.5rem
}

.hh-medias-item-files-download.ant-popover-open:before {
	width: 100%
}

.hh-medias-item-files-download.ant-popover-open:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23ee3a43' d='M6.367 10.414 7.781 9 12 13.219 16.219 9l1.414 1.414L12 16.047Z' data-name='Union 25'/%3E%3C/svg%3E");
	transform: rotate(180deg)
}

.hh-medias-item-files .ant-popover {
	width: 100%
}

.hh-medias-item-files .ant-popover-inner {
	padding: 0
}

.hh-medias-item-files .ant-popover-arrow {
	display: none
}

.hh-medias-item-files .ant-popover-placement-bottom {
	padding-top: 0
}

.hh-medias-item-files-inner {
	margin-top: -.125rem
}

.hh-medias-item-files-inner>a {
	color: #333;
	display: block;
	font-size: 1.125rem;
	overflow: hidden;
	padding: 1.5rem 1rem;
	text-overflow: ellipsis;
	transition: all .2s ease;
	white-space: nowrap;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-medias-item-files-inner>a {
		padding-bottom: 1rem;
		padding-top: 1rem
	}
}

.hh-medias-item-files-inner>a:hover {
	background: rgba(238, 58, 67, .05);
	font-weight: 700
}

.hh-medias-item-thumb,
.hh-medias-items-focus-thumb {
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.hh-medias-item-thumb .mask,
.hh-medias-items-focus-thumb .mask {
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	cursor: pointer;
	height: 0;
	left: 0;
	position: absolute;
	transition: all .6s ease;
	width: 100%;
	z-index: 10
}

.hh-medias-item-thumb .icon,
.hh-medias-items-focus-thumb .icon {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20
}

.hh-medias-item-thumb .icon:after,
.hh-medias-items-focus-thumb .icon:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41'%3E%3Cg transform='translate(.5 .5)'%3E%3Ccircle cx='20' cy='20' r='20' fill='none' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M15.352 27.764V12.236L28.8 20Zm2-12.065v8.6l7.448-4.3Z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2.5rem;
	justify-content: center;
	opacity: 0;
	transition: all .6s ease;
	width: 2.5rem
}

.hh-medias-item-thumb:after,
.hh-medias-items-focus-thumb:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0;
	z-index: 30
}

.hh-medias-item-thumb:hover .mask,
.hh-medias-items-focus-thumb:hover .mask {
	height: 100%
}

.hh-medias-item-thumb:hover .icon:after,
.hh-medias-items-focus-thumb:hover .icon:after {
	opacity: 1
}

.hh-medias-item-thumb:hover:after,
.hh-medias-items-focus-thumb:hover:after {
	width: 100%
}

.hh-item-text {
	position: relative
}

.hh-item-text-inner {
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-text-inner {
		background-image: unset !important
	}
}

.hh-item-text-inner .hh-item-text {
	margin-left: .5rem
}

.hh-item-text-marker {
	background: #ee3a43;
	height: .25rem;
	margin-left: .5rem;
	margin-right: 1rem;
	min-width: .25rem;
	width: .25rem
}

.hh-item-text-item {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-item-text-item .info {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.125rem;
	line-height: 2rem;
	word-break: break-word
}

.hh-item-text-item .info a {
	word-break: break-all
}

.hh-item-text-title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	margin-bottom: 1rem
}

.hh-item-text-thumb {
	margin-bottom: 1rem
}

.hh-item-text-list-title {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: flex-start;
	line-height: 2rem;
	margin-bottom: .5rem;
	width: 100%
}

.hh-item-text-list-title-marker {
	margin-right: .5rem
}

.hh-item-text-list-title.center {
	align-items: center
}

.hh-item-text-list-intro,
.hh-item-text-list-title.center {
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-item-text-list-intro {
	align-items: flex-start;
	font-size: 1.125rem;
	line-height: 1.75rem
}

.hh-item-text-list-intro .marker {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: .5rem;
	margin-right: 1rem
}

.hh-item-text-list-intro .marker .circle {
	border-radius: 50%
}

.hh-item-text-list-intro .square {
	background: #ee3a43;
	height: .25rem;
	width: .25rem
}

.hh-item-text-list-intro a {
	color: #17417e
}

.hh-item-text-list-intro+.hh-item-text {
	margin-top: .25rem
}

.hh-item-text-list-children {
	margin-top: 1rem
}

.hh-item-text-type-list .hh-item-text-item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-item-text-caption .hh-item-text {
	margin-left: 0;
	margin-top: 1.5rem
}

.hh-item-text-core-values>.hh-item-text-inner>.hh-description .hh-description-detail {
	font-size: 1.5rem !important
}

@media only screen and (max-width:768px) {
	.hh-item-text-core-values>.hh-item-text-inner>.hh-description .hh-description-detail {
		font-size: 1.25rem !important
	}
}

.hh-item-info,
.hh-item-info-inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-item-info-item {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 3rem;
	width: 100%
}

.hh-item-info-item:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:768px) {
	.hh-item-info-item {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 2rem
	}
}

.hh-item-info-item .thumb {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-right: 3rem;
	max-width: 20rem;
	min-width: 20rem;
	position: relative;
	width: 20rem
}

@media only screen and (max-width:768px) {
	.hh-item-info-item .thumb {
		margin-bottom: .75rem;
		margin-right: 0;
		max-width: 100%;
		min-width: 100%;
		width: 100%
	}
}

.hh-item-info-item .thumb .btns {
	align-items: center;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	left: calc(100% + 48px);
	position: absolute
}

.hh-item-info-item .thumb .btns .hh-button {
	margin-right: 1rem
}

.hh-item-info-item .thumb .btns .hh-button:last-child {
	margin-right: 0
}

.hh-item-info-item .thumb .btns .hh-button>a {
	white-space: nowrap
}

.hh-item-info-item .info {
	color: #333;
	margin-top: -.375rem
}

@media only screen and (max-width:768px) {
	.hh-item-info-item .info {
		margin-top: 0
	}
}

.hh-item-info-item .info .title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: .5rem
}

@media only screen and (max-width:768px) {
	.hh-item-info-item .info .title {
		font-size: 1.125rem
	}
}

.hh-item-info-item .info .title .sub {
	font-size: 1.125rem
}

.hh-item-info-item .info .intro {
	font-size: 1.125rem;
	line-height: 2rem
}

.hh-item-info-item .info .btns {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 1.5rem;
	width: 100%
}

.hh-item-info-item .info .btns .hh-button+.hh-button {
	margin-left: 1rem
}

@media only screen and (max-width:768px) {
	.hh-item-info-item .info .btns {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.hh-item-info-item .info .btns .hh-button+.hh-button {
		margin-left: 0;
		margin-top: 1rem
	}
}

.hh-item-list,
.hh-item-list-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-item-list-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-item-list-item {
	border-bottom: .0625rem solid #ccc;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-list-item {
		border-bottom: none;
		margin-bottom: 1rem;
		padding-bottom: 1rem
	}
}

.hh-item-list-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 50%;
	left: 0;
	position: absolute;
	transform: translateX(-50%);
	transform: unset;
	transition: all .6s ease;
	width: 0
}

.hh-item-list-item:hover:after {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-list-item:hover:after {
		width: 0
	}
}

@media only screen and (max-width:992px) {
	.hh-item-list-item:hover:after {
		width: 0
	}
}

@media only screen and (max-width:1023px) {
	.hh-item-list-item:hover:after {
		width: 0
	}
}

.hh-item-list-item>a {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-list-item>a {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-item-list-item .thumb {
	align-items: center;
	background-color: #f1f1f1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-right: 3rem;
	max-width: 20rem;
	min-height: 12.5rem;
	min-width: 20rem;
	position: relative;
	transition: all .6s ease;
	width: 20rem
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .thumb {
		max-width: 100%;
		min-height: unset;
		min-width: 100%;
		width: 100%
	}
}

.hh-item-list-item.dark .thumb {
	background-color: #011e4d
}

.hh-item-list-item .info {
	color: #333;
	margin-top: .5rem;
	overflow: hidden;
	position: relative
}

.hh-item-list-item .info .title {
	display: -webkit-box;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .info .title {
		font-size: 1.125rem;
		line-height: 1.75rem;
		text-overflow: unset;
		white-space: unset
	}
}

.hh-item-list-item .info .intro {
	display: -webkit-box;
	font-size: 1.125rem;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .info .intro {
		display: none
	}
}

.hh-item-list-item .date {
	align-items: center;
	bottom: 0;
	color: #8e8e8e;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: center;
	left: calc(100% + 48px);
	line-height: 1rem;
	position: absolute
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .date {
		display: none
	}
}

.hh-item-list-item .time {
	display: none
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .time {
		color: #333;
		display: block;
		font-size: 1rem
	}
}

.hh-item-list-item .more {
	bottom: 1.5rem;
	position: absolute;
	right: 0
}

.hh-item-list-item .more .hh-button>a {
	padding-bottom: 0;
	padding-top: 0
}

.hh-item-list-item .more .hh-button>a:hover {
	background-color: transparent
}

@media only screen and (max-width:768px) {
	.hh-item-list-item .more .hh-button {
		display: none
	}
}

@media only screen and (max-width:992px) {
	.hh-item-list-item .more .hh-button {
		display: none
	}
}

@media only screen and (max-width:1023px) {
	.hh-item-list-item .more .hh-button {
		display: none
	}
}

.hh-item-detail {
	position: relative
}

.hh-item-detail-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem
}

@media only screen and (max-width:1320px) {
	.hh-item-detail-inner {
		padding-top: .5rem
	}
}

.hh-item-detail-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-detail-items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1.5rem;
		width: 100%
	}
}

.hh-item-detail-items.whole {
	margin: 0 auto;
	max-width: 80rem;
	padding-left: 5rem;
	padding-right: 5rem
}

@media only screen and (max-width:1320px) {
	.hh-item-detail-items.whole {
		max-width: 100%;
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-item-detail-items.whole {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-item-detail-item,
.hh-item-detail-item .thumb {
	overflow: hidden;
	position: relative
}


.hh-item-detail-item .thumb {
	cursor: pointer
}

.hh-item-detail-item .thumb .btn {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: .0625rem solid hsla(0, 0%, 100%, .32);
	border-radius: 50%;
	bottom: .875rem;
	height: 2.25rem;
	position: absolute;
	right: .75rem;
	width: 2.25rem
}

.hh-item-detail-item .thumb .btn,
.hh-item-detail-item .thumb .btn:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transition: all .6s ease
}

.hh-item-detail-item .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23fff' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5rem;
	width: 1.5rem
}

.hh-item-detail-item .thumb .hh-image>img {
	transition: all .6s ease
}

.hh-item-detail-item .thumb:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-item-detail-item .thumb:hover:after {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-item-detail-item .thumb:hover:after {
		width: 0
	}
}

@media only screen and (min-width:768px) {
	.hh-item-detail-item .thumb:hover .hh-image>img {
		transform: scale(1.2)
	}
}

.hh-item-detail-item .hover {
	height: 100%;
	position: relative;
	width: 100%
}

.hh-item-detail-item .hover .btn {
	opacity: 0
}

.hh-item-detail-item .hover:hover .btn {
	border-color: #ee3a43;
	opacity: 1
}

.hh-item-detail-item .hover:hover .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-item-detail-item .title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .6s ease;
	white-space: nowrap;
	width: 100%
}

.hh-item-detail-item.active .thumb:after {
	width: 100%
}

@media only screen and (min-width:768px) {
	.hh-item-detail-item.active .thumb .hh-image>img {
		transform: scale(1.2)
	}
}

.hh-item-detail-item.active .thumb .btn {
	background: #ee3a43;
	border-color: #ee3a43;
	opacity: 1
}

.hh-item-detail-item.active .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	transform: rotate(270deg) translateX(1px)
}

.hh-item-detail-item.active .title {
	color: #17417e !important
}

.hh-item-detail-item.active .hh-key-action-item-block.can-click {
	background: #17417e;
	color: #fff
}

.hh-item-detail-item.active .hh-key-action-item-block.can-click:after {
	width: 100%
}

.hh-item-detail-item.active .hh-key-action-item-block.can-click .btn {
	background: #ee3a43;
	border-color: #ee3a43
}

.hh-item-detail-item.active .hh-key-action-item-block.can-click .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	transform: rotate(270deg) translateX(1px)
}

.hh-item-detail-content {
	background: #f2f4f5;
	overflow: hidden;
	position: relative;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-item-detail-content {
		margin-left: -1.25rem;
		width: calc(100% + 40px)
	}
}

.hh-item-detail-content-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem;
	overflow: hidden;
	padding-left: 5rem;
	padding-right: 5rem;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-item-detail-content-inner {
		max-width: 100%;
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-item-detail-content-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-item-detail-content-inner {
		padding-left: 0;
		padding-right: 0
	}
}

.hh-item-detail-content-inner>.ant-row {
	position: relative;
	width: 100%
}

.hh-item-detail-whole .hh-item-detail-content {
	margin-top: 3rem
}

@media only screen and (max-width:1320px) {
	.hh-item-detail-whole .hh-item-detail-content {
		margin-left: 0;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	.hh-item-detail-whole .hh-item-detail-content {
		margin-top: 1.5rem
	}
}

.hh-item-detail-whole {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	width: 100%
}

.hh-item-detail-whole .hh-item-detail-item.active .title {
	color: #a5d6ff !important
}

.hh-item-detail-close {
	cursor: pointer;
	width: 100%
}

.hh-item-detail-close,
.hh-item-detail-close>i {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-item-detail-close>i {
	border-radius: 50%;
	height: 2.25rem;
	overflow: hidden;
	transition: all .6s ease;
	width: 2.25rem
}

.hh-item-detail-close>i:hover {
	background-color: rgba(238, 58, 67, .16)
}

.hh-item-detail-close>i:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23ee3a43' d='m17.634 14.634-1.414 1.414-4.219-4.219-4.219 4.219-1.414-1.414 5.633-5.633Z' data-name='Union 25'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-item-detail-reflection {
	position: relative;
	width: 100%
}

.hh-sticky {
	position: relative
}

.hh-sticky-gift {
	align-items: center;
	background-image: url(sticker.D0lr2X3N.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 10%;
	display: flex;
	flex-direction: row;
	height: 5rem;
	justify-content: center;
	position: fixed;
	right: 1rem;
	transition: all .6s ease;
	width: 16.25rem;
	z-index: 1000
}

.hh-sticky-gift-inner {
	height: 100%;
	position: relative;
	width: 100%
}

.hh-sticky-gift-inner>a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	width: 100%
}

.hh-sticky-gift-inner>a .icon {
	height: 5.125rem;
	position: absolute;
	top: -1.25rem;
	transition: all .6s ease;
	width: 5.625rem;
	z-index: 10
}

.hh-sticky-gift-inner>a .icon.left {
	left: .75rem
}

.hh-sticky-gift-inner>a .icon.right {
	right: .75rem
}

.hh-sticky-gift-inner:hover>a .icon {
	transform: scale(1.1)
}

.hh-sticky-action {
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	position: fixed;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000
}

.hh-sticky-action,
.hh-sticky-action-item {
	background-color: #2539a0;
	transition: all .6s ease
}

.hh-sticky-action-item {
	align-items: center;
	border-bottom: .0625rem solid rgba(1, 30, 77, .7);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: .75rem;
	position: relative
}

.hh-sticky-action-item:last-child {
	border-bottom: none
}

.hh-sticky-action-item:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23fff' d='M23.63 11.066A3.5 3.5 0 0 0 20.5 6 5.16 5.16 0 0 0 16 9.129 5.16 5.16 0 0 0 11.5 6a3.5 3.5 0 0 0-3.13 5.066A3.01 3.01 0 0 0 6 14v12h20V14a3.01 3.01 0 0 0-2.37-2.934M20.5 8a1.5 1.5 0 0 1 0 3h-3.154c.47-1.241 1.441-3 3.154-3m-9 0c1.713 0 2.684 1.759 3.154 3H11.5a1.5 1.5 0 0 1 0-3M24 24H8v-2h16Zm0-4H8v-6a1 1 0 0 1 1-1h5.233l-2.09 3.485-.006.015h2.329L16 13.944l1.534 2.556h2.329l-.006-.015L17.767 13H23a1 1 0 0 1 1 1Z' data-name='Path 31749'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	width: 2rem
}

.hh-sticky-action-item.feedback:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23fff' d='M20.019 25.891H3.636V14.454a8.36 8.36 0 0 1 8.346-8.346h8.037a8.36 8.36 0 0 1 8.346 8.346v3.091a8.36 8.36 0 0 1-8.346 8.346M5.491 24.036h14.528a6.506 6.506 0 0 0 6.491-6.491v-3.091a6.5 6.5 0 0 0-6.491-6.491h-8.037a6.5 6.5 0 0 0-6.491 6.491Z'/%3E%3Cpath fill='%23fff' d='M11.222 17.612a1.6 1.6 0 0 1-1.615-1.615 1.67 1.67 0 0 1 .468-1.147 1.69 1.69 0 0 1 2.293 0l.194.242a1.2 1.2 0 0 1 .145.291 1 1 0 0 1 .1.291 2.4 2.4 0 0 1 .032.323 2.4 2.4 0 0 1-.032.323 1 1 0 0 1-.1.291.9.9 0 0 1-.145.275c-.065.1-.129.178-.194.258a1.7 1.7 0 0 1-1.146.468'/%3E%3Cpath fill='%23fff' d='M16 17.615a1.6 1.6 0 0 1-.615-.13 1.7 1.7 0 0 1-.533-.339A1.7 1.7 0 0 1 14.385 16a1.6 1.6 0 0 1 .129-.615 1.46 1.46 0 0 1 .871-.871 1.5 1.5 0 0 1 .921-.1 1 1 0 0 1 .307.1.9.9 0 0 1 .275.145 1.5 1.5 0 0 1 .258.194 1.7 1.7 0 0 1 .339.532 1.6 1.6 0 0 1 .129.614 1.7 1.7 0 0 1-.468 1.147 1.5 1.5 0 0 1-.258.194.9.9 0 0 1-.275.145 1 1 0 0 1-.307.1 2 2 0 0 1-.306.03M20.778 17.614a2 2 0 0 1-.307-.032 1 1 0 0 1-.308-.096 1.2 1.2 0 0 1-.291-.145l-.242-.194a1.67 1.67 0 0 1-.467-1.148 1.6 1.6 0 0 1 .129-.613 1.9 1.9 0 0 1 .339-.533l.242-.194a1.2 1.2 0 0 1 .29-.146 1 1 0 0 1 .307-.1 1.67 1.67 0 0 1 1.454.436 1.7 1.7 0 0 1 .468 1.147 2.4 2.4 0 0 1-.032.323 1 1 0 0 1-.1.291 1.2 1.2 0 0 1-.145.291l-.194.242a1.7 1.7 0 0 1-1.143.471' data-name='dot'/%3E%3C/svg%3E")
}

.hh-sticky-action-item.back2top:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M7 9h18' data-name='Line 115'/%3E%3Cpath stroke='%23fff' stroke-width='2' d='m7 23 7.847-7.462a1.88 1.88 0 0 1 2.631 0L25 22.692' data-name='Path 31750'/%3E%3Cpath d='M0 0h32v32H0z' data-name='Rectangle 17030'/%3E%3C/g%3E%3C/svg%3E")
}

@media only screen and (min-width:1025px) {
	.hh-sticky-action-item:hover {
		background-color: rgba(18, 43, 117, .7)
	}

	.hh-sticky-action-item:hover.feedback:before {
		display: none
	}

	.hh-sticky-action-item:hover.frequently:before {
		display: block
	}
}

.hh-sticky-action-item-hover {
	position: absolute;
	right: calc(100% + 8px);
	text-shadow: 0 0 .5rem rgba(0, 0, 0, .8);
	top: 50%;
	transform: translateY(-50%);
	transition: all .6s ease;
	white-space: nowrap
}

.hh-sticky-action-item-hover.gift {
	padding-right: .5rem;
	right: 100%;
	width: 16.75rem
}

.hh-sticky-action-item-hover.gift:hover .gift>a>span {
	transform: scale(1.1)
}

.hh-sticky-action-item-hover.feedback {
	padding-right: .5rem;
	right: 100%
}

@media only screen and (max-width:768px) {
	.hh-sticky-action-item-hover.feedback {
		display: none;
		line-height: 1.75rem;
		max-width: 100vw;
		white-space: normal;
		width: calc(100vw - 100px)
	}
}

@media only screen and (max-width:992px) {
	.hh-sticky-action-item-hover.feedback {
		display: none
	}
}

.hh-sticky-action-item-hover .gift {
	align-items: center;
	background-image: url(sticker.D0lr2X3N.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 5rem;
	justify-content: center;
	position: relative;
	transition: all .6s ease;
	width: 16.25rem
}

.hh-sticky-action-item-hover .gift>a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-sticky-action-item-hover .gift>a>span {
	height: 5.125rem;
	position: absolute;
	right: .75rem;
	top: -1.25rem;
	transition: all .6s ease;
	width: 5.625rem;
	z-index: 10
}

.hh-sticky-action-item-hover .gift>a>span:before {
	align-items: center;
	background-image: url(gift-dark.CdgdIMzU.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 5.125rem;
	justify-content: center;
	width: 5.625rem
}

.hh-sticky-action-item-hover .feedback {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-sticky-action-item-hover .feedback .lottie {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-sticky-action-item-hover .feedback .lottie>span {
	margin-left: .5rem;
	text-shadow: 0 0 .5rem rgba(0, 0, 0, .8)
}

.hh-sticky-banner {
	background-image: url(sticker-bg-m.Bk2NMq7w.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: -.0625rem;
	height: 3.75rem;
	left: 0;
	overflow: hidden;
	position: fixed;
	transition: all .6s ease;
	z-index: 1000
}

.hh-sticky-banner,
.hh-sticky-banner .info {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%
}

.hh-sticky-banner .info {
	cursor: pointer;
	height: 100%;
	padding-left: 2.5rem;
	padding-right: 3rem;
	position: relative
}

@media only screen and (max-width:768px) {
	.hh-sticky-banner .info {
		justify-content: flex-start;
		padding-left: 1.25rem
	}
}

.hh-sticky-banner .info .icon {
	align-items: center;
	background-image: url(gift-dark.CdgdIMzU.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	flex-direction: row;
	height: 2.5rem;
	justify-content: center;
	min-width: 2.5rem;
	width: 2.5rem
}

.hh-sticky-banner .info .text {
	color: #f8cd8d;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-left: .75rem;
	max-height: 3rem;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%
}

.hh-sticky-banner .info .text::-webkit-scrollbar {
	display: none
}

.hh-sticky-banner video {
	border: none;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.hh-sticky-banner .close {
	background: linear-gradient(0deg, #01163b, #01163b), linear-gradient(0deg, #223454, #223454);
	border: .0625rem solid #223454;
	border-radius: 1.5rem;
	cursor: pointer;
	height: 1.5rem;
	position: absolute;
	right: 1rem;
	width: 1.5rem
}

.hh-sticky-banner .close,
.hh-sticky-banner .close:before {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-sticky-banner .close:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m12 13.776-6.223 6.223L4 18.216l6.219-6.219L4 5.775l1.777-1.776L12 10.22l6.223-6.221L20 5.775l-6.223 6.222L20 18.216l-1.777 1.783Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	width: 1rem
}

.hh-sticky-icon {
	display: none;
	height: 3rem;
	position: fixed;
	right: 6.75rem;
	top: .625rem;
	width: 3rem;
	z-index: 1100
}

.hh-sticky-icon>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-sticky-icon>a>div.gift {
	height: 3rem;
	position: relative;
	width: 3rem
}

.hh-sticky-icon>a>div.gift:before {
	align-items: center;
	background-image: url(gift-dark.CdgdIMzU.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: "";
	display: flex;
	flex-direction: row;
	height: 3rem;
	justify-content: center;
	width: 3rem
}

.hh-sticky-icon>a>div.star {
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: hh-anim-star-flash;
	animation-timing-function: linear;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' data-name='Group 16254'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Rectangle 11373'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='none' d='m12 0-1.194 10.807L0 12l10.806 1.194L12 24l1.193-10.806L24 12l-10.807-1.193Z' data-name='Path 17553'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='none' d='M5.008 5.008 12 10.609l6.992-5.6L13.391 12l5.6 6.992L12 13.391l-6.992 5.6L10.609 12Z' data-name='Path 17554'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath fill='none' d='m12 5.679 1.267 5.054L18.321 12l-5.054 1.267L12 18.321l-1.267-5.054L5.679 12l5.054-1.267Z' data-name='Path 17555'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 16253'%3E%3Cg data-name='Group 16248'%3E%3Cg clip-path='url(%23b)' data-name='Group 16247'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADB/VeXAAACUUlEQVRIDbXW224TQRCE4ZgQzmdxwfs/HbdAgABJTH+r/S3jLBE3jFSZ3Zmequ7qWSu7/X5/9j/Hw38gF3MxOB88GOwGsrod3Ax+Da4Hm+M+AXtPBo8HjwZETgWQ/xz8GFwN7gj9TeDpBMOzdSYAqqgC2SOH74Nv6+z5MLYEkL4YPF9nQlUiPgHZlrl9FbZPbBmnAsiQvxq8XJ+9J4AkAfYkcDnPuFRo6NFSybGAZwIyR/56QKhq7J0KIPm6rkfOOtUtzT8WkGX2VAUR8G5PwzXaDZI9K6xtkevNZQJmgbLMJqTI36yz98hkSSBr5vFwZbNNdVcJKL2bohKoyUTeDthlTbYEsmYeF0sQI3U2rosEHEpEllWTZcjfDfTGYeWLMXiNOLusi8F3ngBfgZA1m5BYjX8/a0S7htkkrjPO41k4/TFcvS0k6oCskH9YZ+/WI9s6v0vAvd1Cvzd9tTL/ODCzyTqI2zq/zyIBkXWH+5DYoKF5Xg++rOv2Qfxy92dO9DYBCzZl1YEa5yry17DHEvFEPw/sq0h8Z/Hgu0kgcht+FaGsj2OQJYDM+6d1Ft9ZPItIh/vh6h6XNTLDvj026Rs7Ccj8WMSzuKq5TmDWFnUH2GE9cnZEZu/4xw6RzBFnl2c8qlmIzEZZnpKzr+xPBQgjQgo1Xjy+PwS825ChIfOs8/mzh3gVtEfAOQJV430Zxxa1pjx3GoHsEbiafVgJSKBmInTOfCCf57PdPf9VEC9z5OzR4AQ0utuXVYsts34Y9wkURAi5pp8KqILIHeJZW8Zvr6P0gBfvzhoAAAAASUVORK5CYII=' width='24' height='24' data-name='Rectangle 11370'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 16250'%3E%3Cg clip-path='url(%23c)' data-name='Group 16249'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADqADAAQAAAABAAAADgAAAACeOBvAAAABD0lEQVQoFZ3S2UoDQRCF4YlRgwsoCsYIucid7/80voEoKIYYY4xhPB9OCZEBwYZ/qqeWrqV70LZt85+13xM0iu4kkMOwDeuw7GRE0/wOPIvuIpyHo87+GbkKL+E5zMNOoKDrMA6X4TQchE14DU/hMFjzyqgsmQTdhEmQlV6ZstlbH+G9AvXEUSZB03AVjsNbeAyWQxZhJ6OelOcAQbOgCn1ZAtj5jfbysUxPdj0pSSZBt530T8/Ob1iBRm56BqEc5cl010n/9Oz8ttUjpZGbnkFUTw/ZV4/07PzWFehyGYy8pqcne4ey3Qd2+2UFMiqt7sl/3z2qgN9Pxuy/X0Ske5LN9Bzc+3IGPY9ceX++1S9iH1WN38wncAAAAABJRU5ErkJggg==' width='14' height='14' data-name='Rectangle 11371' transform='translate(5 5)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 16252'%3E%3Cg clip-path='url(%23d)' data-name='Group 16251'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADqADAAQAAAABAAAADgAAAACeOBvAAAAA/UlEQVQoFZ3S0UoCURDGcZVA8iJSCsELu+m293+Q3iEQo0JBUcLt+y17YpVVwYE/Z/fMfDNz5px+VVW9W+zugmgY3yAcwu40rkv4kKDHcB/4f8M2/IRVqO1U+JTdaXgOEhQhwTIswmeoHVYmkGgeZmEctKvN76ADtg+rdkXtqUT00qyjrJvwEZiW1+FfKLOMqqpE/Bom4Ssw7fKLG5oas6oOSVQiemtW//ZLzKAIjdz04EzaU+m9Wf3bLzEHGZhN/WvHIMqZ2me0zy9uV4T5ru/JyMv0BLWnKhm/+zy6DoELmzFZDUJi7fGVe/Td63e8VYKrL6dLKCHT5tm3+gdB5Uy4sKJCIgAAAABJRU5ErkJggg==' width='14' height='14' data-name='Rectangle 11372' transform='translate(5 5)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1.875rem;
	position: absolute;
	right: -.75rem;
	top: -.625rem;
	transform-style: preserve-3d;
	width: 1.875rem;
	z-index: 200
}

.hh-popup {
	bottom: 0;
	position: fixed;
	right: 0;
	z-index: 1200
}

.hh-popup,
.hh-popup-mask {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.hh-popup-mask {
	background-color: transparent;
	position: absolute;
	z-index: 10
}

.hh-popup-content {
	background: #011e4d;
	box-shadow: 0 -8px 56px rgba(0, 0, 0, .64);
	padding: .5rem;
	position: absolute;
	z-index: 20
}

.hh-popup-close {
	height: 1.5rem;
	margin-bottom: .5rem;
	position: relative;
	width: 100%
}

.hh-popup-close:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m12 13.776-6.223 6.223L4 18.216l6.219-6.219L4 5.775l1.777-1.776L12 10.22l6.223-6.221L20 5.775l-6.223 6.222L20 18.216l-1.777 1.783Z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 1.5rem
}

.hh-popup-body {
	height: 100%;
	position: relative;
	width: 100%
}

.hh-popup-leaving-inner {
	padding: 2rem
}

.hh-popup-leaving-inner .hh-description-detail {
	letter-spacing: .15625rem
}

.hh-popup-leaving-inner .link:hover {
	color: #a3abb8;
	text-decoration: underline
}

.hh-popup-leaving-inner .link .hh-description-detail {
	letter-spacing: .0625rem
}

.hh-popup-leaving-inner .btns {
	margin-top: 1rem
}

.hh-popup-leaving-inner .btns,
.hh-popup-leaving-inner .btns>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-popup-leaving-inner .btns>a {
	background: rgba(23, 65, 126, .04);
	color: #333;
	font-size: 1.375rem;
	font-weight: 500;
	letter-spacing: .0625rem;
	min-width: 9.375rem;
	padding-bottom: .75rem;
	padding-top: .75rem
}

.hh-popup-leaving-inner .btns>a+a {
	margin-left: 1rem
}

.hh-popup-leaving-inner .btns>a.goon {
	background: #17417e;
	color: #fff
}

.hh-feedback {
	max-height: 32.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	position: relative;
	width: 22.5rem
}

.hh-feedback::-webkit-scrollbar {
	width: 4px
}

.hh-feedback::-webkit-scrollbar-thumb {
	background: #a5d6ff;
	border-radius: 2px
}

@media only screen and (max-width:768px) {
	.hh-feedback {
		max-height: 50vh;
		overflow: scroll;
		width: 100%
	}

	.hh-feedback-popup .hh-popup-content {
		bottom: 0;
		position: fixed;
		right: 0 !important;
		top: unset !important;
		transform: unset !important;
		width: 100%
	}
}

.hh-feedback-inner {
	height: 100%;
	position: relative;
	width: 100%
}

.hh-feedback-submit {
	padding: 2rem 1.5rem
}

.hh-feedback-submit>.btn {
	align-items: center;
	background: transparent linear-gradient(279deg, #3232bb, #324cbb) 0 0 no-repeat padding-box;
	border: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	opacity: .3;
	outline: none;
	padding-bottom: .75rem;
	padding-top: .75rem;
	transition: all .6s ease;
	width: 100%
}

.hh-feedback-submit>.btn.active {
	opacity: 1
}

.hh-feedback-title {
	background: transparent linear-gradient(127deg, #7998ff, #79bdff 52%, #80f6ff);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .09375rem;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text
}

.hh-feedback-intro {
	border-bottom: .0625rem solid rgba(165, 214, 255, .32);
	color: #a5d6ff;
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem
}

.hh-feedback-intro a,
.hh-feedback-intro a:hover {
	color: #fff;
	cursor: pointer
}

.hh-feedback-questions {
	position: relative
}

.hh-feedback-question {
	margin-top: 2rem;
	position: relative
}

.hh-feedback-question-title {
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: .625rem
}

.hh-feedback-rating {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: .5rem;
	-moz-column-gap: .25rem;
	column-gap: .25rem;
	width: 100%
}

.hh-feedback-rating-item {
	align-items: center;
	background-color: #284a79;
	color: #a5d6ff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-weight: 700;
	justify-content: center;
	padding-bottom: .125rem;
	padding-top: .125rem
}

.hh-feedback-rating-item.selected,
.hh-feedback-rating-item:hover {
	color: #1f4b88
}

.hh-feedback-rating-item.selected:first-child,
.hh-feedback-rating-item:first-child:hover {
	background-color: #7998ff
}

.hh-feedback-rating-item.selected:nth-child(2),
.hh-feedback-rating-item:nth-child(2):hover {
	background-color: #79adff
}

.hh-feedback-rating-item.selected:nth-child(3),
.hh-feedback-rating-item:nth-child(3):hover {
	background-color: #79bcff
}

.hh-feedback-rating-item.selected:nth-child(4),
.hh-feedback-rating-item.selected:nth-child(5),
.hh-feedback-rating-item:nth-child(4):hover,
.hh-feedback-rating-item:nth-child(5):hover {
	background-color: #79bdff
}

.hh-feedback-rating-item.selected:nth-child(6),
.hh-feedback-rating-item:nth-child(6):hover {
	background-color: #7ac9ff
}

.hh-feedback-rating-item.selected:nth-child(7),
.hh-feedback-rating-item:nth-child(7):hover {
	background-color: #7ddbff
}

.hh-feedback-rating-item.selected:nth-child(8),
.hh-feedback-rating-item:nth-child(8):hover {
	background-color: #7fedff
}

.hh-feedback-rating-item.selected:nth-child(10),
.hh-feedback-rating-item.selected:nth-child(9),
.hh-feedback-rating-item:nth-child(10):hover,
.hh-feedback-rating-item:nth-child(9):hover {
	background-color: #80f6ff
}

.hh-feedback-rating-emo {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: .5rem
}

.hh-feedback-rating-emo .bad,
.hh-feedback-rating-emo .perfect {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: .5;
	transition: all .6s ease
}

.hh-feedback-rating-emo .bad.active,
.hh-feedback-rating-emo .perfect.active {
	opacity: 1
}

.hh-feedback-rating-emo .bad .title,
.hh-feedback-rating-emo .perfect .title {
	color: #a5d6ff
}

.hh-feedback-rating-emo .bad .lottie,
.hh-feedback-rating-emo .perfect .lottie {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-feedback-checkbox {
	margin-bottom: 1rem;
	position: relative;
	width: 100%
}

.hh-feedback-checkbox,
.hh-feedback-checkbox.flex {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-feedback-checkbox .ant-checkbox-wrapper {
	align-items: center;
	color: #fff;
	display: inline-block;
	display: flex;
	flex-direction: row;
	font-family: Noto Sans;
	font-size: 1rem;
	font-variant: tabular-nums;
	justify-content: flex-start;
	line-height: unset
}

.hh-feedback-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner {
	border-color: #284a79
}

.hh-feedback-checkbox .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
	background: #81f6ff;
	border: none
}

.hh-feedback-checkbox .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner:after {
	border-color: #011e4d
}

.hh-feedback-checkbox .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:not(.ant-checkbox-disabled):after {
	border: none;
	display: none
}

.hh-feedback-checkbox .ant-checkbox {
	height: 1rem;
	margin-top: .125rem;
	width: 1rem
}

.hh-feedback-checkbox .ant-checkbox+span {
	padding-left: .5rem;
	padding-right: .5rem;
	transition: all .6s ease
}

.hh-feedback-checkbox .ant-checkbox-disabled+span {
	color: hsla(0, 0%, 100%, .6)
}

.hh-feedback-checkbox .ant-checkbox-inner {
	background: #284a79;
	border-color: #284a79;
	border-radius: 0
}

.hh-feedback-checkbox .ant-checkbox-inner:after {
	height: .625rem;
	left: 22%;
	top: 50%;
	width: .3125rem
}

.hh-feedback-checkbox-input {
	position: relative
}

.hh-feedback-checkbox-input input {
	background: #00173c;
	border: none;
	color: #fff;
	font-size: 1rem;
	height: 2rem;
	outline: none;
	padding-left: .5rem
}

.hh-feedback-checkbox-input input[disabled] {
	color: hsla(0, 0%, 100%, .5);
	cursor: not-allowed
}

.hh-feedback-checkbox-input input::placeholder {
	color: #a5d6ff
}

.hh-feedback-checkbox-input input::-webkit-input-placeholder {
	color: #a5d6ff
}

.hh-feedback-checkbox-input input::-moz-placeholder {
	color: #a5d6ff
}

.hh-feedback-checkbox-input input::-ms-input-placeholder {
	color: #a5d6ff
}

.hh-feedback-textarea {
	position: relative;
	width: 100%
}

.hh-feedback-textarea textarea {
	background: #00173c;
	border-color: transparent;
	color: #fff;
	font-family: Noto Sans;
	font-size: 1rem;
	height: 6rem;
	line-height: 1.375rem;
	outline: none;
	overflow-x: hidden;
	overflow-y: auto;
	padding: .5rem;
	position: relative;
	text-align: left;
	width: 100%
}

.hh-feedback-textarea textarea::-webkit-scrollbar {
	width: 4px
}

.hh-feedback-textarea textarea::-webkit-scrollbar-thumb {
	background: #a5d6ff;
	border-radius: 2px
}

.hh-feedback-textarea textarea::placeholder {
	color: #a5d6ff
}

.hh-feedback-textarea textarea::-webkit-input-placeholder {
	color: #a5d6ff
}

.hh-feedback-textarea textarea::-moz-placeholder {
	color: #a5d6ff
}

.hh-feedback-textarea textarea::-ms-input-placeholder {
	color: #a5d6ff
}

.hh-feedback-checkbox-input,
.hh-feedback-textarea {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-feedback-checkbox-input .line,
.hh-feedback-textarea .line {
	background-color: #ee3a43;
	bottom: 0;
	display: block;
	height: .0625rem;
	left: 0;
	position: absolute;
	transition: all .6s ease;
	width: 0;
	z-index: 20
}

.hh-feedback-checkbox-input input:focus+span.line,
.hh-feedback-checkbox-input textarea:focus+span.line,
.hh-feedback-textarea input:focus+span.line,
.hh-feedback-textarea textarea:focus+span.line {
	width: 100%
}

.hh-key-action {
	position: relative
}

.hh-key-action-intro {
	color: #333;
	font-size: 1rem;
	line-height: 1.75rem;
	padding-bottom: 3rem
}

.hh-key-action .hh-description+.hh-button {
	margin-bottom: 1.5rem
}

.hh-key-action-item+.hh-key-action-item {
	margin-top: 2rem
}

.hh-key-action-item-title {
	color: #333;
	font-size: 1.25rem;
	font-weight: 700;
	padding-bottom: 1.5rem;
	padding-top: 3rem
}

.hh-key-action-item-intro,
.hh-key-action-item-intro+.hh-button {
	margin-bottom: 1.5rem
}

.hh-key-action-item-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	position: relative;
	row-gap: 2rem;
	width: 100%
}

@media only screen and (max-width:992px) {
	.hh-key-action-item-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	.hh-key-action-item-list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		-moz-column-gap: 0;
		column-gap: 0;
		width: 100%
	}
}

.hh-key-action-item-list.center {
	margin: 0 auto
}

.hh-key-action-item-notes {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem
}

.hh-key-action-item-block {
	align-items: center;
	background: rgba(23, 65, 126, .04);

	color: #17417e;
	cursor: default;
	display: flex;
	flex-direction: column;
	height: 11.75rem;
	justify-content: center;
	padding: .5rem 1rem;
	position: relative;
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-key-action-item-block {
		width: 100% !important
	}
}

.hh-key-action-item-block:hover {
	background: #f8fcff
}

.hh-key-action-item-block.can-click {
	cursor: pointer
}

.hh-key-action-item-block.can-click .btn {
	border: .0625rem solid #ee3a43;
	border-radius: 50%;
	bottom: .875rem;
	height: 2.25rem;
	position: absolute;
	right: .75rem;
	width: 2.25rem
}

.hh-key-action-item-block.can-click .btn,
.hh-key-action-item-block.can-click .btn:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transition: all .6s ease
}

.hh-key-action-item-block.can-click .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5rem;
	width: 1.5rem
}

.hh-key-action-item-block.can-click:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-key-action-item-block.can-click.active,
.hh-key-action-item-block.can-click:hover {
	background: #17417e;
	color: #fff
}

.hh-key-action-item-block.can-click.active .btn,
.hh-key-action-item-block.can-click:hover .btn {
	border-color: #fff
}

.hh-key-action-item-block.can-click.active .btn:after,
.hh-key-action-item-block.can-click:hover .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23fff' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-key-action-item-block.can-click.active:after,
.hh-key-action-item-block.can-click:hover:after {
	width: 100%
}

.hh-key-action-item-block.can-click.active .btn {
	background: #ee3a43;
	border-color: #ee3a43
}

.hh-key-action-item-block.can-click.active .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	transform: rotate(270deg) translateX(1px)
}

.hh-key-action-item-block .main {
	align-items: flex-end;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-key-action-item-block .main .number,
.hh-key-action-item-block .main .prefix,
.hh-key-action-item-block .main .suffix {
	font-weight: 700
}

.hh-key-action-item-block .main .number-small,
.hh-key-action-item-block .main .prefix-small,
.hh-key-action-item-block .main .suffix-small {
	font-size: 2rem;
	line-height: 2.625rem
}

.hh-key-action-item-block .main .number-mini,
.hh-key-action-item-block .main .prefix-mini,
.hh-key-action-item-block .main .suffix-mini {
	font-size: 1.5rem;
	line-height: 2rem
}

.hh-key-action-item-block .main .sup {
	font-size: 2.25rem;
	line-height: 4.875rem;
	margin-top: -1.875rem
}

.hh-key-action-item-block .main .prefix {
	margin-right: .25rem
}

.hh-key-action-item-block .main .suffix {
	margin-left: .25rem
}

.hh-key-action-item-block .main .unit {
	font-size: .75rem;
	line-height: 1rem;
	margin-bottom: .125rem;
	margin-left: .5rem
}

.hh-key-action-item-block .intro,
.hh-key-action-item-block .main .unit {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-key-action-item-block .intro {
	font-family: Noto Sans;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: .5rem;
	text-align: center
}

.hh-key-action-item-block .intro-small {
	font-size: 1rem;
	line-height: 1.375rem
}

.hh-key-action-item-block .intro-mini {
	font-size: .875rem;
	line-height: 1.25rem
}

@media only screen and (max-width:768px) {
	.hh-key-action-item-block .intro {
		font-size: 1rem
	}
}

.hh-key-action-item-block .target {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 1rem
}

.hh-key-action-item-block .target .title {
	color: #005489;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.375rem;
	transition: all .6s ease
}

.hh-key-action-item-block .target .desc {
	color: #b4b4b4;
	font-size: .75rem;
	line-height: 1.375rem;
	margin-top: .375rem;
	transition: all .6s ease
}

.hh-key-action-item-block .separator {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.hh-key-action-item-relevant {
	display: grid;
	margin: 5rem auto 0
}

.hh-key-action-item-relevant .hh-image,
.hh-key-action-item-relevant .hh-image>img,
.hh-key-action-item-relevant .hh-item-images-placeholder img,
.hh-key-action-item-relevant .hh-item-images-thumb {
	height: 12.875rem
}

.hh-key-action-item-relevant .hh-item-images-thumb>img {
	cursor: default
}

.hh-key-action-item-relevant-title {
	color: #333;
	display: -webkit-box;
	font-size: 1.125rem;
	height: 3rem;
	line-height: 1.5rem;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	cursor: default
}

.hh-key-action-item-relevant-thumb {
	position: relative
}

.hh-key-action-item-relevant-thumb .btn {
	bottom: .75rem;
	position: absolute;
	right: .75rem;
	z-index: 30
}

.hh-key-action-item-relevant-thumb .line {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

a:hover .hh-key-action-item-relevant-thumb .line {
	width: 100%
}

.hh-key-action-item-relevant-nolink {
	cursor: default
}

.hh-tabs.ant-tabs .ant-tabs-nav {
	margin-bottom: 3rem
}

@media only screen and (max-width:768px) {
	.hh-tabs.ant-tabs .ant-tabs-nav {
		margin-bottom: 1.5rem
	}
}

.hh-tabs.ant-tabs .ant-tabs-nav-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	left: 0;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

.hh-tabs.ant-tabs .ant-tabs-ink-bar,
.hh-tabs.ant-tabs .ant-tabs-nav-operations {
	display: none
}

.hh-tabs.ant-tabs .ant-tabs-tab {
	align-items: center;
	color: rgba(23, 65, 126, .7);
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: center;
	margin: 0;
	padding: .75rem;
	transition: all .6s ease
}

.hh-tabs.ant-tabs .ant-tabs-tab:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-tabs.ant-tabs .ant-tabs-tab .ant-tabs-tab-btn:focus:not(:focus-visible) {
	color: rgba(23, 65, 126, .7)
}

.hh-tabs.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
	color: #17417e
}

.hh-tabs.ant-tabs .ant-tabs-tab-active:after {
	width: 2rem
}

.hh-tabs.ant-tabs .ant-tabs-extra-content .hh-button {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20
}

@media only screen and (max-width:1320px) {
	.hh-tabs.ant-tabs .ant-tabs-extra-content .hh-button {
		left: -1.25rem
	}
}

.hh-tabs.ant-tabs .ant-tabs-extra-content:last-child .hh-button {
	left: unset;
	right: 0
}

@media only screen and (max-width:1320px) {
	.hh-tabs.ant-tabs .ant-tabs-extra-content:last-child .hh-button {
		right: -1.25rem
	}
}

.hh-tabs.ant-tabs .ant-tabs-tabpane .ant-spin {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	min-height: 20rem;
	width: 100%
}

.hh-tabs-1.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(1, 1fr)
}

.hh-tabs-2.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(2, 1fr)
}

.hh-tabs-3.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(3, 1fr)
}

.hh-tabs-4.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(4, 1fr)
}

.hh-tabs-5.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(5, 1fr)
}

.hh-tabs-6.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(6, 1fr)
}

.hh-tabs-7.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(7, 1fr)
}

.hh-tabs-8.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(8, 1fr)
}

.hh-tabs-9.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(9, 1fr)
}

.hh-tabs-10.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(10, 1fr)
}

.hh-tabs-11.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(11, 1fr)
}

.hh-tabs-12.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(12, 1fr)
}

.hh-tabs-13.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(13, 1fr)
}

.hh-tabs-14.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(14, 1fr)
}

.hh-tabs-15.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(15, 1fr)
}

.hh-tabs-16.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(16, 1fr)
}

.hh-tabs-17.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(17, 1fr)
}

.hh-tabs-18.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(18, 1fr)
}

.hh-tabs-19.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(19, 1fr)
}

.hh-tabs-20.ant-tabs .ant-tabs-nav-list {
	grid-template-columns: repeat(20, 1fr)
}

.hh-tabs.hh-tabs-reflection.hh-tabs.ant-tabs .ant-tabs-tab:after {
	bottom: unset;
	top: 0
}

.hh-download-btn {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hh-download-btn-inner {
	background-color: rgba(50, 76, 187, .7);
	cursor: pointer;
	padding: 1.5rem
}

.hh-download-btn-icon,
.hh-download-btn-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-download-btn-icon {
	margin-right: 1rem;
	width: 2.5rem
}

.hh-download-btn-info {
	align-items: flex-start;
	color: #a5d6ff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: calc(100% - 56px)
}

.hh-download-btn-info .subtitle,
.hh-download-btn-info .title {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.75rem;
	max-width: 32.5rem;
	white-space: normal;
	word-break: break-word
}

.hh-download-btn-info .subtitle {
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.375rem
}

.hh-download-btn.light .hh-download-btn-inner {
	background-color: rgba(23, 65, 126, .04)
}

.hh-download-btn.light .hh-download-btn-info .subtitle,
.hh-download-btn.light .hh-download-btn-info .title {
	color: #17417e
}

.hh-download-btn-pdf {
	align-items: center;
	color: #17417e;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: flex-start;
	line-height: 1.75rem
}

.hh-download-btn-pdf>i {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1.5rem;
	margin-left: .5rem;
	width: 1.5rem
}

.hh-download-btn-pdf:hover {
	color: #17417e
}

.hh-download-btn-pdf+.hh-download-btn-pdf {
	margin-top: 1rem
}

.hh-table {
	position: relative;
	width: 100%
}

.hh-table .ant-table .ant-table-row,
.hh-table .ant-table .ant-table-thead>tr>th {
	font-size: 1.125rem
}

.hh-table-pdf-download {
	color: #8e8e8e;
	font-size: .875rem
}

.hh-table-pdf-download,
.hh-table-pdf-download.right {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end
}

.hh-table-pdf-download:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-left: .25rem;
	width: 1.5rem
}

.hh-table-pdf-download.microphone:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cg transform='translate(-3.999 -2.002)'%3E%3Cg fill='none'%3E%3Cpath d='M5.998 5.502v17h20v-12.6l-4.4-4.4Z'/%3E%3Cpath fill='%23ee3a43' d='M7.498 7.002v14h17V10.523l-3.519-3.52zm-1.5-1.5h15.603l4.397 4.4v12.6h-20z'/%3E%3C/g%3E%3Crect width='3' height='5' fill='%23ee3a43' rx='1.5' transform='translate(14.498 10.003)'/%3E%3Cpath fill='none' stroke='%23ee3a43' stroke-linejoin='round' d='M13.498 13.002v.529a2.485 2.485 0 0 0 2.5 2.471 2.485 2.485 0 0 0 2.5-2.471v-.529'/%3E%3Cpath fill='none' stroke='%23ee3a43' d='M15.997 16.002v2' data-name='Path'/%3E%3Cpath fill='none' stroke='%23ee3a43' stroke-linejoin='round' d='M13.998 18.002h4' data-name='Path'/%3E%3C/g%3E%3C/svg%3E")
}

.hh-table-pdf-download:hover {
	color: #8e8e8e
}

.hh-table-calendar {
	cursor: pointer;
	width: 100%
}

.hh-table-calendar,
.hh-table-calendar:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-table-calendar:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cg fill='none' stroke='%23ee3a43' stroke-width='1.5'%3E%3Cpath d='M4.519 5.711H20V20H4.519z'/%3E%3Cpath stroke-linejoin='round' d='M4 10.4h16'/%3E%3Cpath stroke-linejoin='round' d='M9.2 4v3.2M14.8 4v3.2' data-name='Path'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 2rem;
	width: 2rem
}

.hh-table-calendar.small:after {
	height: 1.5rem;
	width: 1.5rem
}

.hh-table-calendar .ant-popover-inner {
	padding: 0
}

.hh-table-calendar .ant-popover-arrow {
	display: none
}

.hh-table-calendar-list {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.hh-table-calendar-item {
	align-items: center;
	color: #1890ff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: .875rem;
	font-weight: 700;
	justify-content: center;
	overflow: hidden;
	padding: .75rem 1.5rem;
	text-overflow: ellipsis;
	transition: all .6s ease;
	white-space: nowrap;
	width: 100%
}

.hh-table-calendar-item:hover {
	background: rgba(1, 30, 77, .05);
	color: #ee3a43
}

.hh-table.hh-table-row-click .ant-table .ant-table-row {
	cursor: pointer
}

.hh-table.hh-table-head-bold .ant-table .ant-table-thead>tr>th,
.hh-table.hh-table-row-bold .ant-table .ant-table-row,
.hh-table.hh-table-row-bold .ant-table .ant-table-thead>tr>th {
	font-weight: 700
}

.hh-table-meeting,
.hh-table-stock {
	margin-top: 3rem
}

.hh-table-meeting .ant-table .ant-table-thead>tr>th,
.hh-table-stock .ant-table .ant-table-thead>tr>th {
	padding: 0 0 1rem
}

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

	.hh-table-meeting,
	.hh-table-stock {
		margin-top: 1.5rem
	}
}

.hh-table-meeting .ant-table .ant-table-thead>tr>th {
	padding-bottom: .5rem
}

.hh-table-meeting-pdf {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-thead>tr>th {
	background: transparent;
	border-bottom: .0625rem solid #333
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-thead>tr>th:before {
	display: none
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-body>tr.ant-table-row:hover>td,
.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-body>tr>td.ant-table-cell-row-hover {
	background: rgba(238, 58, 67, .04)
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row {
	position: relative
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row>td.ant-table-cell-row-hover {
	background: rgba(238, 58, 67, .04)
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row:hover>td,
.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row:hover>td.ant-table-cell-row-hover {
	background: rgba(238, 58, 67, .04)
}

.hh-table.hh-table-default.ant-table-wrapper .ant-table .ant-table-row:hover:after {
	width: 100%
}

.hh-table.hh-table-border .ant-table .ant-table-thead>tr {
	background-color: #f1f1f1
}

.hh-table.hh-table-border .ant-table .ant-table-thead>tr>th {
	border-bottom-color: #ccc
}

.hh-table.hh-table-border .ant-table .ant-table-tbody>tr>td {
	border-color: #ccc
}

.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container {
	border-inline-start-color: #ccc
}

.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table {
	border-top-color: #ccc
}

.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>td,
.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr>td {
	border-bottom-color: #ccc;
	border-inline-end-color: #ccc
}

.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th {
	border-bottom-color: #ccc
}

.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-thead>tr>th {
	border-inline-end-color: #ccc;
	font-size: 1rem;
	font-weight: 700
}

.hh-table.hh-table-no-hover.ant-table-wrapper .ant-table .ant-table-row:hover>td,
.hh-table.hh-table-no-hover.ant-table-wrapper .ant-table .ant-table-row:hover>td.ant-table-cell-row-hover,
.hh-table.hh-table-no-hover.ant-table-wrapper .ant-table .ant-table-row>td.ant-table-cell-row-hover {
	background: unset
}

.hh-table.hh-table-no-hover.ant-table-wrapper .ant-table .ant-table-row:after {
	display: none
}

.hh-table-head-separate {
	background-image: linear-gradient(to bottom left, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-table-head-separate .bottom,
.hh-table-head-separate .top {
	color: #333;
	font-weight: 700;
	position: absolute
}

.hh-table-head-separate .top {
	right: 20%;
	top: 20%
}

.hh-table-head-separate .bottom {
	bottom: 20%;
	left: 20%
}

.hh-table-report-pdf {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-table-report-annual .ant-table .ant-table-thead>tr>th,
.hh-table-report-data .ant-table .ant-table-thead>tr>th {
	padding: 0 0 1rem
}

.hh-table-report.hh-table-report-last-line-highlight .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr:last-child>td {
	background-color: #fafafa;
	border-inline-end-color: transparent
}

.hh-table-report.hh-table-report-last-line-highlight .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr:last-child>td:last-child {
	border-inline-end-color: #ccc
}

.hh-table-report-charts.hh-table.hh-table-border.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-thead>tr>th {
	font-size: .75rem
}

.hh-table-report-charts .ant-table .ant-table-tbody>tr>td,
.hh-table-report-charts .ant-table .ant-table-thead>tr>th {
	padding: .375rem
}

.hh-table-report-charts .ant-table .ant-table-tbody>tr>td:first-child,
.hh-table-report-charts .ant-table .ant-table-thead>tr>th:first-child {
	padding-left: .75rem
}

.hh-table-complex .hh-description,
.hh-table-complex .hh-item-text {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-table-complex .hh-description:before,
.hh-table-complex .hh-item-text:before {
	content: attr(data-order)
}

.hh-table-complex .hh-description+.hh-item-text:before,
.hh-table-complex .hh-item-text+.hh-item-text:before {
	opacity: 0;
	visibility: hidden
}

.hh-table-complex .hh-item-text-list-intro .marker {
	margin-right: .5rem
}

.hh-table-complex-summarize {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3rem;
	padding: 1.5rem;
	width: 100%
}

.hh-table-complex-summarize .title {
	margin-bottom: 3rem
}

.hh-table.hh-table-head-no-border.ant-table-wrapper .ant-table .ant-table-thead>tr>th {
	border-bottom: none
}

.hh-select.ant-select {
	display: inline-block
}

.hh-select.ant-select .ant-select-selector {
	border-color: #d9d9d9;
	border-radius: 0;
	height: 2.5rem;
	margin-right: 1.5rem;
	min-width: 8.5rem
}

.hh-select.ant-select:hover .ant-select-selector,
.hh-select.ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
	border-color: #ee3a43;
	box-shadow: none
}

.hh-select.ant-select .ant-select-selector .ant-select-selection-search-input {
	font-size: 1rem;
	height: 2.5rem
}

.hh-select.ant-select .ant-select-selector .ant-select-selection-search-input::-moz-placeholder {
	font-size: 1rem;
	line-height: 2.5rem
}

.hh-select.ant-select .ant-select-selector .ant-select-selection-search-input::placeholder {
	font-size: 1rem;
	line-height: 2.5rem
}

.hh-select.ant-select .ant-select-selector .ant-select-selection-item,
.hh-select.ant-select .ant-select-selector .ant-select-selection-placeholder {
	font-size: 1rem;
	line-height: 2.5rem
}

.hh-select.ant-select .ant-select-selector .ant-select-selection-item {
	color: #ccc
}

.hh-select.ant-select .ant-select-arrow {
	height: 1.5rem;
	margin-top: .0625rem;
	transform: translateY(-50%);
	transition: all .6s ease;
	width: 1.5rem
}

.hh-select.ant-select.ant-select-open .ant-select-arrow {
	transform: translateY(-50%) rotate(180deg)
}

.hh-select.ant-select .ant-select-selection-placeholder {
	line-height: 2.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-select.ant-select.transparent .ant-select-selector {
	background-color: transparent
}

.hh-select.ant-select.transparent .ant-select-selector .ant-select-selection-item {
	color: #ccc
}

.hh-select.ant-select.transparent .ant-select-arrow {
	transform: translateY(-50%) rotate(90deg)
}

.hh-select.ant-select.transparent.ant-select-open .ant-select-arrow {
	transform: translateY(-50%) rotate(270deg)
}

.hh-select.ant-select.hh-custom-arrow .ant-select-arrow {
	transform: translateY(-50%)
}

.hh-select.ant-select.hh-custom-arrow.ant-select-open .ant-select-arrow {
	transform: translateY(-50%) rotate(180deg)
}

.hh-swiper .swiper-slide:last-child {
	margin-right: 0 !important
}

.hh-swiper-nav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-swiper-nav .next,
.hh-swiper-nav .prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20
}

.hh-swiper-nav .next.swiper-button-disabled,
.hh-swiper-nav .prev.swiper-button-disabled {
	display: none
}

.hh-swiper-nav .left {
	left: 0
}

.hh-swiper-nav .next {
	right: 0
}

.hh-chart {
	display: flex;
	flex-direction: column;
	min-height: 35rem;
	overflow: hidden;
	width: 100%
}

.hh-chart-common {
	height: 400px;
	width: 100%
}

.hh-chart-checkbox {
	margin-top: 1.5rem;
	width: 100%
}

.hh-chart-table {
	width: 100%
}

.hh-chart-table-list {
	border-collapse: collapse;
	color: #333;
	font-size: 14px;
	letter-spacing: .5px;
	text-align: center;
	width: 100%
}

.hh-chart-table-list .label {
	color: #333;
	font-family: unset;
	font-size: 14px;
	font-weight: 700;
	width: 12%
}

.hh-chart-table-list .label-title {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	width: 12%
}

.hh-chart-table-list .label-data {
	text-align: right
}

.hh-chart-table-list .ant-statistic-content {
	font-size: 1rem
}

.hh-chart-table-list table {
	border-collapse: collapse;
	color: #333;
	font-size: 16px;
	letter-spacing: .5px;
	text-align: center;
	width: 100%
}

.hh-chart-table-list table,
.hh-chart-table-list td,
.hh-chart-table-list th,
.hh-chart-table-list tr {
	border: 1px solid #a3abb8;
	color: #333;
	font-family: Roboto, Noto Sans TC, sans-serif;
	line-height: 2em;
	margin: 2em 0 4em;
	padding: 5px;
	vertical-align: top
}

.hh-chart-table-list .head,
.hh-chart-table-list .table-head>tr>td {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	color: #333;
	font-family: Roboto, Noto Sans;
	font-family: Roboto, Noto Sans TC, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 24px;
	padding: 16px;
	vertical-align: middle
}

.hh-adapt-display .hh-chart-common {
	height: 36.25rem
}

.hh-social-share {
	position: relative;
	width: 100%
}

.hh-social-share-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 2rem
}

.hh-social-share-inner>div.hh-social-share-item {
	cursor: pointer;
	height: 2rem;
	width: 2rem
}

.hh-social-share-inner .hh-social-share-item+.hh-social-share-item {
	margin-left: 1rem
}

.hh-social-share-item-qrcode.ant-popover .ant-popover-inner .hh-description {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	text-align: center
}

.hh-report-focus {
	position: relative;
	width: 100%
}

.hh-report-focus-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-report-focus-inner {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-report-focus-left {
	cursor: pointer;
	width: 30%
}

@media only screen and (max-width:768px) {
	.hh-report-focus-left {
		margin-top: 1rem;
		width: 72%
	}
}

.hh-report-focus-left .year {
	background: #ee3a43;
	color: #fff;
	font-size: 1.375rem;
	font-weight: 700;
	right: 0;
	top: 0;
	width: 6.25rem
}

.hh-report-focus-left .btn,
.hh-report-focus-left .year {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 2.5rem;
	justify-content: center;
	position: absolute
}

.hh-report-focus-left .btn {
	border-radius: 50%;
	bottom: 1.25rem;
	right: 1.25rem;
	width: 2.5rem
}

.hh-report-focus-left .title {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: .5rem
}

@media only screen and (max-width:768px) {
	.hh-report-focus-left .title {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center
	}
}

.hh-report-focus-left .title .hh-description-detail {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-report-focus-left .title .hh-description-detail:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-report-focus-left .hh-download-btn {
	margin-top: 1rem
}

.hh-report-focus-left .hh-download-btn-info .title {
	margin-top: 0
}

.hh-report-focus-left>.hh-image:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-report-focus-left:hover>.hh-image:after {
	width: 100%
}

.hh-report-focus-right {
	width: 65%
}

@media only screen and (max-width:768px) {
	.hh-report-focus-right {
		margin-top: 2rem;
		width: 100%
	}
}

.hh-report-focus-right .hh-item-text {
	margin-bottom: 1rem
}

.hh-report-focus-left,
.hh-report-focus-right {
	position: relative
}

.hh-report-focus-default {
	cursor: default
}

.hh-report-focus-default .hh-button,
.hh-report-focus-default .hh-image:after {
	display: none
}

.hh-home-carousel-slides .hh-carousel-slides-item {
	width: 22rem
}

@media only screen and (min-width:768px) {
	.hh-home-carousel-slides .hh-carousel-slides-item {
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {
	.hh-home-carousel-slides .hh-carousel-slides-item {
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {
	.hh-home-carousel-slides .hh-carousel-slides-item {
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {
	.hh-home-carousel-slides .hh-carousel-slides-item {
		width: 22rem
	}
}

.hh-home-carousel-slides .hh-carousel-slides-item>a {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	width: 100%
}

.hh-home-carousel-slides .hh-carousel-slides-item .hh-image,
.hh-home-carousel-slides .hh-carousel-slides-item .thumb {
	height: 32rem;
	width: 32rem
}

@media only screen and (min-width:768px) {

	.hh-home-carousel-slides .hh-carousel-slides-item .hh-image,
	.hh-home-carousel-slides .hh-carousel-slides-item .thumb {
		height: 13.5rem;
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {

	.hh-home-carousel-slides .hh-carousel-slides-item .hh-image,
	.hh-home-carousel-slides .hh-carousel-slides-item .thumb {
		height: 16.25rem;
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {

	.hh-home-carousel-slides .hh-carousel-slides-item .hh-image,
	.hh-home-carousel-slides .hh-carousel-slides-item .thumb {
		height: 19.5rem;
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {

	.hh-home-carousel-slides .hh-carousel-slides-item .hh-image,
	.hh-home-carousel-slides .hh-carousel-slides-item .thumb {
		height: 24rem;
		width: 24rem
	}
}

.hh-home-carousel-slides .hh-swiper-nav {
	margin-top: 6rem
}

@media only screen and (max-width:768px) {
	.hh-home-carousel-slides .hh-swiper-nav {
		margin-top: 1.5rem
	}
}

@media only screen and (max-width:992px) {
	.hh-home-carousel-slides .hh-swiper-nav {
		margin-top: 1.5rem
	}
}

.hh-advanced {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	z-index: 20
}

.hh-advanced,
.hh-advanced-scroll {
	position: relative;
	width: 100%
}

.hh-advanced-scroll-content {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.hh-advanced-scroll-content .hh-title {
		width: unset
	}

	.hh-advanced-scroll-content .hh-advanced-intro {
		align-items: center;
		justify-content: center;
		padding-right: unset;
		width: 100%
	}
}

@media only screen and (max-width:1024px) {
	.hh-advanced-scroll-content .hh-title-content:after {
		left: 4rem
	}
}

@media only screen and (max-width:992px) {
	.hh-advanced-scroll-content .hh-title-content:after {
		left: 4rem
	}
}

@media only screen and (max-width:768px) {
	.hh-advanced-scroll-content .hh-title-content:after {
		left: 3rem
	}
}

@media only screen and (max-width:575px) {
	.hh-advanced-scroll-content .hh-title-content:after {
		left: 0
	}
}

.hh-advanced-intro {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-right: 4rem;
	width: 19rem
}

.hh-advanced-intro .hh-advanced-intro-text {
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.5rem;
	line-height: 1.75;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all .6s ease
}

.hh-advanced-intro .hh-advanced-intro-text::-webkit-scrollbar {
	display: none
}

@media only screen and (max-width:1199px) {
	.hh-advanced-intro .hh-advanced-intro-text {
		margin-bottom: 1.5rem;
		margin-top: 1.5rem
	}
}

@media only screen and (max-width:768px) {
	.hh-advanced-intro .hh-advanced-intro-text {
		min-height: 6rem;
		text-align: left;
		width: 100%
	}

	.hh-advanced-intro {
		padding-right: 0;
		width: 100%
	}
}

.hh-advanced-placeholder {
	opacity: 0;
	position: relative;
	visibility: hidden
}

.hh-advanced-placeholder .thumb {
	height: 22rem;
	margin-bottom: 1rem;
	width: 22rem
}

@media only screen and (min-width:768px) {
	.hh-advanced-placeholder .thumb {
		height: 13.5rem;
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {
	.hh-advanced-placeholder .thumb {
		height: 16.25rem;
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {
	.hh-advanced-placeholder .thumb {
		height: 19.5rem;
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {
	.hh-advanced-placeholder .thumb {
		height: 22rem;
		width: 22rem
	}
}

.hh-advanced-placeholder .title {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700
}

.hh-advanced-list {
	height: 100%;
	left: 19rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%
}

.hh-advanced-list .hh-item-images {
	width: auto
}

.hh-advanced-items {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease
}

.hh-advanced-items.mobile {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: unset;
	position: relative;
	top: unset;
	width: 100%
}

.hh-advanced-items .hh-item-images-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: auto
}

.hh-advanced-items .hh-item-images-item {
	width: 22rem
}

@media only screen and (min-width:768px) {
	.hh-advanced-items .hh-item-images-item {
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {
	.hh-advanced-items .hh-item-images-item {
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {
	.hh-advanced-items .hh-item-images-item {
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {
	.hh-advanced-items .hh-item-images-item {
		width: 22rem
	}
}

.hh-advanced-items .hh-item-images-placeholder,
.hh-advanced-items .hh-item-images-thumb {
	height: 22rem;
	margin-bottom: .5rem
}

@media only screen and (min-width:768px) {

	.hh-advanced-items .hh-item-images-placeholder,
	.hh-advanced-items .hh-item-images-thumb {
		height: 13.5rem
	}
}

@media only screen and (min-width:1079px) {

	.hh-advanced-items .hh-item-images-placeholder,
	.hh-advanced-items .hh-item-images-thumb {
		height: 16.25rem
	}
}

@media only screen and (min-width:1199px) {

	.hh-advanced-items .hh-item-images-placeholder,
	.hh-advanced-items .hh-item-images-thumb {
		height: 19.5rem
	}
}

@media only screen and (min-width:1399px) {

	.hh-advanced-items .hh-item-images-placeholder,
	.hh-advanced-items .hh-item-images-thumb {
		height: 22rem
	}
}

.hh-advanced-item {
	height: 100%;
	margin-right: 1rem;
	overflow: hidden;
	position: relative;
	transition: all .6s ease;
	width: 22rem
}

.hh-advanced-item:last-child {
	margin-right: 0
}

@media only screen and (min-width:768px) {
	.hh-advanced-item {
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {
	.hh-advanced-item {
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {
	.hh-advanced-item {
		width: 312px;
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {
	.hh-advanced-item {
		width: 22rem
	}
}

.hh-advanced-item .title,
.hh-advanced-item-title {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem
}

.hh-advanced-item .placeholder,
.hh-advanced-item .thumb {
	position: relative;
	width: 22rem
}

@media only screen and (min-width:768px) {

	.hh-advanced-item .placeholder,
	.hh-advanced-item .thumb {
		width: 13.5rem
	}
}

@media only screen and (min-width:1079px) {

	.hh-advanced-item .placeholder,
	.hh-advanced-item .thumb {
		width: 16.25rem
	}
}

@media only screen and (min-width:1199px) {

	.hh-advanced-item .placeholder,
	.hh-advanced-item .thumb {
		width: 312px;
		width: 19.5rem
	}
}

@media only screen and (min-width:1399px) {

	.hh-advanced-item .placeholder,
	.hh-advanced-item .thumb {
		width: 22rem
	}
}

.hh-advanced-item .placeholder {
	left: 0;
	position: absolute;
	top: 0
}

.hh-advanced-item .thumb {
	margin-bottom: 1rem;
	opacity: 0;
	visibility: hidden
}

.hh-advanced-item .btn .hh-button.circle {
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

.hh-advanced-control {
	left: 19rem;
	opacity: 0;
	position: absolute;
	top: calc(50% - 24px);
	visibility: hidden;
	z-index: 1000
}

.hh-advanced-control.show {
	opacity: 1;
	visibility: visible
}

@media only screen and (max-width:768px) {
	.hh-advanced-control {
		display: none
	}
}

.hh-advanced-items.mobile .hh-advanced-item {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background-color: rgba(1, 30, 77, .38);
	border: .0625rem solid #a5d6ff;
	margin-bottom: .75rem;
	margin-right: 0;
	width: 100%
}

.hh-advanced-items.mobile .hh-advanced-item:last-child {
	margin-bottom: 0
}

.hh-advanced-items.mobile .hh-advanced-item>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

.hh-advanced-items.mobile .hh-advanced-item>a .thumb {
	height: 3.75rem;
	margin-bottom: 0;
	opacity: 1;
	visibility: visible;
	width: 6rem
}

.hh-advanced-items.mobile .hh-advanced-item>a .title {
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	margin-left: 1rem
}

.hh-advanced-items.mobile .hh-advanced-item>a .btn {
	flex-direction: row;
	height: 1.5rem;
	right: .875rem;
	width: 1.5rem
}

.hh-advanced-balls,
.hh-advanced-items.mobile .hh-advanced-item>a .btn {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute
}

.hh-advanced-balls {
	flex-direction: column;
	height: 100%;
	top: 11.875rem;
	width: 100%;
	z-index: -1
}

.hh-advanced-balls>.row {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-advanced-balls>.row:last-child {
	margin-top: -28.125rem
}

.hh-advanced-balls>.row .blue {
	animation: sliderShapeRound 10s linear infinite;
	animation-delay: 1s;
	background: transparent linear-gradient(180deg, #1a31de, #1a31de00) 0 0 no-repeat padding-box
}

.hh-advanced-balls>.row .blue,
.hh-advanced-balls>.row .green {
	border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
	filter: blur(50px);
	height: 28.125rem;
	width: 28.125rem
}

.hh-advanced-balls>.row .green {
	animation: sliderShapeRound1 10s linear infinite;
	background: transparent linear-gradient(181deg, #1acfde, #1acfde00) 0 0 no-repeat padding-box
}

.hh-advanced-balls>.row .light-blue {
	animation: sliderShapeRound 10s linear infinite;
	animation-delay: 5s;
	background: transparent linear-gradient(180deg, #1a85de, #0d436f00) 0 0 no-repeat padding-box;
	border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
	filter: blur(50px);
	height: 28.125rem;
	width: 28.125rem
}

@media only screen and (min-width:768px) {
	.hh-adapt-display .hh-advanced-intro-text {
		max-height: 6rem
	}
}

@media only screen and (min-width:1079px) {
	.hh-adapt-display .hh-advanced-intro-text {
		max-height: 6rem
	}
}

@media only screen and (min-width:1199px) {
	.hh-adapt-display .hh-advanced-intro-text {
		max-height: 10rem
	}
}

@media only screen and (min-width:1399px) {
	.hh-adapt-display .hh-advanced-intro-text {
		max-height: 12.25rem
	}
}

@media only screen and (max-width:768px) {
	.hh-adapt-display .hh-advanced-intro-text {
		max-height: unset
	}
}

.hh-adapt-display .hh-advanced-item-title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@keyframes sliderShape {

	0%,
	to {
		border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
		transform: translateZ(0) rotate(.01deg)
	}

	34% {
		border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
		transform: translate3d(0, 120px, 0) rotate(.01deg)
	}

	50% {
		transform: translateZ(0) rotate(.01deg)
	}

	67% {
		border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
		transform: translateZ(0) rotate(.01deg)
	}
}

@keyframes sliderShapeRound {

	0%,
	to {
		border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
		transform: translate3d(-240px, 0, 0) rotate(0deg)
	}

	25% {
		border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
		transform: translate3d(0, 120px, 0) rotate(0deg)
	}

	50% {
		transform: translate3d(240px, 0, 0) rotate(0deg)
	}

	75% {
		border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
		transform: translate3d(0, -120px, 0) rotate(0deg)
	}
}

@keyframes sliderShapeRound1 {

	0%,
	to {
		border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
		transform: translate3d(240px, 0, 0) rotate(0deg)
	}

	25% {
		border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
		transform: translate3d(0, 120px, 0) rotate(0deg)
	}

	50% {
		transform: translate3d(-240px, 0, 0) rotate(0deg)
	}

	75% {
		border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
		transform: translate3d(0, -120px, 0) rotate(0deg)
	}
}

.hh-tech-patents .hh-item-images-item {
	cursor: default
}

.hh-tech-patents .hh-item-images-info .title {
	font-size: 1.5rem;
	height: auto;
	line-height: 1.5;
	text-align: center
}

@media only screen and (max-width:768px) {
	.hh-tech-patents .hh-item-images-info .title {
		font-size: 1.25rem
	}
}

.hh-tech-patents-spirits {
	height: 100%;
	width: 100%
}

.hh-tech-patents-result {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result {
		height: 32.5rem;
		padding-left: 1rem;
		padding-right: 1rem
	}
}

@media only screen and (max-width:1199px) {
	.hh-tech-patents-result {
		flex-direction: column
	}
}

.hh-tech-patents-result-item,
.hh-tech-patents-result-title {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%
}

.hh-tech-patents-result-item {
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-item {
		left: 0;
		position: absolute;
		top: 0
	}

	.hh-tech-patents-result-item:nth-child(2) {
		transform: translateX(100%)
	}
}

.hh-tech-patents-result-title .number {
	color: #2e61ac;
	font-size: 1.625rem;
	font-weight: 700;
	margin-bottom: .5rem
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-title .number {
		font-size: 1rem
	}
}

.hh-tech-patents-result-title .number .prefix {
	margin-right: .5rem
}

.hh-tech-patents-result-title .number .num,
.hh-tech-patents-result-title .number .suffix {
	font-size: 2.25rem
}

.hh-tech-patents-result-title .note {
	color: #011e4d;
	font-size: 1.375rem;
	font-weight: 700
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-title .note {
		font-size: 1.125rem
	}
}

.hh-tech-patents-result-content {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	width: 100%
}

@media only screen and (max-width:1199px) {
	.hh-tech-patents-result-content {
		max-width: 38.75rem
	}

	.hh-tech-patents-result-content .hh-common-chart.bar {
		max-width: 38.125rem
	}
}

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

	.hh-tech-patents-result-content,
	.hh-tech-patents-result-content .hh-common-chart.bar {
		max-width: 100%
	}
}

.hh-tech-patents-result-unit {
	align-items: center;
	color: #a3abb8;
	display: flex;
	flex-direction: row;
	font-size: .75rem;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 50%;
	transform: rotate(270deg) translateY(-50%);
	white-space: nowrap;
	width: 2.125rem
}

.hh-tech-patents-result-unit+.hh-common-chart {
	padding-left: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-unit {
		left: 1rem
	}

	.hh-tech-patents-result-unit+.hh-common-chart {
		padding-left: 2.25rem
	}
}

.hh-tech-patents-result-note {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-note {
		max-width: 100%;
		padding-left: 1rem;
		padding-right: 1rem
	}
}

.hh-tech-patents-result-note i {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-tech-patents-result-note i:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%2354709b' d='M8 13.996a6.006 6.006 0 0 1-6-6 6.007 6.007 0 0 1 6-6 6.007 6.007 0 0 1 6 6 6.006 6.006 0 0 1-6 6m0-6.5a.6.6 0 0 0-.6.6v2.8a.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6v-2.8a.6.6 0 0 0-.6-.6m0-2.5a.75.75 0 0 0-.75.75.75.75 0 0 0 .75.749.75.75 0 0 0 .747-.749.75.75 0 0 0-.747-.75' data-name='Subtraction 14'/%3E%3Cpath fill='none' d='M0 0h16v16H0z' data-name='Rectangle 10229'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	width: 1rem
}

.hh-tech-patents-result-note>span {
	color: #54709b;
	font-size: .875rem;
	line-height: 1.5rem;
	max-width: calc(100% - 24px);
	text-align: left
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-note>span {
		font-size: .75rem;
		line-height: 1.375rem
	}
}

.hh-tech-patents-result-note.intro {
	margin-top: 1.5rem;
	max-width: 100%
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-note.intro {
		padding-left: 0;
		padding-right: 0
	}
}

.hh-tech-patents-result-control {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-control {
		display: block
	}
}

.hh-tech-patents-result-control .next,
.hh-tech-patents-result-control .prev {
	align-items: center;
	background-color: rgba(0, 0, 0, .2);
	border: .0625rem solid #fff;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 3rem;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem
}

.hh-tech-patents-result-control .next:before,
.hh-tech-patents-result-control .prev:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-chevron-next'%3E%3Cpath fill='none' d='M0 0v24h24V0Z'/%3E%3Cpath fill='%23ee3a43' d='m10.891 17.109-1.414-1.414 4.219-4.219-4.219-4.219 1.414-1.414 5.633 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2.25rem;
	justify-content: center;
	width: 2.25rem
}

.hh-tech-patents-result-control .prev {
	left: 1rem
}

.hh-tech-patents-result-control .prev:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0v24h24V0Z'/%3E%3Cpath fill='%23ee3a43' d='m13.109 17.11 1.414-1.415-4.219-4.219 4.219-4.219-1.414-1.414-5.633 5.633Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-tech-patents-result-control .next {
	right: 1rem
}

.hh-tech-patents-result-list {
	color: #011e4d;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-list {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-tech-patents-result-list .list-body,
.hh-tech-patents-result-list .list-head {
	align-items: flex-start;
	border-bottom: .0625rem solid #a3abb8;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	overflow: hidden;
	padding-bottom: .5rem;
	padding-top: .5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-tech-patents-result-list .list-body .desc,
.hh-tech-patents-result-list .list-body .name,
.hh-tech-patents-result-list .list-body .ref,
.hh-tech-patents-result-list .list-head .desc,
.hh-tech-patents-result-list .list-head .name,
.hh-tech-patents-result-list .list-head .ref {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: flex-start;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-tech-patents-result-list .list-body .desc>span,
.hh-tech-patents-result-list .list-body .name>span,
.hh-tech-patents-result-list .list-body .ref>span,
.hh-tech-patents-result-list .list-head .desc>span,
.hh-tech-patents-result-list .list-head .name>span,
.hh-tech-patents-result-list .list-head .ref>span {
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial
}

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

	.hh-tech-patents-result-list .list-body .desc>span,
	.hh-tech-patents-result-list .list-body .name>span,
	.hh-tech-patents-result-list .list-body .ref>span,
	.hh-tech-patents-result-list .list-head .desc>span,
	.hh-tech-patents-result-list .list-head .name>span,
	.hh-tech-patents-result-list .list-head .ref>span {
		font-size: 1rem;
		white-space: normal;
		word-break: break-word
	}
}

.hh-tech-patents-result-list .list-body .name,
.hh-tech-patents-result-list .list-head .name {
	width: 14.375rem
}

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

	.hh-tech-patents-result-list .list-body .name,
	.hh-tech-patents-result-list .list-head .name {
		margin-right: 1.5rem;
		width: auto
	}
}

.hh-tech-patents-result-list .list-body .desc,
.hh-tech-patents-result-list .list-head .desc {
	padding-right: 1rem;
	text-align: center;
	width: 44.375rem
}

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

	.hh-tech-patents-result-list .list-body .desc,
	.hh-tech-patents-result-list .list-head .desc {
		max-width: 44.375rem;
		white-space: normal;
		width: calc(100% - 350px)
	}
}

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

	.hh-tech-patents-result-list .list-body .desc,
	.hh-tech-patents-result-list .list-head .desc {
		width: auto
	}
}

.hh-tech-patents-result-list .list-body .ref,
.hh-tech-patents-result-list .list-head .ref {
	width: 7.5rem
}

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

	.hh-tech-patents-result-list .list-body .ref,
	.hh-tech-patents-result-list .list-head .ref {
		display: none;
		width: auto
	}
}

.hh-tech-patents-result-list .list-body {
	border: none
}

.hh-tech-patents-result-list .list-body .list-item {
	align-items: flex-start;
	border-bottom: .0625rem solid #a3abb8;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-bottom: .5rem;
	padding-top: .5rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-tech-patents-result-list .list-body .list-item {
		flex-direction: column
	}
}

.hh-tech-patents-result-list .list-body .desc {
	text-align: left
}

.hh-tech-patents-result-list .list-body .name,
.hh-tech-patents-result-list .list-body .ref {
	align-items: flex-start;
	color: #2e61ac;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	justify-content: flex-start
}

.hh-tech-distributed {
	position: relative;
	width: 100%
}

.hh-tech-distributed-tabs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-tabs {
		margin-top: 1.5rem
	}
}

.hh-tech-distributed-tab {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 4rem
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-tab {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-tech-distributed-tab:last-child {
	margin-right: 0
}

.hh-tech-distributed-tab .name,
.hh-tech-distributed-tab .num {
	color: #598fc1;
	font-weight: 900;
	position: relative;
	transition: all .6s ease
}

.hh-tech-distributed-tab .num {
	font-size: 5.375rem;
	letter-spacing: .46875rem;
	line-height: 8.125rem
}

@media only screen and (max-width:992px) {
	.hh-tech-distributed-tab .num {
		font-size: 4rem;
		letter-spacing: .1875rem;
		line-height: 5.625rem
	}
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-tab .num {
		font-size: 3rem;
		letter-spacing: .078125rem;
		line-height: 4.25rem
	}
}

.hh-tech-distributed-tab .name {
	align-items: center;
	display: flex;
	flex-direction: row;
	font-size: 1.3125rem;
	justify-content: center;
	line-height: 2rem
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-tab .name {
		font-size: 1.125rem;
		line-height: 1.75rem
	}
}

.hh-tech-distributed-tab .name:after {
	border-bottom: .1875rem solid #ee3a43;
	bottom: -.75rem;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-tech-distributed-tab.active .name,
.hh-tech-distributed-tab.active .num {
	color: #2e61ac
}

.hh-tech-distributed-tab.active .name:after {
	width: 3rem
}

.hh-tech-distributed-pie {
	height: 22.5rem;
	max-width: 100%;
	width: 22.5rem
}

.hh-tech-distributed-map {
	width: calc(100% - 360px)
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-map {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		width: 100%
	}
}

.hh-tech-distributed-map .hh-image img {
	-o-object-fit: contain;
	object-fit: contain
}

.hh-tech-distributed-info {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-info {
		flex-direction: column
	}
}

.hh-tech-distributed-note {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-note {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-tech-distributed-note i {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-tech-distributed-note i:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%2354709b' d='M8 13.996a6.006 6.006 0 0 1-6-6 6.007 6.007 0 0 1 6-6 6.007 6.007 0 0 1 6 6 6.006 6.006 0 0 1-6 6m0-6.5a.6.6 0 0 0-.6.6v2.8a.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6v-2.8a.6.6 0 0 0-.6-.6m0-2.5a.75.75 0 0 0-.75.75.75.75 0 0 0 .75.749.75.75 0 0 0 .747-.749.75.75 0 0 0-.747-.75' data-name='Subtraction 14'/%3E%3Cpath fill='none' d='M0 0h16v16H0z' data-name='Rectangle 10229'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	width: 1rem
}

.hh-tech-distributed-note>span {
	color: #54709b;
	font-size: .875rem;
	line-height: 1.5rem;
	max-width: calc(100% - 24px);
	text-align: left
}

@media only screen and (max-width:768px) {
	.hh-tech-distributed-note>span {
		font-size: .75rem;
		line-height: 1.375rem
	}
}

.hh-tech-slides {
	position: relative;
	width: 100%
}

.hh-tech-slides .swiper {
	border-bottom: .0625rem solid #17417e
}

.hh-tech-slides .swiper-button-next,
.hh-tech-slides .swiper-button-prev {
	align-items: center;
	background-color: #011e4d;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	position: absolute;
	top: calc(100% - 5px);
	transform: translateY(-50%);
	width: 1.5rem;
	z-index: 20
}

.hh-tech-slides .swiper-button-next:before,
.hh-tech-slides .swiper-button-prev:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-chevron-next'%3E%3Cpath fill='none' d='M0 0v24h24V0Z'/%3E%3Cpath fill='%23ee3a43' d='m10.891 17.109-1.414-1.414 4.219-4.219-4.219-4.219 1.414-1.414 5.633 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

.hh-tech-slides .swiper-button-next:after,
.hh-tech-slides .swiper-button-prev:after {
	content: ""
}

.hh-tech-slides .swiper-button-disabled {
	opacity: 0 !important
}

.hh-tech-slides .swiper-button-prev {
	left: 0
}

.hh-tech-slides .swiper-button-prev:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0v24h24V0Z'/%3E%3Cpath fill='%23ee3a43' d='m13.109 17.11 1.414-1.415-4.219-4.219 4.219-4.219-1.414-1.414-5.633 5.633Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-tech-slides .swiper-button-next {
	right: 0
}

.hh-tech-slide {
	align-items: center !important;
	cursor: pointer;
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	padding-bottom: .75rem;
	position: relative
}

.hh-tech-slide .name {
	color: rgba(165, 214, 255, .6);
	font-weight: 700;
	line-height: 2rem;
	position: relative;
	transition: all .6s ease
}

.hh-tech-slide .name:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.75rem;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0;
	z-index: 10
}

.hh-tech-slide.active .name {
	color: #ee3a43
}

.hh-tech-slide.active .name:after {
	width: 100%
}

.hh-tech-slide-info {
	padding-bottom: 2rem;
	padding-top: 2rem
}

.hh-tech-support-contact .hh-description {
	margin-bottom: 1.5rem
}

.hh-tech-support-contact .contact {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

.hh-tech-support-contact .contact>span {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-tech-support-contact .contact a {
	align-items: center;
	color: #324cbb;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-tech-support-contact .contact a:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0Z' data-name='Path 14344'/%3E%3Cg fill='none' stroke='%23324cbb' stroke-linejoin='round' stroke-width='2' data-name='Group 20366'%3E%3Cpath d='M5 18h14V7H5z' data-name='Path 19511'/%3E%3Cpath stroke-linecap='round' d='m5 7 7 5.786L19 7' data-name='Path 19512'/%3E%3Cpath stroke-linecap='round' d='M12.715 7H5v5.786' data-name='Path 19513'/%3E%3Cpath stroke-linecap='round' d='M19 12.786V7h-7.715' data-name='Path 19514'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-tech-institute-intro {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

.hh-tech-institute-committee,
.hh-tech-institute-rd {
	width: 100%
}

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

	.hh-tech-institute-committee .hh-description,
	.hh-tech-institute-rd .hh-description {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

.hh-tech-institute-rd-title {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-top: .5rem
}

.hh-tech-institute-rd-title span {
	font-size: 1.125rem;
	font-weight: 700
}

.hh-tech-institute-rd-title>span:last-child {
	font-size: 1.125rem;
	font-weight: 400
}

@media only screen and (max-width:768px) {
	.hh-tech-institute-rd-title>span:last-child {
		font-size: .875rem
	}
}

.hh-tech-institute-exp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 6.75rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-tech-institute-exp {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		padding-left: 1rem;
		padding-right: 1rem;
		grid-gap: 0;
		width: 100%
	}

	.hh-tech-institute-exp .left {
		margin-bottom: 2rem
	}
}

.hh-tech-institute-exp-item {
	margin-bottom: 2rem
}

.hh-tech-institute-exp-item:last-child {
	margin-bottom: 0
}

.hh-tech-institute-exp-title {
	color: #333;
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: .5rem
}

.hh-tech-institute-exp-desc {
	color: #333;
	font-size: 1rem
}

.hh-tech-institute-exp-desc+.hh-item-text {
	margin-top: 1.5rem
}

.hh-tech-institute-download {
	border-bottom: .0625rem solid #d9d9d9;
	cursor: pointer;
	padding-bottom: .75rem;
	padding-top: .75rem
}

.hh-tech-institute-download-info,
.hh-tech-institute-download-title {
	color: #333;
	font-size: .875rem
}

.hh-tech-institute-download-name {
	color: #333;
	float: left;
	font-size: .875rem;
	width: 90%
}

.hh-tech-institute-download-info {
	align-items: flex-start;
	color: #8e8e8e;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: .25rem
}

@media only screen and (max-width:768px) {
	.hh-tech-institute-download-info {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}
}

.hh-tech-institute-download-info .icon {
	height: 1.5rem;
	width: 1.5rem
}

.hh-tech-institute-download-info i {
	font-style: normal
}

.hh-tech-institute-download-info>span:last-child,
.hh-tech-institute-download-info>span:last-child:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-tech-institute-download-info>span:last-child:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1.5rem;
	margin-left: .125rem;
	margin-top: -.1875rem;
	width: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-tech-history-slides {
		margin-top: 2rem
	}
}

.hh-news-title-extra {
	position: relative
}

.hh-news-title-extra .ant-select {
	margin-right: .75rem
}

.hh-news-detail {
	position: relative;
	width: 100%
}

.hh-news-detail-attr {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	font-size: .875rem;
	justify-content: flex-start;
	margin-bottom: 1rem
}

.hh-news-detail-attr .category {
	margin-left: .5rem;
	margin-right: .5rem
}

.hh-news-detail-attr .category:after {
	background-color: #ee3a43;
	content: "";
	display: block;
	height: .25rem;
	width: .25rem
}

.hh-news-detail-content {
	color: #333;
	max-width: 100%;
	overflow: hidden
}

.hh-news-detail-content img {
	height: auto !important;
	max-width: 100%
}

.hh-news-detail-content a,
.hh-news-detail-content a:hover {
	color: #324cbb
}

.hh-news-detail-content ol,
.hh-news-detail-content ul {
	list-style: auto;
	margin: revert;
	padding: revert
}

.hh-news-tender-content {
	color: #333
}

.hh-news-tender-content .info-item {
	width: 100%
}

.hh-news-tender-content .info-item .hh-item-text-title {
	margin-bottom: .5rem
}

.hh-news-fabs-factory-detail .hh-item-text {
	margin-bottom: 1rem
}

.hh-contact-detail {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-contact-detail {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-contact-detail .hh-description+.hh-common-email,
.hh-contact-detail .hh-description+.hh-item-text,
.hh-contact-detail .hh-item-text+.hh-common-email,
.hh-contact-detail-apply+.hh-common-email {
	margin-top: 1.5rem
}

.hh-contact-detail-apply {
	align-items: center;
	background-color: #17417e;
	border: 0;
	color: #fff;
	display: block;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	height: 3rem;
	justify-content: center;
	margin-top: 1.5rem;
	transition: all .6s ease;
	width: 20rem
}

.hh-contact-detail-apply:hover {
	background-color: #ee3a43;
	color: #fff
}

.hh-contact-detail-children {
	margin-top: 1.5rem
}

.hh-contact-detail-children .hh-description+.hh-item-text {
	margin-left: 0;
	margin-top: 0
}

.hh-contact-detail-email {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-contact-detail-email .hh-common-email,
.hh-contact-detail-email .hh-description+.hh-common-email {
	margin-top: 0
}

.hh-contact-social {
	margin: 0 auto;
	max-width: 80rem
}

.hh-contact-swiper {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper {
		gap: 0;
		margin-top: 1rem
	}
}

.hh-contact-swiper-slide {
	align-items: flex-start;
	background-color: #1877f3;
	cursor: pointer;
	display: flex;
	flex-basis: calc(33.33% - 11px);
	flex-direction: column;
	justify-content: flex-start;
	margin-right: 0 !important;
	padding: 1.25rem;
	position: relative;
	transition: all .6s ease
}

@media only screen and (max-width:1079px) {
	.hh-contact-swiper-slide {
		flex-basis: calc(50% - 8px);
		flex-wrap: wrap;
		justify-content: space-around;
		margin-right: 0 !important
	}
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide {
		flex-basis: 100%;
		height: 7.5rem;
		justify-content: start
	}

	.hh-contact-swiper-slide+.hh-contact-swiper-slide {
		margin-top: 1rem
	}

	.hh-contact-swiper-slide .hh-description {
		max-width: 100%;
		z-index: 10
	}
}

.hh-contact-swiper-slide .qrcode {
	height: 5rem;
	margin-top: 1rem;
	width: 5rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide .qrcode {
		display: none
	}
}

.hh-contact-swiper-slide .corner {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.982' height='111.672'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%231465ce'/%3E%3Cstop offset='1' stop-color='%231877f3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M83.65 35.387H68.824a7.445 7.445 0 0 0-7.445 7.445v14.892H83.65L80.389 80.05h-19.01V121H36.888V80.05H16.667V57.724h19.959l.261-21.191-.073-7.6A19.42 19.42 0 0 1 56.048 9.332h27.6Z' transform='translate(-16.668 -9.332)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 7rem;
	position: absolute;
	right: 0;
	top: 0;
	width: 4.25rem;
	z-index: 10
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide .corner {
		height: 4.878125rem;
		width: 3.29875rem;
		z-index: unset
	}
}

.hh-contact-swiper-slide .hh-button {
	bottom: 1rem;
	position: absolute;
	right: 0
}

.hh-contact-swiper-slide .hh-button>a {
	font-size: 1.125rem;
	padding-bottom: 0;
	padding-top: 0
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide .hh-button>a {
		font-size: .875rem;
		font-weight: 400;
		line-height: 1.25rem
	}
}

.hh-contact-swiper-slide .hh-button>a>div.area {
	margin-top: .1875rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide .hh-button>a>div.area {
		margin-top: 0
	}
}

.hh-contact-swiper-slide .hh-button>a:hover {
	background-color: transparent
}

.hh-contact-swiper-slide.linkedin {
	background-color: #0a66c2
}

.hh-contact-swiper-slide.linkedin .corner {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88.43' height='88.428'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y1='1' y2='.191' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230a66c2'/%3E%3Cstop offset='1' stop-color='%230456a7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M19949.793 5267.43v-58.784h18.1v58.784Zm69.049-.03v-1.413c0-8.956.061-17.912-.035-26.863a49 49 0 0 0-.775-8.79c-1.111-5.672-5.129-7.739-10.494-7.081-5.467.674-8.412 3.691-9.3 9.293a41.5 41.5 0 0 0-.508 6.22c-.057 9.042-.025 18.083-.025 27.125v1.509H19980v-58.754h17.639v7.462c.227-.116.357-.136.408-.211 3.48-5.325 8.639-7.789 14.76-8.322a26.3 26.3 0 0 1 13.381 1.966c5.2 2.369 8.07 6.658 9.262 12.023a51.8 51.8 0 0 1 1.313 10.429c.166 11.516.07 23.036.07 34.557 0 .251-.02.508-.035.85Zm-70.416-77.647a10.693 10.693 0 1 1 10.721 10.63 10.62 10.62 0 0 1-10.721-10.63' data-name='Union 465' transform='translate(-19948.426 -5179.002)'/%3E%3C/svg%3E");
	height: 5.5rem;
	width: 5.5rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide.linkedin .corner {
		height: 5.5rem;
		width: 5.5rem
	}
}

.hh-contact-swiper-slide.twitter {
	background-color: #1da2f3
}

.hh-contact-swiper-slide.twitter .corner {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91.197' height='79.317'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y1='.966' y2='.248' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%231da2f3'/%3E%3Cstop offset='1' stop-color='%23198dd5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 26.611c1.172-2 2.046-2.33 4.325-1.638.646.2 1.3.379 2.017.589-.452-1.251-.957-2.4-1.285-3.6A17.98 17.98 0 0 1 7.369 6.494c1.442-2.145 3.777-2.07 5.055.2a43.6 43.6 0 0 0 8.7 11.076 38.34 38.34 0 0 0 18.85 9.377c1.129.216 2.273.356 3.423.533.084-1.471.117-2.891.253-4.3a22.63 22.63 0 0 1 5.485-12.864A19.26 19.26 0 0 1 60.9 3.9a18.65 18.65 0 0 1 11.184 1.552 1.66 1.66 0 0 0 1.643 0c3.414-1.713 6.843-3.4 10.3-5.029a3.8 3.8 0 0 1 2.11-.39c1.9.33 2.708 2.223 1.818 4.07-1.223 2.535-2.494 5.047-3.742 7.571-.126.255-.235.519-.422.936 1.455-.135 2.746-.244 4.036-.377 2.036-.21 3.588 1.15 3.347 3.021a4.2 4.2 0 0 1-.62 1.545c-1.194 1.98-2.447 3.925-3.631 5.911a2 2 0 0 0-.233 1.228c2.152 14.373-1.13 27.282-10.311 38.633a41.5 41.5 0 0 1-13.86 11.494 48.9 48.9 0 0 1-15.062 4.549 68.6 68.6 0 0 1-14.382.542c-8.8-.636-17.377-2.3-25.416-6.082a29 29 0 0 1-4.741-3.1 2.56 2.56 0 0 1-.853-3.119A2.78 2.78 0 0 1 4.883 65.1c2.817-.054 5.643 0 8.449-.207A23.33 23.33 0 0 0 26.468 60c-1.919-.638-3.817-1.2-5.661-1.9a32.4 32.4 0 0 1-11.74-7.356 2.9 2.9 0 0 1-.977-2.878 2.74 2.74 0 0 1 2.237-2.044c.832-.192 1.65-.45 2.6-.715-1.1-.674-2.1-1.234-3.052-1.879A22.22 22.22 0 0 1 .294 29.011a6 6 0 0 0-.294-.8z'/%3E%3C/svg%3E");
	height: 6rem;
	width: 6rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide.twitter .corner {
		height: 6rem;
		width: 6rem
	}
}

.hh-contact-swiper-slide.instagram {
	background-color: #00b2ff
}

.hh-contact-swiper-slide.instagram .corner {
	height: 5.5rem;
	width: 5.5rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide.instagram .corner {
		height: 5.5rem;
		width: 5.5rem
	}
}

.hh-contact-swiper-slide.youtube {
	background-color: #074cb3
}

.hh-contact-swiper-slide.youtube .corner {
	height: 4.5625rem;
	margin-top: .75rem;
	width: 6.5625rem
}

@media only screen and (max-width:768px) {
	.hh-contact-swiper-slide.youtube .corner {
		height: 4.5625rem;
		width: 6.5625rem
	}
}

.hh-contact-swiper-slide>.hh-description,
.hh-contact-swiper-slide>.hh-image {
	position: relative;
	z-index: 20
}

.hh-contact-swiper-slide:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-contact-swiper-slide:hover:after {
	width: 100%
}

.hh-contact-swiper-no-link {
	cursor: default
}

.hh-contact-swiper-no-link:after {
	display: none
}

.hh-contact-swiper .swiper-wrapper {
	gap: 1rem
}

.hh-contact-items {
	margin-bottom: 7.5rem
}

.hh-trademark .hh-item-text-list-title {
	font-size: 1.5rem;
	line-height: 2.25rem;
	margin-bottom: 1rem
}

.hh-trademark .hh-item-text-item .hh-button {
	margin-top: 1.5rem
}

.hh-trademark-identification {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 3rem;
	column-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-trademark-identification {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-trademark-identification img {
	-o-object-fit: scale-down;
	object-fit: scale-down
}

.hh-trademark-identification-right {
	align-items: center;
	background-color: #f5f5f5;
	display: flex;
	flex-direction: row;
	height: 160px;
	justify-content: center
}

.hh-trademark-identification-right .hh-image {
	width: 17.125rem
}

.hh-trademark-identification-lists {
	margin-top: .75rem
}

@media only screen and (max-width:768px) {
	.hh-trademark-identification-lists .hh-item-text-item .info {
		display: block
	}
}

.hh-trademark-photos {
	margin-top: 3rem;
	width: 100%
}

.hh-trademark-photos img {
	-o-object-fit: contain;
	object-fit: contain
}

@media only screen and (max-width:768px) {
	.hh-trademark-photos .hh-item-images-inner {
		justify-content: center;
		justify-items: center
	}
}

.hh-trademark-photos .hh-item-images-item:first-child {
	height: 235px;
	width: 237px
}

.hh-trademark-photos .hh-item-images-item:last-child {
	height: -moz-fit-content;
	height: fit-content;
	max-width: 365px;
	width: 100%
}

.hh-trademark-photos2 {
	margin-top: 3rem;
	width: 100%
}

.hh-trademark-photos2 img {
	-o-object-fit: contain;
	object-fit: contain
}

.hh-trademark-photos2 .hh-item-images-item:first-child {
	height: -moz-fit-content;
	height: fit-content;
	width: 100%
}

.hh-trademark-photos2 .hh-item-images-item:last-child {
	height: -moz-fit-content;
	height: fit-content;
	max-width: 350px;
	width: 100%
}

.hh-trademark-instances-error-title {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 1rem
}

.hh-trademark-instances-error-title:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23EE3A43' fill-rule='evenodd' d='M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12m-5.94-3.938L18.12 16l3.94 3.94-2.122 2.12L16 18.123l-3.94 3.94-2.12-2.122 3.939-3.939-3.94-3.94 2.122-2.12 3.939 3.939 3.94-3.94z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	margin-right: .25rem;
	min-width: 2rem;
	width: 2rem
}

.hh-trademark-contact {
	align-items: center;
	border-top: .0625rem solid #ccc;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-trademark-contact {
		display: block
	}
}

.hh-cookies .hh-item-text-list-title,
.hh-privacy .hh-item-text-list-title {
	margin-bottom: 1rem
}

.hh-cookies .hh-item-text-inner .hh-item-text,
.hh-privacy .hh-item-text-inner .hh-item-text {
	margin-left: 0
}

.hh-cookies .hh-item-text-list-intro+.hh-item-text,
.hh-privacy .hh-item-text-list-intro+.hh-item-text {
	margin-left: 1.25rem;
	margin-top: 1rem
}

.hh-cookies>.hh-item-text+.hh-item-text {
	margin-top: 1rem
}

.hh-sitemap-title {
	display: inline-block;
	margin-bottom: 1.5rem
}

.hh-sitemap-title .hh-description-detail {
	transition: all .6s ease
}

.hh-sitemap-title:hover .hh-description-detail {
	color: #ee3a43
}

.hh-sitemap-items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 1.5rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-sitemap-items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-sitemap-item {
	border-bottom: .0625rem solid #d9d9d9;
	position: relative
}

.hh-sitemap-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-sitemap-item>a {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	height: 100%;
	justify-content: flex-start;
	padding: .5rem;
	position: relative;
	width: 100%
}

.hh-sitemap-item-has-child {
	cursor: pointer
}

.hh-sitemap-item-has-child:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg data-name='icon-chevron-down'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23333' d='M6.367 10.414 7.781 9 12 13.219 16.219 9l1.414 1.414L12 16.047Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	position: absolute;
	right: .75rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .6s ease;
	width: 1.5rem
}

.hh-sitemap-item:hover:after {
	width: 100%
}

.hh-sitemap-item:hover>a {
	color: #ee3a43
}

.hh-sitemap-item:hover .hh-sitemap-item-has-child:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 24V0H0v24Z'/%3E%3Cpath fill='%23ee3a43' d='M6.367 10.414 7.781 9 12 13.219 16.219 9l1.414 1.414L12 16.047Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-sitemap-item-submenu {
	padding-top: 0;
	width: 100%
}

.hh-sitemap-item-submenu .ant-popover-arrow {
	display: none
}

.hh-sitemap-item-submenu .ant-popover-inner {
	padding: 0
}

.hh-sitemap-submenu-item>a {
	align-items: center;
	border-bottom: .0625rem solid #d9d9d9;
	color: #333;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: flex-start;
	padding: .5rem 1.5rem;
	position: relative;
	width: 100%
}

.hh-sitemap-submenu-item>a:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-sitemap-submenu-item>a:hover {
	background-color: #f1f1f1;
	color: #ee3a43
}

.hh-sitemap-submenu-item>a:hover:after {
	width: 100%
}

.hh-sitemap-extra .hh-sitemap-item {
	border-bottom: none
}

.hh-sitemap-extra .hh-sitemap-item>a {
	color: #17417e;
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: 700;
	transition: all .6s ease
}

.hh-sitemap-extra .hh-sitemap-item>a:hover {
	color: #ee3a43
}

.hh-sitemap-extra .hh-sitemap-item:after {
	display: none
}

@media only screen and (max-width:992px) {
	.hh-adapt-display .hh-sitemap-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	.hh-adapt-display .hh-sitemap-items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-earth-map {
	height: 50rem;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAwCAYAAAD3sVMsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWFSURBVHgB7ZxPbBRVHMd/b0v/6+7caCvY8eRBLPQmJIXWhNCDQA+kNbHGrUav2HAw/mm73Y0mHgg18dIQbVEOophUYuK/AwXFyElKUhPRhCkiXRMNW6CI0d3n+83OLLPT7gLdmd8M+94n2cz/mZ033/y+b977vQFQKBQKhUKhUNwrDBQlaX4oGec5tlcUkmauiPAjy7+PToOiJEpQJWhqS04Bh7h7PQN2bnlxpBMUq1IDihVgZBJiSuB817Z2GOzfDFqsAS78+heuaqmNdrN/r8/OgmIF0keoxtbU/ghAHweui+iT4QxmgPO42KQPDmyGyUN7Cvu+MvY1vHv4LM5mgLEJez+MWsIO31F2KLmgStmazRfHn4Xt2/TC8vn5NGzdebjk+YSwZoUd9oDEREBSLFuL4zza2uTEHtPayhGLNhQtmxHMcZyIct1NbeMJkJh1ICuc7UcJOG0NhdG+UYM3D5664+GvHdgOrx/YUTgO61imHYrzNrcmY8I6UbD4dmgIe5y+eWVkHCRA2gjFOd+C0927Hi1a/0x/x10d7z6ua2u7PatxgJctMSG6uFiiuTX1I0gAuaDEg9QgRESj9bAWYlqx/TntUBPnxOh17P1+px1uobbDIMqa1PLEDY6JSVxMexhjBlQpbyd3FYT0VG8+kh39eA7t8DkxmwACRBnrYnJSTKdFWZPZLVmEssSUALSA/I3qEBDYVFBqWyxan4EKwUq+k929BXvUgQBbTNb1ElbZk0ASoRxistHFb0r8SF+xH9iQ6uZZOIT2U2ofLdaIgqrIKto3FB/ufjskAMtWdyyjqIAiUvkeoVYRE2KI3xAQ0tSWGstl+clyYvKKpWu3IGCwbA3XOpJI5WuEKiMm0jqUaXHiTQvn2zfGRDPBXujd90Gp3TVsW8rvWxxpsGnA3qa5ok7HpvWFbQFEpCKwbLGeCrdtz4YsUnkOiomv5CJ13amhJaGLFvGrTa1J/sTOSX516W/zj+Ay/k6ducj95vQZo3A9IATL2ipzN75FKl8sj4ckMiE1jJltQhiZPnqvf0VkqWasssZIZbg2+WZ/ngsqTGLKEzHf37tEn5zbwmSAWlSeCip8YsKmn9VbxGWCUlSeVcrDKCYTqwvE3SI+OJDvYtGijSADVBV1TwQVWjGVAd/0ZINCVF5Znkolvv/x5Bl6Iiih7ISYuNWtQ8BdLIpieHGXjJNx6xlWjGeVciWqcEMhJsTTt7xQioqB2dl76fISyAqVmBDP26HCJirG2Tmcnp//A2SEUkyILy3lYRIVZzkzn/fosTm49FvFmSn3FdRiQnzLNgiLqOrq+ATaHmYAvDR8AmQhCDEhvqavhEFUGSORqQFmpsp8+/2CPa6uqglKTIjv+VBlRDUFRFy/MjKDY+Zw/q2Dp2WwPneCHeK7mBCSFOBVRGUAcYJdlmeHJLI+d4IdiZgQspxyh6gMCKBL5lY6YTCeFzW19S1cpo2Irs5gMjEhpMOorBvrDKp/b3lxdCII6/v5lz+tC+WbMCiwyriTUkwI+bg8cYOBVmCCsL5PT/xkZjyIeycTlHU98rKWbuQwtfXheLwFKxKyHD8CVY60WQLNrSkcAdONAwp++OZFeNiHbE601N59H9qCMm4ujj4CVY603zZwWh8+dK/rU3i+gRc+KUSnOl7bAxIg7Rfs/rsxm6lvfvIsfiUFRfX5VxcgFmuAjsdaoBLwXMc/m4enn78tJg4wfCP9xpcgAdInxj3YlurLAp+yU4VxVMzjm9abwordw4c0lq79YwroO1Evy9gDPUUEZDkYXk7L82U7lWkJ+bF7kYh4vc5/zMITsHmilq8byqRfNUAilKAcoLAYi/QJMexga/m+gWj7yfHcXD2vnZFNSAqFQqFQKBSKtfM/4f4E1j0qnxEAAAAASUVORK5CYII="), auto
}

@media only screen and (max-width:768px) {
	.hh-earth-map {
		height: 40rem
	}
}

.hh-earth-map:after,
.hh-earth-map:before {
	background: linear-gradient(180deg, #011e4d 0, rgba(1, 30, 77, 0));
	content: "";
	height: 10vh;
	max-height: 10rem;
	position: absolute;
	width: 100%
}

.hh-earth-map-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 50%;
	max-width: 80rem;
	padding-left: 5rem;
	padding-right: 5rem;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 10
}

@media only screen and (max-width:1320px) {
	.hh-earth-map-inner {
		padding-left: 2.5rem;

		padding-right: 2.5rem
	}
}

@media only screen and (max-width:1023px) {
	.hh-earth-map-inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-earth-map-inner .info {
	position: relative;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .info {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		position: absolute;
		top: 0
	}
}

.hh-earth-map-inner .info .dashboard-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .info .dashboard-items {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		grid-gap: unset
	}
}

.hh-earth-map-inner .info .dashboard-items .dashboard-item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .info .dashboard-items .dashboard-item {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-earth-map-inner .info .dashboard-items .dashboard-item .number {
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.25rem
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .info .dashboard-items .dashboard-item .number {
		font-size: 1.375rem
	}

	.hh-earth-map-inner .info .dashboard-items .dashboard-item .name {
		font-size: .75rem
	}
}

.hh-earth-map-inner .info .coordinates {
	align-items: center;
	bottom: 0;
	display: flex;
	flex-direction: column;
	font-size: .875rem;
	font-weight: 700;
	justify-content: center;
	position: absolute;
	right: 1rem
}

.hh-earth-map-inner .drag-hint,
.hh-earth-map-inner .scroll-down {
	bottom: 18%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 3.75rem;
	z-index: 20
}

.hh-earth-map-inner .scroll-down {
	align-items: center;
	bottom: 5%;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-size: .875rem;
	justify-content: center;
	pointer-events: auto;
	width: 100%
}

.hh-earth-map-inner .scroll-down img {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	transform: rotate(90deg);
	width: 1.5rem
}

.hh-earth-map-inner .satellite {
	align-items: flex-end;
	animation-delay: 3s;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-name: hh-anim-float-up-down;
	animation-timing-function: linear;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	right: 20%;
	top: 1%;
	transform-style: preserve-3d
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .satellite {
		right: 10%;
		top: 15%
	}
}

.hh-earth-map-inner .satellite .hh-image img {
	pointer-events: none;
	width: 11.875rem
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .satellite .hh-image img {
		width: 6.25rem
	}
}

.hh-earth-map-inner .satellite .tooltip {
	left: 3rem;
	margin-top: -4rem;
	pointer-events: auto;
	position: relative;
	transition: all .6s ease
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .satellite .tooltip {
		bottom: -1rem;
		font-size: .875rem;
		left: unset;
		position: absolute
	}
}

.hh-earth-map-inner .satellite .tooltip label {
	cursor: pointer;
	padding: .375rem 1rem .5rem;
	white-space: nowrap
}

@media only screen and (max-width:768px) {
	.hh-earth-map-inner .satellite .tooltip label {
		background-color: #011e4d
	}
}

.hh-earth-map-inner .satellite .tooltip label:hover {
	background-color: #ee3a43
}

.hh-earth-locations .hh-title-content:after {
	display: none
}

.hh-earth-locations-info {
	border-left: .0625rem solid #a5d6ff;
	color: #fff;
	letter-spacing: .0625rem;
	margin-top: 1.5rem;
	padding-left: 1rem;
	transition: all .6s ease
}

.hh-earth-locations-info .name {
	font-size: 1.125rem;
	font-weight: 700
}

.hh-earth-locations-info .address,
.hh-earth-locations-info .created,
.hh-earth-locations-info .intro {
	font-size: 1rem
}

.hh-earth-locations-info .address a {
	align-items: flex-start;
	color: #a5d6ff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-top: 1rem
}

.hh-earth-locations-info .address a:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='none' stroke='%23a5d6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m16.243 15.582-3.183 3.444a1.42 1.42 0 0 1-2.12 0l-3.183-3.444a6.874 6.874 0 0 1 0-9.181 5.684 5.684 0 0 1 8.485 0 6.874 6.874 0 0 1 .001 9.181'/%3E%3Ccircle cx='2' cy='2' r='2' fill='%23a5d6ff' transform='translate(10 8.5)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	width: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-adapt-display .hh-earth-map-inner .info .dashboard-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;
		width: 100%
	}

	.hh-adapt-display .hh-earth-map-inner .info .dashboard-items .dashboard-item .name {
		text-align: center
	}
}

.hh-about-employee-benefit .measure .name {
	color: #333;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	margin-bottom: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-about-employee-benefit .measure .name {
		font-size: 1.125rem;
		line-height: 1.75rem
	}
}

.hh-about-employee-benefit .measure .list {
	color: #333;
	font-size: 1.125rem;
	margin-left: 2rem;
	position: relative
}

.hh-about-employee-benefit .measure .list .item {
	line-height: 1.75;
	list-style: decimal;
	margin-bottom: .5rem;
	padding-left: .5rem
}

.hh-about-employee-benefit .measure .list .item .hh-item-text {
	margin-top: .5rem
}

.hh-about-employee-benefit .measure .list .item .hh-item-detail {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.hh-about-employee-benefit .measure .list .item .hh-item-detail-content {
	font-size: 1rem
}

.hh-about-employee-retirement .retirement-system-title {
	color: #333;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-about-employee-retirement .retirement-system-title {
		font-size: 1.125rem;
		line-height: 1.75rem
	}
}

.hh-affiliated-enterprises {
	margin-top: 1.5rem;
	position: relative;
	width: 100%
}

.hh-affiliated-tree {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-affiliated-tree .hh-tabs-wrapper {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-affiliated-tree .hh-tabs.ant-tabs .ant-tabs-tab {
		color: rgba(165, 214, 255, .7)
	}
}

.hh-affiliated-tree .hh-tabs.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,
.hh-affiliated-tree .hh-tabs.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
	color: #fff
}

.hh-affiliated-tree .hh-tabs.ant-tabs .ant-tabs-nav:before {
	border-bottom-color: hsla(0, 0%, 100%, .2)
}

.hh-affiliated-tree-ancestor {
	align-items: center;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	height: 6.25rem;
	justify-content: center;
	width: 18.75rem
}

.hh-affiliated-tree-ancestor img {
	height: auto;
	width: 15rem
}

.hh-affiliated-tree-lines {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 3rem;
	position: relative;
	width: 100%
}

.hh-affiliated-tree-lines .vertical {
	background-color: #fff;
	height: 3rem;
	width: .0625rem
}

.hh-affiliated-tree-lines .horizontal {
	background-color: #fff;
	height: .0625rem;
	width: 54%
}

.hh-affiliated-tree-lines .verticals {
	position: relative;
	width: 54%
}

.hh-affiliated-tree-lines .end,
.hh-affiliated-tree-lines .start {
	background-color: #fff;
	height: 3rem;
	position: absolute;
	top: 0;
	width: .0625rem
}

.hh-affiliated-tree-lines .start {
	left: 0
}

.hh-affiliated-tree-lines .end {
	right: 0
}

.hh-affiliated-tree-categories {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 6.75rem;
	transition: all .6s ease;
	width: 100%
}

.hh-affiliated-tree-categories .category {
	align-items: center;
	background-color: #324cbb;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.125rem;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem
}

.hh-affiliated-tree-companies {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 6.75rem;
	transition: all .6s ease;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-affiliated-tree-companies {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item {
	align-items: center;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	height: 7.5rem;
	justify-content: center
}

@media only screen and (max-width:768px) {
	.hh-affiliated-tree-companies .companies .hh-item-detail-item {
		height: 6.25rem
	}
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item .logo:hover .hh-image img {
	transform: scale(1)
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item .logo:after {
	display: none
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item .hh-image img {
	height: auto;
	max-width: 11rem
}

@media only screen and (max-width:768px) {
	.hh-affiliated-tree-companies .companies .hh-item-detail-item .hh-image img {
		width: 9rem
	}
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item:hover:after {
	width: 100%
}

.hh-affiliated-tree-companies .companies .hh-item-detail-item.active .hover .hh-image img {
	transform: scale(1)
}

@media only screen and (max-width:1280px) {
	.hh-affiliated-tree-companies .companies .hh-item-detail-content {
		margin-left: 0;
		width: 100%
	}
}

.hh-affiliated-tree-companies .companies .company {
	color: #333;
	padding: 1.5rem
}

.hh-affiliated-tree-companies .companies .company .name {
	margin-bottom: 1rem
}

.hh-affiliated-tree-companies .companies .company .name a {
	align-items: center;
	color: #17417e;
	display: flex;
	flex-direction: row;
	font-size: 1.3125rem;
	font-weight: 700;
	justify-content: flex-start;
	line-height: 1.6875rem
}

.hh-affiliated-tree-companies .companies .company .name a:hover {
	color: #17417e
}

.hh-affiliated-tree-companies .companies .company .name a:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cg fill='%23324cbb' data-name='link'%3E%3Cpath d='M13.33 4v1.669h3.819l-7.09 7.1 1.1 1.251 7.171-7.168v3.5H20V4Z'/%3E%3Cpath d='M4 4v16h16v-6.932h-1.669v5.262H5.669V5.669h4.923V4Z' data-name='path'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-left: .5rem;
	margin-top: .125rem;
	width: 1.5rem
}

.hh-affiliated-tree-companies .companies .company .date {
	color: #333;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: .75rem
}

.hh-affiliated-tree-companies .companies .company .date label {
	font-weight: 700;
	margin-right: .5rem
}

.hh-affiliated-tree-companies .companies .company .intro {
	color: #333;
	font-size: 1rem;
	line-height: 1.5rem
}

.hh-archives-title-total {
	color: #8e8e8e;
	font-size: .875rem;
	margin-top: 1.5rem
}

.hh-archives-title-total .total {
	padding-left: .25rem;
	padding-right: .25rem
}

.hh-archives-swipers {
	position: relative;
	width: 100%
}

.hh-archives-swipers .swiper {
	margin: 0
}

.hh-archives-swipers .swiper-slide {
	width: auto
}

.hh-archives-swiper {
	background-color: rgba(50, 76, 187, .04);
	cursor: pointer;
	margin-right: 1rem;
	padding: 1.25rem;
	position: relative;
	transition: all .6s ease;
	width: auto
}

.hh-archives-swiper:last-child {
	margin-right: 0
}

.hh-archives-swiper-subtitle,
.hh-archives-swiper-title {
	text-align: center;
	transition: all .6s ease
}

.hh-archives-swiper-title {
	color: #17417e;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.75rem
}

.hh-archives-swiper-subtitle {
	color: #8e8e8e;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-top: .25rem
}

.hh-archives-swiper:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-archives-swiper.active,
.hh-archives-swiper:hover {
	background-color: #17417e
}

.hh-archives-swiper.active .hh-archives-swiper-subtitle,
.hh-archives-swiper.active .hh-archives-swiper-title,
.hh-archives-swiper:hover .hh-archives-swiper-subtitle,
.hh-archives-swiper:hover .hh-archives-swiper-title {
	color: #fff
}

.hh-archives-swiper.active:after,
.hh-archives-swiper:hover:after {
	width: 100%
}

.hh-archives-list,
.hh-archives-list-item {
	position: relative;
	width: 100%
}

.hh-archives-list-item {
	border-bottom: .0625rem solid #d9d9d9;
	cursor: pointer;
	transition: all .6s ease
}

.hh-archives-list-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-archives-list-item:hover {
	background: rgba(238, 58, 67, .04)
}

.hh-archives-list-item:hover:after {
	width: 100%
}

.hh-archives-list-item>a {
	color: #333;
	display: block;
	padding: 1rem;
	position: relative
}

.hh-archives-list-item>a .name {
	font-size: 1.125rem;
	white-space: normal;
	width: calc(100% - 100px);
	word-break: break-all
}

@media only screen and (max-width:768px) {
	.hh-archives-list-item>a .name {
		line-height: 1.5rem;
		width: 100%
	}
}

.hh-archives-list-item>a .info {
	align-items: center;
	color: #8e8e8e;
	display: flex;
	flex-direction: row;
	font-size: .875rem;
	justify-content: flex-start;
	margin-top: .5rem
}

.hh-archives-list-item>a .info>i {
	font-style: normal;
	padding-left: .25rem;
	padding-right: .25rem
}

.hh-archives-list-item>a .info .size,
.hh-archives-list-item>a .info>i {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-archives-list-item>a .info .size {
	margin-left: .5rem
}

.hh-archives-list-item>a .info .size>i {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-right: .125rem;
	margin-top: -.25rem;
	width: 1.5rem
}

.hh-archives-list-item .hh-button {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%)
}

.hh-milestones {
	position: relative;
	width: 100%
}

.hh-milestones .mt24 {
	margin-top: 1.5rem
}

.hh-milestones-select.desktop {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: sticky;
	top: 7.5rem;
	z-index: 3
}

.hh-milestones-select.desktop.active {
	top: 31rem
}

@media only screen and (max-width:1320px) {
	.hh-milestones-select.desktop.active {
		top: 28.5rem
	}

	.hh-milestones.desktop .hh-title {
		padding-left: 1.25rem
	}
}

.hh-milestones.mobile .hh-milestones-content,
.hh-milestones.mobile .hh-milestones-select,
.hh-milestones.mobile .hh-title {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.hh-milestones.mobile .hh-title-extra {
	display: none
}

.hh-milestones.mobile .hh-milestones-select {
	background: #011e4d;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
	position: sticky;
	top: 7.45rem;
	z-index: 20
}

.hh-milestones.mobile .hh-milestones-select .ant-select {
	position: relative;
	width: 100%
}

.hh-milestones.mobile .hh-milestones-select .ant-select:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 100%
}

.hh-milestones.mobile .hh-milestones-select .ant-select.transparent .ant-select-selector {
	background: rgba(165, 214, 255, .16);
	border: 0;
	color: #fff
}

.hh-milestones.mobile .hh-milestones-content {
	background: #fff;
	padding-bottom: 2rem;
	padding-top: 2rem
}

.hh-milestones.mobile .hh-milestones-content .year {
	color: #ee3a43;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 2rem
}

.hh-milestones.mobile .hh-milestones-content .hh-item-text {
	margin-top: .5rem
}

.hh-milestones.mobile .hh-swiper-nav-content {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 2rem 1.25rem;
	transition: all .6s ease
}

.hh-milestones.mobile .hh-swiper-nav-content .next,
.hh-milestones.mobile .hh-swiper-nav-content .prev {
	align-items: center;
	color: #ee3a43;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	opacity: 1
}

.hh-milestones.mobile .hh-swiper-nav-content .prev {
	margin-right: .5rem
}

.hh-milestones.mobile .hh-swiper-nav-content .prev:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M12.299 16.219 9.079 13h9.086v-2H9.079l3.22-3.219-1.414-1.414L5.251 12l5.634 5.633Z' data-name='Union 25'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-right: .5rem;
	transition: all .6s ease;
	width: 1.5rem
}

.hh-milestones.mobile .hh-swiper-nav-content .next {
	margin-left: 2rem
}

.hh-milestones.mobile .hh-swiper-nav-content .next:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Artboard ¨C 1'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M12.116 16.219 15.335 13H6.25v-2h9.086l-3.219-3.219 1.414-1.414L19.165 12l-5.634 5.633Z' data-name='Union 25'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1.5rem;
	justify-content: center;
	margin-left: .5rem;
	transition: all .6s ease;
	width: 1.5rem
}

.hh-milestones.mobile .hh-swiper-nav-content .center {
	margin-left: 0
}

.hh-milestones.mobile .hh-swiper-nav-content .swiper-button-disabled {
	opacity: 0
}

.hh-milestones-swiper {
	background: #011e4d;
	margin-top: 1.5rem
}

.hh-milestones-swiper.desktop {
	margin-top: 3rem;
	overflow: hidden;
	position: relative
}

.hh-milestones-swiper.desktop.active,
.hh-milestones-swiper.desktop:hover {
	position: sticky;
	top: calc(5.5rem - 1px);
	z-index: 20
}

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

	.hh-milestones-swiper.desktop.active,
	.hh-milestones-swiper.desktop:hover {
		top: calc(4.5rem - 1px)
	}
}

.hh-milestones-swiper.desktop:hover+.hh-milestones-events .hh-milestones-select {
	top: 31rem
}

@media only screen and (max-width:1320px) {
	.hh-milestones-swiper.desktop:hover+.hh-milestones-events .hh-milestones-select {
		top: 28.5rem
	}
}

.hh-milestones-swiper.desktop .hh-swiper-nav .prev {
	right: 4rem
}

.hh-milestones-swiper.desktop .hh-swiper {
	overflow: visible
}

.hh-milestones-swiper.mobile {
	margin-top: 0
}

.hh-milestones-swiper.mobile .swiper-wrapper {
	padding-left: 1.25rem
}

.hh-milestones-swiper.mobile .hh-milestones-swiper-slide {
	max-width: 14rem
}

.hh-milestones-swiper.mobile .hh-milestones-swiper-slide-thumb {
	aspect-ratio: 224/120;
	width: 100%
}

.hh-milestones-swiper.mobile .hh-milestones-swiper-slide-title {
	display: -webkit-box;
	font-size: .875rem;
	font-weight: 700;
	margin-top: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	transform: perspective(200px);
	transform-style: preserve-3d;
	width: -moz-fit-content;
	width: fit-content
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information {
	aspect-ratio: 200/125;
	background-origin: padding-box;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	margin-right: .75rem;
	opacity: 0;
	position: relative;
	transform: translateZ(-100px);
	transition: transform .6s, opacity .3s;
	width: 12.5rem;
	-webkit-box-reflect: below 1px linear-gradient(hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 100%, .5) 90%)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information:last-child {
	margin-right: 0
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information .overlay {
	background-image: linear-gradient(90deg, #011940, #011940);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	width: 100%
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information .intro {
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateY(120%);
	transition: all .6s ease
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information .intro .title {
	color: #fff;
	display: -webkit-box;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-bottom: 1rem;
	margin-top: .75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0 0 12px #333;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information .intro .date {
	color: #a5d6ff;
	font-size: .875rem;
	line-height: 1.375rem
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information:hover .overlay {
	opacity: 0
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information:hover:after {
	width: 100%
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide .information:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active {
	transform-origin: center center;
	z-index: 3
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active .information {
	opacity: 1;
	transform: translateZ(0) rotateY(0) translateX(0)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active .information .overlay {
	opacity: 0;
	z-index: 3
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active .information.active .intro {
	opacity: 1;
	transform: translateY(100%)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active .information.active:after {
	width: 100%
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-active .information:hover .intro {
	opacity: 1;
	transform: translateY(100%)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information {
	opacity: 1;
	transform: translateZ(-10px) rotateY(6deg);
	transform-origin: center right
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:last-child {
	transform: translateZ(-10px) rotateY(6deg)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:nth-last-child(2) {
	transform: translateZ(-20px) rotateY(10deg) translateX(100px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:nth-last-child(3) {
	transform: translateZ(-30px) rotateY(12deg) translateX(250px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:nth-last-child(4) {
	transform: translateZ(-40px) rotateY(16deg) translateX(400px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:nth-last-child(5) {
	transform: translateZ(-170px) rotateY(20deg) translateX(600px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev .information:nth-last-child(6) {
	transform: translateZ(-270px) rotateY(24deg) translateX(750px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="0"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="10"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="5"] .information .overlay {
	background-image: linear-gradient(90deg, #3799e2, #000)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="1"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="11"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="6"] .information .overlay {
	background-image: linear-gradient(90deg, #2474c4, #000)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="12"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="2"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="7"] .information .overlay {
	background-image: linear-gradient(90deg, #1a5fb3, #000)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="13"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="3"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="8"] .information .overlay {
	background-image: linear-gradient(90deg, #114aa2, #000)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="14"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="4"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev[data-index="9"] .information .overlay {
	background-image: linear-gradient(90deg, #002a88, #000)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information {
	opacity: 1;
	transform: translateZ(-10px) rotateY(-6deg);
	transform-origin: center left
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:first-child {
	transform: translateZ(-10px) rotateY(-6deg)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:nth-child(2) {
	transform: translateZ(-20px) rotateY(-10deg) translateX(-100px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:nth-child(3) {
	transform: translateZ(-30px) rotateY(-12deg) translateX(-250px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:nth-child(4) {
	transform: translateZ(-40px) rotateY(-16deg) translateX(-400px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:nth-child(5) {
	transform: translateZ(-170px) rotateY(-20deg) translateX(-600px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next .information:nth-child(6) {
	transform: translateZ(-270px) rotateY(-24deg) translateX(-750px)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="0"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="10"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="5"] .information .overlay {
	background-image: linear-gradient(90deg, #000, #3799e2)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="1"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="11"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="6"] .information .overlay {
	background-image: linear-gradient(90deg, #000, #2474c4)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="12"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="2"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="7"] .information .overlay {
	background-image: linear-gradient(90deg, #000, #1a5fb3)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="13"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="3"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="8"] .information .overlay {
	background-image: linear-gradient(90deg, #000, #114aa2)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="14"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="4"] .information .overlay,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next[data-index="9"] .information .overlay {
	background-image: linear-gradient(90deg, #000, #002a88)
}

.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-next,
.hh-milestones-swiper.desktop .hh-milestones-swiper-slide.swiper-slide-prev {
	z-index: 1
}

.hh-milestones-swiper-pagination {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: .25rem;
	justify-content: center;
	line-height: 0;
	margin-top: 1rem;
	text-align: center
}

.hh-milestones-swiper-pagination .swiper-pagination-bullet {
	align-items: center;
	background: #fff;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	height: .25rem;
	justify-content: center;
	margin-left: .25rem;
	margin-right: .25rem;
	opacity: .6;
	transition: all .6s ease;
	width: 1rem
}

.hh-milestones-swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	width: 2rem
}

.hh-milestones-swiper-item {
	position: relative;
	width: auto
}

.hh-milestones-swiper-item.swiper-slide-active .control-anchor-start {
	color: #fff
}

.hh-milestones-swiper-control {
	background-color: #011e4d;
	cursor: grab;
	margin-bottom: .75rem;
	margin-top: 7.5rem;
	padding-bottom: 2.25rem;
	padding-top: 2.25rem;
	position: relative
}

.hh-milestones-swiper-control .hand {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	left: 50%;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 1rem;
	z-index: 10
}

.hh-milestones-swiper-control .hand:after,
.hh-milestones-swiper-control .hand:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2rem
}

.hh-milestones-swiper-control .hand:before {
	left: -2.25rem;
	transform: rotate(-180deg) translateY(50%)
}

.hh-milestones-swiper-control .hand:after {
	right: -2rem
}

.hh-milestones-swiper-control .hand.end:after,
.hh-milestones-swiper-control .hand.start:before {
	opacity: 0
}

.hh-milestones-swiper-control .control {
	background: #2474c4;
	height: .25rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.hh-milestones-swiper-control .control-ghost {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: .75rem;
	padding-top: .75rem
}

.hh-milestones-swiper-control .control-block {
	height: .25rem;
	width: 12.5rem
}

.hh-milestones-swiper-control .control-block+.hh-milestones-swiper-control .control-block {
	margin-left: .75rem
}

.hh-milestones-swiper-control .control-anchor {
	background: #000;
	height: .25rem;
	position: absolute;
	top: 0;
	width: .125rem
}

.hh-milestones-swiper-control .control-anchor-end,
.hh-milestones-swiper-control .control-anchor-start {
	color: #17417e;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.375rem;
	position: absolute;
	right: 0;
	top: .75rem;
	transform: translateX(50%);
	transition: all .6s ease
}

.hh-milestones-swiper-control .control-anchor .anchor {
	border-color: #ee3a43 transparent transparent;
	border-style: solid;
	border-width: .375rem .3125rem 0;
	height: 0;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-milestones-swiper-control .control-anchor.active .anchor {
	opacity: 1;
	top: -.75rem
}

.hh-milestones-swiper-control .control-end {
	background: linear-gradient(90deg, rgba(55, 153, 226, 0), #3799e2 70%);
	transform: translateY(-50%) translateX(calc(-100% - 4px))
}

.hh-milestones-swiper-control .control[data-index="1"],
.hh-milestones-swiper-control .control[data-index="6"] {
	background: #1a5fb3
}

@media only screen and (max-width:1320px) {
	.hh-milestones-timeline.ant-timeline {
		padding-left: 1.25rem
	}
}

.hh-milestones-timeline.ant-timeline .ant-timeline-item {
	padding-bottom: 3.5rem
}

.hh-milestones-timeline.ant-timeline .ant-timeline-item-tail {
	border-color: #e8e8e8
}

.hh-milestones-timeline.ant-timeline .ant-timeline-item .ant-timeline-item-head {
	color: #ee3a43;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem
}

.hh-milestones-timeline-content {
	margin-left: 1.5rem;
	position: relative;
	top: .125rem
}

.hh-milestones-timeline-content .hh-description {
	margin-bottom: .5rem
}

.hh-milestones-timeline-more {
	margin-top: 1rem
}

.hh-milestones-timeline-more .ant-btn-default {
	border-color: #ee3a43;
	color: #ee3a43;
	font-weight: 700;
	z-index: 10
}

.hh-milestones-timeline-more.linear:after {
	align-items: center;
	background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
	bottom: 0;
	content: "";
	display: flex;
	flex-direction: row;
	height: 5.625rem;
	justify-content: center;
	position: absolute;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-about-vision-core {
		padding-bottom: 1.5rem
	}
}

.hh-about-vision-core-title.hh-section {
	margin-top: 3rem
}

.hh-about-vision-ideas.hh-item-text .hh-item-text .hh-item-text-list-title {
	margin-bottom: .5rem
}

.hh-investor-contact .hh-item-text-list-title+.hh-item-text-list-intro {
	margin-top: 1.25rem
}

.hh-investor-contact .hh-item-text-list-intro+.hh-item-text {
	margin-top: 1.5rem
}

.hh-investor-contact .hh-item-text-list-intro a {
	color: #324cbb
}

.hh-investor-contact-btn {
	background: #324cbb;
	color: #a5d6ff;
	display: block;
	padding: .5rem 1rem;
	text-align: center;
	width: 9.375rem
}

.hh-investor-subscription-btns {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 3rem
}

.hh-investor-subscription-btns>a {
	align-items: center;
	background: #324cbb;
	color: #a5d6ff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	font-weight: 700;
	justify-content: center;
	padding-bottom: .625rem;
	padding-top: .625rem;
	transition: all .6s ease;
	width: 17.5rem
}

.hh-investor-subscription-btns>a+a {
	margin-top: 2rem
}

.hh-investor-subscription-btns>a:hover {
	background: #2273ef;
	color: #fff
}

.hh-investor-integrity-text .hh-item-text-list-intro+.hh-item-text {
	margin-top: 1rem
}

.hh-investor-integrity-sub-text .hh-item-text-list-intro {
	padding-left: 1.375rem
}

.hh-investor-integrity-sub-text .hh-item-text-list-intro+.hh-item-text {
	margin-top: 0
}

.hh-relation-items {
	margin: 0 auto;
	max-width: 80rem
}

@media only screen and (max-width:1320px) {
	.hh-relation-items {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-relation-media-download {
	border-bottom: .0625rem solid #a3abb8;
	border-top: .0625rem solid #a3abb8;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	padding-top: 1rem
}

.hh-relation-media-download,
.hh-relation-media-download .info {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-relation-media-download .info {
	color: #333
}

.hh-relation-media-download .info .title {
	font-size: 1.25rem;
	font-weight: 700;
	padding: 1rem
}

.hh-relation-media-download .info .video {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='27.665'%3E%3Cg data-name='Group 9'%3E%3Cg data-name='ˆDŒÓ 2'%3E%3Cpath fill='%23a3abb8' d='m43.377 25.187-9.247-5.272a.99.99 0 0 1-.5-.858V8.699a.99.99 0 0 1 .493-.855l9.242-5.351a1.754 1.754 0 0 1 2.633 1.518v19.652a1.754 1.754 0 0 1-2.621 1.524' data-name='Path 5'/%3E%3C/g%3E%3Cg data-name='ˆDŒÓ 3'%3E%3Cpath fill='%23a3abb8' d='M31.825.005H3.869A3.87 3.87 0 0 0 0 3.874v19.928a3.87 3.87 0 0 0 3.869 3.869h27.956a3.87 3.87 0 0 0 3.869-3.869V3.869A3.87 3.87 0 0 0 31.825.005m-8.234 15.32-8.756 5.64a.949.949 0 0 1-1.464-.8V8.079a.949.949 0 0 1 1.512-.765l8.756 6.443a.95.95 0 0 1-.048 1.563Z' data-name='Path 6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 1.75rem;
	justify-content: center;
	margin-top: 1.25rem;
	width: 2.875rem
}

.hh-relation-media-download .info-list {
	justify-content: center
}

.hh-relation-href,
.hh-relation-media-download .info-list {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row
}

.hh-relation-href {
	justify-content: flex-start
}

.hh-relation-item-name,
.hh-relation-item-title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2.25rem;
	margin-top: 1rem
}

.hh-relation-item-name {
	margin-bottom: 1rem;
	margin-top: 0
}

.hh-relation-item-intro {
	font-size: 1rem;
	font-weight: 700
}

.hh-relation-item-icon {
	color: #ee3a43;
	margin-left: .5rem
}

.hh-relation-stocks {
	background: #f1f1f1;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-top: 2rem;
	padding: 2.5rem;
	grid-gap: 0;
	width: 100%
}

@media only screen and (max-width:992px) {
	.hh-relation-stocks {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0;
		padding: 1.25rem;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	.hh-relation-stocks {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0;
		padding: 1.25rem 0;
		width: 100%
	}
}

.hh-relation-stock {
	align-items: center;
	border-right: .0625rem solid #d9d9d9;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 1rem
}

.hh-relation-stock:last-child {
	border-right: none
}

@media only screen and (max-width:992px) {
	.hh-relation-stock {
		border-right: none
	}
}

.hh-relation-stock .label {
	color: #333;
	font-size: 1.125rem;
	height: 1.875rem;
	line-height: 1.375rem;
	text-align: center
}

.hh-relation-stock .value {
	color: #324cbb;
	font-size: 2rem;
	font-weight: 700;
	line-height: 3rem;
	margin-top: 1.5rem
}

.hh-relation-stock .value-change {
	color: #eeb051
}

.hh-relation-stock .change {
	color: #eeb051;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-top: .5rem
}

.hh-relation-news-item {
	align-items: center;
	border-bottom: .0625rem solid #d9d9d9;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 1.5rem 1rem;
	position: relative;
	width: 100%
}

.hh-relation-news-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-relation-news-item:hover:after {
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-relation-news-item:hover:after {
		width: 0
	}
}

@media only screen and (max-width:992px) {
	.hh-relation-news-item:hover:after {
		width: 0
	}
}

.hh-relation-news-item .label {
	color: #8e8e8e;
	font-size: 1.125rem;
	min-width: 7rem;
	width: 9.375rem
}

.hh-relation-news-item .value>a {
	color: #333;
	font-size: 1.125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-relation-news-item .value>a,
.hh-relation-news-item .value>a:after {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-relation-news-item .value>a:after {
	color: #ee3a43;
	content: "NEWS£¡";
	font-weight: 700;
	margin-left: .375rem
}

@media only screen and (max-width:768px) {
	.hh-relation-news-item .value>a {
		white-space: normal
	}
}

.hh-relation-icons {
	margin-bottom: 7.5rem;
	margin-top: -1.5rem
}

.hh-relation-icons .hh-item-icons-info .icon {
	height: 2.125rem;
	transition: .01s cubic-bezier(.23, 1, .32, 1);
	width: 2.125rem
}

.hh-relation-icons .hh-item-icons-icon:hover .icon {
	filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(0) hue-rotate(92deg) brightness(111%) contrast(101%)
}

@media only screen and (max-width:768px) {
	.hh-relation-icons {
		margin-top: 3rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-relation-items-mobile {
	padding: 1.25rem
}

.hh-relation-calendar-items {
	position: relative;
	width: 100%
}

.hh-relation-calendar-item {
	align-items: flex-start;
	border-bottom: .0625rem solid #e8e8e8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: .75rem;
	padding-top: .75rem
}

.hh-relation-calendar-item .title {
	color: #333;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
	margin-bottom: .25rem
}

.hh-relation-calendar-item .info {
	align-items: center;
	color: #8e8e8e;
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	justify-content: center;
	line-height: 1.5rem
}

.hh-relation-calendar-item .info i {
	font-style: normal
}

.hh-relation-calendar-item .info .hh-table-calendar {
	margin-left: .25rem
}

.hh-relation-calendar-item .info .hh-table-calendar:after {
	height: 1.5rem;
	width: 1.5rem
}

.hh-relation-calendar-item .files {
	margin-bottom: .5rem;
	max-width: 100%
}

.hh-relation-calendar-item .files>a>span {
	color: #324cbb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-relation-media {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: .25rem
}

.hh-relation-media .hh-common-external-link {
	opacity: 1;
	visibility: visible
}

.hh-relation-pdf-download {
	max-width: 20rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-relation-pdf-download>a {
	margin-bottom: .5rem
}

.hh-relation-pdf-download>a>span {
	color: #324cbb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.hh-director-detail {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3rem;
	width: 100%
}

.hh-director-detail-left .hh-item-text+.hh-item-text,
.hh-director-detail-right .hh-item-text+.hh-item-text {
	margin-top: 1.5rem
}

.hh-director-evalution-table.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr>td,
.hh-director-members-table.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr>td,
.hh-director-situation-table.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr>td {
	color: rgba(0, 0, 0, .65)
}

.hh-director-evalution-table.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-container>.ant-table-content>table>tbody>tr>td .hh-description {
	line-height: 2rem;
	margin-bottom: 0;
	text-align: left
}

.hh-director-members {
	color: rgba(0, 0, 0, .65)
}

.hh-director-members-table,
.hh-director-members>.hh-item-text {
	margin-bottom: 1rem;
	margin-top: 1rem
}

.hh-director-members-table .hh-table-head-separate .top {
	max-width: 3rem;
	right: 4%;
	top: 8%
}

.hh-director-members-table .hh-table-head-separate .bottom {
	bottom: 15%;

	left: 15%
}

.hh-director-evalution .hh-description,
.hh-director-evalution .hh-item-text {
	margin-bottom: 1rem
}

.hh-director-list .info-item {
	margin-bottom: 1.25rem;
	width: 100%
}

.hh-director-list .info-item .hh-item-text-title {
	margin-bottom: .625rem
}

.hh-committee-audit-texts {
	height: auto;
	margin-bottom: 1rem;
	margin-top: 1rem
}

.hh-committee-audit-table {
	margin-top: 1rem
}

.hh-committee-audit-situation-desc {
	margin-bottom: 1rem;
	margin-top: 1rem
}

.hh-committee-audit-situation-table {
	margin-bottom: 1rem
}

.hh-committee-salary .hh-item-text-list-title {
	margin-bottom: .5rem
}

.hh-committee-salary .hh-item-text-list-intro+.hh-table {
	margin-top: 1rem
}

.hh-committee-salary .hh-table+.hh-description {
	margin-top: .5rem
}

.hh-committee-salary-inner-text.hh-item-text {
	margin-left: 0
}

.hh-committee-nominate .hh-item-text-list-title {
	margin-bottom: .5rem
}

.hh-committee-nominate .hh-item-text-list-intro+.hh-item-text {
	margin-bottom: 2rem;
	margin-left: 0;
	margin-top: 1rem
}

.hh-committee-check .hh-item-text-list-title+.hh-table,
.hh-committee-nominate .hh-description.nominate,
.hh-committee-nominate .hh-item-text-list-intro+.hh-table {
	margin-top: 1rem
}

.hh-committee-check .hh-item-text-list-intro {
	color: rgba(0, 0, 0, .65)
}

.hh-organization-list-item {
	border-bottom: .0625rem solid #ccc;
	margin-bottom: .5rem
}

.hh-organization-list-item .hh-description {
	margin-top: 1rem
}

.hh-organization-list-item .hh-description+.hh-description {
	margin-bottom: 1rem
}

.hh-organization-list-item .hh-description+.hh-item-text {
	margin-bottom: 1rem;
	margin-top: 1rem
}

.hh-audit-text .hh-item-text-list-title {
	margin-bottom: 1rem
}

.hh-audit-text .hh-item-text-list-intro {
	line-height: 1.875rem
}

.hh-financial,
.hh-financial-overview-items {
	position: relative;
	width: 100%
}

.hh-financial-overview-item {
	border-bottom: .0625rem solid #ccc;
	padding-bottom: 1rem;
	padding-top: 1rem
}

.hh-financial-overview-title {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%
}

.hh-financial-overview-title-mobile {
	margin-top: 1rem
}

.hh-financial-overview-tabs {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: 2rem
}

@media only screen and (max-width:768px) {
	.hh-financial-overview-tabs {
		margin-left: 1rem
	}
}

.hh-financial-overview-tab {
	background-color: rgba(23, 65, 126, .04);
	color: #011e4d;
	cursor: pointer;
	font-size: 1.125rem;
	padding: .5rem 2rem;
	position: relative;
	transition: all .6s ease
}

.hh-financial-overview-tab.active {
	background-color: #ee3a43;
	color: #fff
}

.hh-financial-overview-tab:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-financial-overview-tab:hover:after {
	width: 100%
}

.hh-financial-overview-tab+.hh-financial-overview-tab {
	margin-left: .5rem
}

.hh-financial-overview-summary-tabs {
	font-family: Noto Sans, Roboto, Noto Sans TC, sans-serif, -apple-system, PingFang SC, Arial
}

.hh-financial-overview-summary-tabs .hh-tabs.ant-tabs .ant-tabs-nav {
	margin-bottom: 0
}

.hh-financial-overview-chart-tools {
	margin-top: 1.5rem;
	position: relative;
	width: 100%
}

.hh-financial-overview-chart-tools-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 100%
}

.hh-financial-overview-chart-tools-inner>a,
.hh-financial-overview-chart-tools-inner>span {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	margin-right: 1rem;
	width: 2rem
}

.hh-financial-overview-chart-tools-inner>a:last-child,
.hh-financial-overview-chart-tools-inner>span:last-child {
	margin-right: 0
}

.hh-financial-overview-chart-tools-inner>a:after,
.hh-financial-overview-chart-tools-inner>span:after {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='print'%3E%3Cpath fill='%23ee3a43' d='M8.144 14.038h7.213v4.212H8.144ZM6.9 19.75h9.7v-7.212H6.9Z'/%3E%3Cpath fill='none' stroke='%23ee3a43' stroke-width='1.5' d='M6.542 16.15H3.75v-8.1h16v8.1h-2.793' data-name='path'/%3E%3Cpath fill='none' stroke='%23ee3a43' stroke-width='1.5' d='M15.779 8.051V3.75h-8v4.3' data-name='path'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 2rem;
	justify-content: center;
	width: 2rem
}

.hh-financial-overview-chart-tools-inner>a.pdf:after,
.hh-financial-overview-chart-tools-inner>span.pdf:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='pdf'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M15.346 12.549c-.385-.376-1.484-.275-2.033-.2a2.74 2.74 0 0 1-1.161-1.462 4 4 0 0 0 .17-1.768.7.7 0 0 0-1.349-.192 4.55 4.55 0 0 0 .221 2.118 25 25 0 0 1-1.118 2.348c-.632.326-1.484.828-1.61 1.459-.1.5.82 1.743 2.4-.986a16 16 0 0 1 2.161-.635 4.2 4.2 0 0 0 1.761.538.729.729 0 0 0 .551-1.222m-6.247 2.461a3.8 3.8 0 0 1 .96-1.108c-.6.956-.96 1.129-.96 1.1m2.581-6.013c.234 0 .212 1.014.057 1.291a2.64 2.64 0 0 1-.057-1.291m-.77 4.313a12.5 12.5 0 0 0 .77-1.73 3.5 3.5 0 0 0 .95 1.122 10.7 10.7 0 0 0-1.73.6m4.155-.158s-.158.19-1.178-.246c1.109-.082 1.291.17 1.178.246'/%3E%3Cpath fill='%23ee3a43' d='M9.089 15.823a.85.85 0 0 1-.666-.32.88.88 0 0 1-.2-.7c.14-.7.953-1.218 1.671-1.595.378-.7.726-1.434 1.034-2.171a4.8 4.8 0 0 1-.2-2.143V8.86l.013-.031a.954.954 0 0 1 1.832.252 4.25 4.25 0 0 1-.155 1.8 2.5 2.5 0 0 0 .955 1.204 7 7 0 0 1 .872-.058 1.8 1.8 0 0 1 1.277.343l.01.01a.979.979 0 0 1-.722 1.641h-.037a4.5 4.5 0 0 1-1.781-.522 15.5 15.5 0 0 0-1.949.571c-.687 1.164-1.345 1.753-1.954 1.753m-.205-.566a.34.34 0 0 0 .205.066c.2 0 .741-.154 1.568-1.58l.045-.077.084-.031a16 16 0 0 1 2.2-.645l.087-.02.083.047a4 4 0 0 0 1.649.505.48.48 0 0 0 .34-.143.6.6 0 0 1-.269.055 3.1 3.1 0 0 1-1.1-.307l.08-.479a6 6 0 0 1 .424-.017q.784 0 .986.27a.5.5 0 0 0-.1-.177c-.081-.075-.307-.2-.923-.2a7 7 0 0 0-.9.065l-.087.011-.075-.046a3 3 0 0 1-1.267-1.6l-.026-.079.026-.079a3.75 3.75 0 0 0 .159-1.651.45.45 0 0 0-.127-.26l.026.04a2.12 2.12 0 0 1-.03 1.474l-.288.517-.17-.567a2.9 2.9 0 0 1-.061-1.412l.032-.154a.46.46 0 0 0-.235.215 4.3 4.3 0 0 0 .214 1.965l.032.09-.037.089a26 26 0 0 1-1.129 2.371l-.037.068-.069.035c-.062.032-.148.077-.248.131l.316.285c-.466.744-.925 1.224-1.168 1.224Zm.739-1.319c-.4.25-.834.6-.907.965a.4.4 0 0 0 .1.285l.034.037v-.286l.023-.059a4 4 0 0 1 .749-.942Zm.7-.105.357-.653a12 12 0 0 0 .764-1.692l.192-.528.264.5a3.2 3.2 0 0 0 .882 1.042l.407.313-.5.127a10.5 10.5 0 0 0-1.69.59Zm1.41-1.7q-.141.345-.3.682.34-.128.687-.232a4 4 0 0 1-.389-.454Z' data-name='Path - Outline'/%3E%3C/g%3E%3C/svg%3E")
}

.hh-financial-overview-chart-tools-inner>a.image:after,
.hh-financial-overview-chart-tools-inner>span.image:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg fill='none' stroke='%23ee3a43' stroke-width='1.5'%3E%3Cpath stroke='none' d='M3 4h17.778v16H3z'/%3E%3Cpath d='M3.75 4.75h16.278v14.5H3.75z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M8.329 10.42a1.249 1.249 0 1 0-1.248-1.248 1.25 1.25 0 0 0 1.248 1.248'/%3E%3Cpath fill='none' stroke='%23ee3a43' stroke-width='1.5' d='m3.554 18.184 4.408-4.405 2.2 1.764 2.646-3.088 7.492 5.729'/%3E%3C/svg%3E")
}

.hh-financial-overview-chart-tools-inner>a.excel:after,
.hh-financial-overview-chart-tools-inner>span.excel:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cg data-name='xls'%3E%3Cg fill='none'%3E%3Cpath d='M4 2v20h16V7.4L14.6 2Z'/%3E%3Cpath fill='%23ee3a43' d='M5.5 3.5v17h13V8.021l-4.519-4.52zM4 2h10.603L20 7.4V22H4z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ee3a43'%3E%3Cpath stroke='none' d='M7.5 11h9v5h-9z'/%3E%3Cpath d='M8 11.5h8v4H8z'/%3E%3C/g%3E%3Cpath fill='%23ee3a43' d='M7.5 13h9v1h-9z' data-name='grid'/%3E%3Cpath fill='%23ee3a43' d='M10.5 9h1v6h-1zM7.5 9h1v2h-1zM8.5 9h2v1h-2z' data-name='grid'/%3E%3C/g%3E%3C/svg%3E")
}

.hh-financial-history>thead>tr>th {
	background: crimson;
	border-bottom: 0
}

@media only screen and (max-width:768px) {
	.hh-adapt-display .hh-financial-overview-tabs {
		margin-left: 0;
		margin-top: 1rem
	}
}

.hh-csr-focus .hh-item-info-item .info .title {
	margin-bottom: 1.5rem;
	position: relative
}

.hh-csr-focus .hh-item-info-item .info .title:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.625rem;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 2rem
}

@media only screen and (max-width:768px) {
	.hh-csr-focus .hh-item-info-item .info .title:after {
		left: 50%;
		transform: translateX(-50%)
	}

	.hh-csr-focus .hh-item-info-item .info .title {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center
	}
}

.hh-csr-focus .hh-item-info-item .info .title .main {
	line-height: 2.25rem
}

.hh-csr-focus .hh-item-info-item .info .intro {
	line-height: 2rem;
	margin-top: 3rem
}

.hh-csr-focus .relevant-title {
	color: #333;
	font-size: 1.125rem;
	line-height: 1.5rem;
	margin-top: 1rem;
	text-align: center
}

.hh-csr-focus-employee-labor .hh-item-info {
	margin-top: 5rem
}

.hh-csr-focus-employee-labor-rights {
	align-items: center;
	background: rgba(50, 76, 187, .04);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 12.5rem;
	justify-content: center;
	transition: all .6s ease
}

.hh-csr-focus-employee-labor-rights:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-csr-focus-employee-labor-rights .hh-image {
	height: 4rem;
	width: 4rem
}

.hh-csr-focus-employee-labor-rights .hh-image img {
	-o-object-fit: contain;
	object-fit: contain
}

.hh-csr-focus-employee-labor-rights .labor-title {
	color: #17417e;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-top: .5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	text-align: center
}

.hh-csr-focus-employee-labor-rights.active,
.hh-csr-focus-employee-labor-rights:hover {
	background: #17417e
}

.hh-csr-focus-employee-labor-rights.active .labor-title,
.hh-csr-focus-employee-labor-rights:hover .labor-title {
	color: #fff
}

.hh-csr-focus-employee-labor-rights.active:after,
.hh-csr-focus-employee-labor-rights:hover:after {
	width: 100%
}

.hh-csr-focus-employee-labor-detail {
	background-color: #f2f4f5;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-employee-labor-detail {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-csr-focus-employee-labor-detail .left .hh-image {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-csr-focus-employee-labor-detail .left img {
	height: auto
}

.hh-csr-focus-employee-labor-detail .btns {
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: flex;
	flex-wrap: wrap
}

.hh-csr-focus-employee-labor-detail .btns .hh-button {
	margin-top: 1.5rem
}

.hh-csr-focus-employee-labor-detail .btns .hh-button a {
	justify-content: left
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-employee-labor-detail .btns .hh-button {
		flex-direction: column;
		justify-content: left;
		margin-left: 0;
		margin-top: 1rem;
		width: 100%
	}
}

.hh-csr-focus-employee-welfare .hh-item-info {
	margin-top: 5rem
}

.hh-csr-focus-employee-welfare .hh-item-info-item .info .btns {
	display: block
}

.hh-csr-focus-social .hh-key-action-intro {
	margin-top: 4rem
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-social .hh-key-action-intro {
		margin-top: 1.5rem
	}
}

.hh-csr-focus-social .hh-button.center {
	justify-content: unset
}

.hh-csr-focus-analysis .info {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-focus-analysis .info-detail {
	font-size: 16px;
	width: 100%
}

.hh-csr-focus-analysis .info-detail>div.ant-col {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 96px
}

.hh-csr-focus-analysis .info-detail-title {
	color: #333;
	font-size: 18px;
	font-weight: 700
}

.hh-csr-focus-analysis .info-detail-list {
	color: #17417e
}

.hh-csr-focus-analysis .info-detail-list li {
	align-items: center;
	color: #333;
	display: flex;
	font-size: 16px;
	justify-content: flex-start;
	line-height: 28px;
	list-style: none
}

.hh-csr-focus-analysis .info-detail-list li:before {
	background-color: #17417e;
	border-radius: 50%;
	content: "";
	display: block;
	height: 4px;
	margin-right: 12px;
	width: 4px
}

.hh-csr-focus-analysis .info-detail .hh-item-text-items .hh-item-text-item .hh-item-text-info {
	font-size: 1.125rem
}

.hh-csr-focus-analysis .hh-button-group {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-focus-analysis .hh-button-group .hh-button>a {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.hh-csr-focus-analysis .hh-button-group .hh-button>a>div.area {
	display: none
}

.hh-csr-focus-analysis .hh-button-group .hh-button:last-child>a {
	background-color: #fff;
	color: #ee3a43;
	margin-left: .75rem
}

.hh-csr-focus-analysis .hh-button-group .hh-button:last-child>a:hover {
	background: #ee3a43;
	color: #fff
}

.hh-csr-focus-analysis .mi-btns {
	align-items: center;
	display: flex;
	font-size: 30px;
	justify-content: center;
	margin-bottom: 48px;
	margin-top: 3em
}

.hh-csr-focus-analysis .mi-btns .button {
	border-color: #ee3a43;
	border-radius: 0;
	color: #ee3a43;
	margin-right: 12px;
	transition: none
}

.hh-csr-focus-analysis .mi-btns .button:first-child {
	background-color: #ee3a43;
	color: #fff
}

.hh-csr-focus-analysis .mi-btns .button:last-child {
	margin-right: 0
}

.hh-csr-focus-analysis .mi-btns .button:last-child:hover {
	background: #ee3a43;
	color: #fff
}

.hh-csr-focus-analysis .hh-description-detail>p:first-child {
	margin-bottom: 3rem
}

.hh-csr-focus-analysis .hh-description-detail>p:last-child {
	margin-bottom: 1.5rem
}

.hh-csr-focus-environment-chemical-title {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.75rem;
	margin-top: .75rem
}

.hh-csr-focus-environment-chemical .hh-item-detail-item.active .hh-csr-focus-environment-chemical-title {
	color: #17417e
}

.hh-csr-focus-environment-chemical .hh-item-detail-items.whole {
	padding-left: unset
}

.hh-csr-focus-environment-chemical-inner-2 .pie {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-environment-chemical-inner-2 .pie {
		display: unset
	}
}

.hh-csr-focus-environment-chemical-inner-2 .pie .hh-image {
	justify-content: unset
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-environment-chemical-inner-2 .pie .hh-image :last-child {
		margin-top: .75rem
	}
}

.hh-csr-focus-environment-chemical .cycle-item {
	align-items: center;
	background: rgba(50, 76, 187, .04);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 9.375rem;
	justify-content: center;
	width: 100%
}

.hh-csr-focus-environment-chemical .cycle-item:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transform: none;
	transition: all .6s ease;
	width: 0
}

.hh-csr-focus-environment-chemical .cycle-item>.hh-image {
	height: auto;
	margin-bottom: .5rem;
	width: 2.625rem
}

.hh-csr-focus-environment-chemical .cycle-item>span {
	color: #17417e;
	font-size: 1.125rem;
	font-weight: 700
}

.hh-csr-focus-environment-chemical .cycle-item:hover:after {
	width: 100%
}

.hh-csr-focus-environment-chemical .cycle-item.active,
.hh-csr-focus-environment-chemical .cycle-item.hover {
	background: #324cbb
}

.hh-csr-focus-environment-chemical .cycle-item.active:after,
.hh-csr-focus-environment-chemical .cycle-item.hover:after {
	width: 100%
}

.hh-csr-focus-environment-chemical .cycle-item.active>span,
.hh-csr-focus-environment-chemical .cycle-item.hover>span {
	color: #fff
}

.hh-csr-focus-environment-carbon-separator {
	border: .5rem solid transparent;
	border-left: .75rem solid #598fc1;
	height: 0;
	left: 0;
	margin-left: 1.5rem;
	position: absolute;
	top: 0;
	width: 0
}

.hh-csr-focus-environment-distribution {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-focus-environment-distribution .hh-image:first-child {
	width: 80%
}

.hh-csr-focus-environment-distribution .hh-image:last-child {
	width: 20%
}

.hh-csr-focus-environment-distribution .hh-image+.hh-image {
	margin-left: 1.5rem
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-environment .hh-csr-focus-environment-water-images {
		margin-top: 0
	}
}

.hh-csr-focus-supply .hh-key-action-item-relevant-title {
	text-align: center
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-tabs .ant-tabs-nav {
		display: none
	}

	.hh-csr-focus-select {
		margin-bottom: 1rem
	}
}

.hh-csr-focus-select-fixed {
	background-color: #f1f1f1;
	left: 0;
	padding: .25rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

.hh-csr-focus-select-fixed>.ant-select {
	background: #f1f1f1;
	margin-bottom: 0;
	width: 100%
}

.hh-csr-focus-select-fixed>.ant-select-selector {
	background: #f1f1f1
}

.hh-csr-focus-download {
	margin-right: 1rem
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-download {
		margin-bottom: .5rem;
		margin-right: 0
	}
}

.hh-csr-focus-env-btns,
.hh-csr-focus-sustainable-btns {
	margin-top: 1rem
}

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

	.hh-csr-focus-env-btns,
	.hh-csr-focus-sustainable-btns {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}

	.hh-csr-focus-env-btns .hh-button+.hh-button,
	.hh-csr-focus-sustainable-btns .hh-button+.hh-button {
		margin-left: 0;
		margin-top: .5rem
	}
}

.hh-csr-focus-env-carbon-btns {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 1.5rem;
	width: 100%
}

.hh-csr-focus-env-carbon-btns .hh-button+.hh-button-group {
	margin-left: 1rem;
	margin-top: 0;
	width: auto
}

@media only screen and (max-width:768px) {
	.hh-csr-focus-env-carbon-btns .hh-button+.hh-button-group {
		flex-direction: column;
		margin-left: 0;
		margin-top: .5rem
	}

	.hh-csr-focus-env-carbon-btns {
		flex-direction: column
	}
}

.hh-description+.hh-csr-focus-env-carbon-btns .hh-button-group {
	margin-top: 0
}

@media only screen and (max-width:768px) {
	.hh-description+.hh-csr-focus-env-carbon-btns .hh-button+.hh-button-group {
		margin-top: .5rem
	}
}

.hh-csr-report-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 3.5rem
}

@media only screen and (max-width:768px) {
	.hh-csr-report-inner {
		display: unset
	}
}

.hh-csr-report-inner-content {
	margin-left: 2.25rem;
	max-width: 48rem
}

@media only screen and (max-width:768px) {
	.hh-csr-report-inner-content {
		margin-left: 0;
		margin-top: 2.25rem
	}
}

.hh-csr-report-inner-content .hh-title-content:after {
	display: none
}

.hh-csr-report-inner .common .hh-download-btn-inner {
	background-color: rgba(50, 76, 187, .04)
}

.hh-csr-report-inner .common .hh-download-btn-inner .hh-download-btn-info .title {
	color: #333;
	font-size: 1rem;
	font-weight: 700
}

.hh-csr-report-inner .common .hh-download-btn-inner .hh-download-btn-info .subtitle {
	color: #333;
	font-size: 1rem
}

.hh-csr-report-inner .common .hh-description {
	max-width: 150rem
}

.hh-csr-report-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-csr-report-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-csr-report-grid-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-report-grid-inner .content {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: .9375rem
}

.hh-csr-report-grid-inner .content>span:first-child {
	color: #333
}

.hh-csr-report-grid-inner .content>span:last-child {
	color: #8e8e8e
}

.hh-csr-report-grid-inner .content>img {
	margin-left: .375rem;
	margin-right: .375rem;
	width: 1.5rem
}

.tcfd .hh-csr-report-inner .hh-image {
	width: 50%
}

@media only screen and (max-width:768px) {
	.tcfd .hh-csr-report-inner .hh-image {
		width: 100%
	}
}

.tcfd .hh-csr-report-inner .hh-download-btn-icon .hh-image {
	width: 100%
}

.hh-csr-overview-speech {
	margin-bottom: 0
}

@media only screen and (max-width:768px) {
	.hh-csr-overview-speech-chairman {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center
	}
}

.hh-csr-overview-speech-chairman .hh-image {
	display: unset;
	float: right;
	padding-left: 2rem;
	padding-top: 2rem;
	text-align: right;
	width: 17.8125rem
}

@media only screen and (max-width:768px) {
	.hh-csr-overview-speech-chairman .hh-image {
		align-items: center;
		display: flex;
		flex-direction: row;
		float: unset;
		justify-content: center;
		margin-bottom: 1.5rem;
		padding-left: 0;
		padding-top: 0;
		width: 12.5rem
	}
}

.hh-csr-overview-speech-sign .hh-item-text-list-intro {
	justify-content: flex-end;
	width: 100%
}

.hh-csr-overview-speech-sign .hh-image {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end
}

.hh-csr-overview-speech-committee {
	background-color: #fff
}

.hh-csr-overview-initiatives-detail .hh-item-detail-item .thumb .btn {
	border: .0625rem solid #ee3a43
}

.hh-csr-overview-initiatives-detail .hh-item-detail-item .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E")
}

.hh-csr-overview-initiatives-detail .hh-item-detail-item.active .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E")
}

.hh-csr-overview-initiatives-conduct {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-csr-overview-initiatives-conduct {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper {
	width: 50%
}

@media only screen and (max-width:768px) {
	.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper {
		width: 100%
	}
}

.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper .ant-tabs .ant-tabs-nav-wrap {
	border-bottom: .0625rem solid rgba(165, 214, 255, .32)
}

.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper .ant-tabs .ant-tabs-tab {
	color: #a5d6ff
}

.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn,
.hh-csr-overview-initiatives-conduct .hh-tabs-wrapper .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
	color: #ee3a43
}

.hh-csr-overview-initiatives-conduct>.hh-image {
	flex: 1 1 50%;
	padding-left: 5%;
	width: 40%
}

@media only screen and (max-width:768px) {
	.hh-csr-overview-initiatives-conduct>.hh-image {
		margin-top: 2rem;
		padding-left: 0;
		width: 100%
	}
}

.hh-csr-overview-initiatives-conduct .hh-download-btn+.hh-download-btn {
	margin-top: 1.5rem
}

.hh-csr-stakeholder .hh-item-detail-item .thumb .btn {
	border-color: #ee3a43
}

.hh-csr-stakeholder .hh-item-detail-item .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M24 0H0v24h24Z'/%3E%3Cpath fill='%23ee3a43' d='M11.001 19v-6h-6v-2h6V5h2v6h6v2h-6v6Z' data-name='Union 25'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.hh-csr-stakeholder .hh-item-detail-item .hover {
	height: 12.5rem
}

.hh-csr-stakeholder .hh-item-detail-item.active .thumb .hh-image>img,
.hh-csr-stakeholder .hh-item-detail-item:hover .thumb .hh-image>img {
	transform: scale(1)
}

.hh-csr-stakeholder .hh-item-detail-item.active .thumb .btn:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Boundary 24'/%3E%3Cpath fill='%23fff' d='m8.109 15.852 4.219-4.219-4.219-4.219L9.523 6l5.633 5.633-5.633 5.633Z' data-name='chevron-right'/%3E%3C/svg%3E")
}

.hh-csr-stakeholder .hh-item-detail-item .hh-csr-focus-employee-labor-rights .labor-title {
	font-size: 1.125rem;
	font-weight: 700
}

@media only screen and (max-width:1320px) {
	.hh-csr-stakeholder .hh-item-detail-content {
		margin-left: -1.25rem;
		width: calc(100% + 40px)
	}
}

.hh-csr-stakeholder-engagement {
	padding-bottom: 3rem;
	padding-top: 3rem
}

.hh-csr-stakeholder-engagement .hh-item-text {
	margin-top: 1.5rem
}

.hh-csr-stakeholder-engagement .hh-item-text .hh-item-text-item .info {
	flex-direction: column
}

.hh-csr-stakeholder-engagement .hh-item-text .hh-item-text-item .info>div {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-csr-stakeholder-engagement .hh-item-text+.hh-description {
	margin-top: 2rem
}

.hh-csr-stakeholder-engagement-line:before {
	align-items: center;
	border-left: .0625rem solid #ccc;
	content: "";
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 0
}

.hh-csr-stakeholder-content {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-bottom: 3rem;
	padding-top: 3rem
}

@media only screen and (max-width:768px) {
	.hh-csr-stakeholder-content {
		display: unset;
		padding-left: 1.75rem
	}
}

.hh-csr-stakeholder-content>div {
	width: 50%
}

@media only screen and (max-width:768px) {
	.hh-csr-stakeholder-content>div {
		width: 100%
	}
}

.hh-csr-stakeholder-content>div:first-child {
	border-right: 1px solid #ccc;
	padding-right: 3rem
}

@media only screen and (max-width:768px) {
	.hh-csr-stakeholder-content>div:first-child {
		padding-right: 0
	}
}

.hh-csr-stakeholder-content>div:last-child {
	padding-left: 3rem
}

@media only screen and (max-width:768px) {
	.hh-csr-stakeholder-content>div:last-child {
		padding-left: 0
	}
}

.hh-csr-stakeholder-content>div>div>p {
	color: #17417e;
	font-size: 1.125rem;
	font-weight: 700
}

.hh-csr-stakeholder-content .hh-item-text-info>a {
	color: #17417e
}

.hh-csr-gri>h2 {
	color: #333;
	margin: 56px 0 0
}

.hh-csr-gri .hh-common-collapse.ant-collapse .ant-collapse-content-box {
	padding: unset
}

.hh-csr-gri-item-0 .hh-common-collapse.ant-collapse .ant-collapse-item:first-child .ant-collapse-header {
	cursor: default
}

.hh-csr-gri-item-0 .hh-common-collapse.ant-collapse .ant-collapse-item:first-child .ant-collapse-header:after {
	border-bottom: 0
}

.hh-csr-gri-item-0 .hh-common-collapse.ant-collapse .ant-collapse-item:first-child .ant-collapse-header .ant-collapse-expand-icon:after {
	display: none
}

.hh-csr-gri .car-table {
	color: #131313;
	margin: auto;
	position: relative;
	width: 100%
}

.hh-csr-gri .car-table table {
	border-bottom: 1px solid #a3abb8;
	border-collapse: collapse;
	font-size: 18px;
	text-align: center;
	width: 100%
}

.hh-csr-gri .car-table .unitedNations-title {
	background-color: #e2e2e2;
	padding: 0 10px;
	text-align: left;
	width: 90%
}

.hh-csr-gri .car-table .unitedNations-content {
	line-height: 27px;
	padding: 10px;
	text-align: left;
	width: 90%
}

.hh-csr-gri .car-table h3 {
	background-color: #e2e2e2;
	box-sizing: border-box;
	color: #333;
	display: none;
	font-size: 18px;
	font-stretch: normal;
	font-weight: 400;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	margin: 0 0 5px;
	padding-left: 20px;
	text-align: left;
	width: 100%
}

.hh-csr-gri .car-table table thead th {
	height: 3.5rem;
	padding: .75rem 1rem;
	text-align: left
}

.hh-csr-gri .car-table table thead th:first-child {
	padding-left: 2rem
}

.hh-csr-gri .car-table table thead th:last-child {
	padding-right: 2rem;
	width: .625rem
}

.hh-csr-gri .car-table table tr {
	border-bottom: 1px solid #ccc
}

.hh-csr-gri .car-table table tbody td {
	border-bottom: 1px solid #ccc;
	padding: .75rem 1rem;
	text-align: left;
	width: 30%
}

.hh-csr-gri .car-table table tbody td:first-child {
	padding-left: 2rem
}

.hh-csr-gri .car-table table tbody td:last-child {
	padding-right: 2rem;
	width: .625rem
}

.hh-csr-gri .car-table table .clear-border-bottom,
.hh-csr-gri .car-table table tbody tr:last-child td {
	border-bottom: 1px solid transparent
}

.hh-csr-gri .car-table .csr_ul {
	line-height: 27px
}

.hh-csr-gri .car-table .csr_ul>li>a {
	color: #324cbb;
	font-weight: 700;
	text-decoration: underline
}

@media screen and (max-width:429px) {
	.hh-csr-gri .csr-content {
		background-color: transparent;
		padding: 0 10px;
		position: relative
	}

	.hh-csr-gri .description-box {
		background-color: rgba(216, 191, 216, .1);
		box-sizing: border-box;
		overflow-x: auto;
		padding: 10px 0;
		width: 100%
	}

	.hh-csr-gri .description-box .car-table {
		width: 1080px
	}
}

.hh-csr-gri .description-box .table-arrow-right {
	display: none;
	position: absolute;
	right: 5%;
	top: 20px;
	width: 20px;
	z-index: 10
}

.hh-csr-gri .description-box .table-arrow-right.hide {
	display: none !important
}

@media only screen and (max-width:429px) {
	.hh-csr-gri .description-box .table-arrow-right {
		display: inherit
	}
}

.hh-csr-gri .description-box .table-arrow-right .tab-arrow {
	animation: swing 1.5s infinite;
	position: absolute;
	width: 18px
}

@keyframes swing {
	0% {
		left: 50
	}

	to {
		left: 80%;
		opacity: 0
	}
}

.hh-csr-esg-strategy {
	flex-direction: column;
	margin: 0 auto;
	max-width: 1280px
}

.hh-csr-esg-strategy,
.hh-csr-esg-strategy-box {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%
}

.hh-csr-esg-strategy-box {
	background-image: url(bg.CX6z9A1k.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	flex-direction: row;
	height: 100%;
	transition: all .6s ease
}

.hh-csr-esg-strategy-box>.hh-image {
	opacity: 0;
	visibility: hidden
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-strategy-box {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}

.hh-csr-esg-strategy-title {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	margin-top: 1rem;
	position: absolute;
	top: 0;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-strategy-slogan {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

.hh-csr-esg-strategy-info,
.hh-csr-esg-strategy-position {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%
}

.hh-csr-esg-strategy-info {
	flex-direction: column
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-strategy-info {
		padding-top: 3rem
	}
}

.hh-csr-esg-strategy-info-text .hh-item-text-items {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-esg-strategy-info-text .hh-item-text-inner .hh-item-text {
	margin-left: 0
}

.hh-csr-esg-strategy-info-text .hh-item-text-inner .hh-item-text .hh-item-text-items {
	align-items: flex-start;
	flex-direction: column
}

.hh-csr-esg-strategy-info-text-item {
	margin-bottom: 1.5rem
}

.hh-csr-esg-strategy-info-text-item>.hh-item-text-inner>.hh-item-text-items>.hh-item-text-item:first-child {
	margin-right: 3.5rem
}

.hh-csr-esg-strategy-info-icons {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-esg-strategy-info-icons .hh-image>img {
	-o-object-fit: contain;
	object-fit: contain
}

.hh-csr-esg-strategy-position .position {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	opacity: .3;
	position: absolute;
	transition: all 2s ease;
	z-index: 20
}

.hh-csr-esg-strategy-position .position.environment {
	left: calc(50% - 60px);
	top: 15%
}

.hh-csr-esg-strategy-position .position.social {
	bottom: 25%;
	right: 5%
}

@media only screen and (max-width:575px) {
	.hh-csr-esg-strategy-position .position.social {
		bottom: 24%;
		right: 1%
	}
}

.hh-csr-esg-strategy-position .position.governance {
	bottom: 24%;
	left: 4%
}

@media only screen and (max-width:575px) {
	.hh-csr-esg-strategy-position .position.governance {
		bottom: 20%;
		left: 1%
	}
}

.hh-csr-esg-strategy-position .position.active {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: hh-anim-scale-change;
	animation-timing-function: linear;
	opacity: 1
}

.hh-csr-esg-strategy-position .letter {
	color: #5cdeff;
	font-size: 3.5rem;
	font-weight: 700;
	margin-right: .5rem
}

@media only screen and (max-width:575px) {
	.hh-csr-esg-strategy-position .letter {
		font-size: 2.25rem;
		margin-right: .25rem
	}
}

.hh-csr-esg-strategy-position .name {
	align-items: flex-start;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hh-csr-esg-strategy-position .name>span:first-child {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .0875rem;
	line-height: 2.25rem
}

@media only screen and (max-width:575px) {
	.hh-csr-esg-strategy-position .name>span:first-child {
		font-size: 1rem;
		line-height: 1rem
	}
}

.hh-csr-esg-strategy-position .name>span:last-child {
	line-height: .875rem
}

@media only screen and (max-width:575px) {
	.hh-csr-esg-strategy-position .name>span:last-child {
		font-size: .75rem
	}
}

.hh-csr-esg-strategy-swiper {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2rem;
	position: relative;
	width: 100%
}

.hh-csr-esg-strategy-swiper-slide {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hh-csr-esg-strategy-swiper-slide .hh-item-images {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.hh-csr-esg-strategy-swiper-slide .hh-item-images img {
	-o-object-fit: contain;
	object-fit: contain
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-strategy-swiper-slide .hh-item-info {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}

	.hh-csr-esg-strategy-swiper-slide .hh-item-info-item {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}

	.hh-csr-esg-strategy-swiper-slide .hh-item-info-item .thumb {
		margin-right: 1.5rem
	}

	.hh-csr-esg-strategy-swiper-slide .hh-item-info-item .info .title {
		color: #00acd7;
		font-size: 1.375rem;
		font-weight: 400;
		line-height: 1.5rem;
		margin-bottom: 1rem
	}
}

.hh-csr-esg-news {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%
}

.hh-csr-esg-news .hh-item-list-item {
	border-bottom: .0625rem solid #17417e
}

.hh-csr-esg-news .hh-item-list-item .info,
.hh-csr-esg-news .hh-item-list-item .time {
	color: #fff
}

.hh-csr-esg-news .hh-item-list-item:after {
	bottom: -.0625rem
}

.hh-csr-esg-interaction .hh-item-icons {
	margin-bottom: 3rem
}

.hh-csr-esg-interaction .hh-item-icons-info .icon {
	transition: .01s cubic-bezier(.23, 1, .32, 1)
}

.hh-csr-esg-interaction .hh-item-icons-icon:hover .icon {
	filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(0) hue-rotate(92deg) brightness(111%) contrast(101%)
}

.hh-csr-esg-honor {
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
	z-index: 2
}

.hh-csr-esg-honor-swiper {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-csr-esg-honor-slides {
	position: relative
}

.hh-csr-esg-honor-slides .hh-swiper {
	padding-top: 4rem
}

.hh-csr-esg-honor-slides .hh-swiper-nav .next,
.hh-csr-esg-honor-slides .hh-swiper-nav .prev {
	top: calc(50% + 32px)
}

.hh-csr-esg-honor-slide {
	align-items: center;
	background-image: url(honor._f7YakSY.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 12.25rem;
	justify-content: center;
	position: relative;
	transition: all .6s ease;
	width: 12.625rem
}

.hh-csr-esg-honor-slide .title {
	color: #eeb051;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5rem;
	max-width: 9.375rem;
	text-align: center;
	transition: all .6s ease
}

.hh-csr-esg-honor-slide .mask {
	align-items: center;
	background-image: url(honor-hover.CTaf8Uj5.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	width: 100%
}

.hh-csr-esg-honor-slide .mask .intro {
	display: -webkit-box;
	font-size: 1rem;
	line-height: 1.5rem;
	max-width: 9.375rem;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-top: -1rem
}

.hh-csr-esg-honor-slide:hover {
	transform: translateY(-20px)
}

.hh-csr-esg-honor-slide:hover .mask {
	opacity: 1
}

.hh-csr-esg-honor-slide:hover .title {
	opacity: 0
}

.hh-csr-esg-target {
	position: relative;
	transition: all .6s ease
}

.hh-csr-esg-target-bg {
	align-items: center;
	background-image: url(forest.BnV1JSrd.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 18.5rem;
	width: 100%;
	z-index: 1
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-target-bg {
		top: 11.625rem
	}
}

.hh-csr-esg-target-content {
	position: relative;
	z-index: 10
}

.hh-csr-esg-target-tabs {
	border-bottom: .0625rem solid hsla(0, 0%, 100%, .2);
	width: 100%
}

.hh-csr-esg-target-tab {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.75rem;
	padding-bottom: 1rem;
	transition: all .6s ease
}

.hh-csr-esg-target-tab:after {
	border-bottom: .125rem solid #ee3a43;
	bottom: -.0625rem;
	content: "";
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all .6s ease;
	width: 0
}

.hh-csr-esg-target-tab.active:after {
	width: 2rem
}

.hh-csr-esg-target-tab.env.active {
	color: #78dd78
}

.hh-csr-esg-target-tab.env.active:after {
	border-bottom-color: #78dd78
}

.hh-csr-esg-target-tab.soc.active {
	color: #eeb051
}

.hh-csr-esg-target-tab.soc.active:after {
	border-bottom-color: #eeb051
}

.hh-csr-esg-target-tab.gov.active {
	color: #00acd7
}

.hh-csr-esg-target-tab.gov.active:after {
	border-bottom-color: #00acd7
}

.hh-csr-esg-target-swiper {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2rem;
	position: relative
}

.hh-csr-esg-target-swiper-inner {
	position: relative;
	width: 100%
}

.hh-csr-esg-target-slide {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	height: 29rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-target-slide {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		height: auto;
		width: 100%
	}
}

.hh-csr-esg-target-blocks {
	transition: all .6s ease
}

.hh-csr-esg-target-block {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1rem;
	width: 100%
}

.hh-csr-esg-target-block-item {
	align-items: center;
	background: transparent linear-gradient(180deg, hsla(0, 0%, 100%, .051), hsla(0, 0%, 50%, .051)) 0 0 no-repeat padding-box;
	border: .0625rem solid hsla(0, 0%, 100%, .34);
	cursor: default;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem;
	transition: all .6s ease
}

@media only screen and (max-width:1199px) {
	.hh-csr-esg-target-block-item {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
}

@media only screen and (min-width:768px) and (max-width:1199px) {
	.hh-csr-esg-target-block-item {
		padding-bottom: .5rem;
		padding-top: .5rem
	}
}

.hh-csr-esg-target-block-item:hover {
	background: transparent;
	border-color: #fff
}

.hh-csr-esg-target-block-item .main {
	align-items: flex-end;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative
}

.hh-csr-esg-target-block-item .main .number,
.hh-csr-esg-target-block-item .main .prefix,
.hh-csr-esg-target-block-item .main .suffix {
	font-size: 3.125rem;
	font-weight: 700;
	line-height: 4.6875rem;
	text-align: center
}

.hh-csr-esg-target-block-item .main .prefix {
	font-size: 2rem;
	margin-right: .25rem
}

.hh-csr-esg-target-block-item .main .unit {
	font-size: 1rem;
	font-weight: 700;
	line-height: 3.125rem;
	margin-left: .25rem
}

@media only screen and (max-width:992px) {
	.hh-csr-esg-target-block-item .main .unit {
		max-width: 3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	.hh-csr-esg-target-block-item .main .unit {
		max-width: unset
	}
}

.hh-csr-esg-target-block-item .main .arrow {
	border: .875rem solid transparent;
	left: 0;
	margin-right: .75rem;
	position: relative;
	top: 0;
	transform: translateY(calc(-50% + 2px))
}

.hh-csr-esg-target-block-item .main .arrow.up {
	transform: translateY(calc(-50% - 12px))
}

.hh-csr-esg-target-block-item .desc,
.hh-csr-esg-target-block-item .intro {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.75rem;
	text-align: center
}

.hh-csr-esg-target-block-item .intro {
	max-height: 5rem;
	overflow-x: hidden;
	overflow-y: auto
}

.hh-csr-esg-target-block-item .intro::-webkit-scrollbar {
	display: none
}

.hh-csr-esg-target-block-item .note {
	align-items: center;
	color: #b4b4b4;
	display: flex;
	flex-direction: row;
	font-size: .8125rem;
	justify-content: center;
	line-height: 1.125rem;
	margin-top: 1.5rem;
	text-align: center
}

.hh-csr-esg-target-block-item .sub {
	color: #b4b4b4;
	font-size: .8125rem;
	margin-top: .5rem;
	text-align: center
}

.hh-csr-esg-target-block-item .desc {
	margin-top: 1.5rem
}

.hh-csr-esg-target-block-item.env .main {
	color: #78dd78
}

.hh-csr-esg-target-block-item.env .main .arrow.down {
	border-top-color: #78dd78
}

.hh-csr-esg-target-block-item.env .main .arrow.up {
	border-bottom-color: #78dd78
}

.hh-csr-esg-target-block-item.env .intro>span {
	color: #78dd78;
	margin-left: .25rem
}

.hh-csr-esg-target-block-item.env .list {
	height: auto;
	margin-top: .5rem;
	width: auto
}

.hh-csr-esg-target-block-item.env .list .hh-item-text-list-intro span {
	color: #78dd78;
	margin-left: .25rem
}

.hh-csr-esg-target-block-item.soc .main {
	color: #eeb051
}

.hh-csr-esg-target-block-item.soc .main .arrow.down {
	border-top-color: #eeb051
}

.hh-csr-esg-target-block-item.soc .main .arrow.up {
	border-bottom-color: #eeb051
}

.hh-csr-esg-target-block-item.soc .intro>span {
	color: #eeb051;
	margin-left: .25rem;
	margin-right: .25rem
}

.hh-csr-esg-target-block-item.gov .main {
	color: #00acd7
}

.hh-csr-esg-target-block-item.gov .main .arrow.down {
	border-top-color: #00acd7
}

.hh-csr-esg-target-block-item.gov .main .arrow.up {
	border-bottom-color: #00acd7
}

.hh-csr-esg-target-block-item.gov .intro>span {
	color: #00acd7
}

.hh-csr-esg-target-block-item.gov .list {
	height: auto;
	margin-top: .5rem;
	width: auto
}

.hh-csr-esg-target-block-item.gov .list .hh-item-text-type-list .hh-item-text-item {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.hh-csr-esg-target-dots {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2.5rem;
	position: relative;
	transition: all .6s ease;
	width: 100%
}

.hh-csr-esg-target-dots>span {
	background: #fff;
	cursor: pointer;
	height: .1875rem;
	opacity: .3;
	transition: all .6s ease;
	width: 1rem
}

.hh-csr-esg-target-dots>span+span {
	margin-left: .5rem
}

.hh-csr-esg-target-dots.env>span.active,
.hh-csr-esg-target-dots.gov>span.active,
.hh-csr-esg-target-dots.soc>span.active {
	opacity: 1;
	width: 1.5rem
}

.hh-csr-esg-honor .hh-swiper-nav .prev,
.hh-csr-esg-target .hh-swiper-nav .prev {
	transform: translateY(-50%) translateX(-100%)
}

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

	.hh-csr-esg-honor .hh-swiper-nav .prev,
	.hh-csr-esg-target .hh-swiper-nav .prev {
		transform: translateY(-50%) translateX(-40px)
	}
}

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

	.hh-csr-esg-honor .hh-swiper-nav .prev,
	.hh-csr-esg-target .hh-swiper-nav .prev {
		transform: translateY(-50%) translateX(-20px)
	}
}

.hh-csr-esg-honor .hh-swiper-nav .next,
.hh-csr-esg-target .hh-swiper-nav .next {
	transform: translateY(-50%) translateX(100%)
}

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

	.hh-csr-esg-honor .hh-swiper-nav .next,
	.hh-csr-esg-target .hh-swiper-nav .next {
		transform: translateY(-50%) translateX(40px)
	}
}

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

	.hh-csr-esg-honor .hh-swiper-nav .next,
	.hh-csr-esg-target .hh-swiper-nav .next {
		transform: translateY(-50%) translateX(20px)
	}
}

.hh-csr-questionnaire .hh-description.question {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 1rem;
	margin-top: .5rem
}

.hh-csr-questionnaire .hh-description.question:before {
	color: #333;
	content: attr(data-order);
	display: block
}

@media only screen and (max-width:992px) {
	.hh-csr-questionnaire .hh-description.category {
		margin-bottom: .5rem
	}
}

.hh-csr-questionnaire .hh-description.title {
	width: 100%
}

.hh-csr-questionnaire .hh-description.title .hh-description-inner {
	align-items: center;
	color: #333;
	display: flex;
	flex-direction: row;
	font-weight: 700;
	justify-content: space-between;
	width: 100%
}

.hh-csr-questionnaire .levels,
.hh-csr-questionnaire .profession,
.hh-csr-questionnaire .score {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: .5rem;
	padding-right: .5rem
}

.hh-csr-questionnaire .levels .number,
.hh-csr-questionnaire .profession .number,
.hh-csr-questionnaire .score .number {
	color: rgba(51, 51, 51, .4)
}

.hh-csr-questionnaire .levels .ant-radio-wrapper,
.hh-csr-questionnaire .profession .ant-radio-wrapper,
.hh-csr-questionnaire .score .ant-radio-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: 1.125rem;
	justify-content: center
}

.hh-csr-questionnaire .levels .ant-radio-wrapper .ant-radio,
.hh-csr-questionnaire .profession .ant-radio-wrapper .ant-radio,
.hh-csr-questionnaire .score .ant-radio-wrapper .ant-radio {
	margin-bottom: .25rem
}

.hh-csr-questionnaire .levels .ant-radio-wrapper div.label,
.hh-csr-questionnaire .profession .ant-radio-wrapper div.label,
.hh-csr-questionnaire .score .ant-radio-wrapper div.label {
	color: rgba(51, 51, 51, .4)
}

.hh-csr-questionnaire .levels .ant-radio-wrapper:after,
.hh-csr-questionnaire .profession .ant-radio-wrapper:after,
.hh-csr-questionnaire .score .ant-radio-wrapper:after {
	display: none
}

.hh-csr-questionnaire .levels .ant-radio-wrapper-checked .label,
.hh-csr-questionnaire .profession .ant-radio-wrapper-checked .label,
.hh-csr-questionnaire .score .ant-radio-wrapper-checked .label {
	color: #ee3a43
}

.hh-csr-questionnaire .profession {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	width: 100%
}

@media only screen and (max-width:992px) {
	.hh-csr-questionnaire .profession {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;
		width: 100%
	}
}

.hh-csr-questionnaire .profession .ant-radio-wrapper {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-csr-questionnaire .profession .ant-radio-wrapper .ant-radio {
	margin-bottom: 0
}

@media only screen and (max-width:992px) {
	.hh-csr-questionnaire .score {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 2rem
	}

	.hh-csr-questionnaire .score .ant-radio-wrapper {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: .5rem
	}
}

.hh-csr-questionnaire .ant-form .ant-row .ant-col>label {
	color: #333;
	font-size: 1.125rem;
	line-height: 2rem
}

.hh-csr-questionnaire .ant-form .ant-row .ant-col .radio:checked+label>.number {
	color: #333
}

.hh-magazine {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	row-gap: 3rem;
	width: 100%
}

@media only screen and (max-width:1320px) {
	.hh-magazine {
		-moz-column-gap: 1rem;
		column-gap: 1rem;
		row-gap: 1rem
	}
}

@media only screen and (max-width:768px) {
	.hh-magazine {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;
		row-gap: 2rem;
		width: 100%
	}
}

.hh-magazine-item {
	cursor: pointer
}

.hh-magazine-item .right {
	padding-left: 1.5rem;
	position: relative
}

.hh-magazine-item .right .date .hh-description-inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

.hh-magazine-item .right .btn {
	bottom: 0;
	position: absolute
}

.hh-passport {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100%;
	justify-content: center;
	left: 0;
	margin: 0 auto;
	position: fixed;
	top: 0;
	transition: all .6s ease;
	width: 100%;
	z-index: 1101
}

@media only screen and (max-width:768px) {
	.hh-passport {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}
}

.hh-passport-mask {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, .2);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .6s ease;
	width: 100%;
	z-index: 1200
}

.hh-passport-box {
	margin: 2rem;
	max-height: calc(100% - 64px);
	max-width: 67.5rem;
	min-width: 42.25rem;
	transition: all .6s ease;
	z-index: 1300
}

@media only screen and (max-width:768px) {
	.hh-passport-box {
		height: 100%;
		margin: 0;
		max-height: unset;
		max-width: 100%;
		min-height: 100%;
		min-width: 100%;
		overflow-x: hidden;
		overflow-y: auto
	}
}

.hh-passport-quick {
	min-height: 100%
}

.hh-passport-quick .hh-description.note {
	bottom: 8rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.hh-passport-quick .hh-description-detail {
	text-shadow: 0 8px 20px #00000033
}

.hh-passport-quick-close {
	align-items: center;
	background: transparent;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-passport-quick-close {
		position: absolute;
		right: .5rem;
		top: .5rem;
		z-index: 2
	}
}

.hh-passport-quick-close>span {
	cursor: pointer;
	height: 3rem;
	width: 3rem
}

.hh-passport-quick-close .hh-image,
.hh-passport-quick-close>span {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-passport-quick-close .hh-image {
	height: 1.5rem;
	width: 1.5rem
}

.hh-passport-quick-inner {
	background-color: #011e4d
}

@media only screen and (max-width:768px) {
	.hh-passport-quick-inner>div.ant-row {
		flex-direction: column
	}

	.hh-passport-quick-info>div.hh-image {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		height: 18.75rem;
		justify-content: flex-start;
		overflow: hidden;
		width: 100%
	}
}

.hh-passport-quick-info .logo {
	left: 2rem;
	position: fixed;
	top: 1rem;
	width: 9.5rem;
	z-index: 2
}

.hh-passport-quick-form {
	padding: 3rem 6rem
}

@media only screen and (max-width:768px) {
	.hh-passport-quick-form {
		padding: 1.5rem 1.25rem
	}
}

.hh-passport-quick-form .logo {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-bottom: 2rem;
	padding-top: 2rem;
	width: 9.5rem
}

.hh-passport-form-item.ant-form-item {
	margin-bottom: 2rem
}

.hh-passport-form-item.ant-form-item>.ant-row {
	position: relative
}

.hh-passport-form-item.ant-form-item .ant-form-item-explain-error {
	color: #ee3a43;
	font-size: .75rem;
	margin-top: .25rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-label {
	left: 1rem;
	position: absolute;
	top: .5rem;
	z-index: 1
}

.hh-passport-form-item.ant-form-item .ant-form-item-label label {
	color: #fff
}

@media only screen and (max-width:479px) {
	.hh-passport-form-item.ant-form-item .ant-form-item-label label {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		width: 17.5rem
	}
}

.hh-passport-form-item.ant-form-item .ant-form-item-label label.ant-form-item-required:before {
	color: #fff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input {
	background: #01163b 0 0 no-repeat padding-box;
	border: .0625rem solid #01163b;
	padding: 2rem 1rem .75rem;
	transition: all .6s ease
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-input-affix-wrapper {
	background: transparent;
	border: none
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input input.ant-input {
	background: transparent;
	border: none;
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group {
	margin-top: .25rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-wrapper {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 600;
	padding-bottom: .25rem;
	padding-top: .25rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-wrapper:focus .ant-checkbox .ant-checkbox-inner,
.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-wrapper:focus .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after {
	border-color: #4593ff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox .ant-checkbox-inner {
	background: transparent
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner {
	background: #4593ff;
	border-color: #4593ff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-checkbox-group .ant-checkbox-checked:after {
	border-color: #4593ff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-radio-group {
	margin-top: .25rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-radio-group .ant-radio-wrapper {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 600;
	padding-bottom: .25rem;
	padding-top: .25rem
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked {
	color: #4593ff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
	background-color: transparent;
	border-color: #fff
}

.hh-passport-form-item.ant-form-item .ant-form-item-control-input .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
	background-color: #4593ff;
	border-color: #4593ff
}

.hh-passport-form-item.ant-form-item-has-error .ant-form-item-control-input {
	border-color: #ee3a43
}

@media only screen and (max-width:768px) {
	.hh-passport-form-address-label .ant-form-item-label {
		display: none
	}
}

.hh-passport-form-btn {
	align-items: center;
	background-color: transparent;
	background-image: linear-gradient(97deg, #2139dd, #175abf 50%, #2f4aff 0, #2273ef);
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: 200% 100%;
	border: none;
	box-shadow: 0 10px 20px #00000067;
	color: #fcfcfc;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	height: 4rem;
	justify-content: center;
	min-width: 4rem;
	outline: none;
	transition: background-position .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, color .25s cubic-bezier(.4, 0, .2, 1) 0ms;
	width: 100%
}

.hh-passport-form-btn:hover {
	background-position: 100% 0;
	color: #fcfcfc
}

.hh-passport-form-btn.error {
	background: transparent linear-gradient(97deg, #b41e1e, #ff4545) 0 0 no-repeat padding-box;
	cursor: not-allowed
}

.hh-passport-form-btn:hover>span,
.hh-passport-form-btn>span {
	color: #fcfcfc;
	font-weight: 700
}

.hh-passport-form-recaptcha+.hh-passport-form-btn {
	margin-top: .5rem
}

.hh-passport-form-privacy {
	color: #fcfcfc;
	display: inline-block;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.hh-passport-form-privacy>span {
	font-size: .875rem
}

.hh-passport-form-privacy>span>a {
	text-decoration: underline
}

.hh-passport-form-privacy>span>a:hover {
	color: #4593ff
}

.hh-passport-form .hh-select.ant-select .ant-select-selector {
	border: none;
	padding-left: 0
}

.hh-passport-form .hh-select.ant-select .ant-select-selector .ant-select-selection-item {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700
}

.hh-passport-container {
	align-items: center;
	background: transparent;
	display: flex;
	flex-direction: column;
	height: 100vh;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 80rem;
	overflow: hidden;
	padding-top: 5.5rem;
	position: relative;
	width: 100%
}

@media only screen and (max-width:992px) {
	.hh-passport-container {
		height: auto;
		min-height: calc(100vh - 64px);
		overflow: auto
	}
}

.hh-passport-register {
	margin-top: 4rem;
	max-width: 67.4375rem;
	width: 100%
}

@media only screen and (max-width:992px) {
	.hh-passport-register {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 35.9375rem
	}
}

.hh-passport-register-form {
	transition: all .6s ease;
	width: 100%
}

.hh-passport-register-form>form,
.hh-passport-register>.ant-col {
	width: 100%
}

.hh-passport-register>.ant-col:first-child {
	max-width: 30.5rem
}

@media only screen and (max-width:992px) {
	.hh-passport-register>.ant-col:first-child {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 29.9375rem
	}
}

.hh-passport-register>.ant-col:last-child {
	height: calc(100vh - 136px);
	overflow-x: hidden;
	overflow-y: auto
}

.hh-passport-register>.ant-col:last-child::-webkit-scrollbar {
	display: none
}

@media only screen and (max-width:992px) {
	.hh-passport-register>.ant-col:last-child {
		margin-top: 4rem
	}

	.hh-passport-register>.ant-col:last-child .hh-description {
		text-align: center
	}
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-tail:after,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-tail:after {
	background-color: #1a4ec9
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content {
	margin-top: .375rem
}

@media only screen and (min-width:992px) {

	.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content,
	.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content {
		text-align: left
	}
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description,
.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
	color: #85a2e8
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
	background-color: transparent;
	border-color: #1a4ec9
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
	color: #1a4ec9;
	font-weight: 700;
	top: -.125rem
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-description,
.hh-passport-register .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-description {
	font-size: .75rem;
	margin-top: .25rem
}

.hh-passport-register .ant-steps-item-finish .ant-steps-item-icon,
.hh-passport-register .ant-steps-item-finish .ant-steps-item-icon:before {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.hh-passport-register .ant-steps-item-finish .ant-steps-item-icon:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Rectangle 7673'/%3E%3Cpath fill='none' stroke='%2355d625' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 13 4.5 5 11-10' data-name='Path 17328'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	width: 1rem
}

.hh-passport-register .ant-steps-item-finish .ant-steps-item-icon .anticon {
	display: none
}

@media only screen and (min-width:992px) {
	.hh-passport-register .ant-steps.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
		margin-inline-start: 0
	}

	.hh-passport-register .ant-steps.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-tail {
		margin-inline-start: .75rem
	}

	.hh-passport-register .ant-steps.ant-steps-label-vertical .ant-steps-item-content {
		text-align: left
	}
}

.hh-passport-register .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) .ant-steps-item-container:hover .ant-steps-item-description,
.hh-passport-register .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) .ant-steps-item-container:hover .ant-steps-item-title {
	color: #85a2e8
}

.hh-passport-register .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) .ant-steps-item-container:hover .ant-steps-item-icon {
	border-color: #1a4ec9
}

.hh-passport-register .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) .ant-steps-item-container:hover .ant-steps-item-icon .ant-steps-icon {
	color: #1a4ec9
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description,
.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
	color: #fff
}

.hh-passport-register .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon {
	background-color: #fff;
	border-color: #fff
}

.hh-passport-register .ant-steps .ant-steps-item-finish .ant-steps-item-icon {
	background-color: transparent;
	border-color: #1a4ec9
}

.hh-passport-register .ant-steps .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
	color: #1a4ec9;
	top: -.125rem
}

.hh-passport-register .ant-steps .ant-steps-item-finish>.ant-steps-item-container .ant-steps-item-tail:after {
	background-color: #1a4ec9
}

.hh-passport-register .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content {
	margin-top: .375rem
}

.hh-passport-register .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,
.hh-passport-register .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
	color: #85a2e8
}

.hh-passport-register .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
	font-size: .75rem;
	margin-top: .25rem
}

.hh-passport-register-choose {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

@media only screen and (max-width:992px) {
	.hh-passport-register-choose {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center
	}
}

.hh-passport-register-choose .ant-col {
	cursor: pointer;
	max-width: 14rem
}

.hh-passport-register-choose .hh-image {
	max-width: 12.5rem
}

.hh-passport-register-choose .hh-image .hh-description {
	left: 50%;
	padding-left: .5rem;
	padding-right: .5rem;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.hh-passport-register-success .hh-description a {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.75rem
}

.hh-passport-register-success .hh-description+.hh-description {
	margin-top: 1rem
}

.hh-passport-register-success>a {
	margin-top: 1.5rem
}

@media only screen and (max-width:992px) {
	.hh-passport-goto {
		bottom: 0;
		position: absolute
	}
}

@media only screen and (max-width:768px) {
	.hh-passport-goto {
		bottom: unset;
		position: relative;
		width: 100%
	}
}

.hh-passport-goto .hh-button>a,
.hh-passport-goto .hh-button>div.hh-not-link {
	font-size: .875rem;
	line-height: unset;
	padding: 0 2.5rem 0 0
}

.hh-passport-goto.center {
	justify-content: center
}

.hh-passport-goto.center,
.hh-passport-goto.left {
	align-items: center;
	display: flex;
	flex-direction: row
}

.hh-passport-goto.left {
	justify-content: flex-start
}

.hh-passport-goto.right {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end
}

.hh-passport-information .hh-content-inner-wrapper {
	max-width: 50rem
}

.hh-passport-information-form {
	transition: all .6s ease
}

.hh-passport-information-form .ant-form-item .ant-form-item-label>label {
	color: #fcfcfc;
	font-size: 1.125rem;
	line-height: 1.5rem
}

.hh-passport-information-form .ant-form-item .ant-form-item-label>label.ant-form-item-required:before {
	color: #fff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control-input {
	background: #01163b 0 0 no-repeat padding-box;
	border: .0625rem solid #01163b;
	padding: .75rem 1rem;
	transition: all .6s ease
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-input,
.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-input-affix-wrapper {
	background: transparent;
	border: none;
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 0
}

.hh-passport-information-form .ant-form-item .ant-form-item-control input::-moz-placeholder {
	color: hsla(0, 0%, 99%, .5)
}

.hh-passport-information-form .ant-form-item .ant-form-item-control input::placeholder {
	color: hsla(0, 0%, 99%, .5)
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-input-suffix>a {
	color: #fff;
	cursor: pointer;
	font-weight: 400
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-picker {
	background: transparent;
	border: none;
	width: 100%
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-picker-suffix {
	display: none
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-picker-input>input {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5rem
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-picker-input>input::-moz-placeholder {
	color: hsla(0, 0%, 99%, .5)
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-picker-input>input::placeholder {
	color: hsla(0, 0%, 99%, .5)
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-select .ant-select-selector {
	border: none
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-select .ant-select-selection-item,
.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-select .ant-select-selection-placeholder {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-select .ant-select-selection-placeholder {
	color: hsla(0, 0%, 99%, .5)
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: .25rem;
	margin-top: .25rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: .25rem;
		width: 100%
	}
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-wrapper {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 600
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-wrapper:focus .ant-checkbox .ant-checkbox-inner,
.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-wrapper:focus .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after {
	border-color: #4593ff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox .ant-checkbox-inner {
	background: transparent
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-checked .ant-checkbox-inner {
	background: #4593ff;
	border-color: #4593ff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-checkbox-group .ant-checkbox-checked:after {
	border-color: #4593ff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-radio-group {
	margin-top: .25rem
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 600;
	padding-bottom: .25rem;
	padding-top: .25rem
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked {
	color: #4593ff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
	background-color: transparent;
	border-color: #fff
}

.hh-passport-information-form .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
	background-color: #4593ff;
	border-color: #4593ff
}

.hh-passport-information-form .ant-form-item-has-error .ant-form-item-control-input {
	border-color: #ee3a43
}

.hh-passport-information-form .ant-form-item.hh-passport-form-select .ant-form-item-control-input {
	padding-bottom: .375rem;
	padding-top: .375rem
}

.hh-passport-information-form .ant-form-item.subs .hh-description {
	align-items: center;
	bottom: -1.5625rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	left: 0;
	position: absolute
}

.hh-passport-information-form .ant-form-item.subs .hh-description:before {
	align-items: center;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23EE3A43' fill-rule='evenodd' d='M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12m-5.94-3.938L18.12 16l3.94 3.94-2.122 2.12L16 18.123l-3.94 3.94-2.12-2.122 3.939-3.939-3.94-3.94 2.122-2.12 3.939 3.939 3.94-3.94z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: flex;
	flex-direction: row;
	height: 1rem;
	justify-content: center;
	margin-right: .25rem;
	width: 1rem
}

.hh-passport-information-form .hh-passport-form-btns {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}

@media only screen and (max-width:479px) {
	.hh-passport-information-form .hh-passport-form-btns {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}
}

.hh-passport-information-form .hh-passport-form-btns>span {
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	margin-left: .5rem
}

@media only screen and (max-width:479px) {
	.hh-passport-information-form .hh-passport-form-btns>span {
		margin-bottom: 1rem
	}
}

.hh-passport-information-form .hh-passport-form-btn {
	font-size: 1.125rem;
	height: 3rem;
	margin-top: 1rem;
	max-width: 10rem
}

.hh-passport-information-form .hh-passport-form-btn-error,
.hh-passport-information-form .hh-passport-form-btn-primary {
	align-items: center;
	background: transparent linear-gradient(97deg, #b41e1e, #ff4545) 0 0 no-repeat padding-box;
	border: none;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	height: 3rem;
	justify-content: center;
	margin-bottom: 1rem;
	margin-top: -1rem;
	padding: .5rem 1.5rem;
	transition: all .6s ease
}

.hh-passport-information-form .hh-passport-form-btn-error:hover,
.hh-passport-information-form .hh-passport-form-btn-primary:hover {
	color: #fff
}

.hh-passport-information-form .hh-passport-form-btn-primary {
	background: transparent linear-gradient(103deg, #2139dd, #175abf) 0 0 no-repeat padding-box
}

@media only screen and (max-width:479px) {
	.hh-passport-information-form .hh-passport-form-btn-primary {
		margin-bottom: .25rem
	}

	.hh-passport-verification .ant-modal {
		max-width: 100%
	}

	.hh-passport-verification.ant-modal-centered .ant-modal {
		height: 100vh;
		vertical-align: top
	}
}

.hh-passport-verification .ant-modal-content {
	background: #011e4d
}

@media only screen and (max-width:479px) {
	.hh-passport-verification .ant-modal-content {
		height: 100vh
	}
}

.hh-passport-verification-box {
	max-height: calc(100% - 64px);
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	width: 100%
}

@media only screen and (max-width:479px) {
	.hh-passport-verification-box {
		padding-left: 0;
		padding-right: 0
	}
}

.hh-passport-verification-box .logo {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 2rem;
	width: 7.5rem
}

.hh-passport-verification-box a[type=email] {
	color: #4593ff;
	display: inline-flex;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5rem;
	margin-bottom: 1.5rem
}

.hh-passport-verification-btn {
	align-items: center;
	background-color: transparent;
	background-image: linear-gradient(97deg, #2139dd, #175abf 50%, #2f4aff 0, #2273ef);
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-size: 200% 100%;
	border: none;
	box-shadow: 0 10px 20px #00000067;
	color: #fcfcfc;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 1.125rem;
	font-weight: 700;
	height: 4rem;
	justify-content: center;
	margin-bottom: 1.5rem;
	margin-top: 3rem;
	min-width: 4rem;
	outline: none;
	transition: background-position .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, color .25s cubic-bezier(.4, 0, .2, 1) 0ms;
	width: 100%
}

.hh-passport-verification-btn:hover {
	background-position: 100% 0;
	color: #fcfcfc
}

.hh-passport a[type=email] {
	color: #4593ff;
	font-size: 1.125rem;
	font-weight: 700;
	justify-content: flex-start
}

.hh-passport-profile-loading {
	min-height: 100vh
}


.swal2-popup.swal2-toast {
	box-sizing: border-box;
	grid-column: 1/4 !important;
	grid-row: 1/4 !important;
	grid-template-columns: min-content auto min-content;
	padding: 1em;
	overflow-y: hidden;
	background: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
	pointer-events: all
}

.swal2-popup.swal2-toast>* {
	grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
	margin: .5em 1em;
	padding: 0;
	font-size: 1em;
	text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
	justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
	height: 2em;
	margin: .5em;
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
	margin: .5em 0 0;
	padding: .5em 0 0;
	font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
	grid-column: 3/3;
	grid-row: 1/99;
	align-self: center;
	width: .8em;
	height: .8em;
	margin: 0;
	font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
	margin: .5em 1em;
	padding: 0;
	overflow: initial;
	font-size: 1em;
	text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
	padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
	grid-column: 1;
	grid-row: 1/99;
	align-self: center;
	width: 2em;
	height: 2em;
	margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
	grid-column: 1;
	grid-row: 1/99;
	align-self: center;
	width: 2em;
	min-width: 2em;
	height: 2em;
	margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
	display: flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: bold
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
	width: 2em;
	height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	top: .875em;
	width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
	left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
	right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
	justify-content: flex-start;
	height: auto;
	margin: 0;
	margin-top: .5em;
	padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
	margin: .25em .5em;
	padding: .4em .6em;
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
	border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
	position: absolute;
	width: 1.6em;
	height: 3em;
	border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
	top: -0.8em;
	left: -0.5em;
	transform: rotate(-45deg);
	transform-origin: 2em 2em;
	border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
	top: -0.25em;
	left: .9375em;
	transform-origin: 0 1.5em;
	border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
	width: 2em;
	height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
	top: 0;
	left: .4375em;
	width: .4375em;
	height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
	height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
	top: 1.125em;
	left: .1875em;
	width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
	top: .9375em;
	right: .1875em;
	width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
	animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
	animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
	animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
	animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
	display: grid;
	position: fixed;
	z-index: 1060;
	inset: 0;
	box-sizing: border-box;
	grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
	grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
	height: 100%;
	padding: .625em;
	overflow-x: hidden;
	transition: background-color .1s;
	-webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
	background: rgba(0, 0, 0, .4)
}

div:where(.swal2-container).swal2-backdrop-hide {
	background: rgba(0, 0, 0, 0) !important
}

div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
	grid-template-columns: minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
	grid-template-columns: auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
	grid-template-columns: auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
	align-self: start
}

div:where(.swal2-container).swal2-top>.swal2-popup {
	grid-column: 2;
	place-self: start center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
	grid-column: 3;
	place-self: start end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
	grid-row: 2;
	align-self: center
}

div:where(.swal2-container).swal2-center>.swal2-popup {
	grid-column: 2;
	grid-row: 2;
	place-self: center center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
	grid-column: 3;
	grid-row: 2;
	place-self: center end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
	grid-column: 1;
	grid-row: 3;
	align-self: end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
	grid-column: 2;
	grid-row: 3;
	place-self: end center
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
	grid-column: 3;
	grid-row: 3;
	place-self: end end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
	grid-column: 1/4;
	width: 100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
	grid-row: 1/4;
	align-self: stretch
}

div:where(.swal2-container).swal2-no-transition {
	transition: none !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
	display: none;
	position: relative;
	box-sizing: border-box;
	grid-template-columns: minmax(0, 100%);
	width: 32em;
	max-width: 100%;
	padding: 0 0 1.25em;
	border: none;
	border-radius: 5px;
	background: #fff;
	color: #545454;
	font-family: inherit;
	font-size: 1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
	outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
	overflow-y: hidden
}

div:where(.swal2-container) h2:where(.swal2-title) {
	position: relative;
	max-width: 100%;
	margin: 0;
	padding: .8em 1em 0;
	color: inherit;
	font-size: 1.875em;
	font-weight: 600;
	text-align: center;
	text-transform: none;
	word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
	display: flex;
	z-index: 1;
	box-sizing: border-box;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: auto;
	margin: 1.25em auto 0;
	padding: 0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
	opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.2em;
	height: 2.2em;
	margin: 0 1.875em;
	animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
	border-width: .25em;
	border-style: solid;
	border-radius: 100%;
	border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}

div:where(.swal2-container) button:where(.swal2-styled) {
	margin: .3125em;
	padding: .625em 1.1em;
	transition: box-shadow .1s;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
	font-weight: 500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
	cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #7066e0;
	color: #fff;
	font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
	box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #dc3741;
	color: #fff;
	font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
	box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #6e7881;
	color: #fff;
	font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
	box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
	box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
	outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
	border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
	margin: 1em 0 0;
	padding: 1em 1em 0;
	border-top: 1px solid #eee;
	color: inherit;
	font-size: 1em;
	text-align: center
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	grid-column: auto !important;
	overflow: hidden;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
	width: 100%;
	height: .25em;
	background: rgba(0, 0, 0, .2)
}

div:where(.swal2-container) img:where(.swal2-image) {
	max-width: 100%;
	margin: 2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close) {
	z-index: 2;
	align-items: center;
	justify-content: center;
	width: 1.2em;
	height: 1.2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -1.2em;
	padding: 0;
	overflow: hidden;
	transition: color .1s, box-shadow .1s;
	border: none;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
	color: #ccc;
	font-family: monospace;
	font-size: 2.5em;
	cursor: pointer;
	justify-self: end
}

div:where(.swal2-container) button:where(.swal2-close):hover {
	transform: none;
	background: rgba(0, 0, 0, 0);
	color: #f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus {
	outline: none;
	box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
	border: 0
}

div:where(.swal2-container) .swal2-html-container {
	z-index: 1;
	justify-content: center;
	margin: 1em 1.6em .3em;
	padding: 0;
	overflow: auto;
	color: inherit;
	font-size: 1.125em;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	word-wrap: break-word;
	word-break: break-word
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
	margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
	box-sizing: border-box;
	width: auto;
	transition: border-color .1s, box-shadow .1s;
	border: 1px solid #d9d9d9;
	border-radius: .1875em;
	background: rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);
	color: inherit;
	font-size: 1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
	border-color: #f27474 !important;
	box-shadow: 0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
	border: 1px solid #b4dbed;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
	color: #ccc
}

div:where(.swal2-container) .swal2-range {
	margin: 1em 2em 3px;
	background: #fff
}

div:where(.swal2-container) .swal2-range input {
	width: 80%
}

div:where(.swal2-container) .swal2-range output {
	width: 20%;
	color: inherit;
	font-weight: 600;
	text-align: center
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
	height: 2.625em;
	padding: 0;
	font-size: 1.125em;
	line-height: 2.625em
}

div:where(.swal2-container) .swal2-input {
	height: 2.625em;
	padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	background: rgba(0, 0, 0, 0);
	font-size: 1.125em
}

div:where(.swal2-container) .swal2-textarea {
	height: 6.75em;
	padding: .75em
}

div:where(.swal2-container) .swal2-select {
	min-width: 50%;
	max-width: 100%;
	padding: .375em .625em;
	background: rgba(0, 0, 0, 0);
	color: inherit;
	font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
	align-items: center;
	justify-content: center;
	background: #fff;
	color: inherit
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
	margin: 0 .6em;
	font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
	flex-shrink: 0;
	margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
	display: flex;
	justify-content: center;
	margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
	align-items: center;
	justify-content: center;
	margin: 1em 0 0;
	padding: .625em;
	overflow: hidden;
	background: #f0f0f0;
	color: #666;
	font-size: 1em;
	font-weight: 300
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
	content: "!";
	display: inline-block;
	width: 1.5em;
	min-width: 1.5em;
	height: 1.5em;
	margin: 0 .625em;
	border-radius: 50%;
	background-color: #f27474;
	color: #fff;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center
}

div:where(.swal2-container) .swal2-progress-steps {
	flex-wrap: wrap;
	align-items: center;
	max-width: 100%;
	margin: 1.25em auto;
	padding: 0;
	background: rgba(0, 0, 0, 0);
	font-weight: 600
}

div:where(.swal2-container) .swal2-progress-steps li {
	display: inline-block;
	position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
	z-index: 20;
	flex-shrink: 0;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	background: #2778c4;
	color: #fff;
	line-height: 2em;
	text-align: center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
	background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
	background: #add8e6;
	color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
	background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
	z-index: 10;
	flex-shrink: 0;
	width: 2.5em;
	height: .4em;
	margin: 0 -1px;
	background: #2778c4
}

div:where(.swal2-icon) {
	position: relative;
	box-sizing: content-box;
	justify-content: center;
	width: 5em;
	height: 5em;
	margin: 2.5em auto .6em;
	border: 0.25em solid rgba(0, 0, 0, 0);
	border-radius: 50%;
	border-color: #000;
	font-family: inherit;
	line-height: 5em;
	cursor: default;
	user-select: none
}

div:where(.swal2-icon) .swal2-icon-content {
	display: flex;
	align-items: center;
	font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
	border-color: #f27474;
	color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
	position: relative;
	flex-grow: 1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
	display: block;
	position: absolute;
	top: 2.3125em;
	width: 2.9375em;
	height: .3125em;
	border-radius: .125em;
	background-color: #f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
	left: 1.0625em;
	transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
	right: 1em;
	transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
	animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
	animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
	border-color: #facea8;
	color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
	animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
	animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
	border-color: #9de0f6;
	color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
	animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
	animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
	border-color: #c9dae1;
	color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
	animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
	animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
	border-color: #a5dc86;
	color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
	position: absolute;
	width: 3.75em;
	height: 7.5em;
	border-radius: 50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
	top: -0.4375em;
	left: -2.0635em;
	transform: rotate(-45deg);
	transform-origin: 3.75em 3.75em;
	border-radius: 7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
	top: -0.6875em;
	left: 1.875em;
	transform: rotate(-45deg);
	transform-origin: 0 3.75em;
	border-radius: 0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
	position: absolute;
	z-index: 2;
	top: -0.25em;
	left: -0.25em;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	border: .25em solid rgba(165, 220, 134, .3);
	border-radius: 50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
	position: absolute;
	z-index: 1;
	top: .5em;
	left: 1.625em;
	width: .4375em;
	height: 5.625em;
	transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
	display: block;
	position: absolute;
	z-index: 2;
	height: .3125em;
	border-radius: .125em;
	background-color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
	top: 2.875em;
	left: .8125em;
	width: 1.5625em;
	transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
	top: 2.375em;
	right: .5em;
	width: 2.9375em;
	transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
	animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
	animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
	animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swal2-show {
	animation: swal2-show .3s
}

.swal2-hide {
	animation: swal2-hide .15s forwards
}

.swal2-noanimation {
	transition: none
}

.swal2-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.swal2-rtl .swal2-close {
	margin-right: initial;
	margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
	right: 0;
	left: auto
}

@keyframes swal2-toast-show {
	0% {
		transform: translateY(-0.625em) rotateZ(2deg)
	}

	33% {
		transform: translateY(0) rotateZ(-2deg)
	}

	66% {
		transform: translateY(0.3125em) rotateZ(2deg)
	}

	100% {
		transform: translateY(0) rotateZ(0deg)
	}
}

@keyframes swal2-toast-hide {
	100% {
		transform: rotateZ(1deg);
		opacity: 0
	}
}

@keyframes swal2-toast-animate-success-line-tip {
	0% {
		top: .5625em;
		left: .0625em;
		width: 0
	}

	54% {
		top: .125em;
		left: .125em;
		width: 0
	}

	70% {
		top: .625em;
		left: -0.25em;
		width: 1.625em
	}

	84% {
		top: 1.0625em;
		left: .75em;
		width: .5em
	}

	100% {
		top: 1.125em;
		left: .1875em;
		width: .75em
	}
}

@keyframes swal2-toast-animate-success-line-long {
	0% {
		top: 1.625em;
		right: 1.375em;
		width: 0
	}

	65% {
		top: 1.25em;
		right: .9375em;
		width: 0
	}

	84% {
		top: .9375em;
		right: 0;
		width: 1.125em
	}

	100% {
		top: .9375em;
		right: .1875em;
		width: 1.375em
	}
}

@keyframes swal2-show {
	0% {
		transform: scale(0.7)
	}

	45% {
		transform: scale(1.05)
	}

	80% {
		transform: scale(0.95)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes swal2-hide {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(0.5);
		opacity: 0
	}
}

@keyframes swal2-animate-success-line-tip {
	0% {
		top: 1.1875em;
		left: .0625em;
		width: 0
	}

	54% {
		top: 1.0625em;
		left: .125em;
		width: 0
	}

	70% {
		top: 2.1875em;
		left: -0.375em;
		width: 3.125em
	}

	84% {
		top: 3em;
		left: 1.3125em;
		width: 1.0625em
	}

	100% {
		top: 2.8125em;
		left: .8125em;
		width: 1.5625em
	}
}

@keyframes swal2-animate-success-line-long {
	0% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	65% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	84% {
		top: 2.1875em;
		right: 0;
		width: 3.4375em
	}

	100% {
		top: 2.375em;
		right: .5em;
		width: 2.9375em
	}
}

@keyframes swal2-rotate-success-circular-line {
	0% {
		transform: rotate(-45deg)
	}

	5% {
		transform: rotate(-45deg)
	}

	12% {
		transform: rotate(-405deg)
	}

	100% {
		transform: rotate(-405deg)
	}
}

@keyframes swal2-animate-error-x-mark {
	0% {
		margin-top: 1.625em;
		transform: scale(0.4);
		opacity: 0
	}

	50% {
		margin-top: 1.625em;
		transform: scale(0.4);
		opacity: 0
	}

	80% {
		margin-top: -0.375em;
		transform: scale(1.15)
	}

	100% {
		margin-top: 0;
		transform: scale(1);
		opacity: 1
	}
}

@keyframes swal2-animate-error-icon {
	0% {
		transform: rotateX(100deg);
		opacity: 0
	}

	100% {
		transform: rotateX(0deg);
		opacity: 1
	}
}

@keyframes swal2-rotate-loading {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes swal2-animate-question-mark {
	0% {
		transform: rotateY(-360deg)
	}

	100% {
		transform: rotateY(0)
	}
}

@keyframes swal2-animate-i-mark {
	0% {
		transform: rotateZ(45deg);
		opacity: 0
	}

	25% {
		transform: rotateZ(-25deg);
		opacity: .4
	}

	50% {
		transform: rotateZ(15deg);
		opacity: .8
	}

	75% {
		transform: rotateZ(-5deg);
		opacity: 1
	}

	100% {
		transform: rotateX(0);
		opacity: 1
	}
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
	overflow: hidden
}

body.swal2-height-auto {
	height: auto !important
}

body.swal2-no-backdrop .swal2-container {
	background-color: rgba(0, 0, 0, 0) !important;
	pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
	pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
	box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
		overflow-y: scroll !important
	}

	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
		display: none
	}

	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
		position: static !important
	}
}

body.swal2-toast-shown .swal2-container {
	box-sizing: border-box;
	width: 360px;
	max-width: 100%;
	background-color: rgba(0, 0, 0, 0);
	pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
	inset: 0 auto auto 50%;
	transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
	inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
	inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
	inset: 50% auto auto 0;
	transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
	inset: 50% 0 auto auto;
	transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
	inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
	inset: auto auto 0 50%;
	transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
	inset: auto 0 0 auto
}