@charset "UTF-8";
/*
* Site參數檔
*
* @版本:v1.0.0
* @更新日期:
* @說明:
*       網站共用css參數
*       
*/
/*-------------*/
/**系統設定參數**/
/*
* Site參數檔
*
* @版本:v1.0.0
* @更新日期:
* @說明:
*       網站共用css參數
*       
*/
/*-------------*/
/**系統設定參數**/
html {
  height: 100%; }

body {
  /*height: auto;*/
  background-image: url("/Images/login_blue_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: left; }

form[name=searchForm] {
  border-radius: 10px; }
  @media (min-width: 768px) {
    form[name=searchForm] {
      /*margin: 20px 0px;*/
      /*padding: 20px 0px;*/
      /*background: rgba(255,255,255,1);*/
      /*box-shadow: 2px 16px 22px 0px rgba(210,211,255,0.5);*/
      /*box-shadow: 2px 16px 22px 0 #9E9E9E;*/
      max-width: 460px; } }
  @media (min-width: 1400px) {
    form[name=searchForm] {
      /*margin: 13% 5%;*/
      /*padding: 30px 0px;*/
      max-width: 460px; } }

/*#center {
    position: absolute;
    top: 30%;
    width: 100%;
}*/
#center {
  width: 670px;
  height: auto;
  padding: 40px;
  background-color: white;
  /*margin: 50px auto 0px auto;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

@media (max-width: 669px) {
  #center {
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px; } }

/*@media(max-width:576px) {
    #center {
        margin-top: 1rem;
        position: static;
        transform: translate(0px, 0px);
    }
}
*/
#bgItem {
  max-width: 280px;
  width: 100%;
  height: auto; }

@media (max-width: 767px) {
  #bgItem {
    display: none; } }

/*@media(min-width:768px) {

    #bgItem {
        position: absolute;
        z-index: -1;
        height: auto;
        width: 30%;
        left: 33%;
        top: 15%;        
    }

}
@media(min-width:1400px) {
    #bgItem {
        position: absolute;
        z-index: -1;
        height: auto;
        left:30%;
        width: 40%;
        top: 9%;
     }
}*/
label.inputIcon {
  position: absolute;
  width: 30px;
  line-height: 36px;
  left: 12px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px; }

#txtPASS_NO, #txtPASS_WD, #txtEMAIL {
  height: 40px;
  padding-left: 40px; }

#header h2 {
  color: #5176DE; }

a.btn-login {
  font-size: 20px; }

.error-msg {
  color: #dd1144; }

.loadingClass {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999; }

.loadingClass div {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 90px;
  width: 66px;
  margin-top: -45px;
  margin-left: -33px; }

.loadingClass span {
  padding-top: 12px;
  position: absolute;
  font-size: 32px;
  margin-left: -36px; }

.login-label {
  color: #fa4423;
  font-size: 24px !important; }

.formTitle {
  color: rgba(0, 0, 0, 0.6); }

.form-group {
  margin-bottom: 20px; }

.fm {
  font-size: 14px; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

#title {
  padding: 20px 20px 7px 20px;
  color: white;
  text-align: center; }
  #title h1 {
    font-size: 60px; }