@charset "UTF-8";
body {
	background-color: #f5f5f5;
}
.login-header {
	height: 64px;
	background: #fff;
	display: flex;
}
.login-header .header-logo {
width: 1100px;
display: flex;
margin: 0px auto;
}
.login-header .header-logo img {
	height: 20px;
	display: flex;
	margin: auto 30px;
}
body {
	background-image: url('/asset/img/top_kv_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}
.container {
	width: 1100px;
	margin: 50px auto;
	display: flex;
	gap: 100px;
}
.left-box {
	width: 50%;
}
.right-box {
	width: 50%;
	padding-top: 30px;
}
.logo {
	display: block;
	padding: 50px 0px 41px 100px;
}
.login-box {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 9px -5px #777;
	height: 100%;
	width: 100%;
}
.login-other-box {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 9px -5px #777;
	height: 100%;
	width: 100%;
	padding: 30px;
}
.login-title {
	text-align: center;
	color: #235C2A;
	font-size: 20px;
	font-weight: bold;
}
.input-field {
	width: 300px;
	height: 32px;
	display: block;
	margin: 20px auto;
	border: solid 1px #7FC19C;
	border-radius: 5px;
	background-color: #F5F5F8;
	box-shadow: inset 0px 0px 3px -1px rgba(0, 0, 0, 0.4);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: auto;
	text-align: left;
	direction: ltr;
	padding-left: 35px;
}
.input-field-01 {
	background-image: url('/asset/img/login-icon-01.png');
	background-position: 8px center;
}
.input-field-02 {
	background-image: url('/asset/img/login-icon-02.png');
	background-position: 10px center;
}
.input-field-03 {
	background-image: url('/asset/img/login-icon-03.png');
	background-position: 8px center;
}
.input-field::placeholder {
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	color: #00833A;
	font-weight: normal;
}
.input-field.no-icon {
	background-image: none;
}
.login-button {
	width: 328px;
	height: 40px;
	background-color: #EF7829;
	border: none;
	color: #000;
	border-radius: 5px;
	display: block;
	margin: 50px auto 40px;
}
.login-button:hover {
	background-color: #eee;
	color: #000;
}
.digicert {
	position: relative;
	float: right;
	padding-right: 80px;
}
.news_container {
	background-color: rgba(256, 256, 256, 0.7);
	border-radius: 20px;
	clear: both;
	padding: 10px 110px 30px 100px;
}
.news_title {
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	color: #235C2A;
}
.news {
	padding: 20px;
	height: 180px;
	overflow: auto;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	border: solid 1px #7FC19C;
	background-color: #F5F5F8;
}

.login-footer {
	background-color: #00833A
}

.login-footer .login-footer-inner {
	text-align: right;
	font-size: 10px;
	color: #fff;
	padding: 10px;
	display: block;
	width: 1100px;
	margin: 0 auto;
}

.remote-host-table-wrap {
	padding: 20px;
}
.remote-host-table-wrap td.item {
	width: 80px;
}