@charset "utf-8";
/* CSS Document */
:root{
--ws-bg-opacity: 1;
--ws-body-bg-rgb: 245,245,245;
}

html { height: 100vh;background-color: rgba(var(--ws-body-bg-rgb),var(--ws-bg-opacity))!important; }
body {  background-color: rgba(var(--ws-body-bg-rgb),var(--ws-bg-opacity))!important;}
a {    color: inherit;    text-decoration: inherit;}
.text-overflow {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.form-control{    padding: .5rem .5rem;}
.form-select{padding:.5rem 2.25rem .5rem .75rem;}


.nav-item-link{display: flex;align-items: center;gap: .25rem;height: 38px;}
.svg-icon-home{width: 16px; height: 16px;}
.svg-icon{width: 36px;    height: 36px;    margin-right: .5rem;    background-color: #f0f0f0;    padding: 8px;    border: var(--bs-border-width) solid var(--bs-border-color);}
#icon-home{fill: #fff;}
#icon-service{fill: #3F51B5;}
.nav-item-link span{display: none;}
@media (min-width: 768px){
.nav-item-link span{display: block;}
}

[data-bs-theme=light] {
--bs-primary-rgb: 63,81,181;
--ws-body-bg-rgb: 245,245,245;
}
[data-bs-theme=dark] {
--bs-primary-rgb: 230,230,230;
--ws-body-bg-rgb: 10,10,10;
}
:root,[data-bs-theme = "light"] .btn-primary{
--bs-btn-bg: #3F51B5; 
--bs-btn-border-color: rgb(0 0 0 / 30%);
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424242;
--bs-btn-hover-border-color:  rgb(0 0 0 / 30%);
}
[data-bs-theme = "dark"]  .img-logo{    content: url(../images/asiannet-imail-logo-w.png);}

.header-page { background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg)); }
.img-logo{height: 20px;}
@media (min-width: 768px){
.img-logo{height: 25px;}
}

.form-signin{max-width: 992px;}

/*標題*/
 .title{    background: -webkit-linear-gradient(0deg,#3F51B5 20%,#03A9F4 50%,#8BC34A 80%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    display: inline-flex;    font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif;    margin-bottom: 0rem;}
[data-bs-theme = "light"] .main-function-description-box .card-header {
color:var(--bs-white);
background-color:var(--bs-btn-bg)!important; }
 .main-function-description-box .card-body h6 {/*color: rgba(var(--bs-primary-rgb));*/color: #2872cd;}
	[data-bs-theme = "dark"]  .title{ background: -webkit-linear-gradient(0deg,#ffef5b 20%,#FFC107 50%,#f83f32 80%);  -webkit-background-clip: text;}

/*切換色彩*/
.bi { vertical-align: -.125em; fill: currentColor; }
.btn-bd-primary {  
 --bd-violet-bg: #616161;
	 --bd-violet-bg-hover: #363636;
	 --bd-violet-bg-active: #363636;
 --bd-violet-rgb: 97, 97, 97;
 --bs-btn-font-weight: 600;
 --bs-btn-color: var(--bs-white);
 --bs-btn-bg: var(--bd-violet-bg);
 --bs-btn-border-color: var(--bd-violet-bg);
 --bs-btn-hover-color: var(--bs-white);
 --bs-btn-hover-bg: var(--bd-violet-bg-hover);
 --bs-btn-hover-border-color: var(--bd-violet-bg-hover);
 --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
 --bs-btn-active-color: var(--bs-btn-hover-color);
 --bs-btn-active-bg: var(--bd-violet-bg-active);
 --bs-btn-active-border-color: var(--bd-violet-bg-active);
}
.bd-mode-toggle { z-index: 1500; }
.bd-mode-toggle .dropdown-menu .active .bi { display: block !important; }

/*說明按鈕*/
#operating-instructions{fill: #ff9800;}
#how-to-prevent-spam{fill: #ff5722;}
#system-instructions{fill: #00BCD4;}

.forgot-password{ text-decoration:none;}
.forgot-password:hover{ text-decoration: underline;}

.getpassword-box{font-size: 1rem;}
.getpassword-box strong{color: #000000;}
@media (min-width: 768px){
.getpassword-box{font-size: 1.125rem;}
}

/*頁尾*/
.footer-page{ background-color: rgba(var(--ws-body-bg-rgb),var(--ws-bg-opacity))!important;}