@font-face {
  font-family: "nissan-icon";
  src: url("../fonts/Nissan-Modernized-Icons.woff") format("woff"); }

html {
  font-size: 14px;
  color: #ffffff;
  font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","\5FAE\8EDF\6B63\9ED1\9AD4","Microsoft JhengHei"; }
  html * {
    box-sizing: border-box; }

body {
  margin: 0;
  background: #13172c; }

.hide {
  display: none !important; }

.float-footer {
  margin-top: 2em; }

a {
  text-decoration: none; }

.invi {
  opacity: 0; }

.t-c {
  text-align: center; }

.descr {
  font-size: .8rem; }

.red {
  color: #c4001f; }

.cdp-pixel {
  opacity: 0; }

.mt1 {
  margin-top: .25em; }

.mt2 {
  margin-top: .5em; }

.mt3 {
  margin-top: .75em; }

.mt4 {
  margin-top: 1em; }

.mt5 {
  margin-top: 1.25em; }

.mt6 {
  margin-top: 1.5em; }

.mt7 {
  margin-top: 1.75em; }

.mt8 {
  margin-top: 2em; }

.p1 {
  padding: .25em; }

.p2 {
  padding: .5em; }

.p3 {
  padding: .75em; }

.p4 {
  padding: 1em; }

.pt1 {
  padding-top: .25em; }

.pt2 {
  padding-top: .5em; }

.pt3 {
  padding-top: .75em; }

.pt4 {
  padding-top: 1em; }

.header-fixed {
  width: 100%;
  background: #1c2034;
  border-bottom: 1px solid #363a4b; }
  .header-fixed h2 {
    text-align: center;
    margin: 0;
    line-height: 1em;
    padding: .8em 0;
    font-size: 1.3rem; }
  .header-fixed .essential {
    position: relative; }
    .header-fixed .essential .btns-left, .header-fixed .essential .btns-right {
      position: absolute;
      height: 100%;
      display: flex;
      align-items: stretch; }
      .header-fixed .essential .btns-left a, .header-fixed .essential .btns-right a {
        font-size: 1.15rem;
        color: #ffffff;
        display: block;
        padding: 0 .5em;
        line-height: 3.45rem; }
        .header-fixed .essential .btns-left a.btn-back, .header-fixed .essential .btns-right a.btn-back {
          padding-left: 1.5em; }
          .header-fixed .essential .btns-left a.btn-back:before, .header-fixed .essential .btns-right a.btn-back:before {
            content: "\e622";
            font-family: nissan-icon;
            display: block;
            position: absolute;
            line-height: 1em;
            left: .3em;
            top: 50%;
            transform: translate(0, -50%); }
        .header-fixed .essential .btns-left a.btn-share:before, .header-fixed .essential .btns-right a.btn-share:before {
          content: "\e673";
          font-family: nissan-icon;
          display: block; }
        .header-fixed .essential .btns-left a.btn-close:before, .header-fixed .essential .btns-right a.btn-close:before {
          content: "\e609";
          font-family: nissan-icon;
          display: block; }
    .header-fixed .essential .btns-left {
      top: 0;
      left: 0; }
    .header-fixed .essential .btns-right {
      top: 0;
      right: 0; }
  .header-fixed .main-switch {
    padding: .5em 0 0 0;
    overflow-x: auto;
    position: relative;
    width: 100vw; }
    .header-fixed .main-switch a {
      text-decoration: none; }
    .header-fixed .main-switch .tabs {
      list-style: none;
      padding: 0 1.5rem;
      margin: 0;
      box-sizing: content-box;
      display: flex; }
      .header-fixed .main-switch .tabs li {
        flex-grow: 1;
        text-align: center;
        font-size: 1.2rem;
        min-width: 40vw;
        max-width: 46.3vw; }
        .header-fixed .main-switch .tabs li a, .header-fixed .main-switch .tabs li .active {
          display: block;
          padding: .5em 0 .3em 0;
          color: white; }
        .header-fixed .main-switch .tabs li a {
          border-bottom: 2px solid transparent; }
        .header-fixed .main-switch .tabs li .active {
          color: #7acaff;
          border-bottom: 2px solid #7acaff; }

.main-content {
  overflow-y: auto; }
  .main-content .main-inner {
    margin: 0 1.5rem;
    position: relative;
    padding-bottom: 4rem; }
  .main-content .main-inner .pic, .main-content .main-inner-full .pic {
    display: block; }
    .main-content .main-inner .pic img, .main-content .main-inner-full .pic img {
      width: 100%; }
  .main-content .main-inner .pic-half, .main-content .main-inner-full .pic-half {
    display: block;
    width: 50%; }
    .main-content .main-inner .pic-half img, .main-content .main-inner-full .pic-half img {
      width: 100%; }
  .main-content .main-inner .bi-col, .main-content .main-inner-full .bi-col {
    display: flex;
    position: relative;
    justify-content: space-between; }
    .main-content .main-inner .bi-col .col, .main-content .main-inner-full .bi-col .col {
      display: block;
      width: 49%;
      flex-grow: 1;
      margin-right: .5rem; }
      .main-content .main-inner .bi-col .col:nth-child(2n), .main-content .main-inner-full .bi-col .col:nth-child(2n) {
        margin-right: 0; }
      .main-content .main-inner .bi-col .col.no-grow, .main-content .main-inner-full .bi-col .col.no-grow {
        width: 50%;
        flex-grow: 0; }

.form-group {
  margin: 1em 0; }
  .form-group .form-row {
    display: flex;
    align-items: top; }
    .form-group .form-row .f1 {
      flex-grow: 1;
      margin-right: .25em; }
    .form-group .form-row .f2 {
      flex-grow: 2;
      margin-right: .25em; }
  .form-group a {
    color: #7acaff;
    text-decoration: underline; }
  .form-group .form-field {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08); }
    .form-group .form-field.inline {
      display: flex;
      align-items: center; }
      .form-group .form-field.inline .g1 {
        flex-grow: 1;
        margin-right: .5em; }
    .form-group .form-field:loud {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .form-group .form-field .text {
      font-size: 1.15rem;
      padding: .5em; }
      .form-group .form-field .text.r {
        text-align: right; }
    .form-group .form-field .plate-leading, .form-group .form-field .leading, .form-group .form-field label {
      display: block;
      position: absolute;
      left: 1em;
      top: 50%;
      line-height: 100%;
      transform: translateY(-50%); }
    .form-group .form-field label.inline {
      display: inline-block;
      position: static;
      transform: none; }
    .form-group .form-field .plate-leading {
      color: white; }
    .form-group .form-field .leading {
      color: rgba(255, 255, 255, 0.65); }
  .form-group .field-validation-error {
    display: block;
    padding: .5em;
    position: relative;
    border-bottom: 1px solid #f98585;
    background-color: rgba(249, 133, 133, 0.2); }
    .form-group .field-validation-error:before {
      content: "\e67e";
      font-family: "nissan-icon";
      font-size: 1.4em;
      display: inline-block;
      padding-right: .5em;
      padding-left: .2em;
      vertical-align: -.15em; }
  .form-group .field-display {
    font-size: 1.2em;
    padding: .5em;
    color: white; }
  .form-group input[type=text], .form-group input[type=password], .form-group select {
    appearance: none;
    border: none;
    color: white;
    background-color: transparent; }
    .form-group input[type=text]::placeholder, .form-group input[type=password]::placeholder, .form-group select::placeholder {
      color: rgba(255, 255, 255, 0.2); }
    .form-group input[type=text].full-width, .form-group input[type=password].full-width, .form-group select.full-width {
      display: block;
      width: 100%; }
  .form-group input[type=text], .form-group input[type=password] {
    font-size: 1.2em;
    padding: .5em; }
  .form-group .select-wrap {
    position: relative;
    display: block;
    font-size: 1.2em; }
    .form-group .select-wrap select, .form-group .select-wrap .display {
      font-size: inherit;
      padding: .5em;
      font-style: normal; }
    .form-group .select-wrap select option {
      background-color: black;
      color: white; }
    .form-group .select-wrap .display {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      pointer-events: none;
      line-height: 100%; }
      .form-group .select-wrap .display.center {
        text-align: center; }
    .form-group .select-wrap:after {
      content: "\e601";
      font-family: "nissan-icon";
      display: block;
      position: absolute;
      top: 50%;
      right: .5em;
      transform: translateY(-50%);
      color: white; }
    .form-group .select-wrap i {
      display: block;
      font-size: inherit; }
  .form-group span.checkbox {
    display: inline-block; }
  .form-group div.checkbox {
    display: block; }
  .form-group .checkbox {
    width: 1.5em;
    height: 1.5em;
    position: relative; }
    .form-group .checkbox input[type=checkbox], .form-group .checkbox input[type=radio] {
      opacity: 0;
      position: relative; }
      .form-group .checkbox input[type=checkbox] + i, .form-group .checkbox input[type=radio] + i {
        pointer-events: none;
        width: 100%;
        height: 100%;
        content: "";
        background-image: url(../imgs/ui/dot-unchecked.png);
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
      .form-group .checkbox input[type=checkbox]:checked + i, .form-group .checkbox input[type=radio]:checked + i {
        background-image: url(../imgs/ui/dot-checked.png); }
  .form-group .leading {
    display: block;
    font-style: normal;
    margin-bottom: .5em; }
    .form-group .leading.calm {
      color: rgba(255, 255, 255, 0.65); }
  .form-group .sub {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.65); }
  .form-group .captcha-wrapper {
    display: flex;
    padding-right: .5em;
    align-items: center; }
    .form-group .captcha-wrapper .code {
      width: 7em;
      display: block;
      margin-right: .5em; }
    .form-group .captcha-wrapper .btn-change {
      display: block;
      width: 2em;
      height: 2em;
      position: relative; }
      .form-group .captcha-wrapper .btn-change:before {
        font-family: "nissan-icon";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        content: "\e633";
        width: 100%;
        height: 100%;
        color: white;
        font-size: 2rem; }

.btn {
  display: inline-block;
  border: none;
  padding: .5em;
  text-align: center;
  border-radius: 1em;
  font-weight: bold;
  background-color: #7acaff;
  color: #13172c !important; }
  .btn.btn-full {
    display: block;
    width: 100%; }
  .btn.btn-disabled {
    background-color: rgba(122, 202, 255, 0.6); }

.btn-loud {
  font-size: 1.2em; }

.btn-calm {
  font-size: .9em; }

.btn-long {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.btns-belt-2, .btn-belt-3 {
  display: flex;
  align-items: stretch;
  justify-content: space-around; }

.btns-belt-2 .btn {
  display: block;
  width: 45%; }

.btns-belt-3 .btn {
  display: block;
  width: 30%; }

.msg-list {
  margin-left: -.4rem; }
  .msg-list .item-wrapper {
    display: flex;
    position: relative;
    align-items: start;
    justify-content: space-between; }
    .msg-list .item-wrapper a {
      color: rgba(255, 255, 255, 0.6);
      border: none; }
    .msg-list .item-wrapper.not-read .item-photo {
      border-left-color: #7acaff; }
    .msg-list .item-wrapper.not-read a h3, .msg-list .item-wrapper.keep-on a h3 {
      color: white;
      font-weight: bold; }
    .msg-list .item-wrapper.not-read .date, .msg-list .item-wrapper.keep-on .date {
      color: white; }
    .msg-list .item-wrapper.not-read .btn-more, .msg-list .item-wrapper.keep-on .btn-more {
      color: #13172c; }
    .msg-list .item-wrapper .item-photo {
      width: 32%;
      border-left: .4rem solid transparent; }
      .msg-list .item-wrapper .item-photo img {
        width: 100%;
        display: block;
        border: 1px solid white; }
    .msg-list .item-wrapper .item-text {
      width: 63%;
      padding-bottom: 2.5em; }
      .msg-list .item-wrapper .item-text a {
        display: block; }
      .msg-list .item-wrapper .item-text h3 {
        margin-top: 0;
        margin-bottom: .5em; }
      .msg-list .item-wrapper .item-text h4 {
        margin-top: 0;
        margin-bottom: 0; }
    .msg-list .item-wrapper .misc {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 63%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .msg-list .item-wrapper .misc .date, .msg-list .item-wrapper .misc .btn-more {
        display: block; }
      .msg-list .item-wrapper .misc .date {
        color: rgba(255, 255, 255, 0.6); }
      .msg-list .item-wrapper .misc .btn-more {
        color: #13172c;
        padding-top: .3em;
        padding-bottom: .3em; }

.inbox-heading {
  margin-top: 1.15rem;
  margin-bottom: 1.15rem; }
  .inbox-heading .date {
    margin-bottom: 0;
    font-size: 70%;
    color: rgba(255, 255, 255, 0.5); }
  .inbox-heading h2 {
    margin: 0;
    font-size: 1.3rem; }
  .inbox-heading h4 {
    margin: .5em 0 0 0;
    color: rgba(255, 255, 255, 0.6); }

.pic {
  position: relative;
  margin-top: 0;
  margin-bottom: 0; }
  .pic img {
    display: block;
    width: 100%; }

.pic-full {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.pic-descr {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8); }

.car-panel {
  background-color: rgba(255, 255, 255, 0.08);
  padding: 0 .5rem; }
  .car-panel h3 {
    margin: 0;
    padding: 1rem .5rem; }
  .car-panel .content {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: .5rem; }
    .car-panel .content .content-row {
      display: flex;
      align-items: start;
      justify-content: space-between;
      margin-top: .7rem; }
      .car-panel .content .content-row h4, .car-panel .content .content-row p {
        margin: 0; }
      .car-panel .content .content-row h4 {
        color: rgba(255, 255, 255, 0.65);
        font-size: 1rem; }
      .car-panel .content .content-row p {
        color: white;
        font-size: 1.15rem; }

.promo-panel .content-row, .promo-panel .content-subrow {
  padding: .8rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .promo-panel .content-row:last-child, .promo-panel .content-subrow:last-child {
    border-bottom: none; }
  .promo-panel .content-row h4, .promo-panel .content-row p, .promo-panel .content-subrow h4, .promo-panel .content-subrow p {
    margin: 0; }
  .promo-panel .content-row h4, .promo-panel .content-subrow h4 {
    font-size: 1.15rem; }
  .promo-panel .content-row p, .promo-panel .content-subrow p {
    font-size: 1rem; }

.promo-panel .content-row {
  background-color: rgba(122, 205, 255, 0.2); }

.promo-panel .content-subrow {
  background-color: rgba(255, 255, 255, 0.08); }

.news-content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #7acaff; }

.news-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem; }
  .news-content p strong {
    font-size: 1.3rem;
    color: white; }

.quality-news .news-pic {
  margin-top: 1.3rem; }

.lottery-list ul {
  list-style: none;
  padding: 0;
  margin-top: 1em; }
  .lottery-list ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08);
    position: relative;
    font-size: 1.3rem;
    margin-top: .5em; }
    .lottery-list ul li:first-child {
      margin-top: 0; }
    .lottery-list ul li a {
      display: block;
      padding: .5em 2.5em .5em .5em;
      color: inherit; }
      .lottery-list ul li a:after {
        font-family: "nissan-icon";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        content: "\e634";
        right: 1em;
        color: white;
        font-size: 1rem; }

.lottery .btn-submit {
  font-family: "nissan-icon";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  height: 1.6rem;
  right: .5em;
  transform: translate(0, -50%);
  font-style: normal; }
  .lottery .btn-submit:before {
    content: "\e670";
    color: white;
    font-size: 1.6rem; }

.lottery h2 {
  margin: 0 0 1em 0;
  padding: 1em 0 0 0; }

.lottery .prize-table {
  border-collapse: collapse;
  width: 100%; }
  .lottery .prize-table th, .lottery .prize-table td {
    padding: .5em; }
  .lottery .prize-table th.prize-name {
    text-align: left;
    color: rgba(255, 255, 255, 0.65); }
  .lottery .prize-table td {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08); }

.ind-list {
  display: flex;
  align-items: top;
  justify-content: start;
  flex-wrap: wrap; }
  .ind-list .item {
    width: 30%;
    max-width: 33.33%;
    flex-grow: 1;
    position: relative;
    padding: .5rem; }
    .ind-list .item img {
      display: block;
      width: 100%; }

.ind-content h2 {
  font-size: 1.6rem; }

.ind-content p, .ind-content ul {
  font-size: 0.1 0.15rem; }

.query-panel {
  display: flex;
  width: 100%;
  align-items: top; }
  .query-panel .query-item {
    flex-grow: 1;
    margin-right: .5em;
    position: relative;
    width: 45%; }
    .query-panel .query-item:last-child {
      margin-right: 0; }

.query-result {
  background-color: rgba(255, 255, 255, 0.08); }
  .query-result dl {
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    .query-result dl dt {
      font-size: 1.3rem;
      padding-right: 1.8em;
      position: relative; }
      .query-result dl dt:after {
        content: "\e601";
        font-family: "nissan-icon";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        right: .5em;
        color: white;
        font-size: 90%; }
    .query-result dl.active dt:after {
      content: "\e67c"; }
    .query-result dl dd {
      margin: 0;
      padding-top: 1.5em;
      display: none; }
  .query-result .list {
    padding: 0;
    margin: 0;
    list-style: none; }

.bonus-goods-list dl {
  background-color: rgba(255, 255, 255, 0.08);
  margin-top: .8em; }
  .bonus-goods-list dl dt {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between; }
    .bonus-goods-list dl dt .img {
      width: 30%;
      display: block; }
      .bonus-goods-list dl dt .img img {
        display: block;
        width: 100%; }
    .bonus-goods-list dl dt .brief {
      display: block;
      width: 65%;
      padding-top: .8em;
      padding-bottom: .8em; }
      .bonus-goods-list dl dt .brief h3 {
        color: white;
        margin: 0;
        padding-right: 2em;
        position: relative;
        font-size: 1.15rem;
        line-height: 1.25; }
        .bonus-goods-list dl dt .brief h3:after {
          content: "\e601";
          font-family: "nissan-icon";
          display: block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          line-height: 1;
          right: .5em;
          color: white;
          font-size: 90%; }
      .bonus-goods-list dl dt .brief .price {
        display: block;
        color: rgba(255, 255, 255, 0.65); }
  .bonus-goods-list dl dd {
    margin: 0;
    padding: 1em;
    display: none; }
    .bonus-goods-list dl dd .img img {
      width: 100%; }
    .bonus-goods-list dl dd h4 {
      margin-top: .8em;
      font-size: 1.3rem;
      margin-bottom: 0; }
    .bonus-goods-list dl dd .price {
      display: block;
      color: rgba(255, 255, 255, 0.65); }
  .bonus-goods-list dl.active dt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    .bonus-goods-list dl.active dt .brief h3:after {
      content: "\e67c"; }

.bonus-list .leading {
  color: rgba(255, 255, 255, 0.65);
  padding-bottom: .5em; }

.bonus-list .bonus-table {
  background-color: rgba(255, 255, 255, 0.08);
  width: 100%; }
  .bonus-list .bonus-table td, .bonus-list .bonus-table th {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: .25em;
    text-align: left; }
    .bonus-list .bonus-table td:last-child, .bonus-list .bonus-table th:last-child {
      text-align: right; }
  .bonus-list .bonus-table th {
    color: rgba(255, 255, 255, 0.65); }
  .bonus-list .bonus-table td.first {
    font-size: .85rem;
    padding-right: 0; }
  .bonus-list .bonus-table td.item {
    font-size: 1.15rem;
    padding-left: 0;
    padding-right: 0; }

.bonus-rules article {
  margin-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.65);
  padding: 0 .8rem; }
  .bonus-rules article:first-child {
    margin-top: 0;
    border-top: none; }
  .bonus-rules article header {
    padding: .8em 0;
    font-size: 1.6rem; }
    .bonus-rules article header + p, .bonus-rules article header + ol, .bonus-rules article header + ul, .bonus-rules article header + dl {
      margin-top: 0; }
  .bonus-rules article > .pic {
    margin: 0 -.8rem; }

.bonus-rules dt, .bonus-rules dd {
  padding: .5em; }
  .bonus-rules dt:nth-child(4n+1), .bonus-rules dt:nth-child(4n+2), .bonus-rules dd:nth-child(4n+1), .bonus-rules dd:nth-child(4n+2) {
    background-color: rgba(255, 255, 255, 0.08); }
  .bonus-rules dt:nth-child(4n+3), .bonus-rules dt:nth-child(4n), .bonus-rules dd:nth-child(4n+3), .bonus-rules dd:nth-child(4n) {
    background-color: rgba(255, 255, 255, 0.15); }

.bonus-rules dt {
  font-size: 1.15rem; }
  .bonus-rules dt .price {
    font-style: normal;
    color: #7acaff; }

.bonus-rules dd {
  margin-left: 0; }
  .bonus-rules dd a {
    color: white;
    text-decoration: underline; }

.dim {
  color: rgba(255, 255, 255, 0.1);
  display: none; }

.link-group {
  margin-top: 1em; }
  .link-group h3 {
    font-size: 1.15rem;
    font-weight: normal;
    margin: 0;
    margin-bottom: .5em; }
  .link-group ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .link-group ul li {
      padding: .5em 0 .5em 3em;
      font-size: 1.3rem;
      color: white;
      background-color: rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
      margin-top: .5em;
      position: relative; }
      .link-group ul li a {
        color: inherit;
        display: block; }
        .link-group ul li a:after {
          content: "\e634";
          font-family: "nissan-icon";
          display: block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          line-height: 1;
          right: 1em;
          color: white;
          font-size: 1rem; }
        .link-group ul li a i {
          display: block;
          position: absolute;
          left: .8rem;
          top: 50%;
          transform: translate(0, -50%);
          width: 2.2rem;
          height: 2.2rem;
          background-size: 100% auto;
          background-position: center;
          background-repeat: no-repeat; }
        .link-group ul li a.dim {
          opacity: .3; }
  .link-group i.car-easy {
    background-image: url(../imgs/ui/icn-car-easy.png); }
  .link-group i.cheaper-to-repair {
    background-image: url(../imgs/ui/icn-cheaper-to-repair.png); }
  .link-group i.card {
    background-image: url(../imgs/ui/icn-card.png); }
  .link-group i.bonus-rule {
    background-image: url(../imgs/ui/icn-bonus-rule.png); }
  .link-group i.maintenance {
    background-image: url(../imgs/ui/icn-maintenance.png); }
  .link-group i.carspa {
    background-image: url(../imgs/ui/icn-carspa.png); }
  .link-group i.beating {
    background-image: url(../imgs/ui/icn-beating.png); }
  .link-group i.i68 {
    background-image: url(../imgs/ui/icn-68.png); }
  .link-group i.i6615 {
    background-image: url(../imgs/ui/icn-6615.png); }
  .link-group i.warranty {
    background-image: url(../imgs/ui/icn-warranty.png); }
  .link-group i.quality-news {
    background-image: url(../imgs/ui/icn-quality-news.png); }
  .link-group i.ins {
    background-image: url(../imgs/ui/icn-insurance-0.png); }
  .link-group i.ins-1 {
    background-image: url(../imgs/ui/icn-insurance-1.png); }
  .link-group i.ins-2 {
    background-image: url(../imgs/ui/icn-insurance-2.png); }
  .link-group i.ins-3 {
    background-image: url(../imgs/ui/icn-insurance-3.png); }
  .link-group i.ins-4 {
    background-image: url(../imgs/ui/icn-insurance-4.png); }
  .link-group i.trouble-shooting {
    background-image: url(../imgs/ui/icn-trouble-shooting.png); }
  .link-group i.faq {
    background-image: url(../imgs/ui/icn-faq.png); }

.services article {
  margin-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.65);
  padding: 0 .8rem; }
  .services article:first-child {
    margin-top: 0;
    border-top: none; }
  .services article header {
    padding: .8em 0;
    font-size: 1.6rem; }
    .services article header + p, .services article header + ol, .services article header + ul, .services article header + dl {
      margin-top: 0; }
  .services article > .pic {
    margin: 0 -.8rem; }

.services table.comp-two {
  border-spacing: 2px; }
  .services table.comp-two thead th {
    background-color: rgba(255, 255, 255, 0.2); }
  .services table.comp-two th, .services table.comp-two td {
    padding: .8em .5em; }
  .services table.comp-two th {
    background-color: rgba(255, 255, 255, 0.15); }
  .services table.comp-two td {
    background-color: rgba(255, 255, 255, 0.08);
    vertical-align: top; }
  .services table.comp-two ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .services table.comp-two ul li {
      padding-left: 1.5em; }
      .services table.comp-two ul li:before {
        content: "\2022";
        /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: red;
        /* Change the color */
        font-weight: bold;
        /* If you want it to be bold */
        display: inline-block;
        /* Needed to add space between the bullet and the text */
        width: 1em;
        /* Also needed for space (tweak if needed) */
        margin-left: -1em; }

.services ul.notes {
  margin-top: 1em; }

.services a {
  color: inherit;
  text-decoration: underline; }

.trouble-shooting article p, .trouble-shooting article ul, .trouble-shooting article ol {
  margin: .7em 0;
  font-size: 1.15rem; }
  .trouble-shooting article p li, .trouble-shooting article ul li, .trouble-shooting article ol li {
    font-size: inherit; }

.trouble-shooting article ul, .trouble-shooting article ol {
  padding-left: 1.6rem; }

.trouble-shooting article dd {
  margin-left: 0;
  margin-bottom: .5em; }

.trouble-shooting article .notes {
  font-size: .85em; }

.d-car-easy .example {
  margin: 0 -.8rem;
  position: relative;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url(../imgs/misc/car-easy/new_promotion_section1.png);
  color: black;
  position: relative; }
  .d-car-easy .example:before {
    content: "";
    display: block;
    padding-top: 70%; }
  .d-car-easy .example .upper-text, .d-car-easy .example .lower-text {
    position: absolute;
    width: 100%;
    padding-left: 11%;
    padding-right: 11%;
    left: 0; }
    .d-car-easy .example .upper-text dl, .d-car-easy .example .lower-text dl {
      display: flex;
      justify-content: space-between;
      margin: 0; }
      .d-car-easy .example .upper-text dl dd, .d-car-easy .example .lower-text dl dd {
        margin-left: 0; }
  .d-car-easy .example .upper-text {
    bottom: 26%; }
  .d-car-easy .example .lower-text {
    bottom: 12%; }

.d-car-easy .oil-s, .d-car-easy .oil-a, .d-car-easy .oil-c, .d-car-easy .oil-n {
  margin: 0 -.8rem;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative; }
  .d-car-easy .oil-s:before, .d-car-easy .oil-a:before, .d-car-easy .oil-c:before, .d-car-easy .oil-n:before {
    content: "";
    display: block;
    padding-top: 53.33%; }
  .d-car-easy .oil-s dt, .d-car-easy .oil-s dd, .d-car-easy .oil-a dt, .d-car-easy .oil-a dd, .d-car-easy .oil-c dt, .d-car-easy .oil-c dd, .d-car-easy .oil-n dt, .d-car-easy .oil-n dd {
    position: absolute;
    left: 55%;
    color: black;
    font-size: 1.15rem; }
  .d-car-easy .oil-s dt, .d-car-easy .oil-a dt, .d-car-easy .oil-c dt, .d-car-easy .oil-n dt {
    top: 5.5%; }
  .d-car-easy .oil-s dd, .d-car-easy .oil-a dd, .d-car-easy .oil-c dd, .d-car-easy .oil-n dd {
    top: 50%;
    margin-left: 0;
    line-height: 150%; }

.d-car-easy .oil-s {
  background-image: url(../imgs/misc/car-easy/oil-s.png); }

.d-car-easy .oil-a {
  background-image: url(../imgs/misc/car-easy/oil-a.png); }

.d-car-easy .oil-c {
  background-image: url(../imgs/misc/car-easy/oil-c.png); }

.d-car-easy .oil-n {
  background-image: url(../imgs/misc/car-easy/oil-n.png); }

.d-car-easy .bonus-newbie, .d-car-easy .bonus-padawan, .d-car-easy .bonus-master {
  margin: 0 -.8rem;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative; }
  .d-car-easy .bonus-newbie:before, .d-car-easy .bonus-padawan:before, .d-car-easy .bonus-master:before {
    content: "";
    display: block;
    padding-top: 95.5%; }
  .d-car-easy .bonus-newbie dt, .d-car-easy .bonus-padawan dt, .d-car-easy .bonus-master dt {
    font-weight: bold;
    position: absolute;
    left: 40%;
    top: 74%;
    font-size: 1.3rem;
    color: #1b1b1b; }
  .d-car-easy .bonus-newbie dd, .d-car-easy .bonus-padawan dd, .d-car-easy .bonus-master dd {
    font-weight: bold;
    position: absolute;
    left: 40%;
    top: 82%;
    font-size: 1.45rem;
    color: #797979;
    margin-left: 0; }
    .d-car-easy .bonus-newbie dd .red, .d-car-easy .bonus-padawan dd .red, .d-car-easy .bonus-master dd .red {
      vertical-align: -.2em;
      font-size: 150%; }

.d-car-easy .bonus-newbie {
  background-image: url(../imgs/misc/car-easy/bonus-newbie.jpg); }

.d-car-easy .bonus-padawan {
  background-image: url(../imgs/misc/car-easy/bonus-padawan.jpg); }

.d-car-easy .bonus-master {
  background-image: url(../imgs/misc/car-easy/bonus-master.jpg); }

.d-card .card-benefit dt {
  display: flex;
  align-items: start;
  margin-top: 1em;
  font-size: 1.15rem; }
  .d-card .card-benefit dt:first-chile {
    margin-top: 0; }
  .d-card .card-benefit dt .pic {
    width: 25%;
    margin-right: 1em; }
  .d-card .card-benefit dt .descr {
    width: 70%;
    font-size: inherit;
    color: rgba(255, 255, 255, 0.65); }
    .d-card .card-benefit dt .descr b {
      color: white; }

.maintenance-spec-legend ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .maintenance-spec-legend ul li {
    margin-bottom: .5em; }

.maintenance-spec-legend .icon {
  display: inline-block;
  position: relative;
  vertical-align: top; }
  .maintenance-spec-legend .icon:before {
    content: "";
    display: block;
    width: 1.5em;
    padding-top: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.maintenance-spec-legend .icon-basic:before {
  background-image: url(../imgs/misc/maintenance/icon_style1_h.png); }

.maintenance-spec-legend .icon-byconfig:before {
  background-image: url(../imgs/misc/maintenance/icon_style2_h.png); }

.maintenance-spec-legend .icon-bymile:before {
  background-image: url(../imgs/misc/maintenance/icon_style3_h.png); }

.maintenance-spec-wrapper {
  overflow: auto;
  margin: 0 -2.3rem; }

.maintenance-spec {
  border-collapse: collapse;
  width: 35em;
  position: relative;
  table-layout: fixed; }
  .maintenance-spec thead th {
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1; }
    .maintenance-spec thead th:first-child {
      z-index: 5; }
  .maintenance-spec td, .maintenance-spec th {
    padding: .4em;
    background-color: #25293c;
    border-bottom: 1px solid #4e5161; }
  .maintenance-spec th {
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 2; }
  .maintenance-spec td {
    text-align: center; }
  .maintenance-spec tr:nth-child(odd) td, .maintenance-spec tr:nth-child(odd) th {
    background-color: #2f3345; }
  .maintenance-spec tr.leading th, .maintenance-spec tr.leading td {
    background-color: #4e5161; }

.d-maintenance .plate {
  display: flex; }
  .d-maintenance .plate i {
    display: block;
    width: 25%;
    margin-right: 5%; }
    .d-maintenance .plate i img {
      width: 100%; }
  .d-maintenance .plate span {
    display: block; }
    .d-maintenance .plate span .sub {
      font-size: 1rem; }

.d-maintenance table {
  width: 100%;
  border-collapse: collapse; }
  .d-maintenance table th, .d-maintenance table td {
    background-color: rgba(255, 255, 255, 0.08);
    padding: .5em; }
  .d-maintenance table th {
    width: 30%;
    text-align: center;
    color: white; }
  .d-maintenance table td {
    color: rgba(255, 255, 255, 0.65); }
  .d-maintenance table tr:nth-child(2n+1) th, .d-maintenance table tr:nth-child(2n+1) td {
    background-color: rgba(255, 255, 255, 0.15); }

.d-car-spa dl {
  padding: 1em;
  margin: .5em 0 0 0;
  background-color: rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .d-car-spa dl dt {
    font-size: 1.3rem;
    padding-right: 1.8em;
    position: relative;
    padding-left: 2.2em; }
    .d-car-spa dl dt i {
      content: "";
      display: block;
      position: absolute;
      line-height: 1;
      top: 50%;
      left: .2em;
      transform: translate(0, -47%);
      width: 1.5em;
      height: 1.5em;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }
    .d-car-spa dl dt:after {
      content: "\e601";
      font-family: "nissan-icon";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      line-height: 1;
      right: .5em;
      color: white;
      font-size: 90%; }
  .d-car-spa dl.active dt:after {
    content: "\e67c"; }
  .d-car-spa dl dd {
    margin: 0;
    padding-top: 1.5em;
    display: none; }
    .d-car-spa dl dd ul {
      padding: 0;
      margin: 0;
      list-style: none; }
  .d-car-spa dl i.m1 {
    background-image: url(../imgs/misc/car-spa/icon_carspa1.png); }
  .d-car-spa dl i.m2 {
    background-image: url(../imgs/misc/car-spa/icon_carspa2.png); }
  .d-car-spa dl i.m3 {
    background-image: url(../imgs/misc/car-spa/icon_carspa3.png); }
  .d-car-spa dl i.m4 {
    background-image: url(../imgs/misc/car-spa/icon_carspa4.png); }
  .d-car-spa dl i.m5 {
    background-image: url(../imgs/misc/car-spa/icon_carspa5.png); }
  .d-car-spa dl i.m6 {
    background-image: url(../imgs/misc/car-spa/icon_carspa6.png); }
  .d-car-spa dl i.m7 {
    background-image: url(../imgs/misc/car-spa/icon_carspa7.png); }
  .d-car-spa dl i.m8 {
    background-image: url(../imgs/misc/car-spa/icon_carspa8.png); }
  .d-car-spa dl i.m9 {
    background-image: url(../imgs/misc/car-spa/icon_carspa9.png); }
  .d-car-spa dl i.m10 {
    background-image: url(../imgs/misc/car-spa/icon_carspa10.png); }
  .d-car-spa dl i.m1 {
    background-image: url(../imgs/misc/car-spa/icon_carspa1.png); }

.d-car-spa .spa-diff table {
  border-spacing: 2px; }

.d-car-spa .spa-diff th, .d-car-spa .spa-diff td {
  padding: .8em .5em; }

.d-car-spa .spa-diff th {
  background-color: rgba(255, 255, 255, 0.15); }

.d-car-spa .spa-diff td {
  background-color: rgba(255, 255, 255, 0.08);
  vertical-align: top; }

.d-car-spa .spa-diff ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .d-car-spa .spa-diff ul li {
    padding-left: 1.5em; }
    .d-car-spa .spa-diff ul li:before {
      content: "\2022";
      /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: red;
      /* Change the color */
      font-weight: bold;
      /* If you want it to be bold */
      display: inline-block;
      /* Needed to add space between the bullet and the text */
      width: 1em;
      /* Also needed for space (tweak if needed) */
      margin-left: -1em; }
  .d-car-spa .spa-diff ul.notes {
    margin-top: 1em; }

dl.warranty dt {
  font-size: 1.3rem;
  padding: .8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15); }

dl.warranty dd {
  padding: .8rem;
  margin-left: 0;
  margin-bottom: 1em; }

table.ins-category {
  width: 100%;
  margin-top: 1em; }
  table.ins-category th, table.ins-category td {
    padding: .5em;
    color: white;
    background-color: rgba(255, 255, 255, 0.08); }
  table.ins-category th {
    font-size: 1.3rem;
    background-color: #c4001f; }
  table.ins-category td {
    text-align: center; }
  table.ins-category .leading {
    background-color: rgba(255, 255, 255, 0.15); }
  table.ins-category .subhead {
    background-color: rgba(255, 255, 255, 0.23); }
  table.ins-category .complementary td {
    background-color: rgba(255, 255, 255, 0.3); }

table.ins-advantage {
  width: 100%;
  margin-top: 1em; }
  table.ins-advantage th, table.ins-advantage td {
    padding: .5em;
    color: white;
    background-color: rgba(255, 255, 255, 0.08); }
  table.ins-advantage td {
    text-align: center; }
  table.ins-advantage tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.15); }
  table.ins-advantage thead th {
    font-size: 1.3rem;
    background-color: #c4001f; }

table.ins-claim {
  width: 100%;
  margin-top: 1em; }
  table.ins-claim th, table.ins-claim td {
    padding: .5em;
    color: white;
    background-color: rgba(255, 255, 255, 0.08); }
  table.ins-claim th {
    font-size: 1.3rem;
    background-color: #c4001f; }

table.ins-renewal {
  width: 100%; }
  table.ins-renewal th, table.ins-renewal td {
    padding: 1.1rem; }
  table.ins-renewal th {
    background-color: #c4001f;
    font-size: 1.6rem;
    text-align: left; }
  table.ins-renewal td {
    height: 8rem;
    background-color: rgba(255, 255, 255, 0.08); }
  table.ins-renewal td.arrow-down {
    height: 0;
    background-color: transparent; }
    table.ins-renewal td.arrow-down:before {
      content: "";
      display: block;
      height: 3rem;
      width: 3rem;
      margin: 0 auto;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(../imgs/misc/insurance/arrow_down.png); }

.ins-accident div {
  padding: 1em 1em;
  text-align: center;
  font-size: 1.3rem;
  border: 1px solid #2b4371; }

.ins-accident .before-police {
  margin-top: 1em;
  margin-bottom: 2em;
  background-color: #2b4371;
  border: 1px solid #2b4371; }

.ins-accident .arrow-split {
  border: none;
  padding-top: 60%;
  background-image: url(../imgs/misc/insurance/arrow_judge.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.ins-accident .bi-block {
  border: none;
  padding: 0;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: stretch; }
  .ins-accident .bi-block div {
    width: 48%; }

.ins-accident .two-arrow {
  border: none;
  padding-top: 23%;
  background-image: url(../imgs/misc/insurance/arrow_twice.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.ins-accident .arrow-merge {
  margin-top: .8em;
  border: none;
  padding-top: 30%;
  background-image: url(../imgs/misc/insurance/arrow_cross.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.ins-accident .ba-1 ol {
  text-align: left;
  margin: 0;
  padding: 0;
  padding-left: 30%; }

.ins-accident .ba-2 ol {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0 15%; }

.ins-accident .d-a {
  border: none;
  padding: .5em 0; }
  .ins-accident .d-a:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 4rem;
    height: 4rem;
    background-image: url(../imgs/misc/insurance/arrow_down_blue.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.ins-accident .police-arrived {
  margin-top: 1em;
  margin-bottom: 2em;
  background-color: #6e7b8c;
  border: 1px solid #6e7b8c; }

.ins-accident .post-accident {
  margin-top: 1em;
  background-color: #d8f2f1;
  color: #777777;
  border: 1px solid #d8f2f1; }

table.compare {
  border-collapse: collapse;
  width: 100%; }
  table.compare td, table.compare th {
    text-align: center;
    font-size: 1.15rem;
    color: white;
    padding: .5em .5em; }
    table.compare td a, table.compare th a {
      color: inherit;
      text-decoration: underline; }
  table.compare th {
    background-color: rgba(255, 255, 255, 0.08); }
  table.compare td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.ulnum, .uldot {
  padding-left: 1.5rem; }

.ulnum {
  list-style: decimal; }

.uldot {
  list-style: disc; }

.parts article {
  margin-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.65);
  padding: 0 .8rem; }
  .parts article:first-child {
    margin-top: 0;
    border-top: none; }
  .parts article header {
    padding: .8em 0;
    font-size: 1.6rem; }
    .parts article header + p, .parts article header + ol, .parts article header + ul, .parts article header + dl {
      margin-top: 0; }
  .parts article > .pic {
    margin: 0 -.8rem; }

.parts p, .parts .ulnum, .parts .uldot {
  font-size: 1.15rem;
  color: #ccc;
  font-weight: 400; }
  .parts p b, .parts .ulnum b, .parts .uldot b {
    color: #fff;
    font-weight: 700; }

.parts .ulnum .pic, .parts .uldot .pic {
  margin-top: 1rem;
  margin-left: -2.3rem;
  margin-right: -0.8rem;
  margin-bottom: 1rem; }

.parts .ulnum li, .parts .uldot li {
  margin-bottom: .55rem; }
  .parts .ulnum li > ul, .parts .uldot li > ul {
    margin-top: .55rem;
    list-style: disc;
    padding-left: 1.1em; }
    .parts .ulnum li > ul li, .parts .uldot li > ul li {
      margin-bottom: .4em; }

.parts dl {
  font-size: 1.15rem;
  color: #ccc; }
  .parts dl dt {
    margin-top: 1rem;
    margin-bottom: .55rem;
    padding: 0; }
    .parts dl dt:first-child {
      margin-top: 0; }
  .parts dl dd {
    padding: 0;
    margin-left: 0;
    margin-bottom: 1em; }
  .parts dl .subul {
    margin: 0;
    margin-top: .55rem;
    padding: 0;
    list-style: none; }
    .parts dl .subul li {
      margin-bottom: .4em; }
  .parts dl b {
    color: #fff; }

.parts .notes-pic-descr {
  margin-top: .5em;
  text-align: center;
  font-size: 1.3rem; }

.debug {
  display: none; }

.dbg {
  display: none;
  color: rgba(255, 255, 255, 0.5); }