a {
	color: #FFF;
	font-size: 16px;
	transition: all 0.5s;
}

a:hover {
	color: #fff;
}

.shadow {
	box-shadow: 0 0 6px #888888;
}

#fixtop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

#header {
	background: #004098;
	padding: 34px 56px;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.6);*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	transition: all 0.5s;
}

#header .topnav {
	display: flex;
	flex-basis: 100%;
}

#header .nav { line-height:48px;}

#header .logo {
	margin-right: auto;
}

#header .logo img {
	max-width: 74vw;
}

#header .navul {
	display: flex;
}

#header .navli {
	margin-left: 49px;
}

#header .navli a:hover{color:#5d92fe;}

#header .search {
	margin-left: 72px;
	display: flex; line-height:48px;
}

#header #search {
	cursor: pointer;
	background: url("../images/search.png")/*tpa=/themes/default/images/search.png*/ no-repeat scroll 0 16px;
	width: 19px;
}

#header #line {
	margin: 0 24px;
	color: #FFFFFF;
	font-size: 16px;
}

#header .ebook {
	background: url("../images/icon.png")/*tpa=/themes/default/images/icon.png*/ no-repeat scroll 0 15px;
}

#header .ebook a {
	padding-left: 28px;
}

#header .m {
	display: none;
}

#header #mnav {
	cursor: pointer;
	background: url("../images/mnav.png")/*tpa=/themes/default/images/mnav.png*/ no-repeat scroll 0 16px;
	width: 19px;
}

#header .hide {
	display: none;
}

#header .searchbox {
	display: flex;
	margin-top: 24px;
}

#header .searchbox .serach-btn {
	width: 80px;
	height: 40px;
	text-align: center;
	border: none;
	background-color: rgba(5, 70, 134, 0.8);
	color: #FFFFFF;
}

#header .searchbox .serach-txt {
	border: 1px solid;
	width: 300px;
	padding-left: 16px;
}

#header .mnav {
	display: none;
	flex-basis: 100%;
	height: 100vh;
}

#header .mnav .mnavul {
	text-align: center;
}

#header .mnav .mnavli {
	border-bottom: 1px solid #3368b4;
}

#header .mnav a {
	color: #86b2f0;
	line-height: 12vh;
}

#footer.site-footer {
	--footer-bg: #33373d;
	--footer-text: rgba(255, 255, 255, 0.62);
	--footer-heading: #fff;
	--footer-line: rgba(255, 255, 255, 0.1);
	background: var(--footer-bg);
	color: var(--footer-text);
}

#footer .footerin {
	box-sizing: border-box;
	width: min(100%, 1580px);
	margin: 0 auto;
	padding: 66px clamp(32px, 5vw, 80px) 22px;
}

#footer .footer-main {
	display: grid;
	grid-template-columns: minmax(430px, 1fr) minmax(540px, 1fr);
	gap: clamp(64px, 10vw, 160px);
	padding-bottom: 38px;
	border-bottom: 1px solid var(--footer-line);
}

#footer .footer-heading,
#footer .footer-brand {
	display: flex;
	align-items: center;
	min-height: 30px;
	margin: 0 0 24px;
	padding-bottom: 13px;
	border-bottom: 1px solid var(--footer-line);
	color: var(--footer-heading);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.35;
}

#footer .footer-brand {
	gap: 10px;
	text-decoration: none;
}

#footer .footer-brand > span {
	display: inline-block;
	width: 4px;
	height: 18px;
	background: #e77432;
	/*transform: skewX(-12deg);*/
}

#footer .footer-contact-content {
	display: grid;
	grid-template-columns: minmax(250px, 1fr) auto;
	gap: 36px;
	align-items: start;
}

#footer .footer-contact-list {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .footer-contact-list li {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 13px;
	align-items: start;
	color: var(--footer-text);
	font-size: 15px;
	line-height: 1.75;
}

#footer .footer-contact-list svg {
	width: 24px;
	height: 24px;
	margin-top: 1px;
	fill: none;
	stroke: rgba(255, 255, 255, 0.42);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

#footer .footer-contact-list em {
	margin-right: 8px;
	color: rgba(255, 255, 255, 0.42);
	font-style: normal;
}

#footer .footer-contact-list a,
#footer .footer-nav-group a,
#footer .footer-bottom a {
	color: inherit;
	text-decoration: none;
	transition: color 0.22s ease;
}

#footer .footer-contact-list a:hover,
#footer .footer-nav-group a:hover,
#footer .footer-bottom a:hover {
	color: #fff;
}

#footer a:focus-visible {
	outline: 2px solid #f08a4b;
	outline-offset: 4px;
}

#footer .footer-qrcode {
	display: flex;
	align-items: stretch;
	margin: 0;
	background: rgba(255, 255, 255, 0.035);
}

#footer .footer-qrcode img {
	display: block;
	width: 132px;
	height: 132px;
	padding: 8px;
	box-sizing: border-box;
	background: #fff;
	object-fit: contain;
}

#footer .footer-qrcode figcaption {
	display: grid;
	place-items: center;
	min-width: 38px;
	padding: 8px 5px;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.74);
	font-size: 14px;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-align: center;
	writing-mode: vertical-rl;
}

#footer .footer-nav-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(100px, 1fr));
	gap: 22px;
}

#footer .footer-nav-group h3 {
	margin: 0 0 13px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

#footer .footer-nav-group h3 a {
	color: var(--footer-heading);
}

#footer .footer-nav-group ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .footer-nav-group li,
#footer .footer-nav-group li a {
	font-size: 14px;
	line-height: 1.65;
}

#footer .footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 28px;
	padding-top: 22px;
}

#footer .footer-bottom p {
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	line-height: 1.7;
}

#footer .footer-copyright {
	font-variant-numeric: tabular-nums;
}

#footer .footer-utility {
	display: flex;
	flex-wrap: wrap;
	gap: 0 9px;
	justify-content: flex-end;
}

@media only screen and (max-width: 1180px) {
	#header {
		padding: 3vw;
		background-color: #014099;
	}

	#footer .footerin {
		padding-top: 52px;
	}

	#footer .footer-main {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	#footer .footer-contact-content {
		grid-template-columns: 1fr auto;
	}

	#header .nav,
	#header .search {
		display: none;
	}

	#header .m {
		display: flex;
	}
}

@media only screen and (max-width: 720px) {
	#footer .footerin {
		padding: 42px 20px 20px;
	}

	#footer .footer-main {
		gap: 36px;
		padding-bottom: 28px;
	}

	#footer .footer-heading,
	#footer .footer-brand {
		margin-bottom: 20px;
		font-size: 18px;
	}

	#footer .footer-contact-content {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	#footer .footer-qrcode {
		justify-self: start;
	}

	#footer .footer-qrcode img {
		width: 116px;
		height: 116px;
	}

	#footer .footer-nav-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 22px;
	}

	#footer .footer-bottom {
		flex-direction: column;
		gap: 8px;
	}

	#footer .footer-utility {
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 400px) {
	#footer .footer-contact-list li {
		font-size: 14px;
	}

	#footer .footer-nav-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}


#banner-inside{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto}
#banner-inside .bannertext{width:100%; text-align: center; position: absolute; top:40%;    }
.bannertext .bigtext{font-size: 50px;margin-bottom: 60px; color:#fff; position: relative; width: 100%; display: table;}
.bannertext .bigtext:after{ content: ''; display: block;position: absolute; left: 50%; width: 72px; height: 1px; margin-left: -36px; bottom: -40px; background: #fff;}
.bannertext .bigtext2{font-size: 40px; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';color: #5d92fe;width: 100%; display: table;}
#banner-inside img{width:100%;}

@media (max-width: 768px){
	#banner-inside{}
	#banner-inside img {left: 0; margin-left: 0px;}
	.bannertext .bigtext{font-size: 30px;}
	.bannertext .bigtext2{font-size: 20px;}

}
.g-bd{padding:50px 56px; margin:0 auto; max-width: 1392px;}
#navpart{position:relative;background:#004098;margin:102px auto 0;width:100%; display: table;}
#navpart .position{padding:25px 3% 25px; margin:0 auto;color:#999;font-size:12px;text-align:left;float: right;}
#navpart .position a{color:#999}
#navpart .position a:hover{color:#5d92fe;text-decoration:underline}
#navpart .column{padding:20px 56px 20px; max-width: 1392px; margin:0 auto;text-align:left;overflow:auto}
#navpart .column ul{text-align:left}
#navpart .column ul li{display:inline-block;float:left;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.6);height:40px;line-height:40px;padding:0 30px;margin-right:10px;font-size:14px;text-align:center; }
#navpart .column a{display:block; color:#002e90;}
#navpart .column .A,#navpart .column ul li:hover{background:#5d92fe;border:1px solid #5d92fe}
#navpart .column .A a,#navpart .column ul li:hover a{color:#fff}
#navpart .column #scrollwidth{width:auto}

.linkbox{display: none;}
.footer-social ul li{color:#ccc; display:inline-block; margin-right:10px;height:30px; line-height: 30px; color:#fff;text-align:center;font-size:12px;}
.footer-social ul{margin:1.5em 0}
.footer-social ul li a{color:#ccc; font-size: 12px;}
.footer-social ul li:hover a{color:#fff;text-decoration:none}

@media(max-width: 768px){
	#navpart{margin-top: 58px;}
	#header .mnav{ background:#004098}
	#header .mnav a{ line-height:50px; color:#fff}
	.title-style h2{ line-height:30px; height:30px}
.about-ours .img img{ height:inherit !important}
.about-ours .right2{ display:none}
}

/* Refined site navigation and search overlay */
body.nav-layer-open {
	overflow: hidden;
}

#header.site-header {
	box-sizing: border-box;
	min-height: 90px;
	padding: 0 clamp(32px, 8.6vw, 176px);
	background: #fff;
	box-shadow: 0 1px 0 rgba(20, 35, 55, 0.08);
	justify-content: center;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	transition: box-shadow 0.25s ease, transform 0.48s cubic-bezier(0.22, 0.72, 0.24, 1);
}

#fixtop.is-nav-hidden #header.site-header {
	transform: translate3d(0, -100%, 0);
}

#header.site-header .topnav {
	width: 100%;
	max-width: 1510px;
	min-height: 90px;
	align-items: center;
}

#header.site-header .logo {
	display: flex;
	align-items: center;
	flex: 0 1 350px;
	margin-right: clamp(44px, 6vw, 112px);
}

#header.site-header .logo a {
	display: inline-flex;
	align-items: center;
}

#header.site-header .logo img {
	display: block;
	width: auto;
	height: 54px;
	max-width: min(100%, 330px);
	object-fit: contain;
}

#header.site-header .nav {
	margin-left: auto;
	line-height: normal;
}

#header.site-header .navul {
	align-items: stretch;
	gap: clamp(28px, 2.85vw, 58px);
}

#header.site-header .navli {
	position: relative;
	margin-left: 0;
}

#header.site-header .navli > a {
	position: relative;
	display: flex;
	align-items: center;
	height: 90px;
	padding-top: 2px;
	box-sizing: border-box;
	color: #292d33;
	font-size: 17px;
	font-weight: 500;
	white-space: nowrap;
	transition: color 0.22s ease, transform 0.22s cubic-bezier(0.2, 0.72, 0.24, 1);
}

#header.site-header .navli > a::after {
	content: "";
	position: absolute;
	left: calc(50% - 17px);
	bottom: 14px;
	width: 34px;
	height: 2px;
	background: #ed6a2c;
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 0.28s cubic-bezier(0.2, 0.72, 0.24, 1);
}

#header.site-header .navli > a:hover,
#header.site-header .navli > a:focus-visible {
	color: #292d33;
	transform: translateY(-2px);
}

#header.site-header .navli > a.is-current {
	color: #ed6a2c;
}

#header.site-header .navli > a:hover::after,
#header.site-header .navli > a:focus-visible::after,
#header.site-header .navli > a.is-current::after {
	transform: scaleX(1);
	transform-origin: left center;
}

#header.site-header .subnav {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	width: max-content;
	min-width: 180px;
	max-width: 260px;
	padding: 6px 0 8px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 14px 28px rgba(24, 35, 48, 0.13);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(-50%, 12px, 0) scale(0.98);
	transform-origin: top center;
	transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.28s cubic-bezier(0.2, 0.72, 0.24, 1);
}

#header.site-header .navli:hover > .subnav,
#header.site-header .navli:focus-within > .subnav {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(-50%, 0, 0) scale(1);
}

#header.site-header .navli-children-0 > .subnav {
	display: none;
}

#header.site-header .subnav a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 20px;
	box-sizing: border-box;
	color: #30353a;
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.24s ease;
}

#header.site-header .subnav a::before {
	content: "";
	position: absolute;
	left: 14px;
	width: 0;
	height: 1px;
	background: #ed6a2c;
	transition: width 0.24s ease;
}

#header.site-header .subnav a:hover,
#header.site-header .subnav a:focus-visible {
	padding-left: 32px;
	background: #fff8f4;
	color: #d95b22;
	outline: none;
}

#header.site-header .subnav a:hover::before,
#header.site-header .subnav a:focus-visible::before {
	width: 10px;
}

#header.site-header .header-actions {
	display: flex;
	align-items: center;
	margin-left: clamp(34px, 4.7vw, 78px);
}

#header.site-header .search-trigger,
#header.site-header .menu-trigger {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background-color 0.22s ease, transform 0.18s ease;
}

#header.site-header .search-trigger:hover,
#header.site-header .search-trigger:focus-visible,
#header.site-header .menu-trigger:hover,
#header.site-header .menu-trigger:focus-visible {
	background: #f3f5f7;
	outline: 2px solid transparent;
}

#header.site-header .search-trigger:active,
#header.site-header .menu-trigger:active {
	transform: scale(0.94);
}

#header.site-header .search-trigger-icon {
	position: relative;
	display: block;
	width: 17px;
	height: 17px;
	border: 2px solid #5f656b;
	border-radius: 50%;
	box-sizing: border-box;
}

#header.site-header .search-trigger-icon::after {
	content: "";
	position: absolute;
	right: -6px;
	bottom: -4px;
	width: 8px;
	height: 2px;
	border-radius: 2px;
	background: #5f656b;
	transform: rotate(45deg);
	transform-origin: left center;
}

#header.site-header .menu-trigger {
	display: none;
}

.search-modal {
	position: fixed;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 120px 24px 40px;
	box-sizing: border-box;
	background: rgba(8, 12, 16, 0.7);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.search-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.search-dialog {
	position: relative;
	width: min(100%, 520px);
	padding: 34px 36px 36px;
	box-sizing: border-box;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(5, 12, 20, 0.28);
	transform: translateY(14px) scale(0.985);
	transition: transform 0.28s cubic-bezier(0.2, 0.72, 0.24, 1);
}

.search-modal.is-open .search-dialog {
	transform: translateY(0) scale(1);
}

.search-close {
	position: absolute;
	top: 9px;
	right: 12px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #8b9096;
	font: 300 28px/30px Arial, sans-serif;
	cursor: pointer;
	transition: color 0.2s ease, transform 0.2s ease;
}

.search-close:hover,
.search-close:focus-visible {
	color: #ed6a2c;
	transform: rotate(8deg);
	outline: none;
}

.search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.search-dialog .searchbox {
	display: flex;
	height: 46px;
	margin: 0;
	border: 1px solid #e3e6e9;
	border-radius: 6px;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-dialog .searchbox:focus-within {
	border-color: #ed6a2c;
	box-shadow: 0 0 0 3px rgba(237, 106, 44, 0.12);
}

.search-dialog .searchbox .serach-txt {
	min-width: 0;
	width: 100%;
	height: 46px;
	padding: 0 18px;
	box-sizing: border-box;
	border: 0;
	background: #fff;
	color: #2a2e33;
	font-size: 16px;
	outline: none;
}

.search-dialog .searchbox .serach-txt::placeholder {
	color: #a0a6ad;
}

.search-dialog .searchbox .serach-btn {
	display: grid;
	place-items: center;
	flex: 0 0 68px;
	width: 68px;
	height: 46px;
	padding: 0;
	border: 0;
	background: #111315;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.search-dialog .searchbox:focus-within .serach-btn,
.search-dialog .searchbox .serach-btn:hover,
.search-dialog .searchbox .serach-btn:focus-visible {
	background: #d95b22;
	outline: none;
}

.search-dialog .searchbox .serach-btn:active {
	background: #c9501b;
}

.search-dialog .searchbox .search-submit-icon {
	display: block;
	width: 30px;
	height: 24px;
	margin: 0 auto;
	background: url("../images/search-submit.png") no-repeat 0 -24px;
	background-size: 30px 48px;
}

.hot-searches {
	margin-top: 24px;
}

.hot-searches h2 {
	margin: 0 0 17px;
	color: #2b2f34;
	font-size: 18px;
	font-weight: 500;
}

.hot-search-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 9px;
}

.hot-search-list a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid #eceef0;
	background: #fff;
	color: #737980;
	font-size: 15px;
	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.hot-search-list a:hover,
.hot-search-list a:focus-visible {
	border-color: rgba(237, 106, 44, 0.55);
	background: #fff8f4;
	color: #d95b22;
	outline: none;
}

@media only screen and (max-width: 1280px) {
	#header.site-header {
		padding-inline: 38px;
	}

	#header.site-header .logo {
		flex-basis: 260px;
		margin-right: 38px;
	}

	#header.site-header .navul {
		gap: 26px;
	}

	#header.site-header .header-actions {
		margin-left: 32px;
	}
}

@media only screen and (max-width: 1040px) {
	#header.site-header {
		min-height: 80px;
		padding: 0 24px;
	}

	#header.site-header .topnav {
		min-height: 80px;
	}

	#header.site-header .logo {
		flex: 1;
		margin-right: 24px;
	}

	#header.site-header .logo img {
		height: 52px;
		max-width: 270px;
	}

	#header.site-header .nav {
		display: none;
	}

	#header.site-header .header-actions {
		margin-left: auto;
		gap: 6px;
	}

	#header.site-header .menu-trigger {
		display: inline-grid;
	}

	#header.site-header .menu-trigger span,
	#header.site-header .menu-trigger::before,
	#header.site-header .menu-trigger::after {
		position: absolute;
		width: 20px;
		height: 2px;
		border-radius: 2px;
		background: #3e444a;
		content: "";
		transition: transform 0.22s ease, opacity 0.18s ease;
	}

	#header.site-header .menu-trigger::before { transform: translateY(-6px); }
	#header.site-header .menu-trigger::after { transform: translateY(6px); }
	#header.site-header .menu-trigger.is-open span { opacity: 0; }
	#header.site-header .menu-trigger.is-open::before { transform: rotate(45deg); }
	#header.site-header .menu-trigger.is-open::after { transform: rotate(-45deg); }

	#header.site-header .mnav {
		position: fixed;
		inset: 80px 0 auto;
		display: block;
		width: 100%;
		height: calc(100dvh - 80px);
		padding: 12px 24px 28px;
		box-sizing: border-box;
		background: #fff;
		overflow-y: auto;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
	}

	#header.site-header .mnav.is-open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	#header.site-header .mnav .mnavli {
		border-bottom: 1px solid #eceff2;
	}

	#header.site-header .mnavli > a {
		display: block;
		padding: 0 4px;
		color: #2b3035;
		font-size: 16px;
		font-weight: 500;
		line-height: 58px;
	}

	#header.site-header .mnavli > a.is-current {
		color: #ed6a2c;
	}

	#header.site-header .m-subnav {
		padding: 0 0 10px 18px;
	}

	#header.site-header .mnavli-children-0 > .m-subnav {
		display: none;
	}

	#header.site-header .m-subnav a {
		display: block;
		padding: 0 12px;
		border-top: 1px solid #f0f2f4;
		color: #687078;
		font-size: 14px;
		font-weight: 400;
		line-height: 44px;
	}

	#header.site-header .m-subnav a:hover,
	#header.site-header .m-subnav a:focus-visible {
		color: #ed6a2c;
		outline: none;
	}

	.search-modal {
		padding-top: 96px;
	}
}

@media only screen and (max-width: 620px) {
	#header.site-header {
		min-height: 68px;
		padding: 0 14px 0 18px;
	}

	#header.site-header .topnav {
		min-height: 68px;
	}

	#header.site-header .logo img {
		height: 44px;
		max-width: 58vw;
	}

	#header.site-header .mnav {
		inset: 68px 0 auto;
		height: calc(100dvh - 68px);
	}

	.search-modal {
		align-items: flex-start;
		padding: 88px 14px 24px;
	}

	.search-dialog {
		padding: 34px 18px 28px;
	}

	.search-dialog .searchbox .serach-btn {
		flex-basis: 58px;
		width: 58px;
	}

	.hot-searches {
		margin-top: 24px;
	}

	.hot-search-list {
		gap: 10px 8px;
	}

	.hot-search-list a {
		min-height: 36px;
		padding: 0 11px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#header.site-header,
	#header.site-header *,
	.search-modal,
	.search-dialog {
		transition-duration: 0.01ms !important;
	}
}

/* Global card entrance ---------------------------------------------------- */
.global-card-reveal {
	opacity: 0;
	will-change: opacity, transform;
}

.global-card-reveal.is-visible {
	animation: global-card-reveal-in 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation-delay: var(--card-reveal-delay, 0ms);
}

@keyframes global-card-reveal-in {
	from {
		opacity: 0;
		transform: translate3d(0, 18px, 0) scale(0.99);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.global-card-reveal,
	.global-card-reveal.is-visible {
		opacity: 1;
		transform: none;
		animation: none;
		will-change: auto;
	}
}