/* Links */
a,
a:focus,
a:hover {
text-decoration: none;
}



/*
 * Base structure
 */

html,
body {
  height: 100vh;
  color: #0C0C0C;
  font-family: Arial, 微軟正黑體, Microsoft JhengHei, SimSun, Helvetica, sans-serif; overflow-x: hidden;  position: relative;
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, .2); 
  overflow: hidden;
  position: relative;
}
body {
  display: flex;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.bg-slideshow {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  transition: background-image 1s ease-in-out;
  z-index: -1;
}

#top-navbar {
  background-color:#fff7cf !important;	
  height: 56px;
  z-index: 1040; /* 確保比 modal 低，但比內容高 */
  
}
.brand-text{color: #326494;}
.brand-text-bg{background-color: rgba(50,99,149,0.7) !important; color: #fff !important; padding: 2px 4px; border-radius: 3px; margin-right: 5px; }

.form-signin {
  width: 100%;
  max-width: 480px;
  padding: 15px;
  margin: auto auto auto 70%;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.text-shadow1{ text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.8); }
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none;}

.copyright {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   font-size: 13px;
}

.owl-right{border-radius: 5px; border: 3px dotted #fdb51f;}


/* Padding for spacing */
.inner {
  padding: 30px 0px;
}

#login_area{ background: #F8F8F8; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 90%; margin: 0 auto; padding: 10px 35px; min-height: 400px;}
.btn-login{ background: #326494; color: #fff; }
.btn-login:hover{ background: #4074a6; color: #fff; }
.btn-login-outline{ border: 1px solid #326494; color: #326494; }
.btn-login-outline:hover{ border: 1px solid #4074a6; color: #4074a6; }

input[type=text] {background: #FFFFFF; border: 1.5px solid #AEAEAE; border-radius: 5px; box-sizing: border-box; font-size: 18px; height: 45px;  }
input[type=password] {background: #FFFFFF; border: 1.5px solid #AEAEAE; border-radius: 5px; box-sizing: border-box; font-size: 18px; height: 45px;  }
input[type=rand] {background: #FFFFFF; border: 1.5px solid #AEAEAE; border-radius: 10px; box-sizing: border-box; font-size: 18px; height: 45px;  }

.imgduck{ border-radius: 50%; margin-right: 25px; width: 80px; vertical-align: center;}
.imgduck2{ border-radius: 50%; width: 100px; vertical-align: center;}
.imgduck3{ border-radius: 50%; margin-right: 5px; width: 80px; vertical-align: center;}
.text_forget{color: #326495;}
.text_forget1{font-weight: 900; font-size: 35px; line-height: 80px; color: #0C0C0C; vertical-align: center;}
.text_forget2{font-weight: 700; font-size: 20px; line-height: 30px; display: flex; align-items: center; color: #585858; padding: 12px 0 0 0; }
.text_forget3{font-weight: 700; font-size: 20px; line-height: 30px; color: #FF842B; }
.text_company{font-family: 'Arial'; color: #0C0C0C; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px;  text-align: center; margin-bottom: 20px;}
.btn-submit{ background: #326494; border-radius: 10px; width: 100%; color: #fff; padding: 10px 0px; margin: 5px 0px; font-weight: 700; font-size: 18px; line-height: 30px; }
.btn-submit:hover,.btn-submit:active,.btn-submit:focus { background: #4074a6 !important; color: #fff !important;}


.alart{ background-image: -webkit-linear-gradient(top, #f2dddd 0%, #e7c3c3 100%) !important;
  background-image:         linear-gradient(to bottom, #f2dddd 0%, #e7c3c3 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
  color: #b92c28 !important;}

.note1 { color: #e20000; display: inline; padding: 5px 8px;}


.p-20{padding: 20px;}
.m-t8{ margin-top: 8px;}
.m-t15{ margin-top: 15px;}


.text_center{text-align: center;}
.left{float: left;}
.center{margin: auto;}
.clear{ clear:both;}

.w1{width: 100%;}


/*
 * modal
 */
 
.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}



@media (max-width: 1024px){	
.bg-slideshow { display: none; /* 不要輪播容器 */}
body {
  display: flex;
  align-items: start;
}	
body {
  background-image: url("../images/page_1_1180.jpg");
  background-size: cover;
}

.form-signin { width: 100%; max-width: 480px;  padding: 15px;  margin: 0 auto; }
.copyright { background-color: #ffc12b;}
.owl_no{display: none;}
}


@media (max-width: 1023px){
.owl_no{display: none;}
}

@media (min-width: 768px){
.bd-placeholder-img-lg { font-size: 3.5rem;  }

}

@media (max-width: 480px){
body {
  background-image: url("../images/page_1_390.jpg");
  background-size: cover;
}	
.form-signin { width: 100%; max-width: 330px;  padding: 70px 5px 5px 5px;  margin: 0 auto; }
.brand_hidden { display: none;}
}

@media (max-width: 390px){	
body {
  background-image: url("../images/page_1_390.jpg");
  background-size: cover;
}	
}