@import url("./bootstrap-icons.min.css");


.fs-7 {
	font-size: .85rem;
}

.box{
	background-color: #f6f5f1;
	width: 100%;
	height: 420px;
	position: fixed;
	bottom: 0;
	z-index: -1;
}

.header {
	margin: 2rem 0;
}

.left {
	width:660px;
	height: 520px;
	background:url(../images/left-bg.png) no-repeat 0 0;
	background-size: contain;
}


.btn-login {
	--bs-btn-color: #fff;
	--bs-btn-bg: #47B4EC;
	--bs-btn-border-color: #47B4EC;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #36a4db;
	--bs-btn-hover-border-color: #36a4db;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #238fc5;
	--bs-btn-active-border-color: #238fc5;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #238fc5;
	--bs-btn-disabled-border-color: #238fc5;
}

.forget, .forget a{
	color: #184EBC;
	margin: 0 .5rem;
	text-align: center;
}

.forget-eng, .forget-eng a{
	font-size: .8rem;
	color: #4d525e;
	text-align: center;
	margin: 0 .5rem;
}

.forget a:hover, .forget-eng a:hover{
	color: #238fc5;
}

@media (max-width:992px) {
	.header{text-align: center;}
	img{width: 80%;}
}

.copyright{
	width:1000px;
	margin:0 auto;
	font-family:"微軟正黑體";
	color:#EEE;
	font-size:12px;
	text-align:center;
	line-height:35px;
	position:relative;
	}