.login_title
{
	font-size: 16px;
	font-weight: bold;
	color: #097e5e;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-family: "微軟正黑體";
	text-align: left;
}
.footer_info {
	font-size: 12px;
	color: #C1E0A3;
	line-height: 17px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
	font-stretch: normal;
}
.treea:link
{
	font-size: 13px;
	color: #C30;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.treea:visited
{
	font-size: 13px;
	font-weight: normal;
	color: #C30;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.treea:hover
{
	font-size: 13px;
	font-weight: normal;
	color: #C60;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.treea::active {
	font-size: 13px;
	font-weight: normal;
	color: #0c478c;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title:hover
{
	font-size: 16px;
	font-weight: bold;
	color: #090;
	text-decoration: underline;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
	font-family: "微軟正黑體";
}
.title:link
{
	font-size: 17px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
	font-family: "微軟正黑體";
}
.title:visited
{
	font-size: 16px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
	font-family: "微軟正黑體";
}
arr {
	text-align: right;
}
img {
	text-align: center;
}
.btn-green {
    color: #ffffff;
    background-color: #69ae5e;
    border-color: #61a456;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    color: #ffffff;
    background-color: #347a2a;
    border-color: #2a7321;
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
    background-color: #69ae5e;
    border-color: #69ae5e;
}

.btn-green .badge {
    color: #428bca;
    background-color: #69ae5e;
}

.bgcolor_topbar .navbar-title {
	font-weight: bold;
	color: #d1e4bc;
	font-family: "微軟正黑體";
	float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.bgcolor_topbar
{
    background-color: #203b0e;
    margin-top: 0 !important;
}
/* Fallback for fixed-top position in case of CSS loading issues */
.navbar.fixed-top {
    top: 0 !important;
}
.round-corner
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.shadow-border
{
    -webkit-box-shadow: 3px 3px 3px 3px #85a55e;
	-moz-box-shadow: 3px 3px 3px 3px #85a55e;
	box-shadow: 0px 0px 3px 3px #85a55e;
}
/* Ensure Card has white background and correct padding (BS5 migration fix) */
.card#LoginBlock {
    background-color: #ffffff !important;
    padding: 15px !important;
    display: block;
}
.card-body {
    padding: 1.25rem;
}
.body-bg
{
    background-image: url(../img/back.jpg);
    background-color: #dbe8ce;
    background-repeat: repeat-x;
    margin-bottom: 60px; /* Space for fixed footer */
}
/* Explicit mb-3 definition to ensure form spacing */
.mb-3 {
    margin-bottom: 1rem !important;
}
.footer-info {
    background-color: #203b0e;
    color: #d1e4bc;
	font-family: "微軟正黑體";
    padding: 10px 0;
}
/* Ensure footer sticks to bottom if fixed-bottom utility fails */
.footer-info.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 1030;
}
.s_title
{
	font-size: 22px;
	font-weight: bold;
	color: #B8E353;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-family: "微軟正黑體";
}
.panel-frame
{
    margin-top: 25px;
    margin-bottom: 7px;
}
#kmuh-captcha-img {
    margin-right: 5px !important;
}
#kmuh-captcha {
    width: 200px !important;
    max-width: 100%;
    margin-right: 5px !important;
    padding-left: 0 !important;
}
/* 強制驗證碼區域在桌面端不換行，但在手機端允許換行 */
#LoginBlock .d-flex {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important; 
}

@media (min-width: 576px) {
    #LoginBlock .d-flex {
        flex-wrap: nowrap !important;
    }
}

#LoginBlock .d-flex > div {
    flex: 0 0 auto !important;
}
.error-title {
	color: #203b0e;
	font-size: 22px;
	font-weight: bold;
	font-family: "微軟正黑體";
	font-style: normal;
	text-transform: none;
	font-variant: normal;
	text-decoration: none;
}