.page-login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0px auto;
  padding: 0px;
  /*max-width:1140px;*/
  /*    label,a,button{
          user-select: none;  supported by Chrome and Opera 
          -webkit-user-select: none;  Safari 
          -khtml-user-select: none;  Konqueror HTML 
          -moz-user-select: none;  Firefox 
          -ms-user-select: none;  Internet Explorer/Edge 
      }*/
}
.page-login * {
  font-family: "Noto Sans TC";
}
.page-login .button {
  margin: 0px auto;
  text-align: center;
}
.page-login .button-1 {
  font-size: 17px;
  line-height: 45px;
  width: 100%;
  border-radius: 23px;
}
.page-login .reminder {
  margin-top: 20px;
  text-align: center;
}
.page-login .forget-password-btn {
  color: var(--theme-color-2);
}
.page-login img {
  margin: 0px auto;
}
.page-login .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .page-login .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
}
.page-login .section-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 60px 0px 68px 0px;
}
.page-login .section-container input {
  width: 100%;
  margin-bottom: 20px;
}
.page-login .section-container .section {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
}
.page-login .section-container .section .content {
  display: flex;
  flex-direction: column;
  margin: 0px auto;
  width: auto;
  justify-content: center;
}
.page-login .section-container .section .btn {
  margin: auto auto 0px auto;
}
.page-login .section-container .section-1 {
  padding: 80px 135px 130px 155px;
  border-right: solid 1px #D6D6D6;
}
.page-login .section-container .section-1 .content {
  width: 375px;
  /*                #login-section-1-button-1{
                      width:270px;
                  }*/
}
.page-login .section-container .section-1 .content #login-section-1-image-1 {
  width: 52px;
  margin-bottom: 15px;
}
.page-login .section-container .section-1 .content #login-section-1-title-1 {
  margin-bottom: 27px;
}
.page-login .section-container .section-1 .content #login-section-1-content-1 {
  margin-bottom: 40px;
}
.page-login .section-container .section-1 .content #login-section-1-content-2 {
  margin-bottom: 40px;
}
.page-login .section-container .section-1 table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-login .section-container .section-1 table td.left {
  display: flex;
  margin-right: 20px;
}
.page-login .section-container .section-1 table td.left img {
  height: 20px;
}
.page-login .section-container .section-2 {
  padding: 100px 190px 130px 135px;
}
.page-login .section-container .section-2 .content {
  width: 340px;
  /*                #login-section-2-button{
                      height: 40px;
                      width: 340px;
                  }*/
}
.page-login .section-container .section-2 .content #login-section-2-image-1 {
  width: 104px;
  margin-bottom: 20px;
}
.page-login .section-container .section-2 .content #login-section-2-title-1 {
  margin-bottom: 28px;
}
.page-login .section-container .section-2 .content #section-2-group-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-decoration: underline;
  height: 20px;
  margin-bottom: 30px;
}
.page-login .section-container .section-2 .content .button {
  width: 100%;
}

@media screen and (max-width: 1440px) and (min-width: 1140px) {
  .page-login .section-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 60px 0px 68px 0px;
  }
  .page-login .section-container input {
    width: 100%;
    margin-bottom: 20px;
  }
  .page-login .section-container .section {
    display: flex;
    flex-direction: row;
    background-color: #FFFFFF;
  }
  .page-login .section-container .section .content {
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    width: auto;
    justify-content: center;
  }
  .page-login .section-container .section .btn {
    margin: auto auto 0px auto;
  }
  .page-login .section-container .section-1 {
    padding: 4.16vw 7.08vw 6.77vw 8.07vw;
    border-right: solid 1px #D6D6D6;
  }
  .page-login .section-container .section-1 .content {
    width: 19.53vw;
    /*                #login-section-1-button-1{
                        width:270px;
                    }*/
  }
  .page-login .section-container .section-1 .content #login-section-1-image-1 {
    width: 2.7vw;
    margin-bottom: 0.78vw;
  }
  .page-login .section-container .section-1 .content #login-section-1-title-1 {
    margin-bottom: 1.4vw;
  }
  .page-login .section-container .section-1 .content #login-section-1-content-1 {
    margin-bottom: 2.08vw;
  }
  .page-login .section-container .section-1 .content #login-section-1-content-2 {
    margin-bottom: 2.08vw;
  }
  .page-login .section-container .section-1 table td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-login .section-container .section-1 table td.left {
    display: flex;
    margin-right: 20px;
  }
  .page-login .section-container .section-1 table td.left img {
    height: 20px;
  }
  .page-login .section-container .section-2 {
    padding: 5.2vw 7.03vw 6.77vw 7.03vw;
  }
  .page-login .section-container .section-2 .content {
    width: 23.61vw;
  }
  .page-login .section-container .section-2 .content #login-section-2-image-1 {
    width: 5.41vw;
    margin-bottom: 1.04vw;
  }
  .page-login .section-container .section-2 .content #login-section-2-title-1 {
    margin-bottom: 1.46vw;
  }
  .page-login .section-container .section-2 .content #section-2-group-1 {
    height: 1.04vw;
    margin-bottom: 1.56vw;
  }
}
@media screen and (max-width: 1140px) {
  .page-login .section-container {
    flex-direction: column-reverse;
    margin: 6.4vw auto 8vw auto;
    width: 100%;
  }
  .page-login .section-container input {
    margin-bottom: 20px;
  }
  .page-login .section-container .section-1 {
    border-right: 0px;
  }
  .page-login .section-container .section-1 #login-section-1-image-1 {
    width: 180px;
    margin-bottom: 20px;
  }
  .page-login .section-container .section-1 #login-section-1-title-1 {
    margin-bottom: 10px;
  }
  .page-login .section-container .section-1 #login-section-1-content-1 {
    margin-bottom: 30px;
  }
  .page-login .section-container .section-2 {
    border-bottom: solid 1px #D6D6D6;
    border-right: 0px;
    width: 100%;
  }
  .page-login .section-container .section-2 .content {
    /*                    #login-section-2-button{
                            height: 40px;
                            width: 340px;
                        }*/
  }
  .page-login .section-container .section-2 .content #login-section-2-title-1 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 561px) and (max-width: 1140px) {
  .page-login {
    /*width:73vw;*/
  }

  .page-login .section-container .section-1 {
    padding: 4.5vw 50px 7vw 50px;
  }
  .page-login .section-container .section-2 {
    padding: 4.5vw 50px 7vw 50px;
  }
}
@media screen and (max-width: 561px) {
  .page-login {
    /*width:89.33vw;*/
  }

  .page-login .section-container .section-1 {
    padding: 6.4vw 20px 10.67vw 20px;
  }
  .page-login .section-container .section-2 {
    padding: 6.4vw 20px 10.67vw 20px;
  }
}

/*# sourceMappingURL=login.css.map */