/* ACG page: navigation follows the current main-site layout. */
/* 2026-06-01: Fix main navigation misalignment at browser zoom levels such as 90% and 80%.
   The original header uses floated nav items plus large margins, which can round differently
   under zoom. Keep the existing desktop visual layout, but make the nav row non-wrapping. */
.navfr {
	position: relative;
}

.navfr .nav {
	float: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 996px;
	height: 68px;
	overflow: visible;
	text-align: right;
	white-space: nowrap;
}

.navfr .nav > ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	font-size: 0;
}

.navfr .nav > ul > li {
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-left: 18px;
	padding-top: 7px;
	font-size: 12px;
}

.navfr .nav > ul > li.sale {
	margin-left: 0 !important;
	padding-top: 7px;
}

.navfr .nav ul li .nav_t a {
	white-space: nowrap;
	line-height: 20px;
}

.navfr .nav ul li .nav_t b {
	left: 50%;
	margin-left: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.navfr .nav ul li .nav_c {
	top: 68px;
	text-align: left;
	white-space: normal;
}

/* Keep the promotional image link visible, but hide its text at all zoom levels. */
.navfr .nav ul li.sale {
	display: inline-block !important;
	visibility: visible !important;
}

.navfr .nav ul li.sale .nav_t a {
	display: inline-block;
	overflow: hidden;
	text-indent: -99999px !important;
	white-space: nowrap;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	background: url("/images/new16/hd/onsale.png") no-repeat scroll left 9px;
	width: 57px;
	height: 14px;
	padding-bottom: 20px;
}

/* Keep dropdown panels full-width after the zoom-level nav fix above. */
.navfr .nav ul li .nav_c {
	right: 0;
	left: auto;
	width: 1200px;
	min-width: 1200px;
	overflow: hidden;
}

@media screen {
	.navfr .nav ul li .nav_c {
		right: calc(-1 * ((100vw - 1200px) / 2));
		width: 100vw;
	}
}

.topfr {display: flow-root;}
#banner.acg-hero {height:auto; background:radial-gradient(ellipse at 85% 15%,#e4edff 0,transparent 55%),linear-gradient(120deg,#f3f7ff,#edf4ff 70%,#e7efff);border-bottom:1px solid #e5ecf9;overflow:hidden;}
.acg-hero-inner {width:1200px;min-height:440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:48px 0;box-sizing:border-box;}
.acg-hero-copy {flex:1;max-width:590px;}
.acg-eyebrow {font-size:15px;font-weight:600;color:#2563ca;letter-spacing:2px;margin:0 0 16px;}
.acg-hero h2 {font-size:44px;line-height:1.3;letter-spacing:1px;color:#142d55;font-weight:700;margin:0 0 18px;}
.acg-hero-intro {max-width:510px;font-size:16px;line-height:1.9;color:#536782;margin:0 0 20px;}
.acg-hero-tags {display:flex;gap:12px;margin-bottom:26px;}
.acg-hero-tags span {border:1px solid #ceddf4;border-radius:5px;background:#ffffffb3;color:#42638c;padding:3px 14px;font-size:13px;}
.acg-hero-actions {display:flex;gap:22px;align-items:center;}
.acg-primary {background:#2463db;color:#fff;padding:10px 24px;border-radius:6px;font-size:16px;box-shadow:0 6px 18px #2463db24;transition:background .2s;}
.acg-primary:hover {background:#184fb8;color:#fff;}
.acg-primary span {margin-left:12px;}
.acg-secondary {font-size:14px;color:#365c94;}
.acg-hero-phone {margin-top:16px;color:#6d7d94;font-size:13px;}
.acg-hero-phone a {color:#3c557c;margin-left:8px;}
.acg-hero-visual {width:505px;position:relative;padding:20px 0 30px;flex-shrink:0;}
.acg-product-panel {border:1px solid #fff;border-radius:18px;padding:26px;background:#ffffffdf;box-shadow:0 24px 60px #315f9f22;transform:rotate(-3deg);}
.acg-panel-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.acg-panel-top span {color:#254977;font-size:20px;font-weight:600;}
.acg-panel-top b {font-size:12px;font-weight:400;color:#8192a9;}
.acg-search-demo {padding:11px 14px;border:1px solid #d6e2f7;border-radius:8px;font-size:13px;color:#8191a9;display:flex;align-items:center;gap:12px;background:#f8faff;}
.acg-search-icon {display:inline-block;width:12px;height:12px;border:2px solid #537bb3;border-radius:50%;position:relative;}
.acg-search-icon:after {content:"";position:absolute;width:6px;height:2px;background:#537bb3;right:-5px;bottom:-2px;transform:rotate(45deg);}
.acg-product-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;}
.acg-product-grid>div {padding:15px 9px;background:#f3f6fb;border:1px solid #e9eef6;border-radius:9px;text-align:center;}
.acg-product-grid strong,.acg-product-grid small {display:block;}
.acg-product-grid strong {font-size:13px;color:#345173;font-weight:500;margin-top:10px;}
.acg-product-grid small {font-size:11px;color:#8697ad;margin-top:3px;}
.acg-product-shape {display:block;width:54px;height:60px;margin:auto;box-shadow:6px 8px 10px #3f6baa14;}
.acg-shape-one {background:linear-gradient(135deg,#c0d3ef,#6b94cc);border-radius:8px;border:7px solid #dce7f6;box-sizing:border-box;}
.acg-shape-two {background:linear-gradient(135deg,#e1e8f5,#9cb4d8);border-radius:50%;width:60px;border:10px solid #c5d4e9;box-sizing:border-box;}
.acg-shape-three {background:linear-gradient(135deg,#d0dffa,#8babdf);border-radius:6px;border-top:13px solid #b5caed;box-sizing:border-box;}
.acg-visual-label {position:absolute;right:-10px;bottom:5px;padding:10px 24px;background:#fff;border:1px solid #e4ecfa;border-radius:9px;box-shadow:0 8px 24px #315f9f14;color:#3866a5;font-size:14px;}
#acg-benefits {scroll-margin-top:25px;}
.acg-hero a:focus-visible {outline:3px solid #f0a641;outline-offset:5px;}
@media (max-width:1250px) {.acg-hero-inner {padding-left:28px;padding-right:28px;gap:35px;} .acg-hero-visual {width:475px;}}
@media (prefers-reduced-motion:reduce) {.acg-hero * {transition:none;}}

/* Fourth benefit: keep both states visible with a verified local image. */
#menu2 > li:nth-child(4) {
    background-image: url(../images/benefit-multiterminal-default.png);
    background-size: 130px 130px;
    filter: none;
    opacity: 1;
}
#menu2 > li:nth-child(4).hover {
    background-image: url(../images/benefit-multiterminal.png);
    background-size: 130px auto;
    filter: none;
    opacity: 1;
}