.auto .main {
  max-width: 1920px;
  margin: 70px auto 0px;
  padding: 0; }
  .auto .main img {
    max-width: 100%; }
  .auto .main .top-header {
    position: relative; }
    .auto .main .top-header .th-img-container {
      position: relative; }
      .auto .main .top-header .th-img-container img {
        width: 100%; }
      .auto .main .top-header .th-img-container .model-shown {
        position: absolute;
        font-family: "mini_sans-medium", "arial", sans-serif;
        font-size: 14px;
        line-height: 1;
        right: 5%;
        bottom: 20px;
        color: #fff; }
        @media (max-width: 768px) {
          .auto .main .top-header .th-img-container .model-shown {
            bottom: 30px; } }
    .auto .main .top-header:before {
      content: ' ';
      z-index: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 92%;
      height: 84%;
      transform: translate(-50%, -50%);
      border: 12px solid #94A64B; }
      @media (max-width: 768px) {
        .auto .main .top-header:before {
          display: none; } }
    .auto .main .top-header .copy {
      position: absolute;
      left: 7%;
      top: 14%;
      padding: 20px; }
      @media (max-width: 768px) {
        .auto .main .top-header .copy {
          position: relative;
          left: unset;
          top: unset;
          margin-top: 20px; } }
      .auto .main .top-header .copy h1 {
        text-transform: none;
        margin: 0 0 25px;
        line-height: 1;
        color: #fff; }
        @media (max-width: 768px) {
          .auto .main .top-header .copy h1 {
            color: #000; } }
        .auto .main .top-header .copy h1 span {
          margin: 4px 0 0;
          font-family: "mini_serif-italic", "arial", sans-serif;
          font-size: 30px;
          display: block; }
      .auto .main .top-header .copy p {
        color: #fff;
        font-size: 30px;
        line-height: 1; }
        @media (max-width: 768px) {
          .auto .main .top-header .copy p {
            color: #000; } }
  .auto .main .intro-sect {
    display: flex;
    grid-gap: 30px;
    max-width: 1400px;
    margin: 70px auto 60px;
    padding: 0 20px; }
    @media (max-width: 768px) {
      .auto .main .intro-sect {
        flex-direction: column;
        margin: 50px auto 40px; } }
    .auto .main .intro-sect > div {
      position: relative;
      width: 50%; }
      @media (max-width: 768px) {
        .auto .main .intro-sect > div {
          width: 100%; } }
      .auto .main .intro-sect > div img {
        position: relative;
        top: 15%;
        filter: invert(1); }
        @media (max-width: 768px) {
          .auto .main .intro-sect > div img {
            top: unset;
            margin: 40px auto 30px; } }
      .auto .main .intro-sect > div .btn {
        margin: 40px 0 0;
        min-width: 230px;
        background-color: #4e56aa; }
  .auto .main .grid-sect {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 30px;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0 20px; }
    .auto .main .grid-sect > div {
      width: calc(50% - 15px); }
      @media (max-width: 768px) {
        .auto .main .grid-sect > div {
          width: 100%; } }
      .auto .main .grid-sect > div img {
        width: 100%; }
      .auto .main .grid-sect > div p {
        margin: 20px 0 0;
        font-size: 18px;
        line-height: 1; }
        .auto .main .grid-sect > div p strong {
          font-size: 30px;
          display: block;
          margin: 0 0 10px; }
  .auto .main .special-footer {
    margin: 140px auto 0; }
    @media (max-width: 768px) {
      .auto .main .special-footer {
        margin-top: 60px; } }

.auto .no-gap-to-footer {
  border: none !important; }