body {
  overflow: auto;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* input box style */
.eac-text-field-outline {
  position: relative;
}
.input-label {
  position: absolute;
  left: 14px;
  top: 12px;
  pointer-events: none;
  color: #8f959a;
}

input[type="password"]::-ms-reveal {
  display: none;
}
input[type="password"]::-ms-clear {
  display: none;
}
input[type="password"]::-o-clear {
  display: none;
}

.login-username:not(:placeholder-shown) ~ .input-label,
.login-username:focus ~ .input-label {
  transform: scale(0.75) translate(-12px, -20px);
}

.login-username::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */

  color: white;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: white;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: white;
}

.login-username:-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: white;
}

.login-username::-ms-input-placeholder {
  /* Microsoft Edge */

  color: white;
}

.eac-text-field
  .eac-icon.eac-text-field-toggle
  ~ .eac-icon.eac-text-field-clear {
  right: 2.25em;
}

.eac-view-container {
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  }

.eac-login-wrap{
    background: url(../media/login_bg.png) no-repeat right bottom;
    background-size: 100%;
    flex: 1
}

.eac-login-custom{
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.eac-logo-n{
	width: 148px;
	height: 76px;
	background: url(../media/logo.svg) no-repeat;
	background-size: cover;
	margin: 0 auto;
}
.eac-login-content{
	display: flex;
	flex-direction: column;
	width: 960px;
	margin: 0 auto;
	margin-top: 32px;
	flex: 1
}

.eac-login-other{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 36px;
}

.eac-login-left{
	display: flex;
	flex-direction: column;
	width: 50%;
	border-radius: var(--Border-Border-radius-radius-lg, 16px);
	border: var(--Border-Border-width-border-none, 1px) solid var(--Colours-Border-disabled, #D6D8DA);
	background: var(--Colours-Surface-default, #FFF);
	/*white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.eac-login-dialog-alert{
	display: flex;
	width: 482px;
	padding: 24px 32px 32px 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	border-radius: var(--Components-Overlay-radius, 16px);
	background: var(--Colours-Surface-overlay, #FFF);
}



.eac-login-right{
	display: flex;
	width: 50%;
	padding: 32px 24px;
	border-radius: 16px;
	background:white;
	/* Shadow/shadow sm | elevation 1 */
	box-shadow: var(--Shadow-sm-X, 0px) var(--Shadow-sm-Y, 2px) var(--Shadow-sm-blur, 6px) var(--Shadow-sm-spread, 0px) var(--Shadow-sm-shadow, rgba(0, 0, 0, 0.15));
	box-sizing: border-box;
	height: fit-content;
}

.eac-login-right-hnw{
	display: flex;
	width: auto;
	padding: 32px 24px;
	background: #FFFFFF;

	border-radius: 16px;
	background:white;
	/* Shadow/shadow sm | elevation 1 */
	box-shadow: var(--Shadow-sm-X, 0px) var(--Shadow-sm-Y, 2px) var(--Shadow-sm-blur, 6px) var(--Shadow-sm-spread, 0px) var(--Shadow-sm-shadow, rgba(0, 0, 0, 0.15));
	box-sizing: border-box;
	height: fit-content;
	margin: 0 auto;
}



.eac-status-bar{
	display: flex;
	width: 1194px;
	height: 52.001px;
	padding: 15px 24px 16px 24px;
	align-items: center;
	gap: 24px;
	border-bottom: 1px solid var(--Components-Divider-default, #D6D8DA);
	background: var(--Colours-Surface-overlay, #FFF);
}

.eac-login-page-nav{
	width: Fixed (1,194px)px;
	height: Hug (60px)px;
	padding: 8px 24px 8px 24px;
	gap: 32px;
	opacity: 0px;

}
.eac-update-time{
	width: 100%;
	padding: 12px 24px 12px 24px;
	gap: 10px;
	opacity: 0px;
/* 	margin-top:32px; */
	background: var(--Colours-Surface-alternate, rgba(245, 245, 246, 1));

}
.eac-footer-content{
	display:flex;
	width: Hug (1,194px)px;
	height: Hug (52px)px;
	padding: 16px 24px 16px 24px;
	gap: 24px;
	opacity: 0px;
	background: var(--Colours-Surface-alternate, rgba(245, 245, 246, 1));
	display: flex;
	padding: 16px 24px;
	align-items: flex-end;
	justify-content:space-between;
	margin-bottom: auto; /* 将页脚推到底部 */
/* 	margin-top:10px; */

}
.eac-updated-time-content{
	color: var(--light-text-subdued, #666E75);
	/* TC/Mobile/Body/Body 4 Regular */
	font-family: "Noto Sans TC";
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 140% */
	letter-spacing: 0.5px;
/* 	margin-top:100px; */
/* 	text-indent: 1em; */
}
.eac-corpyt{
	width: 982px;
	color: var(--light-text-subdued, #666E75);

	/* TC/Desktop/Body/Body 3 Regular */
	text-indent:0;
	padding-left:0px;
	font-family: "Noto Sans TC";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
	letter-spacing: 0.5px;

}

 .eac-login-notice-list{
 width: 100%;
 }
.eac-login-notice-new{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;

}

.eac-login-notice-header{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;

}

.eac-login-view-more-new{
	display: flex;
    padding: 16px;
	border-bottom: none;
	cursor: pointer;
    justify-content: flex-end;
}

.eac-login-notice-new h3{
	color: var(--light-text-default, #14181C);

/* TC/Desktop/Body/Body 1 Bold */
font-family: "Noto Sans TC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.5px;
}


.eac-login-notice-header h3{
	color: var(--light-text-default, #14181C);

/* TC/Desktop/Body/Body 1 Bold */
font-family: "Noto Sans TC";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}

.eac-login-privace{
	width: var(--Size-size-4xl, 48px);
	height: 0.001px;
}

.eac-login-privace-font{
	color: var(--light-text-default, #14181C);
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	letter-spacing: 0.5px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
form .eac-field{
	margin-top: 0;
}
#eac-login-welcome-new {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
  }
  #eac-login-welcome-new h1 {
	font-family: var(--font-family-title);
	margin: 0 0 0.35em;
	color: var(--color-primary-black);
	font-size: 300%;
	font-weight: 800;
	line-height: 1;
  }
  #eac-login-welcome-new > h1 {
	font-size: 40px;
  }
  #eac-login-welcome-new p {
	margin: 0 0 1em;
  }
  #eac-login-welcome-new button {
	display: block;
	margin: 1em 0;
	min-width: 15em;
  }
  #eac-login-welcome-new a {
	font-weight: 600;
	fill: var(--color-primary-red);
  }
/*
.eac-login-custom footer{
	padding-top: 32px;
}
*/
.eac-login-w100{
	width: 100%;
}
.eac-login-form button{
	width: 100%;
}
.eac-login-form p.or{
	position: relative;
	text-align: center;
}
.eac-login-form p.or:after, .eac-login-form p.or:before{
	content: "";
    position: absolute;
    border-top: 1px solid var(--color-mono-40);
    width: 45%;
    top: 50%;
}
.eac-login-form p.or:before{
	left: 0;
}
.eac-login-form p.or:after{
	right: 0;
}
.eac-login-nav-helper{
	display: flex;
	gap: 32px;
	justify-content: flex-end;
	padding: 24px 24px;
}
/*
.eac-login-custom footer{
	margin: 0;
	background-color: transparent;
	padding: 16px 0 0 0;
	width: 100%;
}
*/
.eac-login-custom footer .eac-update-time{
	background-color: transparent;
	padding: 12px 24px;
	margin: 0;
}
@media (max-width: 800px) {
	#eac-login-welcome-new {
	  padding: 8px 0 0 0;
	  width: 100%;
	  height: unset;
	  justify-content: unset;
	  flex: 1 1 auto;
	}
	#eac-login-welcome-new > h1 {
		font-size: 22px;
		font-weight: 500;
		line-height: 30px; /* 136.364% */
		letter-spacing: 0.3px;
		text-align: left;
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 24px;
	}
  .eac-login-left{
    display: none;
  }


#eac-login .eac-login-nav-helper-new {
  position: absolute;
  right: var(--viewport-margin-horizontal);
  top: var(--viewport-margin-horizontal);
}
#eac-login .eac-login-nav-helper-new > * {
  display: inline-block;
  padding: 0 0.75em;
  font-weight: 600;
  margin-left: 8px;
}
#eac-login-notic-new{
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
}

#eac-login-notic-text{
	flex: 1 0 0;
	color: var(--light-text-default, #14181C);

	/* TC/Desktop/Body/Body 2 Medium */
	font-family: "Noto Sans TC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	letter-spacing: 0.5px;
}
#eac-login-notic-important{
	max-width: 760px;
	flex: 1 0 0;

	color: var(--light-text-default, #14181C);

}

.eac-login-notice-view-more-new{
	display: flex;
	padding: 16px 16px 20px 16px;
	flex-direction: column;
	border-bottom: none;
    justify-content: flex-end;
	align-self: stretch;
	border-radius: 8px;
}
}
@media (max-width: 800px) {
	footer{
	position:static;
	bottom:112px;
	text-indent: -1em;

	}
	.eac-login-content{
	  width: 100%;
	  margin: 0 auto;
	  margin-top: 20px;
	}
	.eac-logo-n{
	    transform: scale(1.15);
		margin-left: 8px;
		width: 96px;
		height: 50px;
		margin: 0 auto;
	}
	.eac-login-other, .eac-login-right, .eac-login-welcome-new{
	box-shadow:none;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	}
	.eac-login-right{
		padding: 16px;
	}
	.eac-footer-content{
	    padding-bottom:10em;
		flex-wrap: wrap;
	}
	.eac-corpyt{
		flex-basis: 100%;
	}
	.eac-importantNotice-mobile{
		box-sizing: border-box;
	}
	.eac-login-custom footer, .eac-update-time,.eac-updated-time-content{

/* 	    margin-top:-100px; */


		background-color: white;
	}



	.eac-login-nav-helper{
		display: none;
	}
	.eac-language-switch{
		padding-right: 16px;
	}
  }


.eac-login-dialog-wrap{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 249px 356.5px 249px 355.5px;
  justify-content: center;
  align-items: center;
  background: var(--Colours-Surface-scrim, rgba(20, 24, 28, 0.50));
}

.eac-login-dialog-alert{
       display: flex;
       width: 482px;
       padding: 24px 32px 32px 32px;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 16px;
       flex-shrink: 0;
       border-radius: var(--Components-Overlay-radius, 16px);
       background: var(--Colours-Surface-overlay, #FFF);
}
.eac-login-dialog-warn{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.eac-login-dialog-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.eac-login-dialog-text-format{
    align-self: stretch;
    color: var(--Colours-Text-default, #14181C);
    text-align: center;

    /* TC/Desktop/Headline/Headline 4 */
  font-family: "Noto Sans TC";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; /* 128.571% */
    letter-spacing: 0.3px;
}

.eac-login-dialog-description{
    color: var(--Colours-Text-default, #14181C);
    text-align: center;

    /* TC/Desktop/Body/Body 1 Regular */
   font-family: "Noto Sans TC";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
}
.eac-login-dialog-button{
    color: var(--Components-Button-primary-text, #FFF);
    text-align: center;

    /* TC/Desktop/Body/Body 1 Medium */
    font-family: "Noto Sans TC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    align-self: stretch;
}
.eac-login-dialog-button-wrap{
    display: flex;
    margin-left: 20px;
    margin-right: 20px;

    padding: 14px 24px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--Components-Form-elements-Chip-radius, 8px);
    border: var(--Components-Button-border, 1px) solid var(--Components-Button-primary-border, #E00842);
    background: var(--Components-Button-primary-surface, #E00842);
}

.eac-login-validate-empty{

	flex: 1 0 0;
	color: var(--Text-negative, #D40C74);

	/* EN/Mobile/Body/Body 2 Regular */
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}


@media (max-width: 800px) {
    .eac-login-nav #eac-nav-toggle i, .eac-login-nav #eac-nav-toggle i:after, .eac-login-nav #eac-nav-toggle i:before {
        background-color: #333d47;
    }
}

/* #eac-aside {   */
/*         padding: 8px 16px; */
/*       } */
.eac-text {
  max-height: 32px;
  overflow: hidden;
  position: relative;
  margin: 16px 0;
  z-index:9;
  padding:5px;
  background: var(--Colours-Surface-overlay, #FFF);
  flex:1;
  display: flex;
}

#sysText{
	margin-left:12px;
}


 #appStatus {

    width: 100%;
    /* display: flex;
  flex-wrap: wrap; */
}

.eac-icon {
	position: relative;;
	top: -2px;
}
#systemStatus:checked + .eac-text {
  max-height: none;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-charcoal-40);
}

#systemStatus:checked + .eac-text > #appStatus>.text {
  position: static;
  display: block;
  margin-bottom: 4px;
}

#systemStatus:checked + .eac-text > #appStatus>.text > #svgPhoto > .eac-login-display {
  transform: rotate(180deg)
}
#systemStatus:checked + .eac-text >#appStatus {
  padding-left: 6px;

}
#systemStatus:checked + .eac-text > #appStatus + .endTime {
  display: block;
  position: absolute;
}
.endTime {
  position: absolute;
  right: 24px;
  bottom: 6px;

  @media (max-width: 800px) {
  	display: none;
  	position: static;
  }

}

.text {
	display: inline-block;

}

#eac-aside-statusbar{
	padding:0px !important;
	margin:0px !important;
	z-index: 9 !important;
	gap: 0 !important;

	@media (min-width: 800px) {
		padding:0px !important;
		margin:0px !important;
		z-index: 9 !important;
		gap: 0 !important;
	    align-items: center;
	}
}

.eac-login-display{
	margin-right: 2px;
   @media (min-width: 800px) {
  	display: none;
  }
	@media (max-width: 800px) {
  	display: inline;
  }
}


.eac-login-language-switch{

	display: flex;
	width: 168px;
	padding: 8px 8px;
	position:absolute;
	right:0;
	top:0;
	flex-direction: column;
	margin-top:15px;
	margin-right:0px;
	border-radius: 16px;
	border: var(--Border-Border-width-border-none, 1px) solid var(--Colours-Border-disabled, #D6D8DA);
	background: var(--Colours-Surface-default, #FFF);
}


.eac-login-language-switch-new{
	display: flex;
    border-bottom: 1px solid var(--Components-Divider-default, #D6D8DA);
    padding-bottom: 5px;
	flex-direction: row;
	padding-left:5px;
	padding-top:5px;
	padding-top:5px;
	justify-content:space-between;
}

.eac-login-language-text{
	color: var(--light-text-default, #14181C);
	/* TC/Mobile/Body/Body 1 Medium */
	font-family: "Noto Sans TC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.5px;
}


.eac-login-language-switch-down{
	display: flex;
    padding-bottom: 5px;
	flex-direction: row;
	padding-left:5px;
	padding-top:5px;
	padding-top:5px;
	justify-content:space-between;
}

.eac-login-page-navigation{
	display: flex;
	width: 100%;
	height: 100%;
	padding-bottom: 652px;
	flex-direction: column;
	align-items: center;
}

.eac-login-page-navigation-header{
	display: flex;
	width: 100%;
	height: 30px;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--Components-Divider-default, #D6D8DA);
}


@media (max-width: 800px) {
    #eac-login-nav-list {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
        padding: 1em 1em 1em 1.25em;
        min-width: 250px;
        background: #fff;
        box-shadow: var(--overlay-box-shadow);
        border-radius: var(--overlay-border-radius);
        transform: translateY(-1em);
        opacity: 0;
        transition: opacity 0.2s, transform 0.2s;
        pointer-events: none;
    }
}

@media (max-width: 800px) {
	.eac-text{
	display:block;
	border-bottom: 1px solid var(--Components-Divider-default, #D6D8DA);
	}
}


@media (max-width: 800px) {
    #eac-login-nav-list a, #eac-login-nav-list div {
        display: flex;
        width: 100%;
        align-items: flex-end;
        margin: 0.5em 0;
        justify-content: flex-end;
    }
}


@media (max-width: 800px) {
	.eac-corpyt {
    margin-left: -10px;
}
}

/*
@media (min-resolution: 100dpi) and (max-resolution: 200dpi) and (min-width: 1200px) {
    body {
        zoom: 0.67;
    }
    .eac-view-container {
       overflow-y: hidden;
}
}
*/

/* 适配低PPI设备（如23英寸屏幕）
@media (max-resolution: 100dpi) and (min-width: 1200px) {
    body {
      zoom: 1;
    }
    .eac-view-container {
      overflow-y: hidden;
}
}
*/

.eac-text-field.focused .eac-text-field-label ~ input, .eac-text-field:not(.empty) .eac-text-field-label ~ input {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

.eac-login-fr-qr-text{
	color: var(--Components-Button-primary-text, #FFF);

/* TC/Mobile/Body/Body 1 Medium */
	font-family: "Noto Sans TC";
	font-size: 16px;
	font-style: normal;
	padding-bottom: 3.5px;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.5px;
}


.eac-login-fr-pwd-text{
	color: var(--Components-Button-secondary-text, #E00842);

	/* TC/Mobile/Body/Body 1 Medium */
	font-family: "Noto Sans TC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.5px;
}


.eac-importantNotice-mobile-indicator > span {
    width: 79px;
}

@media (max-width: 800px) {
	#eac-aside-statusbar{
	    border-bottom:none;
	}

}


@media (max-width: 800px) {
	.eac-login-dialog-wrap{
	   padding:10px;
	}
	.eac-login-dialog-alert{
	   width:100%;
	}

}



.techContainer{
    display: flex;
    width: 760px;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: var(--Border-Border-radius-radius-lg, 16px);
    background: var(--Colours-Surface-overlay, #FFF);
}
.techSupportHeader{
    color: var(--light-text-default, #14181C);

    /* TC/Desktop/Headline/Headline 4 */
    font-family: "Noto Sans TC";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 128.571% */
    letter-spacing: 0.3px;
    align-self: stretch;
}
.techContent{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.techLeft{
    display: flex;
    flex-direction: column;
    flex:10;
}
.techRight{
    display: flex;
    flex-direction: column;
    flex:12;
}
.techSupportContact{
    color: var(--Colours-Text-subdued, #666E75);
    flex: 1 0 0;
    /* TC/Desktop/Body/Body 2 Medium */
    font-family: "Noto Sans TC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.5px;
}
.techEmailAddress{
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    margin-top:10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Colours-Border-subdued, #ADB1B5);
    background: var(--Colours-Surface-default, #FFF);
}
.techColumn{
    display: flex;
    flex-direction: column;
    width: 200px;
    gap:8px;
    margin-left:25px;
}
.techRow{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.techQuestionHeader{
    color: var(--Colours-Text-default, #14181C);

    /* TC/Desktop/Body/Body 2 Medium */
    font-family: "Noto Sans TC";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.5px;
}
.techQuestionText{
    color: var(--Colours-Text-default, #14181C);

    /* TC/Desktop/Body/Body 2 Regular */
    font-family: "Noto Sans TC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
       letter-spacing: 0.5px;
   }
   .textSupportBorder{
       display: grid;
       border-radius: var(--Border-Border-radius-radius-none, 0px);
       border-bottom: 1px solid var(--Colours-Border-subdued, #ADB1B5);
       padding-bottom: 10px;
       row-gap: 8px;
       margin-top: 10px;
       background: var(--Colours-Surface-default, #FFF);
   }
   @media (max-width: 800px) {
   .techContent{
flex-direction: column;
            }
}
   .techIcon{
       display: flex;
       width: 100%;
       justify-content: space-between;
   }
   .techSupportWrap{
       display: flex;
       width: 100%;
       height: 100vh;
       flex-direction: column;
       justify-content: center;
       overflow: hidden;
       align-items: center;
       padding: 249px 356.5px 249px 355.5px;
       background: var(--Colours-Surface-scrim, rgba(20, 24, 28, 0.50));
   }

@media (max-width: 800px) {
   .techSupportWrap{
        display: flex;
        justify-content: center;
        overflow: hidden;
        align-items: center;
        background: var(--Colours-Surface-scrim, rgba(20, 24, 28, 0.50));
        padding: 0px;
        width: auto;
        height: auto;
        flex-direction: row;
   }
   .techContainer{
     border-radius: 0px;
   }
   }

/*
 @media (min-width: 800px) {
     footer {
      position:fixed;
      bottom:0px;
      background-color: #f8f9fa;
      padding: 5px;

  }
 }
*/


@media (max-width: 800px) {
    #eac-nav {
        margin-top: 20px;
    }
}


@media (max-height: 800px) {
    #eac-aside-statusbar {
        font-size: 12px;
    }
}