html,
body {overflow-x: hidden; /* Prevent scroll on narrow devices */}
.fhts_border{border-radius:0;}
.fhts_justify{text-align: justify;}
.btn-fmtbg{--bs-btn-color:#055160;--bs-btn-bg:#f6f6fb;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#055160;--bs-btn-hover-bg:#cff4fc;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#234855;--bs-btn-active-bg:#b8edfc;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f6f6fb;--bs-btn-disabled-bg:#f6f6fb;--bs-btn-disabled-border-color:#0dcaf0;padding: 0;}
.fhtsimg{pointer-events: none;}


:root {
  --bs-feimeite_white: #fff;
  --bs-feimeite-rgb: 52, 103, 166;
  --bs-feimeite: linear-gradient(45deg, #1e50a2, #1e50a2);
  --bs-footfmt: linear-gradient(to bottom, #d4e2f7, #f5f9ff);
  --bs-feimeitea-hover: #dc3545;
  --bs-feimeitea-active: #dc3545;  
  --bg-fmt-color: #f5f9ff;
}
.bg-fmt-color {background-color: var(--bg-fmt-color) !important;}
.bg-feimeite {background-image: var(--bs-feimeite) !important;}
.bg-footfmt {background-image: var(--bs-footfmt) !important;}

.btn-feimeite {
  --bs-btn-color: var(--bs-feimeite_white);
  --bs-btn-bg: var(--bs-feimeite);
  --bs-btn-border-color: var(--bs-feimeite);
  --bs-btn-hover-color: var(--bs-feimeite_white);
  --bs-btn-hover-bg: var(--bs-feimeitea-hover);
  --bs-btn-hover-border-color: var(--bs-feimeitea-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-feimeite-rgb);
  --bs-btn-active-color: var(--bs-feimeite_white);
  --bs-btn-active-bg: var(--bs-feimeitea-hover);
  --bs-btn-active-border-color: var(--bs-feimeitea-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-feimeite_white);
  --bs-btn-disabled-bg: var(--bs-feimeite);
  --bs-btn-disabled-border-color: var(--bs-feimeite);
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
	color: #ffffff;
	width: 3rem;
	height: 3rem;
	background-size: 3rem 3rem;
	padding: 0.5rem;
}
.bico {vertical-align: -.125em;color: #000;fill: currentColor;}
.fs-a{font-size: 6vh;}

.tooltip {
  --bs-tooltip-bg: #fff;
  --bs-tooltip-color: #000;
}

#MyContent img{max-width: 90%;}

.container-fluid .navbar-brand{
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 500;
	padding: 0;
}
.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .9rem;
  color: #6c757d;
}

.text-gray-dark{
	font-size: 1.1rem;
	font-weight: 450;
	line-height: 0rem;
	margin: 0.6rem 0 0.99rem 0;
}		

.page_wrap{clear:both; margin-bottom:0.1rem; overflow:hidden;zoom:1; margin: 1rem auto 0 auto;}
.paginator {float:right; height:2.5rem; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-size:1.2rem; }
.paginator a,
.paginator span {float:left; height:2.3rem; margin:0 0.5rem 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:2.3rem; background:#fff; }
.paginator a {color:#0d6efd; }
.paginator b{margin:0.3rem;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 0.8rem; border:0.01rem solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#dee2e6; color:#dee2e6; }
.paginator .page-end { border-color:#dee2e6;  color:#dee2e6; }
.paginator .page-this,
.paginator .page-break {padding:0 0.3rem; }
.paginator .page-break {border:0.01rem solid #fff; }
.paginator .page-this {border:0.01rem solid #D3D3D3;background-color:#dee2e6; color:#dc3545;padding:0rem 0.8rem; font-weight:bold; }
.paginator .page-skip {height:2.2rem; line-height:2.2rem; padding:0 0.3rem; margin:0; background:none; }
.paginator .page-skip input {width:2.6rem;  *width:2.3rem;height:1.9rem;line-height:1.9rem;border:0.01rem #D3D3D3 solid;font-size:1.2rem; margin:-0.1rem 0.6rem 0rem 0.6rem;#margin-top:0.1rem;_margin-top:0rem;padding:0rem 0rem 0rem 0.2rem; vertical-align:middle; padding-top:0rem; padding-bottom:0rem; }
.paginator .page-skip button {font-size:1.2rem; padding:0 0.5rem 0.5rem 0.5rem;_padding:0 0.5rem 0 0.5rem; width:auto; _width:0; height:2.2rem;  *height:2.3rem; *line-height:2rem; _height:1.6rem; _line-height:1.6rem; margin-left:1rem;  *margin-top:-0.1rem;overflow:visible; vertical-align:top; }
.paginator a:hover {border:0.01rem solid #A6A6A6;color:#868688; }

/*管家婆*/
.customer-info {
  position: relative;
}
.customer-info .customer-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.customer-info .customer-row {
  height: 133px;
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  background-size: 1920px;
  background-image: url(/assets/smart/images/logo_bg.png);
}

@keyframes leftroll {
  from {
    background-position-x: 0;
  }

  to {
    background-position-x: -1920px;
  }
}
@keyframes rightroll {
  from {
    background-position-x: -1920px;
  }

  to {
    background-position-x: 0;
  }
}
.customer-info .customer-row-1 {
  background-position-y: -20px;
  animation: leftroll 60s linear infinite;
}
.customer-info .customer-row-2 {
  background-position-y: -170px;
  animation: rightroll 50s linear infinite;
}
.customer-info .customer-row-3 {
  background-position-y: -320px;
  animation: leftroll 50s linear infinite;
}