pre {
  font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", Calibri, Helvetica, Arial, "MHei HK Bold", "Adobe Clean", "LiHei", "LiHei Pro", sans-serif; }

.warning {
  color: #c30014; }

span.warning {
  margin-left: 15px; }

.icn-s-wrench {
  background-image: url("../img/ui/icn-s-wrench.png"); }

.icn-s-travel {
  background-image: url("../img/ui/icn-s-travel.png"); }

.locator-data .list tr.item .icn {
  -moz-transition: opacity 0.1s ease 0.1s;
  -o-transition: opacity 0.1s ease 0.1s;
  -webkit-transition: opacity 0.1s ease;
  -webkit-transition-delay: 0.1s;
  transition: opacity 0.1s ease 0.1s; }

.locator-data .list tr.item.on td .icn {
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.btn-split-red {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 31px;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 15px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-decoration: none !important; }
  .btn-split-red > span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    border-width: 0;
    border-style: dotted;
    word-spacing: normal;
    letter-spacing: normal;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 29px;
    text-align: center;
    text-decoration: none !important; }
    .btn-split-red > span + span {
      border-left-width: 1px; }
    .btn-split-red > span [class*="icn-"] {
      display: block;
      width: 29px;
      height: 29px;
      margin-left: -8px;
      margin-right: -8px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      position: static;
      top: auto;
      margin-top: 0; }

.btn-split-red {
  border-color: #ff0044;
  background: #c2002f;
  /* background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2002f), color-stop(100%, #a90029));
  background: -moz-linear-gradient(top, #c2002f, #a90029);
  background: -webkit-linear-gradient(top, #c2002f, #a90029);
  background: linear-gradient(to bottom, #c2002f, #a90029);
  color: #ffffff; }
  .btn-split-red > span {
    border-color: #ff0044; }
  .btn-split-red:hover {
    background: #fff;
    /*   background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); */
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #c2002f), color-stop(100%, #a90029));
    background: -moz-linear-gradient(top, #c2002f 50%, #a90029);
    background: -webkit-linear-gradient(top, #c2002f 50%, #a90029);
    background: linear-gradient(to bottom, #c2002f 50%, #a90029); }
  .btn-split-red:active {
    background: #eaeaea;
    /*  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); */
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2002f), color-stop(100%, #a90029));
    background: -moz-linear-gradient(top, #c2002f, #a90029);
    background: -webkit-linear-gradient(top, #c2002f, #a90029);
    background: linear-gradient(to bottom, #c2002f, #a90029); }

.tabmenu-btn {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }

.btn-cube-nake-m:hover .icn-x-whynissan {
  background-position: 50% 50%; }

.icn-x-whynissan {
  background-image: url("../img/ui/icn-x-whynissan.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .backgroundsize .icn-x-whynissan {
    background-image: url("../img/ui/icn-x-whynissan@2x.png"); } }

.mediabar-item.hernissan > .icn {
  background-image: url("../img/ui/mediabar-icn-hernissan.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .backgroundsize .mediabar-item.hernissan > .icn {
    background-image: url("../img/ui/mediabar-icn-hernissan@2x.png"); } }

.mediabar-item.instagram > .icn {
  background-image: url("../img/ui/mediabar-icn-instagram.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .backgroundsize .mediabar-item.instagram > .icn {
    background-image: url("../img/ui/mediabar-icn-instagram@2x.png"); } }

.mediabar-item.line > .icn {
  background-image: url("../img/ui/mediabar-icn-line.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .backgroundsize .mediabar-item.line > .icn {
    background-image: url("../img/ui/mediabar-icn-line@2x.png"); } }

.testdriveapp-waiting {
  display: table-cell;
  vertical-align: top;
  padding: 30px 20px;
  background-color: #f0f0f0;
  text-align: center;
  padding-top: 5em;
  padding-bottom: 5em; }

.bullet-dot-loud.sec-welfare {
  text-indent: -33px;
  padding-left: 48px; }

.size-l2.bullet-dot-loud {
  background-image: url("../img/ui/bullet-dot-loud-l2.png"); }

.boxed-body .grid-roll-group .grid-roll-item {
  border: none;
  background: none; }
  .boxed-body .grid-roll-group .grid-roll-item .feeditem {
    padding-bottom: 0; }
    .boxed-body .grid-roll-group .grid-roll-item .feeditem .title {
      line-height: 140%; }

.grid-roll-item .prefix {
  padding-left: 2em;
  position: relative;
  line-height: 2em;
  margin-bottom: .5em; }
  .grid-roll-item .prefix i {
    position: absolute;
    left: 0;
    top: 0.25em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-size: contain;
    background-repeat: no-repeat; }
  .grid-roll-item .prefix.facebook i {
    background-image: url(../img/ui/index/social-facebook.png); }
  .grid-roll-item .prefix.instagram i {
    background-image: url(../img/ui/index/social-instagram.png); }
  .grid-roll-item .prefix.hernissan i {
    background-image: url(../img/ui/index/social-hernissan.png); }
  .grid-roll-item .prefix.line i {
    background-image: url(../img/ui/index/social-line.png); }

.visualbanner .a-center img {
  margin: 0 auto; }

.tbl-csr-security {
  width: 70%;
  margin: 0 auto;
  border-spacing: .3em;
  border-collapse: separate;
  border-color: white; }
  .tbl-csr-security td, .tbl-csr-security th {
    padding: .5em; }
  .tbl-csr-security thead th {
    background: #6f45c5;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 2em; }
  .tbl-csr-security td {
    background: #e4d3ff;
    color: #403152;
    vertical-align: top;
    font-size: 1.2em; }
    .tbl-csr-security td ul {
      list-style: disc;
      padding-left: 1.1em; }
    .tbl-csr-security td.leading {
      font-weight: bold;
      background: #a77ff2;
      font-size: 1.6em;
      vertical-align: middle; }

.mast-gdpr {
  position: relative;
  z-index: 50; }
  .mast-gdpr .mast-gdpr-float, .mast-gdpr .mast-gdpr-dummy {
    height: 86px; }
  .mast-gdpr .mast-gdpr-float {
    width: 100%;
    background: url(../img/ui/gdpr/gdpr-bkg.png) repeat-x;
    font-size: 1.2em;
    padding-top: 1em;
    height: 86px;
    position: absolute; }
    .mast-gdpr .mast-gdpr-float .grid-centre {
      position: relative; }
    .mast-gdpr .mast-gdpr-float .gdpr-description {
      padding-right: 8em;
      line-height: 170%; }
    .mast-gdpr .mast-gdpr-float .gdpr-btn-wrapper {
      position: absolute;
      right: 0;
      top: 0;
      padding-right: 2em;
      width: 99px;
      height: 52px;
      background: url(../img/ui/gdpr/gdpr-btn-bkg.png) no-repeat; }
      .mast-gdpr .mast-gdpr-float .gdpr-btn-wrapper .btn-gdpr {
        display: inline-block;
        width: 99px;
        height: 100%; }
        .mast-gdpr .mast-gdpr-float .gdpr-btn-wrapper .btn-gdpr span {
          letter-spacing: .2em;
          line-height: 52px;
          padding-left: 1em; }

.app-header {
  position: relative;
  margin-bottom: 1em; }
  .app-header div {
    display: inline-block;
    vertical-align: middle; }
    .app-header div img {
      width: 100%; }
  .app-header .body {
    width: 57%;
    margin-right: 3em; }
  .app-header .qr-code {
    width: 10%;
    margin-right: 4em; }
  .app-header .links {
    width: 19%; }
    .app-header .links a {
      display: block;
      margin-bottom: .3em; }
      .app-header .links a:last-child {
        margin-bottom: 0; }