.card-breadcrumb[data-style="3"] ol, .card-breadcrumb[data-style="3"] li, .card-breadcrumb[data-style="3"] a {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none; }

.card-breadcrumb[data-style="3"] .shareBox, .card-breadcrumb[data-style="3"] .mobile-controlBars {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.card-breadcrumb[data-style="3"] .breadcrumb li {
  line-height: 1;
  position: relative;
  color: #a82922;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  display: inline-block;
  margin: .5rem 0;
  margin-right: 1rem; }
  .card-breadcrumb[data-style="3"] .breadcrumb li::after {
    content: "";
    position: absolute;
    background: #999;
    width: 14px;
    height: 1px;
    top: 0;
    left: 100%;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-60deg) translate(-4px, -6px);
        -ms-transform: rotate(-60deg) translate(-4px, -6px);
            transform: rotate(-60deg) translate(-4px, -6px); }
  .card-breadcrumb[data-style="3"] .breadcrumb li:first-child a {
    margin-left: 0; }
  .card-breadcrumb[data-style="3"] .breadcrumb li:last-child:after {
    display: none; }

.card-breadcrumb[data-style="3"] .breadcrumb a {
  color: #666;
  margin: .5rem 1rem .5rem 0rem;
  font-size: 1.6rem; }
  .card-breadcrumb[data-style="3"] .breadcrumb a:hover {
    color: #000000; }

.card-breadcrumb[data-style="3"] .card-breadcrumb-container {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 1280px) {
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container {
      padding: 0; } }
  .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dfdfdf; }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .main-block {
      padding: 12px 92px 12px 70px;
      background-color: #393d75;
      color: #ffffff;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: 2px;
      text-align: justify;
      margin-right: 15px; }
      @media only screen and (max-width: 580px) {
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .main-block {
          padding: 5px; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .active {
      color: #393d75; }
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .active a {
        color: #393d75; }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .breadcrumb-item a:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .breadcrumb .breadcrumb-item a:focus {
      color: #393d75; }
  .card-breadcrumb[data-style="3"] .card-breadcrumb-container .link {
    margin-left: auto;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1.17px;
    color: #393d75;
    display: inline-block; }
    @media only screen and (max-width: 800px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .link {
        margin: 10px;
        width: 100%; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .link::after {
      content: '';
      display: inline-block;
      background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250320044021/https://www.aca.ntu.edu.tw/Websites/aca/images/icon/group-2.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 24px;
      height: 16px;
      -webkit-transform: translateY(3px);
          -ms-transform: translateY(3px);
              transform: translateY(3px); }
  .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 70px; }
    @media only screen and (max-width: 1280px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper {
        padding-right: 30px; } }
    @media only screen and (max-width: 580px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper {
        padding-right: 20px; } }
    @media only screen and (max-width: 430px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper {
        padding: 0rem 20px 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      @media only screen and (max-width: 430px) {
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter {
          -webkit-box-pack: initial;
              -ms-flex-pack: initial;
                  justify-content: initial; } }
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .title {
        font-size: 1.4rem;
        letter-spacing: 0.35px;
        color: #393d75;
        margin-right: 1rem; }
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter {
        color: #393d75;
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.6rem;
        font-weight: 500;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
        margin: 0.2rem;
        -webkit-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        transition: .4s ease-in-out; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook:focus, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter.active, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter:hover, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter:focus {
          background: #393d75;
          color: #ffffff; }
          .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook:focus i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter.active i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter:hover i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter:focus i {
            color: #ffffff; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .font i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .font i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .font i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .font i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .font i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter i {
          color: #393d75;
          font-size: 1rem; }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .title, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .title {
      margin-left: 1rem; }
    @media only screen and (max-width: 430px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter {
        margin-top: 0rem; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .share-wrapper .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-facebook .twitter i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .print i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .share i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .facebook i, .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .icon-twitter .twitter i {
      font-size: 2rem;
      color: #393d75; }
    @media only screen and (max-width: 430px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper {
        width: 100%; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #ccc;
      border-radius: 20px;
      width: 50%; }
      @media only screen and (max-width: 430px) {
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search {
          width: 70%; } }
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search i {
        margin-left: 10px; }
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input {
        border: none;
        padding-left: 5px; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input:focus {
          outline: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input::-webkit-input-placeholder {
          color: #646464; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input::-moz-placeholder {
          color: #646464; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input:-ms-input-placeholder {
          color: #646464; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input::-ms-input-placeholder {
          color: #646464; }
        .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .search input::placeholder {
          color: #646464; }
    @media only screen and (max-width: 430px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .small-font {
        margin-left: auto; } }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .small-font span {
      position: relative;
      top: -6px; }
    .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .font-wrapper .big-font span {
      position: relative;
      top: -4px; }
    @media only screen and (max-width: 430px) {
      .card-breadcrumb[data-style="3"] .card-breadcrumb-container .icon-wrapper .print-wrapper .title {
        margin-left: 0rem; } }

.card-breadcrumb[data-style="3"] .shareBox {
  width: auto;
  position: initial;
  z-index: 104;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 800px) {
    .card-breadcrumb[data-style="3"] .shareBox {
      display: none; } }
  .card-breadcrumb[data-style="3"] .shareBox > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .card-breadcrumb[data-style="3"] .shareBox > a.square {
      position: relative;
      margin: 3px;
      width: 2.4rem;
      height: 2.4rem; }
      .card-breadcrumb[data-style="3"] .shareBox > a.square:hover, .card-breadcrumb[data-style="3"] .shareBox > a.square:focus {
        background: #393d75 !important; }
        .card-breadcrumb[data-style="3"] .shareBox > a.square:hover > i, .card-breadcrumb[data-style="3"] .shareBox > a.square:focus > i {
          color: #ffffff !important; }
      .card-breadcrumb[data-style="3"] .shareBox > a.square > i {
        color: #393d75 !important;
        font-size: 2rem;
        line-height: 0;
        -webkit-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        transition: .4s ease-in-out; }
      .card-breadcrumb[data-style="3"] .shareBox > a.square span {
        font-size: 1rem;
        position: absolute;
        top: 21px; }
    .card-breadcrumb[data-style="3"] .shareBox > a#socialMore {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      border: none !important; }
      .card-breadcrumb[data-style="3"] .shareBox > a#socialMore.icon-close i::before {
        content: "\e9ee"; }
  @media only screen and (max-width: 430px) {
    .card-breadcrumb[data-style="3"] .shareBox {
      display: none; } }

.card-breadcrumb[data-style="3"] .mobile-controlBars {
  display: none; }
  @media only screen and (max-width: 800px) {
    .card-breadcrumb[data-style="3"] .mobile-controlBars {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      left: 0;
      bottom: -150px;
      width: 100%;
      z-index: 605;
      width: 100%;
      font-size: 2.6rem;
      background-color: #1e1d1d; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars.active {
        bottom: 0; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars > a {
        height: 46px;
        line-height: 46px;
        text-align: center;
        border: transparent;
        overflow: hidden;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars > a i {
          margin-right: 0; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars > a > i {
          width: 100%;
          line-height: 46px;
          color: #ffffff;
          font-size: 3rem; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .overlayer {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 3000%;
        top: -3000%;
        left: 0;
        overflow: visible;
        visibility: visible;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 600;
        display: none; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv {
        padding: 15px 20px;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #ffffff;
        display: none;
        z-index: 999; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extra-header {
        padding: 5px 0px 10px; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .extra-header .colse-toggle {
          float: right; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv ul {
        max-height: 300px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li {
        padding: 5px 0;
        border-bottom: 1px solid #efefef; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li a::after {
          display: block;
          clear: both;
          content: "";
          height: 0; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li a.btn-url-copy-mobile, .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li a.btn-member-collection {
        border: none;
        width: 100%;
        padding: 0; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li a.btn-member-collection .cc-favorite {
        color: #FF1744; } }
    @media only screen and (max-width: 800px) and (max-width: 800px) {
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li a.btn-member-collection span.shareCounter {
        margin-top: 5px;
        margin-left: 6px; } }
  @media only screen and (max-width: 800px) {
        .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv li:last-child {
          padding-bottom: 0;
          border-bottom: none; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv a > span {
        display: block;
        float: left; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv a > span.shareBtn {
          float: right;
          padding: 3px 10px;
          width: 85px; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .extraDiv a > span > i {
          font-size: 3rem; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars .shareCounter {
        font-weight: normal;
        line-height: 1; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .shareCounter .counter {
          font-size: 1.7rem; }
        .card-breadcrumb[data-style="3"] .mobile-controlBars .shareCounter .sharesCopy {
          font-size: 1.3rem; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='accupass'] {
        background-color: #0088d2; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='pinkoi'] {
        background-color: #E95E8B; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='youku'] {
        background-color: #ec0001; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='tudou'] {
        background-color: #ed592b; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='baidu'] {
        background-color: #2529d8; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='blogger'] {
        background-color: #f57d00; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='vimeo'] {
        background-color: #1ab7ea; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='youtube'] {
        background-color: #ff0000; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='linkedin'] {
        background-color: #0077b5; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='facebook'] {
        background-color: #3b5998; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='line'] {
        background-color: #00c300; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='twitter'] {
        background-color: #1da1f2; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='pinterest'] {
        background-color: #bd081c; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='google-plus'] {
        background-color: #dd4b39; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='plurk'] {
        background-color: #de411d; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='qqchat'] {
        background-color: #000000; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='sina-weibo'] {
        background-color: #f50000; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='renren'] {
        background-color: #217dc6; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='instagram'] {
        background-color: #c13584; }
      .card-breadcrumb[data-style="3"] .mobile-controlBars a[data-social='wechat'] {
        background-color: #51c332; } }






/*
     FILE ARCHIVED ON 4:40:21 三月 20, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 21:05:57 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/