.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .login-container {
    width: 100%;
    height: auto;
    padding-top: 110px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .login-container {
        padding-top: 90px; } }
    @media screen and (max-width: 768px) {
      .wrapper .login-container {
        padding-top: 60px; } }
    @media screen and (max-width: 480px) {
      .wrapper .login-container {
        padding-top: 70px; } }
    .wrapper .login-container .login-inner {
      width: 80%;
      height: auto;
      margin: 40px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .login-container .login-inner {
          width: 90%;
          margin-top: 30px; } }
      @media screen and (max-width: 480px) {
        .wrapper .login-container .login-inner {
          margin-top: 15px;
          width: 100%; } }
      .wrapper .login-container .login-inner .login-title {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #333;
        padding-left: 10px;
        width: 90%;
        margin: 0 auto; }
        .wrapper .login-container .login-inner .login-title h2 {
          font-size: 4rem; }
          @media screen and (max-width: 1024px) {
            .wrapper .login-container .login-inner .login-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .login-container .login-inner .login-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .login-container .login-inner .login-title h2 {
              font-size: 1.8rem; } }
      .wrapper .login-container .login-inner .login-main {
        width: 100%;
        height: auto;
        margin-top: 50px; }
        .wrapper .login-container .login-inner .login-main .login-background {
          background-color: #f7f7f7;
          width: 80%;
          height: auto;
          margin: 0 auto;
          padding: 40px; }
          @media screen and (max-width: 1024px) {
            .wrapper .login-container .login-inner .login-main .login-background {
              width: 90%; } }
          @media screen and (max-width: 768px) {
            .wrapper .login-container .login-inner .login-main .login-background {
              width: 100%; } }
          .wrapper .login-container .login-inner .login-main .login-background .login-icon {
            width: 100%;
            height: auto;
            text-align: center; }
            .wrapper .login-container .login-inner .login-main .login-background .login-icon i {
              font-size: 8rem;
              color: #8f8f8f; }
              @media screen and (max-width: 768px) {
                .wrapper .login-container .login-inner .login-main .login-background .login-icon i {
                  font-size: 7.5rem; } }
          .wrapper .login-container .login-inner .login-main .login-background .login-form {
            width: 80%;
            height: auto;
            margin: 0 auto; }
            @media screen and (max-width: 1024px) {
              .wrapper .login-container .login-inner .login-main .login-background .login-form {
                width: 80%; } }
            .wrapper .login-container .login-inner .login-main .login-background .login-form input {
              display: block;
              height: 40px;
              width: 100%;
              margin-top: 30px;
              border: 1px solid #c4c4c4;
              border-radius: 3px;
              padding-left: 8px;
              color: #333;
              outline: none; }
            .wrapper .login-container .login-inner .login-main .login-background .login-form input[type="text"]::-webkit-outer-spin-button,
            .wrapper .login-container .login-inner .login-main .login-background .login-form input[type="text"]::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0; }
            .wrapper .login-container .login-inner .login-main .login-background .login-form input[type="text"] {
              -moz-appearance: textfield; }
            .wrapper .login-container .login-inner .login-main .login-background .login-form #login-checkbox {
              width: 15px;
              height: 15px;
              margin: 20px 10px 10px 0;
              display: inline-block; }
            .wrapper .login-container .login-inner .login-main .login-background .login-form label {
              font-weight: 600;
              display: inline-block; }
          .wrapper .login-container .login-inner .login-main .login-background .login-buttons {
            width: 80%;
            height: auto;
            margin: 30px auto 20px auto;
            display: flex;
            flex-wrap: wrap; }
            .wrapper .login-container .login-inner .login-main .login-background .login-buttons button {
              width: 50%;
              height: auto;
              background-color: #df3e3e;
              color: #fff;
              font-size: 1.7rem;
              font-weight: 600;
              padding: 20px 0;
              transition: 0.3s;
              outline: none;
              cursor: pointer;
              border: none; }
              @media screen and (max-width: 768px) {
                .wrapper .login-container .login-inner .login-main .login-background .login-buttons button {
                  width: 100%; } }
            .wrapper .login-container .login-inner .login-main .login-background .login-buttons button:hover {
              opacity: 0.7; }
            .wrapper .login-container .login-inner .login-main .login-background .login-buttons .login-button-right {
              width: 50%;
              height: auto;
              display: inline-block;
              padding-left: 20px; }
              @media screen and (max-width: 768px) {
                .wrapper .login-container .login-inner .login-main .login-background .login-buttons .login-button-right {
                  width: 100%;
                  padding-left: 0;
                  margin-top: 10px; } }
              .wrapper .login-container .login-inner .login-main .login-background .login-buttons .login-button-right p {
                font-size: 1.7rem;
                cursor: pointer; }
                @media screen and (max-width: 1024px) {
                  .wrapper .login-container .login-inner .login-main .login-background .login-buttons .login-button-right p {
                    font-size: 1.5rem; } }
              .wrapper .login-container .login-inner .login-main .login-background .login-buttons .login-button-right p:hover {
                text-decoration: underline; }

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