body {
      background-color: #ddf3ff;
      display: flex;
      align-items: center;
      padding-top: 40px;
      padding-bottom: 40px;
    }

    div,
    h3 {
      font-family: 微軟正黑體;
      border-collapse: collapse;
    }



    .login {
      background-color: #fff;
      border-radius: 5px;
      width: 100%;
      max-width: 400px;
      padding: 15px;
      margin: auto;
    }
    .login_md {
      background-color: #fff;
      border-radius: 5px;
      width: 100%;
      max-width: 450px;
      padding: 35px;
    }
    .login_md2 {
      background-color: #fffafa;
      border-radius: 5px;
      width: 100%;
      max-width: 480px;
      padding: 30px;
    }

    /* logo img */
    .logo-img {
      width: 50%;
      left: 100px;
      display: inline-flex;
      align-items: end;
    }

    .logo-img img {
      width: 50px;
      height: auto;
    }

    /* title 文字調整 */
    .title-h4 {
      width: 200%;
      line-height: 2rem;
      display: flex;
      align-items: center;

    }

    /* 行距調整 */
    .index-input {
      margin: 8% 2%;
    }