.auto .main {
  max-width: 1980px;
  padding: 0;
  margin: 70px auto 0px; }
  .auto .main img, .auto .main video {
    max-width: 100%; }
  .auto .main .template-color-img {
    position: relative;
    margin: 60px auto 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 768px) {
      .auto .main .template-color-img {
        flex-direction: column; } }
    .auto .main .template-color-img .tci-copy {
      width: 65%; }
      @media (max-width: 768px) {
        .auto .main .template-color-img .tci-copy {
          width: 100%;
          margin-bottom: 40px; } }
      .auto .main .template-color-img .tci-copy:before {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 0;
        width: 60%;
        height: 100%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background: #64B3E1;
        transform: translateY(-50%); }
        @media (max-width: 768px) {
          .auto .main .template-color-img .tci-copy:before {
            display: none; } }
      .auto .main .template-color-img .tci-copy > div {
        position: relative;
        z-index: 1;
        max-width: 602px;
        margin: 0px auto;
        padding: 0px 20px; }
        .auto .main .template-color-img .tci-copy > div * {
          color: #fff; }
        @media (max-width: 1200px) {
          .auto .main .template-color-img .tci-copy > div h1 {
            font-size: 42px;
            line-height: 1.2; }
          .auto .main .template-color-img .tci-copy > div h2 {
            font-size: 32px;
            line-height: 1.2; } }
        @media (max-width: 768px) {
          .auto .main .template-color-img .tci-copy > div h1 {
            font-size: 34px; }
          .auto .main .template-color-img .tci-copy > div h2 {
            font-size: 24px; } }
    .auto .main .template-color-img .tci-img {
      width: 35%;
      padding-right: 40px; }
      @media (max-width: 768px) {
        .auto .main .template-color-img .tci-img {
          width: 100%; } }
      .auto .main .template-color-img .tci-img .tci-animate {
        position: relative; }
        .auto .main .template-color-img .tci-img .tci-animate .tcii-default-img {
          position: relative;
          z-index: 1; }
        .auto .main .template-color-img .tci-img .tci-animate .tcii-hover-img {
          position: absolute;
          z-index: 2;
          left: 0;
          transform: scale(1);
          opacity: 0;
          transition: transform 0.5s ease-in, opacity 0.15s ease-in; }
        .auto .main .template-color-img .tci-img .tci-animate:hover .tcii-hover-img {
          transform: scale(1);
          opacity: 1; }
    .auto .main .template-color-img.template-color-img-left {
      flex-direction: row-reverse; }
      @media (max-width: 768px) {
        .auto .main .template-color-img.template-color-img-left {
          flex-direction: column-reverse; } }
      @media (max-width: 768px) {
        .auto .main .template-color-img.template-color-img-left .tci-copy {
          margin-bottom: 0; } }
      .auto .main .template-color-img.template-color-img-left .tci-copy:before {
        left: unset;
        right: 0;
        border-radius: 0;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px; }
      .auto .main .template-color-img.template-color-img-left .tci-img {
        padding: 0 0px 0 40px; }
        @media (max-width: 768px) {
          .auto .main .template-color-img.template-color-img-left .tci-img {
            margin-bottom: 60px; } }
  .auto .main .grid-two {
    display: flex;
    justify-content: space-between;
    grid-gap: 40px;
    margin: 180px auto 0;
    max-width: 1680px;
    padding: 0px 20px; }
    @media (max-width: 768px) {
      .auto .main .grid-two {
        flex-direction: column;
        margin-top: 80px; } }
    .auto .main .grid-two > div {
      width: 50%; }
      @media (max-width: 768px) {
        .auto .main .grid-two > div {
          width: 100%; } }
      .auto .main .grid-two > div img {
        width: 100%; }
      .auto .main .grid-two > div .copy {
        margin: 40px auto 0;
        padding: 0px 20px; }
        @media (max-width: 768px) {
          .auto .main .grid-two > div .copy {
            padding: 0; } }
  .auto .main .top-header {
    position: relative;
    margin: 0px auto; }
    .auto .main .top-header img {
      max-width: 100%; }
    .auto .main .top-header .content {
      z-index: 1;
      position: absolute;
      top: 0%;
      left: 50%;
      width: 100%;
      max-width: 1420px;
      padding: 0px 20px;
      transform: translateX(-50%);
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        .auto .main .top-header .content {
          position: relative; } }
      .auto .main .top-header .content h1 {
        margin: 0;
        position: relative;
        font-size: 80px;
        color: #FFED00;
        line-height: 1.1;
        max-width: 780px;
        width: 100%; }
        @media (max-width: 768px) {
          .auto .main .top-header .content h1 {
            font-size: 32px;
            color: #000;
            margin-top: 10px; } }
        .auto .main .top-header .content h1 small {
          display: block;
          font-size: 36px;
          color: #FFED00; }
          @media (max-width: 768px) {
            .auto .main .top-header .content h1 small {
              margin-top: 12px;
              font-size: 20px;
              line-height: 1.1;
              color: #000; } }
  .auto .main .page-nav {
    border-bottom: 1px solid #707070; }
    @media (max-width: 768px) {
      .auto .main .page-nav {
        display: none; } }
    .auto .main .page-nav .pn-inner {
      max-width: 1200px;
      padding: 15px 20px;
      margin: 0px auto;
      display: flex;
      justify-content: space-between; }
      .auto .main .page-nav .pn-inner .deeplink {
        font-family: "mini_sans-medium","arial",sans-serif;
        width: 100%;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 1.1;
        padding: 6px 15px; }
  .auto .main .intro {
    position: relative;
    max-width: 1240px;
    margin: 0px auto 40px;
    padding: 0px 20px; }
    @media (max-width: 768px) {
      .auto .main .intro {
        margin: -20px auto 0; } }
    .auto .main .intro:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 20px;
      width: 214px;
      height: 3px;
      background: #fff; }
    .auto .main .intro p {
      padding: 60px 0 45px;
      line-height: 1.25;
      max-width: 1160px; }
  .auto .main .sect-operating, .auto .main .sect-experience {
    margin: 140px auto 0;
    background: #30ADA9;
    border-top-left-radius: 190px;
    border-top-right-radius: 190px;
    padding: 110px 0px 340px; }
    @media (max-width: 768px) {
      .auto .main .sect-operating, .auto .main .sect-experience {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 80px 0 300px;
        margin-top: 80px; } }
    .auto .main .sect-operating .copy, .auto .main .sect-experience .copy {
      max-width: 930px;
      margin: 0px auto 80px;
      text-align: center;
      padding: 0px 20px; }
      .auto .main .sect-operating .copy > .auto-btn, .auto .main .sect-experience .copy > .auto-btn {
        margin-top: 20px; }
    .auto .main .sect-operating .os-img, .auto .main .sect-experience .os-img {
      display: block;
      margin-left: auto; }
    .auto .main .sect-operating *, .auto .main .sect-experience * {
      color: #fff; }
    .auto .main .sect-operating.sect-experience, .auto .main .sect-experience.sect-experience {
      background: #134353;
      border-radius: 190px;
      margin-top: -190px;
      padding-bottom: 0px; }
      @media (max-width: 768px) {
        .auto .main .sect-operating.sect-experience, .auto .main .sect-experience.sect-experience {
          border-radius: 30px; } }
      .auto .main .sect-operating.sect-experience .toggles, .auto .main .sect-experience.sect-experience .toggles {
        position: relative;
        text-align: center;
        margin: 13% auto 0;
        max-width: fit-content; }
        .auto .main .sect-operating.sect-experience .toggles .toggles-view .tv-hover, .auto .main .sect-experience.sect-experience .toggles .toggles-view .tv-hover {
          position: absolute;
          bottom: 18%;
          left: 50%;
          max-width: 650px;
          width: calc(100% - 40px);
          background: rgba(255, 255, 255, 0.8);
          border-radius: 20px;
          transform: translateX(-50%);
          padding: 20px 30px;
          box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.64); }
          @media (max-width: 768px) {
            .auto .main .sect-operating.sect-experience .toggles .toggles-view .tv-hover, .auto .main .sect-experience.sect-experience .toggles .toggles-view .tv-hover {
              bottom: 32%; } }
          .auto .main .sect-operating.sect-experience .toggles .toggles-view .tv-hover p, .auto .main .sect-experience.sect-experience .toggles .toggles-view .tv-hover p {
            color: #000;
            font-weight: bold;
            font-family: "mini_sans-medium", "arial", sans-serif;
            font-size: 14px;
            line-height: 1.45; }
        .auto .main .sect-operating.sect-experience .toggles .toggles-container, .auto .main .sect-experience.sect-experience .toggles .toggles-container {
          display: flex;
          position: absolute;
          top: -8em;
          left: 50%;
          transform: translateX(-50%);
          justify-content: center;
          width: 100%;
          height: 100%; }
          @media (max-width: 768px) {
            .auto .main .sect-operating.sect-experience .toggles .toggles-container, .auto .main .sect-experience.sect-experience .toggles .toggles-container {
              position: relative;
              flex-wrap: wrap;
              top: 0;
              left: unset;
              transform: none;
              padding: 50px 20px 20px; } }
          .auto .main .sect-operating.sect-experience .toggles .toggles-container:before, .auto .main .sect-experience.sect-experience .toggles .toggles-container:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: -5%;
            width: 110%;
            height: 100%;
            background: url("/Public/img/2016-739165/content/mini-connected/semicircle.png") center 22% no-repeat;
            background-size: contain; }
            @media (max-width: 768px) {
              .auto .main .sect-operating.sect-experience .toggles .toggles-container:before, .auto .main .sect-experience.sect-experience .toggles .toggles-container:before {
                display: none; } }
          .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item {
            text-align: center;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(1), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(1) {
              top: 45%;
              left: -12%;
              transform: rotate(-75deg); }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(2), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(2) {
              top: 24%;
              left: -4%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(3), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(3) {
              top: 10%;
              left: 12%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(4), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(4) {
              top: 0%;
              left: 32%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(5), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(5) {
              top: 0%;
              left: 55%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(6), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(6) {
              top: 10%;
              left: 75%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(7), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(7) {
              top: 24%;
              left: 90%; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:nth-child(8), .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:nth-child(8) {
              top: 45%;
              left: 104%;
              transform: rotate(75deg); }
            @media (max-width: 768px) {
              .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item {
                position: relative;
                width: 25%;
                margin-bottom: 15px;
                top: unset !important;
                left: unset !important;
                transform: none !important; } }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item.active .circle-ic::before, .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:hover .circle-ic::before, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item.active .circle-ic::before, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:hover .circle-ic::before {
              opacity: 1; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item.active .circle-ic svg path, .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item:hover .circle-ic svg path, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item.active .circle-ic svg path, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item:hover .circle-ic svg path {
              fill: #2bd6d1; }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item .hover-text, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item .hover-text {
              display: block;
              font-family: "mini_sans-medium", "arial", sans-serif;
              margin: 0px auto 20px; }
              @media (max-width: 768px) {
                .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item .hover-text, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item .hover-text {
                  display: none; } }
            .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item .circle-ic, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item .circle-ic {
              position: relative;
              background: #fff;
              width: 70px;
              height: 70px;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 50%;
              margin: 0px auto; }
              .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item .circle-ic:before, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item .circle-ic:before {
                border-radius: 50%;
                content: ' ';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                box-shadow: 0px 1px 22px rgba(15, 246, 255, 0.9);
                transition: 450ms;
                opacity: 0; }
              .auto .main .sect-operating.sect-experience .toggles .toggles-container .toggle-item .circle-ic svg path, .auto .main .sect-experience.sect-experience .toggles .toggles-container .toggle-item .circle-ic svg path {
                transition: 300ms; }
  .auto .main .experience-legal {
    margin: 30px auto 0px;
    padding: 0px 20px;
    max-width: 1640px; }
  .auto .main .sect-intelligent {
    margin: 180px auto 0; }
    @media (max-width: 768px) {
      .auto .main .sect-intelligent {
        margin-top: 80px; } }
    .auto .main .sect-intelligent .tci-copy:before {
      background: #FED81D; }
    .auto .main .sect-intelligent .tci-copy h1, .auto .main .sect-intelligent .tci-copy h2, .auto .main .sect-intelligent .tci-copy p {
      color: #000 !important; }
    .auto .main .sect-intelligent .tci-copy .auto-btn {
      margin-top: 20px; }
  .auto .main #IntelligentModal .modal-body {
    padding: 50px 60px; }
    .auto .main #IntelligentModal .modal-body ul {
      margin-top: 10px; }
  .auto .main .sect-navigation {
    margin: 160px auto 0;
    text-align: center; }
    @media (max-width: 768px) {
      .auto .main .sect-navigation {
        margin-top: 80px; } }
    .auto .main .sect-navigation .copy {
      margin: 0px auto 20px;
      padding: 0px 20px;
      max-width: 980px; }
    .auto .main .sect-navigation video {
      width: 100%; }
  .auto .main .sect-miniconnected {
    margin: 160px auto 0; }
    .auto .main .sect-miniconnected .copy {
      text-align: center;
      padding: 0 20px;
      max-width: 680px;
      margin: 0px auto; }
      @media (max-width: 768px) {
        .auto .main .sect-miniconnected .copy h3 {
          margin-bottom: 15px; } }
    .auto .main .sect-miniconnected .sm-carousel {
      display: flex;
      justify-content: center;
      margin: 80px auto 0; }
      .auto .main .sect-miniconnected .sm-carousel > div {
        padding: 0px 20px; }
      .auto .main .sect-miniconnected .sm-carousel .sc-item {
        display: flex;
        align-items: center;
        background: #64B3E1;
        border-radius: 20px;
        grid-gap: 40px;
        max-width: 1480px;
        margin: 0px auto;
        position: relative;
        left: 0%;
        transition: 300ms; }
        .auto .main .sect-miniconnected .sm-carousel .sc-item .plus-logo {
          margin-top: 30px; }
        @media (max-width: 768px) {
          .auto .main .sect-miniconnected .sm-carousel .sc-item {
            flex-direction: column;
            padding-bottom: 10em; } }
        .auto .main .sect-miniconnected .sm-carousel .sc-item.sc-item-2 {
          background: #134353; }
        .auto .main .sect-miniconnected .sm-carousel .sc-item.sc-item-3 {
          background: #30ADA9; }
        .auto .main .sect-miniconnected .sm-carousel .sc-item * {
          color: #fff; }
        .auto .main .sect-miniconnected .sm-carousel .sc-item strong {
          display: block;
          margin: 0 0 10px;
          font-size: 60px;
          line-height: 1.1; }
          @media (max-width: 768px) {
            .auto .main .sect-miniconnected .sm-carousel .sc-item strong {
              font-size: 30px; } }
        .auto .main .sect-miniconnected .sm-carousel .sc-item .text-link {
          text-decoration: underline !important; }
        .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(1) {
          width: 48%; }
          @media (max-width: 768px) {
            .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(1) {
              width: 100%; } }
        .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(2) {
          width: 52%; }
          @media (max-width: 768px) {
            .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(2) {
              width: 100%; } }
          .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(2) p {
            max-width: 520px;
            margin: 0px auto; }
            @media (max-width: 768px) {
              .auto .main .sect-miniconnected .sm-carousel .sc-item > div:nth-child(2) p {
                padding: 0 20px; } }
      .auto .main .sect-miniconnected .sm-carousel .slick-slide:not(.slick-current) .sc-item {
        margin: 0;
        left: -5%; }
        @media (max-width: 768px) {
          .auto .main .sect-miniconnected .sm-carousel .slick-slide:not(.slick-current) .sc-item {
            left: -2%;
            margin: 0px 20px; } }
    .auto .main .sect-miniconnected .slick-dots {
      position: absolute;
      bottom: -8%;
      display: flex;
      padding: 0 0; }
      .auto .main .sect-miniconnected .slick-dots li {
        position: relative;
        list-style: none;
        margin: 0 5px;
        cursor: pointer; }
        .auto .main .sect-miniconnected .slick-dots li button {
          display: block;
          width: 19px;
          height: 19px;
          background-color: #fff;
          padding: 0;
          border: 1px solid #fff;
          border-radius: 100%;
          text-indent: -9999px; }
        .auto .main .sect-miniconnected .slick-dots li:after {
          content: ' ';
          width: 55%;
          height: 55%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background: #000;
          border: none;
          border-radius: 100%; }
        .auto .main .sect-miniconnected .slick-dots li.slick-active button {
          border-color: #000; }
  .auto .main .tap-in {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #30ADA9;
    padding: 70px 20px 40px;
    margin: 140px auto;
    border-radius: 150px; }
    @media (max-width: 768px) {
      .auto .main .tap-in {
        border-radius: 20px; } }
    .auto .main .tap-in * {
      color: #fff; }
      .auto .main .tap-in * .auto-btn-white {
        color: #000; }
    .auto .main .tap-in h1 {
      margin: 0 auto 12px; }
    .auto .main .tap-in h2 {
      font-size: 30px;
      line-height: 1;
      margin: 0px auto 20px; }
      @media (max-width: 768px) {
        .auto .main .tap-in h2 {
          font-size: 20px;
          line-height: 1; } }
    .auto .main .tap-in p {
      max-width: 830px;
      margin: 0px auto; }
    .auto .main .tap-in .ti-button-group {
      margin: 25px auto 0;
      max-width: 600px; }
      .auto .main .tap-in .ti-button-group a {
        font-weight: bold;
        border-radius: 20px; }
        .auto .main .tap-in .ti-button-group a:first-child {
          margin-right: 6px; }
    .auto .main .tap-in .ti-app {
      display: flex;
      margin: 60px auto 0;
      max-width: 1200px;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .auto .main .tap-in .ti-app {
          flex-direction: column; } }
      .auto .main .tap-in .ti-app > div {
        width: 50%; }
        @media (max-width: 768px) {
          .auto .main .tap-in .ti-app > div {
            width: 100%; } }
      .auto .main .tap-in .ti-app .tia-right .tiar-item {
        position: relative;
        text-align: left;
        max-width: 420px;
        margin: 0px auto; }
        .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-title {
          font-family: "mini_serif-bold", serif;
          font-size: 50px;
          line-height: 1;
          display: block;
          margin: 0 0 25px; }
          @media (max-width: 768px) {
            .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-title {
              font-size: 42px; } }
        .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-copy {
          font-size: 24px;
          line-height: 1.1;
          display: none; }
          .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-copy ul {
            margin: 20px 0;
            padding: 0 0 0 20px; }
            .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-copy ul li {
              margin-bottom: 10px;
              font-family: "mini_sans-medium", "arial", sans-serif; }
          @media (max-width: 768px) {
            .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-copy {
              font-size: 30px; } }
          .auto .main .tap-in .ti-app .tia-right .tiar-item .tiari-copy.active {
            display: block; }
        .auto .main .tap-in .ti-app .tia-right .tiar-item .ui-selector {
          margin: 70px 0 0;
          max-width: 350px;
          position: relative;
          display: flex;
          grid-gap: 15px; }
          .auto .main .tap-in .ti-app .tia-right .tiar-item .ui-selector > div {
            width: 100%;
            height: 4px;
            border-radius: 20px;
            background: #fff;
            opacity: 0.35;
            transition: 100ms; }
            .auto .main .tap-in .ti-app .tia-right .tiar-item .ui-selector > div.active, .auto .main .tap-in .ti-app .tia-right .tiar-item .ui-selector > div:first-child {
              opacity: 1; }
        .auto .main .tap-in .ti-app .tia-right .tiar-item .arrow-selector {
          position: absolute;
          top: 4px;
          left: 0;
          display: flex;
          grid-gap: 10px; }
          .auto .main .tap-in .ti-app .tia-right .tiar-item .arrow-selector .arrow-ic {
            background: url("/Public/img/2016-739165/content/life/app/arrow.png") center center no-repeat;
            background-size: contain;
            width: 35px;
            height: 35px;
            display: inline-block;
            cursor: pointer;
            opacity: 1; }
            .auto .main .tap-in .ti-app .tia-right .tiar-item .arrow-selector .arrow-ic.arrow-ic-prev {
              transform: rotate(-180deg); }
            .auto .main .tap-in .ti-app .tia-right .tiar-item .arrow-selector .arrow-ic.arrow-disable {
              opacity: 0.6;
              cursor: default; }
  .auto .main .faq {
    position: relative;
    max-width: 1680px;
    margin: 100px auto 0;
    padding: 80px 20px 0px; }
    .auto .main .faq:before {
      content: ' ';
      width: calc(100% - 40px);
      height: 2px;
      position: absolute;
      border-top: 2px solid #000;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
    .auto .main .faq h1 {
      margin: 0px auto 50px;
      text-align: center; }
    .auto .main .faq .faq-item {
      margin: 0px 0 20px;
      border-bottom: 1px solid #000;
      padding: 0px 0 20px; }
      .auto .main .faq .faq-item .fi-header {
        font-size: 22px;
        line-height: 1.1;
        cursor: pointer;
        display: block;
        background: url("/Public/img/2016-739165/ico/wide/positive/plus-hover.png") calc(100% - 10px) center no-repeat;
        padding: 6px 0;
        padding-right: 40px; }
        @media (max-width: 768px) {
          .auto .main .faq .faq-item .fi-header {
            font-size: 18px; } }
      .auto .main .faq .faq-item .fi-body {
        display: none;
        margin: 10px 0 0; }
        @media (max-width: 768px) {
          .auto .main .faq .faq-item .fi-body {
            font-size: 16px;
            line-height: 1.1; } }
      .auto .main .faq .faq-item.active .fi-header {
        background: url("/Public/img/2016-739165/ico/wide/positive/minus-hover.png") calc(100% - 10px) center no-repeat; }

.fr .auto .sect-miniconnected .sm-carousel .sc-item-2 p strong {
  font-size: 42px;
  line-height: 1.1;
  max-width: 80%; }
  @media (max-width: 768px) {
    .fr .auto .sect-miniconnected .sm-carousel .sc-item-2 p strong {
      font-size: 30px;
      max-width: 100%; } }