.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.filter-mini {
  margin: 0 0 15px 0;
}

.filter-mini .type2 {
  text-align: center;
}

.info-list-area {
  margin-bottom: 15px;
}

.st-alert-warning.type-c a {
  max-width: 110px;
  margin-right: 5px;
}

.btn-editor.member {
  max-width: 300px;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}

.lineAdd-qr {
  margin: 0 auto 15px;
  width: 70%;
}

.lineAdd-qr img {
  display: block;
  margin: auto;
  width: 50%;
}

.lineAdd-demo {
  list-style: none;
  margin: 10px auto;
  padding: 0;
}

.lineAdd-demo li {
  width: 70%;
  margin: 0 auto 30px auto;
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.lineAdd-demo li > img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .info-list-area {
    border-top: solid 2px #888;
  }
}

@media screen and (max-width: 479px) {
  .lineAdd-qr img {
    width: 100%;
  }
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul.award-breadcrumb.breadcrumb {
  position: absolute;
}

.has-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .has-sticky {
    position: relative;
  }
}

.short-banner.banner-member-new {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: none;
}

.member-bg {
  /*background: url('../public/img/sys/memberData-bg.jpg') repeat left top;*/
  background: #f0f0f0;
}

.member-bg.usefancy {
  background: #fff;
}

.member-sidemenu {
  margin-top: 15px;
}

.member-card:first-child {
  margin-top: 15px;
}

.otp-area {
  margin: 0;
  display: inline-block;
}

.otp-area .tag,
.otp-area a {
  display: inline-block;
  vertical-align: middle;
}

.otp-area .tag {
  margin-left: 8px;
}

.otp-area a {
  font-size: 14px;
}

.otp-area a.blue {
  margin-left: 5px;
}

.birth-memo {
  margin: 0 8px;
  color: #2d7cd1;
  display: inline-block;
}

.member-data-list .member-data-list-right .btn-input {
  width: 100%;
  margin: 5px;
  line-height: 38px;
}

@media screen and (max-width: 991px) {
  .fix-top {
    vertical-align: top !important;
  }

  .birth-memo {
    margin: 5px 0;
  }

  .member-card:first-child {
    margin-top: 15px;
  }

  .memberAd {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .member-data-list .member-data-list-right .btn-input {
    margin: 5px 0px;
  }

  .member-data-list .member-data-list-right .btn-input .btn-addnew,
  .member-data-list .member-data-list-right .btn-input .btn-change {
    line-height: 0;
  }
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content {
  padding: 20px 0 15px 0;
}

.member-index-login .member-card:first-child {
  margin-top: 0;
}

.member-index-personal .myorder-list-base {
  min-height: 403px;
}

.member-index-personal .nav-tabs {
  /*padding: 0;*/
}

.member-index-personal .nav-tabs.col3 li {
  width: 33.33%;
}

.member-index-personal .nav-tabs.col2 li {
  width: 50%;
}

.member-index-personal .tab-content > .tab-pane {
  margin: 15px 0;
}

.img-responsive {
  width: 100%;
}

@media screen and (max-width: 1399px) {
  .member-index-personal .myorder-list-base {
    min-height: 380px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-index-personal .myorder-list-base {
    min-height: 334px;
  }

  .myorder-list-txtArea strong {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .member-index-personal .myorder-list-base {
    min-height: inherit;
  }

  .member-index-personal .notop {
    margin-top: 0;
  }

  .member-index-personal .member-card:first-child {
    margin-top: inherit;
  }
}

.member-index-loginOut {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.member-index-loginOut .row {
  position: relative;
  width: 100%;
  margin: 0;
}

.member-index-loginOut .row > [class^="col-"] {
  padding: 0;
}

.member-index-loginOut .row > [class^="col-"] {
  border-radius: 4px;
}

.member-index-loginOut .row > [class^="col-"]:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 66.66%);
  height: 100%;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOIaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTgyNzFhODAtZmI5MS04ZDRmLWE3NTQtMzQ5ODUzMGI2ZDQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxMDNFRUZDRjg2RjExRTg5NkNDRTk5RDNCQTFCNTE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxMDNFRUZCRjg2RjExRTg5NkNDRTk5RDNCQTFCNTE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Nzk3YjkyYi1kMmE2LWQ0NDUtOTEzZC02YjljNTYwMjBkOWQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2ZmUxMzE0MC01MDc3LTQ2NDUtOGI1Yi0xMmE0NjJhMmFlOGYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAIIAc8DAREAAhEBAxEB/8QAbAABAQEBAQEAAAAAAAAAAAAAAAECAwQIAQEBAQEAAAAAAAAAAAAAAAAAAQIDEAEBAAECBAYCAgMBAAAAAAAAAQIxAxFxMgRBUZGhQhQhYYEisRJSExEBAQEBAQAAAAAAAAAAAAAAAAESEQL/2gAMAwEAAhEDEQA/APpm611jmCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALLZx4XWfkVLrSAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQC60iggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAutIoIAAAAAAAAAAAAAAAAAAswzumN9Dq8amzu341Ow4v193/n3hqHKv1t3ynqai5q/V3P0ahk+ruecTRk+ruec9zRk+ruec9zRk+ruec9zRk+ruecNGU+tu/pdQyn193y94ahmp/4bv/J2JypdrcnxvovTiXHKaygggAAAAAAAAAAAAAAAAAAAABALrSKCAAAAAAAAAAANTbzumNp1eNztt2+HDmmoua1O0vjl6Joy3O1w8bamly1O32p8U1V5Gpt7c0xnodONcJNEUAAAAAAAAAAAAAAAsl1nEGbtbd+M9F6nGb2+1fDh/JqmYze1w8LYukyze0vhl6rpMsXtt2eV5LqGWLtbk1xq9TjIgAAAAAAAAAAAAABALrSKCAAAAAAAN47G7l8eHP8ACai8dce0vyy9E01lvHttqa8bzTVXLpMMMdMZGerxQAAAAAAAAAAAAAAAAAAAAAAAAAAAALJdZxBi7G1fj6fhe1ORi9rh4Wz3XSZc72uc0sq6TLGWzuTXG/5XsTjCoAAAAAAAAAQC60iggAAC445ZdMtOq649rneqye7Oly649ttzX8ppcukxxx0knJlpQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAS445ayXmDGXbbV8OHJrVTLll2l+OXHmumcueWzu464+n5XsTjCoAAAAAQC60igiyW3hJxorrh22d6v6z3Zvpcu2Pb7ePhxv7S+q1l0kk0ZUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABMsMcuqSnTjll2u3dOM92tM5csu23Jp/ZrSZc7jljeFnDmqIIAQG8dvPO3/AFn8p1eO2HayfnO8f1Gb6anl2xxxxnDGcGWlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAslnCzjAc8u328tJwv6anqplxy7XOdP9vZZ6Zy5/65TLhZePk11Htx6ZycnRQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOEoJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJj0zkCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmPTOQKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACY9M5AoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/Z) no-repeat center;
  background-size: 100% auto;
}

.member-index-login {
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .member-index-loginOut {
    background: #fff;
    border-radius: 4px;
  }

  .member-index-loginOut .row {
    position: inherit;
    width: inherit;
    margin: 0 -15px;
  }

  .member-index-loginOut .row > [class^="col-"] {
    padding: 0 15px;
  }

  .member-index-loginOut .row > [class^="col-"]:last-of-type {
    position: inherit;
    width: 100%;
    background: none;
  }

  .member-index-login .member-card:first-child {
    margin-top: 15px;
  }
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.filter-mini.member {
  background: none;
  margin: 0;
  padding-left: 0;
  text-align: left;
  /*
    &::-webkit-scrollbar {display:none}
    */
}

.filter-mini.member .filter-mini-item > button {
  max-width: 120px;
}

.filter-mini.member .filter-mini-item-area {
  padding: 5px 10px 5px 0;
}

.collect-area {
  word-spacing: -0.36em;
  padding-bottom: 30px;
}

.AddBox-demo {
  list-style: none;
  margin: 10px auto;
  padding: 0;
}

.AddBox-demo li {
  width: 70%;
  margin: 0 auto 30px auto;
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.AddBox-demo li > img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

@media screen and (max-width: 479px) {
  .AddBox-demo li {
    width: 90%;
  }
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn-order.disabled {
  color: #ccc;
  border-color: #ccc;
  background: #ececec;
  cursor: not-allowed !important;
}

.btn-order.disabled:hover,
.btn-order.disabled:active {
  box-shadow: none !important;
  color: #ccc !important;
}

.btn-order.disabled:focus {
  color: #ccc !important;
}

nav[aria-label="Page navigation"] {
  text-align: center;
}

.pagination li a {
  color: #2d7cd1;
}

.pagination li.active a {
  background-color: #2d7cd1;
  border-color: #2d7cd1;
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-base > .keyin-code {
  padding: 30px 0;
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.memberBox-top-info.history {
  padding: 15px 0 15px 8px;
}

@media screen and (max-width: 479px) {
  .memberBox-top-info.history {
    padding: 10px 0 0 8px;
  }

  .editable-box .myorder-list-box .type-s .tag.solid.yellow {
    background: #fbd649;
    color: #333;
  }

  .myorder-list-box .myorder-list-flag .inner-flag {
    position: absolute;
    width: 20%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(50%, 50%);
    z-index: 1;
  }

  .editable-box .myorder-list-box .search-imgMasker-xs {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
    text-align: center;
  }

  .myorder-list-box .myorder-list-photo .search-imgMasker-xs,
  .editable-box.type2 .myorder-list-photo .search-imgMasker-xs {
    background: none;
  }
}

.alert-img-center {
  text-align: center;
  min-height: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.alert-img-center img {
  min-width: 180px;
  margin: 0 auto;
}

.alert-img-center .alert-img-text {
  margin: 20px 0px 15px 0;
}

.alert-img-center .alert-img-text p {
  font-size: 17px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0;
}

.alert-img-center .search-input .input-error {
  text-align: left;
}

.alert-img-center .search-input .btn-change-sm {
  height: 40px;
  line-height: 38px;
}

.alert-img-center .search-input > .row > [class*="col-"] > .row > [class*="col-"] {
  padding: 0 5px;
}

@media screen and (max-width: 767px) {
  .alert-img-center .alert-img-text p {
    font-size: 16px;
  }

  .alert-img-center .alert-img-text p span {
    display: block;
  }
}

.member-bg .pin-right-sticky {
  top: 40px;
}

.btn-notice-section .btn-change {
  margin-bottom: 20px;
}

.member-card.mt-20:first-child {
  margin-top: 20px;
}

.member-card .member-data .member-notice {
  padding: 20px;
}

@charset "UTF-8";

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*藍色按鈕式filter可刪*/

.filter-mini.type2 {
  margin: 0 0 15px 0;
  padding: 0;
  background: none;
  text-align: center;
}

.info-list-area {
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .info-list-area {
    border-top: solid 2px #888 !important;
  }

  .info-list-area.xs-noborder {
    border-top: 0 !important;
  }

  .fare-rules-item-tit + .info-list-area {
    border-top: 0 !important;
  }
}

@media screen and (max-width: 479px) {
  .info-list-area .info-list-tit {
    width: 30%;
  }
}

.product-list.mycash > .product-item:after,
.product-list.mycash .product-item.recommend-product:after {
  content: none;
}

.product-list .product-item:nth-last-child(1) {
  margin: 24px 0 24px 0;
}

.product-list .product-item .flex-box {
  display: -ms-flexbox;
  display: flex;
}

.product-list .product-item .flex-box .product-list-text {
  margin: 15px auto 15px auto;
  line-height: 25px;
}

.product-list .product-item .flex-box .product-list-text .tit {
  font-size: 20px;
}

.product-list .product-item .flex-box .product-list-text .tit-s-red {
  font-weight: bold;
  font-size: 18px;
  color: #E73155;
}

.product-list .product-item .flex-box .pin-bottom {
  position: absolute;
  right: 0;
  bottom: 15px;
}

.product-list .product-item .flex-box .pin-bottom .pin-bottom-date {
  text-align: right;
  padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .product-list .product-item:nth-last-child(1) {
    margin: 12px 0 24px 0;
  }

  .product-list .product-item .flex-box {
    display: block;
  }

  .product-list .product-item .flex-box .product-list-text {
    margin: 15px auto;
    min-height: 176px;
  }

  .product-list .product-item .flex-box .product-list-text .tit {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .product-list.mycash .recommend-product .container-fluid .recommended {
    top: -3px;
  }

  .product-list.mycash .recommend-product .container-fluid .recommended .btn-recommend {
    transform: scale(1);
  }
}

.mycash-lightbox-tit {
  margin-bottom: 15px;
  text-align: center;
}

.mycash-lightbox-tit h2 {
  padding-bottom: 10px;
}

.e-coupon-erp img {
  height: 210px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popup .e-coupon-erp {
  margin: 0px auto 20px auto;
}

.product-list .product-item .flex-box.disabled {
  background: rgba(230, 230, 230, 0.38);
  color: rgba(0, 0, 0, 0.31) !important;
}

.product-list .product-item .flex-box.disabled .e-coupon-new,
.product-list .product-item .flex-box.disabled .e-coupon-erp {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  opacity: .7;
}

.product-list .product-item .flex-box.disabled .tit-s-red {
  color: rgba(0, 0, 0, 0.31) !important;
}

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navtabs-order-card .nav-tabs {
  padding-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #fefefe;
}

.navtabs-order-card .tip-word {
  color: #888;
  text-align: center;
  margin: 24px 0 32px;
}

@media screen and (max-width: 767px) {
  .navtabs-order-card .nav-tabs {
    border: 0;
    box-shadow: none;
    background: #ffffff;
  }

  .text-right {
    text-align: right !important;
  }
}

.navtabs-order-card .myorder-list-empty {
  background: #ffffff;
  padding: 80px 0;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  min-height: 60vh;
  margin-bottom: 40px;
}

.navtabs-order-card .myorder-list-empty .order-empty img {
  max-width: 100%;
  height: auto;
}

.navtabs-order-card .myorder-list-empty .empty-txt {
  color: #888;
  font-size: 17px;
}

.navtabs-order-card .myorder-loading {
  width: 100%;
  position: relative;
  height: 60vh;
  background: #ffffff;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .navtabs-order-card .myorder-list-empty {
    padding: 40px 0;
  }

  .navtabs-order-card .myorder-list-empty .btn-editor {
    height: 40px;
    line-height: 38px;
  }

  .modal-dialog .modal-body .modal-base .product-select-area {
    margin-top: 0;
  }

  .modal-dialog .modal-body .modal-base .product-select-area .info-area {
    margin-left: 38px;
  }
}

.st-tooltip.tooltip-member-birth {
  width: 260px;
  left: 50%;
  top: 26px;
  transform: translateX(-50%);
  text-align: left;
  font-weight: normal;
}

.order-list-info span.has-tooltip {
  vertical-align: top;
  line-height: 22px;
}

@charset "UTF-8";

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fullbg {
  width: 100%;
}

.fullbg.bg-white {
  background: #ffffff;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.1);
}

.service-section {
  margin: 25px 0 45px 0;
  padding: 15px 20px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.service-section .service-section-collapse {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.service-section .service-section-collapse span {
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}

.service-section .service-section-collapse strong {
  font-size: 20px;
  color: #333;
  letter-spacing: 1px;
}

.service-section .service-section-collapse .collapse-btn-right {
  float: right;
  text-decoration: none;
  line-height: 28px;
}

.service-section .service-section-collapse .collapse-btn-right:hover {
  color: #004ea2;
}

.service-section .service-section-collapse .collapse-btn-right:before {
  content: "\6536\5408\806F\7D61\8CC7\8A0A";
}

.service-section .service-section-collapse .collapse-btn-right.collapsed:before {
  content: "\5C55\958B\806F\7D61\8CC7\8A0A";
}

.service-section .service-detail-info {
  overflow: hidden;
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.service-section .service-detail-info > div + div:before {
  content: "";
  border-left: 1px solid #ccc;
  position: absolute;
  top: 5%;
  left: 0;
  height: 90%;
}

.service-section .service-detail-info .orderinfo-list {
  padding-left: 10px;
}

.service-section .service-detail-info .orderinfo-list div {
  color: #333;
  font-size: 14px;
  margin-bottom: 5px;
}

.service-section .service-detail-info .orderinfo-list div:last-child {
  margin-bottom: 0;
}

.service-section .message-board {
  padding: 25px 0 15px 0;
}

.service-section .message-board .st-alert-info {
  margin-bottom: 20px;
}

.service-section .message-board .message-item-section {
  max-height: 320px;
  overflow-y: scroll;
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #eee;
}

.service-section .message-board .message-item-section .no-message p {
  margin-bottom: 0;
}

.service-section .message-board .message-item-section .message-item {
  margin-bottom: 20px;
}

.service-section .message-board .message-item-section .message-item .message-tit {
  color: #888;
  font-size: 14px;
  margin-bottom: 5px;
}

.service-section .message-board .message-item-section .message-item .message-bg {
  background: #eeeeee;
  padding: 10px 15px;
  border-radius: 4px;
}

.service-section .message-board .message-item-section .message-item .message-bg p {
  color: #333;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
}

.service-section .message-board .message-textarea-section {
  overflow: hidden;
}

.service-section .message-board .message-textarea-section .textarea-num {
  margin-top: 10px;
  color: #888;
  float: left;
}

.service-section .message-board .message-textarea-section .textarea-btn {
  margin-top: 10px;
  float: right;
}

.service-section .message-board .message-textarea-section .textarea-btn .btn-change {
  min-width: 140px;
}

@media screen and (max-width: 992px) {
  .service-section .service-detail-info .orderinfo-list {
    min-height: 86px;
  }
}

@media screen and (max-width: 767px) {
  .fullbg.bg-white {
    background: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    overflow-x: hidden;
  }

  .container.xs-nopd {
    padding: 0;
    overflow-x: hidden;
  }

  .service-section {
    padding: 15px;
    margin: 0;
    box-shadow: none;
  }

  .service-section .service-detail-info {
    padding: 15px 10px;
  }

  .service-section .service-detail-info > div + div:before {
    display: none;
  }

  .service-section .service-detail-info > div[class*="col-"] {
    padding: 0;
  }

  .service-section .service-detail-info .orderinfo-list {
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 15px;
    min-height: unset;
  }

  .service-section .service-detail-info > div:last-child > .orderinfo-list {
    margin-bottom: 0;
  }

  .service-section .message-board {
    padding: 15px 0;
  }

  .service-section .message-board .message-item-section {
    padding: 10px;
  }

  .service-section .message-board .message-textarea-section .textarea-btn {
    width: 100%;
  }
}

.order-service-top .order-detail-top h1 .has-tooltip {
  vertical-align: top;
  line-height: 22px;
}

.precautions-info {
  margin: 15px 0;
}

.precautions-info .tit-xs {
  font-size: 17px;
  border: none;
  padding: 0px;
  margin: 10px 0px;
}

.mb-5 {
  margin-bottom: 5px;
}

.info-list-area .info-list > div > .row > div[class^=col-].flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.list-style-custom {
  list-style-type: disc;
}

.list-style-custom li {
  line-height: 1.6;
  margin-bottom: 6px;
}

.list-style-custom li > ul {
  list-style: circle;
}

.popup-has-coupon {
  position: relative;
}

.popup-has-coupon-price {
  position: absolute;
  color: #fff;
  left: 105px;
  bottom: 15px;
  font-size: 2.8rem;
  font-weight: bold;
}

.order-product-content .product-info-list .hotel-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: end;
  gap: 1rem;
}

.order-product-content .product-info-list .hotel-summary .st-alert-warning {
  margin: 0;
}

@media (max-width: 767px) {
  .order-product-content .product-info-list .hotel-summary {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 0.5rem;
  }
}

.order-product-content .order-product-block .order-info-text ul.order-info-textChoose {
  list-style: none;
}

.order-product-content .order-product-block .order-info-text ul.order-info-textChoose > li {
  display: -ms-flexbox;
  display: flex;
}

.order-product-content .order-product-block .order-info-text ul.order-info-textChoose > li .order-info-textChooseTime {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.order-product-content .order-product-block .order-info-text .st-tooltip {
  bottom: 35px;
  width: 340px;
  font-weight: normal;
}

.order-product-content .order-product-block .order-info-text .st-tooltip::before,
.order-product-content .order-product-block .order-info-text .st-tooltip::after {
  left: 15%;
}

.refund-btn-area {
  margin: 25px 0px;
}

@media screen and (min-width: 992px) {
  .col-md-1half {
    float: left;
    width: 12.5%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1440px) and (min-width: 992px) {
  .col-md-scroll {
    max-width: 100%;
    overflow-x: scroll;
  }

  .col-md-scroll > .cart-buy-more-item-area {
    margin-bottom: 20px;
  }

  .col-md-scroll > .info-list-area,
  .col-md-scroll > .cart-buy-more-item-area {
    min-width: 1004px;
  }
}

.area-input .btn-change-sm {
  height: 40px;
  line-height: 38px;
}

.area-input.area-search-row {
  margin-bottom: 15px;
}

@media screen and (max-width: 1440px) and (min-width: 992px) {
  .col-md-scroll > .area-input.area-search-row {
    min-width: 1004px;
  }
}

@media screen and (max-width: 991px) {
  .area-input.area-search-row .btn-change-sm {
    margin-top: 15px;
  }
}

@charset "UTF-8";

.red {
  color: #e73155;
}

.blue {
  color: #2d7cd1;
}

.black {
  color: #333;
}

.gray {
  color: #888;
}

.yellow {
  color: #fbb949;
}

.green {
  color: #2fb570;
}

.red-list-dot li {
  color: #e73155;
}

.red-list-dot li > div {
  color: #333;
}

.touch-action-none {
  -ms-touch-action: none;
      touch-action: none;
}

.fontAwesomeIcon,
.st-calendar .date-list .date.promotions:before,
.st-calendar .date-list .date.promotions:after,
.calendar-annotation-icon .promotions:before,
.calendar-annotation-icon .promotions:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}

@font-face {
  font-family: 'Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, "Microsoft JhengHei" ,  "Helvetica Neue", Helvetica, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

a {
  color: #2d7cd1;
  text-decoration: underline;
  outline: none !important;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #004ea2;
}

a.link-disabled {
  color: #888;
  cursor: not-allowed;
}

a.link-disabled:hover,
a.link-disabled:focus {
  color: #888;
}

a.red:hover,
a.red:focus {
  color: #B31F3D;
}

/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/

::-moz-selection {
  background: #2d7cd1;
  color: #fff;
}

::selection {
  background: #2d7cd1;
  color: #fff;
}

/*Mozilla Firefox 控制文字選取時的顏色*/

::-moz-selection {
  background: #2d7cd1;
  color: #fff;
}

*,
input,
select,
textarea,
option,
button,
:focus {
  outline: none !important;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  outline: none;
}

.container {
  width: 1400px;
  padding: 0px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .container {
    width: auto;
    padding: 0px 25px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: auto;
    padding: 0px 25px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: auto;
    padding: 0px 25px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: auto;
    padding: 0px 15px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .container {
    width: auto;
    padding: 0px 15px;
  }
}

.fixed-header {
  padding-top: 112px;
}

.fixed-header header {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 4;
}

.fixed-header.min-header {
  padding-top: 80px;
}

@media screen and (max-width: 991px) {
  .fixed-header {
    padding-top: 50px;
  }

  .fixed-header.min-header {
    padding-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fixed-header {
    padding-top: 0px;
  }

  .fixed-header header {
    position: relative;
    width: auto;
  }

  .fixed-header.min-header {
    padding-top: 0px;
  }
}

html,
body {
  min-height: 100%;
}

#content.no-footer > .container {
  min-height: calc(100vh - 75px);
}

#content.no-footer-link > .container {
  min-height: calc(100vh - 200px);
}

.min-h-unset {
  min-height: unset !important;
}

.btn:focus {
  outline: none !important;
}

.btn-base,
.btn-order,
.btn-order-sm,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
.btn-change,
.btn-change-sm,
.login-btn-fb,
.login-btn-google,
.social-btn-fb,
.social-btn-google,
.social-btn-line,
.btn-addcart,
.btn-addnew,
.btn-editor,
.btn-reload,
.btn-select,
.btn-import,
.btn-import-sm,
.btn-switch,
.btn-switch-sm {
  width: 100%;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.3s ease all;
  padding: 0px;
}

.btn-base:hover,
.btn-order:hover,
.btn-order-sm:hover,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:hover,
.btn-change:hover,
.btn-change-sm:hover,
.login-btn-fb:hover,
.login-btn-google:hover,
.social-btn-fb:hover,
.social-btn-google:hover,
.social-btn-line:hover,
.btn-addcart:hover,
.btn-addnew:hover,
.btn-editor:hover,
.btn-reload:hover,
.btn-select:hover,
.btn-import:hover,
.btn-import-sm:hover,
.btn-switch:hover,
.btn-switch-sm:hover {
  cursor: pointer;
  text-decoration: none;
}

.btn-base:focus,
.btn-order:focus,
.btn-order-sm:focus,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:focus,
.btn-change:focus,
.btn-change-sm:focus,
.login-btn-fb:focus,
.login-btn-google:focus,
.social-btn-fb:focus,
.social-btn-google:focus,
.social-btn-line:focus,
.btn-addcart:focus,
.btn-addnew:focus,
.btn-editor:focus,
.btn-reload:focus,
.btn-select:focus,
.btn-import:focus,
.btn-import-sm:focus,
.btn-switch:focus,
.btn-switch-sm:focus {
  text-decoration: none;
}

.btn-sm-base,
.btn-order-sm,
.btn-change-sm,
.btn-addcart-sm,
.btn-addnew-sm,
.btn-editor-sm,
.btn-reload-sm,
.btn-select-sm,
.btn-import-sm,
.btn-switch-sm,
.filter-mini-item-nopd .btn-select-sm {
  width: 100%;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.3s ease all;
  padding: 0px;
  height: 30px;
  line-height: 28px;
}

.btn-sm-base:hover,
.btn-order-sm:hover,
.btn-change-sm:hover,
.btn-addcart-sm:hover,
.btn-addnew-sm:hover,
.btn-editor-sm:hover,
.btn-reload-sm:hover,
.btn-select-sm:hover,
.btn-import-sm:hover,
.btn-switch-sm:hover {
  cursor: pointer;
  text-decoration: none;
}

.btn-sm-base:focus,
.btn-order-sm:focus,
.btn-change-sm:focus,
.btn-addcart-sm:focus,
.btn-addnew-sm:focus,
.btn-editor-sm:focus,
.btn-reload-sm:focus,
.btn-select-sm:focus,
.btn-import-sm:focus,
.btn-switch-sm:focus {
  text-decoration: none;
}

.solid-btn-base,
.btn-order,
.btn-order-sm,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
.btn-change,
.btn-change-sm,
.login-btn-fb,
.login-btn-google,
.social-btn-fb,
.social-btn-google,
.social-btn-line {
  border: solid 1px transparent;
}

.btn-base-icon,
.btn-collect,
.btn-collect-nobox {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  vertical-align: middle;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 100%;
  transition: 0.3s ease all;
  border-radius: 4px;
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
  color: #333;
}

.btn-base-icon i,
.btn-collect i,
.btn-collect-nobox i {
  font-size: 1.5rem;
  vertical-align: middle;
  font-weight: bold;
}

.btn-base-icon span,
.btn-collect span,
.btn-collect-nobox span {
  vertical-align: middle;
  padding-left: 5px;
}

.btn-base-icon:hover,
.btn-collect:hover,
.btn-collect-nobox:hover {
  cursor: pointer;
}

.btn-base-icon:focus,
.btn-collect:focus,
.btn-collect-nobox:focus {
  text-decoration: none;
  color: #333;
}

@media screen and (min-width: 992px) {
  .btn-base,
  .btn-order,
  .btn-order-sm,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
  .btn-change,
  .btn-change-sm,
  .login-btn-fb,
  .login-btn-google,
  .social-btn-fb,
  .social-btn-google,
  .social-btn-line,
  .btn-addcart,
  .btn-addnew,
  .btn-editor,
  .btn-reload,
  .btn-select,
  .btn-import,
  .btn-import-sm,
  .btn-switch,
  .btn-switch-sm {
    height: 48px;
    line-height: 46px;
  }

  .btn-base-icon,
  .btn-collect,
  .btn-collect-nobox {
    height: 48px;
  }

  .btn-sm-base,
  .btn-order-sm,
  .btn-change-sm,
  .btn-addcart-sm,
  .btn-addnew-sm,
  .btn-editor-sm,
  .btn-reload-sm,
  .btn-select-sm,
  .btn-import-sm,
  .btn-switch-sm,
  .filter-mini-item-nopd .btn-select-sm {
    height: 30px;
    line-height: 28px;
  }
}

@media screen and (max-width: 991px) {
  .btn-base,
  .btn-order,
  .btn-order-sm,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
  .btn-change,
  .btn-change-sm,
  .login-btn-fb,
  .login-btn-google,
  .social-btn-fb,
  .social-btn-google,
  .social-btn-line,
  .btn-addcart,
  .btn-addnew,
  .btn-editor,
  .btn-reload,
  .btn-select,
  .btn-import,
  .btn-import-sm,
  .btn-switch,
  .btn-switch-sm {
    height: 45px;
    line-height: 43px;
  }

  .btn-base-icon,
  .btn-collect,
  .btn-collect-nobox {
    height: 45px;
  }

  .btn-sm-base,
  .btn-order-sm,
  .btn-change-sm,
  .btn-addcart-sm,
  .btn-addnew-sm,
  .btn-editor-sm,
  .btn-reload-sm,
  .btn-select-sm,
  .btn-import-sm,
  .btn-switch-sm,
  .filter-mini-item-nopd .btn-select-sm {
    height: 30px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .btn-base,
  .btn-order,
  .btn-order-sm,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
  .btn-change,
  .btn-change-sm,
  .login-btn-fb,
  .login-btn-google,
  .social-btn-fb,
  .social-btn-google,
  .social-btn-line,
  .btn-addcart,
  .btn-addnew,
  .btn-editor,
  .btn-reload,
  .btn-select,
  .btn-import,
  .btn-import-sm,
  .btn-switch,
  .btn-switch-sm,
  .btn-sm-base,
  .btn-order-sm,
  .btn-change-sm,
  .btn-addcart-sm,
  .btn-addnew-sm,
  .btn-editor-sm,
  .btn-reload-sm,
  .btn-select-sm,
  .btn-import-sm,
  .btn-switch-sm,
  .filter-mini-item-nopd .btn-select-sm,
  .btn-base-icon,
  .btn-collect,
  .btn-collect-nobox {
    font-size: 1.4rem;
  }
}

.btn-order,
.btn-order-sm,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #e73155;
  transition: none;
  z-index: 0;
  border: 0;
}

.btn-order:after,
.btn-order-sm:after,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: var(--xbtnorder);
  top: var(--ybtnorder);
  background: radial-gradient(circle at center, #E73155 0%, #DC2F5F 12.5%, #D12C68 25%, #C22653 57.5%, #B31F3D 75%, #B31F3D 100%);
  transform: translate(-50%, -50%);
  transition: opacity 1.25s;
  z-index: -1;
}

.btn-order:hover,
.btn-order-sm:hover,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:hover {
  color: #fff;
  background: transparent;
}

.btn-order:hover:after,
.btn-order-sm:hover:after,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:hover:after {
  width: 200%;
  height: 200%;
  opacity: 1;
}

.btn-order:focus,
.btn-order-sm:focus,
ul.st-dropdown-menu-list.header-cart .header-cart-btn a:focus {
  color: #fff;
}

input.btn-order:hover,
input.btn-order-sm:hover,
input.btn-order-sm:hover {
  background: radial-gradient(circle at center, #E73155 0%, #DC2F5F 12.5%, #D12C68 25%, #C22653 57.5%, #B31F3D 75%, #B31F3D 100%);
}

.btn-change,
.btn-change-sm,
.login-btn-fb,
.login-btn-google,
.social-btn-fb,
.social-btn-google,
.social-btn-line {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #2d7cd1;
  transition: none;
  z-index: 0;
  border: 0;
}

.btn-change:after,
.btn-change-sm:after,
.login-btn-fb:after,
.login-btn-google:after,
.social-btn-fb:after,
.social-btn-google:after,
.social-btn-line:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: var(--xbtnchange);
  top: var(--ybtnchange);
  background: radial-gradient(circle at center, #2D7CD1 0%, #2B6EC5 12.5%, #2860BA 25%, #1E5CB4 57.5%, #1457AE 75%, #1457AE 100%);
  transform: translate(-50%, -50%);
  transition: opacity 1.25s;
  z-index: -1;
}

.btn-change:hover,
.btn-change-sm:hover,
.login-btn-fb:hover,
.login-btn-google:hover,
.social-btn-fb:hover,
.social-btn-google:hover,
.social-btn-line:hover {
  color: #fff;
  background: transparent;
}

.btn-change:hover:after,
.btn-change-sm:hover:after,
.login-btn-fb:hover:after,
.login-btn-google:hover:after,
.social-btn-fb:hover:after,
.social-btn-google:hover:after,
.social-btn-line:hover:after {
  width: 200%;
  height: 200%;
  opacity: 1;
}

.btn-change:focus,
.btn-change-sm:focus,
.login-btn-fb:focus,
.login-btn-google:focus,
.social-btn-fb:focus,
.social-btn-google:focus,
.social-btn-line:focus {
  color: #fff;
}

input.btn-change:hover,
input.btn-change-sm:hover,
input.login-btn-fb:hover,
input.login-btn-google:hover,
input.social-btn-fb:hover,
input.social-btn-google:hover,
input.social-btn-line:hover,
input.btn-change-sm:hover {
  background: radial-gradient(circle at center, #2D7CD1 0%, #2B6EC5 12.5%, #2860BA 25%, #1E5CB4 57.5%, #1457AE 75%, #1457AE 100%);
}

.btn-addcart {
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  line-height: 44px;
}

.btn-addcart:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-addcart:focus {
  color: #2d7cd1;
}

.btn-addcart-sm {
  border-radius: 4px;
  color: #333;
  border: 1px solid #ccc;
  background: #fff;
}

.btn-addcart-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-addcart-sm:focus {
  color: #2d7cd1;
}

.btn-addnew {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-addnew i {
  color: #2d7cd1;
}

.btn-addnew:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-addnew:focus {
  color: #2d7cd1;
}

.btn-addnew-sm {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-addnew-sm i {
  color: #2d7cd1;
}

.btn-addnew-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-addnew-sm:focus {
  color: #2d7cd1;
}

.btn-editor {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-editor span:before {
  content: '\7DE8\8F2F';
}

.btn-editor.active span:before {
  content: '\53D6\6D88';
}

.btn-editor:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-editor:focus {
  color: #2d7cd1;
}

.btn-editor-sm {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-editor-sm span:before {
  content: '\7DE8\8F2F';
}

.btn-editor-sm.active span:before {
  content: '\53D6\6D88';
}

.btn-editor-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-editor-sm:focus {
  color: #2d7cd1;
}

.btn-reload {
  color: #fff;
  background: none;
  border: solid 1px #fff;
  border-radius: 4px;
}

.btn-reload:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

.btn-reload:focus {
  color: #fff;
}

.btn-reload-sm {
  color: #fff;
  background: none;
  border: solid 1px #fff;
  border-radius: 4px;
}

.btn-reload-sm:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

.btn-reload-sm:focus {
  color: #fff;
}

.btn-select {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-select:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-select:focus {
  color: #2d7cd1;
}

.btn-select.active {
  background: #e7f3ff;
  color: #333;
  border: 1px solid #ccc;
}

.btn-select-sm {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-select-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-select-sm:focus {
  color: #2d7cd1;
}

.btn-import,
.btn-import-sm {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.btn-import i,
.btn-import-sm i {
  color: #2d7cd1;
}

.btn-import:hover,
.btn-import-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-import:focus,
.btn-import-sm:focus {
  color: #2d7cd1;
}

.btn-import-sm i {
  margin-right: 5px;
}

/*
.btn-delete {
    @extend .btn-base-icon;
    @include border-gray(1px);
    @include border-radius(4px);
    &:hover {
        @include border-blue(1px);
        box-shadow: $box-shadow; 
    }
    &:active {
        @include border-blue(1px);
        box-shadow: $box-shadow; 
    }
}
*/

.btn-collect {
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.btn-collect:hover {
  color: #e73155;
  background: #fff;
  border: solid 1px #e73155;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.btn-collect:active {
  color: #e73155;
  background: #fff;
  border: solid 1px #e73155;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.follow {
  cursor: pointer;
}

.follow.has-bg .heart {
  background-color: #fff;
  border-radius: 50%;
}

.follow .heart-path {
  stroke: #888;
  stroke-width: 3px;
  fill: transparent;
}

.follow.active .heart-path {
  stroke-dasharray: 120;
  animation: animateHeartPath 400ms ease-in-out forwards;
}

.follow .heart-fill {
  fill: #e73155;
  stroke: #e73155;
  stroke-width: 4px;
  transform-origin: 50%;
  opacity: 0;
  transition: opacity 1s ease-out;
}

.follow.active .heart-fill {
  animation: animateHeartFill 400ms 100ms ease-in forwards;
}

@keyframes animateHeartPath {
  from {
    stroke-dashoffset: 120;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes animateHeartFill {
  50% {
    opacity: 0;
    transform: scale(0.1);
  }

  80% {
    opacity: 1;
    transform: scale(1.3);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.btn-collect-nobox {
  background: none;
  border: none;
  height: auto;
  font-weight: 400;
}

.btn-collect-nobox:before {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  font-family: 'FontAwesome';
  content: "\F08A";
  font-size: 2.5rem;
  color: #e73155;
  transition: 0.3s ease all;
}

.btn-collect-nobox:hover {
  box-shadow: none;
}

.btn-collect-nobox:hover:before {
  text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}

.btn-collect-nobox.active:before {
  color: #e73155;
  content: "\F004";
  text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}

.favorite-btn:before {
  content: "\F08A";
  font-family: 'FontAwesome';
  font-weight: normal;
  color: #333;
  transition: 0.3s ease all;
  font-weight: bold;
  font-size: 1.7rem;
}

.favorite-btn:hover {
  border: solid 1px #ccc;
}

.favorite-btn.active:before {
  content: "\F004";
  color: #e73155;
}

.slider-btn {
  margin-top: 15px;
  position: relative;
  z-index: 0;
}

.slider-btn:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  border-top: dashed 1px #ccc;
  z-index: 1;
}

.slider-btn div {
  cursor: pointer;
  margin: 0 auto;
  border: solid 1px #ccc;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  width: 166px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  margin-top: -1px;
  position: relative;
  color: #888;
  transition: 0.3s ease all;
  outline: none;
}

.slider-btn div i {
  position: absolute;
  right: 18px;
  top: 50%;
  transition: 0.3s ease all;
  transform: translateY(-50%);
}

.slider-btn div i:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  animation: sliderBtnArrowShadow 2s ease-in-out infinite;
}

.slider-btn div:before {
  position: absolute;
  content: '';
  width: 250%;
  height: 100%;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px -40px 45px 10px #fff;
}

.slider-btn div.active i {
  transform: translateY(-50%) rotate(-180deg);
}

.slider-btn div.active:before {
  box-shadow: none !important;
}

.slider-btn div:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.product-features .slider-btn div:before {
  box-shadow: 0px -40px 45px 10px #f0f0f0;
}

@keyframes sliderBtnArrowShadow {
  from {
    transform: translateX(-50%) translateY(-50%) scale(0.01);
    opacity: 1;
  }

  to {
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 0;
  }
}

@media screen and (max-width: 991px) {
  .slider-btn div:hover {
    background: transparent;
    color: #888;
  }
}

.btn-disabled {
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
  color: #ccc;
  border-color: #ccc;
  background: #f8f8f8;
  cursor: not-allowed !important;
}

.btn-disabled:hover:after {
  content: none;
}

.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active {
  color: #ccc !important;
  background: #f8f8f8 !important;
}

@media screen and (max-width: 991px) {
  .slider-btn {
    /*
        &:before {
            z-index: 0;
        }
        */
  }

  .slider-btn div:before {
    width: 100vw;
  }

  .product-features .slider-btn {
    border-top: none !important;
  }

  .product-features .slider-btn:before {
    background: transparent;
  }

  .product-features .slider-btn div:before {
    box-shadow: none;
  }
}

.btn-switch,
.btn-switch-sm {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: normal;
  background: transparent;
}

.btn-switch i,
.btn-switch-sm i {
  color: #2d7cd1;
  margin-left: 2px;
}

.btn-switch:hover,
.btn-switch-sm:hover {
  box-shadow: none;
  background: #e7f3ff;
  color: #2d7cd1;
}

.btn-switch.active,
.active.btn-switch-sm {
  border: 1px solid #ccc;
  color: #333;
  background: #e7f3ff;
}

.width-auto {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-choose {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #2d7cd1;
  font-weight: normal;
  background: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 10px;
  text-decoration: none;
}

.btn-choose:hover {
  box-shadow: none;
  background: #e7f3ff;
  text-decoration: none;
}

.checkbox {
  display: inline-block;
  vertical-align: middle;
}

.checkbox:last-of-type {
  margin-right: 0px;
}

.checkbox input[type=checkbox] {
  display: none;
}

.checkbox input[type=checkbox] label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.checkbox .checkbox-label {
  position: relative;
  cursor: pointer;
  padding: 0px;
  min-height: 0px;
}

.checkbox .checkbox-label:before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  border: solid 1px #ccc;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 6px;
  font-size: 1.5rem;
  line-height: 16px;
}

.checkbox .checkbox-label span,
.checkbox .checkbox-label strong {
  vertical-align: middle;
  width: auto;
  line-height: 22px;
  display: inline-block;
}

.checkbox .no-checkbox-label > span,
.checkbox .no-checkbox-label > strong {
  display: inline-block;
  padding: 9px 0px;
}

.checkbox input[type=checkbox]:checked + .checkbox-label:before {
  content: "\F00C";
  font-family: 'FontAwesome';
  background: #2d7cd1;
  color: #fff;
  border: solid 1px #2d7cd1;
}

.checkbox input.gray[type=checkbox]:checked + .checkbox-label:before {
  content: "\F00C";
  font-family: 'FontAwesome';
  background: #ccc;
  color: #fff;
  border: solid 1px #ccc;
}

.checkbox.no-info {
  margin: 0px;
  line-height: 16px;
}

.checkbox.no-info input[type=checkbox] + .checkbox-label:before {
  margin: 0px;
}

.checkbox.disabled .checkbox-label:before {
  background: #e3e3e3;
}

.checkbox.disabled .checkbox-label span,
.checkbox.disabled .checkbox-label strong {
  color: #ccc;
}

.checkbox.disabled input[type=checkbox]:checked + .checkbox-label:before {
  content: '';
  background: #e3e3e3;
  border: solid 1px #ccc;
}

.checkbox.disabled-txtOn .checkbox-label {
  cursor: not-allowed;
}

.checkbox.disabled-txtOn .checkbox-label:before {
  background: #f0f0f0;
}

.checkbox.disabled-txtOn input[type=checkbox]:checked + .checkbox-label:before {
  content: '';
  background: #f0f0f0;
  border: solid 1px #ccc;
}

.checkbox + .checkbox {
  margin-top: 0px;
}

@media screen and (max-width: 767px) {
  .checkbox .checkbox-label span,
  .checkbox .checkbox-label strong {
    display: inline;
  }
}

.tab-content.flight-search .tab-pane .checkbox + .checkbox {
  margin-left: 20px;
  margin-top: 10px;
}

.modal-base .area-input .checkbox + .checkbox,
.modal-base .area-input-vertical .checkbox + .checkbox {
  margin-left: 20px;
  margin-top: 10px;
}

.modal-base .area-input-vertical .checkbox:not(:first-child) {
  margin-left: 20px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .modal-base .area-input .checkbox + .checkbox,
  .modal-base .area-input-vertical .checkbox + .checkbox {
    margin-left: 0px;
  }

  .modal-base .area-input-vertical .checkbox:not(:first-child) {
    margin-left: 0px;
  }

  .tab-content.flight-search .tab-pane .checkbox + .checkbox {
    display: block;
    margin-left: 0px;
  }
}

.radio {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 0px;
}

.radio + .radio {
  margin-top: 0px;
}

.radio.radio-d-block {
  display: block;
}

.radio.radio-d-block.with-margin {
  margin: 15px 0;
}

.radio:last-of-type {
  margin-right: 0px;
}

.radio .radiobox {
  display: none;
}

.radio .radiobox label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.radio .radiobox-label {
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 0;
  cursor: pointer;
  min-height: 0px;
  padding: 0px;
}

.radio .radiobox-label span,
.radio .radiobox-label strong {
  vertical-align: middle;
  width: auto;
  line-height: 22px;
  display: inline-block;
}

.radio .radiobox-label:before {
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  margin-right: 6px;
  font-family: 'FontAwesome';
  font-size: 2rem;
  display: inline-block;
  content: "\F10C";
  color: #ccc;
  width: 20px;
  border-radius: 100%;
  background: #fff;
}

.radio .radiobox:checked + .radiobox-label:before {
  content: "\F192";
  color: #2d7cd1;
}

.radio.no-info {
  margin: 0px;
}

.radio.no-info input[type=radio] + .radiobox-label:before {
  margin: 0px;
}

.radio.disabled .radiobox-label:before {
  background: #f0f0f0;
}

.radio.disabled .radiobox-label span,
.radio.disabled .radiobox-label strong {
  color: #ccc;
}

.radio.disabled .radiobox + .radiobox-label:before {
  content: "\F10C";
  color: #ccc;
}

.radio.disabled .radiobox:checked + .radiobox-label:before {
  content: "\F192";
  color: #ccc;
}

.radio.lg .radiobox-label:before {
  font-size: 40px;
  width: 40px;
}

.radio.radio-d-flex {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .radio.lg .radiobox-label:before {
    font-size: 20px;
    width: 20px;
  }

  .radio .radiobox-label {
    font-size: 1.4rem;
  }
}

.select-style,
.select,
.select-boder,
.select-border {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 24px 0 8px;
  color: #555;
  font-size: 1.5rem;
  line-height: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 18px;
  outline: none;
}

.select-style.disabled,
.disabled.select,
.disabled.select-boder,
.disabled.select-border {
  background-color: #f0f0f0;
  color: #ccc;
  cursor: not-allowed;
}

.select-style.display-inline-block,
.display-inline-block.select,
.display-inline-block.select-boder,
.display-inline-block.select-border {
  width: auto;
  vertical-align: middle;
}

select::-ms-expand {
  display: none;
}

.select {
  border-radius: 0px;
  border: none;
  border-bottom: solid 1px #ccc;
}

.select.error {
  background-color: #fff8ec;
  background-size: 18px;
  border-bottom: solid 2px #f37370;
}

.select-boder,
.select-border {
  border-radius: 4px;
  border: solid 1px #ccc;
  display: inline-block;
  text-overflow: ellipsis;
}

.select-boder.error,
.select-border.error {
  background-color: #fff8ec;
  border: solid 1px #f37370;
}

.select-boder.active,
.select-border.active {
  border: solid 1px #2d7cd1;
}

.input-box-base,
.input-box-border,
.input-box-inner {
  position: relative;
  vertical-align: middle;
  margin-bottom: 0px;
}

.input-box-base.flex-apart,
.flex-apart.input-box-border,
.flex-apart.input-box-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.input-box-base.flex-apart .input-memo,
.flex-apart.input-box-border .input-memo,
.flex-apart.input-box-inner .input-memo {
  width: unset;
}

.input-box-base label,
.input-box-border label,
.input-box-inner label {
  font-weight: normal;
}

.input-box-base .input,
.input-box-border .input,
.input-box-inner .input {
  border-radius: 0px;
  border: none;
  border-bottom: solid 1px #ccc;
  box-shadow: none;
  background: #fff;
  padding: 0px 30px 0px 8px;
  height: 40px;
}

.input-box-base .input::-ms-clear,
.input-box-border .input::-ms-clear,
.input-box-inner .input::-ms-clear {
  display: none;
}

.input-box-base .input span,
.input-box-border .input span,
.input-box-inner .input span {
  font-size: 1.4rem;
  color: #888;
  line-height: 40px;
}

.input-box-base .input:focus,
.input-box-border .input:focus,
.input-box-inner .input:focus {
  box-shadow: none;
  border-bottom: solid 2px #2d7cd1;
}

.input-box-base .input.error,
.input-box-border .input.error,
.input-box-inner .input.error {
  background: #fff8ec;
  border-bottom: solid 2px #f37370;
}

.input-box-base .input.disabled,
.input-box-border .input.disabled,
.input-box-inner .input.disabled {
  background-color: #f0f0f0;
  color: #ccc;
  cursor: not-allowed;
}

.input-box-base .input.have-data span,
.input-box-border .input.have-data span,
.input-box-inner .input.have-data span {
  color: #333;
}

.input-box-base.has-icon i,
.has-icon.input-box-border i,
.has-icon.input-box-inner i {
  position: absolute;
  font-size: 20px;
  left: 4px;
  top: 10px;
  color: #2d7cd1;
  width: 20px;
}

.input-box-base.has-icon .input,
.has-icon.input-box-border .input,
.has-icon.input-box-inner .input {
  padding-left: 28px;
}

.input-box-base i.input-del-btn,
.input-box-border i.input-del-btn,
.input-box-inner i.input-del-btn {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  cursor: pointer;
  color: #888;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.input-box-base i.input-del-btn:hover,
.input-box-border i.input-del-btn:hover,
.input-box-inner i.input-del-btn:hover {
  color: #2d7cd1;
}

.input-box-base i.input-edit,
.input-box-border i.input-edit,
.input-box-inner i.input-edit,
.input-box-base i.input-check,
.input-box-border i.input-check,
.input-box-inner i.input-check {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  color: #2d7cd1;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.input-box-base i.input-hidepsw-btn,
.input-box-border i.input-hidepsw-btn,
.input-box-inner i.input-hidepsw-btn {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  cursor: pointer;
  color: #888;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.input-box-base i.input-hidepsw-btn:hover,
.input-box-border i.input-hidepsw-btn:hover,
.input-box-inner i.input-hidepsw-btn:hover {
  color: #2d7cd1;
}

.input-box-base i.input-showpsw-btn,
.input-box-border i.input-showpsw-btn,
.input-box-inner i.input-showpsw-btn {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  cursor: pointer;
  color: #2d7cd1;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.input-box-base .input-loading,
.input-box-border .input-loading,
.input-box-inner .input-loading {
  position: absolute;
  left: auto;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: block;
}

.input-box-base .input-loading article,
.input-box-border .input-loading article,
.input-box-inner .input-loading article {
  width: 100%;
  min-height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.input-box-base .input-loading article .loading-circle,
.input-box-border .input-loading article .loading-circle,
.input-box-inner .input-loading article .loading-circle {
  transform: scale(0.08);
}

.input-box-base .num-input,
.input-box-border .num-input,
.input-box-inner .num-input {
  padding: 5px 0;
}

.input-box-base .num-input input,
.input-box-border .num-input input,
.input-box-inner .num-input input {
  display: inline-block;
  width: 15%;
  margin: 0 0 0 2px;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 2px;
  font-size: 24px;
  text-align: center;
  color: #2d7cd1;
}

.input-box-base .num-input input:last-child,
.input-box-border .num-input input:last-child,
.input-box-inner .num-input input:last-child {
  margin-right: 0;
}

.input-box-base .num-input input:focus,
.input-box-border .num-input input:focus,
.input-box-inner .num-input input:focus {
  border: solid 2px #2d7cd1;
}

.input-box-base .num-input.error input,
.input-box-border .num-input.error input,
.input-box-inner .num-input.error input {
  color: #e73155;
  border: solid 1px #e73155;
}

@media screen and (max-width: 767px) {
  .input-box-base.flex-apart,
  .flex-apart.input-box-border,
  .flex-apart.input-box-inner {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .input-box-base.flex-apart .input-memo,
  .flex-apart.input-box-border .input-memo,
  .flex-apart.input-box-inner .input-memo {
    padding-bottom: 9px;
  }
}

.input-box-border .input {
  border-radius: 4px;
  border: solid 1px #ccc;
}

.input-box-border .input span {
  line-height: 38px;
}

.input-box-border .input.error {
  border: solid 1px #f37370;
}

.input-box-border .input:focus {
  border: solid 1px #2d7cd1;
}

.input-box-border.has-arrow .input {
  background: url(https://www.settour.com.tw/st_ec/img/newWeb/icon/icon-dropdown.png) right center no-repeat;
  background-size: 18px;
}

.input-box-inner .input {
  border-radius: 4px;
  border: none;
}

.input-box-inner .input.error {
  border: none;
}

.input-box-inner .input:focus {
  border: none;
}

.textarea {
  resize: none;
}

.textarea.error {
  background-color: #fff8ec;
  border: solid 1px #f37370;
}

.textarea.disabled {
  background-color: #f0f0f0;
  color: #ccc;
}

.input-memo {
  font-size: 1.2rem;
  color: #2d7cd1;
  margin: 2px 0;
  width: 100%;
  overflow: hidden;
  font-weight: normal;
}

.input-error {
  font-size: 1.2rem;
  color: #f37370;
  margin: 2px 0;
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .input-memo,
  .input-error {
    display: inline-block;
  }
}

.area-input > .row {
  margin: 0 -5px;
}

.area-input > .row > div[class^="col-"] {
  padding: 5px 5px;
}

.area-input > .row > div[class^="col-"] > .row {
  margin: -5px -5px;
}

.area-input > .row > div[class^="col-"] > .row > div[class^="col-"] {
  padding: 5px 5px;
}

.area-input.st-mark {
  border-left: solid 3px #2d7cd1;
}

.area-input .form-label {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 22px;
  text-align: right;
}

.area-input .form-label .required {
  color: #e73155;
  font-size: 2rem;
  margin-right: 3px;
  vertical-align: middle;
}

.area-input .form-label .no-required {
  color: #fff;
  font-size: 2rem;
  margin-right: 3px;
}

.area-input .form-label label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding: 9px 0px;
}

.area-input .form-label label.has-remark {
  padding: 4px 0px 3px;
}

.area-input .form-label label.has-remark .remark {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin-top: -5px;
  color: #888;
}

.area-input .radio .radiobox-label span,
.area-input .radio .radiobox-label strong {
  padding: 9px 0px;
}

.area-input .checkbox .checkbox-label span,
.area-input .checkbox .checkbox-label strong {
  padding: 9px 0px;
}

.area-input .checkbox .checkbox-label strong span {
  padding: 0;
}

.area-input-tit {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding: 10px 5px;
  font-size: 14px;
}

.area-input-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 2px;
}

.area-input .quantity-select {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 2px;
}

.area-input .select-title-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.area-input .select-title-row span {
  white-space: nowrap;
}

@media screen and (max-width: 400px) {
  .area-input .form-label .required {
    position: absolute;
    transform: translate(-10px, 8px);
  }
}

.area-input.group > .row {
  margin: 0 -5px;
}

.area-input.group > .row > div[class^="col-"] {
  padding: 5px 5px;
}

.area-input.group > .row > div[class^="col-"] > .row {
  margin: -5px -5px;
}

.area-input.group > .row > div[class^="col-"] > .row > div[class^="col-"] {
  padding: 5px 5px;
}

.area-input.group .form-label {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 22px;
  text-align: left;
}

.area-input.group .form-label .required {
  color: #e73155;
  font-size: 2rem;
  margin-right: 3px;
  margin-left: 6px;
  vertical-align: middle;
}

.area-input.group .form-label .no-required {
  color: #fff;
  font-size: 2rem;
  margin-right: 3px;
}

.area-input.group .form-label label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding: 5px 0px;
}

.area-input.group .form-label label.has-remark {
  padding: 4px 0px 3px;
}

.area-input.group .form-label label.has-remark .remark {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin-top: -5px;
  color: #888;
}

.area-input.group .radio .radiobox-label span,
.area-input.group .radio .radiobox-label strong {
  padding: 9px 0px;
}

.area-input.group .checkbox .checkbox-label span,
.area-input.group .checkbox .checkbox-label strong {
  padding: 9px 0px;
}

.area-input.group .input-box-base,
.area-input.group .input-box-border,
.area-input.group .input-box-inner {
  position: relative;
  vertical-align: middle;
  margin-bottom: 0px;
}

.area-input.group .input-box-base .input,
.area-input.group .input-box-border .input,
.area-input.group .input-box-inner .input {
  border-radius: 0px;
  border: none;
  border-bottom: solid 1px #ccc;
  box-shadow: none;
  background: #fff;
  padding: 0px 30px 0px 8px;
  height: 40px;
}

.area-input.group .input-box-base .input::-ms-clear,
.area-input.group .input-box-border .input::-ms-clear,
.area-input.group .input-box-inner .input::-ms-clear {
  display: none;
}

.area-input.group .input-box-base .input span,
.area-input.group .input-box-border .input span,
.area-input.group .input-box-inner .input span {
  font-size: 1.4rem;
  color: #888;
  line-height: 40px;
}

.area-input.group .input-box-base.has-icon i,
.area-input.group .has-icon.input-box-border i,
.area-input.group .has-icon.input-box-inner i {
  position: absolute;
  font-size: 20px;
  left: 4px;
  top: 10px;
  color: #2d7cd1;
  width: 20px;
}

.area-input.group .input-box-base.has-icon .input,
.area-input.group .has-icon.input-box-border .input,
.area-input.group .has-icon.input-box-inner .input {
  padding-left: 28px;
}

.area-input.group .input-box-base i.input-del-btn,
.area-input.group .input-box-border i.input-del-btn,
.area-input.group .input-box-inner i.input-del-btn {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  cursor: pointer;
  color: #888;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.area-input.group .input-box-base i.input-del-btn:hover,
.area-input.group .input-box-border i.input-del-btn:hover,
.area-input.group .input-box-inner i.input-del-btn:hover {
  color: #2d7cd1;
}

.area-input.group .input-box-base i.input-check,
.area-input.group .input-box-border i.input-check,
.area-input.group .input-box-inner i.input-check {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  color: #2d7cd1;
  width: 30px;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
}

.area-input.group .input-box-base .input-loading,
.area-input.group .input-box-border .input-loading,
.area-input.group .input-box-inner .input-loading {
  position: absolute;
  left: auto;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: block;
}

.area-input.group .input-box-base .input-loading article,
.area-input.group .input-box-border .input-loading article,
.area-input.group .input-box-inner .input-loading article {
  width: 100%;
  min-height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.area-input.group .input-box-base .input-loading article .loading-circle,
.area-input.group .input-box-border .input-loading article .loading-circle,
.area-input.group .input-box-inner .input-loading article .loading-circle {
  transform: scale(0.08);
}

.area-input.group .input-box-base .num-input,
.area-input.group .input-box-border .num-input,
.area-input.group .input-box-inner .num-input {
  padding: 5px 0;
}

.area-input.group .input-box-base .num-input input,
.area-input.group .input-box-border .num-input input,
.area-input.group .input-box-inner .num-input input {
  display: inline-block;
  width: 15%;
  margin: 0 0 0 2px;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 2px;
  font-size: 24px;
  text-align: center;
  color: #2d7cd1;
}

.area-input.group .input-box-base .num-input input:last-child,
.area-input.group .input-box-border .num-input input:last-child,
.area-input.group .input-box-inner .num-input input:last-child {
  margin-right: 0;
}

.area-input.group .input-box-base .num-input input:focus,
.area-input.group .input-box-border .num-input input:focus,
.area-input.group .input-box-inner .num-input input:focus {
  border: solid 2px #2d7cd1;
}

.area-input.group .input-box-base .num-input.error input,
.area-input.group .input-box-border .num-input.error input,
.area-input.group .input-box-inner .num-input.error input {
  color: #e73155;
  border: solid 1px #e73155;
}

.area-input.group.focus-style .form-label label {
  color: #2d7cd1;
}

.area-input.group.focus-style .input-box-base .input,
.area-input.group.focus-style .input-box-border .input,
.area-input.group.focus-style .input-box-inner .input {
  border-bottom: solid 2px #2d7cd1;
}

.area-input.group.error-style .form-label {
  background-color: #fff8ec;
}

.area-input.group.error-style .form-label label {
  color: #f37370;
}

.area-input.group.error-style .input-box-base .input,
.area-input.group.error-style .input-box-border .input,
.area-input.group.error-style .input-box-inner .input {
  background-color: #fff8ec;
  border-bottom: solid 2px #f37370;
}

.area-input.group.disabled-style .form-label {
  background-color: #f0f0f0;
}

.area-input.group.disabled-style .input-box-base .input,
.area-input.group.disabled-style .input-box-border .input,
.area-input.group.disabled-style .input-box-inner .input {
  background-color: #f0f0f0;
  color: #ccc;
  cursor: not-allowed;
}

.area-input-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.area-input-container + .area-input-container {
  margin-top: 40px;
}

.area-input-vertical {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 24px;
}

.area-input-vertical.pb-0 {
  padding-bottom: 0;
}

.area-input-vertical.w-30 {
  width: 30%;
}

.area-input-vertical.w-50 {
  width: 50%;
}

.area-input-vertical.w-75 {
  width: 75%;
}

.area-input-vertical.w-100 {
  width: 100%;
}

.area-input-vertical.st-mark {
  border-left: solid 3px #2d7cd1;
}

.area-input-vertical .form-label {
  font-size: 1.5rem;
  line-height: 22px;
}

.area-input-vertical .form-label .required {
  color: #e73155;
  font-size: 2rem;
  font-weight: bold;
}

.area-input-vertical .form-label .no-required {
  color: #fff;
  font-size: 2rem;
  margin-right: 3px;
}

.area-input-vertical .form-label label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 3px 0px 0px;
}

.area-input-vertical .form-label label.has-remark {
  padding: 4px 0px 3px;
}

.area-input-vertical .form-label label.has-remark .remark {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin-top: -5px;
  color: #888;
}

.area-input-vertical .form-label label.no-bold {
  font-weight: normal;
}

.area-input-vertical .form-label span {
  vertical-align: middle;
}

.area-input-vertical .form-label .input-error,
.area-input-vertical .form-label .input-memo {
  width: unset;
}

.area-input-vertical .radio .radiobox-label {
  font-size: 1.5rem;
}

.area-input-vertical .radio .radiobox-label span,
.area-input-vertical .radio .radiobox-label strong {
  padding: 9px 0px;
}

.area-input-vertical .checkbox .checkbox-label span,
.area-input-vertical .checkbox .checkbox-label strong {
  padding: 9px 0px;
}

.area-input-vertical-tit {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding: 10px 15px;
  font-size: 14px;
}

.area-input-vertical-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 2px;
}

.area-input-vertical .quantity-select {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 2px;
}

.area-input-vertical .area-input-text {
  padding: 10px 0px;
}

.area-input-vertical .area-input-text + .quantity-select {
  padding-left: 8px;
}

.area-input-vertical .select-title-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.area-input-vertical .select-title-row span {
  white-space: nowrap;
}

.area-input-vertical .input-box-base .input,
.area-input-vertical .input-box-border .input,
.area-input-vertical .input-box-inner .input,
.area-input-vertical .input-box-border .input,
.area-input-vertical .input-box-inner .input {
  padding: 0px 30px 0px 0px;
  background-color: transparent;
}

.area-input-vertical .input-box-base .input.error,
.area-input-vertical .input-box-border .input.error,
.area-input-vertical .input-box-inner .input.error,
.area-input-vertical .input-box-border .input.error,
.area-input-vertical .input-box-inner .input.error {
  background-color: #fff8ec;
}

.area-input-vertical .input-box-base .input.disabled,
.area-input-vertical .input-box-border .input.disabled,
.area-input-vertical .input-box-inner .input.disabled,
.area-input-vertical .input-box-border .input.disabled,
.area-input-vertical .input-box-inner .input.disabled {
  background-color: #f0f0f0;
  color: #ccc;
  cursor: not-allowed;
}

.area-input-vertical .input-box-base .checkbox + .checkbox,
.area-input-vertical .input-box-border .checkbox + .checkbox,
.area-input-vertical .input-box-inner .checkbox + .checkbox {
  margin-top: 10px;
  margin-left: 15px;
}

.area-input-vertical .select-style,
.area-input-vertical .select,
.area-input-vertical .select-boder,
.area-input-vertical .select-border,
.area-input-vertical .select,
.area-input-vertical .select-boder,
.area-input-vertical .select-border {
  padding: 0px 24px 0px 0px;
  background-color: transparent;
}

.area-input-vertical .select-style.error,
.area-input-vertical .error.select,
.area-input-vertical .error.select-boder,
.area-input-vertical .error.select-border,
.area-input-vertical .select.error,
.area-input-vertical .select-boder.error,
.area-input-vertical .select-border.error {
  background-color: #fff8ec;
}

.area-input-vertical .select-style.disabled,
.area-input-vertical .disabled.select,
.area-input-vertical .disabled.select-boder,
.area-input-vertical .disabled.select-border,
.area-input-vertical .select.disabled,
.area-input-vertical .select-boder.disabled,
.area-input-vertical .select-border.disabled {
  background-color: #f0f0f0;
  color: #ccc;
  cursor: not-allowed;
}

.area-input-vertical .form-control {
  font-size: 1.5rem;
}

.area-input-vertical + .st-alert-warning,
.area-input-vertical + .st-alert-danger,
.area-input-vertical + .st-alert-info,
.area-input-vertical + .st-alert-success,
.area-input-vertical + .st-alert-email,
.area-input-vertical + .st-alert-danger,
.area-input-vertical + .st-alert-info,
.area-input-vertical + .st-alert-success {
  width: 100%;
  margin: -10px 8px 24px;
}

.area-input-vertical .airline-div {
  position: relative;
}

.area-input-vertical .airline-div .airline-menu {
  position: absolute;
  width: 100%;
  z-index: 100;
  background-color: white;
  border: 1px solid lightgray;
  padding: 2px 0;
  max-height: 300px;
  overflow: auto;
}

.area-input-vertical .airline-div .airline-menu p {
  margin: 0;
  padding: 8px 15px;
  cursor: pointer;
}

.area-input-vertical .airline-div .airline-menu p:hover {
  background-color: #E7F3FF;
}

.input-box-base-flex {
  display: -ms-flexbox;
  display: flex;
}

.input-box-base-flex + .input-box-base-flex {
  margin-top: 15px;
}

.input-box-base-flex.align-center {
  -ms-flex-align: center;
      align-items: center;
}

.input-box-base-flex > .f-1 {
  -ms-flex: 1;
      flex: 1;
}

.input-box-base-flex > .f-2 {
  -ms-flex: 2;
      flex: 2;
}

.input-box-base-flex > .f-3 {
  -ms-flex: 3;
      flex: 3;
}

.input-box-base-flex > div {
  margin-right: 8px;
}

.input-box-base-flex > div:last-of-type,
.input-box-base-flex > .input-calendar:nth-child(2) {
  margin-right: 0px;
}

.input-box-base-flex > .input-calendar {
  background: #fff;
}

.input-box-base-flex button {
  height: 40px;
  line-height: 38px;
}

.input-box-base-flex > .input-calendar:first-child {
  margin-right: 16px !important;
}

.input-box-base-flex > .input-calendar:first-child:after {
  content: "~";
  position: absolute;
  top: 13px;
  right: -12px;
}

.input-border-b {
  border-bottom: 1px solid #ccc;
  max-height: 40px;
}

@media screen and (max-width: 767px) {
  .area-input-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .area-input-container.container-mobile-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .area-input-container + .area-input-container {
    margin-top: 0px;
  }

  .area-input-vertical {
    padding: 0 0 20px 0;
  }

  .area-input-vertical.pb-0 {
    padding-bottom: 10px;
  }

  .area-input-vertical.w-50,
  .area-input-vertical.w-100 {
    width: 100%;
  }

  .area-input-vertical.w-50.mobile-w-50,
  .area-input-vertical.w-100.mobile-w-50 {
    width: 50%;
    padding-right: 10px;
  }

  .area-input-vertical.w-50.mobile-w-50 + .mobile-w-50,
  .area-input-vertical.w-100.mobile-w-50 + .mobile-w-50 {
    padding-right: 0;
    padding-left: 10px;
  }

  .area-input-vertical.mobile-w-100 {
    width: 100%;
  }

  .area-input-vertical.mobile-w-100 .input-box-base-flex > div {
    margin-right: 8px !important;
  }

  .area-input-vertical.w-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .area-input-vertical.st-mark {
    border-left: 0;
  }

  .area-input-vertical + .st-alert-warning,
  .area-input-vertical + .st-alert-danger,
  .area-input-vertical + .st-alert-info,
  .area-input-vertical + .st-alert-success,
  .area-input-vertical + .st-alert-email,
  .area-input-vertical + .st-alert-danger,
  .area-input-vertical + .st-alert-info,
  .area-input-vertical + .st-alert-success {
    margin: -10px 0px 20px;
  }

  .area-input-vertical .input-box-base .input,
  .area-input-vertical .input-box-border .input,
  .area-input-vertical .input-box-inner .input,
  .area-input-vertical .input-box-border .input,
  .area-input-vertical .input-box-inner .input {
    padding: 0px 30px 0px 8px;
  }

  .area-input-vertical .select-style,
  .area-input-vertical .select,
  .area-input-vertical .select-boder,
  .area-input-vertical .select-border,
  .area-input-vertical .select,
  .area-input-vertical .select-boder,
  .area-input-vertical .select-border {
    padding: 0px 24px 0px 8px;
  }

  .area-input-vertical .quantity-select {
    float: right;
  }

  .input-box-base-flex {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .input-box-base-flex.input-row-mobile {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .input-box-base-flex.input-row-mobile .input-box-base:nth-child(odd),
  .input-box-base-flex.input-row-mobile .input-box-border:nth-child(odd),
  .input-box-base-flex.input-row-mobile .input-box-inner:nth-child(odd) {
    margin-right: 15px;
  }

  .input-box-base-flex > div,
  .input-box-base-flex > div:last-of-type {
    margin: 0 0 5px 0;
  }

  .input-box-base-flex button {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .area-input {
    padding-bottom: 15px;
  }

  .area-input > .row > div[class^="col-"] {
    padding: 0px 5px;
  }

  .area-input .form-label {
    font-size: 1.4rem;
  }

  .area-input .st-alert-warning,
  .area-input .st-alert-danger,
  .area-input .st-alert-info,
  .area-input .st-alert-success,
  .area-input .st-alert-email {
    font-size: 1.4rem;
    line-height: 20px;
  }

  .area-input-tit {
    padding: 10px 0px;
  }

  .area-input-text {
    font-size: 16px;
  }

  .select-style,
  .select,
  .select-boder,
  .select-border,
  .input-box-base .input,
  .input-box-border .input,
  .input-box-inner .input,
  .input-box-base .input span,
  .input-box-border .input span,
  .input-box-inner .input span,
  .textarea,
  input[type=text] {
    font-size: 1.6rem;
  }

  .form-label label .checkbox {
    margin: 0px;
  }
}

.date-interval > .row > [class^=col]:nth-of-type(1):after {
  content: '~';
  position: absolute;
  top: 11px;
  right: -5px;
}

@media screen and (max-width: 991px) {
  .date-interval > .row > [class^=col]:nth-of-type(1) {
    margin-bottom: 30px;
  }

  .date-interval > .row > [class^=col]:nth-of-type(1):after {
    top: 45px;
    right: 50%;
    transform: rotate(90deg);
  }
}

.select-date-area-input {
  padding-top: 20px;
}

.modal-base .date-interval > .row > [class^=col] .st-calendar-area.many-days {
  width: 560px;
}

.modal-base .date-interval > .row > [class^=col] .st-calendar-area.many-days .date-list-day {
  font-size: 12px;
}

.modal-base .date-interval > .row > [class^=col]:nth-of-type(1) .st-calendar-area.many-days {
  right: auto;
  left: -70px;
}

.modal-base .date-interval > .row > [class^=col]:nth-of-type(1) .st-calendar-area.many-days:before,
.modal-base .date-interval > .row > [class^=col]:nth-of-type(1) .st-calendar-area.many-days:after {
  left: 86px;
}

.modal-base .date-interval > .row > [class^=col]:nth-of-type(2) .st-calendar-area.many-days {
  right: 10px;
}

.modal-base .date-interval > .row > [class^=col]:nth-of-type(2) .st-calendar-area.many-days:before,
.modal-base .date-interval > .row > [class^=col]:nth-of-type(2) .st-calendar-area.many-days:after {
  left: 333px;
}

.code-number-input [class*=input-box] {
  max-width: 240px;
}

.code-number-input [class*=input-box] .input input {
  border: none;
  padding: 0px;
  height: 100%;
  outline: none;
  box-shadow: none;
  width: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
  border-bottom: none;
  background: none;
}

.code-number-input [class*=input-box] .input span {
  vertical-align: middle;
}

.code-number-input-info {
  display: inline-block;
  vertical-align: top;
}

.code-number-input-card-type {
  display: inline-block;
  vertical-align: middle;
}

.code-number-input-card-type img {
  height: 40px;
  padding: 8px 5px;
}

.code-number-input-bank-name {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0px;
}

@media screen and (max-width: 767px) {
  .code-number-input [class*=input-box] {
    max-width: none;
  }

  .code-number-input-info {
    display: block;
  }
}

.expiry-date [class*=input-box],
.security-code [class*=input-box] {
  max-width: 105px;
  display: inline-block;
  vertical-align: top;
}

.expiry-date-prompt,
.security-code-prompt {
  display: inline-block;
  vertical-align: top;
}

.expiry-date-prompt > img,
.security-code-prompt > img {
  height: 40px;
  padding: 8px 5px;
}

[data-id2*=expiry-date-tooltip] .tooltip-inner {
  max-width: none;
}

@media screen and (max-width: 479px) {
  [data-id2*=expiry-date-tooltip] .tooltip-inner {
    padding: 10px !important;
  }

  [data-id2*=expiry-date-tooltip] .tooltip-inner img {
    width: 125px;
  }
}

.search-input > .row {
  margin: 0px -5px;
  font-size: 0px;
}

.search-input > .row > [class*='col-'] {
  padding: 0px 5px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.search-input > .row > [class*='col-'] .btn-change-sm {
  height: 40px;
  line-height: 38px;
}

.list-title.checkbox-with-select .checkbox-with-select-text {
  margin-right: 5px;
  font-size: 1.5rem;
}

.list-title.checkbox-with-select .checkbox .checkbox-label.checkbox-with-select-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.list-title.checkbox-with-select .checkbox .checkbox-label.checkbox-with-select-label > .checkbox-with-select-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.list-title.checkbox-with-select .checkbox .checkbox-label.checkbox-with-select-label > .checkbox-with-select-row .select {
  margin-left: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.upload-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.upload-file .btn-change-sm {
  max-width: 120px;
  height: 40px;
  line-height: 38px;
  margin-right: 25px;
}

.upload-file .file-detail {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  margin-right: 25px;
  position: relative;
}

.upload-file .file-detail .file-name {
  padding-right: 30px;
  line-height: 38px;
}

.upload-file .file-detail .file-del-btn {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  width: 30px;
  text-align: center;
  cursor: pointer;
  color: #888;
  font-size: 15px;
  line-height: 38px;
}

.upload-file .file-detail .file-del-btn:hover {
  color: #2d7cd1;
}

@media screen and (max-width: 991px) {
  .upload-file {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .upload-file .btn-change-sm {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .upload-file .file-detail {
    margin-right: 0;
    margin-bottom: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px;
  }

  .upload-file .file-detail .file-name {
    padding-right: 0;
  }
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.icon-base,
.icon-tag,
.icon-pencil,
.icon-briefcase,
.icon-search,
.icon-filter,
.icon-bookmark {
  border-radius: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  border: solid 2px #fbb949;
}

.icon-base:before,
.icon-tag:before,
.icon-pencil:before,
.icon-briefcase:before,
.icon-search:before,
.icon-filter:before,
.icon-bookmark:before {
  width: 32px;
  height: 32px;
  display: table-cell;
  vertical-align: middle;
  color: #fbb949;
  font-family: 'FontAwesome';
  font-size: 1.8rem;
}

.icon-tag:before {
  content: "\F02B";
}

.icon-tag.disable {
  border-color: #ccc;
}

.icon-tag.disable:before {
  color: #ccc;
}

.icon-pencil:before {
  content: "\F040";
}

.icon-pencil.disable {
  border-color: #ccc;
}

.icon-pencil.disable:before {
  color: #ccc;
}

.icon-briefcase:before {
  content: "\F0B1";
}

.icon-briefcase.disable {
  border-color: #ccc;
}

.icon-briefcase.disable:before {
  color: #ccc;
}

.icon-search:before {
  content: "\F002";
}

.icon-search.disable {
  border-color: #ccc;
}

.icon-search.disable:before {
  color: #ccc;
}

.icon-filter:before {
  content: "\F0B0";
}

.icon-filter.disable {
  border-color: #ccc;
}

.icon-filter.disable:before {
  color: #ccc;
}

.icon-bookmark:before {
  content: "\F02E";
}

.icon-bookmark.disable {
  border-color: #ccc;
}

.icon-bookmark.disable:before {
  color: #ccc;
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .btn-collect-nobox {
    transform: scale(0.7);
  }
}

/*
//tag
.tag-base {
    padding: 8px 10px;
    margin: 5px;
    font-size: $font-s;
    font-weight: normal;
    display: inline-block;
}

.tag-blue {
    @extend .tag-base;
    color: $color-white;
    background: $color-primary;
    i {
        font-size: $font-s;
        margin-right: 5px;
    }
    &-sm{
        @extend .tag-base;
        color: $color-white;
        background: $color-primary;
        padding: 4px 15px 5px 15px;
        border-radius: 15px;
    }
}
.tag-blue-border {
    @extend .tag-base;
    color: $color-primary;
    background: $color-white;
    border: $border-solid $border-width $color-primary;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 480px) and (max-width: 767px) {
}
*/

.login {
  color: #333;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 5px;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 15px 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 200;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.35);
  transform: translateX(-50%) translateY(-50%);
}

.login-bg {
  position: fixed;
  z-index: 150;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.login-other-link {
  padding: 10px 0px;
  font-size: 14px;
}

.login-other-link a {
  text-decoration: underline;
}

.login .btn-base,
.login .btn-order,
.login .btn-order-sm,
.login ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
ul.st-dropdown-menu-list.header-cart .header-cart-btn .login a,
.login .btn-change,
.login .btn-change-sm,
.login .login-btn-fb,
.login .login-btn-google,
.login .social-btn-fb,
.login .social-btn-google,
.login .social-btn-line,
.login .btn-addcart,
.login .btn-addnew,
.login .btn-editor,
.login .btn-reload,
.login .btn-select,
.login .btn-import,
.login .btn-import-sm,
.login .btn-switch,
.login .btn-switch-sm {
  margin-left: 0px;
  margin-right: 0px;
}

.login .input-box-base,
.login .input-box-border,
.login .input-box-inner {
  margin: 7px 0px;
}

.login .input-box-base + [class*=btn-],
.login .input-box-border + [class*=btn-],
.login .input-box-inner + [class*=btn-] {
  margin-top: 10px;
}

.login .tit-m {
  padding-top: 10px;
  margin-bottom: 10px;
}

.social-button {
  width: 49%;
  display: inline-block;
}

.social-button .left {
  padding-right: 5px;
  text-align: left;
}

.social-button .right {
  padding-left: 5px;
  text-align: right;
}

.close-btn {
  position: absolute;
  cursor: pointer;
  text-align: center;
  width: 40px;
  top: 10px;
  right: 8px;
  transition: 0.3s ease all;
  font-size: 22px;
  color: #888;
}

.close-btn i {
  line-height: 40px;
}

.close-btn:hover {
  color: #2d7cd1;
}

.login-btn-fb,
.login-btn-google {
  text-decoration: none;
  cursor: pointer;
  margin: 5px 5px;
  position: relative;
}

.login-btn-fb i,
.login-btn-google i {
  position: absolute;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  width: 23px;
  line-height: 23px;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.login-btn-fb span,
.login-btn-google span {
  vertical-align: middle;
}

.login-btn-fb:hover,
.login-btn-google:hover {
  text-decoration: none;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.login-btn-fb {
  background: #3B5998 !important;
}

.login-btn-fb i {
  color: #3B5998;
}

.login-btn-google {
  background: #DD4B39 !important;
}

.login-btn-google i {
  color: #DD4B39;
}

.login-remark {
  display: block;
  text-align: left;
  text-indent: -9px;
  padding: 7px 5px 0px 14px;
  font-size: 1.4rem;
}

.not-member-info,
.login-order-search {
  border-top: solid 1px #eee;
  margin: 15px 0px 0px;
  padding: 5px 0px 0px;
}

.not-member-info-tit,
.login-order-search-tit {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  margin: 10px 0px;
}

.not-member-info .login-remark,
.login-order-search .login-remark {
  text-indent: 0px;
  padding: 0px;
  margin: 10px 0px;
}

.not-member-info p,
.login-order-search p {
  text-align: left;
  line-height: 24px;
  margin-bottom: 0;
}

.not-member-info input {
  margin-bottom: 10px;
}

.login-order-search .tit-m {
  padding-top: 10px;
}

@media (max-width: 480px) {
  .login {
    width: 320px;
  }
}

@media (max-height: 715px) {
  .login.has-order-search {
    top: 5%;
    overflow-y: scroll;
    height: 90%;
    transform: translateY(0) translateX(-50%);
  }
}

@media (max-height: 610px) {
  .login.not-member {
    top: 5%;
    overflow-y: scroll;
    height: 90%;
    transform: translateY(0) translateX(-50%);
  }
}

@media (max-height: 470px) {
  .login {
    top: 5%;
    overflow-y: scroll;
    height: 90%;
    transform: translateY(0) translateX(-50%);
  }
}

.header-top {
  background: #2d7cd1;
  min-height: 5px;
}

.header-top ul {
  margin: 0px;
  padding: 0px;
}

.header-top ul li {
  list-style: none;
  float: left;
  color: #fff;
  padding: 0px;
  position: relative;
}

.header-top ul li > a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 36px;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s ease all;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 15px;
  letter-spacing: 0.4px;
}

.header-top ul li > a .name {
  margin: 0 3px;
}

.header-top ul li > a span {
  margin-right: 12px;
}

.header-top ul li:hover > a {
  background: #004ea2;
}

.header-top ul li.no-hover:hover > a {
  background: none;
  cursor: unset;
}

.header-top ul li.header-top-login:hover a {
  background-color: transparent;
}

.header-top ul li.header-top-login a:hover {
  background: #004ea2;
  color: #fff;
}

.header-top ul li ul.st-dropdown-menu-list > li {
  border-bottom: 0;
}

.header-top ul li ul.st-dropdown-menu-list > li a {
  color: #333;
}

.header-top ul li ul.st-dropdown-menu-list > li a:hover {
  background: #e7f3ff;
}

.header-top ul li ul.st-dropdown-menu-list > li a .logOutBtn {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  padding: 0;
  height: 40px;
  margin: 10px 0;
  font-weight: bold;
}

.header-top ul li ul.st-dropdown-menu-list > li a .logOutBtn:hover {
  color: #2d7cd1;
  background-color: #e7f3ff;
}

.header-top ul li ul.st-dropdown-menu-list > li.hover-nobg a:hover {
  background: transparent;
}

.header-top ul li ul.st-dropdown-menu-list > li button {
  height: 42px;
  line-height: 42px;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a {
  text-align: left;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.facebook-bg {
  background-color: #424fab;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.line-bg {
  background-color: #00b900;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.youtube-bg {
  background-color: #da2a2a;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.instgram-bg {
  background-color: #a92ada;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.telegram-bg {
  background-color: #039be5;
}

.header-top ul li.st-dropdown-menu.social-menu ul.st-dropdown-menu-list li a .headertop-socialicon.blog-bg {
  background-color: #e66d05;
}

.header-top .header-greeting:hover > a {
  background-color: #004ea2;
}

.header-top .header-greeting a {
  text-decoration: none;
  letter-spacing: 0.4px;
}

.header-top .header-greeting .padding-change {
  color: #ffffff;
  padding: 10px 15px;
  line-height: 36px;
  text-decoration: none;
}

.header-top .header-greeting .header-greeting-dropdown-card {
  line-height: 40px;
  visibility: hidden;
  opacity: 0;
  color: #333;
  background-color: #ffffff;
  z-index: 99999;
  position: absolute;
  top: 100%;
  left: 0;
  width: 340px;
  text-align: left;
  padding: 15px;
  box-shadow: 1px 1px 3px #33333356;
}

.header-top .header-greeting .header-greeting-dropdown-card .person {
  margin: 5px auto;
}

.header-top .header-greeting .header-greeting-dropdown-card .person .birthdayGift {
  border-radius: 20px;
  padding: 4px 8px;
  background-color: #e73155;
  color: #ffffff;
}

.header-top .header-greeting .header-greeting-dropdown-card .member {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  text-align: center;
}

.header-top .header-greeting .header-greeting-dropdown-card .member .member-data {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.header-top .header-greeting .header-greeting-dropdown-card .member .member-data.right-gray-line {
  border-right: .5px solid #cccccc;
}

.header-top .header-greeting .header-greeting-dropdown-card .member .member-data .member-data-num a {
  color: #2d7cd1 !important;
  padding: 10px 5px 10px 0;
}

.header-top .header-greeting .header-greeting-dropdown-card .member .member-data .member-data-num.zero a {
  color: #888 !important;
  padding: 10px 5px 10px 0;
}

.header-top .header-greeting .header-greeting-dropdown-card .member .member-data .member-data-unit {
  color: #888 !important;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom {
  margin: 10px auto;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-left,
.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-right {
  display: inline-block;
  text-align: center;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-left a,
.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-right a {
  padding: 0;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-left {
  width: calc((98.7% / 3) * 2);
  padding: 0px 5px;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .put-right {
  width: calc((98.7% / 3) * 1);
  padding: 0px 5px;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .myHomeBtn,
.header-top .header-greeting .header-greeting-dropdown-card .bottom .logOutBtn {
  text-align: center;
  width: 100%;
  border-radius: 4px;
  padding: 0;
  border: 1px solid #ccc;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .myHomeBtn {
  color: #ffffff;
  background-color: #2d7cd1;
  border-color: transparent;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .myHomeBtn:hover {
  box-shadow: 1px 1px 3px #33333356;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .logOutBtn {
  color: #2d7cd1;
  background-color: #ffffff;
}

.header-top .header-greeting .header-greeting-dropdown-card .bottom .logOutBtn:hover {
  box-shadow: 1px 1px 3px #33333356;
}

.header-top .header-greeting:hover > .header-greeting-dropdown-card,
.header-top .header-fever:hover > .header-fever-dropdown-list {
  visibility: visible;
  opacity: 1;
  transition: 0.1s 0.1s ease opacity;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .header-top .container {
    padding: 0px;
  }
}

@media screen and (max-width: 991px) {
  .cart-body .header-top {
    display: none;
  }
}

.header-bottom {
  background: #fff;
  border: none;
  border-bottom: solid 1px #eee;
  border-radius: 0px;
  margin: 0px;
}

.header-bottom .container .navbar-header .logo {
  height: auto;
  padding: 0px;
  margin: 20px 0px;
  position: relative;
}

.header-bottom .container .navbar-header .logo img {
  height: 35px;
  width: auto;
}

.header-bottom .container .navbar-header .logo .logo-tag {
  background: #d61518;
  color: #fff;
  border-radius: 4px;
  padding: 2px 4px;
  position: absolute;
  top: -4px;
  right: -35px;
  font-size: 10px;
  line-height: 12px;
}

.header-bottom .container .navbar-header .logo.double-logo img {
  width: unset;
  height: 35px;
}

.header-bottom .container .navbar-collapse {
  padding: 0px;
}

.header-bottom .container .navbar-collapse .no-link {
  cursor: auto;
}

.header-bottom .container .navbar-collapse .menu-level2-btn {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  position: relative;
}

.header-bottom .container .navbar-collapse .menu-level2-btn .menu-level2-btn-bubble {
  color: #333;
  display: block;
  width: 90%;
  border-radius: 50px;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
}

.header-bottom .container .navbar-collapse .menu-level2-btn .menu-level2-btn-bubble strong {
  padding-left: 20px;
}

.header-bottom .container .navbar-collapse .menu-level2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  margin: 0 auto;
  background-color: #2d7cd1;
  z-index: 999999;
}

.header-bottom .container .navbar-collapse .menu-level2-container::after {
  content: '';
  display: block;
  clear: both;
}

.header-bottom .container .navbar-collapse ul {
  margin: 0px;
}

.header-bottom .container .navbar-collapse ul li {
  position: relative;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly {
  display: none;
  min-width: 200px;
  min-height: unset;
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  position: absolute;
  left: 0px;
  z-index: 3;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-btn:hover > .menu-level2-btn-bubble,
.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-info:hover + .menu-level2-btn > .menu-level2-btn-bubble {
  background-color: #e7f3ff;
  color: #2d7cd1;
  width: 100%;
  border-radius: 0;
  margin: 0;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-btn:hover > .menu-level2-btn-bubble strong,
.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-info:hover + .menu-level2-btn > .menu-level2-btn-bubble strong {
  margin-left: 10px;
  padding-left: 20px;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-btn:hover > .menu-level2-btn-bubble i,
.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-info:hover + .menu-level2-btn > .menu-level2-btn-bubble i {
  display: none;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-container:first-child > .menu-level2-btn {
  margin-top: 0;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-container:last-child > .menu-level2-btn:hover > .menu-level2-btn-bubble {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.header-bottom .container .navbar-collapse ul li > .menu-level2.textonly .menu-level2-container {
  width: 100%;
}

.header-bottom .container .navbar-collapse ul li:last-child > .menu-level2.textonly {
  position: absolute;
  left: unset;
  right: 0;
}

.header-bottom .container .navbar-collapse ul li > a {
  text-decoration: none;
  transition: 0.3s ease all;
  display: block;
  text-align: center;
  padding: 10px 0px;
  width: 105px;
  color: #004ea2;
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  position: relative;
}

.header-bottom .container .navbar-collapse ul li > a i {
  width: 40px;
  height: 36px;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 7px;
  font-size: 26px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-trip {
  background-position: 0 -252px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-tour {
  background-position: 0 0;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-fit {
  background-position: 0 -36px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-flight {
  background-position: 0 -72px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-htl {
  background-position: 0 -108px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-tkt {
  background-position: 0 -144px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-local {
  background-position: 0 -180px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-thsr {
  background-position: 0 -216px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-visa {
  background-position: 0 -396px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-txg {
  background-position: 0 -360px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-khh {
  background-position: 0 -288px;
}

.header-bottom .container .navbar-collapse ul li > a i.nav-icon-service {
  background-position: 0 -324px;
}

.header-bottom .container .navbar-collapse ul li > a:hover {
  background: rgba(45, 124, 209, 0.1);
  color: #2d7cd1;
}

.header-bottom .container .navbar-collapse ul li > a:hover > .menu-level1-overlay-left,
.header-bottom .container .navbar-collapse ul li > a:hover > .menu-level1-overlay-right {
  width: 30px;
  height: 75px;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
}

.header-bottom .container .navbar-collapse ul li > a:hover > .menu-level1-overlay-left {
  left: -30px;
}

.header-bottom .container .navbar-collapse ul li > a:hover > .menu-level1-overlay-right {
  right: -30px;
}

.header-bottom .container .navbar-collapse ul li.other a {
  background: #f1f0e8;
}

.header-bottom .container .navbar-collapse ul li.other a:hover {
  background: rgba(45, 124, 209, 0.1);
}

.header-bottom .container .navbar-collapse ul li.menu-btn {
  /*
                        &:hover .header-slider-menu {
                            display: block;
                        }
                        */
}

.header-bottom .container .navbar-collapse ul li.menu-btn > a {
  position: relative;
}

.header-bottom .container .navbar-collapse ul li.menu-btn > a .header-cart-quantity {
  position: absolute;
  top: 14px;
  right: -10px;
  display: none;
}

.header-bottom .container .navbar-collapse ul li.menu-btn i {
  padding: 4px 0px 0px 20px;
}

.header-bottom .container .navbar-collapse ul li.menu-btn.member i {
  padding: 7px 0px 0px;
}

.header-bottom .container .navbar-collapse ul li.menu-btn .member-social-M {
  padding: 0;
}

.header-bottom .container .navbar-collapse ul li.menu-btn .member-social-M-button {
  padding: 0;
}

.header-bottom .container .navbar-collapse ul li.menu-btn .member-social-M-button a {
  transition: none;
}

.header-bottom .container .navbar-collapse ul li.menu-btn .member-social-M-title i {
  padding: inherit;
  margin: 13px 0;
}

.header-bottom .container .navbar-collapse ul li:hover > .menu-level2.textonly {
  display: block;
  z-index: 9999;
  animation: menuhover .4s both;
}

@keyframes menuhover {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }

  75% {
    opacity: 0;
    transform: scaleY(0);
  }

  76% {
    opacity: 0;
    transform: scaleY(1);
  }

  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

.header-bottom .menu-level2 .menu-level2-container:first-child > .menu-level2-btn {
  margin-top: 15px;
}

.header-bottom .menu-level2-container .menu-level2-btn i {
  position: absolute;
  right: 20px;
  top: calc((100% - 24px) / 2);
  font-size: 24px;
  display: none;
}

.header-bottom .menu-level2-container .menu-level2-btn .menu-level2-btn-bubble {
  color: #333333;
  display: block;
  width: 90%;
  border-radius: 50px;
  margin: 0px auto;
  position: relative;
}

.header-bottom .menu-level2-container .menu-level2-btn .menu-level2-btn-bubble strong {
  padding-left: 20px;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .header-bottom .container .navbar-collapse ul li > a {
    width: 92px;
  }

  .header-bottom .container .navbar-collapse ul li > a.b2b-w {
    width: 100px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header-bottom .container .navbar-header .logo {
    margin: 0px;
    padding: 20px 0px;
  }

  .header-bottom .container .navbar-header .logo .logo-tag {
    top: 12px;
    right: -35px;
  }

  .header-bottom .container .navbar-collapse ul li > a {
    width: 72px;
    font-size: 14px;
  }

  .header-bottom .container .navbar-collapse ul li > a.b2b-w {
    width: 92px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom .container {
    padding-right: 0px;
  }

  .header-bottom .container .navbar-header .logo {
    margin: 0px;
    padding: 24px 0px;
  }

  .header-bottom .container .navbar-header .logo .logo-tag {
    padding: 4px;
    top: 10px;
    right: -35px;
    font-size: 8px;
    line-height: 8px;
  }

  .header-bottom .container .navbar-collapse ul li > a {
    width: 80px;
    font-size: 15px;
  }

  .header-bottom .container .navbar-collapse ul li > a i {
    background-size: 256px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-gfg {
    background-position: -9px -8px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-tour {
    background-position: -99px -8px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-fit {
    background-position: -187px -8px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-htl {
    background-position: -9px -45px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-gdg {
    background-position: -99px -45px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-hdp {
    background-position: -187px -45px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-tkt {
    background-position: -9px -87px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-khh {
    background-position: -99px -87px;
  }

  .header-bottom .container .navbar-collapse ul li > a i.nav-icon-txg {
    background-position: -187px -87px;
  }

  /*
    .nav > li.nav-table-none {
        display: none;
    }
    */
}

@media screen and (min-width: 480px) and (max-width: 991px) {
  .header-bottom {
    border-top: solid 5px #2d7cd1;
    width: 100%;
  }

  .header-bottom .container {
    padding: 0px;
    position: relative;
  }

  .header-bottom .container .navbar-header {
    float: none;
    margin: 0px;
  }

  .header-bottom .container .navbar-header .logo {
    float: none;
    margin: 0 auto;
    display: block;
    max-width: 128px;
    padding: 11px 0px;
  }

  .header-bottom .container .navbar-header .logo img {
    height: 23px;
    width: auto;
  }

  .header-bottom .container .navbar-header .logo.double-logo {
    margin: 0;
    width: unset;
  }

  .header-bottom .container .navbar-header .logo.double-logo img {
    margin: 0 auto;
  }

  .header-bottom .container .navbar-collapse {
    margin: 0px;
    border: none;
  }

  .header-bottom .container .navbar-collapse ul li {
    display: none;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-right: solid 1px #e0e0e0;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a {
    width: 49px;
    font-size: 0px;
    line-height: 0px;
    padding: 11px 0px;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a .header-cart-quantity {
    display: block;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a i {
    width: auto;
    height: 24px;
    padding: 4px 0px 0px 15px;
    margin: 0px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .header-bottom {
    border-top: solid 5px #2d7cd1;
    width: 100%;
  }

  .header-bottom .container {
    padding: 0px;
    position: relative;
  }

  .header-bottom .container .navbar-header {
    float: none;
    margin: 0px;
  }

  .header-bottom .container .navbar-header .logo {
    float: none;
    margin: 0 auto;
    display: block;
    max-width: 128px;
    padding: 11px 0px;
  }

  .header-bottom .container .navbar-header .logo img {
    height: 23px;
    width: auto;
  }

  .header-bottom .container .navbar-header .logo.double-logo {
    width: 100%;
  }

  .header-bottom .container .navbar-header .logo.double-logo img {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
  }

  .header-bottom .container .navbar-collapse {
    margin: 0px;
    border: none;
  }

  .header-bottom .container .navbar-collapse ul li {
    display: none;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-right: solid 1px #e0e0e0;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a {
    width: 49px;
    font-size: 0px;
    line-height: 0px;
    padding: 11px 0px;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a .header-cart-quantity {
    display: block;
  }

  .header-bottom .container .navbar-collapse ul li.menu-btn > a i {
    width: auto;
    height: 24px;
    padding: 4px 0px 0px 15px;
    margin: 0px;
  }
}

/* col 隔線間距(共用) */

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.btn-outline-white {
  border: 1px solid #fff;
  color: #fff;
}

.header-sidebar-mobile .navbar {
  min-height: unset;
}

.header-sidebar-mobile a {
  text-decoration: none;
}

.header-sidebar-mobile .navbar-default {
  background-color: #ffffff;
  border: 0;
  border-top: 5px solid #2d7cd1;
  border-radius: 0;
  margin-bottom: 0;
}

.header-sidebar-mobile .navbar-default .navbar-header,
.header-sidebar-mobile .navbar-default .header-settour {
  border-bottom: 1px solid #ccc;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle,
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu,
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle,
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu {
  background-color: rgba(0, 0, 0, 0);
  width: 49px;
  float: left;
  position: relative;
  z-index: 1;
  padding: 11px 0;
  border: 0;
  border-right: 1px solid #e0e0e0;
  border-radius: 0;
  min-height: 45px;
  display: block;
  margin: 0;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle:hover,
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu:hover,
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle:hover,
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu:hover {
  cursor: pointer;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle i,
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu i,
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle i,
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu i {
  position: relative;
  background: none !important;
  display: block;
  box-sizing: border-box;
  width: 19px;
  height: 20px;
  margin: 0 auto;
  padding: 4px 0px 0px;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle i .icon-bar,
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu i .icon-bar,
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle i .icon-bar,
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu i .icon-bar {
  width: 19px;
  height: 2px;
  background: #004ea2;
  display: block;
  margin: 2px 0;
  transition: all .8s ease;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle i .icon-bar:nth-of-type(3),
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu i .icon-bar:nth-of-type(3),
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle i .icon-bar:nth-of-type(3),
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu i .icon-bar:nth-of-type(3) {
  width: 10px;
}

.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle i .icon-bar:nth-of-type(4),
.header-sidebar-mobile .navbar-default .navbar-header .navbar-toggle i .icon-bar:nth-of-type(5),
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu i .icon-bar:nth-of-type(4),
.header-sidebar-mobile .navbar-default .navbar-header .mini-submenu i .icon-bar:nth-of-type(5),
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle i .icon-bar:nth-of-type(4),
.header-sidebar-mobile .navbar-default .header-settour .navbar-toggle i .icon-bar:nth-of-type(5),
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu i .icon-bar:nth-of-type(4),
.header-sidebar-mobile .navbar-default .header-settour .mini-submenu i .icon-bar:nth-of-type(5) {
  opacity: 0;
  position: absolute;
  transform-origin: center center;
  top: 8px;
}

.header-sidebar-mobile .navbar-default .navbar-header .menu-logo-m,
.header-sidebar-mobile .navbar-default .header-settour .menu-logo-m {
  display: block;
  width: 128px;
  height: auto;
  margin: 0 auto;
  padding: 11px 0;
  text-decoration: none;
  position: relative;
}

.header-sidebar-mobile .navbar-default .navbar-header .menu-logo-m img,
.header-sidebar-mobile .navbar-default .header-settour .menu-logo-m img {
  display: block;
  height: 23px;
  width: auto;
  margin: 0 auto;
}

.header-sidebar-mobile .navbar-default .navbar-header .menu-logo-m .logo-tag-m,
.header-sidebar-mobile .navbar-default .header-settour .menu-logo-m .logo-tag-m {
  background: #d61518;
  color: #fff;
  border-radius: 4px;
  padding: 2px 4px;
  position: absolute;
  top: 4px;
  right: -32px;
  font-size: 8px;
  line-height: 12px;
}

.header-sidebar-mobile .list-group {
  width: 100%;
  margin-bottom: 0;
  border: 0;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: -1;
  overflow: hidden;
  transition: opacity .3s linear;
  opacity: 0;
}

.header-sidebar-mobile .list-group.fadein {
  opacity: 100;
  left: 0;
  filter: alpha(opacity=100);
  z-index: 9996;
  overflow: scroll;
}

@media (max-width: 991px) {
  .header-sidebar-mobile .navbar-header {
    float: none;
  }
}

/* 480 ~ 991px 時 側邊滑入選單寬度限制 */

@media screen and (max-width: 991px) {
  .header-sidebar-mobile .list-group {
    max-width: 414px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }

  .modal-backdrop-transparent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
    display: none;
  }

  .modal-backdrop-transparent.modal-backdrop-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #bebebe;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
  }
}

.header-sidebar-mobile .close-slide-submenu {
  display: block;
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  z-index: 99999;
  cursor: pointer;
}

.header-sidebar-mobile .close-slide-submenu i {
  font-size: 26px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
}

.header-sidebar-mobile .header-login-card {
  background-image: linear-gradient(120deg, #5E7ADE 0%, #4faeff 60%, #4faeff 100%);
  color: #fff;
  padding: 15px;
  margin: 0;
  overflow: hidden;
}

.header-sidebar-mobile .header-login-card .header-login-card-top {
  margin-bottom: 25px;
  -ms-flex-align: center;
      align-items: center;
}

.header-sidebar-mobile .header-login-card .header-login-card-top .header-login-img {
  border-radius: 50%;
  background: white;
}

.header-sidebar-mobile .header-login-card .header-login-card-top .header-login-img img {
  width: 100%;
  height: 100%;
  padding: 15px;
}

.header-sidebar-mobile .header-login-card .header-login-card-top .header-login-img-before img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.header-sidebar-mobile .login-card {
  background-color: #f0f0f0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: 100vh;
}

.header-sidebar-mobile .login-card .time-background {
  margin: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 162px;
}

.header-sidebar-mobile .login-card .time-background img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  height: 162px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: bg_moveslow 150s linear infinite alternate;
}

.header-sidebar-mobile .login-card .settour-logo img {
  width: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: contain;
     object-fit: contain;
  height: 162px;
}

.header-sidebar-mobile .login-card .login-card-position {
  position: relative;
  padding: 0px 15px;
  margin-top: -65px;
}

.header-sidebar-mobile .login-card .login-card-inner {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
}

.header-sidebar-mobile .login-card .login-card-inner.fadein {
  animation: fadein 3s forwards;
  opacity: 1;
}

.header-sidebar-mobile .login-card .login-card-inner.AD {
  padding: 0;
}

.header-sidebar-mobile .login-card .login-card-inner.AD > a {
  display: block;
}

.header-sidebar-mobile .login-card .login-card-inner.AD img {
  width: 100%;
  border-radius: 4px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

.header-sidebar-mobile .login-card .login-card-inner .login-text h2 {
  text-align: center;
  color: #2d7cd1;
  margin: 20px 0px 10px 0px;
  font-size: 2.4rem;
  letter-spacing: 0.4px;
}

.header-sidebar-mobile .login-card .login-card-inner .login-text h3 {
  text-align: center;
  color: #2d7cd1;
  margin: 20px 0px 10px 0px;
  font-size: 1.8rem;
  letter-spacing: 0.4px;
}

.header-sidebar-mobile .login-card .login-card-inner .login-text p {
  text-align: center;
  color: #333;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-btn .btn-addnew {
  margin: 0px 5px;
  width: 100%;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-points {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-points .points {
  width: 100%;
  position: relative;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-points .points:after {
  content: '';
  width: 1px;
  background-color: #ccc;
  height: 52px;
  position: absolute;
  bottom: 15px;
}

.header-sidebar-mobile .login-card .login-card-inner .header-card-points .points:first-of-type:after {
  content: none;
}

.header-sidebar-mobile .login-card .login-card-inner .list-group-item {
  padding: 0px;
  border-bottom: 0;
}

.header-sidebar-mobile .login-card .login-card-inner .list-group-item i {
  transition: all .3s ease;
}

.header-sidebar-mobile .login-card .login-card-inner .list-group-item.open i {
  transform: rotate(-180deg);
}

.header-sidebar-mobile .login-card .login-card-inner .list-group-item .header-list-icon {
  height: 20px;
  margin-right: 8px;
  vertical-align: top;
}

.header-sidebar-mobile .login-card .login-card-inner .list-group-item .tag {
  margin-left: 4px;
}

.header-sidebar-mobile .login-card .login-card-inner .navbar-nav li > a {
  padding: 14px 5px;
  letter-spacing: 0.4px;
}

.header-sidebar-mobile .login-card .login-card-inner .navbar-nav li.open .dropdown-menu {
  animation-duration: .3s;
  animation-name: fadein;
}

.header-sidebar-mobile .login-card .login-card-inner .social-item-mobile {
  padding: 12px 0px;
}

@keyframes bg_moveslow {
  0% {
    -o-object-position: left center;
       object-position: left center;
  }

  50% {
    -o-object-position: center center;
       object-position: center center;
  }

  100% {
    -o-object-position: right center;
       object-position: right center;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.header-sidebar-mobile .header-login-text h3 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
  word-break: break-all;
  width: calc(100% - 30px);
  margin-bottom: 10px;
}

.header-sidebar-mobile .header-login-text .tag-highlight {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  vertical-align: middle;
  padding: 5px 16px;
  margin-bottom: 0;
  text-shadow: none;
  text-decoration: none;
  border-radius: 24px;
  margin-right: 10px;
  background: #e73155;
  color: #ffffff;
}

.header-sidebar-mobile .header-login-text .tag-gray-darker {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  vertical-align: middle;
  padding: 5px 16px;
  margin-bottom: 0;
  text-shadow: none;
  text-decoration: none;
  border-radius: 24px;
  margin-right: 10px;
  background: #ffffff;
  color: #888;
}

.header-sidebar-mobile .btn-outline-white {
  font-size: 15px;
  font-weight: 700;
  height: 40px;
  width: 100%;
  padding: 9px 15px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  min-width: unset;
  transition: all .3s ease-in-out;
  letter-spacing: 1px;
}

.header-sidebar-mobile .btn-outline-white:hover,
.header-sidebar-mobile .btn-outline-white:focus,
.header-sidebar-mobile .btn-outline-white:active {
  background: #fff;
  color: #4faeff;
  text-decoration: none;
}

.header-sidebar-mobile .list-group-tit {
  background: #eee;
  color: #777;
  text-align: center;
  font-size: 14px;
  padding: 6px 0;
}

.header-sidebar-mobile .list-group-item {
  border: 0;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
  overflow: hidden;
  font-size: 16px;
  float: none;
}

.header-sidebar-mobile .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.header-sidebar-mobile .list-group-item i,
.header-sidebar-mobile .dropdown i {
  font-size: 24px;
  line-height: 20px;
}

.header-sidebar-mobile .header-card-vline {
  margin-bottom: 20px;
}

.header-sidebar-mobile .header-card-vline .header-card-points {
  color: #ffffff;
  margin-bottom: 25px;
}

.header-sidebar-mobile .header-card-vline .header-card-points span,
.header-sidebar-mobile .header-card-vline .header-card-points small {
  display: block;
  text-align: center;
}

.header-sidebar-mobile .header-card-vline .header-card-points span {
  font-size: 24px;
  font-weight: bold;
}

.header-sidebar-mobile .header-card-vline .header-card-points small {
  color: rgba(255, 255, 255, 0.8);
}

.header-sidebar-mobile .header-card-points:hover span,
.header-sidebar-mobile .header-card-points:hover small,
.header-sidebar-mobile .header-card-points:focus span,
.header-sidebar-mobile .header-card-points:focus small,
.header-sidebar-mobile .header-card-points:active span,
.header-sidebar-mobile .header-card-points:active small {
  color: #FBD649;
  text-decoration: none;
}

.header-sidebar-mobile .header-card-vline {
  margin-bottom: 20px;
}

.header-sidebar-mobile .header-card-vline .col-xs-4 + .col-xs-4 :before {
  content: "";
  border-left: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 5%;
  height: 90%;
}

.header-sidebar-mobile .navbar-nav {
  margin: 0;
  float: none !important;
}

.header-sidebar-mobile .navbar-nav li > a {
  color: #333;
  padding: 5px;
  letter-spacing: 0.4px;
}

.header-sidebar-mobile .navbar-default .navbar-nav > .open > a,
.header-sidebar-mobile .navbar-default .navbar-nav > .open > a:hover,
.header-sidebar-mobile .navbar-default .navbar-nav > .open > a:focus {
  background-color: #ffffff;
  color: #333;
}

.header-sidebar-mobile .linkmenu-item-circle {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
  padding-top: 15px;
  font-size: 14px;
}

.header-sidebar-mobile .linkmenu-item-circle li {
  width: 33.333333%;
  float: left;
  text-align: center;
}

.header-sidebar-mobile .linkmenu-item-circle li a {
  line-height: 20px;
  padding: 5px 15px 25px;
  display: block;
  clear: both;
}

.header-sidebar-mobile .linkmenu-item-circle li a img {
  display: block;
  width: auto;
  height: 80px;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.header-sidebar-mobile .linkmenu-item-circle li:hover a,
.header-sidebar-mobile .linkmenu-item-circle li:focus a,
.header-sidebar-mobile .linkmenu-item-circle li:active a {
  text-decoration: none;
  color: #333;
}

.header-sidebar-mobile .linkmenu-item-roundedicon {
  padding-top: 15px;
  box-shadow: none;
  border-radius: 0;
  padding-bottom: 0;
}

.header-sidebar-mobile .linkmenu-item-roundedicon li {
  width: 33.333333%;
  float: left;
  text-align: center;
}

.header-sidebar-mobile .linkmenu-item-roundedicon li a {
  padding: 5px 15px 25px;
  background-color: transparent;
}

.header-sidebar-mobile .linkmenu-item-roundedicon li a img {
  display: block;
  width: auto;
  height: 80px;
  margin: 0 auto 10px auto;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.header-sidebar-mobile .dropdown-menu.text-list-menu li {
  color: #777;
  font-size: 14px;
  border-top: 1px solid #ccc;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px;
}

.header-sidebar-mobile .dropdown-menu.text-list-menu li:last-child {
  margin-bottom: -15px;
}

.linkmenu-item-red {
  background: #F18986;
}

.linkmenu-item-pink {
  background: #F8B6CF;
}

.linkmenu-item-orange {
  background: #F6B774;
}

.linkmenu-item-yellow {
  background: #F5D663;
}

.linkmenu-item-beige {
  background: #f2be92;
}

.linkmenu-item-brown {
  background: #E2B27A;
}

.linkmenu-item-green {
  background: #C4D47C;
}

.linkmenu-item-greenblue {
  background: #8CE1DC;
}

.linkmenu-item-lightblue {
  background: #69d2f5;
}

.linkmenu-item-blue {
  background: #80B6F0;
}

.linkmenu-item-bluepurple {
  background: #9EB3F2;
}

.linkmenu-item-purple {
  background: #E7B3F0;
}

.header-sidebar-mobile .linkmenu-item-nobg {
  padding-top: 15px;
  box-shadow: none;
  border-radius: 0;
  padding-bottom: 0;
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.header-sidebar-mobile .linkmenu-item-nobg li {
  width: 33.333333%;
  float: left;
  text-align: center;
}

.header-sidebar-mobile .linkmenu-item-nobg li a {
  padding: 5px 25px 25px 25px;
}

.header-sidebar-mobile .linkmenu-item-nobg li a img {
  display: block;
  width: auto;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
}

@media (max-width: 479px) {
  .header-sidebar-mobile .btn-outline-white {
    font-size: 16px;
  }

  .header-sidebar-mobile .list-group-item {
    font-size: 16px;
  }

  .header-sidebar-mobile .linkmenu-item-circle > li > a,
  .header-sidebar-mobile .navbar-nav .open .dropdown-menu.linkmenu-item-roundedicon > li > a,
  .header-sidebar-mobile .navbar-nav .open .dropdown-menu.linkmenu-item-nobg > li > a {
    padding: 5px 8px 20px !important;
    color: #777;
  }
}

.header-sidebar-mobile .social-item-mobile {
  list-style: none;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
  padding: 20px 15px 25px 15px;
  background: #ffffff;
  margin-bottom: 0;
}

.header-sidebar-mobile .social-item-mobile li {
  width: 20%;
  float: left;
  text-align: center;
}

.header-sidebar-mobile .social-item-mobile li a {
  display: block;
  width: 50% !important;
  height: 0;
  padding-bottom: 50%;
  margin: 0 auto;
  border-radius: 50%;
}

.header-sidebar-mobile .social-item-mobile li .line-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/line-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #00B900;
}

.header-sidebar-mobile .social-item-mobile li .facebook-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/fb-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #424FAB;
}

.header-sidebar-mobile .social-item-mobile li .instagram-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/ig-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #A92ADA;
}

.header-sidebar-mobile .social-item-mobile li .blog-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/blog-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #e66d05;
}

.header-sidebar-mobile .social-item-mobile li .youtube-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/youtube-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #da2a2a;
}

.header-sidebar-mobile .social-item-mobile li .telegram-icon {
  background-image: url(https://www.settour.com.tw/st_dist/img/icon/telegram-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #039BE5;
}

#fancybox-loading {
  z-index: 99999 !important;
}

.fancybox-opened {
  z-index: 99998 !important;
}

.fancybox-overlay {
  z-index: 99997 !important;
}

.header-sidebar-mobile.pin-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.16);
  transition: 0.3s ease all;
  border-top: none;
  z-index: 1000;
}

.mega-sub-menu {
  display: none;
  position: absolute;
  width: 1150px;
  top: 100%;
  right: 0px;
  z-index: 3;
  border-top: solid 4px #004ea2;
  background: #fff;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  padding: 15px 17px 15px 28px;
}

.mega-sub-menu-list {
  float: left;
  width: 100%;
  padding-right: 395px;
}

.mega-sub-menu-list-area {
  padding-bottom: 8px;
}

.mega-sub-menu-list-area-tit {
  font-size: 22px;
  font-weight: bold;
  color: #004ea2;
  border-bottom: solid 1px #004ea2;
  padding: 8px 0px;
  margin: 0px 0px 7px;
}

.mega-sub-menu-list-area .row {
  margin: 0px -7px;
}

.mega-sub-menu-list-area .row > div {
  padding: 0px 7px;
}

.mega-sub-menu-list-link a {
  display: block;
  transition: 0.3s ease all;
  text-decoration: none;
  font-size: 15px;
  line-height: 21px;
  color: #545454;
  padding: 3px 3px;
  letter-spacing: -1px;
}

.mega-sub-menu-list-link a:hover {
  color: #2d7cd1;
}

.mega-sub-menu-ad {
  float: right;
  margin-left: -100%;
  width: 360px;
}

.mega-sub-menu-item-title {
  /*background: #658fbc;*/
  background: #c6cacf;
  text-align: center;
  color: #fff;
}

.mega-sub-menu-item-tit {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  padding: 4px 0px;
  color: #333;
}

.mega-sub-menu-item-tit a {
  color: #333;
  transition: 0.3s ease all;
  text-decoration: none;
  display: block;
}

.mega-sub-menu-item-tit a:hover {
  color: #2d7cd1;
}

.mega-sub-menu-item-tit span {
  font-size: 12px;
  font-weight: normal;
}

.mega-sub-menu-item-tit.white {
  color: #fff;
}

.mega-sub-menu:after {
  content: '';
  display: block;
  clear: both;
}

.mega-sub-menu-close {
  position: absolute;
  top: 12px;
  right: -44px;
  width: 44px;
  height: 44px;
  /*background: #004ea2;*/
  background: #2d7cd1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mega-sub-menu-close i {
  color: #fff;
  font-size: 24px;
  margin: 0 12px;
  padding: 0 !important;
  line-height: 44px;
}

.menu-bg {
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-sub-menu {
    width: 760px;
    padding: 15px 24px;
  }

  .mega-sub-menu-list {
    padding: 0px;
  }

  .mega-sub-menu-ad {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .mega-sub-menu {
    width: 760px;
    padding: 15px 24px;
  }

  .mega-sub-menu-list {
    padding: 0px;
  }

  .mega-sub-menu-ad {
    display: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .mega-sub-menu {
    position: fixed;
    right: auto;
    left: 0px;
    top: 51px;
    width: 100%;
    height: calc(100% - 51px);
    overflow-y: scroll;
    padding: 0px;
  }

  .mega-sub-menu-list {
    padding: 0px;
  }

  .mega-sub-menu-list .row {
    margin: 0px;
  }

  .mega-sub-menu-list-area {
    padding: 0px;
    /*border-top: solid 5px $color-bg-gray;*/
    margin: 0px -15px;
  }

  .mega-sub-menu-list-area-tit {
    display: none;
  }

  .mega-sub-menu-list-area .row > div {
    padding: 0px;
  }

  .mega-sub-menu-list-link {
    display: none;
  }

  .mega-sub-menu-list-link a {
    font-size: 16px;
    line-height: 22px;
    border-bottom: dashed 1px #e0e0e0;
    padding: 13px 15px 13px 30px;
  }

  .mega-sub-menu-list-link a:last-of-type {
    border-bottom: solid 1px #e0e0e0;
  }

  .mega-sub-menu-ad {
    display: none;
  }

  .mega-sub-menu-item-title .mega-sub-menu-item-tit.has-link:after {
    color: #fff;
  }

  .mega-sub-menu-item-tit {
    border-bottom: solid 1px #e0e0e0;
    font-size: 16px;
    padding: 13px 15px;
  }

  .mega-sub-menu-item-tit.has-link {
    position: relative;
  }

  .mega-sub-menu-item-tit.has-link:after {
    position: absolute;
    right: 15px;
    content: "\F107";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 24px;
    color: #888;
    transition: 0.3s ease all;
  }

  .mega-sub-menu-item-tit.has-link.active:after {
    transform: rotate(-180deg);
  }

  .mega-sub-menu.mobie {
    background: transparent;
    border-top: none;
    box-shadow: none;
    top: 0;
    height: 100%;
    left: -100%;
  }

  .mega-sub-menu.mobie .mega-sub-menu-list {
    position: relative;
    width: 90%;
    height: 100%;
    background: #fff;
    border-top: solid 4px #004ea2;
  }

  .mega-sub-menu.mobie .mega-sub-menu-list-area {
    background: #fff;
  }

  .mega-sub-menu.mobie.active {
    left: 0;
    display: block;
    transition: all 1s ease-in-out;
  }

  .mega-sub-menu.mobie::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .mega-sub-menu {
    position: fixed;
    right: auto;
    left: 0px;
    top: 51px;
    width: 100%;
    height: calc(100% - 51px);
    overflow-y: scroll;
    padding: 0px;
  }

  .mega-sub-menu-list {
    padding: 0px;
  }

  .mega-sub-menu-list .row {
    margin: 0px;
  }

  .mega-sub-menu-list-area {
    padding: 0px;
    /*border-top: solid 5px $color-bg-gray;*/
    margin: 0px -15px;
  }

  .mega-sub-menu-list-area-tit {
    display: none;
  }

  .mega-sub-menu-list-area .row > div {
    padding: 0px;
  }

  .mega-sub-menu-list-link {
    display: none;
  }

  .mega-sub-menu-list-link a {
    font-size: 16px;
    line-height: 22px;
    border-bottom: dashed 1px #e0e0e0;
    padding: 13px 15px 13px 30px;
  }

  .mega-sub-menu-list-link a:last-of-type {
    border-bottom: solid 1px #e0e0e0;
  }

  .mega-sub-menu-ad {
    display: none;
  }

  .mega-sub-menu-item-title .mega-sub-menu-item-tit.has-link:after {
    color: #fff;
  }

  .mega-sub-menu-item-tit {
    border-bottom: solid 1px #e0e0e0;
    font-size: 16px;
    padding: 13px 15px;
  }

  .mega-sub-menu-item-tit.has-link {
    position: relative;
  }

  .mega-sub-menu-item-tit.has-link:after {
    position: absolute;
    right: 15px;
    content: "\F107";
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 24px;
    color: #888;
    transition: 0.3s ease all;
  }

  .mega-sub-menu-item-tit.has-link.active:after {
    transform: rotate(-180deg);
  }

  .mega-sub-menu.mobie {
    background: transparent;
    border-top: none;
    top: 0;
    height: 100%;
    left: -100%;
  }

  .mega-sub-menu.mobie .mega-sub-menu-list {
    position: relative;
    width: 87%;
    height: 100%;
    background: #fff;
    border-top: solid 4px #004ea2;
  }

  .mega-sub-menu.mobie .mega-sub-menu-list-area {
    background: #fff;
  }

  .mega-sub-menu.mobie.active {
    left: 0;
    display: block;
    transition: all 1s ease-in-out;
  }

  .mega-sub-menu.mobie::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .mega-sub-menu {
    box-shadow: none;
  }

  .header-bottom .container .navbar-header .logo .logo-tag {
    top: 10px;
  }
}

.mobile-header-right-link {
  display: inline-block;
  vertical-align: middle;
  border-left: solid 1px #e0e0e0;
  height: 100%;
}

.mobile-header-right-link-area {
  font-size: 0px;
  text-align: right;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 1;
}

.mobile-header-right-link a {
  display: block;
  font-size: 18px;
  color: #888;
  width: 40px;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 9px 0px 0px;
  text-decoration: none;
}

.mobile-header-right-link a span {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.mobile-header-right-link a.active i {
  color: #004ea2;
}

.mobile-header-right-link.b2e a {
  width: 90px;
  cursor: pointer;
}

.cart-header-login {
  font-size: 0px;
  text-align: right;
  padding: 20px 0px;
  margin-right: -10px;
  line-height: 35px;
}

.cart-header-login-icon {
  display: inline-block;
  vertical-align: middle;
  color: #004ea2;
  font-size: 25px;
  line-height: 25px;
}

.cart-header-login-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 24px;
  padding: 0px 10px;
  border-right: solid 1px #eee;
}

.cart-header-login-link:last-of-type {
  border: none;
}

.cart-header-login-link a {
  font-weight: bold;
  color: #004ea2;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cart-header-login {
    margin: 0px;
    padding-right: 15px;
    padding: 19px 15px 19px 0px;
    line-height: 23px;
  }
}

@media screen and (max-width: 768px) {
  .cart-header-login {
    line-height: 23px;
  }
}

.announcement {
  background: #fbd649;
}

.announcement .container {
  position: relative;
}

.announcement p,
.announcement marquee {
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0px;
  padding-right: 40px;
  display: block;
}

.announcement i {
  position: absolute;
  top: 8px;
  right: 15px;
  font-size: 2rem;
  color: #333;
  cursor: pointer;
  transition: 0.3s ease all;
}

.announcement i:hover {
  color: #004ea2;
}

.announcement-no-close p,
.announcement-no-close marquee {
  padding-right: 0px;
}

.announcement-pin:before {
  content: '';
  display: block;
  height: 36px;
}

.announcement-pin .announcement {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 3;
}

@media screen and (max-width: 1440px) {
  .announcement p {
    padding-right: 20px;
  }

  .announcement-no-close p {
    padding-right: 0px;
  }
}

@media screen and (max-width: 991px) {
  .announcement p,
  .announcement marquee {
    font-size: 15px;
    line-height: 21px;
  }
}

@media screen and (max-width: 767px) {
  .announcement-pin .announcement {
    top: 51px;
  }
}

.mega-sub-menu-top-area {
  padding: 20px 0;
}

.mega-sub-menu-top-area .container .row > [class^=col-] {
  padding: 0 5px;
}

.mega-sub-menu-top-area .container .row > div > [class^=col-]:first-child {
  padding: 5px 5px 5px 0;
}

.mega-sub-menu-top-area .container .row > div > [class^=col-]:last-child {
  padding: 5px 0 5px 5px;
}

.mega-sub-menu-top-area .member-welcome {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.mega-sub-menu-top-area .member-welcome i {
  width: 60px;
  height: 60px;
  background-size: contain;
}

.mega-sub-menu-top-area-personal {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 80px);
  /*.st-alert-warning{
            font-size: 14px;
            line-height: 18px;
            
            i{
                padding: 5px 0 0 0 !important;
                font-size: 18px;
            }
        }*/
}

.mega-sub-menu-top-area-personal h2 {
  font-weight: bold;
  margin: 5px 0;
  height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
}

.mega-sub-menu-top-area-personal .inner {
  /*&-function{
                a{
                    text-decoration: none;
                    cursor: pointer;
                    display: inline-block;
                    border-radius: 15px;
                    i{
                        padding: 0 !important;
                    }
                    &:hover{
                        box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
                    }
                }
            }*/
}

.mega-sub-menu-top-area-personal .inner-txt {
  color: #333;
}

.mega-sub-menu-top-area-personal .inner-data {
  padding: 5px 0;
}

.mega-sub-menu-top-area-personal .inner-mycash,
.mega-sub-menu-top-area-personal .inner-coupon {
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  color: #333;
}

.mega-sub-menu-top-area-personal .inner-mycash span,
.mega-sub-menu-top-area-personal .inner-coupon span {
  color: #e73155;
}

@media screen and (max-width: 479px) {
  .mega-sub-menu-top-area-personal {
    width: calc(100% - 74px);
  }

  .mega-sub-menu-top-area .member-welcome {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .mega-sub-menu-top-area {
    padding: 0;
  }

  .mega-sub-menu-top-area .member-welcome {
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
  }

  .mega-sub-menu-top-area-personal {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: top;
  }

  .mega-sub-menu-top-area-personal .inner-txt {
    color: #333;
    padding: 5px 0;
  }

  .mega-sub-menu-top-area-personal .inner-data {
    padding: 5px 0;
  }

  .mega-sub-menu-top-area-personal .inner-mycash,
  .mega-sub-menu-top-area-personal .inner-coupon {
    color: #333;
  }
}

@media screen and (min-width: 479px) {
  .mega-sub-menu-top-area .member-welcome {
    margin-right: 5px;
  }
}

/*增廣告露出版位 全站通用*/

.showAD {
  position: fixed;
  /*bottom: 15vh;  原本的*/
  top: 23vh;
  /*改*/
  right: 0;
  /*bn 寬75px*/
  z-index: 1000;
  transition: all 1s ease-out;
}

.showAD-area {
  position: relative;
}

.showAD.active {
  right: -155px;
}

/*0417增1024*/

@media screen and (min-width: 992px) and (max-width: 1399px) {
  .showAD {
    top: 13vh;
  }
}

@media screen and (max-height: 680px) {
  .showAD {
    top: 10vh;
  }
}

/*0417增1024*/

@media screen and (max-width: 991px) {
  .showAD {
    top: initial;
    bottom: 15vh;
  }
}

@media screen and (max-width: 767px) {
  .showAD-area {
    position: relative;
  }

  .showAD.active {
    right: -75px;
  }
}

.slidehide {
  width: 25px;
  height: 100%;
  text-align: center;
  padding: 5px 0;
  /*background: #2d7cd1;*/
  background: #e73155;
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: -25px;
  transition: all 1s linear;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}

.slidehide.active i {
  transform: rotate(180deg);
}

.slidehide-txt {
  padding-top: 8px;
  line-height: 24px;
}

.slidehide-txt span {
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
}

.forM {
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-rl;
  padding: 0px 3px;
  font-size: 13px;
}

/*廣告詳細說明 lightBox*/

.showAD-info h3,
.showAD-info h5,
.showAD-info p,
.showAD-info ul,
.showAD-info span,
.showAD-info a {
  margin-bottom: 10px;
}

.showAD-info h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #2d7cd1;
}

.showAD-info h5 {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #2d7cd1;
}

.showAD-info a {
  display: block;
  padding: 5px 0;
}

.showAD-info p {
  line-height: 24px;
  font-size: 15px;
}

.showAD-info ul {
  padding-left: 0;
  list-style: none;
  font-size: 15px;
}

.showAD-info ul li {
  margin-bottom: 5px;
}

.showAD-info span.memo {
  font-size: 12px;
  color: #888;
}

#fancybox-loading {
  z-index: 99999 !important;
}

.fancybox-opened {
  z-index: 99998 !important;
}

.fancybox-overlay {
  z-index: 99997 !important;
}

.b2b-header-greeting-dropdown-card {
  visibility: hidden;
  opacity: 0;
  color: #000000;
  background-color: #ffffff;
  z-index: 99999;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  text-align: left;
  padding: 15px;
  box-shadow: 1px 1px 3px #33333356;
}

.header-greeting:hover > .b2b-header-greeting-dropdown-card {
  visibility: visible;
  opacity: 1;
  transition: 0.1s 0.1s ease opacity;
}

.b2b-header-greeting-dropdown-card .bottom {
  margin: 10px auto;
}

.b2b-header-greeting-dropdown-card .bottom .put-left,
.b2b-header-greeting-dropdown-card .bottom .put-right {
  display: inline-block;
  text-align: center;
}

.b2b-header-greeting-dropdown-card .bottom .put-left a,
.b2b-header-greeting-dropdown-card .bottom .put-right a {
  padding: 0;
}

.b2b-header-greeting-dropdown-card .bottom .put-left {
  width: 100%;
  padding: 0px 5px;
}

.b2b-header-greeting-dropdown-card .bottom .logOutBtn {
  color: #2d7bd2;
  background-color: #ffffff;
  border: .5px solid #ccc;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  padding: 0;
  line-height: 40px;
}

.b2b-header-greeting-dropdown-card .bottom .logOutBtn:hover {
  box-shadow: 1px 1px 3px #33333356;
}

/* b2b 餘額查詢 popup層級提高 */

.b2b-popup.popup {
  z-index: 10000;
}

.order-tracking-lightbox .modal-header {
  color: #2d7cd1;
  text-align: center;
  border-bottom: 1px solid #eee;
  position: relative;
  padding: 12px 10px;
}

.order-tracking-lightbox .modal-base {
  padding: 0px 20px;
}

.order-tracking-lightbox .modal-base .input-box-base.order-tracking-item,
.order-tracking-lightbox .modal-base .order-tracking-item.input-box-border,
.order-tracking-lightbox .modal-base .order-tracking-item.input-box-inner {
  margin-bottom: 15px;
}

.order-tracking-lightbox .modal-base .input-box-base.order-tracking-item .input,
.order-tracking-lightbox .modal-base .order-tracking-item.input-box-border .input,
.order-tracking-lightbox .modal-base .order-tracking-item.input-box-inner .input {
  padding-left: 0px;
}

.order-tracking-lightbox .modal-bottom {
  padding: 0px 15px 15px;
}

/* b2e東南logo設定 */

.b2e-menu-logo {
  display: block;
  width: 194px;
  min-height: 75px;
  margin-left: 10px;
  background-image: url(https://b2e.settour.com.tw/b2e/79228705/logo/logo_normal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}

.header-sidebar-mobile .header-login-card .header-login-img-before img {
  height: 55px;
  width: auto;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .member-bg.no-footer-link header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
  }
}

.menu-btn > a {
  display: block;
  text-align: center;
}

.menu-btn > a i {
  position: relative;
  background: none !important;
  display: block;
  box-sizing: border-box;
  width: 19px;
  height: 20px;
  margin: 0 auto;
  padding: 4px 0px 0px;
}

.menu-btn > a i span {
  width: 19px;
  height: 2px;
  background: #004ea2;
  display: block;
  margin: 2px 0px;
  transition: 0.8s ease all;
}

.menu-btn > a i span:nth-of-type(3) {
  width: 10px;
}

.menu-btn > a i span:nth-of-type(4),
.menu-btn > a i span:nth-of-type(5) {
  opacity: 0;
  position: absolute;
  transform-origin: center center;
  top: 8px;
}

.menu-btn > a.active {
  background: #004ea2 !important;
  color: #fff !important;
}

.menu-btn > a.active span {
  background: #fff;
  transition: 0.3s ease all;
}

.menu-btn > a.active span:nth-of-type(1),
.menu-btn > a.active span:nth-of-type(2),
.menu-btn > a.active span:nth-of-type(3) {
  opacity: 0;
}

.menu-btn > a.active span:nth-of-type(4),
.menu-btn > a.active span:nth-of-type(5) {
  opacity: 1;
}

.menu-btn > a.active span:nth-of-type(4) {
  transform: rotate(45deg);
}

.menu-btn > a.active span:nth-of-type(5) {
  transform: rotate(-45deg);
}

.header-cart-quantity {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 18px;
  color: #fff;
  border-radius: 7px;
  background: #e73155;
  padding: 0px 4px;
  margin: -3px 0px 0px 4px;
  min-width: 20px;
  text-align: center;
}

.header-cart-quantity.show-time {
  animation: showQuantity 0.5s ease-in-out 0s;
}

.header-cart-quantity .has-tooltip.no-hover-contorl .st-tooltip,
.header-cart-quantity .has-tooltip.no-hover-contorl #st-tooltip .tooltip-inner,
#st-tooltip .header-cart-quantity .has-tooltip.no-hover-contorl .tooltip-inner,
.header-cart-quantity .has-tooltip.no-hover-contorl [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .header-cart-quantity .has-tooltip.no-hover-contorl .tooltip-inner,
.header-cart-quantity .has-tooltip.no-hover-contorl [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .header-cart-quantity .has-tooltip.no-hover-contorl .tooltip-inner,
.header-cart-quantity .has-tooltip.no-hover-contorl [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .header-cart-quantity .has-tooltip.no-hover-contorl .tooltip-inner {
  width: 200px;
  transform: translate(-50%, 5px);
  top: 20px;
  left: 6px;
  font-size: 14px;
}

@keyframes showQuantity {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

/* Scss Document */

.top-btn {
  position: fixed;
  right: 30px;
  bottom: 160px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}

.top-btn a {
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #888;
  line-height: 1.3;
  z-index: 2;
  text-decoration: none;
  transition: 0.3s ease all;
}

.top-btn a span {
  font-size: 1.2rem;
  display: block;
}

.top-btn a:hover {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.top-btn.animation-fadeInUp {
  visibility: visible;
}

@media screen and (max-width: 991px) {
  .top-btn {
    right: 10px;
    bottom: 60px;
  }
}

.page-fixed-btn-item {
  position: fixed;
  right: 30px;
  bottom: 160px;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.page-fixed-btn-item .page-fixed-block {
  margin-bottom: 10px;
}

.page-fixed-btn-item .page-fixed-title {
  font-size: 1.2rem;
  padding: 4px 0px;
  line-height: normal;
  text-align: center;
}

.page-fixed-btn-item .page-fixed-title span.quantity {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 18px;
  color: #fff;
  border-radius: 7px;
  background: #e73155;
  padding: 0px 4px;
  margin: -3px 0px 0px 0px;
  min-width: 20px;
  text-align: center;
}

.page-fixed-btn-item .page-fixed-title.top {
  border-radius: 4px 4px 0px 0px;
  color: #333;
  border-bottom: 1px solid #ccc;
}

.page-fixed-btn-item .page-fixed-title.bottom {
  border-radius: 0px 0px 4px 4px;
  border-top: 0;
}

.page-fixed-btn-item .page-fixed-title.bottom.bottom-btn {
  color: #fff;
  background-color: #e73155;
  margin: 5px;
  border-radius: 4px;
}

.page-fixed-btn-item .page-fixed-title.bottom.bottom-btn a {
  color: #fff;
  display: block;
  text-decoration: none;
}

.page-fixed-btn-item .page-fixed-title + .page-fixed-btn {
  border-radius: 0px 0px 4px 4px;
}

.page-fixed-btn-item .page-fixed-img {
  padding: 0px 5px;
  margin: 5px 0px;
  display: block;
}

.page-fixed-btn-item .page-fixed-img img {
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.page-fixed-btn-item .page-fixed-img + .page-fixed-img {
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.page-fixed-btn-item .page-fixed-btn {
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  text-decoration: none;
  background: #fff;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #888;
  line-height: 1.3;
  transition: all .3s ease;
  margin-bottom: 8px;
  visibility: hidden;
  position: relative;
}

.page-fixed-btn-item .page-fixed-btn:last-of-type {
  margin-bottom: 0;
}

.page-fixed-btn-item .page-fixed-btn span {
  font-size: 1.2rem;
  display: block;
}

.page-fixed-btn-item .page-fixed-btn span.text {
  min-width: 2em;
  line-height: 1.2;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-fixed-btn-item .page-fixed-btn span.icon {
  font-size: 2rem;
  line-height: 40px;
}

.page-fixed-btn-item .page-fixed-btn.has-top-right-icon .top-right-icon {
  position: absolute;
  right: -3px;
  top: -3px;
}

.page-fixed-btn-item .page-fixed-btn.animation-fadeInUp {
  visibility: visible;
}

.page-fixed-btn-item .page-fixed-btn:hover {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.page-fixed-btn-item .page-fixed-btn.lg {
  width: 70px;
  height: 70px;
}

.page-fixed-btn-item .page-fixed-btn.many {
  height: auto;
}

@media screen and (max-width: 991px) {
  .page-fixed-btn-item {
    right: 10px;
    bottom: 70px;
  }
}

.animation-fadeInUp {
  animation: fadeInUp 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.allience {
  text-align: center;
  padding: 12px 0;
  background: #fff;
  margin: 0 -25px;
}

.allience ul {
  display: inline-block;
  list-style: none;
  padding-top: 12px;
}

.allience ul li {
  margin-bottom: -50px;
  padding: 12px 0;
  float: left;
}

.allience ul li a {
  margin-right: 15px;
  position: relative;
  transform: translateY(-50%);
  display: inline-block;
}

.allience ul li a.f-logo1 {
  width: 50px;
  height: 35px;
  background-position: 0px 0px;
}

.allience ul li a.f-logo2 {
  width: 24px;
  height: 44px;
  background-position: 0px -48px;
}

.allience ul li a.f-logo3 {
  width: 39px;
  height: 26px;
  background-position: 0px -110px;
}

.allience ul li a.f-logo4 {
  width: 36px;
  height: 28px;
  background-position: 0px -166px;
}

.allience ul li a.f-logo5 {
  width: 45px;
  height: 30px;
  background-position: 0px -224px;
}

.allience ul li a.f-logo6 {
  width: 37px;
  height: 33px;
  background-position: -4px -289px;
}

.allience ul li a.f-logo7 {
  width: 29px;
  height: 29px;
  background-position: -2px -347px;
}

.allience ul li a.f-logo8 {
  width: 33px;
  height: 42px;
  background-position: -7px -398px;
}

.allience ul li a.f-logo9 {
  width: 47px;
  height: 42px;
  background-position: -2px -458px;
}

.allience ul li a.f-logo10 {
  width: 278px;
  height: 30px;
  background-position: -1px -522px;
}

.allience ul li a.f-logo11 {
  width: 165px;
  height: 19px;
  background-position: -2px -571px;
}

footer {
  padding: 25px 0;
  background: #fff;
}

footer.has-pin {
  padding-bottom: 77px;
}

.footer .footer-link {
  background: #2d7cd1;
}

.footer .footer-link ul {
  min-height: 5px;
  margin: 0;
  list-style: none;
  padding-left: 0px;
}

.footer .footer-link ul li {
  float: left;
  display: inline-block;
  text-align: center;
  width: 12.5%;
}

.footer .footer-link ul li a {
  color: #fff;
  font-size: 1.5rem;
  line-height: 46px;
  text-decoration: none;
  display: block;
  transition: 0.3s ease all;
}

.footer .footer-link ul li a:hover {
  text-shadow: 1px 1px #000;
}

.footer .footer-logo {
  width: 180px;
}

.footer .footer-phone {
  margin-top: 10px;
  line-height: 20px;
}

.footer .footer-phone span {
  display: none;
  color: #333;
  font-size: 16px;
  letter-spacing: 1px;
}

.footer .footer-phone strong {
  color: #2d7bd2;
  font-size: 20px;
  letter-spacing: 1px;
  padding-left: 5px;
}

.footer .footer-phone a:nth-child(2) {
  color: #2d7bd2;
  font-size: 2.88rem;
  text-decoration: none;
}

.footer .footer-info {
  text-align: right;
  color: #333;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px;
}

.footer .footer-wrapper {
  display: none;
}

@media screen and (min-width: 992px) {
  .footer-phone > span:nth-child(1) {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-phone > span:nth-child(2) {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .footer-phone > span:nth-child(3) {
    display: inline-block;
  }
}

.footer .b2e-footer img {
  width: 300px;
  height: auto;
  margin: 20px auto 30px;
}

@media screen and (max-width: 991px) {
  .allience {
    padding: 12px 0;
    margin: 0 -25px;
  }

  .allience ul {
    padding-top: 12px;
    padding-left: 0;
  }

  .allience ul li {
    padding: 12px 0;
  }

  .allience ul li a {
    margin-right: 6px;
    background-size: 306px 514px;
  }

  .allience ul li a.f-logo1 {
    width: 42.5px;
    height: 29.75px;
    background-position: 0px 0px;
  }

  .allience ul li a.f-logo2 {
    width: 20.4px;
    height: 37.4px;
    background-position: 0px -40px;
  }

  .allience ul li a.f-logo3 {
    width: 33.15px;
    height: 22.1px;
    background-position: 0px -93px;
  }

  .allience ul li a.f-logo4 {
    width: 30.6px;
    height: 23.8px;
    background-position: 0px -141px;
  }

  .allience ul li a.f-logo5 {
    width: 38.25px;
    height: 25.5px;
    background-position: 0px -190px;
  }

  .allience ul li a.f-logo6 {
    width: 31.45px;
    height: 28.05px;
    background-position: -3px -245px;
  }

  .allience ul li a.f-logo7 {
    width: 24.65px;
    height: 24.65px;
    background-position: -2px -294px;
  }

  .allience ul li a.f-logo8 {
    width: 28.05px;
    height: 35.7px;
    background-position: -5px -338px;
  }

  .allience ul li a.f-logo9 {
    width: 39.95px;
    height: 35.7px;
    background-position: -2px -389px;
  }

  .allience ul li a.f-logo10 {
    width: 236.3px;
    height: 25.5px;
    background-position: -1px -443px;
  }

  .allience ul li a.f-logo11 {
    width: 140.25px;
    height: 16.15px;
    background-position: -1px -485px;
  }

  .footer .footer-link ul li {
    width: 12.2%;
  }

  .footer .footer-link ul li a {
    font-size: 1.4rem;
    line-height: 46px;
  }

  .footer .footer-logo {
    margin: 0 auto;
    padding-left: 0;
    width: 200px;
  }

  .footer .footer-phone {
    display: block;
    text-align: center;
    width: auto;
    padding-left: 0;
  }

  .footer .footer-info {
    text-align: center;
    display: block;
    margin-top: 30px;
    padding: 0;
    letter-spacing: 0;
  }

  .footer .footer-wrapper {
    display: block;
  }

  .footer .footer-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .footer .footer-wrapper .footer-social-media {
    padding-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .footer .footer-wrapper .footer-social-media li {
    -ms-flex-positive: 1;
        flex-grow: 1;
    text-align: center;
    max-width: 75px;
  }

  .footer .footer-wrapper .footer-social-media li a {
    display: block;
    padding: 8px;
  }

  .footer .footer-wrapper .footer-social-media li a .facebook-icon,
  .footer .footer-wrapper .footer-social-media li a .instagram-icon,
  .footer .footer-wrapper .footer-social-media li a .line-icon,
  .footer .footer-wrapper .footer-social-media li a .blog-icon,
  .footer .footer-wrapper .footer-social-media li a .youtube-icon,
  .footer .footer-wrapper .footer-social-media li a .telegram-icon {
    margin: 0 auto;
  }

  .footer .footer-wrapper .footer-social-media li a .facebook-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/fb-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-color: #424FAB;
    border-radius: 50%;
  }

  .footer .footer-wrapper .footer-social-media li a .instagram-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/ig-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-color: #A92ADA;
    border-radius: 50%;
  }

  .footer .footer-wrapper .footer-social-media li a .line-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/line-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px !important;
    height: 40px;
    background-color: #00B900;
    border-radius: 50%;
  }

  .footer .footer-wrapper .footer-social-media li a .blog-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/blog-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-color: #e66d05;
    border-radius: 50%;
  }

  .footer .footer-wrapper .footer-social-media li a .youtube-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/youtube-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-color: #da2a2a;
    border-radius: 50%;
  }

  .footer .footer-wrapper .footer-social-media li a .telegram-icon {
    background-image: url(https://www.settour.com.tw/st_dist/img/icon/telegram-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-color: #039BE5;
    border-radius: 50%;
  }

  .footer .b2e-footer img {
    margin: 20px auto 70px;
  }
}

@media screen and (max-width: 767px) {
  .allience {
    display: none;
  }

  .footer-link ul li {
    display: none;
  }

  .footer-link ul li a {
    font-size: 1.5rem;
  }

  .footer .b2e-footer img {
    width: 250px;
    margin: 20px auto 50px;
  }
}

@media screen and (max-width: 479px) {
  .footer-link ul {
    height: 5px;
  }

  .footer-link ul li a {
    font-size: 0;
  }
}

.progress-bar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: rgba(0, 0, 0, 0);
  z-index: 1002;
  box-shadow: none;
}

.progress-bar div {
  transition: none;
  height: 100%;
  width: 0%;
  position: relative;
  border-radius: 0px 0px 10px 0px;
  background: #2d7cd1;
  background: linear-gradient(to right, #2d7cd1 47%, #004ea2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7cd1', endColorstr='#004ea2',GradientType=1 );
}

.progress-bar div span {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 25%;
  background: #004ea2;
  background: linear-gradient(to right, #004ea2 0%, #e73155 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004ea2', endColorstr='#e73155',GradientType=1 );
}

.search-progress-bar {
  width: 100%;
  height: 7px;
  margin: 10px 0;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.search-progress-bar div {
  width: 0;
  height: 100%;
  position: relative;
  border-radius: 5px;
  background: #2d7cd1;
  background: linear-gradient(to right, #2d7cd1 47%, #004ea2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7cd1', endColorstr='#004ea2',GradientType=1 );
}

.search-progress-bar div span {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 5px;
  background: #004ea2;
  background: linear-gradient(to right, #004ea2 0%, #e73155 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004ea2', endColorstr='#e73155',GradientType=1 );
}

.progress-bs {
  height: 8px;
  margin: 15px 0;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar-bs {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #2d7cd1;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease;
}

@keyframes loadingAnimation {
  0% {
    transform: scale(0.2);
  }

  10% {
    opacity: 1;
    transform: scale(1.5) rotate(-45deg);
    width: 15px;
    height: 30px;
  }

  100% {
    transform: scale(0.2);
  }
}

@keyframes loadingAnimation_2 {
  0% {
    transform: translateX(50%) translateY(-50%) rotate(50deg);
    opacity: 1;
    width: 15px;
  }

  100% {
    transform: translateX(50%) translateY(-50%) rotate(410deg);
  }
}

@keyframes loadingBg {
  0% {
    opacity: 0.8;
    width: 0%;
    height: 0%;
  }

  100% {
    opacity: 0;
    width: 150%;
    height: 150%;
  }
}

.loading-align {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  pointer-events: none;
}

.loading-align-area {
  position: relative;
  min-height: 124px;
  background: rgba(255, 255, 255, 0.65);
}

.loading-align-area .loading-circle {
  transform: scale(0.2);
}

.loading-align-area.full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1052;
}

.loading-align-area.cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.loading-align.has-text .loading-circle {
  top: -14px;
}

.loading-align.has-text .loading-align-text {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 56%;
}

.btn-loading-align {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.btn-loading-align .loading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.12);
}

.btn-loading-align .loading-circle .btn-loading-bar {
  background: #fff;
}

.loading-circle {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.loading-circle:before,
.loading-circle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  animation: loadingBg 3s ease-in-out infinite 0s;
  background: #f37370;
  background: #eee;
  z-index: 0;
}

.loading-circle:after {
  animation-delay: 1s;
}

.loading-bar,
.whiteBtn-loading .btn-loading-bar,
.btn-loading-bar {
  position: absolute;
  background: #fbb949;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  box-shadow: 0px 0px 5px #fff;
  opacity: 0.1;
}

.loading-bar:nth-of-type(7),
.whiteBtn-loading .btn-loading-bar:nth-of-type(7),
.btn-loading-bar:nth-of-type(7) {
  right: 9%;
  top: 5%;
  background: #e73155;
}

.loading-bar:nth-of-type(6),
.whiteBtn-loading .btn-loading-bar:nth-of-type(6),
.btn-loading-bar:nth-of-type(6) {
  right: 26%;
  top: 9%;
  background: #e73155;
}

.loading-bar:nth-of-type(5),
.whiteBtn-loading .btn-loading-bar:nth-of-type(5),
.btn-loading-bar:nth-of-type(5) {
  right: 39%;
  top: 21%;
  background: #e73155;
}

.loading-bar:nth-of-type(4),
.whiteBtn-loading .btn-loading-bar:nth-of-type(4),
.btn-loading-bar:nth-of-type(4) {
  right: 45%;
  top: 39%;
  background: #004ea2;
}

.loading-bar:nth-of-type(3),
.whiteBtn-loading .btn-loading-bar:nth-of-type(3),
.btn-loading-bar:nth-of-type(3) {
  right: 49.5%;
  top: 58%;
  background: #004ea2;
}

.loading-bar:nth-of-type(2),
.whiteBtn-loading .btn-loading-bar:nth-of-type(2),
.btn-loading-bar:nth-of-type(2) {
  right: 59%;
  top: 74%;
  background: #004ea2;
}

.loading-bar:nth-of-type(1),
.whiteBtn-loading .btn-loading-bar:nth-of-type(1),
.btn-loading-bar:nth-of-type(1) {
  right: 76.5%;
  top: 80%;
  background: #004ea2;
}

.loading-bar:nth-of-type(1),
.whiteBtn-loading .btn-loading-bar:nth-of-type(1),
.btn-loading-bar:nth-of-type(1) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.125s;
}

.loading-bar:nth-of-type(2),
.whiteBtn-loading .btn-loading-bar:nth-of-type(2),
.btn-loading-bar:nth-of-type(2) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.25s;
}

.loading-bar:nth-of-type(3),
.whiteBtn-loading .btn-loading-bar:nth-of-type(3),
.btn-loading-bar:nth-of-type(3) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.375s;
}

.loading-bar:nth-of-type(4),
.whiteBtn-loading .btn-loading-bar:nth-of-type(4),
.btn-loading-bar:nth-of-type(4) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.5s;
}

.loading-bar:nth-of-type(5),
.whiteBtn-loading .btn-loading-bar:nth-of-type(5),
.btn-loading-bar:nth-of-type(5) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.625s;
}

.loading-bar:nth-of-type(6),
.whiteBtn-loading .btn-loading-bar:nth-of-type(6),
.btn-loading-bar:nth-of-type(6) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.75s;
}

.loading-bar:nth-of-type(7),
.whiteBtn-loading .btn-loading-bar:nth-of-type(7),
.btn-loading-bar:nth-of-type(7) {
  animation: loadingAnimation 2s ease infinite;
  transform: scale(0.2);
  animation-delay: 0.875s;
}

.loading-bar:nth-of-type(8),
.whiteBtn-loading .btn-loading-bar:nth-of-type(8),
.btn-loading-bar:nth-of-type(8) {
  background: #e73155;
  transform-origin: 57% 449%;
  top: 0%;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(0deg);
  opacity: 0;
  animation: loadingAnimation_2 2s ease infinite;
  animation-delay: 1.1s;
}

.loading-bar:nth-of-type(9),
.whiteBtn-loading .btn-loading-bar:nth-of-type(9),
.btn-loading-bar:nth-of-type(9) {
  background: #e73155;
  transform-origin: 57% 449%;
  top: 0%;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(0deg);
  opacity: 0;
  animation: loadingAnimation_2 2s ease infinite;
  animation-delay: 1.2s;
}

.loading-bar:nth-of-type(10),
.whiteBtn-loading .btn-loading-bar:nth-of-type(10),
.btn-loading-bar:nth-of-type(10) {
  background: #e73155;
  transform-origin: 57% 449%;
  top: 0%;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(0deg);
  opacity: 0;
  animation: loadingAnimation_2 2s ease infinite;
  animation-delay: 1.3s;
}

.loading-bar:nth-of-type(11),
.whiteBtn-loading .btn-loading-bar:nth-of-type(11),
.btn-loading-bar:nth-of-type(11) {
  background: #e73155;
  transform-origin: 57% 449%;
  top: 0%;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(0deg);
  opacity: 0;
  animation: loadingAnimation_2 2s ease infinite;
  animation-delay: 1.4s;
}

.loading-bar:nth-of-type(12),
.whiteBtn-loading .btn-loading-bar:nth-of-type(12),
.btn-loading-bar:nth-of-type(12) {
  background: #e73155;
  transform-origin: 57% 449%;
  top: 0%;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(0deg);
  opacity: 0;
  animation: loadingAnimation_2 2s ease infinite;
  animation-delay: 1.5s;
}

.small-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.small-loading > article {
  width: 100%;
  min-height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.small-loading > article .loading-circle {
  transform: scale(0.08);
}

.loadingInfo-img {
  margin: 0 0 30px 0;
  text-align: center;
}

.loadingInfo-img img {
  width: 100%;
  height: auto;
}

@property --num {
  syntax: "<integer>";
  initial-value: 99;
  inherits: false;
}

.loading-percent {
  animation: counter 3s ease-in-out;
  counter-reset: num var(--num);
}

.loading-percent::before {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }

  to {
    --num: 99;
  }
}

.st-dropdown-menu:hover ul.st-dropdown-menu-list {
  display: block;
}

ul.st-dropdown-menu-list {
  position: absolute;
  width: 100%;
  min-width: 165px;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0px 12px 18px rgba(0, 0, 0, 0.35);
  z-index: 4;
  display: none;
  transition-delay: 3s;
  margin: 0px;
  padding: 5px 0px;
  border-radius: 0px 0px 4px 4px;
}

ul.st-dropdown-menu-list > li {
  border: none;
  border-bottom: solid 1px #eee;
  float: none;
  list-style: none;
}

ul.st-dropdown-menu-list > li > a {
  padding: 12px 20px;
  color: #333;
  text-decoration: none;
  transition: 0.3s ease all;
  display: block;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
}

ul.st-dropdown-menu-list > li > a:hover {
  background: #f0f0f0;
}

ul.st-dropdown-menu-list > li > a.two-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

ul.st-dropdown-menu-list > li > a img.header-list-icon {
  height: 20px;
  margin-right: 8px;
  vertical-align: bottom;
}

ul.st-dropdown-menu-list.greeting {
  min-width: 240px;
}

.st-dropdown-menu:hover ul.st-dropdown-menu-list.header-cart {
  position: absolute;
  right: 0px;
  left: auto;
}

ul.st-dropdown-menu-list.header-cart {
  width: 330px;
  overflow: hidden;
  position: fixed;
  right: auto;
  left: -2000px;
  display: block;
}

ul.st-dropdown-menu-list.header-cart > li {
  padding: 15px 18px;
  border-bottom: solid 1px #eee;
  position: relative;
  font-size: 1.5rem;
  line-height: 21px;
  border-top: 1px solid #eee;
}

ul.st-dropdown-menu-list.header-cart > li:first-of-type {
  border-top: 0;
}

ul.st-dropdown-menu-list.header-cart > li.scroll-bar {
  overflow-y: scroll;
  max-height: 330px;
}

ul.st-dropdown-menu-list.header-cart > li.scroll-bar:hover {
  background: #fff;
}

ul.st-dropdown-menu-list.header-cart ul.st-dropdown-menu-list.header-cart {
  position: relative;
  box-shadow: none;
  margin: -14px -18px;
  width: auto;
}

ul.st-dropdown-menu-list.header-cart .header-cart-item {
  display: -ms-flexbox;
  display: flex;
}

ul.st-dropdown-menu-list.header-cart .header-cart-item:hover {
  background-color: #fff;
}

ul.st-dropdown-menu-list.header-cart .header-cart-product-img {
  width: 30%;
  padding-right: 10px;
}

ul.st-dropdown-menu-list.header-cart .header-cart-product-img img {
  width: 100%;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

ul.st-dropdown-menu-list.header-cart .header-cart-tit-and-detail {
  width: 70%;
}

ul.st-dropdown-menu-list.header-cart .header-cart-tit {
  color: #333;
  font-weight: bold;
  text-align: center;
}

ul.st-dropdown-menu-list.header-cart .header-cart-tit a {
  color: #333 !important;
  text-decoration: none;
  transition: 0.3s ease all;
  padding-right: 50px !important;
  min-height: 32px;
  display: block;
  text-align: left;
  line-height: 21px !important;
  background: transparent !important;
}

ul.st-dropdown-menu-list.header-cart .header-cart-tit a:hover {
  color: #3d4c98 !important;
  background: transparent !important;
}

ul.st-dropdown-menu-list.header-cart .header-cart-tit a.pd-0 {
  padding: 0 !important;
}

ul.st-dropdown-menu-list.header-cart .header-cart-del {
  position: absolute;
  right: 18px;
  top: 14px;
  font-weight: 300;
}

ul.st-dropdown-menu-list.header-cart .header-cart-del i {
  cursor: pointer;
  font-size: 18px;
  line-height: 30px;
  color: #2d7cd1;
  border-radius: 4px;
  border: solid 1px;
  width: 34px;
  height: 32px;
  box-sizing: border-box;
  text-align: center;
  transition: 0.3s ease all;
}

ul.st-dropdown-menu-list.header-cart .header-cart-del i:hover {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail {
  padding: 10px 0px;
  color: #333;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail .none {
  color: #ccc;
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail .price {
  color: #e73155;
  font-weight: bold;
  display: block;
  font-size: 1.5rem;
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail .info {
  line-height: normal;
  padding-bottom: 5px;
  text-align: left;
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail .info:last-of-type {
  padding-bottom: 0;
}

ul.st-dropdown-menu-list.header-cart .header-cart-detail + .header-cart-detail {
  border-top: 1px dashed #ccc;
}

ul.st-dropdown-menu-list.header-cart .header-cart-btn {
  padding: 11px 14px;
  background: #f0f0f0 !important;
}

ul.st-dropdown-menu-list.header-cart .header-cart-btn a {
  text-decoration: none;
}

ul.st-dropdown-menu-list.header-cart .header-cart-btn a.member {
  background: #2d7cd1;
  height: 30px;
  line-height: 30px;
}

ul.st-dropdown-menu-list.header-cart .header-cart-btn:hover a {
  background: #e73155 !important;
  color: #fff !important;
}

ul.st-dropdown-menu-list.header-cart .header-cart-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.7) !important;
  z-index: 10;
}

.st-dropdown-menu.social-menu ul.st-dropdown-menu-list {
  right: 0;
  left: initial;
}

/*************
    父層加class="has-tootip"
    tootip的定位個別設定
*************/

.has-tooltip {
  position: relative;
  cursor: help;
}

.has-tooltip:hover .st-tooltip,
.has-tooltip:hover #st-tooltip .tooltip-inner,
#st-tooltip .has-tooltip:hover .tooltip-inner,
.has-tooltip:hover [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .has-tooltip:hover .tooltip-inner,
.has-tooltip:hover [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .has-tooltip:hover .tooltip-inner,
.has-tooltip:hover [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .has-tooltip:hover .tooltip-inner {
  opacity: 1;
  z-index: 2;
  visibility: visible;
}

.has-tooltip.no-hover-contorl {
  cursor: pointer;
}

.has-tooltip.no-hover-contorl .st-tooltip,
.has-tooltip.no-hover-contorl #st-tooltip .tooltip-inner,
#st-tooltip .has-tooltip.no-hover-contorl .tooltip-inner,
.has-tooltip.no-hover-contorl [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .has-tooltip.no-hover-contorl .tooltip-inner,
.has-tooltip.no-hover-contorl [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .has-tooltip.no-hover-contorl .tooltip-inner,
.has-tooltip.no-hover-contorl [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .has-tooltip.no-hover-contorl .tooltip-inner {
  opacity: 1;
  visibility: inherit;
  z-index: 4;
}

a.has-tooltip .st-tooltip,
a.has-tooltip #st-tooltip .tooltip-inner,
#st-tooltip a.has-tooltip .tooltip-inner,
a.has-tooltip [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] a.has-tooltip .tooltip-inner,
a.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] a.has-tooltip .tooltip-inner,
a.has-tooltip [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] a.has-tooltip .tooltip-inner {
  color: #333;
  text-decoration: none;
}

.st-tooltip,
#st-tooltip .tooltip-inner,
[data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip-type2] .tooltip-inner,
[id~=st-tooltip] .tooltip-inner {
  position: absolute;
  background: #fff;
  text-align: center;
  padding: 10px 25px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  transition: 0.3s ease opacity;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.st-tooltip .close-btn,
#st-tooltip .tooltip-inner .close-btn,
[data-id~=st-tooltip] .tooltip-inner .close-btn,
[data-id~=st-tooltip-type2] .tooltip-inner .close-btn,
[id~=st-tooltip] .tooltip-inner .close-btn {
  width: 25px;
  top: 0px;
  right: 0px;
}

.st-tooltip .close-btn i,
#st-tooltip .tooltip-inner .close-btn i,
[data-id~=st-tooltip] .tooltip-inner .close-btn i,
[data-id~=st-tooltip-type2] .tooltip-inner .close-btn i,
[id~=st-tooltip] .tooltip-inner .close-btn i {
  font-size: 15px;
  line-height: 25px;
}

.st-tooltip:before,
#st-tooltip .tooltip-inner:before,
[data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .tooltip-inner:before,
[id~=st-tooltip] .tooltip-inner:before,
.st-tooltip:after,
#st-tooltip .tooltip-inner:after,
[data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .tooltip-inner:after,
[id~=st-tooltip] .tooltip-inner:after {
  content: '';
  position: absolute;
  left: 50%;
}

.st-tooltip:before,
#st-tooltip .tooltip-inner:before,
[data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .tooltip-inner:before,
[id~=st-tooltip] .tooltip-inner:before {
  border-top: solid 9px #d5d5d5;
  border-left: solid 9px rgba(255, 255, 255, 0);
  border-right: solid 9px rgba(255, 255, 255, 0);
  bottom: -9px;
  margin-left: -9px;
}

.st-tooltip:after,
#st-tooltip .tooltip-inner:after,
[data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .tooltip-inner:after,
[id~=st-tooltip] .tooltip-inner:after {
  border-top: solid 8px #fff;
  border-left: solid 8px rgba(255, 255, 255, 0);
  border-right: solid 8px rgba(255, 255, 255, 0);
  bottom: -8px;
  margin-left: -8px;
}

.st-tooltip p:last-of-type,
#st-tooltip .tooltip-inner p:last-of-type,
[data-id~=st-tooltip] .tooltip-inner p:last-of-type,
[data-id~=st-tooltip-type2] .tooltip-inner p:last-of-type,
[id~=st-tooltip] .tooltip-inner p:last-of-type {
  margin-bottom: 0px;
}

.st-tooltip ul,
#st-tooltip .tooltip-inner ul,
[data-id~=st-tooltip] .tooltip-inner ul,
[data-id~=st-tooltip-type2] .tooltip-inner ul,
[id~=st-tooltip] .tooltip-inner ul,
.st-tooltip ol,
#st-tooltip .tooltip-inner ol,
[data-id~=st-tooltip] .tooltip-inner ol,
[data-id~=st-tooltip-type2] .tooltip-inner ol,
[id~=st-tooltip] .tooltip-inner ol {
  padding-left: 17px;
}

.st-tooltip ul:last-of-type,
#st-tooltip .tooltip-inner ul:last-of-type,
[data-id~=st-tooltip] .tooltip-inner ul:last-of-type,
[data-id~=st-tooltip-type2] .tooltip-inner ul:last-of-type,
[id~=st-tooltip] .tooltip-inner ul:last-of-type,
.st-tooltip ol:last-of-type,
#st-tooltip .tooltip-inner ol:last-of-type,
[data-id~=st-tooltip] .tooltip-inner ol:last-of-type,
[data-id~=st-tooltip-type2] .tooltip-inner ol:last-of-type,
[id~=st-tooltip] .tooltip-inner ol:last-of-type {
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .st-m-right .st-tooltip,
  .st-m-right #st-tooltip .tooltip-inner,
  #st-tooltip .st-m-right .tooltip-inner,
  .st-m-right [data-id~=st-tooltip] .tooltip-inner,
  [data-id~=st-tooltip] .st-m-right .tooltip-inner,
  .st-m-right [data-id~=st-tooltip-type2] .tooltip-inner,
  [data-id~=st-tooltip-type2] .st-m-right .tooltip-inner,
  .st-m-right [id~=st-tooltip] .tooltip-inner,
  [id~=st-tooltip] .st-m-right .tooltip-inner {
    left: auto;
    right: -8px;
    transform: translateX(0px);
    width: 325px;
    bottom: 30px;
  }

  .st-m-right .st-tooltip:before,
  .st-m-right #st-tooltip .tooltip-inner:before,
  #st-tooltip .st-m-right .tooltip-inner:before,
  .st-m-right [data-id~=st-tooltip] .tooltip-inner:before,
  [data-id~=st-tooltip] .st-m-right .tooltip-inner:before,
  .st-m-right [data-id~=st-tooltip-type2] .tooltip-inner:before,
  [data-id~=st-tooltip-type2] .st-m-right .tooltip-inner:before,
  .st-m-right [id~=st-tooltip] .tooltip-inner:before,
  [id~=st-tooltip] .st-m-right .tooltip-inner:before,
  .st-m-right .st-tooltip:after,
  .st-m-right #st-tooltip .tooltip-inner:after,
  #st-tooltip .st-m-right .tooltip-inner:after,
  .st-m-right [data-id~=st-tooltip] .tooltip-inner:after,
  [data-id~=st-tooltip] .st-m-right .tooltip-inner:after,
  .st-m-right [data-id~=st-tooltip-type2] .tooltip-inner:after,
  [data-id~=st-tooltip-type2] .st-m-right .tooltip-inner:after,
  .st-m-right [id~=st-tooltip] .tooltip-inner:after,
  [id~=st-tooltip] .st-m-right .tooltip-inner:after {
    left: 95%;
  }
}

.tooltip-arrow-up:before {
  bottom: auto;
  top: -9px;
  transform: rotate(-180deg);
}

.tooltip-arrow-up:after {
  bottom: auto;
  top: -8px;
  transform: rotate(-180deg);
}

.tooltip-arrow-left:before,
.tooltip-arrow-left:after {
  bottom: 50%;
  left: auto;
  margin-left: 0px;
}

.tooltip-arrow-left:before {
  border-top: solid 9px rgba(255, 255, 255, 0);
  border-bottom: solid 9px rgba(255, 255, 255, 0);
  border-left: solid 9px #d5d5d5;
  border-right: solid 0px rgba(255, 255, 255, 0);
  right: -9px;
  margin-bottom: -9px;
}

.tooltip-arrow-left:after {
  border-top: solid 8px rgba(255, 255, 255, 0);
  border-bottom: solid 8px rgba(255, 255, 255, 0);
  border-left: solid 8px #fff;
  border-right: solid 0px rgba(255, 255, 255, 0);
  right: -8px;
  margin-bottom: -8px;
}

.tooltip-arrow-right:before,
.tooltip-arrow-right:after {
  bottom: 50%;
  margin-left: 0px;
}

.tooltip-arrow-right:before {
  border-top: solid 9px rgba(255, 255, 255, 0);
  border-bottom: solid 9px rgba(255, 255, 255, 0);
  border-right: solid 9px #d5d5d5;
  border-left: solid 0px rgba(255, 255, 255, 0);
  left: -9px;
  margin-bottom: -9px;
}

.tooltip-arrow-right:after {
  border-top: solid 8px rgba(255, 255, 255, 0);
  border-bottom: solid 8px rgba(255, 255, 255, 0);
  border-right: solid 8px #fff;
  border-left: solid 0px rgba(255, 255, 255, 0);
  left: -8px;
  margin-bottom: -8px;
}

#st-tooltip,
[data-id~=st-tooltip],
[data-id~=st-tooltip-type2],
[id~=st-tooltip] {
  font-family: Arial, "Microsoft JhengHei", "Helvetica Neue", Helvetica, sans-serif;
}

#st-tooltip.in,
[data-id~=st-tooltip].in,
.in[data-id~=st-tooltip-type2],
[id~=st-tooltip].in {
  opacity: 1;
}

#st-tooltip .tooltip-arrow,
[data-id~=st-tooltip] .tooltip-arrow,
[data-id~=st-tooltip-type2] .tooltip-arrow,
[id~=st-tooltip] .tooltip-arrow {
  z-index: 1;
}

#st-tooltip .tooltip-inner,
[data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip-type2] .tooltip-inner,
[id~=st-tooltip] .tooltip-inner {
  position: relative;
  opacity: 1;
  visibility: visible;
  color: #333;
}

#st-tooltip .tooltip-inner:before,
#st-tooltip .tooltip-inner:after,
[data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .tooltip-inner:after,
[id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .tooltip-inner:after {
  display: none;
}

#st-tooltip.top,
#st-tooltip.bottom,
[data-id~=st-tooltip].top,
.top[data-id~=st-tooltip-type2],
[data-id~=st-tooltip].bottom,
.bottom[data-id~=st-tooltip-type2],
[id~=st-tooltip].top,
[id~=st-tooltip].bottom {
  padding: 9px 0px;
}

#st-tooltip.left,
#st-tooltip.right,
[data-id~=st-tooltip].left,
.left[data-id~=st-tooltip-type2],
[data-id~=st-tooltip].right,
.right[data-id~=st-tooltip-type2],
[id~=st-tooltip].left,
[id~=st-tooltip].right {
  padding: 0px 9px;
}

#st-tooltip.top .tooltip-arrow,
[data-id~=st-tooltip].top .tooltip-arrow,
.top[data-id~=st-tooltip-type2] .tooltip-arrow,
[id~=st-tooltip].top .tooltip-arrow {
  border-top-color: #fff;
  border-width: 10px 9px 0px;
}

#st-tooltip.bottom .tooltip-arrow,
[data-id~=st-tooltip].bottom .tooltip-arrow,
.bottom[data-id~=st-tooltip-type2] .tooltip-arrow,
[id~=st-tooltip].bottom .tooltip-arrow {
  border-bottom-color: #fff;
  border-width: 0px 9px 10px;
}

#st-tooltip.bottom .tooltip-inner,
[data-id~=st-tooltip].bottom .tooltip-inner,
.bottom[data-id~=st-tooltip-type2] .tooltip-inner,
[id~=st-tooltip].bottom .tooltip-inner {
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}

#st-tooltip.left .tooltip-arrow,
[data-id~=st-tooltip].left .tooltip-arrow,
.left[data-id~=st-tooltip-type2] .tooltip-arrow,
[id~=st-tooltip].left .tooltip-arrow {
  border-left-color: #fff;
  border-width: 9px 0px 9px 10px;
  margin-top: -9px;
}

#st-tooltip.left .tooltip-inner,
[data-id~=st-tooltip].left .tooltip-inner,
.left[data-id~=st-tooltip-type2] .tooltip-inner,
[id~=st-tooltip].left .tooltip-inner {
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
}

#st-tooltip.right .tooltip-arrow,
[data-id~=st-tooltip].right .tooltip-arrow,
.right[data-id~=st-tooltip-type2] .tooltip-arrow,
[id~=st-tooltip].right .tooltip-arrow {
  border-right-color: #fff;
  border-width: 9px 10px 9px 0px;
  margin-top: -9px;
}

#st-tooltip.right .tooltip-inner,
[data-id~=st-tooltip].right .tooltip-inner,
.right[data-id~=st-tooltip-type2] .tooltip-inner,
[id~=st-tooltip].right .tooltip-inner {
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 991px) {
  .has-tooltip {
    cursor: pointer;
  }
}

[data-id~=st-tooltip-type2] .tooltip-inner {
  max-width: 280px;
  padding-left: 15px;
  padding-right: 15px;
}

.st-alert-warning,
.st-alert-danger,
.st-alert-info,
.st-alert-success,
.st-alert-email {
  background: #FFFBEC;
  border: solid 2px #fbb949;
  padding: 8px 9px 8px 38px;
  margin: 10px 0;
  border-radius: 4px;
  line-height: 22px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  color: #333;
  position: relative;
}

.st-alert-warning .fit-bold,
.st-alert-danger .fit-bold,
.st-alert-info .fit-bold,
.st-alert-success .fit-bold,
.st-alert-email .fit-bold {
  font-weight: bold;
}

.st-alert-warning > i,
.st-alert-danger > i,
.st-alert-info > i,
.st-alert-success > i,
.st-alert-email > i {
  font-size: 2.5rem;
  color: #fbb949;
  position: absolute;
  top: 7px;
  left: 9px;
}

.st-alert-warning > span,
.st-alert-danger > span,
.st-alert-info > span,
.st-alert-success > span,
.st-alert-email > span {
  vertical-align: middle;
}

.st-alert-warning ul,
.st-alert-danger ul,
.st-alert-info ul,
.st-alert-success ul,
.st-alert-email ul,
.st-alert-warning ol,
.st-alert-danger ol,
.st-alert-info ol,
.st-alert-success ol,
.st-alert-email ol {
  padding-left: 21px;
}

.st-alert-warning ul:last-of-type,
.st-alert-danger ul:last-of-type,
.st-alert-info ul:last-of-type,
.st-alert-success ul:last-of-type,
.st-alert-email ul:last-of-type,
.st-alert-warning ol:last-of-type,
.st-alert-danger ol:last-of-type,
.st-alert-info ol:last-of-type,
.st-alert-success ol:last-of-type,
.st-alert-email ol:last-of-type {
  margin-bottom: 0px;
}

.st-alert-warning.no-margin-top,
.no-margin-top.st-alert-danger,
.no-margin-top.st-alert-info,
.no-margin-top.st-alert-success,
.no-margin-top.st-alert-email {
  margin-top: 0px;
}

.st-alert-warning.no-margin-bottom,
.no-margin-bottom.st-alert-danger,
.no-margin-bottom.st-alert-info,
.no-margin-bottom.st-alert-success,
.no-margin-bottom.st-alert-email {
  margin-bottom: 0px;
}

.st-alert-warning.type-c,
.type-c.st-alert-danger,
.type-c.st-alert-info,
.type-c.st-alert-success,
.type-c.st-alert-email {
  padding: 8px 38px;
}

.st-alert-warning.type-c .close-btn,
.type-c.st-alert-danger .close-btn,
.type-c.st-alert-info .close-btn,
.type-c.st-alert-success .close-btn,
.type-c.st-alert-email .close-btn {
  top: 0;
  right: 0;
}

.st-list-group-item-warning {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  padding: 10px 15px;
  background: #fef9e1;
  margin: 10px 0px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mg-0 {
  margin: 0 !important;
}

.st-alert-danger {
  color: #e73155;
  background: #FEEAEE;
  border: solid 2px #e73155;
  color: #333;
}

.st-alert-danger .fit-bold {
  font-weight: bold;
}

.st-alert-danger i {
  color: #e73155;
}

.st-alert-danger.type-c {
  padding: 8px 38px;
}

.st-alert-danger.type-c .close-btn {
  top: 0;
}

.st-alert-info {
  color: #2d7cd1;
  background: #EEF6FF;
  border: solid 2px #2d7cd1;
  width: 100%;
  color: #333;
}

.st-alert-info .fit-bold {
  font-weight: bold;
}

.st-alert-info i {
  color: #2d7cd1;
}

.st-alert-info.type-c {
  padding: 8px 38px;
}

.st-alert-info.type-c .close-btn {
  top: 0;
}

.st-alert-success {
  color: #2fb570;
  background: #fff;
  border: solid 2px #2fb570;
  color: #888;
}

.st-alert-success i {
  color: #2fb570;
}

.st-alert-success.type-c {
  padding: 8px 38px;
}

.st-alert-success.type-c .close-btn {
  top: 0;
}

.st-alert-email {
  color: #2d7cd1;
  background: #EEF6FF;
  border: solid 2px #2d7cd1;
  /*padding: 8px 9px;
    .small-loading{vertical-align: top;}*/
}

.st-alert-email .fit-bold {
  font-weight: bold;
}

.st-alert-email i {
  color: #2d7cd1;
}

.st-alert-email .email-check {
  color: #333;
  display: inline-block;
  word-break: break-all;
}

.st-alert-email .email-check span {
  color: #2d7cd1;
  margin: 0 8px;
}

/*
.st-alert-warning, .st-alert-danger, .st-alert-info{
    width: 100%;
}
*/

.st-alert-warning.many .showMore,
.many.st-alert-danger .showMore,
.many.st-alert-info .showMore,
.many.st-alert-success .showMore,
.many.st-alert-email .showMore,
.st-alert-danger.many .showMore,
.st-alert-info.many .showMore {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 30px;
  text-align: center;
  width: calc(100% - 4px);
  color: #333;
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  background: #fff;
  z-index: 3;
}

.st-alert-warning.many .showMore:before,
.many.st-alert-danger .showMore:before,
.many.st-alert-info .showMore:before,
.many.st-alert-success .showMore:before,
.many.st-alert-email .showMore:before,
.st-alert-danger.many .showMore:before,
.st-alert-info.many .showMore:before {
  content: '';
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  height: 3px;
  border-top: dashed 1px #ccc;
  z-index: 1;
}

.st-alert-warning.many .showMore:after,
.many.st-alert-danger .showMore:after,
.many.st-alert-info .showMore:after,
.many.st-alert-success .showMore:after,
.many.st-alert-email .showMore:after,
.st-alert-danger.many .showMore:after,
.st-alert-info.many .showMore:after {
  content: "\F107";
  font-family: 'FontAwesome';
  margin-left: 5px;
  transition: 0.3s ease all;
}

.st-alert-warning.many i,
.many.st-alert-danger i,
.many.st-alert-info i,
.many.st-alert-success i,
.many.st-alert-email i,
.st-alert-danger.many i,
.st-alert-info.many i {
  left: 15px;
  top: 15px;
}

.st-alert-warning .many-info,
.st-alert-danger .many-info,
.st-alert-info .many-info,
.st-alert-success .many-info,
.st-alert-email .many-info,
.st-alert-danger .many-info,
.st-alert-info .many-info {
  padding: 0 10px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.st-alert-warning .many-info.active ~ .showMore:after,
.st-alert-danger .many-info.active ~ .showMore:after,
.st-alert-info .many-info.active ~ .showMore:after,
.st-alert-success .many-info.active ~ .showMore:after,
.st-alert-email .many-info.active ~ .showMore:after,
.st-alert-danger .many-info.active ~ .showMore:after,
.st-alert-info .many-info.active ~ .showMore:after {
  content: "\F106";
}

.st-alert-warning .many-info div,
.st-alert-danger .many-info div,
.st-alert-info .many-info div,
.st-alert-success .many-info div,
.st-alert-email .many-info div,
.st-alert-danger .many-info div,
.st-alert-info .many-info div {
  padding: 8px 10px 8px 0px;
  border-bottom: solid 1px #eee;
}

.st-alert-warning .many-info div strong,
.st-alert-danger .many-info div strong,
.st-alert-info .many-info div strong,
.st-alert-success .many-info div strong,
.st-alert-email .many-info div strong,
.st-alert-warning .many-info div span,
.st-alert-danger .many-info div span,
.st-alert-info .many-info div span,
.st-alert-success .many-info div span,
.st-alert-email .many-info div span,
.st-alert-danger .many-info div strong,
.st-alert-danger .many-info div span,
.st-alert-info .many-info div strong,
.st-alert-info .many-info div span {
  display: inline-block;
  vertical-align: top;
}

.st-alert-warning .many-info div strong,
.st-alert-danger .many-info div strong,
.st-alert-info .many-info div strong,
.st-alert-success .many-info div strong,
.st-alert-email .many-info div strong,
.st-alert-danger .many-info div strong,
.st-alert-info .many-info div strong {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  margin-right: 15px;
}

.st-alert-warning .many-info div span,
.st-alert-danger .many-info div span,
.st-alert-info .many-info div span,
.st-alert-success .many-info div span,
.st-alert-email .many-info div span,
.st-alert-danger .many-info div span,
.st-alert-info .many-info div span {
  width: 85%;
}

.st-alert-warning .many-info div a,
.st-alert-danger .many-info div a,
.st-alert-info .many-info div a,
.st-alert-success .many-info div a,
.st-alert-email .many-info div a,
.st-alert-danger .many-info div a,
.st-alert-info .many-info div a {
  margin-left: 10px;
}

.st-alert-warning .many-info div:last-child,
.st-alert-danger .many-info div:last-child,
.st-alert-info .many-info div:last-child,
.st-alert-success .many-info div:last-child,
.st-alert-email .many-info div:last-child,
.st-alert-danger .many-info div:last-child,
.st-alert-info .many-info div:last-child {
  border-bottom: none;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .st-alert-warning .many-info div strong,
  .st-alert-danger .many-info div strong,
  .st-alert-info .many-info div strong,
  .st-alert-success .many-info div strong,
  .st-alert-email .many-info div strong,
  .st-alert-danger .many-info div strong,
  .st-alert-info .many-info div strong {
    width: 20%;
  }

  .st-alert-warning .many-info div span,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div span,
  .st-alert-success .many-info div span,
  .st-alert-email .many-info div span,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div span {
    width: 80%;
  }
}

@media screen and (max-width: 991px) {
  .st-alert-warning .many-info div strong,
  .st-alert-danger .many-info div strong,
  .st-alert-info .many-info div strong,
  .st-alert-success .many-info div strong,
  .st-alert-email .many-info div strong,
  .st-alert-danger .many-info div strong,
  .st-alert-info .many-info div strong {
    width: 25%;
  }

  .st-alert-warning .many-info div span,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div span,
  .st-alert-success .many-info div span,
  .st-alert-email .many-info div span,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div span {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .st-alert-warning.many,
  .many.st-alert-danger,
  .many.st-alert-info,
  .many.st-alert-success,
  .many.st-alert-email,
  .st-alert-danger.many,
  .st-alert-info.many {
    padding: 10px 15px 32px 15px;
    display: -ms-flexbox;
    display: flex;
  }

  .st-alert-warning.many i,
  .many.st-alert-danger i,
  .many.st-alert-info i,
  .many.st-alert-success i,
  .many.st-alert-email i,
  .st-alert-danger.many i,
  .st-alert-info.many i {
    position: inherit;
    left: 0;
    top: 0;
    right: -2px;
  }

  .st-alert-warning.many > i:first-child,
  .many.st-alert-danger > i:first-child,
  .many.st-alert-info > i:first-child,
  .many.st-alert-success > i:first-child,
  .many.st-alert-email > i:first-child,
  .st-alert-danger.many > i:first-child,
  .st-alert-info.many > i:first-child {
    padding: 6px 8px 6px 0px;
  }

  .st-alert-warning .many-info,
  .st-alert-danger .many-info,
  .st-alert-info .many-info,
  .st-alert-success .many-info,
  .st-alert-email .many-info,
  .st-alert-danger .many-info,
  .st-alert-info .many-info {
    padding: 0;
    transition: all 0.5s ease;
  }

  .st-alert-warning .many-info div strong,
  .st-alert-danger .many-info div strong,
  .st-alert-info .many-info div strong,
  .st-alert-success .many-info div strong,
  .st-alert-email .many-info div strong,
  .st-alert-warning .many-info div span,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div span,
  .st-alert-success .many-info div span,
  .st-alert-email .many-info div span,
  .st-alert-danger .many-info div strong,
  .st-alert-danger .many-info div span,
  .st-alert-info .many-info div strong,
  .st-alert-info .many-info div span {
    display: block;
    width: 100%;
  }

  .st-alert-warning .many-info div:not(:first-child),
  .st-alert-danger .many-info div:not(:first-child),
  .st-alert-info .many-info div:not(:first-child),
  .st-alert-success .many-info div:not(:first-child),
  .st-alert-email .many-info div:not(:first-child),
  .st-alert-danger .many-info div:not(:first-child),
  .st-alert-info .many-info div:not(:first-child) {
    display: none;
  }

  .st-alert-warning .many-info.active,
  .st-alert-danger .many-info.active,
  .st-alert-info .many-info.active,
  .st-alert-success .many-info.active,
  .st-alert-email .many-info.active,
  .st-alert-danger .many-info.active,
  .st-alert-info .many-info.active {
    height: inherit;
    transition: all 0.5s ease;
  }

  .st-alert-warning .many-info.active div:not(:first-child),
  .st-alert-danger .many-info.active div:not(:first-child),
  .st-alert-info .many-info.active div:not(:first-child),
  .st-alert-success .many-info.active div:not(:first-child),
  .st-alert-email .many-info.active div:not(:first-child),
  .st-alert-danger .many-info.active div:not(:first-child),
  .st-alert-info .many-info.active div:not(:first-child) {
    display: block;
  }
}

.popup {
  position: fixed;
  z-index: 1051;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.popup-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup-bg + .popup-content {
  border: none;
  box-shadow: none;
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 340px;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  padding: 30px 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popup-content .popup-icon {
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  color: #2d7cd1;
  padding: 0px 0px 10px;
}

.popup-content .popup-icon .loading-align-area {
  min-height: 50px;
}

.popup-content .popup-icon.red {
  color: #e73155;
}

.popup-content .popup-text {
  font-size: 1.5rem;
  line-height: 20px;
  text-align: center;
}

.popup-content .popup-text strong {
  font-size: 1.7rem;
  line-height: 24px;
  display: block;
  padding: 10px 0px 10px 0px;
  text-align: center;
}

.popup-content .popup-text span.red {
  font-size: 1.7rem;
  line-height: 24px;
}

.popup-content .popup-text .input-box-border {
  margin: 10px 0;
}

.popup-content .popup-text .input-box-border > input {
  text-align: center;
}

.popup-content .popup-text .input-box-border .input-error {
  text-align: left;
}

.popup-content .popup-text .text-up {
  margin-bottom: 5px;
  text-align: center;
}

.popup-content .popup-text .st-alert-info,
.popup-content .popup-text .st-alert-warning,
.popup-content .popup-text .st-alert-danger,
.popup-content .popup-text .st-alert-info,
.popup-content .popup-text .st-alert-success,
.popup-content .popup-text .st-alert-email,
.popup-content .popup-text .st-alert-danger {
  text-align: left;
}

.popup-content .popup-text ol {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.popup-content .popup-text ol li:first-child {
  padding-top: 12px;
  padding-bottom: 8px;
}

.popup-content .popup-text ol li + li {
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #ccc;
}

.popup-content .popup-text ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  text-align: left;
  margin-top: 10px;
}

.popup-content .popup-btn {
  text-align: center;
  padding: 20px 0px 0px;
  /*兩欄的btn*/
}

.popup-content .popup-btn input {
  max-width: 160px;
}

.popup-content .popup-btn .row {
  margin: 0px -5px;
}

.popup-content .popup-btn .row [class*=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.popup-content .popup-btn.dou input {
  display: inline-block;
  word-spacing: -0.36em;
}

.popup-content .popup-btn.dou input:nth-child(1) {
  margin-right: 8px;
  max-width: calc(50% - 10px);
}

.popup-content .popup-btn.dou input:nth-child(2) {
  margin-left: 8px;
  max-width: calc(50% - 10px);
}

.popup-content .popup-loading {
  min-height: 250px;
}

.popup-content .close-btn {
  z-index: 10;
}

@media screen and (min-width: 479px) {
  .popup-content .popup-text {
    font-size: 1.4rem;
  }

  .popup-content .popup-text strong {
    font-size: 1.6rem;
  }

  .popup-content.lg {
    width: 450px;
  }

  .popup-content .popup-btn.dou input {
    margin: 5px 0;
  }
}

@media screen and (max-width: 479px) {
  .popup-content .close-btn {
    top: 0;
    right: 0;
  }
}

.tag {
  font-size: 1.2rem;
  line-height: 18px;
  padding: 1px 8px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  outline: none;
  /* 202112新增 tooltip icon無邊距 */
}

.tag > i {
  margin-right: 3px;
}

.tag > i + i {
  margin-left: 3px;
  margin-right: 0px;
}

.tag.red {
  color: #e73155;
  box-shadow: 0px 0px 0px 1px #e73155 inset;
}

.tag.blue {
  color: #2d7cd1;
  box-shadow: 0px 0px 0px 1px #2d7cd1 inset;
}

.tag.light-blue {
  color: #559ae2;
  box-shadow: 0px 0px 0px 1px #559ae2 inset;
}

.tag.green {
  color: #2fb570;
  box-shadow: 0px 0px 0px 1px #2fb570 inset;
}

.tag.gray {
  color: #888;
  box-shadow: 0px 0px 0px 1px #888 inset;
}

.tag.gray-darker {
  color: #333;
  box-shadow: 0px 0px 0px 1px #ccc inset;
}

.tag.gray-darker-2 {
  color: #888;
  box-shadow: 0px 0px 0px 1px #888 inset;
}

.tag.yellow {
  color: #fbb949;
  box-shadow: 0px 0px 0px 1px #fbb949 inset;
}

.tag.white {
  color: #fff;
  box-shadow: 0px 0px 0px 1px #fff inset;
}

.tag.black {
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
}

.tag.md {
  font-size: 1.2rem;
  line-height: 20px;
  padding: 1px 10px;
}

.tag.md.black {
  padding: 3px 10px;
}

.tag.lg {
  font-size: 1.5rem;
  line-height: 21px;
  padding: 3px 15px;
}

.tag.xlg {
  font-size: 2rem;
  line-height: 24px;
  padding: 3px 15px;
  font-weight: bold;
}

.tag.xlg.pl-0 {
  padding-left: 0;
}

.tag.xlg small {
  font-size: 1.5rem;
  margin-left: 5px;
  font-weight: normal;
}

.tag.solid {
  color: #fff;
  box-shadow: none;
  /* 202112新增 tooltip icon顏色為黑色 */
}

.tag.solid > i {
  margin-right: 3px;
}

.tag.solid.red {
  background: #f37370;
}

.tag.solid.red.lighter {
  background: rgba(243, 115, 112, 0.2);
  color: #333;
}

.tag.solid.red.lighter i {
  color: #e73155;
}

.tag.solid.blue {
  background: #2d7cd1;
}

.tag.solid.blue.lighter {
  background: #e7f3ff;
  color: #333;
}

.tag.solid.blue.lighter i {
  color: #2d7cd1;
}

.tag.solid.light-blue {
  background: #559ae2;
}

.tag.solid.green {
  background: #2fb570;
}

.tag.solid.green.lighter {
  background: rgba(47, 181, 112, 0.2);
  color: #333;
}

.tag.solid.green.lighter i {
  color: #2fb570;
}

.tag.solid.gray {
  background: #eee;
  color: #333;
}

.tag.solid.gray.lighter {
  background: #eee;
}

.tag.solid.gray.lighter i {
  color: #aaa;
}

.tag.solid.soon {
  background: #fbbcbc;
  color: #333;
}

.tag.solid.soon.lighter {
  background: #fbbcbc;
}

.tag.solid.soon.lighter i {
  color: #ec8481;
}

.tag.solid.yellow {
  background: #fbd649;
  color: #333;
  /*訂房星級圖*/
}

.tag.solid.yellow i.fa-star,
.tag.solid.yellow i.fa-star-half,
.tag.solid.yellow i.fa-star-half-o {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.tag.solid.yellow.lighter {
  background: #ffeb99;
}

.tag.solid.yellow.lighter i {
  color: #f9a410;
  text-shadow: none;
}

.tag.solid.lighter-yellow {
  background: #ffeb99;
  color: #333;
}

.tag.solid.silver-gradient {
  background: linear-gradient(135deg, #666 0%, #bbb 50%, #666 100%);
}

.tag.solid.black-gradient {
  background: linear-gradient(135deg, #000 0%, #666 50%, #000 100%);
}

.tag.solid.golden {
  background: #986a1b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #986a1b 0%, #f2f1b3 50%, #986a1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#986a1b', endColorstr='#986a1b', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.tag.solid.white {
  background: #fff;
  color: #333;
}

.tag.solid.white.lighter {
  background: #fff;
}

.tag.solid.white.lighter i {
  color: #aaa;
}

.tag.solid.lighter i.fa.fa-info-circle {
  color: #333;
  margin-right: 0px;
  margin-left: 3px;
}

.tag.no-border {
  box-shadow: none;
}

.tag.has-tooltip .st-tooltip,
.tag.has-tooltip #st-tooltip .tooltip-inner,
#st-tooltip .tag.has-tooltip .tooltip-inner,
.tag.has-tooltip [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .tag.has-tooltip .tooltip-inner,
.tag.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .tag.has-tooltip .tooltip-inner,
.tag.has-tooltip [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .tag.has-tooltip .tooltip-inner {
  bottom: 32px;
  width: 300px;
  left: 0px;
  text-align: left;
  color: #333;
}

.tag.has-tooltip .st-tooltip:before,
.tag.has-tooltip #st-tooltip .tooltip-inner:before,
#st-tooltip .tag.has-tooltip .tooltip-inner:before,
.tag.has-tooltip [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .tag.has-tooltip .tooltip-inner:before,
.tag.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .tag.has-tooltip .tooltip-inner:before,
.tag.has-tooltip [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .tag.has-tooltip .tooltip-inner:before,
.tag.has-tooltip .st-tooltip:after,
.tag.has-tooltip #st-tooltip .tooltip-inner:after,
#st-tooltip .tag.has-tooltip .tooltip-inner:after,
.tag.has-tooltip [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .tag.has-tooltip .tooltip-inner:after,
.tag.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .tag.has-tooltip .tooltip-inner:after,
.tag.has-tooltip [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .tag.has-tooltip .tooltip-inner:after {
  left: 13px;
}

.tag.display-block {
  display: block;
}

.tag.ori-price {
  text-decoration: line-through;
  padding: 0;
}

.tag .inner-info {
  display: inline-block;
  margin-right: 5px;
}

.tag .inner-info span {
  display: inline-block;
  padding: 0 2px;
  color: #fff;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .tag {
    font-size: 1.2rem;
  }

  .tag.has-tooltip .st-tooltip,
  .tag.has-tooltip #st-tooltip .tooltip-inner,
  #st-tooltip .tag.has-tooltip .tooltip-inner,
  .tag.has-tooltip [data-id~=st-tooltip] .tooltip-inner,
  [data-id~=st-tooltip] .tag.has-tooltip .tooltip-inner,
  .tag.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
  [data-id~=st-tooltip-type2] .tag.has-tooltip .tooltip-inner,
  .tag.has-tooltip [id~=st-tooltip] .tooltip-inner,
  [id~=st-tooltip] .tag.has-tooltip .tooltip-inner {
    width: 250px;
  }

  .tag.lg {
    font-size: 1.4rem;
  }
}

.delete-btn-in-tag {
  cursor: pointer;
  color: #888;
  min-width: 15px;
  text-align: center;
}

.delete-btn-in-tag:hover,
.delete-btn-in-tag:active,
.delete-btn-in-tag:focus {
  color: #333;
}

#tag-has-tooltip,
[data-id2~=tag-has-tooltip],
[id~=tag-has-tooltip] {
  width: 300px;
}

#tag-has-tooltip .tooltip-inner,
[data-id2~=tag-has-tooltip] .tooltip-inner,
[id~=tag-has-tooltip] .tooltip-inner {
  text-align: left;
  max-width: 100%;
}

#tag-has-tooltip .tooltip-inner:before,
#tag-has-tooltip .tooltip-inner:after,
[data-id2~=tag-has-tooltip] .tooltip-inner:before,
[data-id2~=tag-has-tooltip] .tooltip-inner:after,
[id~=tag-has-tooltip] .tooltip-inner:before,
[id~=tag-has-tooltip] .tooltip-inner:after {
  left: 13px;
}

@media screen and (max-width: 767px) {
  #tag-has-tooltip,
  [data-id2~=tag-has-tooltip],
  [id~=tag-has-tooltip] {
    width: 250px;
  }
}

.credit-tag {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 6px;
  font-size: 12px;
  border: 1px solid #e73155;
  border-radius: 4px;
  line-height: 12px;
}

.credit-tag::before {
  font-family: 'FontAwesome';
  content: "\F02B";
  color: #f37370;
  font-size: 2rem;
  margin-right: 3px;
}

.credit-tag::after {
  font-family: 'FontAwesome';
  position: absolute;
  content: "\F155";
  color: #fff;
  top: 4px;
  left: 10px;
  font-size: 1.2rem;
  transform: rotate(-17deg) scale(0.8);
}

.you-might-like-slider-tag {
  border-radius: 4px;
  font-family: "Noto Sans TC";
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 4px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: 500;
}

.you-might-like-slider-tag.primary {
  background-color: #D41619;
}

.you-might-like-slider-tag.secondary {
  background-color: #1D2A73;
}

.you-might-like-slider-tag.third {
  background-color: #F6F6F6;
  color: #848484;
}

.tit-xs {
  position: relative;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 22px;
  padding: 0px 20px 5px;
  border-bottom: solid 1px #eee;
}

.tit-xs i {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #2d7cd1;
  font-size: 20px;
}

.tit-xs span,
.tit-xs strong {
  display: inline-block;
  vertical-align: middle;
}

.tit-xs-remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 18px;
  color: #888;
  margin: 5px 0px;
}

.tit-xs.no-border {
  border: none;
  padding: 0px;
}

.tit-s-smaller {
  font-size: 2rem;
  letter-spacing: 0.2px;
  font-weight: bold;
  line-height: 35px;
}

.tit-s-smaller.has-border {
  border-bottom: solid 1px #eee;
}

.tit-s {
  font-size: 2.5rem;
  letter-spacing: 0.2px;
  font-weight: bold;
}

.tit-s-remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 18px;
  color: #888;
  margin: 5px 0px;
  font-weight: normal;
}

.tit-m {
  font-size: 2.5rem;
  letter-spacing: 0.2px;
  font-weight: bold;
  color: #2d7cd1;
}

.tit-m > i {
  width: 27px;
  height: 27px;
  font-size: 16px;
  color: #fbb949;
  border-radius: 100%;
  border: solid 2px #fbb949;
  box-sizing: border-box;
  text-align: center;
  line-height: 23px;
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 6px;
}

.tit-m > i.disable {
  color: #ccc;
  border-color: #ccc;
}

.tit-m strong {
  vertical-align: middle;
}

.tit-m .remark {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  margin: 3px 0px;
  letter-spacing: -0.5px;
}

.tit-m .remark span {
  display: inline-block;
}

.tit-m .remark span.font-bigger {
  font-size: 1.7rem;
  margin-right: 0 !important;
}

.tit-m .remark > a {
  vertical-align: middle;
}

.tit-m a.remark {
  color: #2d7cd1;
}

.tit-m a.remark:hover,
.tit-m a.remark:focus {
  color: #3d4c98;
}

.tit-lg {
  font-size: 3.2rem;
  letter-spacing: 0.2px;
  font-weight: bold;
  color: #2d7cd1;
  padding: 10px 0px;
}

.tit-lg.disable {
  color: #ccc;
}

.tit-lg i {
  width: 33px;
  height: 33px;
  font-size: 18px;
  color: #fbb949;
  border-radius: 100%;
  border: solid 2px #fbb949;
  box-sizing: border-box;
  text-align: center;
  line-height: 29px;
  vertical-align: middle;
  margin-right: 10px;
}

.tit-lg i.disable {
  color: #ccc;
  border-color: #ccc;
}

.tit-lg strong {
  vertical-align: middle;
}

.tit-lg.tit-lg-line {
  position: relative;
  padding: 30px 0px;
  margin-top: 70px;
  font-size: 2.5rem;
}

.tit-lg.tit-lg-line i {
  display: none;
}

.tit-lg.tit-lg-line div {
  position: relative;
  background: #fff;
  display: inline-block;
  padding: 0px 17px;
}

.tit-lg.tit-lg-line:before {
  content: '';
  position: absolute;
  width: 35%;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: #eee;
}

.tit-lg.tit-lg-line + [class*=st-alert] {
  margin-top: -10px;
}

@media screen and (max-width: 991px) {
  .tit-s {
    font-size: 2rem;
  }

  .tit-s-smaller {
    font-size: 1.8rem;
    line-height: 26px;
  }

  .tit-m .remark.pull-right .st-tooltip,
  .tit-m .remark.pull-right #st-tooltip .tooltip-inner,
  #st-tooltip .tit-m .remark.pull-right .tooltip-inner,
  .tit-m .remark.pull-right [data-id~=st-tooltip] .tooltip-inner,
  [data-id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner,
  .tit-m .remark.pull-right [data-id~=st-tooltip-type2] .tooltip-inner,
  [data-id~=st-tooltip-type2] .tit-m .remark.pull-right .tooltip-inner,
  .tit-m .remark.pull-right [id~=st-tooltip] .tooltip-inner,
  [id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner {
    transform: translateX(-220px);
  }

  .tit-m .remark.pull-right .st-tooltip:before,
  .tit-m .remark.pull-right #st-tooltip .tooltip-inner:before,
  #st-tooltip .tit-m .remark.pull-right .tooltip-inner:before,
  .tit-m .remark.pull-right [data-id~=st-tooltip] .tooltip-inner:before,
  [data-id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner:before,
  .tit-m .remark.pull-right [data-id~=st-tooltip-type2] .tooltip-inner:before,
  [data-id~=st-tooltip-type2] .tit-m .remark.pull-right .tooltip-inner:before,
  .tit-m .remark.pull-right [id~=st-tooltip] .tooltip-inner:before,
  [id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner:before,
  .tit-m .remark.pull-right .st-tooltip:after,
  .tit-m .remark.pull-right #st-tooltip .tooltip-inner:after,
  #st-tooltip .tit-m .remark.pull-right .tooltip-inner:after,
  .tit-m .remark.pull-right [data-id~=st-tooltip] .tooltip-inner:after,
  [data-id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner:after,
  .tit-m .remark.pull-right [data-id~=st-tooltip-type2] .tooltip-inner:after,
  [data-id~=st-tooltip-type2] .tit-m .remark.pull-right .tooltip-inner:after,
  .tit-m .remark.pull-right [id~=st-tooltip] .tooltip-inner:after,
  [id~=st-tooltip] .tit-m .remark.pull-right .tooltip-inner:after {
    left: 256px;
  }
}

@media screen and (max-width: 479px) {
  .tit-m {
    font-size: 2rem;
  }

  .tit-m i {
    width: 24px;
    height: 24px;
    line-height: 20px;
    margin-right: 5px;
    margin-top: -4px;
  }

  .tit-lg {
    padding: 10px 0px;
    font-size: 2.4rem;
  }

  .tit-lg:before {
    transform: translateY(7px);
  }

  .tit-lg i {
    margin-right: 5px;
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 24px;
    margin-top: -4px;
  }

  .tit-lg.tit-lg-line {
    margin-top: 20px;
    font-size: 2.0rem;
  }

  .tit-lg.tit-lg-line + [class*=st-alert] {
    margin-top: 0px;
  }
}

.list-title {
  padding: 5px 8px;
  margin: 4px 0 10px;
  font-size: 1.7rem;
  font-weight: normal;
  border-bottom: solid 2px #888;
  position: relative;
}

.list-title span,
.list-title strong {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.list-title.rebuild span,
.list-title.rebuild strong {
  padding-right: 0px;
}

.list-title small {
  font-size: 1.5rem;
  line-height: 25px;
}

.list-title small.currency {
  margin-right: 30%;
  color: #888;
}

.list-title small.currency.rebuild {
  margin-right: 0;
}

.list-title-remark {
  font-size: 1.5rem;
  line-height: 22px;
  color: #888;
  padding-left: 15px;
  font-weight: normal;
}

.list-title .info {
  color: #2d7cd1;
  margin: 0 5px;
  font-size: 1.7rem;
}

.list-title.type2 {
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  color: #2d7cd1;
  border-bottom: solid 2px #888;
  margin-bottom: 0px;
  font-weight: bold;
}

.list-title.type2.rebuild-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.list-title.type3 {
  border-bottom: solid 2px #888;
}

.list-title.type3 .info {
  margin: 0 5px;
  letter-spacing: -0.2px;
}

.list-title.type3.flight {
  border-bottom: solid 0px #888 !important;
  margin-bottom: 0;
}

.list-title .order-check-box {
  display: inline-block;
  vertical-align: bottom;
}

.list-title .order-check {
  display: inline-block;
  margin: 0;
}

.list-title .order-check span {
  font-size: 1.5rem;
}

.list-title.checkbox-with-select .order-check {
  display: inline-block;
  margin: 0;
}

.list-title.checkbox-with-select .order-check span {
  font-size: 1.5rem;
}

.list-title .list-title-btn-box {
  display: inline-block;
}

.list-title .list-title-btn {
  width: 90px;
  height: 32px;
  line-height: 30px;
  padding: 0;
  margin-top: -6px;
}

.list-title.has-order-btn span,
.list-title.has-order-bth-right span {
  float: left;
}

.list-title.has-order-btn span.list-title-remark,
.list-title.has-order-bth-right span.list-title-remark {
  padding-top: 2px;
}

.list-title.has-order-btn .order-btn,
.list-title.has-order-bth-right .order-btn {
  float: right;
  font-weight: normal;
}

.list-title.has-order-btn .order-btn a,
.list-title.has-order-bth-right .order-btn a {
  padding: 3px 0px;
  margin: 0px;
}

.list-title.no-border {
  border: none;
  margin-bottom: 5px;
}

@media screen and (max-width: 1400px) {
  .list-title.type3 .info {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 1199px) {
  .list-title {
    margin: 10px 0;
  }

  .list-title .list-title-btn {
    margin-top: -10px;
  }

  .list-title.type3 .info {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 991px) {
  .list-title {
    padding: 5px 0;
  }

  .list-title .list-title-btn {
    margin-top: -6px;
  }

  .list-title.type2 {
    text-align: center;
  }

  .list-title.type2 span.list-title-remark {
    display: block;
    margin: 10px 0px 5px;
    padding-left: 0px;
  }

  .list-title .list-title-btn-box {
    float: right;
  }

  .list-title.has-order-btn span {
    float: none;
  }

  .list-title.has-order-btn span.list-title-remark {
    padding-top: 0px;
  }

  .list-title.has-order-btn .order-btn {
    float: none;
    text-align: center;
    display: block;
  }

  .list-title.has-order-btn .order-btn a {
    padding: 8px 0px;
    display: block;
  }

  .list-title.has-order-bth-right .order-btn {
    clear: initial;
    position: absolute;
    right: 0;
  }

  .list-title.has-order-bth-right .order-btn a {
    line-height: initial;
  }
}

@media screen and (max-width: 767px) {
  .list-title {
    font-size: 1.6rem;
  }

  .list-title.type3 span {
    display: block;
  }

  .list-title.type3 .info {
    margin: 0px;
  }

  .list-title.checkbox-with-select .order-check {
    margin: 10px 0px;
  }

  .list-title small,
  .list-title .order-check span {
    font-size: 1.4rem;
  }

  .list-title .list-title-btn-box {
    margin-top: 5px;
  }

  .list-title span.list-title-remark {
    padding-left: 0px;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .list-title {
    padding: 10px 0;
  }

  .list-title.type2.sm {
    font-size: 1.6rem;
    line-height: 22px;
    padding: 5px 0px;
  }

  .list-title.type3 .list-title-btn {
    top: 2px;
  }

  .list-title .list-title-btn-box .list-title-btn {
    top: 0;
  }

  .list-title .list-title-btn {
    width: 80px;
    height: 40px;
    line-height: 38px;
    margin-top: 0px;
    position: relative;
    top: -8px;
  }
}

.ticket-result {
  background: #f0f0f0;
  padding: 5px 15px;
  margin: 5px 0;
  position: relative;
}

.ticket-result span,
.ticket-result strong {
  vertical-align: middle;
}

.ticket-result .tit {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 26px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.ticket-result .tit a {
  color: #222;
  text-decoration: none;
}

.ticket-result .tit a:hover {
  color: #3d4c98;
  text-decoration: underline;
}

.ticket-result .tit span,
.ticket-result .tit strong {
  vertical-align: middle;
}

.ticket-result .tit .tag {
  vertical-align: middle;
}

.ticket-result .result-count {
  color: #888;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
}

.ticket-result .order-btn {
  position: absolute;
  top: 0px;
  right: 0px;
}

.ticket-result .order-btn + .tit {
  padding-right: 84px;
}

.ticket-result.type2 {
  margin: 0px;
}

.ticket-result.type2 .tit {
  line-height: 26px;
}

.ticket-result.type-transparent {
  background: transparent;
}

@media screen and (max-width: 767px) {
  .ticket-result .tit {
    font-size: 1.4rem;
    line-height: 24px;
  }

  .ticket-result .order-btn + .tit {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .ticket-result.type2 {
    padding: 10px 12px;
  }

  .ticket-result.type2 .order-btn {
    top: 5px;
  }
}

.history-title {
  position: relative;
  padding: 10px 0 5px 0;
}

.history-title > div {
  display: inline-block;
  padding: 0 5px;
}

.history-title i {
  color: #2d7cd1;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

.history-title-date {
  font-size: 24px;
  font-weight: bold;
}

.history-title-count {
  color: #888;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

.history-title-count span {
  color: #e73155;
  font-weight: bold;
}

.history-title:after {
  display: block;
  content: '';
  width: calc( 100% - 160px);
  height: 1px;
  background: #eee;
  position: absolute;
  right: 0;
  top: 30px;
}

.logo-img-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
}

.logo-img-title h1 {
  font-size: 20px;
  color: #333;
}

.logo-img-title img {
  max-height: 49px;
  width: auto;
  margin-right: 20px;
  padding-right: 10px;
}

.body-fixed {
  position: fixed;
  width: 100%;
}

.close-btn {
  position: absolute;
  cursor: pointer;
  text-align: center;
  width: 40px;
  top: 10px;
  right: 8px;
  transition: 0.3s ease all;
  font-size: 22px;
  color: #888;
}

.close-btn i {
  line-height: 40px;
}

.close-btn:hover {
  color: #2d7cd1;
}

.modal-dialog {
  width: 700px;
}

.modal-content {
  box-shadow: none;
  border: none;
  border-radius: 4px;
}

.modal-header {
  color: #2d7cd1;
  text-align: center;
  border-bottom: solid 1px #eee;
  position: relative;
  padding: 14px 10px;
}

.modal-header .close-btn {
  top: 6px;
  right: 6px;
  margin: 0px;
  opacity: 1;
  float: none;
}

.modal-header .modal-header-info {
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  height: 57px;
}

.modal-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  padding: 0px 40px;
}

.modal-body {
  position: initial;
  padding: 0px;
}

.modal-body .container-fluid {
  padding: 0px;
}

.modal-body.no-btn .modal-base {
  overflow: auto;
}

.modal-base {
  float: none;
  width: auto;
  border-right: solid 1px #eee;
  margin: 0px;
  padding: 15px 25px;
  max-height: 500px;
  min-height: 100px;
  overflow: hidden;
  overflow-y: auto;
}

.modal-base .area-input > .row > div[class^="col-"] {
  padding-right: 4px;
}

.modal-base.h-unset {
  min-height: unset;
}

.modal-base.gray-bg {
  background-color: #f0f0f0;
}

.modal-bottom {
  float: none;
  width: auto;
  padding: 10px 25px;
  border-top: solid 1px #eee;
}

.modal-bottom > .row {
  margin: 0px -5px;
  font-size: 0px;
}

.modal-bottom > .row div[class*="col"] {
  padding: 0px 5px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  float: none;
}

.modal-bottom > .row div[class*="col"].float-item {
  float: left;
}

.modal-bottom > .row div[class*="col"].float-item .ori-price {
  font-size: 13px;
}

.modal-bottom [class*=btn-] {
  /*1080115 cash提高度調整*/
}

.modal-bottom .g-recaptcha {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

@media screen and (max-width: 991px) {
  .modal-header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    background-color: #fff;
  }

  .modal-header .close-btn {
    z-index: 1;
  }

  .modal-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0px;
    top: 0px;
    left: 0px;
  }

  .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0px;
  }

  .modal-body {
    height: 100%;
    display: contents;
  }

  .modal-body.no-btn .modal-base {
    bottom: 0;
  }

  .modal-base {
    border: none;
    position: absolute;
    width: 100%;
    top: 57px;
    bottom: 70px;
    padding: 15px 25px;
    max-height: initial;
    min-height: initial;
  }

  .modal-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    right: 0px;
    border-top: solid 1px #eee;
    padding: 10px 25px;
    background: #fff;
  }

  .modal-bottom > .row {
    margin: 0px -15px;
  }

  .modal-bottom > .row div[class*="col"] {
    padding: 0px 15px;
  }
}

@media screen and (max-width: 767px) {
  .modal-bottom > .row {
    margin: 0px -5px;
  }

  .modal-bottom > .row div[class*="col"] {
    padding: 0px 5px;
  }

  .modal-bottom .g-recaptcha {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    height: 0;
    position: relative;
    top: -26px;
    left: 0;
  }
}

@media screen and (max-width: 479px) {
  .modal-header {
    padding: 12px 10px;
  }

  .modal-header .close-btn {
    top: 2px;
  }

  .modal-title {
    font-size: 16px;
    line-height: 22px;
  }

  .modal-base {
    padding: 15px;
    top: 47px;
  }

  .modal-bottom {
    padding: 10px 15px;
  }

  .modal .g-recaptcha {
    width: 250px;
  }
}

@media screen and (max-width: 767px) {
  .re-write .area-input .form-label {
    text-align: left;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .re-write .form-label label {
    padding: 0px;
  }
}

.modal-dialog.type2 .modal-title {
  text-align: left;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .modal-dialog.type2 {
    width: 977px;
  }

  .modal-dialog.type2 .modal-title {
    font-size: 20px;
    line-height: 26px;
  }

  .modal-dialog.type2 .modal-base {
    max-height: 568px;
  }
}

@media screen and (max-width: 991px) {
  .modal-dialog.type2 .modal-title {
    font-size: 18px;
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

@media screen and (max-width: 479px) {
  .modal-dialog.type2 .modal-title {
    padding-left: 5px;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.animation-shake {
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.animation-fadein {
  animation: fadein 1s ease-in 1;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animation-fadeInUp {
  animation: fadeInUp 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp-s {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.animation-fadeInRight {
  animation: fadeInRight 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

.animation-fadeInLeft {
  animation: fadeInLeft 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.search-left {
  animation: fadeInLeft 1s ease-out 1 1s backwards;
}

.search .product .search-area-title,
.search .product .search-area-title + [class*=st-alert-],
.search .product .product-list > .tit-s {
  animation: fadeInUp-s 0.8s ease-out 1 1.5s backwards;
}

.search-right .week-price,
.search-right .view-barchart {
  animation: fadein 0.8s ease-out 1 1.8s backwards;
}

.search .product .product-list > .product-item:nth-of-type(1) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 2s;
}

.search .product .product-list > .product-item:nth-of-type(2) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 2.3s;
}

.search .product .product-list > .product-item:nth-of-type(3) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 2.6s;
}

.search .product .product-list > .product-item:nth-of-type(4) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 2.9s;
}

.search .product .product-list > .product-item:nth-of-type(5) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 3.2s;
}

.search .product .product-list > .product-item:nth-of-type(6) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 3.5s;
}

.search .product .product-list > .product-item:nth-of-type(7) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 3.8s;
}

.search .product .product-list > .product-item:nth-of-type(8) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 4.1s;
}

.search .product .product-list > .product-item:nth-of-type(9) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 4.4s;
}

.search .product .product-list > .product-item:nth-of-type(10) {
  animation: fadeInUp-s 0.5s ease-out 1 backwards;
  animation-delay: 4.7s;
}

.bg-product,
.product-bg {
  animation: fadein 1.5s ease-out 1 1s backwards;
}

.product-main,
.product-bg-white {
  animation: fadein 2s ease-out 1 1.5s backwards;
}

@media screen and (max-width: 991px) {
  .product-top-right {
    animation: none;
    opacity: 1;
  }
}

/*
.product-info,
.product-select-product {
    animation: fadein 0.5s ease-out 1 2.2s backwards;
}
*/

.search .product .filter-mini {
  animation: fadein 0.8s ease-out 1 1.8s backwards;
}

.you-might-like {
  animation: fadeInUp-s 0.5s ease-out 1 2.5s backwards;
}

.footer {
  animation: fadein 0.5s ease-out 1 1s backwards;
}

.error-page {
  padding: 120px 0px;
}

.error-page-img {
  width: 360px;
  height: 280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.error-page-img-base {
  width: 100%;
  opacity: 0;
}

.error-page-img img:not(.error-page-img-base) {
  position: absolute;
}

.error-page-img .error-500-moo {
  top: 20px;
  left: 24px;
  animation: floating 1s ease-in-out infinite 0s alternate;
}

.error-page-img .error-500-trunk {
  top: 45px;
  left: 6px;
  animation: floating 1.3s ease-in-out infinite 0s alternate;
}

.error-page-img .error-500-shadow {
  width: 64px;
  height: 7px;
  border-radius: 100%;
  background: #908882;
  position: absolute;
  left: 50%;
  bottom: 11px;
  margin-left: -32px;
  animation: moo-shadow 1s ease-in-out infinite 0s alternate;
}

.error-page-img .error-404-body {
  bottom: 23px;
  left: 106px;
  width: 160px;
  animation: moo-body 1s ease-in-out infinite 0s alternate;
  transform-origin: 44px bottom;
}

.error-page-img .error-404-bubble {
  left: 280px;
  top: 50px;
  width: 69px;
}

.error-page-img .error-404-tail {
  top: 182px;
  left: 253px;
}

.error-page-img .error-404-shake {
  top: 159px;
  left: 56px;
}

.error-page-img .error-404-head-area {
  position: absolute;
  top: 20px;
  left: 108px;
  animation: moo-body 1s ease-in-out infinite 0s alternate;
  transform-origin: center center;
  width: 160px;
  height: 122px;
  z-index: 2;
}

.error-page-img .error-404-head {
  width: 160px;
  height: auto;
}

.error-page-img .error-404-eye {
  top: 60px;
  width: 18px;
}

.error-page-img .error-404-eye-left {
  left: 35px;
  animation: moo-eye 1s ease-in-out infinite 0s alternate;
}

.error-page-img .error-404-eye-right {
  left: 106px;
  animation: moo-eye-r 1s ease-in-out infinite 0s alternate;
}

.error-page-img .error-404-tears {
  top: 73px;
}

.error-page-img .error-404-tears-left {
  left: 25px;
}

.error-page-img .error-404-tears-right {
  left: 106px;
}

.error-page-img .error-404-tie {
  top: 97px;
  left: 96px;
  width: 160px;
  animation: moo-body 1s ease-in-out infinite 0s alternate;
  transform-origin: 44px bottom;
  z-index: 2;
}

.error-page-img .wind {
  width: 130px;
  height: 5px;
  border-radius: 20px;
  background: rgba(165, 232, 245, 0.39);
  position: absolute;
}

.error-page-img .wind-1 {
  animation: wind 1s ease-in-out infinite 0s;
  top: 10%;
}

.error-page-img .wind-2 {
  animation: wind 0.8s ease-in-out infinite 0s;
  top: 60%;
}

.error-page-img .wind-3 {
  animation: wind 0.4s ease-in-out infinite 0s;
  top: 90%;
}

.error-page-img .finishing-img {
  width: 100%;
}

.error-page-img .error-fix-shadow {
  left: 85px;
  bottom: 10px;
  width: 198px;
  height: auto;
}

.error-page-img .error-fix-body {
  left: 100px;
  bottom: 25px;
  width: 198px;
  height: auto;
}

.error-page-img .error-fix-head {
  left: 100px;
  top: 28px;
  width: 198px;
  height: auto;
  animation: moo-breathe 2s ease-out infinite;
}

.error-page-img .error-fix-hat {
  left: 100px;
  top: 6px;
  width: 198px;
  height: auto;
  animation: moo-breathe 2s ease-out infinite;
}

.error-page-img .error-fix-tool {
  top: 120px;
  left: 95px;
  width: 65px;
  animation: moo-tool 2s ease-out infinite;
  transform-origin: center bottom;
}

.error-page-img .error-fix-Lhand {
  top: 120px;
  left: 95px;
  width: 95px;
  animation: moo-breathe 2s ease-out infinite;
}

.error-page-img .error-fix-Rhand {
  top: 80px;
  right: 10px;
  width: 90px;
  animation: moo-breathe 2s ease-out infinite;
}

.error-page-img .error-fix-alert {
  left: 0;
  bottom: 30px;
  width: 80px;
  animation: floating-fix 1.3s ease-in-out infinite 0s alternate;
  transform-origin: center center;
}

.error-page-img .error-fix-bubble {
  right: 20px;
  top: 20px;
  width: 60px;
}

.error-page-text {
  text-align: center;
}

.error-page-text .error-message {
  color: #2d7cd1;
  font-weight: bold;
  font-size: 60px;
  line-height: 66px;
}

.error-page-text-tit {
  font-size: 25px;
  line-height: 31px;
  font-weight: bold;
  padding: 2px 0px 20px;
}

.error-page-text-remark {
  font-size: 16px;
  line-height: 22px;
}

.error-page-text-remark *[class^=btn-] {
  width: auto;
  padding: 0px 13px;
  vertical-align: baseline;
}

.error-page-text-remark.left {
  text-align: left;
}

@keyframes floating {
  from {
    top: 5px;
    transform: rotate(-2deg);
    left: 0px;
  }

  to {
    top: 25px;
    transform: rotate(0deg);
    left: 10px;
  }
}

@keyframes moo-shadow {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1);
  }
}

@keyframes wind {
  from {
    left: 100%;
    width: 130px;
  }

  to {
    left: -100%;
    width: 0px;
  }
}

@keyframes moo-body {
  from {
    transform: rotate(-1deg);
  }

  to {
    transform: rotate(1deg);
  }
}

@keyframes moo-eye {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(50deg);
  }
}

@keyframes moo-eye-r {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-50deg);
  }
}

@keyframes floating-fix {
  from {
    bottom: 25px;
    transform: rotate(-2deg);
    left: 0px;
  }

  to {
    bottom: 30px;
    transform: rotate(0deg);
    left: 10px;
  }
}

@keyframes moo-breathe {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  40%, 60% {
    transform: translate3d(0, -3px, 0);
  }

  50% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes moo-tool {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
  }

  50% {
    transform: translate3d(0, -4px, 0) rotate(0deg);
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .error-page {
    padding: 14vh 0px;
  }

  .error-page-img {
    width: 200px;
    height: 156px;
  }

  .error-page-img .error-500-moo {
    width: 185px;
    top: 8px;
    left: 12px;
  }

  .error-page-img .error-500-trunk {
    width: 76px;
    top: 24px;
    left: 1px;
  }

  .error-page-img .error-500-shadow {
    bottom: 6px;
    width: 36px;
    height: 4px;
    margin-left: -18px;
  }

  .error-page-img .error-404-body {
    bottom: 5px;
    left: 56px;
    width: 95px;
  }

  .error-page-img .error-404-bubble {
    top: 32px;
    left: 155px;
    width: 40px;
  }

  .error-page-img .error-404-tail {
    top: 106px;
    left: 143px;
    width: 14px;
  }

  .error-page-img .error-404-shake {
    top: 89px;
    left: 31px;
    width: 8px;
  }

  .error-page-img .error-404-head-area {
    width: 100px;
    top: 3px;
    left: 52px;
  }

  .error-page-img .error-404-head {
    width: 100%;
  }

  .error-page-img .error-404-eye {
    top: 37px;
    width: 12px;
  }

  .error-page-img .error-404-eye-left {
    left: 21px;
  }

  .error-page-img .error-404-eye-right {
    left: 69px;
  }

  .error-page-img .error-404-tears {
    top: 45px;
    width: 15px;
  }

  .error-page-img .error-404-tears-left {
    left: 16px;
  }

  .error-page-img .error-404-tears-right {
    left: 68px;
  }

  .error-page-img .error-404-tie {
    top: 54px;
    left: 51px;
    width: 92px;
  }

  .error-page-img .error-fix-shadow {
    left: 59px;
    bottom: 5px;
    width: 100px;
    height: auto;
  }

  .error-page-img .error-fix-body {
    left: 63px;
    bottom: 13px;
    width: 110px;
    height: auto;
  }

  .error-page-img .error-fix-head {
    left: 63px;
    top: 20px;
    width: 110px;
    height: auto;
  }

  .error-page-img .error-fix-hat {
    left: 66px;
    top: 8px;
    width: 105px;
    height: auto;
  }

  .error-page-img .error-fix-tool {
    top: 70px;
    left: 56px;
    width: 35px;
  }

  .error-page-img .error-fix-Lhand {
    top: 72px;
    left: 61px;
    width: 50px;
  }

  .error-page-img .error-fix-Rhand {
    top: 45px;
    right: -2px;
    width: 50px;
  }

  .error-page-img .error-fix-alert {
    width: 50px;
  }

  .error-page-img .error-fix-bubble {
    right: 0px;
    top: 0px;
    width: 40px;
  }

  .error-page-img.adj {
    left: 50%;
    margin-left: -120px;
  }

  .error-page-text .error-message {
    font-size: 60px;
    line-height: 66px;
  }

  .error-page-text-tit {
    font-size: 18px;
    line-height: 24px;
  }

@keyframes floating {
    from {
      top: 0px;
      transform: rotate(0deg);
    }

    to {
      top: 10px;
      transform: rotate(2deg);
    }
}
}

.e-coupon-new {
  position: relative;
  height: 215px;
  background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon634x215.svg) no-repeat center;
  background-size: cover;
  padding: 20px 0;
}

.e-coupon-new .e-coupon-new-inner {
  width: 100%;
  margin: auto;
}

.e-coupon-new .e-coupon-new-inner > h4 {
  font-size: 16px;
  color: #CB9B0C;
  text-align: center;
  padding-bottom: 8px;
  margin: 8px auto auto;
  padding-top: 0;
}

.e-coupon-new .e-coupon-new-inner > h6 {
  text-align: center;
  letter-spacing: 0px;
  color: #CB9B0C;
  margin-top: 30px;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-discount {
  margin: auto;
  text-align: center;
  padding-bottom: 5px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-discount > div {
  display: inline-block;
  vertical-align: baseline;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit {
  font-size: 14px;
  line-height: 18px;
  color: #e73155;
  text-align: left;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span {
  display: block;
  line-height: 18px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span:first-child {
  font-weight: bold;
  font-size: 13px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span:last-child {
  font-size: 26px;
  margin-top: 5px;
  letter-spacing: 2.2px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span.unit-m {
  font-size: 16px;
  font-weight: bold;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-num {
  font-size: 50px;
  font-weight: bold;
  color: #e73155;
  margin-left: 5px;
}

.e-coupon-new .e-coupon-new-inner .e-coupon-inner-limit {
  color: #e73155;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.e-coupon-new.new-cover {
  height: 215px;
  background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon420x215.svg) no-repeat center;
  background-size: cover;
}

.e-coupon-new.new-cover:before {
  content: "";
}

.e-coupon-new.coupon-in-lightbox {
  background-size: contain;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .e-coupon-new {
    background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon380x215.svg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .e-coupon-new {
    background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon350x215.svg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (max-width: 1199px) {
  .e-coupon-new.new-cover {
    background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon422x250.svg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .e-coupon-new.new-cover {
    background: url(https://www.settour.com.tw/st_dist/img/e-coupon/new-coupon350x215.svg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  .e-coupon-new .e-coupon-new-inner > h4 {
    font-size: 14px;
    padding-bottom: 2px;
    letter-spacing: -1px;
  }

  .e-coupon-new .e-coupon-new-inner > h6 {
    letter-spacing: -1px;
    font-size: 12px;
  }

  .e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span:last-child {
    font-size: 22px;
    letter-spacing: 5.5px;
  }

  .e-coupon-new .e-coupon-new-inner .e-coupon-inner-unit span.unit-m {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
  }

  .e-coupon-new .e-coupon-new-inner .e-coupon-inner-num {
    font-size: 46px;
    margin-left: 0;
  }
}

.e-coupon-product {
  position: relative;
  height: 215px;
  max-width: 632px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.coupon-product-bg {
  height: 160px;
  margin: 10px 0;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.coupon-banner {
  height: 215px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

@media screen and (max-width: 1399px) {
  .e-coupon-new-inner-discount {
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .e-coupon-new.new-cover {
    height: 250px;
  }

  .e-coupon-new.new-cover .e-coupon-new-inner > h6 {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .e-coupon-new-inner {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .e-coupon-new-inner {
    width: 65%;
  }
}

.ecoupon-slider-section {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  /* 調整slick左右切換箭頭 */
}

.ecoupon-slider-section .slider-card {
  display: -ms-flexbox !important;
  display: flex !important;
}

.ecoupon-slider-section .slider-card .ecoupon-main-title {
  font-size: 15px;
  line-height: 28px;
  margin-top: 10px;
  padding-right: 80px;
}

.ecoupon-slider-section .slider-card .ecoupon-main-title h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  padding: 10px 0px;
}

.ecoupon-slider-section .slider-card > [class*=col-]:last-child {
  position: relative;
}

.ecoupon-slider-section .slider-card > [class*=col-]:last-child > .button-pin-bottom {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.ecoupon-slider-section .slick-prev {
  left: -15px;
  z-index: 1;
}

.ecoupon-slider-section .slick-next {
  right: -15px;
  z-index: 1;
}

.ecoupon-slider-section .slick-list {
  position: relative;
  z-index: 0;
}

.ecoupon-slider-section .slick-prev,
.ecoupon-slider-section .slick-next {
  position: absolute;
  width: unset;
  height: unset;
  display: inline-block !important;
}

.ecoupon-slider-section .slick-prev:before {
  font-family: 'FontAwesome';
  font-size: 28px;
  line-height: 28px;
  opacity: 1;
  color: #aeaeae !important;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 6px 0 3px;
}

.ecoupon-slider-section .slick-next:before {
  font-family: 'FontAwesome';
  font-size: 28px;
  line-height: 28px;
  opacity: 1;
  color: #aeaeae !important;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 3px 0 6px;
}

.ecoupon-slider-section .slick-prev:before {
  content: "\F053";
}

.ecoupon-slider-section .slick-next:before {
  content: "\F054";
}

.ecoupon-slider-section .slick-prev.slick-disabled:before,
.ecoupon-slider-section .slick-next.slick-disabled:before {
  opacity: .25 !important;
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .ecoupon-slider-section .slider-card > [class*=col-]:last-child > .button-pin-bottom .btn-import-sm {
    max-width: 120px;
    float: right;
    height: 40px;
    line-height: 38px;
  }

  .ecoupon-slider-section .e-coupon-product,
  .ecoupon-slider-section .coupon-banner {
    height: 250px;
  }
}

@media screen and (max-width: 1299px) {
  .ecoupon-slider-section .slider-card .ecoupon-main-title {
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .ecoupon-slider-section {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .ecoupon-slider-section .slider-card {
    display: block !important;
    overflow: hidden;
  }

  .ecoupon-slider-section .slider-card .ecoupon-main-title {
    text-align: center;
    margin-bottom: 15px;
    line-height: 22px;
    padding-right: 0;
  }

  .ecoupon-slider-section .slider-card .ecoupon-main-title h5 {
    line-height: 28px;
  }

  .ecoupon-slider-section .slider-card .ecoupon-main-title a {
    float: right;
    margin: 10px 20px;
  }

  .ecoupon-slider-section .slider-card > [class*=col-]:last-child > .button-pin-bottom {
    position: unset;
    margin-bottom: 15px;
  }

  .e-coupon-new.new-cover,
  .e-coupon-product,
  .coupon-banner {
    max-width: unset;
  }
}

@media screen and (min-width: 1200px) {
  .ecoupon-slider-section .link-pin-bottom {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .ecoupon-slider-section .link-pin-bottom {
    font-size: 15px;
    line-height: 28px;
  }
}

@media screen and (max-width: 768px) {
  .ecoupon-slider-section .link-pin-bottom {
    margin: 10px 20px;
    float: right;
  }
}

.member-login {
  color: #333;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 5px;
  width: 730px;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  padding: 0;
  position: fixed;
  font-size: 1.2rem;
  top: 50%;
  left: 50%;
  z-index: 9998;
  border: none;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.35);
  transform: translateX(-50%) translateY(-50%);
  color: #333;
}

.member-login-bg {
  position: fixed;
  z-index: 150;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.member-login-other-link {
  padding: 10px 0px;
}

.member-login .btn-base,
.member-login .btn-order,
.member-login .btn-order-sm,
.member-login ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
ul.st-dropdown-menu-list.header-cart .header-cart-btn .member-login a,
.member-login .btn-change,
.member-login .btn-change-sm,
.member-login .login-btn-fb,
.member-login .login-btn-google,
.member-login .social-btn-fb,
.member-login .social-btn-google,
.member-login .social-btn-line,
.member-login .btn-addcart,
.member-login .btn-addnew,
.member-login .btn-editor,
.member-login .btn-reload,
.member-login .btn-select,
.member-login .btn-import,
.member-login .btn-import-sm,
.member-login .btn-switch,
.member-login .btn-switch-sm {
  margin-left: 0px;
  margin-right: 0px;
}

.member-login .input-box-base,
.member-login .input-box-border,
.member-login .input-box-inner {
  margin: 7px 0px;
}

.member-login .input-box-base + [class*=btn-],
.member-login .input-box-border + [class*=btn-],
.member-login .input-box-inner + [class*=btn-] {
  margin-top: 10px;
}

.member-login .input-box-base input.input.form-control:focus + .input-check,
.member-login .input-box-border input.input.form-control:focus + .input-check,
.member-login .input-box-inner input.input.form-control:focus + .input-check {
  display: none;
}

.member-login .logo {
  margin-bottom: 15px;
  text-align: center;
}

.member-login .logo img {
  width: 100px;
}

.member-login .tit-lg {
  font-size: 2rem;
  line-height: 1;
  padding: 8px 0;
}

.member-login .tit-lg.has-tag {
  margin-top: 20px;
}

.member-login .tit-lg.has-tag .tag {
  margin-top: -4px;
  margin-right: 8px;
}

.member-login .tit-s {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
  color: #333;
  padding: 8px 0px;
  line-height: 1.5;
  text-align: justify;
}

.member-login .tit-s.red {
  color: #f37370 !important;
}

.member-login .tit-s a {
  margin-left: 5px;
}

.member-login .tit-s span.blue {
  font-weight: bold;
}

.member-login .btn-import,
.member-login .btn-import-sm {
  width: 46%;
}

.member-login .btn-import + .btn-import,
.member-login .btn-import-sm + .btn-import,
.member-login .btn-import + .btn-import-sm,
.member-login .btn-import-sm + .btn-import-sm {
  margin-left: 8%;
}

.member-login .btn-import.full,
.member-login .full.btn-import-sm {
  width: 100%;
}

.member-login .member-login-left {
  position: relative;
  width: 57%;
  /*float: left;*/
}

.member-login .member-login-left .member-login-left-up {
  padding: 6% 8%;
  min-height: 425px;
}

.member-login .member-login-left .member-login-left-up > input {
  margin: 10px 0 0 0;
}

.member-login .member-login-left .member-login-left-up img {
  image-rendering: auto;
}

.member-login .member-login-left .dividing-line {
  min-height: 1%;
}

.member-login .member-login-left .dividing-line:before {
  border-bottom: solid 1px #eee;
}

.member-login .member-login-left .member-login-left-down {
  padding: 6% 8%;
}

.member-login .member-login-left .member-login-left-down + .member-login-left-down {
  padding-top: 0;
}

.member-login .member-login-right {
  position: absolute;
  width: 43%;
  height: 100%;
  top: 0;
  right: 0;
  /*padding-bottom: 83.5%;
        float: right;*/
  background-size: cover;
  background: url(https://www.settour.com.tw/act/settourTest/public/img/ad/member/index/member-bg-birth_2.jpg) no-repeat center center;
  cursor: pointer;
  background-size: cover;
}

.member-login .close-btn {
  right: 8px;
  /*font-size: 28px;*/
  color: #fff;
  z-index: 100;
}

.member-login.no-right {
  width: 380px;
}

.member-login.no-right .member-login-left {
  width: 100%;
}

.member-login.no-right .close-btn {
  color: #888;
}

.member-login.no-right .member-login-right {
  display: none;
}

.member-login.position-right {
  width: 374px;
  position: absolute;
  top: 190px;
  right: 15%;
  left: unset;
  transform: translateX(0%) translateY(0%);
}

.member-login.position-right .member-login-left {
  width: 100%;
}

.member-login.position-right .close-btn {
  color: #888;
}

.member-login .login-remark {
  padding: 5px 5px 6px 10px;
}

.member-login .no-code {
  margin-top: 5%;
  font-size: 1.4rem;
  color: #333;
  line-height: 24px;
}

.member-login .no-code a {
  display: block;
  line-height: 24px;
}

.member-login .no-code.bottom {
  margin: 30px 0 10px;
}

.member-login .no-code.top {
  margin: 10px 0 50px;
}

.hasbottom {
  padding-bottom: 20px;
}

@media screen and (max-width: 1399px) {
  .member-login.position-right {
    right: 60px;
    top: 180px;
  }
}

@media screen and (max-width: 991px) {
  .member-login .close-btn {
    color: #fff;
  }

  .member-login .social-button-fb,
  .member-login .social-button-google,
  .member-login .social-button-line {
    height: 40px;
    line-height: 40px;
  }

  .member-login.position-right {
    right: 60px;
    top: 120px;
  }
}

@media screen and (max-width: 767px) {
  .member-login {
    width: 85%;
  }

  .member-login .close-btn {
    color: #888;
  }

  .member-login .member-login-left {
    float: none;
    width: 100%;
  }

  .member-login .member-login-right {
    display: none;
  }

  .member-login.no-right {
    width: 320px;
  }

  .member-login.no-right .member-login-left-up .tit-lg {
    margin-right: 10px;
  }

  .member-login .input-box-base .num-input input,
  .member-login .input-box-border .num-input input,
  .member-login .input-box-inner .num-input input {
    width: 14%;
  }

  .member-login.position-right {
    width: 100%;
    position: initial;
    border-radius: 0;
    transform: none;
    margin-bottom: 30px;
    box-shadow: none;
  }

  .member-login.usefancy {
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    transform: none;
    position: relative;
  }

  .member-login.useiframe {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .member-login.usefancy .close-btn {
    display: none;
  }

  .member-login.useiframe .close-btn {
    display: block;
  }

  .member-regis .area-input {
    padding-bottom: 0;
  }

  .member-regis .area-input .input-box-base,
  .member-regis .area-input .input-box-border,
  .member-regis .area-input .input-box-inner {
    margin: 0;
  }

  .member-forget .area-input {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 320px) {
  .member-login {
    width: 93%;
    height: 95%;
    overflow-y: scroll;
  }
}

/*增加loading灰條*/

.loadingBar-outer {
  width: 100%;
  height: 18px;
  background: #efefef;
  border: solid 1px #e8e6e8;
}

.loadingBar-inner {
  width: 100%;
  height: 18px;
  background: #e2e2e2;
  animation: loadbar 1.2s linear infinite;
}

@keyframes loadbar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.num-input.disabled input:hover {
  cursor: default;
}

.num-input.disabled input:focus {
  border: solid 1px #ccc;
}

.forIframe {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 200;
  border: none;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.35);
  transform: translateX(-50%) translateY(-50%);
}

/*交給動態計算*/

/*
.forIframe{
    width: 700px;
}
@media screen and (max-width:767px){
    .forIframe{
        width: 80%;
    }
}*/

.member-form-group {
  margin-top: 20px;
}

.member-form-group .input-box-base,
.member-form-group .input-box-border,
.member-form-group .input-box-inner {
  margin: 7px 0px;
}

.member-form-group .tab-pane .btn-change,
.member-form-group .tab-pane .btn-change-sm,
.member-form-group .tab-pane .login-btn-fb,
.member-form-group .tab-pane .login-btn-google,
.member-form-group .tab-pane .social-btn-fb,
.member-form-group .tab-pane .social-btn-google,
.member-form-group .tab-pane .social-btn-line {
  margin-top: 12px;
}

.password-check {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}

.password-check input {
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 16px;
  outline: 0;
  border: none;
  border-bottom: solid 1px #ccc;
  box-shadow: none;
  /* Eye open */
  /* Eye closed  */
}

.password-check input[type='password'] + button::before {
  content: '\F06E';
}

.password-check input[type='text'] + button::before {
  content: '\F070';
}

.password-check input:focus {
  border-bottom: solid 2px #2d7cd1;
}

.password-check button {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
  right: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
  background: transparent;
}

.password-check button::before {
  font-family: 'FontAwesome';
  color: #888;
  font-size: 20px;
  position: absolute;
  top: 4px;
  left: 10px;
  margin: auto;
}

.pass-evaluate {
  margin: 5px 0;
}

.pass-evaluate .pass-result {
  display: inline-block;
  color: #2d7cd1;
  margin: 0 10px 0 5px;
}

.pass-evaluate .pass-result .pass-str,
.pass-evaluate .pass-result .pass-mid,
.pass-evaluate .pass-result .pass-week {
  display: inline-block;
  margin: 0 10px 0 5px;
}

.pass-evaluate .pass-result .pass-str span,
.pass-evaluate .pass-result .pass-mid span,
.pass-evaluate .pass-result .pass-week span {
  display: inline-block;
  width: 15px;
  height: 3px;
  margin-right: 3px;
}

.pass-evaluate .pass-result .pass-str {
  color: #00b900;
}

.pass-evaluate .pass-result .pass-str:after {
  content: '\5F37';
}

.pass-evaluate .pass-result .pass-str span {
  background: #00b900;
}

.pass-evaluate .pass-result .pass-mid {
  color: #fbb949;
}

.pass-evaluate .pass-result .pass-mid:after {
  content: '\4E2D';
}

.pass-evaluate .pass-result .pass-mid span {
  background: #fbb949;
}

.pass-evaluate .pass-result .pass-mid span:nth-child(4) {
  background: #f0f0f0;
}

.pass-evaluate .pass-result .pass-mid span:nth-child(5) {
  background: #f0f0f0;
}

.pass-evaluate .pass-result .pass-week {
  color: #e73155;
}

.pass-evaluate .pass-result .pass-week:after {
  content: '\5F31';
}

.pass-evaluate .pass-result .pass-week span {
  background: #f0f0f0;
}

.pass-evaluate .pass-result .pass-week span:nth-child(1) {
  background: #e73155;
}

span.pass-evaluate {
  margin-left: 10px;
}

.nav-tabs {
  border-bottom: solid 4px #2d7cd1;
  padding: 20px 0px 0px;
  display: table;
  width: 100%;
}

.nav-tabs li {
  margin: 0px;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}

.nav-tabs li a {
  color: #fff;
  display: block;
  font-size: 1.5rem;
  line-height: 20px;
  background: #ccc;
  padding: 10px 5px;
  text-decoration: none;
  border: none;
  margin-right: 1px;
  text-align: center;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
  padding: 15px 5px;
  background: #2d7cd1;
  margin-top: -10px;
}

.nav-tabs li:last-of-type a {
  margin-right: 0px;
}

.nav-tabs li.active a {
  padding: 15px 5px;
  background: #2d7cd1;
  margin-top: -10px;
  color: #fff;
  border: none;
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
  padding: 15px 5px;
  background: #2d7cd1;
  margin-top: -10px;
  color: #fff;
  border: none;
}

.nav-tabs.member {
  border-bottom: none;
}

.nav-tabs.member li a {
  color: #888;
  background: #fff;
  padding: 8px 5px;
  border-bottom: solid 3px #ccc;
  margin-top: 0;
}

.nav-tabs.member li a:hover,
.nav-tabs.member li a:focus {
  padding: 8px 5px;
  background: #fff;
  margin-top: 0;
}

.nav-tabs.member li:last-of-type a {
  margin-right: 0px;
}

.nav-tabs.member li.active a {
  padding: 10px 5px;
  margin-top: 0px;
  color: #2d7cd1;
  background: #fff;
  border-bottom: solid 3px #2d7cd1;
}

.nav-tabs.member li.active a:hover,
.nav-tabs.member li.active a:focus {
  padding: 10px 5px;
  margin-top: 0px;
  color: #2d7cd1;
  background: #fff;
  border-bottom: solid 3px #2d7cd1;
}

.nav-tabs.member ~ .tab-content {
  padding: 10px 0;
}

.nav-tabs.member.flex-equal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.nav-tabs.member.flex-equal li {
  -ms-flex: 1;
      flex: 1;
  min-width: 33.3333%;
}

.nav-tabs.member.flex-equal li:nth-child(4),
.nav-tabs.member.flex-equal li:nth-child(5),
.nav-tabs.member.flex-equal li:nth-child(6) {
  -ms-flex: none;
      flex: none;
  margin-top: 10px;
}

.nav-tabs.member.flex-equal li a {
  padding: 10px 5px;
}

.nav-tabs.vertical {
  border-bottom: none;
  display: block;
}

.nav-tabs.vertical li {
  display: block;
  margin: 5px 0;
}

.nav-tabs.vertical li a {
  color: #888;
  background: #fff;
  padding: 8px 5px;
  border: solid 1px #ccc;
  border-radius: 4px;
  margin-top: 0;
}

.nav-tabs.vertical li a:hover,
.nav-tabs.vertical li a:focus {
  padding: 8px 5px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  margin-top: 0;
}

.nav-tabs.vertical li.active a {
  color: #fff;
  background: #2d7cd1;
  border: solid 1px #2d7cd1;
}

.nav-tabs.tag-tabs {
  border-bottom: none;
  padding: 0;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.nav-tabs.tag-tabs li {
  display: inline-block;
}

.nav-tabs.tag-tabs li a {
  background: transparent;
  padding: 0;
  margin-right: 5px;
}

.nav-tabs.tag-tabs li.active a {
  margin-top: 0;
}

.nav-tabs.tag-tabs li.active a:hover,
.nav-tabs.tag-tabs li.active a:focus {
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

.nav-tabs.tag-tabs li.active .gray-darker {
  color: #333;
  background-color: #e7f3ff;
  box-shadow: 0px 0px 0px 1px #ccc inset;
}

.nav-tabs.tag-tabs li.active:hover .gray-darker {
  color: #333;
}

.nav-tabs.tag-tabs li:hover .gray-darker {
  color: #2d7cd1;
  background-color: #e7f3ff;
}

.nav-tabs.mult-rows {
  display: block;
  width: 100%;
  border-bottom: 0;
  margin-bottom: 20px;
  padding-top: 10px;
}

.nav-tabs.mult-rows li {
  --widthALL: calc(100% - 20px);
  --widthM: calc(var(--widthALL) / 3);
  width: var(--widthM);
  float: left;
  margin: 0 10px 10px 0;
}

.nav-tabs.mult-rows li:nth-child(3n) {
  margin-right: 0;
}

.nav-tabs.mult-rows li a {
  transition: all .3s ease;
  border: 1px solid #2d7cd1;
  border-radius: 32px;
  background: #fff;
  color: #2d7cd1;
  margin-right: 0;
}

.nav-tabs.mult-rows li a:hover,
.nav-tabs.mult-rows li a:focus {
  padding: 10px 5px;
  margin-top: 0;
  background: #2d7cd1;
  border: 1px solid #2d7cd1;
  color: #fff;
}

.nav-tabs.mult-rows li.active a {
  padding: 10px 5px;
  margin-top: 0;
  background: #2d7cd1;
  border: 1px solid #2d7cd1;
  color: #fff;
}

.nav-subtTabs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
}

.nav-subtTabs > li + li {
  margin-left: 10px;
}

.nav-subtTabs > li > a {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
  text-decoration: none;
  font-size: 15px;
  white-space: nowrap;
}

.nav-subtTabs > li > a:hover,
.nav-subtTabs > li > a:focus,
.nav-subtTabs > li > a:active {
  background: #e7f3ff;
}

.nav-subtTabs > li > a:hover {
  color: #2d7cd1;
}

.nav-subtTabs > li.active > a {
  background: #e7f3ff;
  color: #333;
}

.more-product-tab {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.more-product-tab .nav-tabs {
  padding-top: 30px;
  width: 50%;
}

@media screen and (max-width: 991px) {
  .nav-tabs.vertical li {
    display: inline-block;
    margin: 5px 0;
  }

  .nav-tabs.vertical li a {
    max-width: 90px;
  }

  .more-product-tab .nav-tabs {
    padding-top: 15px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .nav-tabs li a {
    font-size: 1.4rem;
  }

  .nav-tabs.mult-rows {
    margin-bottom: 10px;
  }
}

.list-tab-menu-wrapper ul.list-tab-menu {
  list-style-type: none;
  padding: unset;
  height: 100%;
  margin: 10px 0px;
}

.list-tab-menu-wrapper ul.list-tab-menu li {
  position: relative;
  border-bottom: 1px solid #eee;
  font-size: 1.7rem;
}

.list-tab-menu-wrapper ul.list-tab-menu li > a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 10px 8px 10px 15px;
  font-weight: bold;
  background-color: transparent !important;
}

.list-tab-menu-wrapper ul.list-tab-menu li > a:hover {
  color: #2d7cd1;
}

.list-tab-menu-wrapper ul.list-tab-menu li > a.two-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-tab-menu-wrapper ul.list-tab-menu li i {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: -1;
  transition: 0.3s ease all;
}

.list-tab-menu-wrapper ul.list-tab-menu li.active::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 0px;
  border-radius: 4px;
  background-color: #2d7cd1;
}

.list-tab-menu-wrapper ul.list-tab-menu li.active > a {
  color: #2d7cd1;
}

.list-tab-menu-wrapper ul.list-tab-menu li.active i {
  transform: rotate(-180deg);
}

.list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info {
  padding: 0px 8px 10px 15px;
}

.list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info:nth-last-of-type(1) {
  padding-bottom: 15px;
}

.list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info a {
  color: #333;
  font-size: 1.5rem;
  display: inline-block;
  width: 100%;
  text-decoration: none;
}

.list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info a:hover {
  text-decoration: underline;
}

.list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info a.active {
  color: #2d7cd1;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu li > a {
  transition: 0.3s ease all;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu li > a .list-tab-icon {
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  vertical-align: text-top;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu li.active::before {
  content: none;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu li > a:hover,
.list-tab-menu-wrapper.has-icon ul.list-tab-menu li .list-tab-menu-info:hover {
  background-color: #e7f3ff !important;
  color: #2d7cd1;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu .list-tab-menu-info {
  transition: 0.3s ease all;
  padding: 5px 8px 5px 43px;
}

.list-tab-menu-wrapper.has-icon ul.list-tab-menu .list-tab-menu-info a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .list-tab-menu-wrapper ul.list-tab-menu {
    margin: 10px 0px 30px;
  }

  .list-tab-menu-wrapper ul.list-tab-menu li {
    font-size: 1.6rem;
  }

  .list-tab-menu-wrapper ul.list-tab-menu li > a:hover {
    color: #333;
  }

  .list-tab-menu-wrapper ul.list-tab-menu li.active > a {
    color: #2d7cd1;
  }

  .list-tab-menu-wrapper ul.list-tab-menu .list-tab-menu-info a {
    font-size: 1.4rem;
  }
}

.tab-content.tab-form {
  padding: 20px 0;
}

.nav-tab-container {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.social {
  display: inline-block;
  text-align: center;
  border-radius: 25px;
  padding-right: 0;
  width: 28%;
}

.social ~ .social {
  margin-left: 6%;
}

.social-button-fb,
.social-button-google,
.social-button-line {
  width: 100%;
  height: 48px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  margin: 5px 5px;
  position: relative;
  border-radius: 25px;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.3s ease all;
  padding: 0px;
  text-shadow: 0 0 black;
}

.social-button-fb i,
.social-button-google i,
.social-button-line i {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translatex(-50%);
}

.social-button-fb:hover,
.social-button-google:hover,
.social-button-line:hover {
  cursor: pointer;
  text-decoration: none;
}

.social-button-fb:focus,
.social-button-google:focus,
.social-button-line:focus {
  text-decoration: none;
}

.social-button-fb {
  background: #3B5998;
}

.social-button-fb:hover {
  background: #35476e;
}

.social-button-fb i {
  color: #fff;
}

.social-button-google {
  background: #DD4B39;
}

.social-button-google:hover {
  background: #be3e2d;
}

.social-button-google i {
  color: #fff;
}

.social-button-line {
  background: #00b900;
}

.social-button-line:hover {
  background: #068406;
}

.line-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUExNjQ4OTlFMTlFMTFFODkxQjdBMTQwMTEwMjgwRjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUExNjQ4OThFMTlFMTFFODkxQjdBMTQwMTEwMjgwRjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzYjZmMTQ3LTA1ODgtM2Y0Ni04Y2M4LWUyZjNhN2QwZjFhZiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4siikYAAAFBklEQVR42txabUxbVRh+S4us47Nhg2ULBAiIo4xB+MEwHSSaSLIl2y90RknIlv1wy35tupn9ccvcTAwxUTcNMYGpWwhxJsQfSuYyFqN8OBbrZAGZfMukCkL5KKzA8XnvbiuFflygLffuaZ6cnnve09PnvufjPfdcnRCCnibogvVDuDERSFLB5+R0B2gC40E9uAjOgQ7wb3AYHAQf6HS6IVXcDYiIASvAenBMrB3/gHXgK/ybGyEkH6wBZ0Twwb9ZCxaGQ0ge+K0IH74DC0LVtT4GF0T4sQh+AsYHS0wR2Cc2Hv3g3vWKOQI+FuqBEzy+VjFnhHrx7mrFvCXUj4tKxbwmtIM3/EYKMDAjaQM3ayTScYIliDRaVgiCGAMSLigkbeEhmAdRHFJRxJKC4xoUw8gEz3h4SI6f+sBEjQbZM2A6vGRzeeiohsWQPOZPLPVQJ5LsQLWsk1ZKN6ZTnCFu5eyIT8t4C5ljzF7Ll+Ou/S6lGdNoS+QWWhALdHX4Kg3MDqywM+gMtH/rfiqIDRjSDUvbFjlyDojqwWpBjSQKfirwWn6p55JUbmm1SHnHgkMUNheKpNtJomOyw8O29s9ayTbrhywpf234mpT3xeTbyUqn8b3c5fYp8WnHVIeU9jh6vJZ3TndK6eDcoJR2z3RTu72dbI9tdOjXQzS7OOu27XX0um0YbOMPxQnFSrveSzxV7wlFp+Zu5ML9qft0suskXd55OWA9a7GVUo2p7rwen1hDrNJmn2cP5YRj1F4ZvEINtoaAdjz+EgwJbq5CDONZ9lBKuKaiwx2HyRpn9WvD3XNTxCZ33mKy0IXMC0qbSGRBz4RaSKmplO78e4fGnGNU8VsFWRIsPm1bJ1o98lzvVNopyVsKYDSEwzOVOyopOSqZ6v+qp6axJuqa7vJpWxRf5OGhElOJUjFPpnl5lQ15MFqdU01tE23U5+ijR3OPfNrV5dVJ69MaMc2TQm84vBRviKfru66TXqf3a2eft9P4/LgHedFWiH72EC8wZqU1JhcmKb853503RZqoxlyjqC6vJ+czz9PZ7rM+bXY3715xLTs6m+7tuUeb9QE70u8siEfhywFHm94opYtiUQqBlqJxtJGi9dHS90hdpHv6dcFVxjiddppujt6UxlJURJR0bVvUNr9t8wLMnlIgqJUFNYJVgSyPpRyjodkhyUNLwbFYeXI5lSWW0byYp4NJB6XrGcYMqsquopG5ETqw9cD/CyW6XH1ePZ3745w0JTO4vjPXSaPOUa9t58bk0vao7Uo6wS1XcPoAyU6NP6fv5y2Ea/vw2VNw8PAF9kPC5SHu8APySYEWwZFvGgSNSB7CFzuS9zTsnU9ZzPKHJLw8/6Jko6cy8FlTFgRNeDwkwQV22xGO/DUm6KhLzPKnPizqRyRva0jMR/jPgfckvOPWwFNTPqfSK5LNhuCXKhbTCkavypeooAPfV6mYtS8vqPw6OKUSMd+v2jM+RGWATRss5nMweLtruQu+Cj4MsxA+132T2w/JPMmnFHI3/DkMYmzgC2FbBNBYDviOPFCDfULeDKZs2ArHgxUslY8zv1rHmyV8jH9RPq9SD/hNkDWIGQZfXE+7ESHUZF6l/dfgLoQyt1QZZOFOf6jQK3awUvVRI/7kDQViGoI98EM58PydkfCTxhPoXjc0E9fjzu/z4hF+zeaDoL2I5AW6EIsqR1JGT94naAe/cW2VQ4X/BBgAkOLfmSSm10gAAAAASUVORK5CYII=) no-repeat center;
  width: 20px;
  height: 20px;
  background-size: 100% auto;
}

.social-btn-fb,
.social-btn-google,
.social-btn-line {
  text-decoration: none;
  cursor: pointer;
  margin: 5px 5px;
  position: relative;
  font-size: 14px;
}

.social-btn-fb i,
.social-btn-google i,
.social-btn-line i {
  position: absolute;
  background: #fff;
  text-align: center;
  border-radius: 4px;
  width: 23px;
  line-height: 23px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.social-btn-fb:hover,
.social-btn-google:hover,
.social-btn-line:hover {
  text-decoration: none;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.social-btn-fb.small,
.social-btn-google.small,
.social-btn-line.small {
  line-height: 30px;
  height: 30px;
  margin: 10px 0;
}

.social-btn-fb {
  background: #3B5998;
}

.social-btn-fb i {
  color: #3B5998;
}

.social-btn-fb span:before {
  content: '\9023\7D50  Facebook\5E33\865F';
}

.social-btn-fb.active {
  border: solid 1px #3B5998;
  background: #fff;
  color: #3B5998;
}

.social-btn-fb.active span:before {
  content: '\89E3\9664  Facebook\5E33\865F\9023\7D50';
}

.social-btn-google {
  background: #DD4B39;
}

.social-btn-google i {
  color: #DD4B39;
}

.social-btn-google span:before {
  content: '\9023\7D50Google\5E33\865F';
}

.social-btn-google.active {
  border: solid 1px #DD4B39;
  background: #fff;
  color: #DD4B39;
}

.social-btn-google.active span:before {
  content: '\89E3\9664Google\5E33\865F\9023\7D50';
}

.social-btn-line {
  background: #00b900;
}

.social-btn-line i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUExNjQ4OTlFMTlFMTFFODkxQjdBMTQwMTEwMjgwRjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUExNjQ4OThFMTlFMTFFODkxQjdBMTQwMTEwMjgwRjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzYjZmMTQ3LTA1ODgtM2Y0Ni04Y2M4LWUyZjNhN2QwZjFhZiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4siikYAAAFBklEQVR42txabUxbVRh+S4us47Nhg2ULBAiIo4xB+MEwHSSaSLIl2y90RknIlv1wy35tupn9ccvcTAwxUTcNMYGpWwhxJsQfSuYyFqN8OBbrZAGZfMukCkL5KKzA8XnvbiuFflygLffuaZ6cnnve09PnvufjPfdcnRCCnibogvVDuDERSFLB5+R0B2gC40E9uAjOgQ7wb3AYHAQf6HS6IVXcDYiIASvAenBMrB3/gHXgK/ybGyEkH6wBZ0Twwb9ZCxaGQ0ge+K0IH74DC0LVtT4GF0T4sQh+AsYHS0wR2Cc2Hv3g3vWKOQI+FuqBEzy+VjFnhHrx7mrFvCXUj4tKxbwmtIM3/EYKMDAjaQM3ayTScYIliDRaVgiCGAMSLigkbeEhmAdRHFJRxJKC4xoUw8gEz3h4SI6f+sBEjQbZM2A6vGRzeeiohsWQPOZPLPVQJ5LsQLWsk1ZKN6ZTnCFu5eyIT8t4C5ljzF7Ll+Ou/S6lGdNoS+QWWhALdHX4Kg3MDqywM+gMtH/rfiqIDRjSDUvbFjlyDojqwWpBjSQKfirwWn6p55JUbmm1SHnHgkMUNheKpNtJomOyw8O29s9ayTbrhywpf234mpT3xeTbyUqn8b3c5fYp8WnHVIeU9jh6vJZ3TndK6eDcoJR2z3RTu72dbI9tdOjXQzS7OOu27XX0um0YbOMPxQnFSrveSzxV7wlFp+Zu5ML9qft0suskXd55OWA9a7GVUo2p7rwen1hDrNJmn2cP5YRj1F4ZvEINtoaAdjz+EgwJbq5CDONZ9lBKuKaiwx2HyRpn9WvD3XNTxCZ33mKy0IXMC0qbSGRBz4RaSKmplO78e4fGnGNU8VsFWRIsPm1bJ1o98lzvVNopyVsKYDSEwzOVOyopOSqZ6v+qp6axJuqa7vJpWxRf5OGhElOJUjFPpnl5lQ15MFqdU01tE23U5+ijR3OPfNrV5dVJ69MaMc2TQm84vBRviKfru66TXqf3a2eft9P4/LgHedFWiH72EC8wZqU1JhcmKb853503RZqoxlyjqC6vJ+czz9PZ7rM+bXY3715xLTs6m+7tuUeb9QE70u8siEfhywFHm94opYtiUQqBlqJxtJGi9dHS90hdpHv6dcFVxjiddppujt6UxlJURJR0bVvUNr9t8wLMnlIgqJUFNYJVgSyPpRyjodkhyUNLwbFYeXI5lSWW0byYp4NJB6XrGcYMqsquopG5ETqw9cD/CyW6XH1ePZ3745w0JTO4vjPXSaPOUa9t58bk0vao7Uo6wS1XcPoAyU6NP6fv5y2Ea/vw2VNw8PAF9kPC5SHu8APySYEWwZFvGgSNSB7CFzuS9zTsnU9ZzPKHJLw8/6Jko6cy8FlTFgRNeDwkwQV22xGO/DUm6KhLzPKnPizqRyRva0jMR/jPgfckvOPWwFNTPqfSK5LNhuCXKhbTCkavypeooAPfV6mYtS8vqPw6OKUSMd+v2jM+RGWATRss5nMweLtruQu+Cj4MsxA+132T2w/JPMmnFHI3/DkMYmzgC2FbBNBYDviOPFCDfULeDKZs2ArHgxUslY8zv1rHmyV8jH9RPq9SD/hNkDWIGQZfXE+7ESHUZF6l/dfgLoQyt1QZZOFOf6jQK3awUvVRI/7kDQViGoI98EM58PydkfCTxhPoXjc0E9fjzu/z4hF+zeaDoL2I5AW6EIsqR1JGT94naAe/cW2VQ4X/BBgAkOLfmSSm10gAAAAASUVORK5CYII=) no-repeat center;
  width: 23px !important;
  height: 23px;
  background-size: contain;
}

.social-btn-line span:before {
  content: '\9023\7D50LINE\5E33\865F';
}

.social-btn-line.active {
  border: solid 1px #00b900;
  background: #fff;
  color: #00b900;
}

.social-btn-line.active i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTM4QzE5OEZFMTlFMTFFODlBRTlFQjZDMkNCQ0ZCM0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM4QzE5OEVFMTlFMTFFODlBRTlFQjZDMkNCQ0ZCM0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzYjZmMTQ3LTA1ODgtM2Y0Ni04Y2M4LWUyZjNhN2QwZjFhZiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1M2I2ZjE0Ny0wNTg4LTNmNDYtOGNjOC1lMmYzYTdkMGYxYWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PYWqQAAAEUElEQVR42tyaeYhNURzH74xnGQZDSkxIyJJ9F1kzBhP/WGKsqTFkSf6w1UTZ9yyhKDspESP7EmmsGTHKKAbZyVATZsw83x/fW9ftvnfPfXPv865ffXq99849937v75zz+53fvXHBYFD7nyxOO+taXxVAY9ACNAL1QB2QABJBCfgBisAH8Aa8BHngBSiL5KTBlL8dEiiniJpgBEgDA0D1CPv5Ai6CYyAbFEbbQ13BLDASVHJ51BSDo2ATuOHUQ/EOT9YRnAE3QboHYjT2OQbk0GtdnBysKqgG2AHugEFRnOP9wS2wEyS5JagneAgyfg/Rf2NTeA19yysoE1wBDWJgRU4GF8DsSAUtBdtcWAndNAkNG8FKp4KywKIYjp/zwApVQePAEh8kBfPBDLs41IarShWfZDo/QW/EohwrD8lc2esjMfo174s7F1fVStBM0N6H+WgTsMA85BKZINbyaZL9TRJjDL13uocyfCxGY0Y/0+ihfNBM4UBJ9+uGyeHyuYWoqNDXU24xEvj9BHgWYp4MYb/h7DVoGGDCqSJG0vph7Dzb4v89YBIz8COSCLN9AZDbVt/Q9gz76QWuMgMYHubcbcF9m+uT/nvKkEtVdOtdXmReiP9z+fnEcMeymYON57G6Peb3B/z+ymYl66d4jSkiqLuHMUK3S+HSFZMVUqxOCdMdFeshglpFaeJmcR/lpTUPRDGTFo+NBfds2qWbFpWBYLriOWoHPNp1mm0a2M6VTbYk3cK0PWXxXVVQQrS2BrLLrQbWgkNc3kPZUJOHhjjNhYp4Mq9tObjM1fJumHYHWE2KxIriGSeiYXLXDzPN8sqex4eJK6HsLeOCzmjwWfHYpmCrTZsk1i6MSLFEpRCZH+BSOkqhsX5nv7POYLRRrAyJVeZnTWbzZYb/xCYwczhoGOp2K+1NnreqXbsAO1+nWHl5ZeENycfS6K1SQwqTxPnw2qJas5PpVm9Dueo0eBfi3O0UxIhd1JPTR6Cl5m97LglsvOGO+d32YT8UNAr64mMxMr+2GLfgX8EqHwvaIbtVc01hgyH195PJs6bFVkUScdtkrlR+sgx4p9BKkNh1sNBHYjZDzHHjD1aV09Vglw/ESMCZY/4xVG17KiN5rNotZielqoKkodS418eomBSuzJqqII37+blgIrcYsWCXuYMNGTNVnuBJvbsDuPaPxUhemBrKM04EaYxPfbQ/5aiCKAsp48or5y62a+zkKbgMwf1SWWG8yo2CmE/0ygrt77qeK4J0k7u0m8NQ0vplrOQEPZj8ncB5Jwe5+WqMvEXSlRWdbtwD1YiwrzXan0eiJbbDxvTihZuCzNYZ3HZ4zHvOlXPK86Ccb5I4MacV2ZOgtRMxbs0hVeuk2E5inDyfGsbMuVzmZaExWaGNPFbJ5PbZFfPSQx9t5oq8oDTYTTFeCzpl8ZusWltZkDnsxUm9HHIyyccyMErskvKv7F3eehmJfwkwAHbQ8yZTjFkdAAAAAElFTkSuQmCC) no-repeat center;
  width: 23px !important;
  height: 23px;
  background-size: contain;
}

.social-btn-line.active span:before {
  content: '\89E3\9664LINE\5E33\865F\9023\7D50';
}

@media screen and (max-width: 767px) {
  .social-btn-fb i,
  .social-btn-google i,
  .social-btn-line i {
    width: 20px;
    line-height: 20px;
  }
}

.web-push-container {
  position: fixed;
  left: 15px;
  top: 140px;
  z-index: 10001;
  width: 400px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.web-push-container .content {
  padding: 15px 20px;
  display: block;
}

.web-push-container .content .logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 15px;
  background: url(https://www.settour.com.tw/st_dist/img/settour-logo/settour-logo-80x80.png) center center no-repeat;
  background-size: cover;
  float: left;
}

.web-push-container .content .text h4 {
  margin: 5px 0px 10px 0px;
}

.web-push-container .content .text p {
  margin-bottom: 0;
}

.web-push-container .web-push-button {
  width: 100%;
  margin: auto;
  padding: 0px 15px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.web-push-container .web-push-button button {
  width: 28%;
  margin: 0 5px;
}

@media screen and (max-width: 991px) {
  .web-push-container {
    width: 500px;
    top: 70px;
  }
}

@media screen and (max-width: 767px) {
  .web-push-container {
    width: calc(100% - 30px);
    top: inherit;
    left: 15px;
    bottom: 10px;
  }
}

.orderconfirm-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px 0 10px;
}

.orderconfirm-title .orderconfirm-title-img {
  width: 70px;
  min-width: 70px;
  margin: 0 20px;
}

.orderconfirm-title .orderconfirm-title-img svg {
  width: 100%;
  height: auto;
  margin: 45px auto 10px auto;
}

.orderconfirm-title .orderconfirm-title-text {
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.orderconfirm-title .orderconfirm-title-text h1 {
  font-size: 3.2rem;
  letter-spacing: 0.2px;
  line-height: 38px;
  margin: 35px 0 10px;
}

.orderconfirm-title .orderconfirm-title-text h1 small {
  display: block;
  color: #fff;
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.orderconfirm-title .orderconfirm-title-text p {
  font-size: 1.7rem;
  line-height: 28px;
}

.orderconfirm-title .orderconfirm-title-text p strong {
  font-size: 2.5rem;
  line-height: 30px;
  margin: 0 5px;
}

.orderconfirm-title .orderconfirm-title-text p a {
  color: #fff;
}

.orderconfirm-detail .orderconfirm-detail-number {
  color: #888;
  font-size: 2.5rem;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.orderconfirm-detail .orderconfirm-detail-name {
  color: #333;
  font-size: 2.5rem;
  margin: 10px 0;
  line-height: 1.4;
}

.orderconfirm-detail .orderconfirm-detail-name small {
  display: block;
  margin-top: 5px;
}

.orderconfirm-detail .orderconfirm-detail-name.disabled {
  color: #888;
}

.orderconfirm-detail .orderconfirm-detail-name + .info-list-tag-type.type2.award {
  padding: 10px 0;
}

.orderconfirm-detail .orderconfirm-detail-name ~ div .info-list-tag-type.type2.award {
  padding-top: 0;
}

.orderconfirm-detail .info-list-tag-type.type2.award {
  padding-top: 10px;
}

.orderconfirm-buymore .orderconfirm-buymore-heading {
  font-size: 2rem;
}

.orderconfirm-buymore .nav-tabs-wrapper {
  margin: 0;
  width: 100%;
}

.orderconfirm-buymore .info-list-tag-type.type2.award {
  padding: 0;
}

.orderconfirm-buymore .tab-content .buymore-btn-search-more {
  width: auto;
  height: unset;
  display: block;
  margin: 0 auto 2rem;
  padding: 0.8rem 1.5rem;
  line-height: normal;
}

.buymore-card {
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.buymore-card + .buymore-card {
  margin-top: 40px;
}

.buymore-card:last-of-type {
  margin-bottom: 40px;
}

.buymore-card .buymore-card-img {
  width: 200px;
  height: 0;
  padding-bottom: 15%;
  overflow: hidden;
  border-radius: 4px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.3s all;
}

.buymore-card .buymore-card-block {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 200px);
}

.buymore-card .buymore-card-block .buymore-card-block-title {
  padding: 0 15px;
  -ms-flex: 5;
      flex: 5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.buymore-card .buymore-card-block .buymore-card-block-title h3 {
  color: #333;
  font-size: 1.8rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  transition: 0.3s all;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}

.buymore-card .buymore-card-block .buymore-card-block-title .remark {
  margin-top: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 0.5rem;
}

.buymore-card .buymore-card-block .buymore-card-block-title .remark .country {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.buymore-card .buymore-card-block .buymore-card-block-title .remark .cities {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}

.buymore-card .buymore-card-block .buymore-card-block-price {
  -ms-flex: 1.5;
      flex: 1.5;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: end;
  min-width: 120px;
}

.buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num {
  color: #e73155;
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
}

.buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num .price-num-line-through {
  text-decoration: line-through;
}

.buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num small {
  color: #333;
  font-size: 1.4rem;
}

.buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num div span {
  font-size: 2.5rem;
}

.buymore-card .buymore-card-block .buymore-card-block-price [class^='btn-'] {
  max-width: 80%;
}

.buymore-card:hover,
.buymore-card:focus,
.buymore-card:active {
  text-decoration: none;
}

.buymore-card:hover .buymore-card-block-title h3 {
  color: #004ea2;
  text-decoration: underline;
}

.buymore-card:hover .buymore-card-img {
  background-size: 120% auto;
}

.collapse-title {
  font-size: 2.5rem;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-decoration: none;
  line-height: 1.1;
}

.collapse-title:hover,
.collapse-title:focus,
.collapse-title:active {
  text-decoration: none;
}

.collapse-title > i {
  color: #888;
  font-weight: bold;
  transform: rotate(180deg);
  transition: 0.3s all;
}

.collapse-title.collapsed > i {
  transform: rotate(0deg);
}

.collapse-title.no-border {
  border: 0;
  margin-bottom: 0;
}

.btn-vertical-mg {
  margin-top: 10px;
}

.btn-vertical-mg [class^="btn-"] {
  margin-top: 15px;
}

.btn-vertical-mg.form-row {
  margin-right: -5px;
  margin-left: -5px;
}

.price-list-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

.price-list-flex.has-border {
  border-bottom: 1px solid #ccc;
}

.price-list-flex.has-border + .price-list-flex:not(.has-border) {
  margin-top: 10px;
}

.price-list-flex.has-border .price-list-flex-txt,
.price-list-flex.has-border .price-list-flex-num {
  margin: 5px 0;
}

.price-list-flex.has-border:last-child {
  border-bottom: 0;
}

.price-list-flex.no-border .price-list-flex-txt,
.price-list-flex.no-border .price-list-flex-num {
  margin: 5px 0;
}

.price-list-flex.has-border-top {
  border-top: 1px solid #ccc;
}

.price-list-flex.has-border-top .price-list-flex-txt,
.price-list-flex.has-border-top .price-list-flex-num {
  margin: 5px 0;
}

.price-list-flex .price-list-flex-txt,
.price-list-flex .price-list-flex-num {
  font-size: 1.5rem;
  padding: 5px 0;
}

.price-list-flex .price-list-flex-txt span,
.price-list-flex .price-list-flex-txt strong,
.price-list-flex .price-list-flex-num span,
.price-list-flex .price-list-flex-num strong {
  display: block;
}

.price-list-flex .price-list-flex-num {
  min-width: 25%;
  text-align: right;
}

.price-list-flex .price-list-flex-num-emphasize {
  color: #e73155;
  font-size: 2.5rem;
}

.collapse-title.collapsed ~ .price-list-flex.has-border {
  border-color: transparent;
}

.img-AD-full {
  display: block;
}

.img-AD-full img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.buymore-card-more-link {
  float: right;
}

.buymore-card-more-link > [class^='btn-'] {
  min-width: 120px;
}

.border-radius-0 {
  border-radius: 0 !important;
}

@media screen and (max-width: 991px) {
  .orderconfirm-title {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .orderconfirm-title .orderconfirm-title-text h1 {
    font-size: 2.4rem;
    text-align: center;
    margin: 10px 0 20px 0;
    line-height: 34px;
  }

  .orderconfirm-title .orderconfirm-title-text h1 small {
    font-size: 2rem;
  }

  .orderconfirm-title .orderconfirm-title-text p {
    font-size: 1.6rem;
    text-align: center;
    line-height: 26px;
    margin-bottom: 25px;
  }

  .orderconfirm-title .orderconfirm-title-text p strong {
    font-size: 2.0rem;
    line-height: 28px;
  }

  .orderconfirm-title .orderconfirm-title-img svg {
    margin: 10px auto;
  }

  .product-select-product-list.custom-mobile-total {
    box-shadow: none;
    min-height: unset;
    margin: 0;
  }

  .collapse-title,
  .orderconfirm-detail .orderconfirm-detail-number,
  .orderconfirm-detail .orderconfirm-detail-name {
    font-size: 2.0rem;
  }

  .price-list-flex .price-list-flex-txt,
  .price-list-flex .price-list-flex-num {
    font-size: 1.6rem;
  }

  .info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > ul.max {
    max-width: 100%;
  }

  .product-select-product-list.custom-mobile-banner {
    box-shadow: none;
  }

  .wrapper-relative .nav-tabs-wrapper.active {
    background: #fff;
  }

  .flex-m-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

.gray-bg-block {
  display: none;
}

.gray-line {
  border-color: #ccc;
  margin: 10px 0;
}

.collapsed ~ .gray-line.mt-0,
.collapsed ~ div .gray-line.mt-0 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  /* Ｍ版才出現灰色區塊 */

  .gray-bg-block {
    display: block;
    padding: 15px 0;
    background: #f0f0f0;
    width: 100vw;
    margin-left: -30px;
  }

  .product-block.product-select-product.mobile-pd-30 {
    padding: 0 30px;
  }

  .product-select-product-list.custom-mobile-total {
    padding: 0;
    margin: 20px 0;
  }

  .orderconfirm-buymore .info-list-tag-type.type2.award {
    padding: 0 0 10px 0;
  }

  .buymore-card .buymore-card-img {
    width: 110px;
    padding-bottom: 50%;
    background-size: cover;
  }

  .buymore-card:hover .buymore-card-img {
    background-size: cover;
  }

  .buymore-card .buymore-card-block {
    -ms-flex-direction: column;
        flex-direction: column;
    width: calc(100% - 110px);
  }

  .buymore-card .buymore-card-block .buymore-card-block-title {
    padding-right: 0;
  }

  .buymore-card .buymore-card-block .buymore-card-block-title h3 {
    font-size: 1.8rem;
    text-align: justify;
  }

  .buymore-card .buymore-card-block .buymore-card-block-price {
    -ms-flex-direction: row;
        flex-direction: row;
    border-left: 0;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .buymore-card .buymore-card-block .buymore-card-block-price > [class^='btn-'] {
    max-width: 70px;
  }

  .buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num {
    margin-bottom: 0;
    line-height: 1;
    text-align: left;
  }

  .buymore-card .buymore-card-block .buymore-card-block-price .buymore-card-block-price-num small {
    display: block;
    margin-bottom: 6px;
  }

  .product-select-product-list.custom-mobile-banner {
    padding: 0;
  }

  .buymore-card-more-link {
    float: unset;
  }

  .wrapper-relative .nav-tabs-wrapper.active {
    width: 100vw;
    margin-left: -30px;
    background: #eee;
  }
}

.customer-service {
  text-align: center;
  padding: 15px 0;
  background: #fff;
  border-radius: 4px;
  margin: 30px 0;
}

.customer-service .customer-service-title {
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 20px;
  padding: 15px 0 10px 0;
}

.customer-service .customer-service-img {
  width: 50%;
  max-width: 145px;
  margin: 0 auto;
}

.customer-service .customer-service-img img {
  display: block;
  width: 100%;
  height: auto;
}

.customer-service .customer-service-detail {
  padding: 15px 0;
}

.customer-service .customer-service-detail h3 {
  color: #333;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.customer-service .customer-service-detail p {
  color: #888;
  font-size: 1.6rem;
  margin-bottom: 10px;
  line-height: 24px;
}

.customer-service .customer-service-detail p > span {
  display: block;
}

.customer-service .customer-service-otherlink {
  margin: 0 auto 15px auto;
  max-width: 479px;
}

@media screen and (max-width: 991px) {
  .header-bottom .container .navbar-header .logo.mobile-nomg {
    margin: 0;
  }

  .header-user {
    position: absolute;
    right: 15px;
    top: 8px;
  }

  .header-user .mobile-list-icon {
    padding: 0 10px;
  }
}

.a-to-b-tit {
  display: inline-block;
  vertical-align: middle;
}

.a-to-b-tit strong,
.a-to-b-tit span,
.a-to-b-tit i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 22px;
  color: #333;
}

/*
    預設是白底時的樣式
    深色底時tag的class內加white
*/

.breadcrumb {
  background: none;
  border-radius: 0px;
  padding: 18px 0px;
  margin: 0px;
  position: relative;
  z-index: 2;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #333;
  content: "/\A0";
}

.breadcrumb > li:last-of-type > a,
.breadcrumb li:last-of-type > span {
  border-bottom: 1px solid #2d7cd1;
  padding-bottom: 3px;
}

.breadcrumb li {
  float: none;
  list-style: none;
  display: inline-block;
}

.breadcrumb li a {
  color: #333;
  text-decoration: none;
  letter-spacing: 0.4px;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumb.white > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\A0";
}

.breadcrumb.white li {
  color: #fff;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.breadcrumb.white li a {
  color: #fff;
}

.breadcrumb.white li:last-of-type > a,
.breadcrumb.white li li:last-of-type > span {
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
}

.breadcrumb.award-breadcrumb {
  position: absolute;
}

.chart {
  float: left;
  position: relative;
  margin: 0 15px;
  width: 220px;
  height: 220px;
  transform: rotate(210deg);
}

.chart .circle-mask-outer,
.chart .circle-mask-inner {
  overflow: hidden;
  position: absolute;
  width: 110px;
  height: 220px;
}

.chart .circle-mask-outer.left {
  left: 0;
  display: none;
}

.chart .circle-mask-outer.left .circle-mask-inner {
  left: 100%;
  transform-origin: 0 50%;
}

.chart .circle-mask-outer.left .circle-body {
  right: 0;
}

.chart .circle-mask-outer.right {
  right: 1px;
  display: none;
}

.chart .circle-mask-outer.right .circle-mask-inner {
  right: 100%;
  transform-origin: 100% 50%;
}

.chart .circle-mask-outer.right .circle-body {
  left: 0;
}

.chart .circle-body {
  border-radius: 50%;
  position: absolute;
  width: 220px;
  height: 220px;
  background: #2d7cd1;
}

.chart .chart-content {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 180px;
  height: 180px;
  background-color: #fff;
  border-radius: 50%;
  padding-top: 30%;
  text-align: center;
  -webkit-backface-visibility: hidden;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  transform: rotate(150deg);
}

.chart .chart-content .text {
  left: 0;
  line-height: 1;
  position: relative;
}

.chart .chart-content .text a {
  display: block;
  font-size: 15px;
  padding-top: 15px;
}

.chart .chart-content .percent-number {
  font-size: 0;
  font-weight: bold;
}

.chart .chart-content .percent-symbol {
  font-size: 0;
}

.chart .chart-count {
  position: absolute;
  top: 106%;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  font-size: 14px;
  color: #888;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .chart {
    margin: 20px;
    width: 200px;
    height: 200px;
  }

  .chart .circle-mask-outer,
  .chart .circle-mask-inner {
    width: 100px;
    height: 200px;
  }

  .chart .circle-body {
    width: 200px;
    height: 200px;
  }

  .chart .chart-content {
    left: 20px;
    top: 20px;
    width: 160px;
    height: 160px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
  .chart {
    margin: 20px;
    width: 180px;
    height: 180px;
  }

  .chart .circle-mask-outer,
  .chart .circle-mask-inner {
    width: 90px;
    height: 180px;
  }

  .chart .circle-body {
    width: 180px;
    height: 180px;
  }

  .chart .chart-content {
    left: 19px;
    top: 19px;
    width: 140px;
    height: 140px;
  }

  .chart .chart-count {
    position: absolute;
    top: 110%;
    left: 60%;
    margin-left: -70%;
    width: 120%;
  }
}

.open-calendar {
  position: relative;
  cursor: pointer;
  display: block;
}

.open-calendar.active .input {
  border-color: #e73155 !important;
  box-shadow: 0px 0px 0px 1px #e73155 inset;
}

.st-calendar {
  background: #f0f0f0;
  padding: 0px 5px 5px !important;
}

.st-calendar-area {
  position: absolute;
  top: 100%;
  right: 50%;
  background: #fff;
  width: 350px;
  box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.2);
  padding: 0px 8px 8px !important;
  z-index: 1;
  margin-right: -175px;
}

.st-calendar-area .month-list {
  position: relative;
  padding: 13px 40px;
}

.st-calendar-area .month-list > div:not(.slider-arrow) {
  position: relative;
}

.st-calendar-area .month-list > div:not(.slider-arrow) .navigationActive {
  position: absolute;
  width: 25%;
  height: 4px;
  background: #e73155;
  bottom: -13px;
  left: 0px;
  transition: 0.3s ease all;
}

.st-calendar-area .month-list .slider-arrow-left {
  left: 0px;
}

.st-calendar-area .month-list .slider-arrow-right {
  right: 0px;
}

.st-calendar-area .month-list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 0px;
  height: 38px;
  overflow: hidden;
}

.st-calendar-area .month-list ul li {
  display: block;
  vertical-align: top;
  width: 100%;
  color: #a9a9a9;
  text-align: center;
}

.st-calendar-area .month-list ul li a {
  color: #a9a9a9;
  display: block;
  text-decoration: none;
  transition: 0.3s ease all;
}

.st-calendar-area .month-list ul li a:hover {
  color: #2d7cd1;
}

.st-calendar-area .month-list ul li.active a {
  color: #2d7cd1;
}

.st-calendar-area .month-list ul li .month {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.2px;
  display: inline-block;
  line-height: 38px;
}

.st-calendar-area .month-list ul li .month.en {
  margin-right: 8px;
}

.st-calendar-area .month-list ul li .year {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.2px;
  display: inline-block;
  line-height: 38px;
}

.st-calendar-area:before,
.st-calendar-area:after {
  content: '';
  position: absolute;
  left: 50%;
}

.st-calendar-area:before {
  border-bottom: solid 9px #d5d5d5;
  border-left: solid 9px rgba(255, 255, 255, 0);
  border-right: solid 9px rgba(255, 255, 255, 0);
  top: -9px;
  margin-left: -9px;
}

.st-calendar-area:after {
  border-bottom: solid 8px #fff;
  border-left: solid 8px rgba(255, 255, 255, 0);
  border-right: solid 8px rgba(255, 255, 255, 0);
  top: -8px;
  margin-left: -8px;
}

.st-calendar-area .loading-align-area.cover {
  min-height: 0px;
}

.st-calendar .week ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
}

.st-calendar .week ul li {
  display: inline-block;
  vertical-align: middle;
  width: 14.28%;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  text-align: center;
  padding: 8px 0px;
}

.st-calendar .date-list {
  color: #a9a9a9;
  font-size: 0px;
  margin-right: -7px;
  padding: 0 !important;
}

.st-calendar .date-list-area {
  padding: 0 !important;
}

.st-calendar .date-list .date {
  display: inline-block;
  vertical-align: top;
  width: 14.28%;
  box-sizing: border-box;
  padding: 8px;
  border: solid 2px #f0f0f0;
  margin: -1px 0px 0px -1px;
  position: relative;
}

.st-calendar .date-list .date.holiday .date-list-day {
  border-color: #a9a9a9;
}

.st-calendar .date-list .date.promotions:before,
.st-calendar .date-list .date.promotions:after {
  position: absolute;
}

.st-calendar .date-list .date.promotions:before {
  content: "\F02B";
  color: #f37370;
  top: 2px;
  right: 2px;
  font-size: 2.5rem;
  letter-spacing: 0.2px;
}

.st-calendar .date-list .date.promotions:after {
  content: "\F155";
  color: #fff;
  top: 9px;
  right: 8px;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  transform: rotate(-17deg) scale(0.8);
}

.st-calendar .date-list .date.has-remark {
  background: #fff;
  cursor: pointer;
  transition: 0.3s ease all;
}

.st-calendar .date-list .date.has-remark .date-list-day,
.st-calendar .date-list .date.has-remark .date-list-remark {
  transition: 0.3s ease all;
}

.st-calendar .date-list .date.has-remark .date-list-day {
  color: #333;
}

.st-calendar .date-list .date.has-remark .date-list-remark {
  color: #717171;
  white-space: nowrap;
}

.st-calendar .date-list .date.has-remark:hover {
  background: #e73155;
}

.st-calendar .date-list .date.has-remark:hover .date-list-day,
.st-calendar .date-list .date.has-remark:hover .date-list-remark {
  color: #fff;
}

.st-calendar .date-list .date.has-remark:hover.promotions:before {
  color: #fff;
}

.st-calendar .date-list .date.has-remark:hover.promotions:after {
  color: #e73155;
}

.st-calendar .date-list .date.has-remark:hover.already .date-list-day,
.st-calendar .date-list .date.has-remark:hover.soon .date-list-day {
  background: #e73155;
}

.st-calendar .date-list .date.has-remark:hover .special-offer-icon {
  color: #e73155;
  background: #fff;
}

.st-calendar .date-list .date.has-remark.holiday {
  /*
                    &-visa-mix{
                        .date-list-day {
                            border-top-color:#e73155;
                            border-left-color: #e73155;
                            border-bottom-color:#2d7cd1;
                            border-right-color: #2d7cd1;
                            color:#2d7cd1;
                        }
                        &:hover {
                            .date-list-day {
                                border-color: #fff;
                                color:#fff;
                            }
                        }
                    }*/
}

.st-calendar .date-list .date.has-remark.holiday .date-list-day {
  border-color: #3e3e3e;
}

.st-calendar .date-list .date.has-remark.holiday:hover .date-list-day {
  border-color: #fff;
}

.st-calendar .date-list .date.has-remark.holiday-visa-dom .date-list-day {
  border-color: #e73155;
  color: #e73155;
}

.st-calendar .date-list .date.has-remark.holiday-visa-dom:hover .date-list-day {
  border-color: #fff;
  color: #fff;
}

.st-calendar .date-list .date.has-remark.holiday-visa-for .date-list-day {
  border-color: #2d7cd1;
  color: #2d7cd1;
}

.st-calendar .date-list .date.has-remark.holiday-visa-for:hover .date-list-day {
  border-color: #fff;
  color: #fff;
}

.st-calendar .date-list .date.already .date-list-day {
  background: #ffeb99;
}

.st-calendar .date-list .date.soon .date-list-day {
  background: #fbbcbc;
}

.st-calendar .date-list .date.special-offer .special-offer-icon {
  position: absolute;
  top: 12px;
  left: 41px;
  transform: scale(0.8);
}

.st-calendar .date-list .date.within {
  background-color: #ffc9d4;
}

.st-calendar .date-list .date.active,
.st-calendar .date-list .date.target {
  background: #e73155;
}

.st-calendar .date-list .date.active .date-list-day,
.st-calendar .date-list .date.active .date-list-remark,
.st-calendar .date-list .date.target .date-list-day,
.st-calendar .date-list .date.target .date-list-remark {
  color: #fff;
}

.st-calendar .date-list .date.active.holiday .date-list-day,
.st-calendar .date-list .date.target.holiday .date-list-day {
  border-color: #fff;
}

.st-calendar .date-list .date.active.promotions:before,
.st-calendar .date-list .date.target.promotions:before {
  color: #fff;
}

.st-calendar .date-list .date.active.promotions:after,
.st-calendar .date-list .date.target.promotions:after {
  color: #e73155;
}

.st-calendar .date-list .date.active.already .date-list-day,
.st-calendar .date-list .date.active.soon .date-list-day,
.st-calendar .date-list .date.target.already .date-list-day,
.st-calendar .date-list .date.target.soon .date-list-day {
  background: #e73155;
}

.st-calendar .date-list .date.active .special-offer-icon,
.st-calendar .date-list .date.target .special-offer-icon {
  color: #e73155;
  background: #fff;
}

.st-calendar .date-list .date .check-out-day {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #fbb949;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  transition: 0.3s ease all;
}

.st-calendar .date-list .date .check-out-day span,
.st-calendar .date-list .date .check-out-day strong {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

.st-calendar .date-list .date:hover .check-out-day {
  opacity: 0;
}

.st-calendar .date-list-day {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  text-align: center;
  padding: 0 !important;
  border: solid 1px transparent;
  border-radius: 20px;
  margin: -1px -4px;
}

.st-calendar .date-list-remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 18px;
  padding-top: 9px;
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
  .st-calendar .date-list .date.has-remark .date-list-remark div {
    letter-spacing: -0.6px;
  }
}

@media screen and (max-width: 991px) {
  .st-calendar .date-list-day {
    font-size: 1.6rem;
  }

  .st-calendar .week ul li {
    font-size: 1.4rem;
  }

  .st-calendar .date-list .date {
    border: solid 1px #f0f0f0;
  }
}

.special-offer-icon {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 16px;
  color: #fff;
  background: #ccc;
  border-radius: 20px;
  padding: 1px 4px;
  transform-origin: top left;
  transform: scale(0.9);
}

.special-offer-icon i.fa-usd {
  font-size: 1.2rem;
}

@media screen and (max-width: 1399px) {
  .st-calendar .date-list .date.special-offer .special-offer-icon {
    top: 23px;
    left: 41px;
    transform: scale(0.7);
  }
}

@media screen and (max-width: 991px) {
  .st-calendar-area {
    display: none;
  }

  .st-calendar-area .date-list .date .date-list-remark {
    text-align: center;
    padding: 0px;
  }

  .st-calendar .date-list .date.promotions:before {
    transform: scale(0.8);
    transform-origin: top right;
  }

  .st-calendar .date-list .date.promotions:after {
    top: 6px;
    right: 6px;
  }

  .st-calendar .date-list .date.special-offer .special-offer-icon {
    top: 5px;
    left: 4px;
    transform: scale(0.8);
  }
}

@media screen and (max-width: 479px) {
  .st-calendar-area .date-list .date .date-list-remark {
    margin: 0px -10px;
  }

  .st-calendar-area .date-list .date .check-out-day {
    font-size: 1.2rem;
  }

  .st-calendar .date-list .date.special-offer .special-offer-icon {
    transform: scale(0.7);
  }
}

.modal [class^=input-box-] .st-calendar-area {
  min-height: 342px;
}

.st-calendar-area.lightbox-calendar {
  display: none;
  position: relative;
  top: 0px;
  right: 0px;
  box-shadow: none;
  width: auto;
  margin: 0px;
  padding: 0px !important;
}

.st-calendar-area.lightbox-calendar .month-list ul li.active a {
  color: #2d7cd1;
}

.st-calendar-area.lightbox-calendar .date-list-day {
  margin: 5px -4px;
  line-height: 20px;
}

.st-calendar-area.lightbox-calendar:before,
.st-calendar-area.lightbox-calendar:after {
  display: none;
}

.st-calendar-selected-date {
  text-align: center;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  padding: 10px 0px;
  line-height: 22px;
}

@media screen and (max-width: 991px) {
  .st-calendar-area.lightbox-calendar {
    display: block;
  }
}

.st-calendar.single {
  position: relative;
  padding: 5px !important;
  overflow: hidden;
  border-radius: 4px;
}

.st-calendar.single .item {
  width: 165px;
}

.st-calendar.single .date-list {
  margin-right: 2px;
}

.st-calendar.single .date-list .date {
  width: inherit;
}

.st-calendar.single .date-list .date.has-remark {
  margin: 0;
  padding: 15px;
  border-radius: 4px;
  min-height: 120px;
  cursor: default;
}

.st-calendar.single .date-list .date.has-remark .date-list-remark {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  white-space: initial;
}

.st-calendar.single .date-list .date.has-remark .date-list-button {
  padding-top: 0;
  line-height: 20px;
  cursor: auto;
}

.st-calendar.single .date-list .date.has-remark.active,
.st-calendar.single .date-list .date.has-remark:hover {
  background-color: #2d7cd1;
  border-right-color: #eee;
  border-left-color: #eee;
}

.st-calendar.single .date-list .date.has-remark.active .date-list-day,
.st-calendar.single .date-list .date.has-remark:hover .date-list-day {
  color: #fff;
}

.st-calendar.single .date-list .date.has-remark.active .date-list-remark,
.st-calendar.single .date-list .date.has-remark:hover .date-list-remark {
  color: #fff;
}

.st-calendar.single .slider-arrow .slider-arrow-left {
  left: -10px;
}

.st-calendar.single .slider-arrow .slider-arrow-right {
  right: -10px;
}

@media screen and (max-width: 990px) {
  .st-calendar.single .slick-list {
    padding: 0 !important;
  }
}

.st-calendar-area.many-days {
  right: 0px;
  margin: 0px;
  width: 700px;
}

.st-calendar-area.many-days:before,
.st-calendar-area.many-days:after {
  left: 90%;
}

.st-calendar-area.many-days .slider-arrow > div {
  top: 14px;
  margin: 0px;
  z-index: 1;
}

.st-calendar-area.many-days .slider-arrow > div.slider-arrow-left {
  left: 0px;
}

.st-calendar-area.many-days .slider-arrow > div.slider-arrow-right {
  right: 0px;
}

.st-calendar-area.many-days > .row {
  margin: 0px -5px;
}

.st-calendar-area.many-days > .row > div[class^="col-"] {
  padding: 0px 5px;
}

.st-calendar-area.many-days.lightbox-calendar {
  width: auto;
}

.calendar-start-end > .row {
  font-size: 0px;
}

.calendar-start-end > .row > [class*=col-] {
  float: none;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
}

.calendar-start-end-text {
  position: relative;
  height: 40px;
}

.calendar-start-end-text-tit {
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s ease all;
}

.calendar-start-end-text-tit-remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 12px;
  font-weight: normal;
  color: #888;
  position: relative;
  top: -2px;
}

.calendar-start-end-text-date {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  padding-top: 15px;
}

.calendar-start-end-text-date + .calendar-start-end-text-tit {
  font-size: 1.2rem;
  transform: translateY(0px);
  top: 0px;
  color: #2d7cd1;
  font-weight: normal;
}

.calendar-start-end-text-date + .calendar-start-end-text-tit > .calendar-start-end-text-tit-remark {
  display: none;
}

.calendar-start-end-arrow {
  color: #888;
}

.product-in-calendar {
  right: 0px;
  background: #fff;
  width: 583px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  padding: 0px 10px 10px !important;
  margin: 0px;
}

.product-in-calendar .tit {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: bold;
  border-bottom: solid 1px #eee;
  padding: 10px 40px;
  margin: 0px -15px;
}

.product-in-calendar .month-list ul li {
  display: inline-block;
  width: 25%;
}

.product-in-calendar .month-list ul li .month,
.product-in-calendar .month-list ul li .year {
  display: block;
  line-height: 19px;
}

.product-in-calendar .st-calendar .date-list-day {
  padding: 0px 4px !important;
  width: 30px;
  text-align: center;
}

.product-in-calendar .st-calendar .date {
  min-height: 66px;
}

.product-in-calendar .st-calendar .date .st-tooltip,
.product-in-calendar .st-calendar .date #st-tooltip .tooltip-inner,
#st-tooltip .product-in-calendar .st-calendar .date .tooltip-inner,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date .tooltip-inner,
.product-in-calendar .st-calendar .date [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner {
  bottom: 73px;
  bottom: 78px;
  padding: 0px;
  width: 280px;
  left: 50%;
  margin-left: -140px;
  pointer-events: none;
}

.product-in-calendar .st-calendar .date .st-tooltip ul,
.product-in-calendar .st-calendar .date #st-tooltip .tooltip-inner ul,
#st-tooltip .product-in-calendar .st-calendar .date .tooltip-inner ul,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip] .tooltip-inner ul,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner ul,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date .tooltip-inner ul,
.product-in-calendar .st-calendar .date [id~=st-tooltip] .tooltip-inner ul,
[id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.product-in-calendar .st-calendar .date .st-tooltip ul li,
.product-in-calendar .st-calendar .date #st-tooltip .tooltip-inner ul li,
#st-tooltip .product-in-calendar .st-calendar .date .tooltip-inner ul li,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip] .tooltip-inner ul li,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner ul li,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date .tooltip-inner ul li,
.product-in-calendar .st-calendar .date [id~=st-tooltip] .tooltip-inner ul li,
[id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li {
  border-bottom: solid 1px #eee;
  padding: 7px 10px;
}

.product-in-calendar .st-calendar .date .st-tooltip ul li:last-of-type,
.product-in-calendar .st-calendar .date #st-tooltip .tooltip-inner ul li:last-of-type,
#st-tooltip .product-in-calendar .st-calendar .date .tooltip-inner ul li:last-of-type,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip] .tooltip-inner ul li:last-of-type,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li:last-of-type,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner ul li:last-of-type,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date .tooltip-inner ul li:last-of-type,
.product-in-calendar .st-calendar .date [id~=st-tooltip] .tooltip-inner ul li:last-of-type,
[id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li:last-of-type {
  border: none;
}

.product-in-calendar .st-calendar .date .st-tooltip ul li div,
.product-in-calendar .st-calendar .date #st-tooltip .tooltip-inner ul li div,
#st-tooltip .product-in-calendar .st-calendar .date .tooltip-inner ul li div,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip] .tooltip-inner ul li div,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li div,
.product-in-calendar .st-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner ul li div,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date .tooltip-inner ul li div,
.product-in-calendar .st-calendar .date [id~=st-tooltip] .tooltip-inner ul li div,
[id~=st-tooltip] .product-in-calendar .st-calendar .date .tooltip-inner ul li div {
  box-sizing: border-box;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  color: #333;
  text-align: left;
}

.product-in-calendar .st-calendar .date:hover .st-tooltip,
.product-in-calendar .st-calendar .date:hover #st-tooltip .tooltip-inner,
#st-tooltip .product-in-calendar .st-calendar .date:hover .tooltip-inner,
.product-in-calendar .st-calendar .date:hover [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-in-calendar .st-calendar .date:hover .tooltip-inner,
.product-in-calendar .st-calendar .date:hover [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-in-calendar .st-calendar .date:hover .tooltip-inner,
.product-in-calendar .st-calendar .date:hover [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-in-calendar .st-calendar .date:hover .tooltip-inner {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
  transition: 0.3s ease opacity;
  visibility: visible;
}

.product-in-calendar:before,
.product-in-calendar:after {
  display: none;
}

.product-in-calendar.lightbox-calendar {
  padding: 10px 0px 0px !important;
}

.product-in-calendar.lightbox-calendar .month-list ul li .month,
.product-in-calendar.lightbox-calendar .month-list ul li .year {
  line-height: 18px;
}

.product-in-calendar.lightbox-calendar .month-list ul li .month {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
}

.product-in-calendar.lightbox-calendar .month-list ul li .year {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
}

.product-in-calendar.lightbox-calendar .st-calendar .date {
  min-height: 0px;
}

.product-in-calendar.lightbox-calendar .st-calendar .date-list-day {
  text-align: center;
}

.product-in-calendar.lightbox-calendar.type-date-left .st-calendar .date-list-day {
  margin: 0;
  width: 30px;
}

.product-in-calendar-detail {
  overflow: hidden;
  border-radius: 4px;
  border: solid 1px #eee;
  margin-top: 15px;
}

.product-in-calendar-detail-date {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: bold;
  background: #f0f0f0;
  padding: 8px 8px;
}

.product-in-calendar-detail ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.product-in-calendar-detail ul li {
  border-bottom: solid 1px #eee;
  padding: 7px 10px;
}

.product-in-calendar-detail ul li:last-of-type {
  border: none;
}

.product-in-calendar-detail ul li div {
  box-sizing: border-box;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  color: #333;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .product-in-calendar.lightbox-calendar.type-date-left .st-calendar .date-list-day {
    width: auto;
    margin: 5px -4px;
  }
}

.calendar-departure-item {
  display: table;
  border: solid 1px #eee;
  margin: 5px 0px;
  width: 100%;
  transition: 0.3s ease all;
  position: relative;
  top: 0px;
}

.calendar-departure-item > label {
  width: 100%;
  font-weight: normal;
  display: table;
  margin: 0px;
}

.calendar-departure-item-area {
  text-align: left;
  color: #333;
}

.calendar-departure-item-date {
  background: #f0f0f0;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  text-align: center;
  width: 90px;
  display: table-cell;
  vertical-align: middle;
}

.calendar-departure-item-date span,
.calendar-departure-item-date strong {
  vertical-align: middle;
}

.calendar-departure-item-date .remark {
  display: block;
}

.calendar-departure-item-right {
  padding: 0px 15px;
}

.calendar-departure-item-right .row {
  margin-top: 10px;
  margin-bottom: 10px;
}

.calendar-departure-item-flight {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
}

.calendar-departure-item-remaining {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  text-align: right;
}

.calendar-departure-item-tag-area {
  font-size: 0px;
  margin: -3px 0px;
}

.calendar-departure-item-tag-area .tag {
  margin: 3px 0px;
  margin-right: 5px;
}

.calendar-departure-item-tag-area .tag:last-of-type {
  margin-right: 0px;
}

.calendar-departure-item-price {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  color: #e73155;
  text-align: right;
}

.calendar-departure-item-price .remark.black {
  color: #333;
}

.calendar-departure-item-offer {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  margin: 10px 0px;
}

.calendar-departure-item-remark {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  padding: 10px 0px;
  margin-bottom: 5px;
}

.calendar-departure-item.disabled {
  color: rgba(0, 0, 0, 0.31) !important;
  background: rgba(230, 230, 230, 0.38);
}

.calendar-departure-item.disabled .calendar-departure-item-price,
.calendar-departure-item.disabled .tag,
.calendar-departure-item.disabled .tag.solid.lighter {
  color: rgba(0, 0, 0, 0.31);
}

.calendar-departure-item.disabled .calendar-departure-item-price i,
.calendar-departure-item.disabled .calendar-departure-item-price i.fa.fa-info-circle,
.calendar-departure-item.disabled .tag i,
.calendar-departure-item.disabled .tag i.fa.fa-info-circle,
.calendar-departure-item.disabled .tag.solid.lighter i,
.calendar-departure-item.disabled .tag.solid.lighter i.fa.fa-info-circle {
  color: rgba(0, 0, 0, 0.31);
}

.calendar-departure-item.disabled .tag,
.calendar-departure-item.disabled .tag.solid.lighter {
  background: none;
  box-shadow: 0px 0px 0px 1px #ccc inset;
}

.calendar-departure-item.disabled .tag i,
.calendar-departure-item.disabled .tag i.fa.fa-info-circle,
.calendar-departure-item.disabled .tag.solid.lighter i,
.calendar-departure-item.disabled .tag.solid.lighter i.fa.fa-info-circle {
  color: rgba(0, 0, 0, 0.31);
}

.calendar-departure-item.disabled .remark,
.calendar-departure-item.disabled span,
.calendar-departure-item.disabled div {
  color: rgba(0, 0, 0, 0.31);
}

.calendar-departure-item.active {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  top: -2px;
}

@media screen and (max-width: 991px) {
  .calendar-departure-item {
    margin: 15px 0px;
  }
}

@media screen and (max-width: 767px) {
  .calendar-departure-item {
    border-radius: 4px;
  }

  .calendar-departure-item-date {
    display: block;
    width: auto;
    padding: 8px;
    text-align: left;
  }

  .calendar-departure-item-date .radio {
    margin-right: 10px;
  }

  .calendar-departure-item-date .remark {
    display: inline-block;
  }

  .calendar-departure-item-right {
    padding: 0px 10px;
  }

  .calendar-departure-item-date {
    font-size: 1.4rem;
  }

  .calendar-departure-item-remaining {
    font-size: 1.4rem;
  }

  .calendar-departure-item-flight {
    font-size: 1.4rem;
  }

  .calendar-departure-item-offer {
    font-size: 1.4rem;
    margin: 10px -10px;
    padding: 10px 10px 0px;
    border-top: solid 1px #eee;
  }
}

.calendar-annotation {
  font-size: 0px;
  margin: 10px 0px 10px 10px;
}

.calendar-annotation-item {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0px;
  margin-right: 15px;
}

.calendar-annotation-item:last-of-type {
  margin-right: 0px;
}

.calendar-annotation-icon {
  display: inline-block;
  vertical-align: middle;
}

.calendar-annotation-icon .promotions {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.calendar-annotation-icon .promotions:before {
  content: "\F02B";
  color: #f37370;
  font-size: 24px;
}

.calendar-annotation-icon .promotions:after {
  position: absolute;
  content: "\F155";
  color: #fff;
  top: 7px;
  right: 7px;
  font-size: 12px;
  transform: rotate(-17deg) scale(0.8);
}

.calendar-annotation-icon .already,
.calendar-annotation-icon .holiday,
.calendar-annotation-icon .soon {
  font-size: 15px;
  line-height: 19px;
  border-radius: 20px;
  width: 30px;
  text-align: center;
  border: solid 1px transparent;
  display: block;
  position: relative;
  top: -1px;
}

.calendar-annotation-icon .already {
  background: #ffeb99;
}

.calendar-annotation-icon .holiday {
  border-color: #a9a9a9;
  /*
            &.visa-mix{
                border-top-color:#e73155;
                border-left-color: #e73155;
                border-bottom-color:#2d7cd1;
                border-right-color: #2d7cd1;
                color:#2d7cd1;
            }*/
}

.calendar-annotation-icon .holiday.visa-dom {
  border-color: #e73155;
  color: #e73155;
}

.calendar-annotation-icon .holiday.visa-for {
  border-color: #2d7cd1;
  color: #2d7cd1;
}

.calendar-annotation-icon .soon {
  background-color: #fbbcbc;
}

.calendar-annotation-tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding-left: 5px;
}

@media screen and (max-width: 991px) {
  .calendar-annotation-tit {
    font-size: 12px;
  }
}

.tour-product-in-calendar-area {
  padding: 15px 0px;
}

.tour-product-in-calendar-area.no-pd {
  padding: 0;
}

.tour-product-in-calendar-area .product-in-calendar .date .st-tooltip,
.tour-product-in-calendar-area .product-in-calendar .date #st-tooltip .tooltip-inner,
#st-tooltip .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner,
.tour-product-in-calendar-area .product-in-calendar .date [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner {
  width: 410px;
  padding: 0px 5px;
  left: -15px;
  margin-left: 0px;
}

.tour-product-in-calendar-area .product-in-calendar .date .st-tooltip:before,
.tour-product-in-calendar-area .product-in-calendar .date #st-tooltip .tooltip-inner:before,
#st-tooltip .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:before,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:before,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:before,
.tour-product-in-calendar-area .product-in-calendar .date [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:before,
.tour-product-in-calendar-area .product-in-calendar .date .st-tooltip:after,
.tour-product-in-calendar-area .product-in-calendar .date #st-tooltip .tooltip-inner:after,
#st-tooltip .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:after,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:after,
.tour-product-in-calendar-area .product-in-calendar .date [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:after,
.tour-product-in-calendar-area .product-in-calendar .date [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .tour-product-in-calendar-area .product-in-calendar .date .tooltip-inner:after {
  left: 32px;
}

.tour-product-in-calendar-area .order-btn {
  margin: 15px 10px 15px 0px;
}

.tour-product-in-calendar-area .order-btn a {
  padding: 0px;
  margin: 0px;
  color: #2d7cd1;
  text-decoration: underline;
}

.tour-product-in-calendar-area .order-btn a:hover,
.tour-product-in-calendar-area .order-btn a:active,
.tour-product-in-calendar-area .order-btn a:focus {
  text-decoration: underline;
  color: #3d4c98;
}

.tour-product-in-calendar-area .order-btn a:hover i,
.tour-product-in-calendar-area .order-btn a:active i,
.tour-product-in-calendar-area .order-btn a:focus i {
  color: #3d4c98;
}

.tour-product-in-calendar-area .cart-notice {
  text-align: center;
  border: dashed 1px #ccc;
  padding: 100px 0px;
}

.tour-product-in-calendar-area .month-list ul li .year {
  font-size: 15px;
}

.st-calendar-area.product-in-calendar.tour {
  display: block;
  position: relative;
  width: auto;
  top: 0px;
  box-shadow: none;
  border-radius: 4px;
}

#tour-product-in-calendar-tooltip,
[id~=tour-product-in-calendar-tooltip],
[data-id2~=tour-product-in-calendar-tooltip] {
  width: 410px;
}

#tour-product-in-calendar-tooltip .tooltip-inner,
[id~=tour-product-in-calendar-tooltip] .tooltip-inner,
[data-id2~=tour-product-in-calendar-tooltip] .tooltip-inner {
  max-width: none;
  padding: 0px 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .tour-product-in-calendar-area .st-calendar .date-list .date {
    padding: 8px 6px;
  }
}

.cart-body {
  background: #f0f0f0;
}

.main-content {
  position: relative;
  z-index: 1;
}

.purchase-info-area {
  background: #fff;
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
}

.purchase-info-area.submit-flight-rebuild {
  background-color: rgba(0, 0, 0, 0);
  padding: 0px;
}

.purchase-info-area.rebuild-price {
  margin: 20px 0 0;
}

.purchase-info-area.rebuild-rule {
  margin: 12px 0 0;
}

.purchase-info-area > .container-fluid {
  padding: 0px;
}

.purchase-info-area > .container-fluid > .row > div[class^=col-] > .row + .row {
  margin-top: 20px;
}

.purchase-info-area .tit-lg {
  padding: 0px;
  font-size: 28px;
}

.purchase-info-area .tit-lg.rebuild {
  line-height: 50px;
}

@media screen and (max-width: 991px) {
  .purchase-info-area .tit-lg.rebuild {
    font-size: 24px !important;
  }
}

.purchase-info-area .purchase-info-slider {
  cursor: default;
}

.purchase-info-area .purchase-info-slider i {
  position: absolute;
  right: 15px;
  top: 11px;
  display: none;
  font-size: 2.4rem;
  color: #888;
  transition: 0.3s ease all;
  border: 0;
}

.purchase-info-area .purchase-info-slider i.active {
  transform: rotate(-180deg);
}

@media screen and (max-width: 991px) {
  .purchase-info-area {
    border-left: none;
    border-right: none;
    margin: 20px -25px;
    padding: 15px 25px;
    border-radius: 0px;
  }

  .purchase-info-area.rebuild {
    margin: 20px 0;
  }

  .purchase-info-area > .container-fluid > .row > div[class^=col-] > .row + .row {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .purchase-info-area {
    margin: 20px -15px;
    padding: 15px 15px;
  }

  .purchase-info-area.rebuild {
    margin: 20px 0;
  }

  .purchase-info-area .purchase-info-slider i {
    display: inline-block;
  }

  #InfoInput .purchase-info-area {
    padding: 15px 30px;
  }
}

@media screen and (max-width: 991px) {
  #InfoInput .purchase-info-area.rebuild {
    padding: 15px 30px;
  }
}

.steps {
  margin: 30px 0 10px;
  clear: both;
}

.steps > .container-fluid {
  padding: 0px;
}

.steps > .container-fluid .row li[class^="col-"] {
  padding: 0px;
}

.steps ul {
  text-align: center;
  margin: 0;
  padding: 0px;
  font-size: 0px;
}

.steps ul li {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.steps ul li .step-tit {
  font-size: 3.2rem;
  font-weight: bold;
  color: #2d7cd1;
  padding: 10px 0px;
}

.steps ul li .step-tit i {
  width: 33px;
  height: 33px;
  font-size: 18px;
  color: #fbb949;
  border-radius: 100%;
  border: solid 2px #fbb949;
  box-sizing: border-box;
  text-align: center;
  line-height: 29px;
  vertical-align: middle;
  margin-right: 10px;
}

.steps ul li .step-tit strong {
  vertical-align: middle;
}

.steps ul li .step-tit.disable {
  color: #ccc;
}

.steps ul li .step-tit.disable i {
  color: #ccc;
  border-color: #ccc;
}

.steps ul li .step-arrow {
  padding: 0px 8px;
}

.steps ul li .step-arrow .draw-arrow {
  width: 98%;
  height: 3px;
  background: #2d7cd1;
  display: block;
  margin: 0px;
  position: relative;
}

.steps ul li .step-arrow .draw-arrow:after {
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-top: 5px solid transparent;
  border-left: 10px solid #2d7cd1;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: -5px;
  top: -3px;
}

.steps ul li .step-arrow.disable .draw-arrow {
  background: #ccc;
}

.steps ul li .step-arrow.disable .draw-arrow:after {
  border-left-color: #ccc;
}

@media screen and (max-width: 1199px) {
  .steps {
    margin: 20px 0;
  }

  .steps ul li .step-tit {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .steps {
    margin: 10px 0 -10px;
  }

  .steps ul li .step-tit {
    font-size: 1.5rem;
    padding: 10px 0px;
  }

  .steps ul li .step-tit i {
    width: 24px;
    height: 24px;
    font-size: 15px;
    color: #fbb949;
    border-radius: 100%;
    border: solid 2px #fbb949;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    margin-right: 0;
  }

  .steps ul li .step-tit strong {
    text-align: center;
    display: block;
  }
}

@media screen and (max-width: 399px) {
  .steps ul li .step-tit {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 991px) {
  .purchase-info-area .tit-lg {
    text-align: center;
    font-size: 22px;
    padding: 8px 0px;
  }
}

.purchase-btn-area {
  margin: 25px 0px;
}

.purchase-btn-area > .container-fluid {
  padding: 0px;
}

.purchase-btn-area > .container-fluid .row {
  margin: 0px -10px;
}

.purchase-btn-area > .container-fluid .row > div {
  padding: 0px 10px;
}

@media screen and (max-width: 991px) {
  .purchase-btn-area {
    padding-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .purchase-btn-area .row {
    margin: 0px -5px;
  }

  .purchase-btn-area .row > div {
    padding: 0px 5px;
  }
}

.order-info {
  font-size: 1.8rem;
  line-height: 24px;
  padding: 6px 0px;
}

.order-info span {
  font-size: 2rem;
  color: #e73155;
  font-weight: bold;
  margin: 0;
}

.order-info .order-price {
  display: inline-block;
  margin-left: 15px;
}

.order-info .order-price .dollar {
  margin: 0 5px 0 10px;
}

.order-info-deposit {
  font-size: 15px;
  line-height: 21px;
  display: inline-block;
  padding-left: 20px;
}

.order-info-deposit span {
  font-size: 15px;
  color: #333;
  font-weight: 300;
}

.order-info-flag {
  max-width: 26px;
  border-radius: 100%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
  vertical-align: middle;
  margin-right: 10px;
}

.order-info-flag + strong,
.order-info-flag + span {
  vertical-align: middle;
}

.order-info-tag-area {
  display: inline-block;
  vertical-align: middle;
}

.order-info-tag-area .tag {
  margin: 5px 0px;
  margin-right: 5px;
}

.order-info-product-id {
  font-size: 14px;
  line-height: 20px;
  color: #888;
  text-align: right;
  padding: 8px 0px 0px;
}

.dividing-line + .hotel-facilities-list.order-info-type {
  margin-top: 0px;
}

.hotel-facilities-list.order-info-type:last-of-type {
  margin-bottom: 0px;
}

.hotel-facilities-list.order-info-type li {
  width: auto;
}

@media screen and (max-width: 1199px) {
  .order-info {
    font-size: 1.5rem;
  }

  .hotel-facilities-list.order-info-type li {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .order-info-product-id {
    text-align: center;
    padding: 0px;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .order-info {
    line-height: 21px;
    padding: 16px 0px 8px;
    text-align: center;
    overflow-x: hidden;
  }

  .order-info-flag {
    display: block;
    margin: 0 auto 5px;
  }

  .order-info + .dividing-line {
    margin-top: -8px;
  }

  .hotel-facilities-list.order-info-type li {
    width: 100%;
  }
}

.price-details {
  border-bottom: solid 1px #eee;
  padding: 10px 15px;
}

.price-details.rebuild-luggage > .row {
  margin-bottom: 10px;
}

.price-details:last-of-type {
  border: none;
}

.price-details > .container-fluid {
  padding: 0px;
}

.price-details-name {
  font-size: 1.5rem;
  line-height: 21px;
  font-weight: bold;
}

.price-details-quantity {
  font-size: 14px;
  line-height: 22px;
  color: #888;
  padding-top: 2px;
}

.price-details-quantity.same-row {
  padding: 0;
  line-height: 21px;
}

.price-details-quantity div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.price-details-price {
  font-size: 1.5rem;
  line-height: 21px;
  font-weight: bold;
}

.price-details-remark {
  font-size: 14px;
  line-height: 22px;
  color: #888;
  padding-top: 2px;
}

.price-details-area.product-details {
  background: #f0f0f0;
  margin-bottom: 20px;
}

.product-details-info > div {
  display: inline-block;
  vertical-align: top;
}

.product-details-info > div:first-of-type {
  margin-right: 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .price-details-name {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .price-details-quantity {
    font-size: 1.5rem;
    line-height: 21px;
    border-bottom: dashed 1px #eee;
    padding: 6px 0px;
  }

  .price-details-quantity:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
  }

  .price-details-price {
    font-size: 2rem;
  }

  .price-details-price.rebuild {
    font-size: 1.8rem;
  }

  .price-details-remark {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .price-details-quantity {
    border-bottom: dashed 1px #eee;
    padding: 6px 0px;
  }

  .price-details-quantity:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
  }
}

.total {
  padding: 16px 15px;
  border-top: solid 3px #eee;
}

.total .currency {
  font-size: 14px;
  font-weight: bold;
  color: #888;
  padding: 13px 0px 0px;
}

.total .price {
  font-weight: bold;
  color: #e73155;
  font-size: 3.2rem;
  line-height: 38px;
  letter-spacing: -1px;
}

.total .price.flex-space {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.total .price .txt-m {
  font-size: 18px;
  margin-right: 0;
}

.total .price span,
.total .price strong {
  letter-spacing: 0px;
  color: #333;
  font-size: 15px;
  vertical-align: middle;
  margin-right: 10px;
}

.total .price span.red,
.total .price strong.red {
  color: #e73155;
}

.total .price .prepaid {
  color: #333;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.total .price .prepaid span,
.total .price .prepaid strong {
  margin: 0px;
  display: inline-block;
}

.total .price .prepaid span {
  font-size: 14px;
}

.total .price .prepaid strong {
  font-size: 15px;
  margin: 0px 0px 0px 10px;
}

.total .cart-down-payment {
  font-size: 14px;
  padding: 13px 0px 0px;
  width: 100%;
  text-align: right;
  box-sizing: border-box;
}

.total.type2 {
  border-top: none;
  padding: 0px;
  margin: 20px 0px;
}

.order-summary-list-total {
  padding: 20px 0px;
}

.order-summary-list-total-tit {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  padding: 0px 0px 5px;
  color: #000;
}

.order-summary-list-total-list {
  margin: 0px;
  padding: 0px;
  font-size: 0px;
}

.order-summary-list-total-list li {
  padding: 5px 8px;
  margin: 0px;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  color: #888;
  font-size: 15px;
  line-height: 21px;
  position: relative;
}

.order-summary-list-total-list li:before {
  content: '';
  position: absolute;
  left: 0px;
  height: 21px;
  width: 1px;
  background: #888;
}

.order-summary-list-total-list li:first-of-type {
  padding-left: 0px;
}

.order-summary-list-total-list li:first-of-type:before {
  display: none;
}

.order-summary-list-total-price {
  text-align: right;
}

.order-summary-list-total-price span,
.order-summary-list-total-price strong {
  vertical-align: middle;
  font-size: 18px;
  display: inline-block;
  padding-left: 10px;
}

.order-summary-list-total-price strong {
  font-size: 24px;
  color: #e73155;
}

@media screen and (max-width: 991px) {
  .order-summary-list-total-list li {
    display: block;
    padding: 2px 0px;
  }

  .order-summary-list-total-list li:before {
    display: none;
  }
}

.cart-myCash {
  background: #f0f0f0;
  padding: 10px 20px;
}

.cart-myCash-info {
  font-size: 1.5rem;
  line-height: 21px;
  color: #888;
  font-weight: bold;
}

.cart-myCash-info strong {
  font-size: 2rem;
  color: #e73155;
  padding: 0 12px;
}

.cart-myCash-info .remark {
  font-size: 1.2rem;
  color: #888;
  font-weight: bold;
  padding-top: 2px;
}

.cart-myCash-login {
  font-size: 2rem;
  font-weight: bold;
  padding: 8px 0px 0px;
}

@media screen and (max-width: 991px) {
  .cart-myCash-login {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .cart-myCash {
    padding: 10px 12px;
  }

  .cart-myCash-info {
    font-size: 1.4rem;
    line-height: 20px;
  }

  .cart-myCash-info strong {
    padding: 0px 10px;
  }
}

.agree {
  font-size: 2rem;
}

.agree .checkbox .checkbox-label {
  font-weight: bold;
}

.agree .checkbox .checkbox-label:before {
  width: 24px;
  height: 24px;
}

.agree .checkbox .checkbox-label span {
  padding: 6px 0px;
}

.agree .checkbox input[type=checkbox]:checked + .checkbox-label:before {
  line-height: 22px;
}

.agree a {
  vertical-align: middle;
  font-weight: bold;
  padding: 0px 5px;
}

.agree > span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #888;
  vertical-align: middle;
}

.agree > label {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  margin: 0px;
}

.agree .g-recaptcha {
  transform-origin: 0 0;
  float: right;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .agree {
    text-align: left;
    margin: 25px 0px;
    font-size: 16px;
    padding-left: 30px;
  }

  .agree > span {
    font-size: 1.2rem;
  }

  .agree .checkbox {
    margin-left: -30px;
  }

  .agree .g-recaptcha {
    float: left;
    position: relative;
    left: -30px;
  }
}

@media screen and (max-width: 767px) {
  .agree .g-recaptcha {
    left: -25px;
  }
}

@media screen and (max-width: 479px) {
  .agree a {
    padding: 0px;
  }
}

@media screen and (max-width: 375px) {
  .agree {
    font-size: 14px;
  }

  .agree > span {
    display: block;
  }
}

.traveler-list + .traveler-list {
  padding-top: 55px;
}

.traveler-list .traveler-item:first-child,
.traveler-list .ticket-result + .traveler-item,
.traveler-list .list-title + .traveler-item {
  margin-top: 0;
  padding-top: 0;
}

.traveler-list .pt-30 {
  padding-top: 30px !important;
}

.traveler-item {
  padding: 30px 0px;
}

.traveler-item + .traveler-item {
  border-top: 1px dashed #ccc;
}

.traveler-import {
  padding: 10px 8px;
}

.traveler-import.traveler-data-input {
  padding: 0;
}

.traveler-import.pc-flex-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.traveler-import span,
.traveler-import .area-input-vertical {
  display: inline-block;
  vertical-align: middle;
}

.traveler-import .tag {
  padding: 3px 15px;
  font-size: 15px;
  line-height: 21px;
}

.traveler-import .tag + .quantity {
  padding-left: 15px;
}

.traveler-import .quantity {
  color: #2d7cd1;
  font-size: 18px;
  line-height: 28px;
  padding-right: 15px;
  vertical-align: middle;
}

.traveler-import .quantity + .import-btn {
  margin-left: 15px;
}

.traveler-import .quantity + .remark,
.traveler-import .quantity + .detail {
  padding-left: 10px;
}

.traveler-import .quantity + .select-field {
  margin-left: 15px;
}

.traveler-import .quantity + .select-field .select-boder {
  min-width: 140px;
}

.traveler-import .detail {
  color: #2d7cd1;
  font-size: 18px;
}

.traveler-import .detail span + span::before {
  content: ' / ';
}

.traveler-import .detail + .import-btn {
  margin: 15px 0px 15px 15px;
}

.traveler-import .import-btn {
  width: 120px;
}

.traveler-import .import-btn a,
.traveler-import .import-btn button {
  height: 30px;
  line-height: 28px;
}

.traveler-import.bg-gray {
  background: #f9f9f6;
}

@media screen and (max-width: 1199px) {
  .traveler-list .ticket-result {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .traveler-import .import-btn,
  .traveler-import .select-field {
    float: none;
    display: block;
    margin: 10px 0px !important;
  }

  .traveler-import .quantity + .remark,
  .traveler-import .quantity + .detail {
    padding-left: 0px;
  }

  .traveler-import .detail {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .traveler-import .import-btn.btn-xs {
    float: unset;
  }
}

@media screen and (max-width: 767px) {
  .traveler-item:last-of-type {
    padding-bottom: 0px;
  }

  .traveler-import {
    padding: 5px 0px;
  }

  .traveler-import.pc-flex-middle {
    display: block;
  }

  .traveler-import .tag {
    font-size: 15px;
    line-height: 21px;
    display: block;
    margin: 0px 0px 10px;
    text-align: center;
  }

  .traveler-import .tag + .quantity {
    padding-left: 0px;
  }

  .traveler-import .quantity + .remark {
    padding-left: 0px;
  }

  .traveler-import .detail span + span::before {
    content: none;
  }

  .traveler-import .remark {
    display: block;
  }

  .traveler-import.bg-gray {
    background: transparent;
  }
}

@media screen and (max-width: 479px) {
  .traveler-import .import-btn.btn-xs button {
    height: 32px;
    line-height: 30px;
  }
}

.add-friend {
  padding: 10px 0;
  border-bottom: solid 2px #eee;
}

.add-friend .row {
  margin: 0px -5px;
}

.add-friend .row > div {
  padding: 0 5px;
  color: #888;
  font-size: 1.5rem;
  line-height: 21px;
}

.add-friend span {
  display: inline-block;
}

.add-friend .right-txt {
  text-align: right;
}

.add-friend .radio {
  margin-top: -2px;
}

@media screen and (max-width: 767px) {
  .add-friend .row > div {
    font-size: 1.4rem;
    line-height: 21px;
  }

  .add-friend span {
    display: block;
    line-height: 20px;
  }

  .add-friend .radio {
    line-height: 20px;
    text-align: center;
    margin-top: 0;
  }

  .add-friend .radio label {
    margin: 0px;
  }

  .add-friend .radio label:before {
    margin: 0px auto;
    display: block;
  }
}

.passport-example {
  padding: 8px;
  left: 50%;
  margin-left: -325px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .passport-example {
    margin-left: -200px;
  }

  .passport-example img {
    width: 400px;
    height: auto;
  }
}

.invoice-radio {
  border-bottom: solid 2px #888;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px 15px;
  margin: 4px 0 10px;
}

.invoice-radio.text-left {
  text-align: left;
}

@media screen and (max-width: 992px) {
  .invoice-radio {
    padding: 5px 0;
  }
}

@media screen and (max-width: 479px) {
  .invoice-radio {
    padding: 10px 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .invoice-radio {
    text-align: left;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .invoice-radio {
    text-align: left;
    line-height: 40px;
  }

  .invoice-radio .radio {
    display: block;
  }
}

.help-matters .list-title-remark {
  padding-left: 0px;
  font-size: 14px;
}

.help-matters .textarea {
  height: 168px;
}

.help-matters-qa-link {
  padding: 6px 0px;
  display: inline-block;
}

.help-matters-qa-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.help-matters-qa-list li {
  padding: 10px 0px;
  padding-left: 27px;
}

.help-matters-qa-list li strong {
  text-indent: -27px;
  display: block;
}

.help-matters .textarea-num {
  margin-top: 10px;
  color: #888;
}

@media screen and (max-width: 991px) {
  .help-matters {
    padding-top: 10px;
  }
}

.service-info {
  padding: 10px 0px 0px;
}

.service-info h4 {
  color: #2d7cd1;
  font-size: 2rem;
  font-weight: bold;
  line-height: 26px;
}

.service-info p {
  color: #888;
  font-size: 1.5rem;
  line-height: 24px;
  margin: 0;
}

.service-info hr {
  margin: 5px 0;
  border-color: #888;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .service-info {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .service-info h4 {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .service-info p {
    font-size: 1.4rem;
    line-height: 24px;
  }
}

.completed-order-info .order-info {
  position: relative;
  font-size: 2rem;
  line-height: 26px;
  padding-left: 110px;
  border-right: solid 1px #eee;
  padding-right: 20px;
}

.completed-order-info .order-info-icon {
  position: absolute;
  top: 50%;
  left: 28px;
  margin-top: -27px;
  font-size: 55px;
  line-height: 55px;
  color: #2d7cd1;
}

.completed-order-info .order-info-text {
  padding: 5px 0px;
}

.completed-order-info .order-info-detail-emphasis {
  font-weight: bold;
  color: #000;
  padding: 5px 0px;
}

.completed-order-info .order-info-detail-remark {
  font-size: 1.5rem;
  line-height: 21px;
  padding: 5px 0px;
}

.completed-order-info .order-info-detail-remark span {
  font-size: 1.5rem;
  font-weight: 400;
}

.customer-service-info {
  font-size: 15px;
  line-height: 21px;
  padding: 5px 0;
}

.customer-service-info strong {
  font-size: 18px;
  color: #000;
}

.customer-service-info.on-product-bg {
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 0 0 20px;
  margin: 60px 0 10px;
}

.customer-service-info.on-product-bg strong {
  color: #fff;
}

.customer-service-info.on-product-bg > div {
  padding: 3px 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .completed-order-info .order-info {
    border: none;
    padding: 0px;
    text-align: center;
  }

  .completed-order-info .order-info-icon {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
  }

  .completed-order-info .order-info-text {
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  .completed-order-info .order-info {
    border: none;
    padding: 0px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }

  .completed-order-info .order-info-icon {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
  }

  .completed-order-info .order-info-text {
    display: inline-block;
    vertical-align: middle;
  }

  .completed-order-info .order-info-detail-remark {
    font-size: 1.4rem;
    line-height: 20px;
  }

  .completed-order-info .order-info-detail-remark span {
    font-size: 1.4rem;
  }
}

.order-detail > .container-fluid > .row > div[class^="col-"] > .container-fluid {
  padding: 0px;
}

.collapse-traveler-info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
}

.collapse-traveler-info .order-btn {
  display: inline-block;
  vertical-align: middle;
}

.collapse-traveler-info .order-btn a {
  color: #2d7cd1;
  text-decoration: underline;
  margin-left: 10px;
}

@media screen and (max-width: 479px) {
  .collapse-traveler-info {
    text-align: center;
  }

  .collapse-traveler-info > span {
    display: block;
    padding-top: 8px;
    font-size: 1.4rem;
  }

  .collapse-traveler-info .order-btn {
    display: block;
  }

  .collapse-traveler-info .order-btn a {
    margin: 0;
  }
}

.shopping-cart-subtotal {
  padding: 17px 0px;
}

.shopping-cart-subtotal .row {
  padding: 0px 10px;
  margin: 0px -10px;
  font-size: 0px;
}

.shopping-cart-subtotal .row > div {
  padding: 0px 10px;
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 2rem;
  line-height: 26px;
  font-weight: bold;
}

.shopping-cart-subtotal .price {
  letter-spacing: -1px;
  padding-right: 10px;
}

@media screen and (max-width: 991px) {
  .shopping-cart-subtotal .row > div .currency {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .shopping-cart-subtotal .price {
    padding: 0px;
  }
}

.cart-product-list-area {
  padding: 0px;
}

.cart-product-list-area .list-area-tit {
  padding: 0px 10px;
  border: solid 2px #eee;
  border-left: none;
  border-right: none;
}

.cart-product-list-area .list-area-tit .row {
  margin: 0px -5px;
}

.cart-product-list-area .list-area-tit .row > div {
  color: #888;
  font-size: 1.5rem;
  line-height: 21px;
  padding: 5px 10px;
}

.cart-product-list-area .list-area-tit .row > div:last-of-type {
  padding-right: 20px;
}

.cart-product-list-area .list-area-tit .row > div:nth-child(3) {
  padding-right: 10px;
}

.cart-product-list-area.has-checkbox-row .list-area-tit {
  background: #f0f0f0;
  line-height: 21px;
  border-top: solid 2px #888;
  border-bottom: 2px solid #eee;
}

.cart-product-list-area.has-checkbox-row .list-area-tit .row > div {
  color: #333;
}

.cart-product-list-area.has-checkbox-row .list-area-tit .row > div:last-of-type {
  padding-right: 10px;
}

.cart-product-list-area.has-checkbox-row .cart-product-list .flex-xs-middle,
.cart-product-list-area.has-checkbox-row .cart-product-list .flex-pc-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.cart-product-list-area.has-checkbox-row .cart-product-list .product-tit {
  font-size: 15px;
  line-height: 21px;
  display: none;
}

.cart-product-list-area.has-checkbox-row .cart-product-list .product-text {
  font-size: 15px;
  line-height: 21px;
  word-break: break-word;
}

.cart-product-list-area.has-checkbox-row .cart-product-list:last-of-type {
  border-bottom: 2px solid #eee;
}

.cart-product-list-area .cart-product-list {
  border-bottom: solid 2px #eee;
  transition: 0.3s ease all;
}

.cart-product-list-area .cart-product-list:last-of-type {
  border: none;
}

.cart-product-list-area .cart-product-list > .row {
  padding: 0px 10px;
  margin: 0px -5px;
  font-size: 0px;
}

.cart-product-list-area .cart-product-list > .row > div {
  padding: 20px 10px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.cart-product-list-area .cart-product-list .product {
  color: #888;
}

.cart-product-list-area .cart-product-list .product-tit > .row {
  margin: 0px -10px;
  font-size: 0px;
}

.cart-product-list-area .cart-product-list .product-tit > .row > div {
  padding: 0px 10px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.cart-product-list-area .cart-product-list .product-name {
  font-size: 1.5rem;
  line-height: 21px;
  font-weight: bold;
}

.cart-product-list-area .cart-product-list .product-name label {
  margin: 0px;
  cursor: pointer;
}

.cart-product-list-area .cart-product-list .product-name .no-bold {
  font-weight: normal;
  vertical-align: middle;
}

.cart-product-list-area .cart-product-list .product-name .remark {
  font-size: 15px;
  line-height: 22px;
  vertical-align: middle;
}

.cart-product-list-area .cart-product-list .product-name .tag {
  vertical-align: middle;
}

.cart-product-list-area .cart-product-list .product-detail {
  font-size: 1.5rem;
  line-height: 21px;
}

.cart-product-list-area .cart-product-list .product-detail p {
  margin-bottom: 2px;
}

.cart-product-list-area .cart-product-list .product-detail p:last-of-type {
  margin-bottom: 0px;
}

.cart-product-list-area .cart-product-list .product-detail ul {
  margin-bottom: 0px;
  padding-left: 34px;
}

.cart-product-list-area .cart-product-list .product-detail ul li {
  margin-bottom: 2px;
}

.cart-product-list-area .cart-product-list .product-detail ul li:last-of-type {
  margin-bottom: 0px;
}

.cart-product-list-area .cart-product-list .product-del i {
  font-size: 30px;
  color: #ccc;
  transition: 0.3s ease all;
  cursor: pointer;
}

.cart-product-list-area .cart-product-list .product-del i:hover {
  color: #e73155;
}

.cart-product-list-area .cart-product-list .product-price {
  line-height: 20px;
  padding-right: 10px;
}

.cart-product-list-area .cart-product-list .product-price .currency,
.cart-product-list-area .cart-product-list .product-price .original-price {
  font-size: 1.5rem;
  color: #888;
}

.cart-product-list-area .cart-product-list .product-price .original-price {
  text-decoration: line-through;
}

.cart-product-list-area .cart-product-list .product-price .price {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -1px;
}

.cart-product-list-area .cart-product-list .product-price .price .unit {
  font-weight: normal;
  font-size: 13px;
  margin-left: 5px;
  letter-spacing: 0px;
}

.cart-product-list-area .cart-product-list .product-error {
  color: #f37370;
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  padding: 5px 20px;
}

.cart-product-list-area .cart-product-list .product-text {
  font-size: 15px;
}

.cart-product-list-area .cart-product-list.emphasize {
  background: rgba(45, 124, 209, 0.09);
}

.cart-product-list-area .cart-product-list.disable {
  color: #ccc;
  background: rgba(240, 240, 240, 0.5) !important;
}

.cart-product-list-area .cart-product-list.disable .input-number {
  background: #f0f0f0;
  color: #ccc;
}

.cart-product-list-area .cart-product-list.disable .currency,
.cart-product-list-area .cart-product-list.disable .original-price,
.cart-product-list-area .cart-product-list.disable .price,
.cart-product-list-area .cart-product-list.disable .blue,
.cart-product-list-area .cart-product-list.disable .product-name .remark,
.cart-product-list-area .cart-product-list.disable .product-name .remark:before {
  color: #ccc;
}

.cart-product-list-area .cart-product-list.disable .tag.blue {
  box-shadow: 0px 0px 0px 1px #ccc inset;
}

.cart-product-list-area .cart-product-list.other {
  color: #ccc;
  background: rgba(240, 240, 240, 0.5);
}

.cart-product-list-area .cart-product-list.other .input-number {
  background: #f0f0f0;
  color: #ccc;
}

.cart-product-list-area .cart-product-list.other .contain,
.cart-product-list-area .cart-product-list.other .description,
.cart-product-list-area .cart-product-list.other .currency,
.cart-product-list-area .cart-product-list.other .original-price,
.cart-product-list-area .cart-product-list.other .price,
.cart-product-list-area .cart-product-list.other .blue,
.cart-product-list-area .cart-product-list.other .product-name .remark,
.cart-product-list-area .cart-product-list.other .product-name .remark:before {
  color: #ccc;
}

.cart-product-list-area .cart-product-list.other .tag.blue {
  box-shadow: 0px 0px 0px 1px #ccc inset;
}

.cart-product-list-area .cart-product-list + .ticket-result {
  margin-top: 25px;
}

.cart-product-list-area .cart-product-list-inner {
  overflow: hidden;
  max-height: 0;
}

.cart-product-list-area .cart-product-list-inner > .row {
  margin: 0;
}

.cart-product-list-area .cart-product-list-inner > .row > div {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.cart-product-list-area .cart-product-list-inner > .row > div label {
  padding: 9px 0;
}

.cart-product-list-area .cart-product-list-inner.show {
  max-height: 3000px;
  transition: 1.5s ease all;
  overflow: unset;
}

.cart-product-list-area .extra-fees {
  padding: 10px 0px;
}

.cart-product-list-area .extra-fees .row {
  padding: 0px 10px;
  margin: 0px -5px;
  font-size: 0px;
}

.cart-product-list-area .extra-fees .row > div {
  padding: 0px 10px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.cart-product-list-area .extra-fees-name {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
}

.cart-product-list-area .extra-fees-price {
  text-align: right;
  line-height: 20px;
  padding-right: 10px;
}

.cart-product-list-area .extra-fees-price .currency,
.cart-product-list-area .extra-fees-price .original-price {
  font-size: 1.5rem;
  color: #888;
}

.cart-product-list-area .extra-fees-price .price {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -1px;
}

.cart-product-list-remark {
  margin: 10px 0px 30px;
  font-size: 15px;
  line-height: 21px;
}

.cart-product-list-area .list-title.type2:not(:first-of-type) {
  margin-top: 25px;
}

.pd-0 {
  padding: 0 !important;
}

@media screen and (max-width: 991px) {
  .cart-product-list-area.has-checkbox-row {
    border-top: 2px solid #888;
  }

  .cart-product-list-area.has-checkbox-row .cart-product-list .flex-pc-middle {
    display: inline-block;
  }

  .cart-product-list-area.has-checkbox-row .cart-product-list:hover {
    background: transparent;
  }

  .cart-product-list-area.has-checkbox-row .cart-product-list .product-tit {
    display: table-cell !important;
    background: #f0f0f0;
    min-width: 90px;
    padding: 10px;
    vertical-align: middle;
    text-align: right;
  }

  .cart-product-list-area.has-checkbox-row .cart-product-list .product-text {
    display: table-cell !important;
    padding: 10px;
    vertical-align: middle;
  }

  .cart-product-list-area.has-checkbox-row .cart-product-list .row > div > div[class^=col-] {
    padding-bottom: 1px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cart-product-list-area .cart-product-list {
    padding: 10px 0px;
  }

  .cart-product-list-area .cart-product-list > .row > div {
    vertical-align: top;
    padding: 5px 10px;
  }

  .cart-product-list-area .cart-product-list .product-tit > .row > div {
    vertical-align: top;
    padding: 0px 10px;
  }

  .cart-product-list-area .cart-product-list .product-name {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .cart-product-list-area .cart-product-list .product-detail {
    text-align: left;
  }

  .cart-product-list-area .cart-product-list .product-error {
    padding: 2px 20px;
  }

  .cart-product-list-area .cart-product-list .quantity-select {
    text-align: left;
  }

  .cart-product-list-area .extra-fees-name {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .cart-product-list-area .cart-product-list {
    padding: 10px 0px;
  }

  .cart-product-list-area .cart-product-list > .row > div {
    vertical-align: top;
    padding: 5px 10px;
  }

  .cart-product-list-area .cart-product-list .product-tit > .row > div {
    vertical-align: top;
    padding: 0px 10px;
  }

  .cart-product-list-area .cart-product-list .product-name {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .cart-product-list-area .cart-product-list .product-detail {
    text-align: left;
  }

  .cart-product-list-area .cart-product-list .product-del {
    text-align: right;
    padding-right: 10px;
  }

  .cart-product-list-area .cart-product-list .product-error {
    padding: 2px 20px;
  }

  .cart-product-list-area .cart-product-list .quantity-select {
    text-align: left;
  }

  .cart-product-list-area .extra-fees-name {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .cart-product-list-area .cart-product-list {
    padding: 10px 0px;
  }

  .cart-product-list-area .cart-product-list > .row > div {
    vertical-align: top;
    padding: 5px 10px;
  }

  .cart-product-list-area .cart-product-list .product-tit > .row > div {
    vertical-align: top;
    padding: 0px 10px;
  }

  .cart-product-list-area .cart-product-list .product-name {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .cart-product-list-area .cart-product-list .product-detail {
    text-align: left;
    font-size: 1.2rem;
    line-height: 18px;
  }

  .cart-product-list-area .cart-product-list .product-price {
    padding: 0px;
  }

  .cart-product-list-area .cart-product-list .product-price .price {
    line-height: 20px;
  }

  .cart-product-list-area .cart-product-list .product-error {
    padding: 2px 20px;
    font-size: 1.2rem;
    line-height: 18px;
  }

  .cart-product-list-area .cart-product-list .quantity-select {
    text-align: left;
  }

  .cart-product-list-area .extra-fees .price {
    line-height: 20px;
  }

  .cart-product-list-area .extra-fees-name {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .cart-product-list-area .extra-fees-price {
    padding: 0px;
  }
}

.dividing-line {
  text-align: center;
  position: relative;
  min-height: 25px;
}

.dividing-line div {
  display: inline-block;
  position: relative;
  font-size: 15px;
  line-height: 21px;
  background: #fff;
  padding: 2px 10px;
  color: #2d7cd1;
}

.dividing-line div .fa-plus-circle {
  font-size: 20px;
  line-height: 20px;
}

.dividing-line:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  height: 0px;
  border-bottom: dashed 1px #888;
}

.dividing-line-solid {
  border-bottom: 1px solid #eee;
  margin: 20px 0;
}

.dividing-line-solid-grayLighter {
  border-bottom: 1px solid #ccc;
}

.dividing-line-solid-grayLighter.error {
  border-bottom: 2px solid #f37370;
}

.dividing-line-solid-grayLighter.mt-4 {
  margin-top: 16px;
}

.dividing-line-solid-grayLighter.mb-2 {
  margin-bottom: 8px;
}

.dividing-line-gray {
  text-align: center;
  position: relative;
  min-height: 20px;
  margin-bottom: 6px;
  margin-top: 10px;
}

.dividing-line-gray div {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  background: #fff;
  padding: 2px 8px;
  color: #888;
}

.dividing-line-gray div .fa-plus-circle {
  font-size: 20px;
  line-height: 20px;
}

.dividing-line-gray:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  height: 0px;
  border-bottom: dashed 1px #eee;
}

.description {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}

.description .st-tooltip,
.description #st-tooltip .tooltip-inner,
#st-tooltip .description .tooltip-inner,
.description [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .description .tooltip-inner,
.description [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .description .tooltip-inner,
.description [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .description .tooltip-inner {
  width: 280px;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  padding: 10px 15px;
}

.description .st-tooltip.text-left,
.description #st-tooltip .text-left.tooltip-inner,
#st-tooltip .description .text-left.tooltip-inner,
.description [data-id~=st-tooltip] .text-left.tooltip-inner,
[data-id~=st-tooltip] .description .text-left.tooltip-inner,
.description [data-id~=st-tooltip-type2] .text-left.tooltip-inner,
[data-id~=st-tooltip-type2] .description .text-left.tooltip-inner,
.description [id~=st-tooltip] .text-left.tooltip-inner,
[id~=st-tooltip] .description .text-left.tooltip-inner {
  text-align: left;
}

[data-id2*=description-tooltip] {
  width: 280px;
}

[data-id2*=description-tooltip] .tooltip-inner {
  padding: 10px 15px;
  max-width: none;
}

.editor-area {
  font-size: 1.6rem;
  line-height: 1.8;
  word-break: break-word;
}

.editor-area p {
  margin: 0px;
  padding: 5px 0px;
  letter-spacing: 0.4px;
}

.editor-area img {
  max-width: 100%;
  height: auto !important;
}

.editor-area img.img-s {
  width: 32.8%;
  padding: 0 3px;
}

.editor-area iframe {
  margin: 0 auto;
}

.editor-area iframe {
  margin: 0 auto;
}

.editor-area .txt-high {
  color: #e73155;
}

.editor-area .txt-66 {
  color: #000;
}

.editor-area .txt-gy {
  color: #8e8e8e;
}

.editor-area .txt-pp {
  color: #d52678;
}

.editor-area .txt-grn {
  color: #009e47;
}

.editor-area ul:not(.mode-notice-list),
.editor-area ol:not(.mode-notice-list) {
  padding-left: 17px;
}

.editor-area ul:not(.mode-notice-list):last-of-type,
.editor-area ol:not(.mode-notice-list):last-of-type {
  margin-bottom: 0px;
}

.editor-area ul li,
.editor-area ol li {
  letter-spacing: .4px;
}

.editor-area ul li img,
.editor-area ol li img {
  padding: 5px 0px 20px;
}

.remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  color: #888;
}

.sub-price {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  color: #333;
}

@media screen and (max-width: 991px) {
  .editor-area iframe {
    border: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .editor-area {
    font-size: 1.4rem;
  }

  .editor-area img.img-s {
    width: 100%;
    padding: 0;
  }

  .editor-area img.img-s:nth-of-type(2) {
    padding: 10px 0px;
  }
}

.room-detail-info .editor-area,
.purchase-info-area .editor-area {
  font-size: 1.5rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .room-detail-info .editor-area,
  .purchase-info-area .editor-area {
    font-size: 1.4rem;
  }
}

.fare-rules {
  padding: 15px;
  color: #888;
}

.fare-rules-item-tit {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  font-weight: bold;
  padding: 3px 0px;
}

.fare-rules-list {
  padding-left: 18px;
  margin: 0px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 19px;
}

.fare-rules-list li {
  padding: 2px 0px;
}

@media screen and (max-width: 991px) {
  .fare-rules-item-tit {
    font-size: 1.6rem;
  }

  .fare-rules-list {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .fare-rules {
    padding: 15px 0px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .fare-rules {
    padding: 15px 0px;
  }
}

/* col 隔線間距(共用) */

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-row-xs > .col,
.form-row-xs > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (max-width: 1399px) {
  .form-row-xs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/*Mobile*/

@media screen and (max-width: 768px) {
  .form-inline-xs {
    display: inline-block;
    width: calc(100% - 90px);
    height: 40px;
  }
}

.filter-mini {
  position: relative;
  background: #f0f0f0;
  margin: 15px 0px;
  padding-left: 44px;
  border-radius: 4px;
}

.filter-mini.white-bg {
  background: #fff;
}

.filter-mini-tit {
  position: absolute;
  top: 12px;
  left: 15px;
}

.filter-mini-item {
  display: inline-block;
  vertical-align: top;
  padding: 0px 5px;
  margin: 3px 0px;
}

.filter-mini-item-area {
  font-size: 0px;
  padding: 5px 0px 5px 10px;
}

.filter-mini-item [class*=btn] {
  padding: 0px 10px;
  font-weight: normal;
  min-width: 82px;
  height: 30px;
  line-height: 28px;
}

.filter-mini-item .btn-change-sm {
  background: #e7f3ff;
  border: 1px solid #ccc;
  color: #333;
}

.filter-mini-item .btn-change-sm:hover,
.filter-mini-item .btn-change-sm:focus {
  background: #e7f3ff;
  border: 1px solid #ccc;
  color: #333;
}

.filter-mini-item .btn-change-sm:hover:after,
.filter-mini-item .btn-change-sm:focus:after {
  content: none;
}

.filter-mini-item-nopd {
  display: inline-block;
  vertical-align: top;
  padding: 0px 0px;
  margin: 3px;
}

.filter-mini-item-nopd [class*=btn] {
  padding: 0px 10px;
  font-weight: normal;
  min-width: 82px;
  height: auto;
  line-height: 28px;
}

.filter-mini-item-nopd .btn-select-sm {
  border-radius: 4px;
  padding: 2px 15px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
}

.filter-mini-item-nopd .btn-select-sm:hover {
  background: #e7f3ff;
  color: #2d7cd1;
}

.filter-mini-item-nopd .btn-select-sm:focus {
  color: #2d7cd1;
}

.filter-mini-item-nopd .btn-select-sm.active {
  color: #fff;
  background: #2d7cd1;
}

.filter-mini-item-nopd .btn-select-sm.reSelect {
  padding: 4px 24px;
}

.filter-mini-item-nopd .btn-disabled {
  border-radius: 4px;
  padding: 2px 15px;
  border: 1px solid #ccc;
  color: #ccc;
  background: #f8f8f8;
  cursor: default !important;
}

@media screen and (max-width: 991px) {
  .filter-mini {
    overflow: auto;
  }

  .filter-mini-item-area {
    white-space: nowrap;
  }

  .filter-mini-item.d-block {
    display: block;
    margin: 15px 0;
  }
}

.filter-select {
  max-width: 200px;
  padding: 7px 0;
  /*
    span,select{
        display: inline-block;
        vertical-align: middle;
    }*/
  /*
    span{
        width: 60px;
        line-height: 40px;
        text-align: right;
    }*/
}

.filter-select select {
  /*width: calc( 100% - 65px);*/
  min-width: 80px;
}

@media screen and (max-width: 991px) {
  .filter-select {
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    /*
        span{
            text-align: left;
        }
        select{
            width: 100%;
        }*/
  }
}

@media screen and (max-width: 640px) {
  .filter-select {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    position: relative;
    top: 0;
    right: 0;
  }
}

/*區塊內容*/

.flightTicket-more-area .flightTicket-more-list {
  max-height: 280px;
  overflow: hidden;
}

.flightTicket-more-area .flightTicket-more-list.active {
  max-height: initial;
}

.flightTicket-more-area .flightTicket-more-list.fareRules {
  max-height: initial;
  overflow: auto;
  padding: 0 15px;
}

.flightTicket-more-area .flightTicket-more-btn {
  width: 100%;
  padding: 15px 0;
  position: relative;
}

.flightTicket-more-area .flightTicket-more-btn .btn-import,
.flightTicket-more-area .flightTicket-more-btn .btn-import-sm {
  max-width: 250px;
  margin: auto;
  display: block;
}

.flightTicket-more-area .flightTicket-more-btn:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  box-shadow: 0px -12px 15px 8px #ffffff;
  bottom: 70px;
}

@media screen and (max-width: 479px) {
  .flightTicket-more-area .flightTicket-more-list.fareRules {
    padding: 0;
  }
}

/*組件內容 垂直*/

.flightTicket-more {
  /*小盒子-垂直排法*/
}

.flightTicket-more .row > div[class^=col-] {
  display: table;
  margin-bottom: 1px;
}

.flightTicket-more .row > div[class^=col-] > div {
  display: table-cell;
  padding: 15px;
}

.flightTicket-more .row > div[class^=col-] > div:first-child {
  background: #f0f0f0;
  width: 20%;
}

.flightTicket-more .row > div[class^=col-] > div.multiFlight-info {
  background: #fff;
}

.flightTicket-more .row > div[class^=col-] > div.multiFlight-info .multiFlight-info-title {
  margin-bottom: 10px;
}

.flightTicket-more .row > div[class^=col-] > div.multiFlight-info .multiFlight-info-title .tag {
  padding: 1px 8px;
  margin: 0;
}

.flightTicket-more-inner {
  /*word-spacing: -0.36em;*/
  vertical-align: top;
}

.flightTicket-more-inner ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 10px;
}

.flightTicket-more-inner span {
  margin-left: 5px;
}

.flightTicket-more-inner .detail-text-info {
  border-bottom: dashed 1px #888;
  background: #ffffff;
  display: table;
  width: 100%;
  margin-bottom: 10px !important;
  padding: 0 15px 10px !important;
}

.flightTicket-more-inner .detail-text-info .row > div[class^=col-] {
  display: table-cell;
}

.flightTicket-more-inner .detail-text-info ul {
  list-style: none;
  padding-left: 0;
  padding-right: 8px;
}

.flightTicket-more-inner.no-memo .detail-text-info:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

@media screen and (max-width: 767px) {
  .flightTicket-more {
    /*小盒子-垂直排法*/
  }

  .flightTicket-more .row > div[class^=col-] > div.multiFlight-info .multiFlight-info-title .tag {
    padding: 1px 8px;
    margin: 0 0 10px 0;
  }

  .flightTicket-more .row > div[class^=col-] > div.multiFlight-info .multiFlight-info-title .a-to-b-tit {
    display: block;
    margin-left: 0;
    width: 100%;
  }

  .flightTicket-more .row > div[class^=col-] > div.multiFlight-info .multiFlight-info-title span {
    margin-left: 0;
    font-size: 15px;
  }
}

/*組件內容 水平*/

.flightTicket-more {
  /*小盒子-水平排法 不使用格線*/
  /*5欄*/
  /*5欄 LCC票價使用 均分欄寬*/
  /*4欄*/
  /*3欄*/
}

.flightTicket-more.type2 {
  word-spacing: -0.28em;
  border: solid 1px #ccc;
  margin-top: 15px;
  /*補上PC版的標題*/
  /*layout 在燈箱裡*/
  /*5欄*/
  /*4欄*/
  /*3欄*/
}

.flightTicket-more.type2 .inner-title {
  background: #f0f0f0;
}

.flightTicket-more.type2 .inner-title div {
  display: inline-block;
  padding: 5px 15px;
}

.flightTicket-more.type2 .flightTicket-more-box {
  display: inline-block;
  vertical-align: top;
  word-spacing: 0;
  padding: 15px;
}

.flightTicket-more.type2 .flightTicket-more-box:nth-child(1) {
  width: 100%;
  border-bottom: solid 1px #ccc;
}

.flightTicket-more.type2 .flightTicket-more-box > div:first-child {
  display: none;
}

.flightTicket-more.type2 .flightTicket-more-box .a-to-b-tit {
  margin: 0 15px;
  width: calc( 100% - 90px);
}

.flightTicket-more.type2 .flightTicket-more-inner .detail-text-info {
  border-bottom: none;
}

.flightTicket-more.type2 .flightTicket-more-inner .detail-text-info .row > div[class^=col-] {
  display: table-cell;
  padding: 0;
}

.flightTicket-more.type2.inbox {
  margin-top: 0;
  margin-bottom: 15px;
}

.flightTicket-more.type2.inbox .flightTicket-more-box {
  padding: 0;
}

.flightTicket-more.type2.inbox .flightTicket-more-box div {
  padding: 15px;
}

.flightTicket-more.type2.inbox .flightTicket-more-box > div:first-child {
  background: #f0f0f0;
  padding: 5px 10px;
  margin-bottom: 0;
  display: block;
}

.flightTicket-more.type2.inbox .flightTicket-more-box .tag {
  padding: 1px 8px;
  margin: 15px 0 15px 15px;
}

.flightTicket-more.type2.inbox .flightTicket-more-box .a-to-b-tit {
  padding: 15px 0;
  margin: 0 15px;
  width: calc( 100% - 90px);
}

.flightTicket-more.type2.inbox .flightTicket-more-box .flightTicket-more-inner div {
  padding: 0;
}

.flightTicket-more.type2.inbox .flightTicket-more-box .flightTicket-more-inner .detail-text-info {
  border-bottom: dashed 1px #888;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:first-child {
  border-bottom: none;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:nth-child(2) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:nth-child(3) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:nth-child(4) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:nth-child(5) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:nth-child(6) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col5 .flightTicket-more-box:last-child {
  border-bottom: none;
}

.flightTicket-more.type2.inbox.col4 .flightTicket-more-box:first-child {
  border-bottom: none;
}

.flightTicket-more.type2.inbox.col4 .flightTicket-more-box:nth-child(2) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col4 .flightTicket-more-box:nth-child(3) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col4 .flightTicket-more-box:nth-child(4) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col4 .flightTicket-more-box:last-child {
  width: 100%;
  border-bottom: none;
}

.flightTicket-more.type2.inbox.col3 .flightTicket-more-box:first-child {
  border-bottom: none;
}

.flightTicket-more.type2.inbox.col3 .flightTicket-more-box:nth-child(2) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col3 .flightTicket-more-box:nth-child(3) {
  width: 100%;
}

.flightTicket-more.type2.inbox.col3 .flightTicket-more-box:last-child {
  width: 100%;
  border-bottom: none;
}

.flightTicket-more.type2.col5 .inner-title div:nth-child(1) {
  width: 25%;
}

.flightTicket-more.type2.col5 .inner-title div:nth-child(2) {
  width: 25%;
}

.flightTicket-more.type2.col5 .inner-title div:nth-child(3) {
  width: 15%;
}

.flightTicket-more.type2.col5 .inner-title div:nth-child(4) {
  width: 20%;
}

.flightTicket-more.type2.col5 .inner-title div:nth-child(5) {
  width: 15%;
}

.flightTicket-more.type2.col5 .flightTicket-more-box {
  /*layout*/
}

.flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(3) {
  width: 25%;
}

.flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(4) {
  width: 25%;
}

.flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(5) {
  width: 15%;
}

.flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(6) {
  width: 20%;
}

.flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(7) {
  width: 15%;
}

.flightTicket-more.type2.col5-normal .inner-title div:nth-child(1) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .inner-title div:nth-child(2) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .inner-title div:nth-child(3) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .inner-title div:nth-child(4) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .inner-title div:nth-child(5) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box {
  /*layout*/
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(1) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(2) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(3) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(4) {
  width: 20%;
}

.flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(5) {
  width: 20%;
}

.flightTicket-more.type2.col4 .inner-title div {
  width: 25%;
}

.flightTicket-more.type2.col4 .flightTicket-more-box {
  width: 25%;
}

.flightTicket-more.type2.col4 .flightTicket-more-box:nth-child(1) {
  width: 100%;
  border-bottom: solid 1px #ccc;
}

.flightTicket-more.type2.col3 .inner-title div {
  width: 33.33%;
}

.flightTicket-more.type2.col3 .flightTicket-more-box {
  width: 33.33%;
}

.flightTicket-more.type2.col3 .flightTicket-more-box:nth-child(1) {
  width: 100%;
  border-bottom: solid 1px #ccc;
}

@media screen and (max-width: 991px) {
  .flightTicket-more {
    /*4欄*/
    /*3欄*/
  }

  .flightTicket-more-inner .detail-text-info {
    padding: 0 0 10px !important;
  }

  .flightTicket-more-inner .detail-text-info ul {
    padding-right: 0px;
  }

  .flightTicket-more.type2 .flightTicket-more-box > div:first-child {
    background: #f0f0f0;
    padding: 8px 10px;
    margin: -15px -15px 15px -15px;
    display: block;
  }

  .flightTicket-more.type2 .flightTicket-more-inner .detail-text-info .row > div[class^=col-] {
    display: table-cell;
    padding: 0 15px;
  }

  .flightTicket-more.type2.inbox .flightTicket-more-inner .detail-text-info .row > div[class^=col-] {
    display: table-cell;
    padding: 0;
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box {
    /*layout*/
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(3) {
    width: 100%;
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(4) {
    width: 100%;
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(5) {
    width: 100%;
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(6) {
    width: 100%;
  }

  .flightTicket-more.type2.col5 .flightTicket-more-box:nth-child(7) {
    width: 100%;
    border-bottom: none;
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box {
    /*layout*/
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(2) {
    width: 50%;
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(3) {
    width: 50%;
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(4) {
    width: 50%;
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(5) {
    width: 50%;
  }

  .flightTicket-more.type2.col5-normal .flightTicket-more-box:nth-child(6) {
    width: 100%;
    border-bottom: none;
  }

  .flightTicket-more.type2.col4 .inner-title div {
    width: 100%;
  }

  .flightTicket-more.type2.col4 .flightTicket-more-box {
    width: 100%;
  }

  .flightTicket-more.type2.col3 .inner-title div {
    width: 100%;
  }

  .flightTicket-more.type2.col3 .flightTicket-more-box {
    width: 100%;
  }

  .flightTicket-more.inbox .flightTicket-more-box div:first-child {
    margin: 0;
  }
}

.info-list-area {
  /*底線顏色較淡*/
}

.info-list-area-tit {
  background: #f0f0f0;
  line-height: 21px;
  border-top: solid 2px #888;
  border-bottom: solid 2px #eee;
}

.info-list-area-tit > .row {
  margin: 0px;
  font-size: 0px;
}

.info-list-area-tit > .row > div[class^=col-] {
  padding: 5px 10px;
  font-size: 15px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.info-list-area-tit .remark {
  font-size: 13px;
  line-height: 19px;
  color: #888;
}

.info-list-area .info-list {
  border-bottom: solid 2px #888;
  padding: 10px 0px;
}

.info-list-area .info-list.no-border {
  border-bottom: 0;
  padding: 0;
}

.info-list-area .info-list > div > .row {
  margin: 0px;
  font-size: 0px;
}

.info-list-area .info-list > div > .row > div[class^=col-] {
  padding: 10px 10px;
  font-size: 1.5rem;
  line-height: 21px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}

.info-list-area .info-list > div > .row > div[class^=col-].flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.info-list-area .info-list-tit {
  display: none;
  background: #f0f0f0;
  width: 33%;
  padding: 10px;
  vertical-align: middle;
  text-align: right;
}

.info-list-area .info-list-text ul {
  margin: 0px;
  padding-left: 17px;
}

.info-list-area .info-list-text ul li {
  margin-bottom: 4px;
}

.info-list-area .info-list-text ul li:last-of-type {
  margin-bottom: 0px;
}

.info-list-area .info-list-text .description {
  font-size: 18px;
  line-height: 18px;
}

.info-list-area .info-list-text .mycash-point {
  font-weight: bold;
}

.info-list-area .info-list-text .mycash-point.plus {
  color: #2d7cd1;
}

.info-list-area .info-list-text .mycash-point.minus {
  color: #e73155;
}

.info-list-area .info-list-text.disabled > div {
  color: #888;
}

.info-list-area .info-list-remark {
  font-size: 12px;
  line-height: 18px;
  color: #888;
}

.info-list-area .info-list-remark.normal {
  font-size: 15px;
}

.info-list-area .info-list.vertical-top > div > .row > div[class^=col-] {
  vertical-align: top;
}

.info-list-area .list-title {
  padding-left: 10px;
}

.info-list-area.lighter .info-list {
  border-bottom: solid 2px #eee;
}

.info-list-area .info-list-empty {
  text-align: center;
  padding: 15px 0;
  border-bottom: solid 2px #eee;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

.info-list-area.type-lightbox {
  margin: 30px 0;
}

@media screen and (min-width: 992px) {
  .info-list-area.type-lightbox .info-list-area-tit {
    border-top: solid 1px #dddddd;
    border-bottom: solid 2px #dddddd;
  }

  .info-list-area.type-lightbox .info-list-area-tit .col-p-20 {
    width: 20%;
  }

  .info-list-area.type-lightbox .info-list {
    border-bottom: solid 2px #dddddd;
  }

  .info-list-area.type-lightbox .info-list .col-p-20 {
    width: 20%;
  }
}

@media screen and (max-width: 991px) {
  .info-list-area .info-list > div > .row > div[class^=col-] {
    display: table;
    padding: 0px 0px 1px;
  }

  .info-list-area .info-list > div > .row > div[class^=col-].text-center {
    text-align: left;
  }

  .info-list-area .info-list-tit {
    display: table-cell;
  }

  .info-list-area .info-list-text {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
  }

  .info-list-area .info-list-text.display-block {
    display: block;
  }

  .info-list-area .info-list.type2 > div > .row > div[class^=col-] {
    display: inline-block;
    vertical-align: top;
  }

  .info-list-area .list-title {
    font-size: 16px;
  }

  .info-list-area .list-title.has-order-btn {
    border: none;
    padding-bottom: 0px;
  }

  .info-list-area .list-title.has-order-btn .order-btn {
    float: right;
  }

  .info-list-area .list-title.has-order-btn .order-btn a {
    padding: 0px;
    line-height: 24px;
  }

  .info-list-area.select-room.hotel-combination {
    border-top: 0 !important;
  }

  .info-list-area.type-lightbox .info-list-tit {
    width: 47%;
  }
}

@media screen and (max-width: 767px) {
  .info-list-area .info-list-tit {
    width: 35%;
  }

  .info-list-area .info-list > div > .row > div[class^=col-] {
    font-size: 1.4rem;
  }

  .info-list-area .info-list-empty {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 479px) {
  .info-list-area .info-list-tit {
    width: 47%;
  }
}

/*在480以下才變成直式的*/

/*info-list 與 info-list-tit 加上type2*/

.info-list-area .info-list.type2 {
  padding: 0;
}

.info-list-area-tit.type2 {
  border-top: none;
}

.info-list-area-tit.type2 .row > div[class^=col-] {
  line-height: 21px;
}

@media screen and (max-width: 991px) {
  .info-list-area .info-list-area-tit.type2 {
    clear: both;
  }

  .info-list-area .info-list.type2 > div > .row {
    margin: 0px;
    font-size: 0px;
  }

  .info-list-area .info-list.type2 > div > .row > div[class^=col-] {
    padding: 0;
    font-size: 15px;
    line-height: 21px;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  .info-list-area .info-list .info-list-tit.text-left {
    text-align: left;
  }

  .info-list-area .info-list.type2 {
    border-bottom: none;
  }

  .info-list-area .info-list.type2 > div > .row > div[class^=col-] {
    display: table;
    padding: 0px 0px 1px;
  }

  .info-list-area .info-list.type2 > div > .row > div[class^=col-].text-center {
    text-align: left;
  }

  .info-list-area .info-list.type2-tit {
    display: table-cell;
  }

  .info-list-area .info-list.type2-text {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
  }

  .info-list-area .info-list.type2-text.display-block {
    display: block;
  }
}

/**/

.small-info-list-area {
  padding: 5px 0px;
}

.small-info-list-area ul {
  padding: 0px;
  margin: 0px;
}

.small-info-list-area ul li {
  list-style: none;
  padding: 5px 0px;
}

.small-info-list-area ul li > .row {
  margin: 0px -5px;
}

.small-info-list-area ul li > .row > div[class^=col-] {
  padding: 0px 5px;
}

.small-info-list-bigtit {
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
}

.small-info-list-tit {
  font-size: 15px;
  line-height: 20px;
  text-align: right;
}

.small-info-list-tit span,
.small-info-list-tit a {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0px;
}

.small-info-list-tit .remark {
  font-size: 12px;
  line-height: 18px;
  color: #888;
}

.small-info-list-text {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.small-info-list-text img {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  padding: 0px 5px;
  box-sizing: border-box;
}

.small-info-list-text span {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0px;
}

.small-info-list-text .remark {
  color: #888;
  font-weight: normal;
}

.info-list-tag-type-item {
  position: relative;
  padding-left: 150px;
}

.info-list-tag-type-item > .tag {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 135px;
  text-align: center;
}

.info-list-tag-type-item.pos-middle > .tag {
  top: 21px;
}

.info-list-tag-type-item-text {
  padding: 5px 15px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  border-bottom: 2px solid #eee;
}

.info-list-tag-type-item-text p {
  margin: 10px 0px;
  line-height: 26px;
}

.info-list-tag-type-item-text p small {
  font-size: 1.5rem;
  line-height: 18px;
  display: block;
}

.info-list-tag-type-item-text ul,
.info-list-tag-type-item-text ol {
  margin: 10px 0px;
  padding-left: 1em;
}

.info-list-tag-type-item-text ul.list-unstyled,
.info-list-tag-type-item-text ol.list-unstyled {
  padding-left: 0px;
}

.info-list-tag-type-item-text ul li .d-flex,
.info-list-tag-type-item-text ol li .d-flex {
  display: -ms-flexbox;
  display: flex;
  line-height: 26px;
}

.info-list-tag-type-item-text ul li .d-flex > span:first-child,
.info-list-tag-type-item-text ol li .d-flex > span:first-child {
  white-space: nowrap;
}

.info-list-tag-type-item-text .tag-area {
  margin: 6px 0px;
}

.info-list-tag-type-item-text .tag-area .tag,
.info-list-tag-type-item-text .tag-area .tag.solid {
  margin: 2px 4px;
}

.info-list-tag-type-item-text .tag-area .tag + .tag,
.info-list-tag-type-item-text .tag-area .tag + .tag.solid,
.info-list-tag-type-item-text .tag-area .tag.solid + .tag,
.info-list-tag-type-item-text .tag-area .tag.solid + .tag.solid {
  margin-right: 4px;
  margin-left: 0;
}

.info-list-tag-type-item-text .tag-area .tag:first-of-type,
.info-list-tag-type-item-text .tag-area .tag.solid:first-of-type {
  margin-left: 0;
}

.info-list-tag-type-item:last-of-type .info-list-tag-type-item-text {
  border-bottom: none;
}

.info-list-tag-type.type2 {
  padding: 10px 0px;
  border-bottom: solid 1px #eee;
}

.info-list-tag-type.type2.no-border {
  border-bottom: none;
}

.info-list-tag-type.type2 .info-list-tag-type-item {
  padding-left: 110px;
}

.info-list-tag-type.type2 .info-list-tag-type-item > .tag {
  width: 97px;
  top: 8px;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text {
  border-bottom: none;
  padding: 1px 0px;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text.rebuild {
  padding: 1px 0px 1px 15px;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text a {
  word-break: break-all;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text span.tag {
  margin-left: 5px;
  vertical-align: bottom;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text ul li {
  margin-bottom: 10px;
}

.info-list-tag-type.type2 .info-list-tag-type-item-text .most-two-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}

.info-list-tag-type.type2.award {
  padding: 20px 0 10px 0;
}

.info-list-tag-type.type2.award .info-list-tag-type-item {
  padding-left: 40px;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .award-icon {
  position: absolute;
  top: 8px;
  left: 0;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .award-icon img {
  width: 30px;
  height: auto;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text p {
  margin: 10px 0 5px 0;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text > ul {
  margin: 5px 0 10px 0;
  list-style: none;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text > ul > li {
  position: relative;
  list-style-type: none;
  line-height: 26px;
  margin-bottom: 5px;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text > ul > li:before {
  content: "\2022";
  font-weight: bolder;
  position: absolute;
  left: -16px;
  top: 1px;
  color: #333;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex {
  display: -ms-flexbox;
  display: flex;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > span {
  white-space: nowrap;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > ul {
  margin: 0;
  list-style: none;
  -webkit-padding-start: 3px;
          padding-inline-start: 3px;
  max-width: calc( 100% - 77px);
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > ul > li {
  list-style-type: none;
  margin-bottom: 0 !important;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > ul > li .most-one-row {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .most-one-row {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .order-btn a {
  margin: 0 5px;
}

.info-list-tag-type.type2.award + .info-list-tag-type.type2.award {
  padding-top: 10px;
}

.info-list-tag-type .remark {
  font-size: 13px;
  color: #888;
}

.info-list-tag-type .remark.red {
  color: #e73155;
}

.info-list-tag-type.no-border {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .info-list-tag-type.type2.award .info-list-tag-type-item .info-list-tag-type-item-text .list-d-flex > ul {
    max-width: 100%;
  }
}

.purchase-info-area .info-list-tag-type.type2.award {
  padding: 0;
}

@media screen and (max-width: 991px) {
  .info-list-tag-type {
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (max-width: 479px) {
  .info-list-tag-type-item {
    padding: 15px 0px 0px 0px;
  }

  .info-list-tag-type-item > .tag {
    position: relative;
    width: 100%;
    top: 0px;
  }

  .info-list-tag-type-item.pos-middle > .tag {
    position: relative;
    width: 100%;
    top: 0px;
  }

  .info-list-tag-type-item-text {
    font-size: 14px;
  }

  .info-list-tag-type.type2 .info-list-tag-type-item {
    padding: 10px 0 0;
  }

  .info-list-tag-type.type2 .info-list-tag-type-item > .tag {
    top: 0px;
  }

  .info-list-tag-type.type2 .info-list-tag-type-item-text {
    padding: 1px 0px;
  }

  .info-list-tag-type.type2 .info-list-tag-type-item-text a:not(.inline-info),
  .info-list-tag-type.type2 .info-list-tag-type-item-text p.inline-info {
    position: absolute;
    top: 10px;
    left: 105px;
    padding: 4px 0px;
    margin: 0;
  }

  .info-list-tag-type.type2.award .info-list-tag-type-item {
    padding-top: 0;
  }

  .seat-text .info-list-tag-type.type2 .info-list-tag-type-item > .tag {
    position: absolute;
    top: 4px;
  }
}

.price-info-row-table {
  overflow: hidden;
  border-top: 2px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 30px 0;
}

.price-info-row-table > div {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  min-height: 60px;
}

.price-info-row-table > div .row-table-th {
  background-color: #f0f0f0;
  border-bottom: 2px solid #ddd;
  padding: 8px;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.price-info-row-table > div .row-table-td {
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 8px 8px 8px 16px;
  -ms-flex: 2.5;
      flex: 2.5;
}

@media screen and (max-width: 991px) {
  .price-info-row-table {
    border-color: #ffffff;
  }

  .price-info-row-table > div {
    min-height: unset;
  }

  .price-info-row-table > div .row-table-th {
    -ms-flex: none;
        flex: none;
    width: 47%;
    border-color: #ffffff;
    text-align: right;
    padding: 10px;
  }

  .price-info-row-table > div .row-table-td {
    -ms-flex: none;
        flex: none;
    width: 52.9%;
    border-color: #ffffff;
    padding: 10px;
  }
}

.table {
  border: 1px solid #ddd;
  border-top: solid 2px #888;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

.table thead tr {
  background-color: #f0f0f0;
}

.table thead tr th {
  border-right: 1px solid #ddd;
}

.table thead tr th:last-child {
  border-right: 0px;
}

.table tbody tr td {
  border-right: 1px solid #ddd;
}

.table tbody tr td:last-child {
  border-right: 0px;
}

.x-scroll-type {
  margin-bottom: 0;
  overflow-x: auto;
}

.x-scroll-type thead {
  white-space: nowrap;
}

@media only screen and (max-width: 991px) {
  .x-scroll-type .table {
    font-size: 1.4rem;
  }
}

.mb-5 {
  margin-bottom: 5px;
}

.product-info-section {
  margin-top: 20px;
}

.product-info-section .order-product-item > .container {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

.product-info-section .order-product-item > .container .tit-lg {
  padding: 0;
  font-size: 28px;
}

.product-info-section .order-product-item:last-child > .container {
  margin-bottom: 20px;
}

.order-product-content .order-product-block {
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
}

.order-product-content .order-product-block .order-info-img {
  padding: 15px 0;
}

.order-product-content .order-product-block .order-info-img .order-img,
.order-product-content .order-product-block .order-info-img .order-img-lower {
  width: 100%;
  height: auto;
  padding-bottom: 66.66666%;
  border-radius: 4px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.order-product-content .order-product-block .order-info-img .order-img-circle {
  width: 60%;
  height: auto;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  margin: 0 auto;
}

.order-product-content .order-product-block .order-info-text {
  padding: 15px 0;
}

.order-product-content .order-product-block .order-info-text strong {
  font-size: 18px;
  display: block;
}

.order-product-content .order-product-block .order-info-text p {
  font-size: 17px;
  margin-top: 5px;
  font-weight: bold;
}

.order-product-content .order-product-block .order-info-text p.order-info-textSession {
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline-block;
}

.order-product-content .order-product-block .order-info-text a {
  color: #333;
}

.order-product-content .order-product-block .order-info-text a strong {
  font-size: 18px;
  display: inline;
}

.order-product-content .order-product-block .order-info-text a:hover,
.order-product-content .order-product-block .order-info-text a:focus,
.order-product-content .order-product-block .order-info-text a:active {
  color: #004ea2;
}

.order-product-content .order-product-block .order-info-text .tag {
  margin-left: 10px;
  vertical-align: text-bottom;
}

.order-product-content .order-product-block .order-info-text ul {
  font-size: 15px;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  margin: 5px 0px;
}

.order-product-content .order-product-block .order-info-text ul li {
  line-height: 22px;
  font-size: 15px;
}

.order-product-content .order-product-block .order-info-text .info-list-item-row {
  margin-bottom: 5px;
}

.order-product-content .order-product-block .order-info-text .info-list-item-row span {
  margin-right: 15px;
}

.order-product-content .order-product-block .btn-moreinfo {
  min-height: 160px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.order-product-content .order-product-block .btn-moreinfo .btn-change,
.order-product-content .order-product-block .btn-moreinfo .btn-change-sm,
.order-product-content .order-product-block .btn-moreinfo .login-btn-fb,
.order-product-content .order-product-block .btn-moreinfo .login-btn-google,
.order-product-content .order-product-block .btn-moreinfo .social-btn-fb,
.order-product-content .order-product-block .btn-moreinfo .social-btn-google,
.order-product-content .order-product-block .btn-moreinfo .social-btn-line,
.order-product-content .order-product-block .btn-moreinfo .btn-editor {
  max-width: 160px;
  margin-right: 15px;
  height: 40px;
  line-height: 38px;
}

.order-product-content .order-product-block .btn-moreinfo .btn-change:last-child,
.order-product-content .order-product-block .btn-moreinfo .btn-change-sm:last-child,
.order-product-content .order-product-block .btn-moreinfo .login-btn-fb:last-child,
.order-product-content .order-product-block .btn-moreinfo .login-btn-google:last-child,
.order-product-content .order-product-block .btn-moreinfo .social-btn-fb:last-child,
.order-product-content .order-product-block .btn-moreinfo .social-btn-google:last-child,
.order-product-content .order-product-block .btn-moreinfo .social-btn-line:last-child,
.order-product-content .order-product-block .btn-moreinfo .btn-editor:last-child {
  margin-right: 0;
}

.order-product-content .order-product-block .order-info-btn {
  display: -ms-flexbox;
  display: flex;
}

.order-product-content .order-product-block .order-info-btn .btn-import-sm {
  max-width: 120px;
  margin-right: 10px;
  margin-bottom: 15px;
  -ms-flex: 1;
      flex: 1;
}

.order-product-content .order-product-block .order-info-btn .btn-import-sm:last-of-type {
  margin-right: 0;
}

.order-product-content .order-product-block .order-info-payment {
  margin: 15px 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}

.order-product-content .order-product-block .order-info-payment i {
  margin-right: 5px;
}

.order-product-content .order-product-block .order-info-price {
  margin: 15px 0px;
  text-align: right;
  font-size: 15px;
}

.order-product-content .order-product-block .order-info-price p {
  margin: 5px 0;
}

.order-product-content .order-product-block .order-info-price .price-total {
  font-size: 18px;
}

.order-product-content .order-product-block .order-info-price .price-total.red {
  font-weight: bold;
}

.order-product-content .ticket-result {
  border-top: solid 2px #888;
}

.order-product-content .ticket-result .tit {
  margin-right: 10px;
}

.order-product-content .ticket-result.no-border {
  border-top: 0;
}

.order-product-content .ticket-result.no-border .tit a:hover {
  color: #004ea2;
}

.order-product-content .order-flight-title {
  padding: 10px;
  -ms-flex-align: center;
      align-items: center;
}

.order-product-content .order-flight-title div span {
  font-size: 15px;
  line-height: 21px;
  margin-right: 15px;
  vertical-align: middle;
}

.order-product-content .order-flight-title div span:last-child {
  margin-right: 25px;
}

.order-product-content .order-flight-title .order-format-tit {
  line-height: 30px;
}

.order-product-content .order-flight-title .order-format-tit span {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #333;
}

.order-product-content .order-flight-title .order-format-inline {
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}

.order-product-content .order-flight-title .order-format-inline .flight-customer-list {
  display: inline-block;
}

.order-product-content .order-flight-title .order-format-inline .flight-customer-list span:last-child {
  margin-right: 25px;
}

.order-product-content .order-flight-text {
  padding: 10px;
}

.order-product-content .order-flight-text .a-to-b-tit {
  line-height: 30px;
}

.order-product-content .order-flight-text .a-to-b-tit .tag.blue {
  margin-right: 5px;
}

.order-product-content .order-flight-text .flight-baggage-tit span {
  font-size: 15px;
  line-height: 21px;
  margin-right: 15px;
}

.order-product-content .order-flight-info {
  padding: 15px;
  border-bottom: 2px solid #eee;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}

.order-product-content .order-flight-info .flex-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.order-product-content .order-flight-info .flex-middle .tag.blue {
  text-align: center;
  width: 100%;
}

.order-product-content .order-flight-info .flex-middle > [class*="col-"]:first-child {
  padding: 0;
}

.order-product-content .order-flight-info > div {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
}

.order-product-content .order-flight-info > div + div {
  border-left: 1px dashed #979797;
}

.order-product-content .order-flight-info .pl-0 > div {
  min-height: 88px;
}

.order-product-content .order-flight-info .pl-0 > div + div {
  border-left: 1px dashed #979797;
  padding-left: 15px;
}

.order-product-content .order-flight-info ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.order-product-content .order-flight-info ul li {
  font-size: 15px;
  line-height: 22px;
}

.order-product-content .order-flight-info p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
  padding: 5px 10px;
}

.order-product-content .order-flight-info strong {
  display: block;
  font-size: 15px;
}

.order-product-content .order-flight-info .tag.blue ~ div {
  margin-top: 10px;
}

.order-product-content .order-flight-info .tag.blue ~ strong {
  margin-top: 10px;
  font-size: 15px;
}

.order-product-content .order-flight-info.border-top {
  border-top: 1px solid #ccc;
}

.order-product-content .order-flight-th {
  background: #f0f0f0;
  line-height: 21px;
  border-top: solid 2px #eee;
  border-bottom: solid 2px #eee;
  overflow: hidden;
}

.order-product-content .order-flight-th > div > div {
  color: #333;
  padding: 5px 10px;
  font-size: 1.5rem;
  line-height: 21px;
}

.order-product-content .order-flight-th.th-merge-top {
  border-top: 0;
}

.order-product-content .customer-info-content > div + div {
  border-left: 0;
}

.order-product-content .customer-info-content ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  margin-bottom: 15px;
  margin: 10px 0;
}

.order-product-content .customer-info-content ul li {
  font-size: 15px;
  line-height: 21px;
}

.order-product-content .customer-info-content strong {
  display: block;
  padding: 10px 10px 0 10px;
}

.order-product-content .no-pd {
  padding: 0 !important;
}

.order-product-content .no-pl {
  padding-left: 0 !important;
}

.order-product-content .order-border-info {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  margin: 10px 0 15px 0;
}

.order-product-content .order-border-info ul {
  margin-bottom: 0;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.order-product-content .order-border-info ul li {
  font-size: 15px;
  line-height: 22px;
}

.order-product-content .order-border-info p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
}

.order-product-content .order-border-info p:last-child {
  margin-bottom: 0;
}

.order-product-content .order-border-info.h-min ul {
  min-height: 110px;
}

.order-product-content .no-pd {
  padding: 0;
}

.order-product-content .fare-rules {
  padding: 0 !important;
}

.order-product-content .fare-rules .col-sm-12 {
  margin-bottom: 20px;
}

.order-product-content .fare-rules .fare-rules-item-tit {
  color: #2d7cd1;
  padding: 5px 15px 5px 10px;
  margin: 5px 0;
  border-bottom: 2px solid #888;
}

.order-product-content .fare-rules .fare-rules-item-tit .tit {
  font-size: 18px;
}

.order-product-content .fare-rules .fare-rules-list {
  font-size: 15px;
  line-height: 24px;
  padding: 5px 15px 0 15px;
  color: #333;
}

.order-product-content .fare-rules .signature {
  padding-top: 20px;
}

.order-product-content .fare-rules .signature + .signature {
  padding-top: 10px;
}

.order-product-content .fare-rules .signature .name {
  color: #333;
  font-size: 15px;
  display: inline-block;
}

.order-product-content .fare-rules .signature .line-way {
  width: 292px;
  border-bottom: 1px solid #ccc;
  display: inline-block;
  vertical-align: bottom;
}

.order-product-content .fare-rules ol {
  margin-left: 10px;
  margin-top: 5px;
}

.order-product-content .fare-rules .fare-text-row {
  padding-left: 15px;
}

.order-product-content .fare-rules .fare-text-row span {
  margin-right: 15px;
}

.st-alert-warning.hotel-info,
.hotel-info.st-alert-danger,
.hotel-info.st-alert-info,
.hotel-info.st-alert-success,
.hotel-info.st-alert-email {
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .order-product-info .product-info-section .order-product-item > .container .tit-m {
    margin-bottom: 15px;
  }

  .order-product-content .order-product-block {
    margin-top: 10px;
  }
}

@media screen and (max-width: 992px) {
  .order-product-content .order-flight-info {
    padding: 15px 0;
  }

  .order-product-content .order-flight-info .flex-middle .tag.blue {
    margin-left: 10px;
  }

  .order-product-content .no-pl {
    padding-left: 15px !important;
  }

  .order-product-content .product-info-list-item.order-detail .list-title.type2.clearfix {
    font-size: 18px;
    text-align: left;
    padding: 5px 15px 5px 10px;
  }

  .order-product-content .product-info-list-item.order-detail .list-title-remark {
    color: #333;
  }
}

@media screen and (max-width: 767px) {
  .product-info-header.type2 .container .navbar ul li {
    min-width: 25% !important;
  }

  .product-info-section .order-product-item > .container {
    border-radius: 0px;
    padding: 15px;
  }

  .product-info-section .order-product-item > .container .tit-m {
    text-align: center;
    margin-bottom: 10px;
  }

  .order-product-content .order-product-block .order-info-text ul {
    margin-bottom: 0;
  }

  .order-product-content .order-product-block .order-info-text .info-list-item-row span {
    margin-right: 0px;
    display: block;
    margin-bottom: 0px;
    line-height: 26px;
  }

  .order-product-content .order-product-block .order-info-img .order-img {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .order-product-content .order-product-block .order-info-img .order-img-circle {
    width: 65%;
    height: auto;
    padding-bottom: 65%;
  }

  .order-product-content .order-product-block .order-info-img .order-img-lower {
    width: calc(100% - 15px);
    height: auto;
    padding-bottom: 42%;
    margin-bottom: -15px;
  }

  .order-product-content .order-product-block > div:nth-child(1) {
    padding-right: 0;
  }

  .order-product-content .order-product-block .order-info-btn .btn-import-sm {
    max-width: unset;
    margin-bottom: 0;
  }

  .order-product-content .order-flight-title {
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 2px solid #eee;
    padding: 10px 15px;
  }

  .order-product-content .order-flight-title div + div {
    border-left: 0;
    padding-left: 0;
  }

  .order-product-content .order-flight-title div {
    margin-bottom: 10px;
    clear: both;
  }

  .order-product-content .order-flight-title .order-format-inline {
    display: block;
    margin-top: 0px;
    margin-bottom: 0;
  }

  .order-product-content .order-flight-title .order-format-inline .flight-customer-list {
    width: calc(100% - 120px);
    float: right;
  }

  .order-product-content .order-flight-text {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 10px 15px;
  }

  .order-product-content .order-flight-text .a-to-b-tit {
    width: calc( 100% - 30px);
  }

  .order-product-content .order-flight-info {
    padding: 0;
    display: block;
    border-bottom: 1px dashed #979797;
  }

  .order-product-content .order-flight-info > div {
    padding: 0px 0px 15px 0px;
    min-height: unset;
    display: block;
  }

  .order-product-content .order-flight-info > div + div {
    border-left: 0;
    border-top: 2px solid #eee;
    padding-top: 0;
  }

  .order-product-content .order-flight-info .flex-middle {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 10px 15px;
  }

  .order-product-content .order-flight-info .flex-middle .tag.blue {
    margin: 0 0 10px 0;
  }

  .order-product-content .order-flight-info .flex-middle > div:last-child > strong {
    display: block;
    margin-top: 10px;
  }

  .order-product-content .order-flight-info .flex-middle > div {
    padding: 0;
  }

  .order-product-content .order-flight-info .pd-0 > div:last-child > strong {
    display: block;
    margin-top: 10px;
  }

  .order-product-content .order-flight-info .pl-0 > div {
    min-height: unset;
  }

  .order-product-content .order-flight-info .pl-0 > div + div {
    border-top: 2px solid #eee;
    border-left: 0;
    margin-top: 15px;
  }

  .order-product-content .order-flight-info .pd-0 > div {
    padding: 0;
  }

  .order-product-content .order-flight-info .order-text-list {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .order-product-content .order-flight-info .tag.blue {
    margin-top: 15px;
  }

  .order-product-content .order-flight-info .no-pd > [class*="col-"] {
    padding: 0 15px;
  }

  .order-product-content .order-flight-info .no-pd > div + div {
    border-top: 2px solid #eee;
    margin-top: 15px;
  }

  .order-product-content .order-flight-info strong {
    margin-top: 10px;
  }

  .order-product-content .order-flight-info .visible-xs.flight-inline-info {
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 15px;
    margin-right: 10px;
  }

  .order-product-content .order-flight-info .flight-info-text-gray {
    padding: 0px 30px;
  }

  .order-product-content .order-product-table .order-flight-info:last-child {
    border-bottom: 2px solid #eee;
  }

  .order-product-content .customer-info-content {
    border-bottom: 0 !important;
    margin: 0;
  }

  .order-product-content .customer-info-content ul {
    margin: 0;
  }

  .order-product-content .customer-info-content strong {
    padding: 10px;
  }

  .order-product-content .customer-info-content > div + div {
    border-left: 1px solid #ccc;
  }

  .order-product-content .customer-info-content.no-border > div + div {
    border-left: 0;
  }

  .order-product-content .flight-info-content {
    margin: 0;
  }

  .order-product-content .customer-info-content {
    margin: 10px;
    border-bottom: 1px dashed #979797;
  }

  .order-product-content .customer-info-collapse {
    float: right;
  }

  .order-product-content .customer-info-collapse i {
    font-size: 2.4rem;
    color: #888;
    transition: 0.3s ease all;
  }

  .order-product-content .customer-info-collapse.collapsed i {
    transform: rotate(-180deg);
  }

  .order-product-content .flight-ticket-collapse {
    position: absolute;
    right: 15px;
    top: 10px;
  }

  .order-product-content .flight-ticket-collapse i {
    font-size: 2.4rem;
    color: #888;
    transition: 0.3s ease all;
  }

  .order-product-content .flight-ticket-collapse.collapsed i {
    transform: rotate(-180deg);
  }

  .order-product-content .no-pl {
    padding-left: 0px !important;
  }

  .order-product-content .fare-rules .signature .name {
    display: block;
  }

  .order-product-content .fare-rules .signature .line-way {
    height: 40px;
    display: block;
  }
}

.order-result {
  padding: 5px 15px 5px 10px;
  margin: 5px 0;
  position: relative;
}

.order-result .tit {
  font-size: 2rem;
  line-height: 26px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.order-result .tit a {
  color: #333;
}

.order-result .tit a:hover,
.order-result .tit a:focus,
.order-result .tit a:active {
  color: #004ea2;
}

.info-list-area {
  margin-bottom: 20px;
  border-top: 0 !important;
  color: #333;
}

.info-list-area .list-title.type-subtitle {
  margin-bottom: 0;
  border-bottom: 0;
  margin-top: 5px;
  font-size: 1.8rem;
}

.info-list-area .list-title.type-subtitle strong {
  color: #2d7cd1;
}

.info-list-area .info-list {
  border-bottom: solid 2px #eee;
}

.info-list-area .info-list-text {
  font-size: 15px;
  line-height: 21px;
}

.info-list-area .info-list-text .tag {
  margin-right: 10px;
}

.info-list-area .info-list-text .price-total {
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
}

.cart-buy-more.order-detail-page {
  margin-bottom: 20px;
}

.cart-buy-more.order-detail-page .ticket-result.type-subtitle {
  border-top: 0;
  background: transparent;
  padding-left: 10px;
  margin-bottom: 0;
}

.cart-buy-more.order-detail-page .ticket-result.type-subtitle .tit {
  color: #2d7cd1;
  font-size: 1.8rem;
}

.cart-buy-more.order-detail-page .cart-product-list-area {
  border-bottom: solid 2px #eee;
}

.cart-buy-more.order-detail-page .cart-product-list-area .list-area-tit {
  background: #f0f0f0;
  line-height: 21px;
  border-top: solid 2px #888;
  border-bottom: solid 2px #eee;
  padding: 0;
}

.cart-buy-more.order-detail-page .cart-product-list-area .list-area-tit .row {
  margin: 0;
}

.cart-buy-more.order-detail-page .cart-product-list-area .list-area-tit .row > div {
  color: #333;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .row {
  padding: 0;
  margin: 0;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-price .price {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th {
  font-size: 15px;
  line-height: 21px;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th a {
  color: #333;
  margin-right: 10px;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th a:hover,
.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th a:focus,
.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th a:active {
  color: #004ea2;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-td {
  font-size: 15px;
  line-height: 21px;
}

.cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-td > .price-num {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1px;
}

.order-product-content .cart-buy-more.order-detail-page .ticket-result.type-subtitle {
  border-top: 0;
}

.list-col-title {
  margin-bottom: 20px;
}

.list-col-title .ticket-result.type-subtitle {
  background: transparent;
  color: #2d7cd1;
  padding: 5px 15px 5px 10px;
  margin: 5px 0;
  border-top: 0 !important;
  border-bottom: 2px solid #888;
}

.list-col-title .ticket-result.type-subtitle .tit {
  font-size: 18px;
}

.list-col-title .info-list-tag-type-item {
  border-bottom: solid 2px #eee;
  padding-left: 170px !important;
  position: relative;
}

.list-col-title .info-list-tag-type-item .tit-s-smaller {
  padding: 0;
  line-height: 28px;
}

.list-col-title .info-list-tag-type-item .tit-s-smaller .icon-img {
  width: 20px;
  height: auto;
  vertical-align: text-bottom;
}

.list-col-title .info-list-tag-type-item .info-list-tag-type-item-text {
  border-bottom: 0;
  padding: 5px 30px;
  font-size: 15px;
}

.list-col-title .info-list-tag-type-item .info-list-tag-type-item-text .info-list-item-row span {
  margin-right: 15px;
}

.list-col-title .info-list-tag-type-item .info-list-tag-type-item-text ul li > ul {
  margin-top: 2px;
  margin-bottom: 5px;
}

.list-col-title .info-list-tag-type-item > .tag {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 155px !important;
  text-align: left;
  padding: 5px 15px;
  line-height: 21px;
  margin: 10px 0;
}

.list-col-title .info-list-tag-type-item > .tag i {
  margin-right: 5px;
}

.list-col-title.font-plus .info-list-tag-type-item {
  border-bottom: 0;
  padding-left: 130px !important;
}

.list-col-title.font-plus .info-list-tag-type-item > .tag.lg {
  font-size: 2.5rem;
  color: #555;
  padding: 8px 0px;
  width: 115px !important;
  line-height: unset;
}

.list-col-title.font-plus .info-list-tag-type-item .info-list-tag-type-item-text {
  font-size: 1.6rem;
  letter-spacing: .4px;
  line-height: 1.8;
  padding: 8px 0px;
  word-break: break-all;
}

.list-col-img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .list-col-title.font-plus .info-list-tag-type-item {
    padding-left: 0 !important;
  }

  .list-col-title.font-plus .info-list-tag-type-item > .tag.lg {
    padding-bottom: 0;
  }

  .list-col-title.font-plus .info-list-tag-type-item .tag.no-tag {
    text-align: left;
    font-weight: bold;
    position: unset;
    width: unset !important;
  }
}

@media screen and (max-width: 767px) {
  .list-col-img {
    padding: 0 15px;
  }

  .list-col-title.font-plus .info-list-tag-type-item > .tag.lg {
    font-size: 2.0rem;
  }

  .list-col-title.font-plus .info-list-tag-type-item .info-list-tag-type-item-text {
    font-size: 1.4rem;
  }

  .list-col-title.font-plus .info-list-tag-type-item .info-list-tag-type-item-text ul {
    padding-left: 17px;
  }
}

.table-text-block {
  padding: 15px 10px 0px 10px;
  font-size: 15px;
  line-height: 21px;
}

.table-text-block .position-inside {
  margin-left: 16px;
}

.table-text-block ul,
.table-text-block ol {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.table-text-block ul li,
.table-text-block ol li {
  font-size: 15px;
  line-height: 24px;
}

.table-text-block ol li > ul li {
  list-style-type: disc;
}

.table-text-block ol li > ul li > ul li {
  list-style-type: lower-roman;
}

.tit-s-gray {
  color: #888;
}

.text-warning {
  color: #e73155;
  font-weight: bold;
}

.text-warning li {
  color: #e73155;
  font-weight: bold;
}

.text-primary {
  color: #2d7cd1;
  font-weight: bold;
}

.product-info-list.mult-hotel {
  margin-bottom: 20px;
}

.product-info-list.mult-hotel .list-title.type-subtitle {
  margin-bottom: 0 !important;
  border-bottom: 0;
  margin-top: 5px;
  font-size: 1.8rem;
  padding-left: 10px;
}

.product-info-list.mult-hotel .list-title.type-subtitle strong {
  color: #2d7cd1;
}

.product-info-list.mult-hotel .info-list-area {
  margin-bottom: 0;
}

.product-info-list.mult-hotel .info-list-area-tit .no-pd {
  padding: 0 10px !important;
}

.product-info-list.mult-hotel .info-list-area-tit .no-pd > div {
  padding: 5px 10px;
}

.product-info-list.mult-hotel .info-list .info-list-text {
  padding: 10px;
}

.product-info-list.mult-hotel .info-list .info-list-text p {
  margin-bottom: 0;
}

.product-info-list.mult-hotel .info-list > div > .row {
  display: -ms-flexbox;
  display: flex;
}

.product-info-list-item.order-detail {
  margin-bottom: 20px;
}

.product-info-list-item.order-detail .list-title.type2.no-border {
  border-bottom: 0 !important;
  padding: 5px 15px 5px 10px;
}

.product-info-list-item.order-detail .fare-rules.fare-normal .fare-rules-item-tit {
  border-bottom: 0 !important;
  margin: 0 !important;
}

.order-product-content .fare-rules.fare-normal {
  padding: 15px !important;
}

.flightTicket-more-box .flightTicket-more-area .flightTicket-more-list {
  overflow: initial;
  max-height: none;
}

.flightTicket-more-title {
  padding: 10px 15px;
}

.flightTicket-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}

@media screen and (max-width: 992px) {
  .info-list-area.type-xs {
    border-top: 0 !important;
  }

  .info-list-area.type-xs .info-list {
    border-bottom: 0 !important;
    padding: 0;
  }

  .info-list-area.type-xs .info-list .row > [class*="col-"] {
    border-bottom: 2px solid #eee;
  }

  .info-list-area.type-xs .list-title.type-subtitle {
    border-bottom: 2px solid #888 !important;
  }

  .info-list-area.type-xs .list-title.type-subtitle strong {
    font-size: 1.8rem;
  }

  .info-list-area.type-xs .info-list-tit {
    display: block;
    width: 100%;
    background: transparent;
    text-align: left;
    padding: 3px 15px;
    font-weight: bold;
    margin-top: 10px;
  }

  .info-list-area.type-xs .info-list-text {
    display: block;
    padding: 5px 30px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .product-info-list.mult-hotel .info-list-area-tit .no-pd > div {
    padding: 5px 10px;
  }

  .product-info-list.mult-hotel .info-list {
    border-bottom: 2px solid #eee;
  }

  .product-info-list.mult-hotel .info-list .info-list-text {
    padding: 10px;
  }

  .product-info-list.mult-hotel .info-list > div > .row {
    display: block;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row {
    margin: 0;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row > .col-xs-12 {
    padding: 0 !important;
    border-bottom: 2px solid #eee;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row > .col-xs-12:last-child {
    border-bottom: 0;
  }

  .product-info-list.mult-hotel .info-list .info-list-tit {
    display: block;
    width: 100%;
    text-align: left;
    padding: 3px 15px;
    font-weight: bold;
    margin-top: 10px;
    background: transparent;
  }

  .product-info-list.mult-hotel .info-list .info-list-text {
    display: block;
    padding: 5px 30px !important;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .product-info-list.mult-hotel .info-list .info-list-text.d-table-cell {
    display: table-cell;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row.no-border {
    padding: 10px 0;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row.no-border > .col-xs-12 {
    border-bottom: 0;
  }

  .product-info-list.mult-hotel .info-list > div > .row > div .row.no-border .info-list-text {
    margin-bottom: 0;
    padding: 0 15px;
  }

  .product-info-list.mult-hotel .info-list-area.select-room {
    margin-top: 10px;
  }

  .product-info-list.mult-hotel .info-list-area.select-room .tag.blue {
    margin-top: 10px;
    width: 100%;
  }

  .product-info-list.mult-hotel .info-list-area.select-room .info-list.type2 {
    border-bottom: 2px solid #eee;
  }

  .product-info-list.mult-hotel .info-list-area.select-room .info-list.type2 > div > .row > div[class^=col-]:first-child .info-list-text {
    border-bottom: 2px solid #eee;
  }

  .product-info-list-item.order-detail .info-list-area .info-list > div > .row > div[class^=col-] {
    display: inline-block;
  }
}

@media screen and (max-width: 991px) {
  .cart-buy-more.order-detail-page .cart-product-list-area .list-area-tit {
    border-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .product-info-list-item.order-detail .list-title.type2.no-border {
    border-bottom: 2px solid #888 !important;
  }

  .product-info-list-item.order-detail .info-list-area .info-list-area-tit {
    border-top: 0;
  }

  .product-info-section .order-product-item > .container .tit-lg {
    text-align: center;
    font-size: 22px;
    padding: 15px 0;
  }

  .list-title.type-subtitle {
    border-bottom: solid 2px #888 !important;
  }

  .cart-buy-more.order-detail-page .ticket-result.type-subtitle {
    border-bottom: 0;
    font-size: 16px;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .list-area-tit {
    border-top: 0;
    border-bottom: 0;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .row > div {
    padding: 0;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail {
    font-size: 15px;
    line-height: 21px;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th {
    font-weight: bold;
    padding: 3px 15px;
    font-size: 15px;
    line-height: 21px;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-th a {
    display: block;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-detail.detail-td {
    padding: 5px 30px;
    font-size: 15px;
    line-height: 21px;
  }

  .cart-buy-more.order-detail-page .cart-product-list-area .cart-product-list .product-price {
    padding: 3px 15px;
  }

  .order-product-content .cart-buy-more.order-detail-page .ticket-result.type-subtitle {
    border-bottom: solid 2px #888;
  }

  .list-col-title .info-list-tag-type-item {
    padding-top: 10px;
    padding-left: 0 !important;
  }

  .list-col-title .info-list-tag-type-item .tag.no-tag {
    text-align: left;
    font-weight: bold;
    position: unset;
    width: unset !important;
  }

  .list-col-title .info-list-tag-type-item .info-list-tag-type-item-text p {
    margin-top: 0;
    word-break: break-word;
  }

  .list-col-title .info-list-tag-type-item .info-list-tag-type-item-text ul {
    margin-top: 0;
  }

  .list-col-title .info-list-tag-type-item .info-list-tag-type-item-text .info-list-item-row span {
    margin-right: 0px;
    display: block;
    margin-bottom: 10px;
  }

  .list-col-title .ticket-result.type-subtitle .tit {
    font-size: 18px;
  }

  .fare-rules .fare-rules-list {
    margin: 10px;
  }

  .fare-rules .col-sm-6 {
    margin-bottom: 20px;
  }

  .fare-rules .fare-text-row span {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }

  .table-text-block {
    padding: 15px 15px 0px 15px;
  }
}

.flightTicket-more-title .a-to-b-tit span,
.flightTicket-more-title .tag.blue {
  margin: 0px 10px;
}

.list-price-flex {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0 15px !important;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.list-price-flex li {
  margin-right: 50px;
  min-width: 109px;
}

.list-price-flex li .red {
  font-weight: bold;
}

.list-price-flex li span {
  margin-right: 15px;
}

.modal-base .list-price-flex {
  width: 100%;
}

.modal-base .list-price-flex li {
  width: 25%;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .list-price-flex li {
    margin-right: 16px;
    min-width: 54px;
  }

  .list-price-flex li span {
    display: block;
    margin-right: 0;
    line-height: 1.2;
  }
}

.slick-dots {
  right: 15px;
  bottom: 15px;
  text-align: right;
}

.slick-dots li,
.slick-dots li button {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  font-size: 5px;
}

.slick-dots li.slick-active button:before {
  font-size: 5px;
  color: #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*首頁未登入大圖輪播樣示 調整*/

.memberAD {
  width: 100%;
  display: block;
  /*首頁的輪播(登入後-小)*/
  /*首頁的輪播(未登入-大)*/
}

.memberAD .slick-list {
  height: 0;
  padding-bottom: 21.16%;
}

.memberAD .slick-list img {
  width: 100%;
  height: auto;
}

.memberAD.index {
  width: 100%;
  display: block;
}

.memberAD.index .slick-list {
  height: 0;
  padding-bottom: 55.16%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.memberAD.index .slick-list img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: auto;
}

.memberAD.index .slider-arrow div {
  margin-top: 0;
}

.memberAD.index .slider-arrow-left {
  left: 0;
}

.memberAD.index .slider-arrow-right {
  right: 0;
}

.memberAD.index .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.memberAD.index .slick-dots {
  bottom: 15px;
  right: inherit;
  text-align: center;
}

.memberAD.index .slick-dots li,
.memberAD.index .slick-dots li button {
  width: 20px;
  height: 20px;
}

.memberAD.index .slick-dots li button:before {
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 15px;
}

.memberAD.index .slick-dots li.slick-active button:before {
  font-size: 15px;
}

@media screen and (max-width: 991px) {
  .memberAD.index {
    border-bottom: solid 1px #d5d9de;
  }

  .memberAD.index img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.card-banner {
  width: 100%;
  display: block;
  height: 440px;
}

.card-banner .slick-list {
  height: 0;
  padding-bottom: 440px;
}

.card-banner .slick-list .card-img-responsive {
  width: 100%;
  height: 0;
  padding-bottom: 520px;
  background: top center no-repeat;
  background-size: cover;
}

.card-banner .slider-arrow div {
  margin-top: 0;
}

.card-banner .slider-arrow-left {
  left: 0;
}

.card-banner .slider-arrow-right {
  right: 0;
}

.card-banner .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.card-banner .slick-dots {
  bottom: 15px;
  right: inherit;
  text-align: center;
}

.card-banner .slick-dots li,
.card-banner .slick-dots li button {
  width: 20px;
  height: 20px;
}

.card-banner .slick-dots li button:before {
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 15px;
}

.card-banner .slick-dots li.slick-active button:before {
  font-size: 15px;
}

@media screen and (max-width: 1399px) {
  .card-banner {
    height: 430px;
  }

  .card-banner .slick-list {
    padding-bottom: 430px;
  }

  .card-banner .slick-list .card-img-responsive {
    padding-bottom: 520px;
  }
}

@media screen and (max-width: 768px) {
  .card-banner {
    height: 180px;
  }

  .card-banner .slick-list {
    padding-bottom: 180px;
  }

  .card-banner .slick-list .card-img-responsive {
    padding-bottom: 220px;
  }
}

@keyframes moo-breathe {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  40%, 60% {
    transform: translate3d(0, -3px, 0);
  }

  50% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes moo-hand {
  0%, 100% {
    transform: rotate(30deg);
  }

  40%, 60% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(5deg);
  }
}

@keyframes moo-msg {
  0%, 100% {
    transform: rotateY(90deg) scale(1);
  }

  15% {
    transform: rotateY(0deg) rotateZ(0) scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  60% {
    transform: rotateZ(5deg) scale(1.2);
  }

  85% {
    transform: rotateY(0deg) scale(1);
  }
}

@keyframes moo1-bg {
  0% {
    transform: translate3d(0, -30px, 0);
    opacity: 0;
  }

  50% {
    transform: translate3d(0, 10px, 0);
    opacity: 0.75;
  }

  70% {
    transform: translate3d(0, -20px, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes moo1-mo {
  0% {
    transform: translate3d(0, -50px, 0);
  }

  50% {
    transform: translate3d(0, 5px, 0);
  }

  70% {
    transform: translate3d(0, -30px, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes moo1-sha {
  0% {
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }

  50% {
    transform: translate3d(0, 5px, 0);
    opacity: 1;
  }

  70% {
    transform: translate3d(0, -30px, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes moo1-obj {
  0%, 100% {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  50% {
    transform: translate3d(0, 10px, 0);
    opacity: 1;
  }
}

.moo1-obj {
  animation: moo1-obj 2s ease-out infinite backwards;
  animation-delay: 1s;
}

.moo1-mo {
  animation: moo1-mo 1s ease-out;
  animation-delay: 0.2s;
}

.moo1-shadow {
  animation: moo1-sha 1s ease-out;
  animation-delay: 0.2s;
}

.moo1-bg {
  animation: moo1-bg 1s ease-out;
}

@keyframes moo2-bg {
  0%, 100% {
    transform: rotate(-2deg);
  }

  25% {
    transform: rotate(-1deg);
  }

  50% {
    transform: rotate(2deg);
  }

  75% {
    transform: rotate(1deg);
  }
}

@keyframes moo2-h {
  0%, 100% {
    transform: translate3d(-2px, -2px, 0) rotate(-3deg);
  }

  50% {
    transform: translate3d(2px, 2px, 0) rotate(3deg);
  }
}

.moo2-front,
.moo2-mo,
.moo2-bg {
  animation: moo2-bg 2s ease-out infinite;
  transform-origin: center bottom;
}

.moo2-h {
  animation: moo2-h 2.03s ease-out infinite;
  transform-origin: center bottom;
}

@keyframes moo3-bg {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0);
  }
}

@keyframes moo3-mo {
  0%, 100% {
    transform: rotate(0deg) translateY(0);
  }

  50% {
    transform: rotate(2deg) translateY(3px);
  }
}

@keyframes moo3-obj {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(1);
  }

  85% {
    transform: scale(1.5);
  }

  100% {
    transform: translate3d(0) scale(1);
    opacity: 1;
  }
}

@keyframes moo3-obj2 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(1);
  }

  85% {
    transform: scale(1.2);
  }

  100% {
    transform: translate3d(0) scale(1);
    opacity: 1;
  }
}

.moo3-f2 {
  animation: moo3-obj2 1.5s ease-out backwards;
  animation-delay: 2.5s;
}

.moo3-f1 {
  animation: moo3-obj 1.5s ease-out backwards;
  animation-delay: 1.5s;
}

.moo3-mo {
  animation: moo3-mo 2s ease-out infinite forwards;
  animation-delay: 0.5s;
  transform-origin: 50% bottom;
}

.moo3-bg {
  animation: moo3-bg 1s ease-out;
}

@keyframes moo4-bg {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  50% {
    transform: skew(-15deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moo4-mo {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0);
  }
}

@keyframes moo4-sha {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0) scale(0.2);
  }

  80% {
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: translate3d(0) scale(1);
  }
}

@keyframes moo4-al {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0) scale(0.5);
  }

  40% {
    opacity: 1;
    transform: scale(1.1);
  }

  60% {
    transform: translate3d(0) scale(1);
  }
}

.moo4-obj {
  animation: moo4-al 1.5s ease-out infinite backwards;
  animation-delay: 1s;
}

.moo4-sha {
  animation: moo4-sha 1s ease-out;
  transform-origin: bottom;
}

.moo4-mo {
  animation: moo4-mo 1s ease-out;
}

.moo4-bg {
  animation: moo4-bg 0.8s ease-out;
}

@keyframes moo5-bg {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }

  70% {
    opacity: 1;
    transform: translateY(0);
  }

  80% {
    transform: translateY(5px);
  }

  90% {
    transform: translateY(0);
  }
}

@keyframes moo5-mo {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  70% {
    opacity: 1;
    transform: translateY(0);
  }

  80% {
    transform: translateY(5px);
  }

  90% {
    transform: translateY(0);
  }
}

@keyframes moo5-h {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  70% {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }

  80% {
    transform: translateY(5px) rotate(-1deg);
  }

  90% {
    transform: translateY(0) rotate(1deg);
  }
}

.moo5-bg {
  animation: moo5-bg 0.5s ease-out;
}

.moo5-mo {
  animation: moo5-mo 0.7s ease-out backwards;
  animation-delay: 0.5s;
}

.moo5-h {
  animation: moo5-h 0.7s ease-out backwards;
  animation-delay: 0.5s;
}

.moo5-co {
  animation: moo5-bg 0.5s ease-out backwards;
  animation-delay: 0.3s;
}

@keyframes moo6-bg {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
  }

  50% {
    transform: translate3d(10px, 10px, 0) rotate(2deg);
  }
}

@keyframes moo6-mo {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-3deg);
  }

  50% {
    transform: translate3d(8px, 8px, 0) rotate(3deg);
  }
}

@keyframes moo6-w {
  0% {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
  }

  25% {
    transform: translate3d(-40px, 10px, 0);
  }

  75% {
    opacity: 1;
    transform: translate3d(0px, -10px, 0);
  }

  100% {
    transform: translate3d(20px, 0, 0);
  }
}

@keyframes moo6-w2 {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }

  25% {
    transform: translate3d(-65px, 5px, 0);
  }

  75% {
    opacity: 1;
    transform: translate3d(-35px, -5px, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.moo6-bg {
  animation: moo6-bg 3s ease-in infinite;
}

.moo6-mo {
  animation: moo6-mo 3s ease-in infinite;
}

.moo6-w {
  animation: moo6-w 2s ease-in infinite;
}

.moo6-w2 {
  animation: moo6-w2 2s ease-in infinite backwards;
  animation-delay: 1s;
}

.memberBox-top {
  position: relative;
  padding: 15px 0;
}

.memberBox-top-info {
  padding: 15px 0;
}

.memberBox-top.button .row > div[class^="col-"]:last-child {
  text-align: right;
}

.memberBox-top.collet {
  height: 65px;
  padding: 0;
}

.memberBox-top.showPoint {
  margin: 25px 0 15px 0;
  padding: 0;
  text-align: left;
}

.memberBox-top.showPoint .showPoint-coupon,
.memberBox-top.showPoint .showPoint-right {
  display: inline-block;
  line-height: 48px;
}

.memberBox-top.showPoint .showPoint-point {
  padding-right: 15px;
  font-size: 24px;
  font-weight: bold;
}

.memberBox-top.showPoint .showPoint-point span {
  font-size: 32px;
  font-weight: bold;
  color: #e73155;
  padding: 0 5px;
}

.memberBox-top.showPoint .showPoint-coupon {
  padding: 0 15px;
  font-size: 18px;
  font-weight: bold;
  border-left: solid 5px #eee;
}

.memberBox-top.showPoint .showPoint-coupon span {
  font-size: 24px;
  font-weight: bold;
  color: #e73155;
  padding: 0 5px;
}

.memberBox-top.showPoint .showPoint-coupon div {
  text-align: left;
  display: inline-block;
  padding-left: 15px;
}

.memberBox-top.showPoint .showPoint-coupon div a {
  font-size: 14px;
  vertical-align: top;
}

.memberBox-top.showPoint .showPoint-right {
  font-size: 15px;
}

.memberBox-top.showPoint .showPoint-right span {
  display: inline-block;
  text-align: left;
  word-spacing: 0;
}

.memberBox-top.showPoint .showPoint-right a {
  padding: 0 15px;
  max-width: 150px;
  vertical-align: top;
}

.memberBox-list {
  list-style: none;
  padding: 0;
}

.memberBox-list > li {
  position: relative;
  margin: 10px 0;
  border: solid 1px #eee;
  border-radius: 4px;
  word-spacing: -0.36em;
}

.memberBox-list > li .checkbox {
  display: block;
  margin: 0;
  position: absolute;
  right: 15px;
  top: 35%;
}

.memberBox-list > li:hover {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.memberBox-list.type2 {
  word-spacing: -0.36em;
}

.memberBox-list.type2 > li {
  display: inline-block;
  width: 49.5%;
  margin-top: 0;
  margin-bottom: 15px;
}

.memberBox-list.type2 > li:nth-child(odd) {
  margin-right: .5%;
}

.memberBox-list.type2 > li:nth-child(even) {
  margin-left: .5%;
}

.memberBox-list .iconBtn,
.memberBox-list .deleteBtn {
  position: absolute;
  right: 15px;
  top: 10px;
  /*0321 原50%改*/
  margin-top: 0;
  /*0321 原-18px改*/
  z-index: 1;
}

.memberBox-list .iconBtn i,
.memberBox-list .deleteBtn i {
  font-size: 24px;
  line-height: 1.5;
  color: #ccc;
}

@media screen and (max-width: 1199px) {
  .memberBox-list.type2 > li {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
  }

  .memberBox-list.type2 > li:nth-child(odd) {
    margin-right: 0;
  }

  .memberBox-list.type2 > li:nth-child(even) {
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .memberBox-top.collet {
    height: 55px;
  }

  .memberBox-top.showPoint .showPoint-coupon,
  .memberBox-top.showPoint .showPoint-right {
    display: block;
    line-height: 1;
  }

  .memberBox-top.showPoint .showPoint-coupon {
    padding-bottom: 5px;
  }

  .memberBox-top.showPoint .showPoint-coupon div {
    display: inline-block;
    padding-left: 15px;
  }

  .memberBox-top.showPoint .showPoint-right {
    border-left: solid 5px #eee;
    padding-left: 15px;
  }

  .memberBox-top.showPoint .showPoint-right span {
    display: inline-block;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon,
  .memberBox-top.showPoint.type2 .showPoint-right {
    display: inline-block;
    vertical-align: middle;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon {
    padding-bottom: 0;
    line-height: 24px;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon div {
    display: block;
    padding-left: 0;
  }

  .memberBox-top.showPoint.type2 .showPoint-right {
    border-left: none;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .memberBox-list li .checkbox {
    padding-left: 15px;
    margin-bottom: 5px;
  }

  .memberBox-list li .checkbox .checkbox-label:before {
    width: 30px;
    height: 30px;
    font-size: 1.8rem;
    line-height: 30px;
  }
}

@media screen and (max-width: 640px) {
  .memberBox-top.showPoint {
    word-spacing: -0.36em;
    padding-bottom: 45px;
  }

  .memberBox-top.showPoint .showPoint-coupon div {
    display: block;
    padding-left: 0;
  }

  .memberBox-top.showPoint .showPoint-coupon div.type2 {
    display: inline-block;
    padding-left: 15px;
  }

  .memberBox-top.showPoint .showPoint-right a {
    max-width: 100%;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon,
  .memberBox-top.showPoint.type2 .showPoint-right {
    display: inline-block;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon {
    width: 62%;
    line-height: 24px;
  }

  .memberBox-top.showPoint.type2 .showPoint-coupon div a {
    vertical-align: middle;
  }

  .memberBox-top.showPoint.type2 .showPoint-right {
    width: 38%;
    border-left: none;
    padding-left: 0;
  }

  .memberBox-list li .checkbox {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .memberBox-list .iconBtn.inBox,
  .memberBox-list .deleteBtn.inBox {
    top: 91%;
    right: 5%;
    margin-top: -18px;
    /*0321 增*/
  }
}

.member-card {
  margin-bottom: 20px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.member-card .member-title {
  /*background: #658fbc url('../public/img/sys/bg-member-title.png') no-repeat right top;*/
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding: 12px 15px 8px 30px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #fff;
  color: #888;
  border-bottom: solid 1px #ccc;
  position: relative;
}

.member-card .member-title::before,
.member-card .member-title::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 14px;
}

.member-card .member-title::before {
  background: #e73155;
  height: 18px;
  top: 0;
  border-top-left-radius: 4px;
}

.member-card .member-title::after {
  background: #2d7cd1;
  height: 26px;
  top: 18px;
}

.member-card .member-data {
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.member-card .member-data.haspadding {
  padding: 15px;
  min-height: calc(100vh - 315px);
}

.member-card .member-data-list {
  padding: 0 15px 15px 15px;
  margin-bottom: 0;
  list-style: none;
  word-spacing: -0.36em;
}

.member-card .member-data-list li {
  border-bottom: dashed 1px #ccc;
  padding: 25px 0;
}

.member-card .member-data-list li:last-child {
  border-bottom: none;
}

.member-card .member-data-list-left,
.member-card .member-data-list-right {
  display: inline-block;
  vertical-align: middle;
}

.member-card .member-data-list-left {
  width: 70%;
}

.member-card .member-data-list-left .list-base,
.member-card .member-data-list-left .list-label,
.member-card .member-data-list-left .list-txt {
  display: inline-block;
  vertical-align: middle;
}

.member-card .member-data-list-left .list-label {
  font-size: 15px;
  font-weight: bold;
  color: #2d7cd1;
  width: 20%;
}

.member-card .member-data-list-left .list-txt {
  font-size: 18px;
  width: 70%;
}

.member-card .member-data-list-left .list-txt span {
  margin-right: 10px;
}

.member-card .member-data-list-left .list-txt-note {
  font-size: 14px;
  word-spacing: 0.36em;
  color: #888;
  padding: 5px 0;
  margin-top: 5px;
  border-top: solid 1px #ccc;
}

.member-card .member-data-list-left .list-txt-note span {
  display: block;
}

.member-card .member-data-list-right {
  width: 30%;
  text-align: right;
}

.member-card .member-data-list-right a {
  max-width: 140px;
}

.member-card .member-data-list-change {
  width: 100%;
  position: relative;
}

.member-card .member-data-list-change-left,
.member-card .member-data-list-change-right {
  display: block;
}

.member-card .member-data-list-change-left .area-input {
  margin-bottom: 5px;
  padding-bottom: 0;
}

.member-card .member-data-list-change-left .area-input .form-label {
  text-align: left;
}

.member-card .member-data-list-change-left.type2 {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
}

.member-card .member-data-list-change-left.type3 {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.member-card .member-data-list-change-right {
  text-align: right;
}

.member-card .member-data-list-change-right input {
  margin: 5px;
  max-width: 120px;
}

.member-card .member-data-list-change-right.type2 {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}

.member-card .member-data-list-change-right.type3 {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -29px;
}

.member-card .member-data-list-change-right.type3 input {
  min-width: 120px;
}

.member-card .member-data-list-change.onlyone {
  padding: 0;
  margin-top: 0;
  border-top: none;
}

.member-card .member-data-list.social {
  width: 100%;
}

.member-card .member-data-list.social .member-data-list-left,
.member-card .member-data-list.social .member-data-list-right {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.member-card .member-data-list.social .member-data-list-left {
  width: 70%;
}

.member-card .member-data-list.social .member-data-list-left .list-label {
  width: 20%;
  padding: 5px 0;
}

.member-card .member-data-list.social .member-data-list-left .list-txt {
  width: 70%;
  padding: 5px 0;
}

.member-card .member-data-list.social .member-data-list-right {
  width: 30%;
  text-align: center;
}

.member-card .member-data-list.social .member-data-list-right a {
  max-width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-card .member-data.haspadding {
    min-height: 455px;
  }
}

@media screen and (max-width: 991px) {
  .member-card .member-data-list li {
    padding: 15px 0;
  }

  .member-card .member-data-list-left .list-label {
    width: 30%;
  }

  .member-card .member-data-list-left .list-txt {
    width: 70%;
    font-size: 15px;
  }

  .member-card .member-data-list-left .list-txt-note {
    font-size: 12px;
  }

  .member-card .member-data-list-change-left.type2 {
    width: 100%;
    display: block;
  }

  .member-card .member-data-list-change-right input:last-child {
    margin-right: 0;
  }

  .member-card .member-data-list-change-right.type2 {
    width: 100%;
    display: block;
  }

  .member-card .member-data-list.social {
    width: 100%;
  }

  .member-card .member-data-list.social .member-data-list-left,
  .member-card .member-data-list.social .member-data-list-right {
    display: block;
  }

  .member-card .member-data-list.social .member-data-list-left {
    width: 100%;
  }

  .member-card .member-data-list.social .member-data-list-left .list-label {
    width: 25%;
    display: inline-block;
  }

  .member-card .member-data-list.social .member-data-list-left .list-label.mobile-w100 {
    width: 100%;
  }

  .member-card .member-data-list.social .member-data-list-left .list-txt {
    width: 75%;
    display: inline-block;
  }

  .member-card .member-data-list.social .member-data-list-left .list-txt.mobile-w100 {
    width: 100%;
  }

  .member-card .member-data-list.social .member-data-list-right {
    width: 100%;
  }

  .member-card .member-data.haspadding {
    min-height: inherit;
  }
}

@media screen and (max-width: 767px) {
  .member-card .member-title {
    font-size: 18px;
  }

  .member-card .member-data-list-left {
    width: 70%;
    padding-right: 10px;
  }

  .member-card .member-data-list-left .list-base,
  .member-card .member-data-list-left .list-label,
  .member-card .member-data-list-left .list-txt {
    display: block;
    width: 100%;
  }

  .member-card .member-data-list-left .list-label {
    padding: 2px 0;
  }

  .member-card .member-data-list-left .list-txt {
    padding: 2px 0;
    font-size: 18px;
  }

  .member-card .member-data-list-left .list-txt.sm {
    font-size: 15px;
  }

  .member-card .member-data-list-right {
    width: 30%;
    text-align: right;
  }

  .member-card .member-data-list-change-left .area-input {
    padding-bottom: 15px;
    /*套完程式調整 勿刪*/
  }

  .member-card .member-data-list-change-left .area-input .form-label label {
    padding: 0 0 9px 0;
  }

  .member-card .member-data-list-change-right {
    text-align: center;
  }

  .member-card .member-data-list-change-right input {
    max-width: 49%;
    margin: 5px 1%;
  }

  .member-card .member-data-list-change-right input:first-child {
    margin-left: 0;
  }

  .member-card .member-data-list-change-right input:last-child {
    margin-right: 0;
  }

  .member-card .member-data-list-change-right.type3 {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0;
  }

  .member-card .member-data-list.social {
    width: 100%;
  }

  .member-card .member-data-list.social .member-data-list-left {
    margin-right: 0;
  }

  .member-card .member-data-list.social .member-data-list-right a {
    margin: 5px 0;
  }
}

/*
@media screen and (max-width: 479px) {
    .member-card{
        .member-data{
            &.haspadding{
                min-height: 300px;
            }
        }
    }
}
*/

/*圖文區塊版*/

.editable-box {
  position: relative;
  padding: 8px 45px 8px 0;
  border-bottom: solid 1px #efefef;
}

.editable-box > .checkbox {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 2;
}

.editable-box > .myorder-list-box {
  border-bottom: none;
  padding-bottom: 0;
  margin: 0;
}

.editable-box > .myorder-list-box .myorder-list-txtArea > .tag.solid.blue {
  margin: 5px 0;
}

.editable-box.type2 {
  position: relative;
  padding: 8px;
  border-bottom: solid 1px #efefef;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.editable-box.type2 > .myorder-list-box {
  min-height: 95px;
}

.editable-box.type2 .myorder-list-photo,
.editable-box.type2 .myorder-list-flag,
.editable-box.type2 .myorder-list-txtArea {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

.editable-box.type2 .myorder-list-photo,
.editable-box.type2 .myorder-list-flag {
  width: 30%;
  /*0321 原23%改30%*/
  height: auto;
  position: relative;
}

.editable-box.type2 .myorder-list-txtArea {
  width: 70%;
  /*0321 原77%改70%*/
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .editable-box .myorder-list-box > .myorder-list-photo,
  .editable-box .myorder-list-box > .myorder-list-flag {
    width: 30%;
  }

  .editable-box .myorder-list-box > .myorder-list-txtArea {
    width: 70%;
  }

  .editable-box.type2 {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .editable-box .checkbox .checkbox-label:before {
    width: 30px;
    height: 30px;
    font-size: 1.8rem;
    line-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  .editable-box {
    margin: 15px 0;
    padding-right: 0;
  }

  .editable-box > .checkbox {
    top: 25px;
  }

  .editable-box .myorder-list-box > .myorder-list-photo,
  .editable-box .myorder-list-box > .myorder-list-flag {
    width: 100%;
  }

  .editable-box .myorder-list-box > .myorder-list-txtArea {
    width: 100%;
    padding-left: 0;
  }

  .editable-box .myorder-list-box > .myorder-list-txtArea .tag.solid.blue {
    margin: 15px 0 0;
  }

  .editable-box .myorder-list-box > .myorder-list-txtArea .tag.solid.yellow {
    margin: 0 0 5px;
  }

  .editable-box.type2.no-border {
    border-bottom: none;
  }

  .editable-box.type2:first-child {
    margin: 10px 0 15px 0;
  }
}

/*純文字區塊版*/

.manage-friend {
  padding: 18px 15px;
  vertical-align: middle;
  width: 100%;
  font-size: 15px;
}

.manage-friend a {
  display: block;
  text-decoration: none;
}

.manage-friend a ul {
  list-style: none;
  padding: 0;
}

.manage-friend a ul li {
  display: inline-block;
  vertical-align: middle;
  width: 33%;
  height: 24px;
  padding: 3px 5px;
  border: none;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-spacing: 0;
  word-break: break-word;
}

.manage-friend a ul li:first-child {
  padding-left: 50px;
}

.manage-friend a ul li:last-child {
  padding-right: 30px;
}

.manage-friend b {
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  padding: 10px 11px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin: -20px 10px 0 0;
  left: 15px;
}

.manage-friend b.male {
  background: #559ae2;
}

.manage-friend b.female {
  background: #fbbcbc;
}

.manage-friend b.empty {
  background: #ccc;
}

@media screen and (max-width: 479px) {
  .manage-friend a ul li {
    display: block;
    width: 100%;
  }

  .manage-friend a ul li:nth-child(1),
  .manage-friend a ul li:nth-child(2) {
    width: 50%;
    display: inline-block;
  }

  .manage-friend a ul li:nth-child(2) {
    padding-right: 30px;
  }

  .manage-friend a ul li:nth-child(3) {
    width: 100%;
    padding-left: 48px;
  }
}

.disabled-imgMasker,
.search-imgMasker {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
  text-align: center;
}

.disabled-imgMasker i,
.search-imgMasker i {
  width: 30px;
  height: 30px;
  border: solid 1px #fff;
  border-radius: 50%;
  line-height: 29px;
  margin-right: 8px;
}

.disabled-imgMasker span,
.search-imgMasker span {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-shadow: 0 0 8px #000;
}

.disabled .myorder-list-box {
  /*margin-bottom: 0;*/
  cursor: not-allowed;
}

.disabled .myorder-list-box > .myorder-list-photo .disabled-imgMasker span {
  margin-top: 27%;
}

.disabled .myorder-list-box > .myorder-list-txtArea {
  color: #888;
}

.disabled .myorder-list-box > .myorder-list-txtArea strong {
  color: #888;
}

.disabled .myorder-list-box > .myorder-list-txtArea > .tag.solid.blue {
  background: #888;
}

.disabled .myorder-list-box > .myorder-list-txtArea > .tag.solid.yellow {
  background: #888;
  color: #fff;
}

.disabled .myorder-list-box > .myorder-list-txtArea > .price,
.disabled .myorder-list-box > .myorder-list-txtArea .price-uni,
.disabled .myorder-list-box > .myorder-list-txtArea > .price,
.disabled .myorder-list-box > .myorder-list-txtArea .ori-price {
  color: #888;
}

@media screen and (max-width: 1199px) {
  .disabled .myorder-list-box > .myorder-list-photo .disabled-imgMasker span {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .disabled .myorder-list-box > .myorder-list-photo .disabled-imgMasker {
    border-radius: 4px;
  }

  .disabled .myorder-list-box > .myorder-list-photo .disabled-imgMasker i {
    width: 40px;
    height: 40px;
    line-height: 39px;
  }

  .disabled .myorder-list-box > .myorder-list-photo .disabled-imgMasker span {
    font-size: 24px;
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .disabled .myorder-list-box > .myorder-list-txtArea {
    padding-bottom: 20px;
  }
}

.myorder-list-box .myorder-list-photo .search-imgMasker span,
.editable-box.type2 .myorder-list-photo .search-imgMasker span {
  margin-top: 25%;
}

@media screen and (max-width: 1199px) {
  .myorder-list-box .myorder-list-photo .search-imgMasker i,
  .editable-box.type2 .myorder-list-photo .search-imgMasker i {
    margin-right: 5px;
  }

  .myorder-list-box .myorder-list-photo .search-imgMasker span,
  .editable-box.type2 .myorder-list-photo .search-imgMasker span {
    font-size: 16px;
    margin-top: 20%;
  }
}

@media screen and (max-width: 991px) {
  .myorder-list-box .myorder-list-photo .search-imgMasker i,
  .editable-box.type2 .myorder-list-photo .search-imgMasker i {
    width: 24px;
    height: 24px;
    line-height: 23px;
    font-size: 14px;
  }

  .myorder-list-box .myorder-list-photo .search-imgMasker span,
  .editable-box.type2 .myorder-list-photo .search-imgMasker span {
    margin-top: 25%;
  }
}

/*隱藏圖式 202206背景 漸層移除*/

@media screen and (max-width: 479px) {
  .myorder-list-box .myorder-list-photo .search-imgMasker,
  .editable-box.type2 .myorder-list-photo .search-imgMasker {
    background: none;
  }

  .myorder-list-box .myorder-list-photo .search-imgMasker i,
  .editable-box.type2 .myorder-list-photo .search-imgMasker i {
    display: none;
  }

  .myorder-list-box .myorder-list-photo .search-imgMasker span,
  .editable-box.type2 .myorder-list-photo .search-imgMasker span {
    display: none;
  }

  .myorder-list-box .myorder-list-photo img,
  .editable-box.type2 .myorder-list-photo img {
    max-height: 130px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
  }
}

/*原樣示
@media screen and (max-width: 479px) {
    .myorder-list-box, .editable-box.type2{
        .myorder-list-photo{
            .search-imgMasker{
                i{
                    width: 40px;
                    height: 40px;
                    line-height: 39px;
                    font-size: 24px;
                }
                span{
                    font-size: 24px;
                    margin-top: 30%;
                }
            }
        }
    }
}
*/

.myInvite {
  white-space: nowrap;
}

.myInvite-Area {
  margin: 25px auto;
  text-align: center;
}

.myInvite-Area .myInvite,
.myInvite-Area .share-social {
  display: inline-block;
}

.myInvite-Area .share-social {
  margin-left: 15px;
}

.myInvite-code {
  display: block;
  width: 400px;
  line-height: 48px;
  text-align: center;
  border-bottom: solid 1px #eee;
  margin: auto;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  /*
        input, a{
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px;
        }
        input{
            max-width: 200px;
            font-size: 24px;
            font-weight: bold;
            color: $color-primary;
            text-align: center;
            &[readonly]{
                height: 46px;
                line-height: 46px;
                background: #f9f9f9;
                border: solid 1px $color-line-gray;
                &:hover, &:focus{
                    box-shadow: none;
                }
            }
        }*/
}

.myInvite-code-txt {
  max-width: 200px;
  font-size: 24px;
  font-weight: bold;
  color: #2d7cd1;
  text-align: center;
}

.myInvite-code .myInvite-code-txt,
.myInvite-code a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.myInvite-code a {
  max-width: 120px;
  margin: 0 0 0 15px;
}

@media screen and (max-width: 991px) {
  .myInvite-Area .myInvite,
  .myInvite-Area .share-social {
    display: block;
  }

  .myInvite-Area .share-social {
    margin-left: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .myInvite {
    width: 100%;
    text-align: center;
  }

  .myInvite > div {
    width: inherit;
  }

  .myInvite-code {
    /*
            input{
                font-size: 16px;
                max-width: 150px;
            }*/
  }

  .myInvite-code a {
    max-width: 120px;
  }
}

@media screen and (max-width: 479px) {
  .myInvite-Area {
    margin: 15px auto;
  }

  .myInvite-code {
    font-size: 15px;
    /*
            input{
                max-width: 120px;
            }*/
  }

  .myInvite-code a {
    max-width: 100px;
    margin: 0;
  }

  .myInvite-code-txt {
    font-size: 20px;
  }
}

/*基本layout*/

.memberLV {
  padding: 10px 0;
  border-bottom: solid 2px #eee;
}

.memberLV i,
.memberLV .memberLV-txt,
.memberLV .memberLV-icon-area {
  display: inline-block;
  vertical-align: middle;
}

.memberLV-txt {
  margin-left: 20px;
  font-size: 15px;
  color: #333;
  text-align: left;
}

.memberLV-txt strong {
  font-size: 24px;
}

@media screen and (max-width: 640px) {
  .memberLV-txt {
    margin-left: 10px;
  }

  .memberLV-txt strong {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .memberLV-txt {
    text-align: left;
    margin-left: 10px;
    font-size: 15px;
  }
}

.iconlevel {
  background-repeat: no-repeat;
  display: block;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
}

.iconlevel-mbi-normal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAAnFBMVEUAAADc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzb29vc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzb29vc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzb29vc3Nzc3Nzb29vc3Nzc3Nzc3Nw7u1QBAAAAM3RSTlMAoP0FgRX0ECAMR5HS76UIKjD4lIdzOsJp6si7Uz423XhfTn1uWyWvG9dY4uaqZM2MmbUuBiUzAAAML0lEQVR42tza17LaMBAG4B/3ghumuBzAYAOmhBPQ+79bJm1kAgGbrMDOd5WZjGakI3nZXQmv4q2tY267abKdO470nePs50n6Jcwjy/fwHymtrDfZS9v0pBQ7a7Y2dB3f6bqxnlm7SDmd+9ohcfOlga4rd/Yk3p+Hi3GJ+9TZTtnMnSRcrNFRfuHu924x1VGfOY5628NmNEPHqCv30Ld3xnODP74msbtS0RXlaCLx+T79F5OSvAunuywm0texDAIzZfuZtXvN3iqV7DHoBMN5EuloKd+O3SmozUKtN0b7yKukX+gQwVwk/ahlmYk52rtjiOOHsdKiqF1+db4aEEtVtFNLAphqa5kJ8bxi0GtB7qkOtdzDa8ijwcnAW3mKo5h4HTkb2CreZ7f/quK1ZMWJZLzHLHGneD0/7Ft4A/UkLfAey/PZwKstYgXvM9JGMl7JSHszvJNhfwZ4naMzwrtFg1zGa6ibU4D3K+2JgVewDgraIXNWEE7+Kn2gLcaua0KscmK3qlAbbn2IND1kaJdIW0GcYrBD24xdW4YYnhu2pCK94NmpDhHU5Cvaadg3QG89b8uv0bXsEIDaLC7QXkdtCVqWtkCbWcSl23KwRLvNpAh0dgMLbeeHI1A5SlO0nxEqZOttQ3H0mEq04p3UletpNRyRxKsunOffp7rAv7I6EK84/59/nWZae6rfOmbSEv+ijNudb1yztBmep/fbVv4+tjiUeJacDtE9WV/Hk3o2umiYynhKFKKbbBvPGA+6kWBd83orNKfuV+iqseajKXmSo7uirY6GlG4GrN+GLpqZSq19/1aPu0IT+rx9Dehmxo6BBtwuZhyXRhMZta1cdJ+doy41buNrzqbKgY+avrS35d5EMan9SAb/h5r9D3PfpR7HPb5Tooaw+xH6t+yMxwJJhkjytAjTeawxpsXzNCymMsQ5W3hocoQ46yzV2B+0NFtDkOVWxgO7LxDFjBL2F0lkQgi7wH3efAoxVMVhdziKCgH8WMVdIxtCmIrGHtAUE48RV31mvIYIywOr4fABct7AwB3ZVwigu6wmVwe17HRvZk4JesGc1TYPQEy+t8XKEPQ+NNYA/dXOqHdng1WQi1hDEWjJ0hp/kQ9BLmM3SPt00+tt0r3EbshAqzjhNvlQgtqRXZnkUw+/eNN8wq4cQcrTVNy06IHaUmKXDrmBPxj5gV2SliClKLipPwMxX2MX4sjDDV4UswuaD0pq7OEG6wxi3pZdCHX8hR6yC1sPlMIIN5yXIHa5itjCHVbMqkJQ8vu4VpLXwVNW9VnirvKTVU1BaTLGlVwBLbnPKlITD5gpq+jLIHAvHs8NcOQZR2LiITMRln+Ymik8ZMl7xtW7zNO3jNvLgMiw9eUDtBaM0wLUEmiMW4DQLLnacw+0ts8cz4hxW9rprAVnWWPGJagtYdwYhHLlqp9J68S4ALUFjDuBkL9FlT6QQUqudOw2aGDDxzkyCPX9l53o8fMDCSm50BidV4LP08EuBwTFadnRQWvydD2fVSpnUJLUyjmagJhzHbKahy0HHO0zl2EGWmqlSEJDMR+rglD1HcdnAI64UErRUCqoZFJj/k8JHHVeaaMhW1B2iWQm7saw4JMuCMbSGI4qpQSx7B92aSGqYbs8C/uEMeST/kBDH3zsEJR0Bz+ZkgxiCp/0Dg3t+FgFHGF2OU1BbVTtqj/fux+B1OnXXLIhqEX/kB/mwq6ZjqfmL22bf4c9NNSrfg6kxgk/2sSCSnsWDX1Ws1JSpvPrUYAMap7EL4pMNGJWhnqgwzuzwSfoVS79l2hkyUfOQWzzAQCrHui5lY/46U/YBTElvy6V6JNpzWzWMheUSvMc2t2BXsm46Nn7CgPEgk9eRFDrV+8Qnruv6IOjTC4PKgQoGFc8N2wEcrEOmBpEUKVKq6ZETaXDR0kqyH0G/LKY2oZxG4JBJDZLwEohRMCan84RqwhAL4wuelvitliyUIMlidtg/kNc2BAjkBinTfHQVGOcFECAKPyxaEFOrEKz8IClsYoTRPj4whta9PQDq5Ai3BVJrOKgQwQrBb7sIMqSXdjcWYS+YReWEGKW8JthEWx2IT7iL44xu2BDjPWWP2ESQZ6wS/2djCvyrs8uTWSIYezFLhjqnP1hP/RxwR/u2R/mKgTRHd6UFmN9YFcObmGtVc9T11bh3vr/NUTRneuOFv2K6+LrFUfi73lEMbaska0BgSRgb0AsPWUNpDrE4DvsQzD5W3l3tpwoEIUB+LcREJBFBI3K5oK4oSjv/26z1jAzMUblNAL5LnJhpVI5dje9HxyW34k5ArhiRRvmyQ/zu4Q++BLs4inNleLY+adsRwFnsl70w5z1Oiy/iXF+t1ARsI9q9IZS/iFpyDncYqR1WaAqynzGrhbubK6As2IsbexQIdEbbtk/wW6HnoiqBFNAW6FipuW5Xe181rquZ5mokjoDlu1Iy3L/Xsuq2ZnCHrPSfgb9dXSXP6v113E+/nxSfx0XFTAZvo6fE4fDBl+GLgMYtyE92iMniI0YFTJledP7y0aWBVQlmBYnPfiS/TgaJtPtwc6vsfenmaG53sAEV7FR/OSmFw/Hh/xe+5mzEMFLNypOenAhztND/rjw7CngIVkAgMkE8CC/TVn+LPvimSC3XRedE7VRauflTJwNaCkSt9O06jgnYJ9F0CmuZ7kZaPUuORHad7KutCJwQkJk53Sma5AxYnA4PyzOclK6CirhurjBRGYd5sTYnHJg+VPmVrNZqG/Hl/SsOd2/ZVonmZ0O7EbEO5DwEvy2SEBEvl6+YeLMVUvBDcIm8NzO9Grzt0fEOS5lsqHH5X3xnBxVxN2EYJXo778whfLaEuEM8fh/tOM3EQ8T1I6U0x9y2RzI8/Aok//GDWs8SXYP//6pHt2tJcL5Q5T/Ld0Q7jcOUVrqoTARQWCfF6QdShrs84Jult8allHoxMT5s6QRQaMLaY7mXRtPeintldLcA4HBX7U6Q0mZS5576EJ+2FkjTHER9t7d2SorJM9WYOV/HAhu8FDXab1owQJ5OhBGWqMBU1dQFodUWP38D5TDNvhXZ04YcL92Afvjd5/MWh3wlfIM1y0OWLnSYiOnxQEfz3hHtIX2Bnz1uGE6b23AwfT6p60N+IMuaOq3NODNQcA1XkoVsN4hohMEfGNDOLQIAualzJaS/OFWRCsDjrSP16R6LQxYsDf4iJu1MOBoePNlPK0LuChg8iKWco4kPGmp4QZzH5DcgaeX4DmiJH42yn7aiOXcsBGek3VxW9/D047cImZHPGe0Vz4/JP+8IOHSjqUk4Pje5cRFe8yn+FRPEtEaLMDnlu25BNHt4A5mP0Y7+BPxzu5FQCvcfQdNa8cLeaML7qTsF2i+gb7BvdQ2VOqHcu5oGZpuecEDzP4bmk2dbPAIS7LQZAJb4DGrIZpM0/CotMl9UzQV8Chlu0JTLZ5ajbR0Fc3UYyqe4TEZjTR08ZxuMx9cmoFnGU2cKXZnQokUb83LiOCGIp4nhk1b8JmXfLH/enJEkyykoPQka47mUG0VZQWSh6YYMQ/l+VJTlgMGLCaqJ82IeMCOoLFoRK0esSOo+FL9n1yqHYNOoNe9d1oQt7vBpN4jkLmkgtY6XKK+3EMAauK0viuZTr8Heko6rOn8WOOV39VhdVwDsYYdAZx4ev3WuWL7DfxY27o15OV+BC6KhlynFXpZG4vgbCXVZxdmxxwB3Fn9zEQtOHsfVTA1Vofp08gwZFRE3Tsv30BeTmJUR9FYjFdSE0NEpUZ9TcSrCM4LDmUISynCaxxtTcEL9Ay2Q/V8YzzAi/inc4BqrbVwhxc6hpWOvDbZxBXwUsLbXlujGqKjRwpezlwdNAv8iV29W5MJubLaGyPwZQ0ny5qE+4MQn8Y7E7wIi8v2rSYD+D/81M4s8NDrsksdl1ogutvxXAYt07vsl/XNgO139CRW6KJdGFJay8L953/Uk5iinGWvYye7GnRDd9RCYzKOAgElDKKxnsZNiPYXwe9OWeI+F7T1lrKT4798xv0oeZFN7XE2fyAtuGDtnBnrD3eNvUlkjtzOye6ny10g4xZl4EU/ftOI/ObU4xvl1jWmE6k/62TR0VP9gdX7bjAIVNU7ulnn0tf1U+rEg8bV4psUS41d55zOxqdt+F3/NJ3N0nPmzlWrRoPG1vkGHvq+DA7dHQ8AAAAASUVORK5CYII=);
}

.iconlevel-mbi-silver {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAC8VBMVEUAAADa0t7i3+ba0t7h3OTa0t7b09/a0t7f2OLa0t7a0t7a0t7a0t7a0t7a0t7a0t7f2uPk4+na0t7a0t7h3eXa0t7e2ePa0t7a0t7a0t7a0t7n6e3a0t7b09/a0t7f2ePa0t7a0t7a0t7a0t7a0t7a0t7a0t7a0t7g3OTh6+/a0t7s6u3a0t7c1eDa0t7x8O/a0t7a0t7a0t7a0t7r7e/a0t7a0t7i6e7a0t7a0t7a0t7a0t7a0t7a0t7l4Ona0t7s7O7p6u3u6+3i6u/x8O/m6u3h6u/p6u7m5+zw7u7a0t7a0t7l5uzx7+/x7+/o6e3y8fDn4enw7u7x8O/h6+/p6+7k5+3h7PDm3+jw7e7n4Ojx7+/u7+/t7u/u6u3j4uri6e7i5+3k4erl3+jl3+jh7O/m4enh7PDx8e/s5uvy8fDt6Ovh7PD////x8O/i5+3h6e7v7O7m3efh6u/w7e7k3ujs5+vBt8Lt6ezu6uzx7u/AtsHi6O7h7PDu6+3DucPo4Ojy8fDZz9Hj4OnYzdDj5ezSyMzIvsbLwcnGvMXWzM/Fu8Tj4urp4unq4+rj4+vd0tPn3+jOxMr9/f3QxsvUys7TyM3e09TJv8f7+vva0NLVy87Nw8nv6+7r5evKwMj+/v749vj5+Pj6+frPxcvc0dPr5Ov08vL18/Tn6/Dc0dLy7/H29PXz8vHm6e/39vbz8PL7+/zx7fDz9Pfk6u/t7/Ps7vLp7PHk6O7y8/bs5urw8vXs5uzw6/Du8fT4+Prq7fLm4On18vb5+vv19vnu6O739Pf29fX39/n9/Pzv6e/08fTm4+vp4+vx7PLn4er7/P3u6/Hr6O/19Pfn4uXo5e3f1dXj3N/97/Dm5u3Ty9Lk5+3p5Ofx7vPs6vDl4ury8PTk3+Pd1tvz8fX08PTs5u7Z0dbo5+7v7/Pz7vPo6e/f2d7a09nr5e3l5+7XztLPx8/h19jk2tvVztXo39/o6vDx8PHm6vDu4uP77e726er/f2QfAAAAbXRSTlMABAJlEPVCkAiVzTMw4/xHHhO2mQrvDb3SycF7N3VpJuo93J2GcW1LGLKcTC0b17GKfWJeXVROyHkjubFZgrGhPyut58hI3WZU06ulj+aBOvji4drRcEX5zMW+n49V+fmihV3a8b6o8Lnw7tCpYgZQMgAAI11JREFUeNrcmEtPE1EUx8/MtDNt6QvLlL4pfWDTBy21NKWIAqlRfOArGhV1ocb4SCbRqFEXhH4ATfwAulQTY2JcGly64QO5dua2csHeOw86U4q/hjAtZfGb/zkn9wwMDLYUq1cblcDp+WbYpRBuzp8OVBrVeqzEwn9FyRcPjKe8nvB8OhPnZut8bEQhxtdnuXgmPR/2eFPjgbivBAcetsgJEdFzqMLxfgboMH6eqxzyiBGBKx7YtB2TM00xlJ/ibaAXGz+VD4nNmUkHHDQmsofskQU+CMYJ8gsRezM7AQcG1udMTQuHx/qpDp8wnXL6DkJ1s7wz2Uz4oX/8iWYywA+5c1FIjidGwSxGufGk4IZhJciFQ1M5MJfcVCjMBWEIceftgRhYwUjAnh+2mNl6xGVhDkHOFakPUTcz1el5H1iLb366ysBQwCQ86RGwnpG0JzEEygzncRZhMBSdHm6/lWenA4OcJ+5Aahb2EXfkNA+DhT8d2beJnUt7ORg8nDedg32AyYozLOwH7IyYHXwru12C0X1mbKlwMnpzrXy91bqs0GpdL6/djJ4sLBndM+YE14Dr2pExVM3+QnStde414tkOnvzl3PW1aMFvqK4zDhgckynBpjfWxWi5o0r1xdrl6KLesG1CahIGBLPgParvi+dXWxckSUKm0jP5per7/v36+vrt66vn9TXoUW9mMJ08F9YV72ht+ZHUYdv3GcEXo/gqvHq4XBvVFXJ4Dqynas+CJrZaWY4W+0rIFyur+ircLtdsoEnWXgWLcaS1z81MQbbFoM7FAevyRc7LBUb7fH3c2tnldwmaX1m9JO0EVbNBX8TLly8vrWpObsHlB+vwJeOgzmJZwuD+Rc47lfX4IpYXQZ140gdWEffW1Wv51orU6yvhejbqi3h8S72y694GWAITcKpWD1u7jEUJ89lYvpgXL1ZqrGoTOfMMmE+wKajq3sK6PfMZVfRefRVWTqkqC80gmE0pVAEVTqxIBF+FbVuJfuBQ90U8vgoqVEIlMJcJT0Ptr+U2yRcPaGxr1BezrLasNDwTYCbu5JRKsd+8QPRVwLIS3Zcu/GInb8+qFO5U0sz9KSZyQKVwrk30Rbr41Z8v4sfFAlDhxBiYBS8eARq55XZbPV/kaorvjw8f7ueAxhGRN8vXPgs0ao/ovjhbySzfDx8f3gEas3ZzjCfpvra1tnq+yBcpm+T78e3b+za68aQZ/WunLr+Ll9ra+WJM8ZW5eJ66Itv77+Nikta/7KqkkS/O1jRfhTcbUZbWx8ki9EfJk6CVc7mNfSkHaPUFWNsXs9NX5hitrBOeEvSDLdQAMkuX6b64f2Uks30VNu4uAZlGyAZ7hxnPAJlTF3Tki3Qt8d3YuFcAMplxBvaMUwAyV6Q2FlZbkKzxVXh3BcgIZ2CvNJyU4G+2O2j1L8ZkX8RZhhLTXvfjw14/kHCUsa9G/1rp++7dMQeQ8HsP721BEsn/F3ygJ1+sa3QB1usrc2OMnJQ4AcYZC2XJg7ullS9Wttj36dMb5JGcDY2BYY6TF/7RFfV8dR2wTPKVuTYKJCrGB1c1rZ6v1gMOySRfGaovMiZnnK+CMebsI8Q6x759POAgCxv3RZD7eMQ+B0ZgwsQGduB5pfmAYyC+yNhBbOMwAwZYEIAAU9Y5r8xagNV8MceIasKCkRXYS+yMNT35mr0QUn0xZ4nTxqt/OXakiCvwFY18u9G+Vt5hnu3ir/g2611+/drlv7mJpLvKu3y3hTEnictxygE6yRALuiBpzGf8xqgvzvzfuBXhbsgUX0SBWNQZ0IebWNBLF9Tz7dK9bLe/fEHCBHtM15qQNzLflHPutDEOGfn2cG+JWNRu0APr4kgHjktUXwnryqIIxfe3zK7Av3fBH/zcplsA2PyXgqK82SnrNwiSL+Iu6QDCuVjQQdZJugsPtHyx7FeEfPENmffwvZduAWz7K85bWx1nBSXkTsSKL4ljJDdnFrTJiXPQy6qKr4Q+3uH6SUb5pVx/o6J2CzrWW7J1R7kzrVFNk4WfP4+Sjk9iDjTJz0Avi934KL5Y9xPi8+dPn+UfVYh3ANP13tpSglYyVsqaavxchodeZvKgxYiXJTTwH17ONDaqKgrAbrgEcV9w3+IWjWvUxD3u+65xjRqXGJOTSU2r7cSkWlragrFNnzpOBXmdtuloR9uBuNUVUOtEQMAyA6WArVDFCqXjqMgvz7nv3d773rlvZiqNH0kDhR98Pcu999z35tbCvm5o40iCE2d8H8DGjSS/ebOjvWwZSaMxKi99NSipy4g7DzRU4n5TCwkfaepYV+X3HQ8uyfb29nZxel0SgcQdFi2KI676ZvRetmy+o/w2GRvbdJnD06a+dWSh559vMt2nFOeLtiTb4hKLtUyAbyVd4msisUjwPUpjnFF502dbsI4dY+4rMN3C3HRB/kPDiXsa2tizhXylLtnGBK35iRVg/IcgnCnMGGQqZBQmY+5LPGmYSe95Vt6lafeDd+GcXZSv0HVMozuP/LmQNTpvxloWxktZiMs0LjcNMs7Pt4meZtibPBK8wdJ8MZlJl2RTqZQ1GaSSSTKPtaDyxs3zyfhtYcx9JTcY7sZOzHNOPHYfwwbt1sK+8bjQRVvLhknGtpJCGYMsjbUIl3m58zAucPDuwRU8zXAV9XCgL31VvqRrg93Rl01HFI0O7cS7gmaHKpdql1mSt4jXiTeImaMjpbZFyhs7Kca4HP+wkIy5L/G44WgwbdeJzLGOu6NoXwsgnk2ni/GtYr5S1+9LjHZCVBpTGY8blzEeNQxoTzov6NRw1lRzxzL7vsx9K9II052QL9clBiAZQ+N1jvEPaMx8g/vW1KBGfeElhuevAg+E0rfD9U0BlDJfpbtTvq+9NgBRMsZevWkLGr8kjMtM3MclLrkwYJO1Pw/6jWZfmdAe3wTl80TKt2hfpNvWjUVSlxm5n4dz/yMD3lMxLEkFfN8b97UhNbY9m56EdsV9iVlRYbwZW/Wmt0UZm31nzDAsTeZ3YE7anQf4bp8vb1gJ6Qu5sX+274Qvb1dSl2hrGwILjX9et4zK2DV+zuA74wke4t1PMg1EphzCN9EBvmHl2yt9K9LbV6/O7ny7MvsiA2jc8uPP6zCpP6OkXljGjWcQfEt9yBTD0OqUvYoJMC9g8rUAutK51atX/zPGwrtz7Vn5NrV1wPLWFmzVVMZLXWMmbA7xXqdw4eln8gouqoCFbyqL8SXj3OS0K+7b1PR61E62frvop2WfYxnT2oTKC7mvqYrPnM4XK0PLuqa4hmVhw9rxz2qXHTkUTksihNe3mZDf8PrOqlZ/FvozlS8yBHbyS2pcK77ZIlZjhPki9xva1lQ27+JBv93kay7g0u1KeHs2FwUPmXY9vpkWkET7dN+3cuAnOiR1kTlzBmTjWrGSGZOv5HZesP5Twq7HH8g3WSZfXsA2FXBkbIeT0tnGRvb/zihd9AWdCr09Z4AzpPnOaYq7jWuFKOMlwpj7vsK3Wwcev6tvbT6IPyoR4MsL2BLNebtoWo2NWRu8tLZrvu2+vx3RynfUAoY9LH2Ruv4ULBdlvILKWBijoN/3lRn84ZSD9i94TL6N+5oLGPrIVxjnsHxbTQGuksTBizWqtasB4MRmCl3hW1fnljEZi1b9Awn7fBE+sz3/Cm9GH7oHW5Pu4r68gMk3HHHZsQN7czf46NDbcx8T6tHa8ywLOCXKF+lB49iPoozRWIZY9yXuZCvTHofu6snoi/ndGfc1F3AsLYVzGGAWJHtM841wI7tdW44GwEBG+hJzEmC1ijLGxrVq6ZING6SpEkauLZDT+xxbsGWF8xYw0Tg2xgsYKvTlNwycudryawyxNSp9CSpjx3j9pi2rlizZsJD5IpcXmOZMO4ClwB3M11zAA1KXiMTYwtKu7a6yYMAelr6IMcQtbegrmaeV8cpVq5ZsQONXlK/LoweyHjwt/0bk+kDflz0F3Kl8kU7wk9N8q1rARKnURV63wEC50kWeJ+Mf0Xj9Ssd4A/Zl5StouD7vkekYfnX8DPc1F7Duy+OT0HeTfWBmWPrKEDNGpC9R1yXLmIyXYFajoc+34UF+za+9KHrxnmyhvoPH11jAum/W4h1L821PgZlS6UshNv4jq1/5vvlmv4Vl/J1jvEoZ674NPKf3PFyNo6fszQ6G3DccXMCNrIBdKqQvUQpBDGuHBXMa9M4Z90VG3DJet2Llyl+ocZGx5kuwQyJaMnfFVfyRJEMBdytfhAtF2zXfIQikRPoibyTBRI/0JWrLwUp+h2X8K8VYGitfgvfpw8fz+LJz2U/jWb+vqYBb0/rh1xCaPulLJCCYYekrQ8wZUrq1tVTGizGpf8LV2DF+pUH3pZxmWXvuZVxdciWLr6+AkxYWaFb3HeP9tUvqEoOQhxLt8BsQ4tQ26UvIMqYQ/yLquKFB+RI1VwYW8W5TDsuzjxa6KsDxxHgB9+i+kRZgZDXf5ijkY1g77AeEOF4nfYkRd21a5xqTo8e3hl1CHDZlN3dcOZ0f/Vl8VULLM3CHZ5hTami+0peoAMgfYjXbmJkEIwOab309ljEaf/KTiPGaNWTs8a25iA919g26I937Dv4ZHOHxhHZ8o2O6b86QgxHNN21Dfka12UbQev275ls/rwUsmdS/oXENaipfpOEwfq0WNOy40vcZHPQ7PaGpgDP6bHIsZQiIPquLQwHmKt/AEEdfk75Ev41J/fUiWo1JeE2DokZwX9DY40j2FOZR7DM4VIDdhO7RZ3WRLmDEmjXfDBRkVPrmCXG3iHB/vUNGJrUTYlRUvgQ7FJ/g3kDws/DZWv2yAIstVlz5IqYCzWizyapWKMhc6YuHwdeSYKYPfd8ccHxnzy6hTr2AkhqFlXGNy+n8TOy+Xsiq+1bdl36F9QBbVMC6bw44nfrouQ+KYJY2y+kL7Oa19cMtru/seTGgEP/6wfo/RYgR8pVczbycFxNPZeOs0/zvAAthWcGY0HZO9x2LAqM1ovlWW1AEfdIXaYuBmWhT/XzoJ18CyxhD/OmvH65XwjWK09gQ4FRxVDqH3ZH6H3EPU0ZrAa7wXKUkgJPWfHkFm2nThlejEEDnHwDzyVeQgeVOiD/67ZetZKz7hljXOucY87TjXv8rDCQsMhoDjOXVq3QRg46dU74sowOZKWeTROAPifrjyGzJX7D4awrxR3++v3WtVzgUupdPPfiwh3hIxlcJq5aFCZ31XKVkov60K1XxFVSHbShIdFCG12G0PAoGLGdFdnQrK9tsi9rWh1/9+ZsQ1n1Dj5EMH0afdRzfZ8n4Sl9NGKBD90XaIwIZ8WbT1VH1KCG/o0bRDrSRVunsgid991vq9D+nHBwG68kXKQeR00J4bU1I860Jsb3WcWfRV34YvlWPr1e41cLuMpk33XL15b6Evnuur902onpZor9SMAzJrz/59IMPsYjXrl2rCSNX8yMxtWS2Kh3iqV8p3E3CMRIem4QHc0h3gr71v7eAzl9/kHAdWFjEQnjNViUcErAb7+OxcR99BHu7QerqEe7sdpo0VmNkUh7M4b6kK1G60hepHdR0h2srBUp4qxIOObA3IY6YarpVOsMXYBLu7FbCSpf7Vk+K7zzu69Avc3qo0uUFsF3h95VwyOVaPo1nly7I9ap+lTBFOOEIpyf1pru4dJa7ybq406XHfWtlhN9RwiHJ9aYnTU/ei53+ZXyFshLucJtWZjLaFUG6E/NFY1qH+6TuCy/0w3Ip/LErHBqHHR/2Otk00Ho47PuQ0TAZU5vGZSmJ2/xJejBn4r7ENhuib7q+yCAspi79Fe48Pl4bCpGv4hY+1jI9bHqVE2Gv8F9iayk2HqnIRNrVf/at5b6CQRhUvvVR+8sFn3yhCYc0HjM9D37zpexwyN4ioz+TMBVxCqBistsz1w32rZxn10lfCnASTw9f4E7rb0c4pMMOiJfebHoQ8QG/b4kj3C2KmPaWmf+/XUnQdED59tvWl5jRX1AJk7CPp9jHIVwij0w61/h9S8KlciWm0wM9Zej19Yxo7dbyKs139I3RDguKIDZS16b5NvXEbLaR3kaq20hXUBe1F3+3gEqYehYXvogJH2QaSt/o9y0RWU3CIsQpGsF74tvsM4pVa/Edfh6Kw9a3G/NagWPVq/aM1HYBTrUWUIBJWGa04h4+mqaJFhP2+UphGWI6EXe1e8o3A14GtXweDkOR9Ctf2lRx/vD4VnbDchlgmdFMmE+1jmCfuXWXz1cav9wth1p0reRpV1WdvlC0a+XbU2yE21T5NtnAKZ+tfJHn8bpFC/DHIcZ1fjXaR08/kwkzXxViMnYfJlW6SHPM93/T2tUQFMdcrV1lgJOo9fgOAo1pcU1yA8x9X2TCZ043Rtjvq6pYGMuHlZQv8i9n5/Y6cxCG8ZR/wC2Xrly4kXIryqGUSCSlXEiSELGO60JY4uK3TutsnbPCOiQ583PMeaM2xDqUdmW1xa2ZZ3b2nXf3/X5nxtOSQ8qnmZ1n5n3feWd3oasuw1mei2HANcMLPRTCZORGWo2Fh9sT+sptzbuml3eNMMLid5jzQu4RohOKZ+7blUx779jR5yDe/GbirQp/3SReGJL+AmNCmyVaAXbzLha+w+Iq7fBy4vKf8+eflmz2MP+beHtCdYV9ZL/IB3p1zbHf90KAlvH2XdBfYExoeLDIu1hYpUUftrwcGMRqjGnhKlAsVov/L9+Blwo3vGoBF9rTG86qM95NKrFkvsB2QivAHt7Fgg+LOy3i5cRLlpXJjVFUutfyQitZdBG4RlsCgnhHiDfX6A1aM96t5/WCZb/AmNAS72JhpyXupYmXEauPJj7rEJ/kp8HzbA1ydpMr/cCfnd3kkp5s6lbwWmUUr12wMKEFXi1hLy2dlmYlNLHT0Kv0GD+lpXolO/xuOOdmvpzd83c/cJN493dPiKc54FpV7AINR5J5IeG0JJ6HE5p+YZgVMoixVOvVmB0W9hYSCjfO+HjPEG+u24SLmxlvTfFigSZeADNeSDgPSxGPITKvQ2ztGObEDkcNx5xWOoejmteEiTdX6q7uYLwtZUjYYdkFeo3ECwkRDzGmJfOC+IAipgAXzKnGDoN1mo6HtziHwXM+EybeLhM+3GK8x/IwJFqgr4q8kBDTEqOWyU3sDhwwxOcxq5Uda3M6zg6/n53Nh3P4fecxYeAadZlYjfHuKbqGdDqRFxKilmJcOrmp2zpFrCd1GSenth0f+UW87KxwYZdz6+hougkT76ZCtyGtIG19qnlpgZZ4SUJcWsw8JPJa4htlrFx2A3JyCwtulMlqLC6VMcgqgteIr+gZzUtaZw3ppocXEjIPcm4psekXiNUX2RLbkxML5uwsdTicWE4zn2bCTjBnHavqyLm8qysd3svE64rxCrklOXs4M4EX0q2Q1BcZxNiA4OTEYldbOtO37sTq3qeZMPFudk34yCHGW9eGdMvlVRJ5ISl7KOeHk3gh9QcgVmu1NSe1c7a80HdbxXTSiU1W00yYgnX1haQLzayDu7q1sMuQFkm8JCk/LFcApDexWycQ599aXqhmh+m7E5tckmzCTmyy5BhSlfE28z4D5rxLpQoAucbD07RPAx+4cUPtQJQ5PTB2XNjLYrHWhZY4sdjviSZ8iHibbuXdCpd3z1FmwJeEBYvzLpVqPOQqnlReS3xAEZ9/+hTE2py2sNSC/cZWndjzySQTdmLPFWclY7xb38CQrAEH8C4Vq3jkOq00XhD3gxjHY0v8dJflhZa0YZxYey3JhIk3Rya8nPGuKCvee6EGDGC5TkuuxPN2Ce7XyzX8GFsuY04stbDRjGd+I3CNjsgnYcML0bQ/s5Vwld5HGTAGWK7Ek2st03ghY1BL9BgTcYWlUnYWzcQk3oRapM/ESyZ8bhPjrQsGvCaNV0mutZSrab1dvjWx/iaD+O4DRQxzYqmjXwUEG/vAC+0Xg1vHOrhkwoU+xvsdBnw/nFdLrqaV66Vne7uaZ/Tv1RfZjrE5KzZYpqyB/37dSZVVJBMm3my9Y0iMtymcCL28M+R6abkifqaHVwnfZEN85qsaYxAXflleCP//kpMa3HFYMmHKDJasITHezQUypCBeSKqIT77z4OGFDPGTG2XlTpa4uJNlfjGi353CnOW9JryHeK0Jv2O8uQc4EZIBX/LxQtKdh+RbLZ4u7jTG/bCnH3qMYU4nN7qZX1TOld1LZb0mTLzZSvscTbhKWW1IFKIM4YWkWy3J95Zme3iJONN/QLtTh/gAy3Tv14HMqpPpLveYMPFuNSZczlpe6CALUWLDEcI7T7y3lHwzzccLqaaimeuZ/idqWhNxhWX2d5xTg+hk9r93mzDxZs3flXKM9x034EBe7sI0kZPvHnp5oevqo6a1HuTzHeJ3xKtULSw87Gb2S10mbHChdSZnxniRM0sxYIkXGinfPSR2rkGzw7p8a2g1zIr4uR5jUy/fsLxQK7/ws8VVqnWZMPEeOoycGeNVNe8wJMt7KZR3hnC7NP3+cFjX+jZxf397VmMDcuHXfn6lu+BcKuO1DH+I15jwd8KFIXED9vGS5sr3h5NbaY0P7OKOTv3LQfz8hyUu7mKFOZ8X1g1vb667Bl4jXVVYZ7y5c4IBe3kh6Ya42AOA5nRg13p81CBr4s4Yn+ojXqVr54g3tznvmPAm4m3CkFzeFZ+iDBig8ozGodDT5WFMYJd+9WHEZlu9hBVeHcpULS+PO18DLrSiov5V1vJCy1lINpQXGiZ0efD18Qh+lUD9dOIgli7MarNUv2eFZof2E2+u6Zgw8WaPLjyVY7yfuSHF8K6V+nh4O7UE8kJqlDHG5Q7xO15X12d4oc4ZsEi8K1oLi4cYLwzJx0tivGOlTi3eXjzhzz4ZZjOrP3wBsTKnxDrCaseEiXdFBoYEXDIk8DJDCuJdO0foxePvtpQJ5d0GaEv846kifqySflXGu8cJxdrEeZ9bFttivJsfHyZDiuVdKnVb8vfTGhPGa6Xn9fVvmvjuGxSSF3ck1Yk22idhy6u0Zw/jzakiDmbAMbxrh4n9tPwd0yKeMQMxvsiG2JjTZolXSeHAhIkXIt7seW5Ily6F8ypNFtdof0+8maG8SvjFM0vctuNlSWXPdVMqSrxZ4tXKsJxoLO8ouSeev+vhhEBeCMOMWe0Qv+/lhZASPUi8wCVVWEg2ildL6noY1tdyYvAzZhAnvgVzSijz1mnzahJvjRtwLO+4sL6WA3F64hoZ9WybQX5miD+1iRsib1aFJ48AV+BtcUOiBcvPC9HBkE6GAwN7006M4CXin4r4wydjx/lqD2/7aNRI4O17iZzoxf/lnTZA6E0b3H04/BkzAKsfdow/6C3XS3WgP9bDCyXxbiqmnghTeSGx+3Bwf+kFMc+2AdoQ9yviL8aOS4ck3qT5nD3FToTxvNOk/tLhHcSnR/B2ET+3xOVN6byrXa1jBvwXC1YoLyR2EI/oET8m6pk6EN95se3ZwTbxI5gTcCF5eEkVHpKN5x0m9oiPeQVgdtQzdUC+8+LZs4PfFPGnLw+KOlv+LpS3BgPmvIEHQqMZ4isAUe88TBJ405+p08RYql917Ljh/fpCLTJgXXQWxwtNEt95iHvJY2oUL4jvrAdx/yvYMcwphLcv7xgweJWieMcOlF7yiHyrZQLnlSe0QIwxtnZ8tM+3XOkiDhaSvRRnwFDsWy3InMrrVgQviF+AGOYEOy7t8fGuKJEB/yfvMPE1nuj3lobPj+IFcJv49SsQw5y2itOZVCYD/k/eeQnvLcW/qBXJiyE2xPgat80pnbciGHA4LzQy8kUtaPAIaVLH8eJVERArcyLiz2m8dWbAkbzJE3rE4P97FW9KDC+AQfzs2c9vH/XC9eaWtuMGx+WGlCdD+j/esZ5X8eLePdweOb4gfqGJX4MY5nS4msTbzLsGfDqWFxotvXs49H9fthzyj7V7CYkqjAI4fq7NOEUZCqNNZI2BaVZGZOIoKokogm4ETREjyheBghC0NYggqWjhyk24dWOY+BiEnFDChYH5WIwDWkTNMKWbsLadey7jOHa+Yc6997919ePc8ZvnPSIvZlzUK582v6NYf+tWF48+573Do/SzDeMAJi8m9Co2W5reXdoh8FI0YhTv7pJ4ncRvhznv0MfDB/BfU94e7rR1nbewnbZZ7qX/W5uba2vbERQvL6L4zxB5E3t34J0x663nt9NqKe4fzuH2Dz+UeQmMF/WKLv4c+eJfX9ZvPvb4f++bAfL6j3qp1Lxtiv3D1jZMP5F5DfHOUfHXo96fh70EFnkpwYZpyQ5xmZfET3cM8bYhXkTxr0TvDxu8rYId4pIt8U0yL62b+EDiMB1OxozHEsS/xyYPecdNeTslW+L5qlzApFVLvAQmMV3UhnhpAWf8ajjGxa+i4fmb4BW9IKSKNGByVYEg7ewl9lrvIK8KzC98ij2M6aqeWlpexBufbGyh+cXWxiT9DHhqPu7FhN4eN3u4ntVAUrnzJDC521VeAvPinbg48m0Kh7w6EGt1QR+vJW8Z6z3pLAdZN68Al6Nd5CXxSwTjw1gXT0fm/UhenhwZGRsZmdS5hjcwbvIJVosDuK7cBGmNN4Arq13gxWgZAY04HF3b3p6J6GQ0U1PEteTNAq4bjSDO7SngZ9wh8x6Ig+FoFMU45Hm/369bMYM7a9Zbxs+34Lob5HmzC4HL3cF7eXBcHAyGw9H9wAyS388bEdeCt4d3FWZ7wUyFpzOB63i1zEvildeGODqrk/UQO03cWXyDw5S36DhwZZ4uBHP5TgCb1iTxEli/73MQwxnvzwYCiMYCMwHk0hvQZrydGrCd8IHZGl3Ad17ixRBsiPfCE1HdHGucuKa8rcDnagTTaWfyge9qt8hLIybyHpLRjFAKPx6cQ67c29cAfPlnNDCfw+MDvpougZcy7mYeDKF5It4cfeVb7K2vAT6fxwFWKs64AHyOaoGXQjAWCoZCc3OIJmycK/IWqVQXMorBWtfySoAv7ZzMS2Aih0J7e4QN6UDRJ97Uo3NpwFeSdw2sluusBEXpzWovCzbEyApR5CWtyFt7GxRVOnPBehedpaAoq1fipQickNTbnwWKSp0XwY7S1WJ40C3xkjiexBsD990CtTcdwCZxCai63CvzMlzJC/7+y6CqBL12lZt9DJTVNYu9xH0m99ZeBWXHsnPBvk7lFYCynPv3LFzPqR9IbU0OUFaQdwrszJvhS/bXavH1LPcWeUGdL8ML9lbsyYck3WkXzveAPJiat6UOkpTvyQS7y6lwQZLSGrrk8x1M1Vt/Nw2S5KrIAfvT/nVXN79pwnEcx78/f/KMiEK1iFhFrZW2Rq2KqK1rjO1im5gly7rLUjXLdtnB//80XerBRHnYCuJeHjwAIe98CBiMaHt8sUr2sO/yrXnp2PvQQmBDZAwEvugKHbCDPn71sK/b3s/f7HM6Qhf8Es9rYO/Dned9l7a91S9gT8vHwT8WS4EDUf3kcl/n3tFcBAcUa4Gf6KHBgQM0vnt1se9y89vT+1IdI3DAGUMafNYkyuAoulg1O+xr07uubUXBUZlogv8shYqCs8Tix/fd+273/rHd+/NXKwHOopRiQRBQSRi4O3E6N1937rvcu++LOZ8icGMglBAEpKBTKXBHnqrV0fa+y337jqrqVAZ3UpRegODQdQGDe+KlOjNHu17Qm1Rzpl6K4B4W6jQEimcpC7yR78eP6vOsaprmw9rqvzp7Vh/H9zJ4Y1EsD0FDGtGIwCFEGoSG4AAuigKG4GGheAEHwmeeChCswlOGhwMa6FKQ9+clfQCHhXCMuYJgXDExjODg6FzM4MB/nBHL0RAKqFmbkOAvclJrhmDdjUg7w+IU+CWF2Uw7AuHCFQmJAz9wElHkIIRWO7DnCXhfiXN2/eyEFc/kkzdReC/Rm2Se4SHUUGV4ksyJ8O/EXPJkWAnRi2ovFGf0GhWn4e/RcaqmM/FjqH1zVu4R6QaZAu9SZCNN9MpncGxk8jZNnBq5rOz+kiw2Ton0LSnDkYpcYUYh9H4dkyKC/ZBI4npfJxQJ82H73noXsTqalI4JMaVvlDTcrpBZbi1LVtpYKxl9ZXUsLWkd6/hbt7qvsx3crUuTZE9h15ReciLVu7iTvf6/SsPlN2J1v+NWDEkUAAAAAElFTkSuQmCC);
}

.iconlevel-mbi-black {
  background-image: url(ccb07e990c059fcf07513be4605c0a3b.png);
}

@media screen and (max-width: 479px) {
  .iconlevel {
    background-size: 85px 85px;
    width: 85px;
    height: 85px;
  }
}

.memberLV-icon-area {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
}

.memberLV-icon-area.sliver {
  border: solid 1px #dad2de;
}

.memberLV-icon-area.black {
  border: solid 1px #9dbeea;
}

.memberLV-icon-area .memberLV-icon {
  height: 98%;
  margin: 1%;
  border: solid 6px #fff;
  border-radius: 50%;
}

.memberLV-icon-area .memberLV-icon .sparkle {
  position: absolute;
  top: 40px;
  right: 21px;
  width: 10px;
  height: 10px;
  z-index: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzJjNjUyZC02MmJiLTQ5NGItOGFhOC1hM2UxYjZhMTBhMDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MENCMDBFMUQwOUJCMTFFOTkzMDg5NEE3MUY3OTk5NEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MENCMDBFMUMwOUJCMTFFOTkzMDg5NEE3MUY3OTk5NEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAzMmM2NTJkLTYyYmItNDk0Yi04YWE4LWEzZTFiNmExMGEwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzJjNjUyZC02MmJiLTQ5NGItOGFhOC1hM2UxYjZhMTBhMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7y8j88AAABLUlEQVR42mL8//8/AwnAAYgPkKKBiYE0EEuiegZGEnwgAcRPgFgGiF/QwgdxQMwMxD4keQHkAyIwBxA//Q8B54GYkUh9RPsgH4iloGwDqG+o5gNVIP72HxW8B2JlYnxASAEXEF/4jx3cAWJxSizgBuJ9//GD20CsTo4FGkB86T9x4BMQxxFrAcjgyUD86z/pYDcQ62OzIBCI1wHxg/+Ug39AvAWInWFJGWaTMdQF1ABvoZZUATEbehD5AvEjMg3eiuxyfJHMD8QLSDD4HRD7kJNMQSnjJwHDn0AzItkZzR6IP+Iw/AsQa1Gak0HYCYdP4qlRVMBwKprhh4gtTYm1AIR3IFlgQwsL9KCGnyVBDwMLCXXTJSA+DsRraVnp7wbidbS0YB8Q3ydFA0CAAQCI+R+OAovrfAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  animation: sparkle 3.5s ease-in-out infinite;
}

.memberLV-icon-area .memberLV-icon .dimond-s,
.memberLV-icon-area .memberLV-icon .dimond-b {
  position: absolute;
  width: 84px;
  height: 84px;
}

.memberLV-icon-area .memberLV-icon .dimond-s {
  background: url(06ca2cae37e3a8b72ee90cba40d9b943.png) no-repeat center;
  background-size: contain;
}

.memberLV-icon-area .memberLV-icon .dimond-b {
  background: url(c97103862e67a5428e9e191fde8f93ff.png) no-repeat center;
  background-size: contain;
}

.memberLV-icon-area .memberLV-icon .rptBG-s,
.memberLV-icon-area .memberLV-icon .rptBG-b {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: icon-bg 3s linear infinite;
}

.memberLV-icon-area .memberLV-icon .rptBG-s {
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDZkODQ2MTktNTI4Ny03ODQxLWJkY2YtOWUyMzBjNzgyMTgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDNUU0MjIxMDlCNDExRTlCNjMxODhGRDVGQzgxMzg4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNUU0MjIwMDlCNDExRTlCNjMxODhGRDVGQzgxMzg4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNmQ4NDYxOS01Mjg3LTc4NDEtYmRjZi05ZTIzMGM3ODIxODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZDZkODQ2MTktNTI4Ny03ODQxLWJkY2YtOWUyMzBjNzgyMTgxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAZAH0AwERAAIRAQMRAf/EAFgAAQEBAQEAAAAAAAAAAAAAAAABAgMIAQEBAQEAAAAAAAAAAAAAAAAAAQIDEAEBAQEBAQAAAAAAAAAAAAAAARECIRIRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAwDAQACEQMRAD8A9FOjkoLAakRW5GVVG2bVGbVVNBNA+gTRU0AAFwFkBcQXBFxUTBEsFZsFZsVWaKgoAACiKCwRqQZXBDEDFEsBmioKlFQUAAABRBWVEAAwEwDFEABARQAAAAAAICg1EVuRFjSNRLRpi0GbVVnQTQNUNA1FWAsgNSIjUgLgi4guCJiiWAxYozYNM2KrNFQAFABqREakEakEaxEMBMBLFGbBWaqs0VKKAAAADKiCgGCGCpgGKJgIogIAogAAACA1AWA1ylVuMtFo1GbRWLVVi0VNUTRTRFAiDUBuREbkBqREXAXAMAwRmwGbFGLFViis1VQAAVqIjUgNyIjUgjWIGAWKM2AxYqsWCs1RBUAAAEAUQBAAAUATFVMBlRAQBRAEAFAaEWCtxlV1GpEtGmLVVm0VlRBQQBYCxBqA6cxEbkRGpAXAMQAASqjFUY6UYorFVUFAWA1EG5ERuQG5ERcBcBMBmwGOoqsWKrFBmqqCAoIACAAoAKACAKMiooyogIAAAACtQRqIq6iyFqNxm1VZtFZtUQVAAWCLBFgNxB0iI3EGogoAAAM1UZqjnVRiqM0VBQVYDUQb5iDpIiNQGkAEBKox1BXPpRiqrKiAACKCYBgIKCgAAAAijIqKMqICAAoCCt6jK6NQ1GpEtGmbRU1RBUAAEWCKI1AaiDcQdIg1KBqBohqiaCWgzaqMVUZqjFFBUFWCtxBuINxEbgKgAAzVGKDn0qsVRKoYBghgGAYCCpRUFAAAABARRBUUQEUQBBQVpGYDUTRo0aTRUBAABARRFEagjUBqVFblQalQXQNBNA1US0GLVRmqM0RAQUwaWCtRFbiDcRGoDSACAlUYqjnRWaomCGKLiIuAmKGAzYNJYKgqAAAAACAiiCoogAICoK0jINRBpBUFAAABFGRUagiomrAalBqVFXUF0wNA0EtVEtBLRGbVRFEARTBpcRWoK1EVqINSiLoLoJaDNoMWqM1RkDBGpAXBFwEwEsFZsFZsVWbBUoAoAAAAIAogqAiiAqAozAaRGogsBQAAQEVUqjKiKIqCyguguoauimiJoGgmqJoiKAgKIq4KsiNLiKoKgugugaCWglqjFoJqgIsEakQakBcBMFSwRixVZsFZqqyCCgoAAAAAICKIKioIooyCxEaiDQKAACKMqqUGVEBFBQEF0DQNA0DQRQEAABViK1IirIKuIq4KYggGqJoqWglqjOgaIsEagjcQakRVwCwGbFGLBGKozVVkVKKgoKAAAAACAiqioyKKMoNREaiCgoKCKIKyoijIICKABoLoAAGgaCaAKAsEWIqwVqRFakRWsRTASwEqqzQZtVUtBm0VNEUFgy3AbiDcQaRUqozQYqoxWkZorIrNFQUFBQAAAAAZVUUZAUZQUGkRQVAUBUUZBFGQFEAAAAAAAAAAAWAsRWoitwVqMtNSAYCUGKoxRWaqs2gzooosEaiI3BluINyoq6CWglVGKqMVRmgyCVWkRUGgUAAAAEBFVmqICKMgqCg0goAIogIogICKAAAAAAAAAAACgsRWoitxFaiNNRBRWaqMVRiqMUVmqqCoCwRqDNbiI3EGoC+op6IzVGaqM1UZoIoyNILBGkFBQAAARRkVKoyoj//Z) left top;
}

.memberLV-icon-area .memberLV-icon .rptBG-b {
  background: url(56bf921caa0e8407eacad294cc04a7be.jpg) left top;
}

@keyframes icon-bg {
  0% {
    background-position: left, top;
  }

  100% {
    background-position: right, top;
  }
}

@keyframes sparkle {
  0%, 100% {
    opacity: 0;
    transform: translateX(-15px);
  }

  50%, 75% {
    opacity: 1;
    transform: translateX(0);
  }
}

@media screen and (max-width: 479px) {
  .memberLV-icon-area {
    width: 85px;
    height: 85px;
  }

  .memberLV-icon-area .memberLV-icon .sparkle {
    top: 34px;
    right: 16px;
  }

  .memberLV-icon-area .memberLV-icon .dimond-s,
  .memberLV-icon-area .memberLV-icon .dimond-b {
    position: absolute;
    width: 70px;
    height: 70px;
  }
}

.intro-myInvide {
  word-spacing: -0.36em;
  margin-top: 10px;
}

.intro-myInvide-img,
.intro-myInvide-txt {
  display: inline-block;
  vertical-align: middle;
}

.intro-myInvide-img {
  width: 25%;
  margin-right: 2%;
  border: solid 1px #eee;
  padding: 5px;
  border-radius: 10px;
}

.intro-myInvide-img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.intro-myInvide-txt {
  width: 70%;
}

.intro-myInvide-txt h3 {
  font-size: 24px;
  color: #2d7cd1;
  font-weight: bold;
}

.intro-myInvide-txt h3 span {
  font-size: 12px;
  vertical-align: super;
}

.intro-myInvide-txt p {
  font-size: 15px;
  margin: 10px 0;
}

.intro-myInvide-txt p span {
  font-size: 12px;
  vertical-align: super;
}

.intro-myInvide-txt p a {
  padding-left: 10px;
}

.intro-myInvide.empty .intro-myInvide-txt {
  width: 90%;
  text-align: justify;
  padding: 0;
}

.intro-myInvide.empty .intro-myInvide-txt h3,
.intro-myInvide.empty .intro-myInvide-txt p {
  text-align: center;
}

.intro-myInvide-note {
  padding: 15px 15px 15px 30px;
  margin: 15px 0;
  background: #efefef;
  border-radius: 4px;
}

.intro-myInvide-note li {
  margin: 5px 0;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .intro-myInvide-img {
    width: 48%;
    margin-right: 2%;
  }

  .intro-myInvide-txt {
    width: 50%;
  }

  .intro-myInvide-txt h3 {
    font-size: 18px;
  }

  .intro-myInvide.empty .intro-myInvide-txt h3 {
    text-align: left;
  }

  .intro-myInvide.empty .intro-myInvide-txt p {
    text-align: left;
  }
}

@media screen and (max-width: 640px) {
  .intro-myInvide-img {
    width: 100%;
    margin-right: 0%;
  }

  .intro-myInvide-txt {
    width: 100%;
    text-align: justify;
    padding: 0 15px;
  }

  .intro-myInvide-txt h3 {
    font-size: 24px;
    margin: 15px 0;
  }

  .intro-myInvide.empty .intro-myInvide-txt h3,
  .intro-myInvide.empty .intro-myInvide-txt p {
    text-align: justify;
  }
}

@media screen and (max-width: 479px) {
  .intro-myInvide-txt {
    padding: 0 15px;
  }

  .intro-myInvide-txt h3 {
    font-size: 20px;
    margin: 15px 0 10px 0;
  }
}

.noInfo {
  margin: 50px 0;
  /*哞寶插圖區塊*/
}

.noInfo-moo {
  width: 250px;
  height: 250px;
  position: relative;
  display: block;
  margin: auto;
}

.noInfo-moo > div {
  position: absolute;
}

.noInfo-moo > div:nth-child(1) {
  z-index: 2;
}

.noInfo-moo > div:nth-child(2) {
  z-index: 2;
}

.noInfo-moo > div:nth-child(3) {
  z-index: 2;
}

.noInfo-moo > div:nth-child(4) {
  z-index: 1;
}

.noInfo-moo.friend > div:nth-child(1),
.noInfo-moo.friend > div:nth-child(2),
.noInfo-moo.friend > div:nth-child(3),
.noInfo-moo.friend > div:nth-child(4),
.noInfo-moo.box > div:nth-child(1),
.noInfo-moo.box > div:nth-child(2),
.noInfo-moo.box > div:nth-child(3),
.noInfo-moo.box > div:nth-child(4),
.noInfo-moo.history > div:nth-child(1),
.noInfo-moo.history > div:nth-child(2),
.noInfo-moo.history > div:nth-child(3),
.noInfo-moo.history > div:nth-child(4),
.noInfo-moo.invite > div:nth-child(1),
.noInfo-moo.invite > div:nth-child(2),
.noInfo-moo.invite > div:nth-child(3),
.noInfo-moo.invite > div:nth-child(4),
.noInfo-moo.coupon > div:nth-child(1),
.noInfo-moo.coupon > div:nth-child(2),
.noInfo-moo.coupon > div:nth-child(3),
.noInfo-moo.coupon > div:nth-child(4) {
  left: 0;
  top: 0;
}

.noInfo-moo.box div:nth-child(3) {
  left: 65px;
  top: 95px;
}

.noInfo-moo.history div:nth-child(1) {
  left: 185px;
  top: 25px;
}

.noInfo-moo.history div:nth-child(2) {
  left: -5px;
  top: 75px;
}

.noInfo-moo.invite div:nth-child(1) {
  left: 185px;
  top: 25px;
}

.noInfo-moo.mycash div:nth-child(3) {
  left: 138px;
  top: 155px;
}

.noInfo-moo.coupon div:nth-child(1) {
  left: 0px;
  top: 190px;
}

.member-person-hello {
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.member-person-hello strong {
  font-size: 28px;
  text-align: center;
  display: block;
  margin: 15px 0;
}

.member-person-hello .member-moo {
  position: relative;
  width: 120px;
  height: 175px;
  margin: 30px auto;
}

.member-person-hello .member-moo .member-moo-head,
.member-person-hello .member-moo .member-moo-hand,
.member-person-hello .member-moo .member-moo-body,
.member-person-hello .member-moo .member-moo-msg {
  position: absolute;
}

.member-person-hello .member-moo-head {
  top: 0;
  left: 0;
  z-index: 5;
  animation: moo-breathe 2s ease-out infinite;
}

.member-person-hello .member-moo-hand {
  right: 0;
  top: 45px;
  transform: rotateZ(30deg);
  z-index: 10;
  animation: moo-hand 2s ease-out infinite;
  transform-origin: bottom;
}

.member-person-hello .member-moo-body {
  left: 0;
  bottom: 0;
  z-index: 0;
}

.member-person-hello .member-moo-msg {
  right: -95px;
  z-index: 10;
  animation: moo-msg 4s ease-out infinite;
  perspective: 100px;
  transform-style: preserve-3d;
}

.member-person-hello .btnArea {
  margin: 15px 0;
}

.member-person-hello .btnArea button {
  width: 90%;
  max-width: 320px;
  margin: 10px auto;
  display: block;
}

.member-person-welcome {
  background: #fff;
  border-radius: 4px;
  white-space: nowrap;
  padding: 5px 15px;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.member-person-welcome.padding-lg {
  padding: 25px 15px;
}

.member-person-chart,
.member-person-remind {
  display: inline-block;
  vertical-align: middle;
}

.member-person-chart {
  width: 40%;
}

.member-person-chart .login-info {
  font-size: 24px;
  font-weight: bold;
  float: left;
  margin: 0px 0 0 15px;
  padding-bottom: 10px;
}

.member-person-chart .login-info span {
  color: #2d7cd1;
}

.member-person-remind {
  width: 60%;
  list-style: none;
  padding: 0 15px;
  margin: 60px 0 35px 0;
}

.member-person-remind li {
  margin: 20px 0;
}

.member-person-remind .member-spend {
  color: #333;
}

.member-person-remind .member-spend span {
  font-size: 24px;
  font-weight: bold;
  color: #e73155;
}

.member-person-remind .member-spend b {
  padding: 0 15px;
}

.member-person-remind .member-spend-up {
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #2d7cd1;
}

.member-person-remind-btnArea a {
  display: inline-block;
  margin: 0 5px;
}

.member-person-remind-btnArea a:first-child {
  max-width: 120px;
}

@media screen and (max-width: 1399px) {
  .member-person-hello strong {
    font-size: 28px;
    margin: 0;
  }

  .member-person-hello .member-moo {
    margin: 10px auto;
    transform: scale(0.8);
  }

  .member-person-hello .btnArea {
    margin: 10px 0;
  }

  .member-person-welcome {
    padding: 12px 15px;
  }

  .member-person-remind li {
    margin: 15px 0;
  }
}

@media screen and (max-width: 1199px) {
  .member-person-hello {
    position: relative;
    width: 100%;
    top: 0;
    transform: translateY(0);
    padding: 15px;
  }

  .member-person-welcome {
    white-space: inherit;
  }

  .member-person-chart,
  .member-person-remind {
    display: block;
    width: 100%;
    text-align: center;
  }

  .member-person-chart .chart {
    float: none;
    margin: auto;
  }

  .member-person-chart .login-info {
    float: none;
    margin: 15px 0;
  }

  .member-person-remind li {
    margin: 8px 0;
  }
}

@media screen and (max-width: 640px) {
  .member-person-welcome {
    margin-bottom: 5px;
  }

  .member-person-chart .login-info {
    font-size: 18px;
  }

  .member-person-remind-btnArea a {
    display: block;
    margin: 5px 0;
  }

  .member-person-remind-btnArea a:first-child {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .member-person-remind {
    margin: 40px 0 35px 0;
  }

  .member-person-remind .member-spend b {
    padding: 0 10px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-person-hello strong {
    font-size: 24px;
    margin: 20px 0 -20px 0;
  }

  .member-person-hello .member-moo {
    margin: 10px auto;
    transform: scale(0.6);
  }

  .member-person-hello .btnArea {
    margin: -20px 0 10px 0;
  }

  .member-person-welcome {
    padding: 10px 15px;
  }

  .member-person-chart .login-info {
    padding: 10px 0 5px 0;
    margin-top: 0;
  }

  .member-person-remind {
    margin: 40px 0 15px 0;
  }

  .member-person-remind li {
    margin: 8px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .member-person-hello {
    margin-left: 0;
  }

  .member-person-welcome {
    white-space: nowrap;
    padding: 15px;
  }

  .member-person-chart,
  .member-person-remind {
    display: inline-block;
  }

  .member-person-chart {
    width: 40%;
    margin-top: -30px;
  }

  .member-person-remind {
    width: 60%;
  }
}

.member-person-gift {
  padding: 0 15px;
}

.member-person-gift .personGift-L,
.member-person-gift .personGift-R {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
}

.member-person-gift .personGift-L > div:nth-child(1),
.member-person-gift .personGift-R > div:nth-child(1) {
  border-bottom: solid 2px #eee;
}

.member-person-gift .personGift-L a,
.member-person-gift .personGift-R a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px;
  margin: 10px 0;
  border: solid 1px #fff;
  border-radius: 4px;
}

.member-person-gift .personGift-L a i,
.member-person-gift .personGift-R a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  line-height: 1;
  color: #2d7cd1;
  margin: 0 10px 0 0;
}

.member-person-gift .personGift-L a i:before,
.member-person-gift .personGift-R a i:before {
  margin: 0;
}

.member-person-gift .personGift-L a:hover,
.member-person-gift .personGift-R a:hover {
  border: solid 1px #eee;
  box-shadow: 0 1px 8px 0px rgba(0, 0, 0, 0.1);
}

.member-person-gift .personGift-L a .icon-mbi-member,
.member-person-gift .personGift-R a .icon-mbi-member {
  width: 46px;
  height: 46px;
  background-image: url(https://www.settour.com.tw/st_dist/img/member-icon/mbi-member.svg);
  background-size: contain;
}

.member-person-gift .personGift-L .personGift-title,
.member-person-gift .personGift-R .personGift-title {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  font-size: 18px;
  font-weight: bold;
}

.member-person-gift .personGift-L .personGift-title .personGift-tle,
.member-person-gift .personGift-L .personGift-title .personGift-num,
.member-person-gift .personGift-R .personGift-title .personGift-tle,
.member-person-gift .personGift-R .personGift-title .personGift-num {
  display: inline-block;
}

.member-person-gift .personGift-L .personGift-title .personGift-tle,
.member-person-gift .personGift-R .personGift-title .personGift-tle {
  width: 70px;
}

.member-person-gift .personGift-L .personGift-title .personGift-num,
.member-person-gift .personGift-R .personGift-title .personGift-num {
  width: calc(100% - 75px);
  text-align: right;
}

.member-person-gift .personGift-L .personGift-title .personGift-num span,
.member-person-gift .personGift-R .personGift-title .personGift-num span {
  font-size: 21px;
  line-height: 1;
  color: #e73155;
  margin: 0 5px;
}

.member-person-gift .personGift-L .personGift-title .personGift-txt,
.member-person-gift .personGift-R .personGift-title .personGift-txt {
  font-size: 15px;
  font-weight: normal;
}

@media screen and (max-width: 1399px) {
  .member-person-gift .personGift-L,
  .member-person-gift .personGift-R {
    padding: 17px 0;
  }

  .member-person-gift .personGift-L .personGift-title,
  .member-person-gift .personGift-R .personGift-title {
    font-size: 16px;
    padding: 2px 0;
  }

  .member-person-gift .personGift-L .personGift-title span,
  .member-person-gift .personGift-R .personGift-title span {
    font-size: 18px;
  }

  .member-person-gift .personGift-L .personGift-title .personGift-num span,
  .member-person-gift .personGift-R .personGift-title .personGift-num span {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .member-person-gift .personGift-L,
  .member-person-gift .personGift-R {
    width: 100%;
    display: block;
  }

  .member-person-gift .personGift-L > div,
  .member-person-gift .personGift-R > div {
    border-bottom: solid 2px #eee;
  }

  .member-person-gift .personGift-L a,
  .member-person-gift .personGift-R a {
    text-align: center;
  }

  .member-person-gift .personGift-L a i,
  .member-person-gift .personGift-R a i {
    font-size: 45px;
    margin: 0 10px 0 0;
  }

  .member-person-gift .personGift-L .personGift-title,
  .member-person-gift .personGift-R .personGift-title {
    text-align: left;
    font-size: 18px;
    width: 200px;
  }

  .member-person-gift .personGift-L .personGift-title .personGift-num,
  .member-person-gift .personGift-R .personGift-title .personGift-num {
    text-align: left;
  }

  .member-person-gift .personGift-L .personGift-title .personGift-num span,
  .member-person-gift .personGift-R .personGift-title .personGift-num span {
    font-size: 24px;
  }

  .member-person-gift .personGift-L {
    padding: 20px 0 0 0;
  }

  .member-person-gift .personGift-R {
    padding: 0 0 20px 0;
  }

  .member-person-gift .personGift-R > div:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 479px) {
  .member-person-gift .personGift-L .personGift-title,
  .member-person-gift .personGift-R .personGift-title {
    text-align: left;
    font-size: 16px;
  }

  .member-person-gift .personGift-L .personGift-title span,
  .member-person-gift .personGift-R .personGift-title span {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-person-gift {
    padding: 15px;
  }

  .member-person-gift .personGift-L,
  .member-person-gift .personGift-R {
    width: 100%;
    padding: 0;
  }

  .member-person-gift .personGift-L > div,
  .member-person-gift .personGift-R > div {
    border-bottom: solid 2px #eee;
  }

  .member-person-gift .personGift-L a i,
  .member-person-gift .personGift-R a i {
    font-size: 40px;
    margin: 0 10px 0 0;
  }

  .member-person-gift .personGift-R > div:last-child {
    border-bottom: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .member-person-gift .personGift-L a i,
  .member-person-gift .personGift-R a i {
    font-size: 45px;
    margin: 0 10px 0 0;
  }

  .member-person-gift .personGift-L .personGift-title,
  .member-person-gift .personGift-R .personGift-title {
    width: calc(100% - 70px);
  }
}

@media screen and (min-width: 1100px) and (max-width: 1281px) {
  .member-person-welcome {
    padding: 7px 15px;
  }

  .member-person-gift {
    padding: 0 15px;
  }
}

/*
    .iconGift {
        background-repeat: no-repeat;
        display: block;
        background-size: 55px 55px;
        width: 55px;
        height: 55px;
    
        &-mbi{
            &-myca{
                background-image: url(../public/img/icon/mbi-myca.png);
            }
            &-sale{
                background-image: url(../public/img/icon/mbi-sa.png);
            }
            &-birth{
                background-image: url(../public/img/icon/mbi-bir.png);
            }
            &-invi{
                background-image: url(../public/img/icon/mbi-iv.png);
            }
            &-lug{
                background-image: url(../public/img/icon/mbi-lu.png);
            }
            &-photo{
                background-image: url(../public/img/icon/mbi-pho.png);
            }
            &-paper{
                background-image: url(../public/img/icon/mbi-paper.png);
            }
        }
    }
    @media screen and (max-width: 1399px) {
        .iconGift {
            background-size: 40px 40px;
            width: 40px;
            height: 40px;
        }
    }
    @media screen and (max-width: 767px) {
        .iconGift {
            background-size: 45px 45px;
            width: 45px;
            height: 45px;
        }
    }
    */

.tit-m-has-rightblock {
  overflow: hidden;
}

.tit-m-rightblock {
  float: right;
  color: #333;
  font-size: 15px;
  font-weight: normal;
}

.tit-m-rightblock strong.red {
  font-size: 20px;
  vertical-align: baseline;
  margin: 0 5px;
}

.tit-m-rightblock .btn-tit-m {
  width: unset;
  min-width: 110px;
  margin-left: 15px;
}

.member-border-card {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0px 15px 0px 25px;
}

.member-border-card > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.member-border-card > .row > div[class^="col-"] {
  padding: 10px 15px;
}

.member-border-card > .row > div[class^="col-"]:first-child {
  border-right: 1px solid #eee;
}

.member-border-card.has-border-m {
  padding: 0 15px;
  margin-bottom: 20px;
  min-height: 132px;
}

.member-border-card.active {
  border: 3px solid #2d7cd1;
}

.member-border-card.member-card-range-lg {
  margin: 20px 0 20px 25px;
}

.member-border-card.member-card-range-sm {
  margin: 20px;
  padding: 0 15px;
}

.member-border-card.member-card-range-sm > .row {
  -ms-flex-align: unset;
      align-items: unset;
}

.member-border-card.member-card-range-sm > .row > div[class^="col-"] {
  padding: 15px;
}

.member-border-card.member-card-range-xs {
  margin: 20px;
}

.member-border-card.member-card-range-xs > .row > div[class^="col-"]:first-child {
  padding: 0;
  margin-left: -10px;
}

.member-border-card.member-card-range-nodata {
  margin: 20px;
  padding: 15px 25px;
}

.member-border-card .myorder-list-empty,
.member-border-card .myorder-loading {
  margin: 50px 0;
  min-height: 55vh;
}

.member-border-card .myorder-list-empty .order-empty img {
  max-width: 100%;
  height: auto;
}

.member-border-card .myorder-list-empty .empty-txt {
  color: #888;
  font-size: 17px;
}

.member-border-card.recommend-card {
  border: solid 3px #e73155;
  position: relative;
}

.member-border-card.recommend-card .recommended {
  position: absolute;
  top: -2px;
  left: 7px;
}

.member-border-card.recommend-card .recommended .btn-recommend {
  width: 42px;
  height: 40px;
  position: relative;
  background: #e73155;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  text-align: center;
}

.member-border-card.recommend-card .recommended .btn-recommend:before,
.member-border-card.recommend-card .recommended .btn-recommend:after {
  position: absolute;
  display: block;
  content: '';
  top: 40px;
}

.member-border-card.recommend-card .recommended .btn-recommend:before {
  border-top: solid 15px #e73155;
  border-right: solid 30px transparent;
}

.member-border-card.recommend-card .recommended .btn-recommend:after {
  border-top: solid 15px #e73155;
  border-left: solid 30px transparent;
  right: 0;
}

.member-border-card.recommend-card .recommended .btn-recommend i {
  color: #fff;
  font-size: 2rem;
  line-height: 45px;
  vertical-align: middle;
}

.policy-wrapper-mobile-card + .policy-wrapper-mobile-card {
  margin-top: 35px;
}

.member-data-list-edit {
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  -ms-flex-align: start;
      align-items: flex-start;
}

.member-data-list-edit > div[class^="edit-"] {
  padding: 5px 0;
  margin-right: 30px;
  font-size: 17px;
  line-height: 24px;
  color: #333;
}

.member-data-list-edit > div[class^="edit-"]:last-child {
  margin-right: 0;
}

.member-data-list-edit .edit-label {
  font-weight: bold;
  min-width: 80px;
}

.member-social-btn {
  color: #fff;
  border-radius: 4px;
}

.member-social-btn:hover,
.member-social-btn:active,
.member-social-btn:focus {
  color: #fff;
}

.member-social-btn:after {
  content: "\9023\7D50";
}

.member-social-btn.active:after {
  content: "\89E3\9664\9023\7D50";
}

.member-social-btn i {
  font-size: 24px;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 5px;
  display: inline-block;
}

.member-social-btn.btn-fb {
  background: #1877F2;
}

.member-social-btn.btn-fb.active {
  border: solid 1px #1877F2;
  background: #fff;
  color: #1877F2;
}

.member-social-btn.btn-google {
  background: #4285F4;
}

.member-social-btn.btn-google i {
  background: url(https://www.settour.com.tw/st_dist/img/member-icon/googleicon.png) no-repeat center;
  height: 24px;
  width: 21px;
  background-size: contain;
}

.member-social-btn.btn-google.active {
  border: solid 1px #4285F4;
  background: #fff;
  color: #4285F4;
}

.member-social-btn.btn-google.active i {
  background: url(https://www.settour.com.tw/st_dist/img/member-icon/googleicon-active.png) no-repeat center;
  height: 24px;
  width: 21px;
  background-size: contain;
}

.member-social-btn.btn-line {
  background: #00b900;
}

.member-social-btn.btn-line i {
  background: url(https://www.settour.com.tw/st_dist/img/member-icon/lineicon.png) no-repeat center;
  height: 24px;
  width: 21px;
  background-size: contain;
}

.member-social-btn.btn-line.active {
  border: solid 1px #00b900;
  background: #fff;
  color: #00b900;
}

.member-social-btn.btn-line.active i {
  background: url(https://www.settour.com.tw/st_dist/img/member-icon/lineicon-active.png) no-repeat center;
  height: 24px;
  width: 21px;
  background-size: contain;
}

.member-border-card .member-friend-txt {
  display: inline-block;
  color: #333;
  font-size: 17px;
  line-height: 68px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-border-card .btn-inline {
  float: right;
  width: calc( 50% - 7.5px);
  padding: 10px 0;
}

.member-border-card .btn-inline + .btn-inline {
  margin-right: 15px;
}

.member-order-card-left {
  display: -ms-flexbox;
  display: flex;
}

.member-order-card-left .member-order-card-img {
  width: 136px;
}

.member-order-card-left .member-order-card-img > a {
  display: block;
  width: 136px;
  height: 136px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.member-order-card-left .member-order-card-img > a.flight-img {
  background-size: contain;
  background-color: #f0f0f0;
}

.member-order-card-left .member-order-card-img > a.insure-img {
  background-size: contain;
  background-color: #f0f0f0;
}

.member-order-card-left .member-order-card-img > a.visa-img {
  background-color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.member-order-card-left .member-order-card-img > a.visa-img > span {
  display: block;
  width: 68px;
  height: 68px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}

.member-order-card-left .member-order-card-txt {
  margin-left: 15px;
  position: relative;
}

.member-order-card-left .member-order-card-txt > a {
  font-size: 15px;
  color: #333;
  text-decoration: none;
}

.member-order-card-left .member-order-card-txt > a > div {
  margin-bottom: 8px;
}

.member-order-card-left .member-order-card-txt > a > div:last-child {
  margin-bottom: 0;
}

.member-order-card-left .member-order-card-txt:hover .blue {
  color: #3d4c98;
}

.member-order-card-left .member-order-card-txt-number .blue {
  text-decoration: underline;
}

.member-order-card-left .member-order-card-txt-number .tag {
  margin-left: 5px;
}

.member-order-card-left .member-order-card-txt-title h3 {
  font-size: 17px;
  line-height: 24px;
}

.member-order-card-left .member-order-card-txt-date ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  margin-bottom: 0;
}

.member-order-card-left .member-order-card-txt-link {
  margin-top: 8px;
}

.member-order-card-left .member-order-card-txt-link > a + a {
  margin-left: 10px;
}

.member-order-card-left + .member-order-card-left {
  margin-top: 12px;
}

.member-order-card-right {
  text-align: right;
}

.member-order-card-right > .tag {
  position: absolute;
  right: 15px;
  top: 15px;
}

.member-order-card-right > .member-order-card-price {
  position: absolute;
  right: 15px;
  bottom: 73px;
  color: #e73155;
  font-size: 25px;
  font-weight: bold;
}

.member-order-card-right > a {
  display: block;
  max-width: 120px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.point-card {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
}

.point-card .point-card-img {
  width: 100px;
  min-width: 100px;
  height: 100px;
  background: #EEB074;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.point-card .point-card-img span {
  font-size: 20px;
  color: #fff;
  max-width: 90px;
  word-break: break-all;
}

.point-card .point-card-txt {
  color: #333;
  margin-left: 15px;
}

.point-card .point-card-txt h3 {
  font-size: 17px;
  line-height: 24px;
}

.point-card .point-card-txt h3 .tag {
  margin-left: 5px;
  vertical-align: text-bottom;
}

.point-card .point-card-txt div {
  font-size: 15px;
  margin-top: 8px;
}

.point-card.disabled .point-card-img {
  background: #f0f0f0;
}

.point-card.disabled .point-card-img span {
  color: #888;
}

.point-card.disabled .point-card-txt {
  color: #888;
}

.member-coupon-card {
  display: -ms-flexbox;
  display: flex;
}

.member-coupon-card .member-coupon-card-img {
  width: 50%;
}

.member-coupon-card .member-coupon-card-txt {
  width: 50%;
  padding: 15px;
  font-size: 15px;
  color: #333;
}

.member-coupon-card .member-coupon-card-txt h3 {
  font-size: 17px;
  line-height: 24px;
}

.member-coupon-card .member-coupon-card-txt > div {
  margin-top: 8px;
}

.member-coupon-card.disabled .e-coupon-new,
.member-coupon-card.disabled .e-coupon-erp {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .7;
}

.member-coupon-card.disabled .member-coupon-card-txt,
.member-coupon-card.disabled .member-coupon-card-txt .red {
  color: #888;
}

.member-badge-card {
  display: -ms-flexbox;
  display: flex;
}

.member-badge-card .member-badge-card-img {
  width: 30%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.member-badge-card .member-badge-card-img img {
  width: 100px;
  height: auto;
}

.member-badge-card .member-badge-card-txt {
  width: 70%;
  color: #333;
  font-size: 15px;
  padding: 20px 30px 20px 0;
  min-height: 190px;
}

.member-badge-card .member-badge-card-txt h3 {
  font-size: 17px;
  margin-bottom: 15px;
}

.member-badge-card .member-badge-card-txt h3 span {
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  margin-left: 5px;
  display: inline-block;
}

.member-badge-card .member-badge-card-txt h3 i {
  font-size: 20px;
  color: #2d7cd1;
  margin-left: 5px;
  vertical-align: text-bottom;
}

.member-badge-card .member-badge-card-txt .progress-bs {
  max-width: 80%;
  margin: 15px 0;
}

.member-badge-card .member-badge-card-txt > div {
  line-height: 22px;
  margin-top: 8px;
}

.member-badge-card.disabled .member-badge-card-img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .7;
}

.member-badge-card.disabled .member-badge-card-txt {
  color: #888;
}

.member-box-card-list {
  margin: 20px 0 20px 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.member-box-card-list .member-box-card {
  width: calc( 33.3333% - 10px);
  margin: 0 15px 20px 0;
  position: relative;
}

.member-box-card-list .member-box-card:nth-child(3n) {
  margin-right: 0;
}

.member-box-card-list .member-box-card .member-box-card-img {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 66.6666%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 4px 4px 0 0;
  border: 1px solid #eee;
}

.member-box-card-list .member-box-card .follow {
  position: absolute;
  top: 8px;
  right: 8px;
}

.member-box-card-list .member-box-card .member-box-card-txt {
  text-decoration: none;
  color: #333;
  font-size: 15px;
  display: block;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 0 0 4px 4px;
  border-top: 0;
}

.member-box-card-list .member-box-card .member-box-card-txt h3 {
  font-size: 17px;
  line-height: 24px;
  margin-top: 8px;
  min-height: 72px;
  overflow: hidden;
  /* autoprefixer: off */
  /* stylelint-disable */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /* autoprefixer: on */
  /* stylelint-enable */
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.member-box-card-list .member-box-card .member-box-card-txt .member-box-card-txt-price {
  color: #e73155;
  margin-top: 8px;
  font-weight: bold;
}

.member-box-card-list .member-box-card .member-box-card-txt .member-box-card-txt-price > span:first-child {
  margin-right: 5px;
}

.member-box-card-list .member-box-card .member-box-card-txt .member-box-card-txt-price > strong {
  font-size: 20px;
  margin-right: 5px;
}

.member-box-card-list .member-box-card:hover .member-box-card-img {
  animation: cardzoomIn .3s ease-in-out forwards;
}

@keyframes cardzoomIn {
  0% {
    background-size: 100%;
  }

  25% {
    background-size: 103%;
  }

  50% {
    background-size: 105%;
  }

  75% {
    background-size: 108%;
  }

  100% {
    background-size: 110%;
  }
}

.member-history-card {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  text-decoration: none;
}

.member-history-card:hover,
.member-history-card:hover .member-history-card-txt h3 {
  text-decoration: none;
}

.member-history-card .member-history-card-img {
  width: 110px;
  height: 110px;
  background-size: 150%;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.member-history-card .member-history-card-img.visa-img {
  background-color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.member-history-card .member-history-card-img.visa-img > span {
  display: block;
  width: 68px;
  height: 68px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}

.member-history-card:hover .member-history-card-img {
  animation: cardzoomInsquare .3s ease-in-out forwards;
}

.member-history-card .member-history-card-txt {
  width: calc( 100% - 125px);
  font-size: 15px;
  color: #333;
  position: relative;
  margin-left: 15px;
}

.member-history-card .member-history-card-txt h3 {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 8px;
  overflow: hidden;
  /* autoprefixer: off */
  /* stylelint-disable */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /* autoprefixer: on */
  /* stylelint-enable */
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.member-history-card .member-history-card-txt .member-history-card-txt-price {
  color: #e73155;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 0;
}

.member-history-card .member-history-card-txt .member-history-card-txt-price > span:first-child {
  margin-right: 5px;
}

.member-history-card .member-history-card-txt .member-history-card-txt-price > strong {
  margin-right: 5px;
  font-size: 20px;
}

.member-history-card .member-history-card-txt .member-history-card-txt-search {
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  font-weight: bold;
}

.member-history-card .member-history-card-txt .member-history-card-txt-date {
  color: #888;
  position: absolute;
  left: 0;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

.member-history-card.disabled .member-history-card-txt {
  color: #888;
}

.member-history-card.disabled .member-history-card-img {
  position: relative;
}

.member-history-card.disabled .member-history-card-img:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.member-history-card.disabled:hover .member-history-card-img {
  animation: unset;
}

@keyframes cardzoomInsquare {
  0% {
    background-size: 150%;
  }

  25% {
    background-size: 155%;
  }

  50% {
    background-size: 160%;
  }

  75% {
    background-size: 165%;
  }

  100% {
    background-size: 170%;
  }
}

@media screen and (max-width: 991px) {
  .tit-m-rightblock {
    float: unset;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 20px 25px;
  }

  .policy-wrapper-mobile-bg {
    background: #f0f0f0;
    min-height: 85vh;
  }

  .policy-wrapper-mobile-card {
    background: #fff;
    border-radius: 4px;
    position: relative;
    top: -40px;
  }

  .policy-wrapper-mobile-card .tit-m {
    margin-right: 0;
    text-align: center;
    padding-top: 4px;
  }

  .policy-wrapper-mobile-card .tit-m > strong {
    display: block;
    padding-top: 16px;
  }

  .policy-wrapper-mobile-card .tit-m .tit-m-rightblock > span {
    text-align: left;
  }

  .policy-wrapper-mobile-card .tit-m .tit-m-rightblock > span > a.d-block-mobile {
    display: block;
    margin-top: 10px;
  }

  .member-border-card {
    border: 0;
    padding: 0 15px;
    margin-top: 0;
  }

  .member-border-card > .row {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .member-border-card > .row > div[class^="col-"] {
    padding: 15px 25px;
  }

  .member-border-card > .row > div[class^="col-"]:first-child {
    border-right: 0;
    border-bottom: 1px solid #eee;
  }

  .member-border-card.member-card-range-lg {
    margin: 0 0 20px 0;
  }

  .member-border-card.member-card-range-sm {
    margin: 20px 0;
  }

  .member-border-card.member-card-range-sm > .row > div[class^="col-"] {
    padding: 15px 25px;
  }

  .member-border-card.member-card-range-sm > .row > div[class^="col-"].member-order-card-right {
    padding-top: 0;
    min-height: 64px;
  }

  .member-border-card.member-card-range-xs > .row > div[class^="col-"]:first-child {
    border-bottom: 0;
  }

  .member-border-card.member-card-range-nodata {
    margin: 0;
  }

  .member-border-card.has-line-m {
    position: relative;
  }

  .member-border-card.has-line-m > .row > div[class^="col-"]:first-child {
    border-bottom: 0;
  }

  .member-border-card.has-line-m + .has-line-m:before {
    content: "";
    position: absolute;
    width: calc(100% - 50px);
    height: 1px;
    background: #eee;
    left: 25px;
    top: -10px;
  }

  .member-border-card.has-border-m {
    border: 1px solid #eee;
    padding: 0;
  }

  .member-border-card span.pass-evaluate {
    display: block;
    margin-left: 0;
  }

  .member-border-card .otp-area {
    display: inline-block;
  }

  .member-border-card.recommend-card {
    border: 0;
  }

  .member-border-card.recommend-card .recommended {
    top: 0;
  }

  .policy-wrapper-mobile-card + .policy-wrapper-mobile-card {
    margin-top: 20px;
  }

  .member-data-list-edit > div[class^="edit-"] {
    margin-right: 15px;
    font-size: 14px;
  }

  .member-data-list-edit .edit-label {
    min-width: 66px;
  }

  .member-border-card .member-friend-txt {
    font-size: 14px;
    line-height: 1.5;
  }

  .member-border-card .btn-inline {
    max-width: 180px;
    padding: 0;
  }

  .member-border-card .align-items-center-m {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 0 !important;
  }

  .member-order-card-right {
    text-align: left;
  }

  .member-order-card-right > .tag {
    position: unset;
    margin-bottom: 5px;
  }

  .member-order-card-right > .member-order-card-price {
    position: unset;
    line-height: 24px;
  }

  .member-order-card-right > a {
    right: 25px;
  }

  .point-card {
    padding: 10px;
  }

  .point-card .point-card-txt h3 {
    font-size: 16px;
  }

  .point-card .point-card-txt div {
    font-size: 14px;
  }

  .member-badge-card .member-badge-card-txt {
    min-height: 160px;
  }

  .member-box-card-list {
    margin: 0 25px 20px 25px;
  }

  .member-history-card {
    padding: 10px;
  }

  .member-history-card .member-history-card-img {
    width: 100px;
    height: 100px;
  }

  .member-history-card .member-history-card-txt {
    width: calc( 100% - 115px);
    font-size: 14px;
  }

  .member-history-card .member-history-card-txt h3 {
    font-size: 16px;
  }

  .member-history-card.disabled .member-history-card-img:before {
    width: 100px;
    height: 100px;
  }
}

@media screen and (max-width: 650px) {
  .member-box-card-list .member-box-card {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .member-box-card-list .member-box-card .member-box-card-img {
    border-radius: 4px;
    padding-bottom: 51%;
  }

  .member-box-card-list .member-box-card .member-box-card-txt {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 15px 0 20px 0;
  }

  .member-box-card-list .member-box-card .member-box-card-txt h3 {
    min-height: unset;
  }

  .member-box-card-list .member-box-card:last-child .member-box-card-txt {
    border: 0;
  }
}

@media screen and (max-width: 550px) {
  .member-border-card.active {
    border: 0;
  }

  .member-border-card.member-card-range-xs {
    margin: 40px 25px;
  }

  .member-border-card.member-card-range-xs > .row > div {
    margin-top: 4px;
  }

  .member-border-card.member-card-range-xs > .row > div[class^="col-"]:first-child {
    margin-left: 0;
  }

  .member-border-card.member-card-range-xs > .row > div[class^="col-"]:last-child {
    padding: 10px 25px;
  }

  .member-border-card .myorder-list-empty .empty-txt {
    font-size: 16px;
  }

  .member-border-card .myorder-list-empty .btn-editor {
    height: 40px;
    line-height: 38px;
  }

  .member-order-card-left {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .member-order-card-left .member-order-card-img {
    width: 100%;
    margin-bottom: 15px;
  }

  .member-order-card-left .member-order-card-img > a {
    width: 100%;
    height: 150px;
  }

  .member-order-card-left .member-order-card-img > a.flight-img,
  .member-order-card-left .member-order-card-img > a.insure-img {
    background-size: auto 80%;
  }

  .member-order-card-left .member-order-card-img > a.visa-img > span {
    width: 80px;
    height: 80px;
  }

  .member-order-card-left .member-order-card-txt {
    margin-left: 0;
  }

  .member-order-card-left .member-order-card-txt > a {
    font-size: 14px;
  }

  .member-order-card-left .member-order-card-txt-title h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .member-order-card-left + .member-order-card-left {
    margin-top: 0;
  }

  .point-card .point-card-txt h3 .tag {
    display: table;
    margin: 8px 0 0 0;
  }

  .member-coupon-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .member-coupon-card .member-coupon-card-img {
    width: 100%;
  }

  .member-coupon-card .member-coupon-card-txt {
    width: 100%;
    padding: 15px 0 0 0;
  }

  .member-badge-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .member-badge-card .member-badge-card-img {
    width: 100%;
  }

  .member-badge-card .member-badge-card-img img {
    width: 80px;
    height: auto;
  }

  .member-badge-card .member-badge-card-txt {
    width: 100%;
    padding: 20px 0 5px 0;
    min-height: unset;
    font-size: 14px;
  }

  .member-badge-card .member-badge-card-txt h3 {
    text-align: center;
    font-size: 16px;
  }

  .member-badge-card .member-badge-card-txt h3 span {
    font-size: 14px;
  }

  .member-badge-card .member-badge-card-txt h3 i {
    font-size: 18px;
  }

  .member-badge-card .member-badge-card-txt .progress-bs {
    margin: 15px auto;
  }
}

@media screen and (max-width: 1024px) {
  .policy-wrapper-right-content .nav-tabs-wrapper.active {
    background: #fff;
  }
}

.policy-wrapper-right-content .tip-word {
  font-size: 14px;
  color: #888;
  text-align: center;
  margin: 24px 0 32px;
}

.mg-0 {
  margin: 0 !important;
}

.pb-25 {
  padding-bottom: 25px;
}

/* tab內alert專用 */

.mg-alert {
  margin: 0 20px;
}

@media screen and (max-width: 1024px) {
  .mg-alert {
    margin: 20px;
  }
}

@media screen and (max-width: 991px) {
  .mg-alert {
    margin: 20px 25px;
  }
}

.member-social {
  padding: 0 0 15px 0px;
}

.member-social-PC {
  padding: 10px 0;
  overflow: hidden;
}

.member-social-PC ul {
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  white-space: nowrap;
}

.member-social-PC ul li {
  list-style: none;
  display: inline-block;
  width: 19%;
  box-sizing: border-box;
  margin: 0 0.5%;
  padding: 5px 8px;
  white-space: normal;
  vertical-align: top;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  min-height: 320px;
}

.member-social-PC ul li a {
  text-decoration: none;
}

.member-social-PC ul li:nth-child(1) {
  margin-left: 0;
  width: 19.5%;
}

.member-social-PC ul li:nth-child(5) {
  margin-right: 0;
  width: 19.5%;
}

.member-social-PC-title {
  text-align: left;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  margin: -5px -8px 0 -8px;
  padding: 8px 15px 5px 15px;
  color: #888;
  border-bottom: solid 1px #ccc;
}

.member-social-PC-title i,
.member-social-PC-title h5 {
  display: inline-block;
  vertical-align: middle;
}

.member-social-PC-title i {
  font-size: 24px;
}

.member-social-PC-title i:before {
  margin: 0;
}

.member-social-PC-title h5 {
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  margin-left: 10px;
}

.member-social-PC-title.ig i {
  color: #4e14a9;
}

.member-social-PC-title.fb i {
  color: #424fab;
}

.member-social-PC-title.blog i {
  color: #4482de;
}

.member-social-PC-title.youtube i {
  color: #da2a2a;
}

.member-social-PC-title.line i {
  color: #00b900;
}

.member-social-PC.instagram {
  padding: 10px 0 0 0;
}

.member-social-PC.instagram iframe {
  width: 100% !important;
}

.member-social-PC.fb {
  padding: 23px 0 0 0;
}

.member-social-PC.youtu iframe {
  width: 100%;
  height: 56.25%;
  margin: 15px 0 10px 0;
}

.member-social-PC.youtu .youtu-tit {
  font-size: 14px;
  color: #333;
}

.member-social-PC.youtu .member-social-PC-title {
  background: #da2a2a;
}

.member-social-PC .lineFriend {
  margin: 15px 0;
  padding-bottom: 15px;
  border-bottom: solid 1px #ccc;
}

.member-social-PC .lineFriend div {
  display: inline-block;
  vertical-align: top;
}

.member-social-PC .lineFriend .qr-img {
  width: 80px;
  height: auto;
  margin-left: -10px;
}

.member-social-PC .lineFriend .line-txt {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-left: 10px;
  margin-top: 25px;
}

.member-social-PC .lineFriend .line-txt img {
  width: 80px;
  height: auto;
}

.member-social-PC .epaper {
  text-align: left;
  padding: 5px 10px 0 10px;
}

.member-social-PC .epaper strong {
  font-size: 18px;
  color: #2d7cd1;
  font-weight: bold;
  margin: 5px 0;
}

.member-social-PC .epaper p {
  font-size: 14px;
}

.member-social-PC .epaper > a.btn-editor {
  max-width: 100%;
  margin: 15px 0;
  position: relative;
  text-align: left;
  padding-left: 15px;
}

.member-social-PC .epaper > a.btn-editor i {
  font-size: 24px;
  position: absolute;
  right: 15px;
  top: 10px;
}

.member-social-PC .blogArticle {
  position: relative;
  padding: 15px 0 0 0;
}

.member-social-PC .blogArticle img {
  width: 248px;
}

.member-social-PC .blogArticle p {
  font-size: 14px;
  color: #333;
  text-align: left;
  width: 100%;
  overflow: hidden;
  margin: 5px 0 0 0;
}

.member-social-PC .blogArticle .slider-arrow-left {
  left: 0;
}

.member-social-PC .blogArticle .slider-arrow-right {
  right: 0;
}

.member-social-PC .blogArticle .slider-arrow div i {
  text-shadow: 0 3px 8px #1981a7;
}

.member-social-M {
  word-spacing: -0.36em;
  padding: 20px 15px;
}

.member-social-M-button {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  padding: 15px 0;
}

.member-social-M-button a {
  display: inline-block;
  text-decoration: none;
  margin: 0 4px;
  width: 50px;
  height: 50px;
}

.member-social-M-button a:hover {
  text-decoration: none;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.member-social-M-epaper {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  word-spacing: -0.36em;
  padding: 10px 0;
}

.member-social-M-epaper i,
.member-social-M-epaper .nonOrder,
.member-social-M-epaper .hasOrder {
  display: inline-block;
  vertical-align: middle;
  word-spacing: 0;
}

.member-social-M-epaper .nonOrder {
  width: calc(100% - 60px);
  padding-left: 15px;
}

.member-social-M-epaper .hasOrder {
  width: 100%;
  text-align: right;
}

.member-social-M-epaper .hasOrder a {
  position: relative;
  text-align: left;
  padding-left: 15px;
  display: inline-block;
  max-width: 200px;
}

.member-social-M-epaper .hasOrder a i {
  font-size: 24px;
  position: absolute;
  right: 15px;
  top: 10px;
}

.member-social-M-title {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.member-social-M-title i {
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 6px 0;
}

.member-social-M-title i:before {
  margin: 0;
}

.member-social-M-title.ig {
  background: #6e2ada;
}

.member-social-M-title.fb {
  background: #424fab;
}

.member-social-M-title.blog {
  background: #4482de;
}

.member-social-M-title.youtube {
  background: #da2a2a;
}

.member-social-M-title.line {
  background: #00b900;
}

@media screen and (max-width: 1399px) {
  .member-social .blogArticle img {
    width: 230px;
  }

  .member-social .blogArticle p {
    margin: 5px 0 0 0;
  }
}

@media screen and (max-width: 1299px) {
  .member-social .blogArticle img {
    width: 208px;
  }

  .member-social .blogArticle p {
    margin: 5px 0 0 0;
  }

  .member-social-M-button {
    padding: 0;
  }

  .member-social-M-epaper {
    padding: 0;
  }
}

@media screen and (max-width: 1199px) {
  .member-social {
    padding: 30px 0px;
  }

  .member-social-PC {
    display: none;
  }

  .member-social-M-title {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    text-align: left;
    padding-left: 14px;
  }

  .member-social-M-title i,
  .member-social-M-title h5 {
    display: inline-block;
    vertical-align: middle;
  }

  .member-social-M-title h5 {
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
  }

  .member-social-M-button {
    width: 65%;
  }

  .member-social-M-button a {
    width: 110px;
    height: 40px;
  }

  .member-social-M-button a:hover {
    width: 110px;
    height: 40px;
  }

  .member-social-M-epaper {
    width: 35%;
  }

  .member-social-M-epaper > i {
    font-size: 50px;
    color: #2d7cd1;
    margin: -10px 0;
  }

  .member-social-M-epaper > i:before {
    margin: 0;
  }
}

@media screen and (max-width: 991px) {
  .member-social {
    padding: 30px 0px;
  }

  .member-social-M-button {
    width: 55%;
  }

  .member-social-M-button a {
    width: 50px;
    height: 50px;
    margin: 0 3px;
  }

  .member-social-M-button a:hover {
    width: 50px;
    height: 50px;
  }

  .member-social-M-epaper {
    width: 45%;
  }

  .member-social-M-title {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-left: 0;
  }

  .member-social-M-title h5 {
    display: none;
    width: 50px;
  }

  .member-social-M-title i {
    font-size: 24px;
    margin: 8px 0;
  }
}

@media screen and (max-width: 767px) {
  .member-social {
    padding: 25px 0px;
  }

  .member-social-M {
    text-align: center;
    padding: 10px 15px;
  }

  .member-social-M-button {
    width: 100%;
    padding: 15px 0;
  }

  .member-social-M-epaper {
    width: 100%;
    border-top: solid 2px #eee;
    max-width: 300px;
    padding: 10px 0;
  }

  .member-social-M-epaper .nonOrder {
    padding-left: 10px;
    text-align: left;
  }

  .member-social-M-epaper .hasOrder a {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .member-social-M-epaper i {
    font-size: 48px;
  }

  .member-social-M-epaper .nonOrder {
    width: calc(100% - 58px);
  }
}

.share-social a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 50%;
}

.share-social a i {
  font-size: 18px;
  color: #fff;
}

.share-social a.ig {
  background: #6e2ada;
}

.share-social a.fb {
  background: #424fab;
}

.share-social a.google {
  background: #dc4a3d;
}

.share-social a.line {
  background: #00b900;
}

/*
.iconSocial {
    background-repeat: no-repeat;
    display: block;
    background-size: 30px 30px;

    &-mbi{
        width: 30px;
        height: 30px;
        &-blog{
            background-image: url(../public/img/icon/mbi-blog.png);
        }
        &-fb{
            background-image: url(../public/img/icon/mbi-fb.png);
        }
        &-ins{
            background-image: url(../public/img/icon/mbi-ins.png);
        }
        &-line{
            background-image: url(../public/img/icon/mbi-line.png);
        }
        &-yutu{
            background-image: url(../public/img/icon/mbi-yutu.png);
        }
    }
}
*/

.mem-icon-base,
.member-sidemenu a i {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin-right: 10px;
}

.member-sidemenu a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 15px;
  background: #fff;
  border: solid 1px #ccc;
  border-left: solid 5px #ccc;
  border-radius: 4px;
  font-size: 18px;
  color: #888;
  line-height: 35px;
  text-decoration: none;
}

.member-sidemenu a i {
  background-size: 35px;
}

.member-sidemenu a:hover {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.member-sidemenu .active {
  background: #2d7cd1;
  color: #fff;
  border: none;
  border-left: solid 5px #fbd649;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.member-sidemenu .active i {
  background-position: center bottom;
}

.member-icon-user {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABNVBMVEUAAAAzMzP///8zMzP///8zMzP///8zMzMzMzMzMzP///////8zMzMzMzP///8zMzP///////////////////8zMzP///8zMzMzMzMzMzP///////////8zMzMzMzMzMzP///8zMzMzMzMzMzP///8zMzP///////8zMzMzMzP///8zMzMzMzMzMzP///8zMzP///////////8zMzMzMzMzMzMzMzMzMzMzMzP///////////////////////////8zMzP///8zMzP///////8zMzMzMzP///////////////////8zMzMzMzMzMzP///////////8zMzP///8zMzP///////////////////////////8zMzP///8zMzP///////////////////8zMzMzMzP///8X875HAAAAZXRSTlMAULEWYGBQ3KGwoBb1CgQECvT8380b8vL7I7YkGOCyagIC1rZqENzbj8rWznNuv6l2bjbnv3hXLSilKemqcmZXNA7rLByWZlQSyI9dXUeeluyQgkc4MB/49uWCQEDRxkubi+J7udlf7h0AAAcfSURBVGjevFhLy5tAFL0iMhZGshLNQkUlYIjiIs9lEPxWTRYhy5BVz///C22+pr3JHdNJhfZsZ+bMfc19DL1Gvs+qUi01oJeqrLJ9Tn8NN0sjCERp5v4NR+6kMQB1rJ2dGxAF7s6pjwpAnDrvyjTxFBCXXigXQq+MAeVN3mHZJICq3Re61gpINlaS6QooxH1C1gJYTf/M8qERNROL0k0E/UGvEfhAG5IVYQv4wUsnL6C/ksRsOmCnrxoL94VZFJKtoPj41gGIrrWUcZtATQdZlpi7zzquoxtHcmOKq5kQfY7lAI+rMJ89895c8hk9M+cLsDwLSedQhl7BQrLsOqgD/cL+Cn0xeBbSzj4S93lTgtXjpskR0U4okMAX8QItrNti/nxV3mIxEXbW+Hgyg4bw9AV6SiTly6Tfn3et0IoNX3AyXxsKEmixelyPQnFzjNB8BR22Mp4jbH4vJ2jEsoMVmThiTQINkl8G81DI17hGNfRw4RsSFvDuLlDw5GqFhkwckJKEB5XfFVATk6Z+k2ai4NANKR+xKOWxUoz6J7cbxy7RWybuDRPz+QwlMdjhJnfeYU8mSmSfOnlkIrWFH8O7aZVHCMnExYhICu6PQSJElNMeiobwBVeRBfhpCijsKWPryyxQPvLkPScBAR8ZVWx9kQU6FGdOYivEnMTM6CjhDC2dT+ddAZSb2c0qhzZGd6HtaVAeByUp7AYKcAHoTXDSALpiCSA+unSIgGLg0h0ULc0AmaVAtwKOrttcIwB6vg4pqIBrB5Qzw4xYkkYgHVggqifUaOhT+GPTNMyJwnUHnD4LrzIiAZoAs0YU009ZvwFY9M3XTVYtAMzP97Jj1APApOm5/JxbjTt0e+CCVpk0Uqkt4v2DaJe69/2+Pjxs2sfYSaUME7foyYIevjSxdHigMbW2UtCBcLgMPwdzsmKOgwy/Cmt72jNTrDgjn2aPxk7ToBdPUyYK30hi9pyssOe0NYKG0xYn0dE0HlJO6eNpSmRcIEbS8PkU9SgaLndcfEfQcPHlVmAEDbcC3JiMoOHGhNukMTTcJnHTNoaGmzbZQvpYfLFiAV+0kLKhzfAWGtnQyvb67LyBC7fXlmbfDm725ehhhxw97IOQnUW5lrHMCh7L7EOihH1I5JHVBh5Z/+kAPX6cH/+58B++OsZ9vNi/gdb8DbTmb6D/8yll/yIbg++UlUlr6mAUhg8huDAgmcgiunARDGQRYnbOlAoOXdRLqSPSCZ7//xMu1vZiTuK1fbZvvjO858v52nm0DOOBA84gDpdR3pZfY0VGwBnX5UxgRNav6pgZLtCpZ7W+ZYvYVr+W1TuAa8x+WlPDjMENzakWpmboQmw25AdMPPBG1pVeRyd1IrdoppCofKrWBNKm/JexQ9Bt3Gi6G+CM5Tp2D4YtuUlrCD37qurjPIhmvq4I/ODgX8nX7ODdqxDjcAUEi0yfuffoNCuj7PCtYo9ZAATeCtgs52pmPruKOK0Oi7ti3ARSs3UqqjaEXS4F7hZ0Sn3ZPn4xSn9F/CTfPC/YHlQcH1/73MOzira8k17GbbwS9FVfHj11X3CUu0Odqj3EbyifHcYFGxzUpA842sC7d8Z67sWvUoZSxGAvmgmJKIakl3rQUpk3tETTGPCs5xsw+Sd7dJX8QiplXslE0cX7Nswk0X9jxpuUGVMvVZhgfo0gxtTqH7pS5glDNCbxeR/OTnUplowqw4Rlwzxm56GoI9ebMqlLidG5RMt1LZEfWfyoLb44HxGWtfnGLQ+8fR64JiQ69aQNvn39dKuGSDtgKmUOBGu9BDwqN/CUoC05HanCYGHrJXCsXvYdcomoV2rWO6F9aczj1xIoUyeSJVm1eL8iyS/fr82TVJOxlJBalZTv834C4WR+cuWl5zI4yPO+sp4aocT0y8LsCNuZ/bYFVskOcF8teQngWJG0TywDLFHMDRikUJ9bURoAW/9jLfYbLFYQzks2MhAHWw/wSDBqSHeDs1+LtJrTtsj6YwX7z4c31hfExhEovxFJ87PWEPAfuw+T6I8PLPKvZ+eoE4Pgln6cv71YMQqDQBAUixRXGfEJwbTRTolvkEMUwSKBwPz/CWkiE0bIykKcTtCBPW9nZ7Zcy6ybMz6Y78NaQokon+TYFDUiH/mULV0fmv42ZF9v5Gi1qM0RN3gmBnqEzRFf0YqWTxbNhDmTH67X74EiMVFgkOunzfBCtEgosWwGbc0elU1TIUprqlCEjYjZmlyipmw5aChbFFEHDUWUku6goaRzwPho+H2KzkXDccfh66Dh8KUVcNDQCtCYOGhoTGiTPDS0STRtHhqaNrWQAUVqokAQC6mG9oJdqNTQqr2uTzuw0F4bZt+Gmn2NHjY0emgQsqFByI5lCjuWMSRa0JBoR1aFRta/Bmh/nPcvFw5YdTgWL/410MFLKa7IIldk8eeK7A1vVv2h5tKRBQAAAABJRU5ErkJggg==);
}

.member-icon-pass {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABNVBMVEUAAAD///8zMzMzMzP///////8zMzMzMzMzMzP///////8zMzMzMzMzMzP///////////8zMzP///////8zMzMzMzP///8zMzP///////8zMzP///8zMzMzMzP///8zMzMzMzMzMzP///8zMzP///////8zMzP///////8zMzMzMzP///8zMzMzMzP///////8zMzP///8zMzMzMzMzMzMzMzP///////////////8zMzP///8zMzP///////////////8zMzMzMzP///////8zMzP///////////////////8zMzP///////////8zMzP///8zMzMzMzP///////8zMzP///////////8zMzP///8zMzP///////8zMzP///////////8zMzMzMzMzMzMzMzP///+T/m62AAAAZXRSTlMAICAPEMDAcLBwsFCgYFBg0NCggICo/Ub56s02NjIC+vePGhr2zAepjirx8OW8KBQUB/zrx3NHRDIu2dNVxaZzbGckC9nTx726nZOEZ1lUO+PEta2EQTsitJSIfHhkW08/zoijh0c9PVAAAATMSURBVGje7JdNa6NAAIYHBQ3EHAodBFFUhEBEIfhxCbkkkFMOIYEeSqGH7j7//y/sdoay3WY2Turuslv6HIyZyJPk9XVGxSWKWRC1QBsFs0K8k6nHa7zpeyR3N8Auf4ydwokf8x1wc3etZH4PWb54NbLIM7ifX2VZHkEWb5OS0C2vsezI1obxdcbuCk9NGes9xw9qb5KvXf02LqmtLbekB53HCTTZvf4Vh5RbS8sixVc7fQrR02bmBxW0oRrzSRd2GkmnXnPwkpcOrUh1Wh3SyuKA6kcP+x+j7olMOe/AsdE8EKk0m59TmB9ZqdZEPNhoOnp99OlNbUo2Op3Opr8Ni+cwyJyzE7hSZ4DGossJqa5OcHa9N6g2pSTDmlB957IxHFvrzFeEw5o1kdpWpvBrndp6WDPD+77dm9oRarfHzFYj+WqoN9mVmgm9YU6F+bUaX5zhgvup+dT8Dc3p9ownW02x71q0xozWtN2+uGDxM0Bp/MCMvqaAzP+lpYdoc0i24jLb5LCJoBdmFg25sCWnWQgjAZ6wxyMQRiqmzyvDoz9EqNZRKrMGnlOpGULHsgWzRq2qS5gM0KlJ37mg0Z8OMOXmv9e4ifsbNElJmYzXSFLkeI2Hh/ep+YOaTYpHuhmpCeEYHiEcp6mRqjv1OE1JrO5Oy3GallD9tXacRhItxTJCjtNsS7JdRrkdecLjFbCKx883yTT5h2a/D6CZpwzjDWpE3zBEe7ikqfR17DpDzF+eioxIJsKeCVIYicG3tvgQCzM5yLBwhylCCfmFOzF7tMVM/KXChkrGwp5v7Zdda+JAFIYNmAt7YUsLQ0LAi5CQQEDxxg+CH6D4hYqg2FJatDfP//8JayYs29XojM3usrv4CjljTng8eXOYE933R98GbH/67ha+pkrZFPyQMMuVL1CaD0AcLhzDNZxFGAMPzWsh9Rl4s+qnM9WZB7P6VZRaB7rusVNd6NSuocR4i4zzC49Yn1MZEznp0ug/Tsy7cFlMvzoRY22jn7C2qR8vSCU+pVVsLZ40KVWLvlz0LPBf3+9L0xXY6WPqY1X1MAEdGUMwW997aIi1lMsOgRbFEOyT+Mbn+gcvWJK5Rxh6zvjSTfGzC3WTWHaNr+fOiF569ctR20TMk1hipNO/gvYh7PCMkzKHSWgjNHq5jZV0xoTpccYVOIndFm01piF/syYyrp2wScKQhhqzxJdH+zT1xjh1banG3GMejhuCrEJXSTC518UEvGbZ5l2JuaN3mnKhfi2mdJoqQvGGuWH+BGbydKJXXYy7GdmkmGylGHu0cS9Q+h4gMf3HbA0kBvD6Zyk98Ofb9rOi5Of2du5D79yYE4QV3fkcIs6MvSlmQV8m0+zEil0yGRYlleQY3rHKxggSVyao9ZY4hMjGgHEYCXCn0Ehu+gacx8isQmUe/nnMoDX4BZhWRNTKjwmwCPJjTA6fG+Y3YuYWJtY8J6YJnUYHmvkwY4JKoRIwzoeJcJJOJsqHsWnKW7PzYQI+aoXaB0E+TDXCiz2ias4H7gyB2Mm/37TKrb9o9/sPMAMLtUwlptATqGTvL2FsGnKgGCrV039Fdjamy7qgrzXd7IQDJW1KCZwzqRDWDbeolttYQ3jhTUxbF9/vnK6Njuzu0R19A/38aZ3e6FUKAAAAAElFTkSuQmCC);
}

.member-icon-friend {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABRFBMVEUAAAAzMzP///////////8zMzMzMzMzMzP///8zMzMzMzMzMzMzMzMzMzMzMzMzMzP///////////8zMzMzMzP///8zMzP///8zMzP///8zMzMzMzP///8zMzP///8zMzMzMzP///////////8zMzMzMzMzMzP///8zMzP///////8zMzP///8zMzMzMzP///8zMzMzMzP///////////8zMzP///////////8zMzP///////////8zMzMzMzP///8zMzP///8zMzMzMzP///////////////////8zMzP///8zMzP///////////////8zMzP///////////////////////////8zMzP///////////8zMzMzMzP///////8zMzP///////8zMzP///////////////8zMzP///8zMzP///+ziaS/AAAAanRSTlMAgID790Jo90Es8vrveBSyeBTv2dJpNwYG61tPNxrx68qz5dqYi2FbPSwq3tO3rDAwIB0NAuXKxpmRil9XVgzexbCln5JwZlE+KBkPCvSrooaFTtfQwbeOSSchEQrApn1tSp9xY0U7NTW8Md/A8AAABgpJREFUaN6k173OokAUgGEoxADjR4ExRkKgQGJCIFpQWGiMVsbG0kITExvz3v8F7CrZXR0FhtnTGDknDw7zc8SoD3tQ+H1ws9y8G5oxtoa8RDY46CirEiDKE9NcehmAuI67Ij/ewzjaf74vBj4QL7op+wyc2/nt2qQEMeui2BHkoXx1vYN+T10JS1h+S1zBmSszF5h+z1iQrRWVG3h1uSkkipPkEP3ULqYhqA3rCKv67BwKFeUsGDblC1iorF5Im/IzGCgwO9zmzVOyUWB8Ls0FCe65VVnDtLnCUpkrG9Lmih4ErcystWgOqT4j/97WoklzxQhW7VsBzNaFpXDqCIrWzfLTzuREzQUxmdEeV2g84UK1oyJs2cImKB3IHtj12YPAN1TiTtOuSmBiKMUWbnW5E8Sqra7EPdX0L4Gr3Bp64PS+KiVYhnJY4H4pPwnpFFFw8BbSWBM6KaFd3dhNXiZ+cRTQtx49ZqRiDIb0g9+fBYC/TGf2fjSZxgCbB3vOEdteyyQtXaA6+3sX3mK4et7mCRI3QUEE+IkL+eIxMWZcqeBP71WFgNhzgd2hvkFXt5mV4JjrZ/ObnyZpcF9XBfMc2I2NcNoHf1/XoXCsamwFEB3fp2oceDz46olvILK/KUvI/iYCHyA2T2FF2JOtANiGL+Xlly6cQha+3HsyBIB+5vuRC4C7td9PwXgsKwsHIQ12NPX5F33POnxsYVNmiq/nfRjckp1X7KbpaP3ZYH2EdHUOntE1ekn4OUu28d+x7pMbnWOykZ5WAKvuCsTvzhIOGgoM3zrfhqGG4m4kp2SroQRj791xWWoohiE5YHZSrOolRHbA1FFkB0wdRXbA1FSq14hYYlQV+bvM6CsVo6lcwZlJM9VdGfxWRobE6Csyo6+oMxHOrFZRZ3y8D0WD2bCRFR0mx5cULWZLJClazBJXUrQYE3r7n0oRlSIxF7Mt5s+VDyCymr8TgvZIq2YAUKMYK6HEnO1ZkA6OSZF3arG/Oq+j1uRhKADDYnrhpSsMKcig7YVYBoJKW1QQQZ3IVNSpbIIy2ZTx/v/7r1r2bWa1TXuubE54apP0JHWK06UGomvmT7mMURq+8Cu6xW0WpWMBGGs/n+/3ugD6oJQWuesB1rz6ff1WtAH3LZ3y2oWHwfPvpmbFAn2URqka8DWWWxsH0ArqytiCTTMiMYBJTVVprqAVnboHu6HIDKB3K9cCX3GSJlh3NxfTC6g9Vgs6t7M16Kkozzovcfkp1BWYJ/iIy4+gqMAcEPFzYeEpMDar+A4+4jl5aKAV32OoMldO/NAEUYBFInOEp/geNWgnMqNExlFhqlCJ71GGTvKrAPuEsgjHXGIYTOM7zOEumVljNGM7eNhqZSK2wtWhr8DUBdOEZ1IqyD1wbme3OsucSpyIe6t8qOSUYgeDW7l3cJuKVdRCvN/Yv3Q05a3hUzApRCoW3OeUYwhiGPFEelhFlONegPkmzZEPbNSNuhPc2ADhV38a3+Y6aOe/WCorjPF4/4j2FFg9gGW/PXKccqXlAnjOuTyu0XeFhEnqCyCs/YUvruKlc/mrbnjxGbe5GIDta7A+70VO3hWEsdycwh46eKYAZtuY/RIvuM3Rgsm+canwtfd2e3FqhB1qa+BQyo1bGtivkUhzBpPhz1nLmF9PVWlhAg/7cMRXYFSjmD50/ycWNoCb/xyHRLWyMwBm4++b9sGK2IXbgfKrudR+5BJad2kbIvy5c64rhluSlfoEXXrY8sbmJzRzKA3qDPIyM42s9+PFoD/rTQ+tj2Pj7wZro0utNTBzaaPgy8fMGTi51CG/FY0J6/RKxWtIyxc66RWBe+30EdsMCjxe7XwrHjMowpMci10GZVEyrx3BJrWiBYclyYF8KmUowo8QyUnJ3BMqshMwWRTZCZiMSvgZ4UqMqiJfy0x2JWQyKgN4GEkzlV4pBkpZXjfZFZnJrqgzRjAOMYoqY2PGKMqMhycrWRiTpaRkYmYYkpKJ2SAkJROzh8LrXfOi6KEiMat8UtQu6wZA7944TugkR/v8KRVGtBLkdSXmuTp6+ijO/enXX+UfhbAp2sVl5igAAAAASUVORK5CYII=);
}

.member-icon-collect {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABIFBMVEUAAAD///8zMzMzMzMzMzP///////8zMzP///8zMzP///////8zMzMzMzP///8zMzP///////8zMzMzMzP///8zMzP///8zMzP///8zMzP///8zMzP///////////8zMzP///////8zMzMzMzMzMzMzMzMzMzMzMzMzMzP///8zMzP///////8zMzP///8zMzP///////8zMzP///////8zMzP///////8zMzP///8zMzMzMzP////////////Ly8v///////8zMzP///8zMzP///////////8zMzP///8zMzP///////8zMzP///////////////////8zMzP///8zMzP///8zMzP///8zMzMzMzP///////8zMzMzMzP///9H2lsjAAAAXnRSTlMAUFCwoKCw4ICA4GBgIDAwIP36EwUF+cWMjEc3Fem0mpmHh3JURxr06MGoe3JeKSkaEA0JAe3d1dXGvHxUNx4C8+3Z0dGrpGNjQkI0DAry4di5kpJtbV5LPT0J5GlpZpJ3BAAAAwRJREFUaN7s10+LgkAYx/EfGkiwEhgh4kFIrQgkEASxW3SIoFNEFOzv/b+MjSlop/zz2HbYwM+9LzPDzEPit9GMYrMRqhhswUAVkytDaEUTFSZkCKGQnKDcks4QQkOHS5SzOFeLSr7q+biY00KpLRnjomATG0BMbvHs3h87rLdOb2uv2G0fLfTLT/KgFitnkwc8W7NAKwXXeOKTkdqbazXK1eFGpI9HATP1SmIK7NULzBjgwW5KD8qm3yi8nq3H6Q66hFygpQWZQOfShZj+Iz28QWsbfQtqm+n1jAJT4rqZVB2oNvYCKDFFLCjBfQjqV2A07klE+mW7MZnjJTlNwdgTDUHZ2JMPQf7J+zNj40VjLWPgRUaX6TJd5uMy9qDS4izNRBZrTL2RKJOwgSnJnDPmsV1p0CNjQeZE+qhjcS/IHMkJ6rjsCTI26aHGyWEoyGBOrsxKrsNsKMmkBWvNfOH1O3q9SsF3+qFvqst0mS7TZVTmbf/S/+mnx0/7ddeaIBiGcfx6DhqxYEwIESmxQykiUYqgV6JiFL0REWxwff9vsXrYDiy129bBAn/H8SeV50J/lasUq5aRRDEDhSQON0poQwcJWgYbEGrQaCFenWYFQhWTdcQK25zqXxxK6fo4mbIdIs4HaePE4w3GAIBNfiDOjOshTmom002WAIZrzhDDN1lEBkWaPq7t9Z+VGxjc49qEW2Sy5QRXFmRPPyfv9aaOvrk9coFLLsf6lNgU2OkTOKaLC8GKFs6G8+JN9QrOLK4CRJXIJjJqkiVEeewisy69q/Acmc0vL8HiaImzwH2RKOFsOaJ1MXsuNJsin9Dc6Agqsv8TrBUketD60RF02MFdOnQEsycaQdnsyUeQf/L4TE3dqRbJKNxJ5Zk8k2eeLRO+vyVqBtJM75UpRlZZlDnwBkeSCcbs2O+J3makLcgcyQVSDNvcCTI22UKaLguCzIC0QiQ7GmwIMpiSbeclSddg1ZdkfI+pqn1IMgiVVUjkfvnPeabyTJ7JM3lGUw97S/9/nx7fdAOiIHY/vFcAAAAASUVORK5CYII=);
}

.member-icon-view {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABFFBMVEUAAAAzMzP///////8zMzMzMzP///8zMzMzMzP///////8zMzP///////8zMzP///8zMzP///8zMzP///8zMzP///////8zMzP///////8zMzMzMzP///8zMzMzMzMzMzP///8zMzP///8zMzP///8zMzP///8zMzP///////8zMzP///8zMzMzMzP///8zMzP///8zMzMzMzP///////////8zMzP///8zMzMzMzP///8zMzMzMzP///8zMzP///////////8zMzP///////8zMzMzMzMzMzP///8zMzP///////////8zMzP///8zMzP///////8zMzP///////////////8zMzP///////////8zMzPkl4JPAAAAWnRSTlMAUFD09Aa4uCQD+/sXBpIjC+josrKGa2sM9/cP4uJW3dvb1NS+vqelopCFdHRlX180NBcQCjjOrq6eVzcqJhjdle3tzbu7qIiBgWZkWlpVQisVFUPczsLCm0wzOasvAAAGtUlEQVRo3pSVUauCMBiGd2BjgiAigaCoSEgQRdRFFEUXQUUXh+DcnIvn//+PwxnZTDPXe+Pmh88+v3ffJt5oGQe6jCTIqNRBvBSf6yceSVqSo/jnI8jXyMcoqjbbINhuqggjf/TlylCLEkDq2S61b9PdTEuAcqFcKHlmVs3ViwVyk2WWD0K8CpCXVV98dZFA5b2nzCUk0/SpTvBUj3SagJy/gYQTQJuVuhgrTwOTsI9yWENil+libNIJrA89ZSlgvBcuGLEfQ+G9pGSgQ+GGEaGG7AXnUMBECVeMUBMoDh36GiZCDGOsJrAOu++0+gyjdGflOYwNOb85Y0Q4hidjPUmyNxQ4uR8I+wTZLHNVY28AZ8+VM4fKznLQ9+EJwA9WjhwN+aNWGUmdwBIjeQ2dMF5CVjuzgOkjcIZgDESxcuFMYXEflsjU8n3GapEBxbcDJpWUD0cvwir456vZEVjfhjmXej+M8JsVXUkyZY4VXNxf+YzMHWCeDV1hZrps6w+7b7L4vy9iyJ83Z8QxNaP9xsH9HGJDky1PYuvc7nfQfSXN30h0O1CQHB4tNei+Rpr9NmsHvmFrZ0Puz2ApYth1Imt8e5re3dd9mB3EIoC0E7nBpnOp9OWTQiA0kejqBLt28xR99YnQoqQSXS3ht9M8cQ+mohQRm1ehc/vMS49EPb5viIQ0pnzVanZox5CrnTU/2CIFBEIIaj13aFMqQ9r93PwggDam1aFNLSDow/T9lO1Qqz9ezFgFYSAIoggKgYAEGyu1sLXRQgyGFEICVilTzP//h03wRfcuJyxxylRJZt/u7B6VZ5GPiv1iCEULqY38YmO4JRT10jlseLD8IDT7LvsmUn4WBgg1yesmdUEYQDM8hfQ4jfyqcl2DaNIogu9zkLQb1U8JoR+NgrYV1Gq7kXR810ENoeO2RRONqXguJfX3AKE0UVp6XJd1LulWQahp6QyYKWWtpLysIdQMGMbdlM6NBvchlHHH8E2quw7uQyjDlyiAEu6vIJQoQDBBCffXEEowISahhPuCUGISoQ2l3FdjQhsREiXdV0eENIEWJd3fE2hNvP45pXd7E699YX+G1cO/CPnXMv+S6F5Zl6ys3gV6tnXef1zwnzrSh5eCp4U5vPjOQP8/SvlPZOhVixm1Jg5EUXhwYCAhEoIYDORBREQRJFBFEESLPpS2lC62pf3+/w/ZbRp7Y8bZZMn2vFQ7ery55547d8bL4pkZRhp0NDSzOPP+neNX3NNUoHvxr3+Ko9PzyRGN19PZbLoeR+Twe52mMXUXQwBt5quB/HewmhsNMFx0m7Bs0vxXn658uPuUR5luaknCMaD7gWs96GtgHP6d5V5D0r9RJXSgU35/009A3ys3llPAbJVAaErYGmC6dAZ8gORBKReN4CGBQ+BIywuMnlUTGvU8gl14lSUFM1DNaNTAQHqFJ3iBSVfV0Ai8CewCK7sHmHiqEY3wHKp5noLpqiY0wmNgWqkXGOV52ZzqaASDEdxfpFeTPOcscMxUUzwn6HKax/BVLyeAiSzV4AHGJTeCKV4eAfx90JDHwObbuCnJ2QEZOfTdoBHNNiE9K7OA/vfCBPYjIIobtZU+LArhhmjxdOgz8hYpsHtU9bjRDL2zon0l2H/yL+e3wOupSThFPfTwg7IrNOmyaCsN1A98evke8PVXcAfz/APvfp36RRSf+0UMT5fFGXF786XDuoH6TxDnbLqiSSzJWr3Vqt/Vn0/jaUx1YUfyHcFHrfoG7akM5tWFR3gXI9epP4dMxbCyVl7xpbEX6hsXzQpiNQP7yU+wtjYVVzwDmClDpGwcqzGGCTtXfiKMGjJWNjJ4s6o1dtCMGaroMnxxKB+X5rklcui+JlI676edMy4cWhXkTt6VvzBFK5j9ecUZlw4tY5mipZ7LX5jBVRpxaBkL2LtoHA8lDhV4I/zQ8VCuFItDBR8wcaTYEtx2qOANMofg5fKzHRpWy/7oKD/bDOJQa/Jaw+m6GcSaNgxwOy/ptfV5vWrNolG44tkB6ULq8B0erzaKvG050Y0jYPTti6BwqNW2pIk6dL/TwNuq5FC7iUpLdyPY+8B6Kw61WrpsMH9DOAH890Acam0wxXZXg+xIob44VLY72XxrcXot1BeHyuYro4CgRn1xqIwCMpgI6tTfw8QaTGRMEtSoD2TWmCRDm6BOfY7W0CYjpKBWfU4yQloDraBW/Y0MtNZ43XhKX21kvP6BYb/F0aP9Qegl+F/HsvaHxJew9ZFVwyH4sQN0++N8+8uF9lcd7S9e2l8Dtb+U+tkrst8/by83NRZlqwAAAABJRU5ErkJggg==);
}

.member-icon-invite {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABQVBMVEUAAAD///8zMzP///8zMzMzMzP///////8zMzMzMzMzMzMzMzP///8zMzP///////////8zMzMzMzP///8zMzP///8zMzMzMzP///////////8zMzP///8zMzP///8zMzMzMzMzMzMzMzMzMzMzMzP///////8zMzMzMzMzMzP///////8zMzMzMzP///////8zMzP///8zMzP///8zMzP///////8zMzMzMzMzMzP///8zMzP///8zMzP///8zMzP///8zMzMzMzP///////////////////8zMzP///8zMzMzMzMzMzMzMzP///8zMzP///////////////////////////////////////////8zMzMzMzP///////////////////////////////////////////////8zMzP///+B7yKIAAAAaXRSTlMAUFAfIOHg+8+fcQQD+58KW1sM7u56jHkb9/Pzz69wSCbctad/SCT31bywi2wQ0rWZgBkPCAaTk4c96Ojdx6loMTHDwZdraFRUNzcsHRXl5ca6hjwsyaSOdW5hYUIXEwzWvJzaQShEP+JzYa0qAAAGf0lEQVRo3uxW26qqUBQNSdDEB0PyQaS8gAoGIoGFSNRTVJs+oH5g/P8PnHK687Jmu1PncOBA4yFzzeWYc83rGnzwz3HJFRswy+X+D0gMF3co0zdJshjASR0Zxsg3Afjjd1gOp5YJi5thUfY6y7AArNb7Igei+assCwW61F0aAc6rNBaw7q9NgF3rdWz4kWkqqqQ9ZJnbjGYtgtt8kpio4bbIhQPMxNUpMP02xQNM1Vhdzn4IpA8MKuFxyy782nVbYFI7PPNBywLGOnlG9I5Mf/JOABIg4bZvgA23vgOqHNwD5/b6EnY2YJ3ApsgeGN6ePrbd9JCxZLZLRMNZeaAz9yosgcxsX5FWzsqb8RfYvdAcgaO4/dhEtqc0vD3WUPoSGytmf4EJR+ORT0aI+xKZ1auiYDIq06laz6I1IVa8cxIubfSMpOGiK5kBX5z5McyjECcdKsXXxq5fyRHftHSU457fZZi1SrV3qrEJ62Fxlh07Z24Tvpne/UyFyeYZdZdTY7q2ttsdKKCXZqvxU+eCksyqI1ouELa2ag7gD2uXbVGXAo9VhCtsWQ5xxfbQaWEpoMeWcQ5KNE2bh7bbgqA7QnZJEWqUz2fhfJoEwfoyZkfqJFYUL9gMPngbX5KVqxXyYHcUC16y0qssDYzZDxyWgg4iK2uLR22xvOSZ5pMq58wydq6IywJXhPn8LrYBFF66DILccQFK6j6kAtA9I2tpNxwdKHZU/wVwCg7N8dYKYCdMWUIVzDymADVXzYPeE08jwFl0asAHXDbB9y7ga7cG46LUepUzAbbtbE+B+EH7GMdATp1Q7LKGDq/hXoPeWGhePXeXTKeSWh1jFkIh23h7FNjD2/OEgGuZ+/sssvkcaNQ49Im5YCaBch8to8GPCIANtXFD1KGDLiwOTqJj+mNApUh4ojClufrV6/l8s7cX1YUgFE91oEuEARyf0Wxo0mjswI2qRFCF8cegoLjGnBcn1T1QQfqcxqNY5dxeo7LDFDQwyCmsCWLuXmdffylHnyCAS4oVJq2AikZ6TjOCTLnvirLhGzTyh+b/p1lKT6F+05yGAlZE83uoaTj8PZoPPvjVbrm0JhIEcVwR7MvgDAwDzjDkth4UHIbgHEQk4ItcxLeJYHzktfy+/wfYaOvqTPfETXb3sEv+h0y6qv1XdVV3Vf1/MF4i3wN7ULn9DRarwU/43z5JUmwB/cKVZd01bWC2+gzLpL9zwZCL2s6xavHjLLk6wjFOazOC6vVHWWo+IhsXXUH5ozQOdJOyCvTOlqbVXNt2tZA1UlmuPY3lWpXG6ScdmwMaZ+TKAZ5V6Tc4pn0VgF2wXl8WTRfaKQ4NGOrEDWaHA7UQlUPAizOkWIEpZGTU6HyX/0SxBHTgXrf9Bm508h7sXbiFRZzeK2a0QXjQ0dxCafdt0op7n2ek2Z6Fa62XMvIrl8QLuyev2T6GnI7mBXbOP+HVEnceNKfKcTSXNOruUttlmtR4jDX768x1NAEDeas2SU1ea7dAvaZKlwJn913gJ1UuY31wOqp0jihKrWvGNSVY6txvYReVPAkKMr8eveRLXuuLlmCasFjMYy+PZ64asZds46Q+zsEy5nfjlL5ngRMPpZ1W0ebQP7ludL3zChSeL4wKWOmVS0C1U9rtmzgNcM+2GmVo5g4ha0Elk47XNYCXz7sArUmshLVBbBxrEU5BOO93u15LsIcoK7cru+aAweVe+PCtE4bdJ1Nn5Kky9P0gvMl84dNYZp2osEfk9NSyVMw67TddO7RK7+TozieGqlNMVedHeqbruQtgTzflNwwHdQA3ejiqKx5QD9qjMIzKj4Bo5jQ1vQ4isM7ML62ygHpPvv869J3J6XgdH7x7TdNnq7iZ2wpkcTUCxHOiJ62hacau5wwa2gt++wgzY9diHpkm+natAq1znjYMU8rHagjR/lm7apW1BMGJuwtBLXV8Cg59d6SpVFlxap4lF9/MpML08XK7b59QUd7BMRhDvPTbJM00ZeuzVWvDY5Eew13mXYRy3DBtLNWGQA4sZfq192lWNgWZiUBVbmVffYjVfD0qeOZ+IHDVU03k6GLBxSH6RnaamsurqqzSkY0scxF1mdeNLorzfQKmtC/TBHLajdiqOmvvh83VZZoIX6Z8o5vrvLe/sLhME9KQhn3NtYI9TfYyzRV5OSE+qrrcJ2jyXzT/Ps0oexHbI00/p2AsaX4JRxod/hzNF/46fgCIZDOPReREcQAAAABJRU5ErkJggg==);
}

.member-icon-coupon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABI1BMVEUAAAAzMzMzMzP///////8zMzP///8zMzMzMzP///8zMzP///////////8zMzMzMzP///8zMzP///8zMzP///////8zMzMzMzP///8zMzP///////8zMzMzMzP///8zMzMzMzP///8zMzMzMzP///8zMzP///////////8zMzP///8zMzP///////8zMzMzMzP///8zMzP///8zMzMzMzP///////8zMzP///8zMzP///8zMzP///////////8zMzP///8zMzP///////8zMzP///////8zMzP///////////8zMzP///8zMzP///8zMzMzMzP///8zMzP///////////8zMzP///////8zMzP///////////////////8zMzP////Vq4ZiAAAAX3RSTlMA0xUV08nJ3BwPDxzciIj7+kJC9/ZOTr397+7q6ufY2MO0tCYDA+e/sLCpqcS8k4JqaltbPSKampR5OiwqJwsLBgbSz83GjoyFgXBwYmFUVDQyIRni266tn598d0Y+EiyG/J4AAAO6SURBVGje7NPBiqNAEIDhTkCUHBQRIoKiKDlIwCAGQphDCARyCCFhDgNz+t//LdZJsxTM7kEtD8sydbC6W/tDqy3zL8fZe4bdzT/UTp5AkFw+15vhu9/bo38oHTfhz4iXQ5Uu4Huki3i7reMMWAx0PKsEWb+1ObaPfSUbn/lg5w7+s1r9/eZyMdS5QfiVlc4O3ozeacA+telKN71c36c5W9i8jv2CrfVxklOQvg4sBRZFAuymODn5V4ohrozZtBHsJzgpRX/dg3N+zR9QTqgzfPRXX47dITiNdpZwMFJoK1ZmrFPZkn4Q/GZ2wgx39nDr01UKW8hHDXce0PUphMK+zhri8f9zC6EtLKXX5y6yCyOdI7alqgSCosyA64T+asB7Dd5cbOym9OkWznZ0bos0cg/S7mOcmOT70hRngWtmcDIcM4MTUJoZHKiNzhFG70TEZgYnJzMzOJ8QzuCE4HpTnZXMa4XjiLNy/ifnNI/TmBmcjMTM4JRg9M46IDc6xyrcjc6xim+MxhFF44iicUTROKJoHFE0jigaRxSNI4rGEUXjiKJ0wsgqCkcUjSOKxhFF44iicUTROKJoHFE0jigaRxSNI4rOEUXjZLV0o8bBKqo4NSn53fzEr+7prkVVKArj+IYiiAokCkRBEMIiDEQoIiqiKCoiiDPDDPNy+H//T3Fqe7Fgzlyoy5uZ58LlC/7QvdeqIpvW7SM9H2ejfeCB6+1e+wOTO9PkvTMLG22P/zP5m1dJHb7E9evD8Xg0jIB6LZ/SyhQn2k7G87fkuljJi4sgt3OBzm3V/P5hrZ7XOUP3UZXOCZZG78zhjz0ZpGHb33Wm5ZwxDOy277Bx3ks5Q3y7YT6429gDTmWcgCDTGE6NGSQ9WJRwfOJHh0BjY6+vEJZYZ5eX+7Ej297AWRd2ajCzC+3ahc7ElSnqLOF4Ly/CHIXJ73zC+V4O8GmyxPJT+Z0rpPfShTj7nD5MivdzAh+Puofw0c1pTxa7gPMGN9vEHjhx+AQcis+XjNSyjY17KjOnY9hkZ5tk6PeeZzLuRZwJ3tdbZZwtz6YCJ2JvKnAcQlOBAyOjc4TROz1pfY0TEJkKnFfoVuB04alV1mnK9QjaZZ2GOM3Gb3LW1ThzU4ET4ZkKnBCM3um7BEbt9B24mPKOKB1jNI4oGkcUjSOKxhFF44iicUTROKJoHFE0jigaRxSl0+1ZReOIonFE0TiiaBxRNI4oGkcUjSOKxhFF44iicUTROaJonGgk06hxsIou64NPcDE/Jv8AfxBQsP/QbAQAAAAASUVORK5CYII=);
}

.member-icon-mycash {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABR1BMVEUAAAAzMzP///8zMzMzMzP///////8zMzMzMzP///8zMzMzMzMzMzP///8zMzP///8zMzMzMzP///////////8zMzP///8zMzP///8zMzP///8zMzMzMzMzMzP///8zMzMzMzP///////8zMzMzMzMzMzMzMzP///////////////////////8zMzMzMzMzMzP///8zMzP///8zMzMzMzMzMzMzMzMzMzP///8zMzP///////////////8zMzP///8zMzMzMzP///////8zMzMzMzMzMzP///8zMzMzMzP///////////8zMzP///////////8zMzMzMzP///////////////////////////////////////////////8zMzP///////////////////////////////////////////8zMzP////xFTknAAAAa3RSTlMABQUwCjD7HiQCFfvloKAj8sIbDO7u5BDebxGtdmkf9up4b1xNRhoUCPTEr2k/Oynx3LSzloh7Yz83F/fq19fPz8nAuaiOgjfUt6uGZFMrJ+fgnYuBS0U7yaeefFRQ1LyYlY90XEhsXzrTWnzLbpkAAAeKSURBVGje3JfL6qJgGMaVAiUldCEhJQqVuxLpRJsosKhFi7qBLuB3//sp/+k0fa+lDMxink2lX897PnzaP4Ke4y8IWn62DXnC2XVXZnOOyTVCwWXfasLRG1x4wD7tg/N4Ohmd/fnN44HjSq9LcnAAaxaYb0YO3FwlvxbR8GHNxu9I74yl/Xg5/kpiPiRuR9WBC1Ig631mOTsQDT9nwCAEe/rpyAK4KpIU025grarlZOAM6/hvacGhimUGaaI8HvuCuyce7GWWPuyE+HRBSLrEhoVEM7+z9LS6NJppQ6A+XsGmo9Wn0UwPa6LUYYhnaE1otKmF/SZYP8JIa0ajDaCvPNnLZ9t9qMq12ZtsIyTVhSIN+tFPXS9Ft8UOaftPxccqyT6kRLiU6tqHwYvTLWZq87O5wzrOuv0Nd+yECOgbvPZryrSEeEJ/9HMoyYBI8PQQ/FJ7i5Ny4ASbl/+NI/BMVZ2US/E9EDxjghf/EYUjV130TpGDO2xVWyUDOmJr6Fhcn3KkIvOlipFzxysFryVtlrVoVkV4ujiq0VNwa9EYReqkzISM8FS/y7g8/y73wwM46zo0fdK89mAoleQWLKUCRHlWHjIlhctEgfT7rB3C40wMHblFdLnDPhhflgZo/7i6XXViywOn8yeV1iVN9ZmRS67SsnoGJgWN9UnnZO9xh7OsUtkstfnsxvYwVymtaKWtH5oYvk7t6Yw7/E8u7kBSY4nbVPGcf6zpKaNFNi0DqyWPmbx6YKC+lGf8SZxjdv4Z0dXqoOOIibrDfTaei1YLV8n8HiwK4+otzr7k5FHRUFpivxRyKZBo5ljPxLTZKXFZ2qbgTM5Ce7v9XhxNRQYb4z3rQ8HFo9/dKlFHQ8cGe6z0n0yYik5ZbC7Ou5hWBLjndsm7dCCKhYKalz/GQjs28l4TuvNBsAr2rgV4a6ERWy/+2BIaivP8t6tQ35DG0GvqjqEvxHyYeQWHd10LB46EfwQnq6hP3Ry7sDgnVcvf4X398oymK+TaIm0ro9jVm9H0LsJymcG1EY3uwlKckosGNHpfDIsW2zmPTCNfVNripIiQ9rKB65qqX25wrJgEpg1uXOumv3m9NEkFEI1rbFghnEqL5AsC2ReFkhuw+DwigxCcwQdJ8d6C6OtIMmeAc4gr3s5DYN6r4b/RhjtOQ8WFRrDjDnet1cN5ywPb/Wr65IonwTwlp59o9bGely3CsW2n+H5ZJFoz6JODa/EC5zYorGmKnpG01tPpupXEbe3/wa/ey+U1cSgK4yHgBRcSiCGELoS40aiL4Ep8IOhCUKmCrW+LtXbaDr//fz3TUTvVexLjLObbKMnJd0++80w6bf5GOv3vDPf5RTvgiHCeGVq3O1FbNtHg7VK3kNz5HgBud1dZv85qj+v8c8cB4GNoJiV5CAFVrljnDqZeOgBuPhHRvgm0fhSke7mVC7SmV0msDtDeREbGrHjA4i6eZR1C8y3WxPQb4L7HmUyApXaS9mpdUMPoc/oQ7JOkg6/gIYqlCt5IuzzN53W5aw7s5CPKMBfikwEh6UYuDCSaZ5hLssg0huVCRb88hFbBSE5jjBxU7fJiqoGTM26hMWaK8cXB5gc8GrfRGC9Q1q5MZNtsGaJyrXpxth3gFYUirfTHADyt6hJNPTx/LANTnWTS4AvBSqrrPPjfgqcoayYpF0A9VTPlFkBbiIDZwvnrzlZQ0XKA/mP20E8XQFNQ+ifkv7xvUNUMutD69tx0DM5Id8fDO/2vCMpY4NhnZf3E0hTVOeVgCVdrU29aBhTE1lBQLI/RhoF0yg8jCao4Bx/20JO0WyWiGZ7CkyHUX/odSolocvBifMKjKmSEA6+JeLxDzqWV2A8fIOwloekfQp6Fn8LdYhuUn2CyDVB/QhbRCOwnwLs+a9/g06YOdblFZADGD7l4mhoUD2mTjbJoA1Bdx7nUO9DkINrmsQOA60fPwNHBjRwqdlnaOQDhKspl60RDvIzFfQnAm8m3UwcaG65O7fcqoPJxEtdhZFzFtEVEsW4ONHfaaBGRXYCSEsyHzxI34SXRVtmHqjjHxn9+m2SMJCiEYqLO6Rwbj2ckwhI2+hhSTE4TU1yck3XEx1NDSYkbhpBLPyAv7DMqe9DO1Rtd0XctQUw2QnvrnjqG/lZbaNmXWd9A1YWs2Z/KRl8n6i6MX42LQcVCmIrBV7GVCAqXFdkEOuviF+8qgKYtFNTWOOFVWE9zbYCg9OxX3iqTkgIcvTeXUd/0aBPYmnj5MWco2/rexlnqTqEsxPxn3+EIZ9kTDJ5oWOdTgo1YSNa0BIP1vSHBvxTDDnByt66Q70pb9YZQMm+juXNRWkdcwPImGrMkbQvZNgxuoEmXxbAYtguDxDRmH+ZFcVI0Yavr43c6lq5LFz4iJoHlQsdO9KXfOn00SbA/oJlgqxk2oJuNaf99YFGPJxl1gEk61qbSgNCPOam+U9C8OpKsKhA+2BGePDeArSaugE0LUN29JqFdmQOUekYipNdtANq7t9mRy65Vth4A3ZqRHL1nhyNCdxxwhDsYGbfBrA1KDb4h6Pq9tPEvSGdz96nebNZL3dtZ4z/gFw+UTqiBDb+uAAAAAElFTkSuQmCC);
}

.member-icon-news {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABPlBMVEUAAAAzMzP///8zMzP///8zMzMzMzP///8zMzP///////8zMzP///8zMzMzMzMzMzP///8zMzP///8zMzP///////8zMzMzMzP///8zMzP///////8zMzP///8zMzMzMzP///8zMzMzMzP///////8zMzP///////8zMzMzMzP///////8zMzP///8zMzMzMzMzMzP///8zMzMzMzP///8zMzMzMzP///////////////8zMzMzMzP///////8zMzMzMzP///8zMzMzMzP///////////////////8zMzP///////////8zMzP///////8zMzP///8zMzP///8zMzP///////////////8zMzP///////////8zMzP///////////////////////////////////////8zMzP///+lXPW1AAAAaHRSTlMAkJCAgA/gEAf7MDAE+/FeCLbt7eC2nSXxgxaDA5yKDNXVqV84OCbezVAL5eTMWB52XEQUvb1lWFAgDujb4sjIsGRKGPLo26mXl4yJd2pDPT0tLfj3s61qTk5LRkBAHaZ99KGHcmZSzglznc4AAATASURBVGje7JfNiuJAFIWPSEKgiSEEEgQxKAgRggZFNwqKrlw0iPRmFr3/3v8JZkIo2tbOtDXFrNqzSwU+qu7/1VNP/QANhj1Wma6URYfAlnIpAHzv46QLbKrcBhL0Q3rRxWctozPsNlBGj1MmI4jnUoeujIaMFaxLiI+PQfIOJDPpHtNcs5w8Qln4MF7qFjOB1UXSy5a36bcQL4VyKt1h9BpC+gfvxfAdZ1pC6ukrjLJ989hgTPj+N8hyDP5CusUYvY+gM9BgT5K1U6IEOrnaMQqGsA8UFBRtkTiPYWSccIcxikLGA80T+l9TXnuE/UDfYfQrrAkzwuZZsyLpXQuKi9SGya/uAwspJm4+bvRWDdSGmfok/aU5Tdl4ykJqA/icXj7pKLVhJgD0ImPnLcMaVl8HDN2oHZOyX85qXxvzEM6VQSaB9zAm5rXOJjDeWTGsT/t2mC69Q+1LOJjrJIEiRnaYfAenXDpRBk1l9JnKC5lbYRScYHRU4FOZH6m0I7LDSIcNu4EiykGTXPjSkI4tRlmPtYKEJnFz8BSxssaoqi2aGmdtOWvC1h7jhRy1JjYun2nOmz1GPmctKJqPMWt58A+YgkX9DpNXlR3G/jbutnH3lHvc2Eex7xDFJqfy0imnTIan+A4ZbupNBQuXetNUvw50v6h+9rW4f1uL7TrDGYBket8Z7PtU17vqU7npU5oV/rU2ULy0x433qWseTNd06uFD08P/y0RhNHOab9ynLffZz30SdZ+LH57SI4sp3X5n8M3O4LzBOO5T1cc+5b7dPfXUU7/bL7fWxIEwDL9IIUyZixAMSCQgGBQSchEQPICCoFVaaZFiXbT0sD0s7///A6s7jLW2WR1Glr3wuQvCwzjzffN+c+LEP0ReldioYYtadeHCkGnKFd0ONjyRHE5iGOCWBQfZtM4+NDdkb0gmGQ4mqpD+A1DgGTSXfITsd0k/wEHEBUEvAz5rrlYatcwkwgFc18lRgF1NRDamAM4v+NzCPpyQTFrAFw3mtxRhADg+xfseSyshQwffaVCbkV4TkCOKe/yFYETWr4Fdjea+QhYk5IxeG7lkHkUhRr4G7iV5J+GmTGWO5MEnKxGQp1FUBUcSbY9lfMt8QFF2sU+DH2JtaFKoRmmmXmmLAZlOgTxNZ2s95BLw6auPHW4nEnmaVp1eeVO8IZMOaoIRgCLH558IgDxNJLiiVNX7fMGrtcwHQDrYh9b85F3QXJ+13h7ePqBGts00M84B+cLN6TTWy/FZNtM8sbQAMCcXejmei4wVM03cI8cxMGaiKkLW2UJHsG2kgTsmKwHcIif6hxDosWqmAZZD9iQyJlI1F7vAJQumGtQGfIP0qBo3Jh1U2TDW4JUVINSHVecNIl6YazqCAfr09ZE30eazoUYvYMlUfdyxD4eEueYXl3/+B1Rhv+Zo7Fdjvzf2J2VeN65d3egqrrJrUcW6p+KuVU/pDg9ZtOhwfd9MKK5t7psZ5yrpnqxuP30Xl3fvYrNkuBFc4b1/JMOLSgbTnCrSO3M+cmqockqlZnGbIZmeH5qaC52aX3k7PMNfVIYfeaKwn2/spy372e+R4v74k6j9XGw/pdu/GWxfMAmZZMd7T9m/7k6c+G/4DXpD2Rpub51DAAAAAElFTkSuQmCC);
}

.member-icon-message {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABPlBMVEUAAAAzMzP///8zMzP///8zMzP///////8zMzMzMzMzMzP///8zMzMzMzP///8zMzP///8zMzP///////8zMzMzMzMzMzP///8zMzMzMzMzMzP///8zMzMzMzMzMzP///////////8zMzP///8zMzP///8zMzMzMzMzMzP///////////8zMzP///8zMzP///8zMzP///8zMzP///////8zMzP///8zMzP///8zMzP///////////8zMzP///////8zMzMzMzP///8zMzP///8zMzP///8zMzP///8zMzP///8zMzP///////////////////////////////////8zMzMzMzP///8zMzP///////////8zMzP///////////////8zMzMzMzP///////////////////////8zMzN63B2jAAAAaHRSTlMAwMBgYB8gcHD5DgN1BJ4I+PAP+tzGkPDqnTMkJOXMy8Z0GPT03Na0WS4H67mnSzc3FxTn4309PTMtCd+9r4+JiYNZUkpGKSgU4NfQkn1oT9TPtbKvqKOEZkW5d2tiXVRBQZYeC4AbmMZ08AQAAAYJSURBVGje1NYxi6NAFAfwfxDhRhQRVFTUQkRTiIgQJEXAEEIIqRNSpMl2/+//BW6zt7vRsDmNwxX3ayzUN76Z98bBP2Ymy2aj6Ou3YxHbliBTL1u1ioqxjEo/xR6fsN+qMTHKk8U/hJc5ue8uLvOyCtQwaOaLk/0RSdcGMrnYJIXjKtfw50dVJSdprTU8t7FJcSwHxkr0iPQUPKGdbsPUGGZeItIJ8ZPQJv0E42iuYPrTB1UerRLjLQ/kycSDwKId4hXmG+nU6FE92jVeNBfch73IB+5VvKzyGHVfe6NYYoIw4sHEl4ZUMMnOoo9PRsYcE23IK/64MFUx1ZEHfDD2bDFZIljiRmFa45vqFrNBftBdnhluZnR7czaG2N7LmVQBqGTQTdXWfw1ymOFbTB2AzgPuMs4xbEca+LL4yKrgGncF8506JHTp4VtAYcJM2eBuy3F0fDNSVqgoDHRsMg6LdHQ4vODMGJJ8unDpQ5LOHDl1SJozxoFzSLoygscGkpYUEFxCkkqCVNFTKcOuxkAYM+cYh+QhjOAOHQvSmQ1xBFcPc2OxAvrtOmzbK/2KHjJuJoXp7cfZY/ktyPjVpH6xQMsjOowVx4gT3Ln0seEePcFcGdSgq6COhNxBjsct4FCXLuIa0GnLNrgNoBYsIcOn/+cSQ0bEOd6FQmrLCSi0z3X3akzWssAHbc+VTE7n+89pgYm2FFqnkxRMs+o202lqnCW7G42Rc1oxzzhDh3Eijxpe9YsM0LMm9w1eU5ItHpQe6ScvHtMLA4+SFZmuR2dmuqTz49OlTVpuiBEMZU+uzCc3z3uSs3M9tM7riLSUv40S852z2D7Lrlb8iGTaJgM960a8sXP316bZJZrZS9ziO+dSY1iwKCx2iOxr6k2LkT+vMVq4WfhF5vFTbN7PnVOYmhoG55TrryOxhunOFMvP4+sVEhxmGt6t2EJCaHGmATjThoyt4GEHJIIBZFwtijZBQRdSwpgUec7IgBwl400DWU3rpGmJ/9Pv2uuuVVEoCgPwS0RdCCJ64YUXKuKFSkgkEhUFESHRd0FU9AHNmXn//y+YmnM6R5vTaMo8N95sl6619t7s3frphLODuflV2+m2KpFWY7TuHS/ISvBNUff4hD32s8QY1FS+UxojYyV2J9P+wHcqFSc8TWo2r2zzB/7JrbZJKka3fNa+H3o5LEmqbzKem7VJqTZL+VZ93yC9I56Qa6S6iZCuVW2QhobvaDYp1pGN3FVolfE336M3Q3bOnBRdPGiqtDW8ojUmjQgJlQbtCC/qS2xricgLtn/iZb7HIP7aL0oOctACzlu4C8kychmqFPFBmHOFnGbkGe+mtC7Iq8b5x8+02UNuPxXOcHOkFcVaP+6U0nTEZrw9JdyUOI7V3mMWyhZ3DlkBcCGdeKq2WU1lcI5POvcATC7wZcQ+0g1JF3cTdgDsuMGXDpfDShqtSy+2HCm5cC2G+DJgNnt8Eiz68CkJiDmNmC4wEWNwigN1FCRyjDFFFGRyiSVNFNSnjgX7KOjMBhoMUZBDBRIdFFQhQVaQ4JfTnYWUMO6KWSzqD2EUDhHzRuqlNIbEdaI2ElT6iFlk6v+WSiwtnx7mPCXD7JFukAhz4uhx+k1yJFXlDj3WEiVeMws9XuIuRZzYRkLzWE4VJhreoYk6OUQxDW4Bg/vCkzgCTNoCijjSBhBJHKAIkeL7Qy9Ymj6uNKXQltOkIuNmTC9Cbj128IcccIW8hIDTz5XGCXLaUpJjK+mAfNbxxSTmjTMk/eSmt0cOJXYSlaqRNRmvMskmEt7IdojXDMgeHsy85N0jXV/hTsCj+pq0NvJLl4ZvRw9sUu1WkIFQbpPrFr7lTgOSpYOc1udNQKplPOUedV4Zb9tnoeSyGJC0eil1bHYD3rSX3eopHNZlN5G4yiu9GiGdM9mpjJFG99K3VAZiP0JWgjabiJ2Rxw+6ez93tpBHS75ozanFDW408gfym1JxPo6vZxRgcC7jasUeCtBUdm7pTGmjiK3ExRCoK2yiiLNKqVfHjl0UoumkslyxIaAQoTziTYiiwp5hWQP8H78B0WcjOm9+lJ4AAAAASUVORK5CYII=);
}

.member-icon-credit {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABFFBMVEUAAAAzMzMzMzP///////8zMzP///8zMzP///8zMzP///8zMzMzMzP///8zMzP///////////8zMzP///8zMzP///8zMzP///////////8zMzP///8zMzP///8zMzMzMzMzMzP///////////8zMzMzMzP///8zMzP///////8zMzP///8zMzMzMzP///////8zMzP///////8zMzMzMzP///////8zMzP///8zMzP///////8zMzMzMzMzMzMzMzMzMzP///8zMzP///8zMzP///8zMzP///8zMzP///////8zMzP///8zMzP///////////////////////////////////8zMzMzMzMzMzP///8zMzOoEJ4eAAAAWnRSTlMAsOHgsJCQcHBAQARgYKWlBgKYMDCIiLKXeHhCCvb2v9EJ0L5C5yT7+uQj3d24ZxwcyLisaQ7t7efLnZSUTzUQ8/LGqVdOSSon1cGAa2RZVEo4MxWDfnJtKxgc8Q9oAAADx0lEQVRo3uzXXYuyUBSG4aUgIls8kBcPQtSDRIiEwAEZsA8iIoiOZ16e//8/RtgNKxWalmsO5yZI2HJRCz/pL0VB0+JQb3WIiWFzUo3iAO+3IKz7r/18JQI8Q30fvZMqlIRsb0Ce6hR2dAo7SoUdudIRqRyrxDRuIXVY0TgxKxOnNhqFHcfoFHZ0CjtCRe6wEv2w05WdGQqX/OR4rCicZKzId+RFjcNLGocXzO4UvlIN1GG4TKdK0ytvJURV8X46fNMAaN3XKvsPAHc1Uuwfu5CgvZ+hMKMDfFOhI2FBhY+hQj7alKTFOA4VihCRuC2yoUIOPDmzA1iZz/wDrJIb0jI3vtgrmFWFXmHm4IorAerg7umBmRe5WNAjk/viEoCApRV0s6lw/g2mgDdgCk9cBNAC2SfpR5y6KFcPzNoRlwNEuwM7mpMhyNhRMLRkR8Gwo2Ks4260jHXWmwfm5HBbIuPZzebynLEOMwW4I9EF967PGHa+mcDjdkTk283k/zOGHdVs2Kn1DJ0rHO7Mxbd9zmBoW30/Pb7DVkgYdnD/NX5hW0gYLlfPRn8ycA26eTffYR1qOROipWEnVCsxc0RDw1JX/truAQGNOgPl9Ry83u0IxFP7lEFabGjaxltXAqN1lvTXV7t116IsFIVheEEiEUTGS1RIBxmIERQKSuRRREQRfc7MwfP/f8gr7IblBzQtV0fD3HiwccuFLBT9q1LLSrCOzjrEGcBkxRqlD4Rztx0BYX2n2wF6XcpqZs5Yo5BpDkzGOoUdncKOUmFHrqRU7MiOQBlQuaHUYUXjDFipOJGjUdjpOzqFHZ3CjlCRO6x0uvS0T3ZqKFzvJ8dmReH0yor8Qt7UOLylcXijezu1X6kPRO2TG1eVTaYclxAVrO7V4Xc3AJLGay2zA0DDLyv0AXR8EhR/jbB3Sg/4IkBKwloBjkWFmkjGJG2FMKeYMx0St8WoqJAFW87cAFbqM/8Ao0wc0jH8EdMxfoBMYWbdELcEKMU0phxTL2pgSHnm0BTXAwhwjaCbTYDLOxgPdoHxbHEdgIYY7d4w4niKqZ9jZpa4CUB0W7OjeRmuI3YUDLnsKBh2dIxxFlrGOLNFjjlZ3JbIsc1y4z9njMPMHtyBaIdHH88Ydr6Zls1diahplr37M4Yd1WzYifQMXQKsH8yuadrVYGgbfP89ejDtJQw7eNzNl2caShjuoJkNZ72LSeXMtcKkiORMGwkVOyPwxUyIDRUbN+DdhYoNuFTqAiw/3dbLufMQWFXt8wjSVg5VW9izQGAklku/tP+cBdlM3ZXgIgAAAABJRU5ErkJggg==);
}

.member-icon-birth {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACMCAMAAAD2gy9kAAABL1BMVEUAAAD///8zMzP///8zMzP///8zMzMzMzMzMzMzMzP///8zMzMzMzP///////////8zMzP///////8zMzP///////8zMzP///8zMzMzMzMzMzMzMzMzMzP///////8zMzP///////8zMzP///8zMzMzMzMzMzMzMzMzMzMzMzP///8zMzP///8zMzMzMzMzMzP///8zMzP///////////8zMzMzMzP///////////////8zMzP///8zMzP///////////////////8zMzMzMzP///////8zMzMzMzP///////////////////8zMzMzMzP///8zMzMzMzP///////////////////8zMzMzMzP///////////////////////////////////////8zMzN4LYGWAAAAY3RSTlMAQEAgIDAw8cDQwKBg8NBwcGCg4OGQkA8QFg4E+/oKCua0rKt2ROTJtbF1UkQ1LSccHAcD9/frzLmwnYRqalIp69bHuomDV0s5NCUYFvKml4d8WEw5Ni0T2Nallot9edpiXUaNryfyAAADuElEQVRo3uyWT4uqUByGDzJkootAkPEPCGKmhEWL2oSrgloVzWpm/3z/z3DnItfUTuaB270zjM9K3h88HH3POSjucti3k/1UKDPS16tmsgr0hapllYDZjEywXTWLZwDBsh4tAIxQxeLvYG4T1bMI+w1SX0FjQiEsyK9RDpaYwLmfYbl1rC3shfA/GF/zHR++EA5cLGe7fGRZrAHK15lDVbEGc/GpzgDQH3kyknRNVn7JGbMyvT6GKetsw+lBzwGWCN3GEloLc0NRsO5uPmZTr3SHHU9+8864Fns6k06NgdPYygF/yOv5mVmXJYRD82Cl408MYzxvxG8EfldPsOq1K6CrKw38XmcFjt2aSS9A69Ac6c2oa9sYvXHFwH/CO2oSyl5d2ejoSSzbABnlwbaQEWwlNwTKGojbmoRIskan0tiSrxCRtDOYCkWNmMKtRlPWaIPmH2ieVLhN+qqocbPbtIAgVtGE70Ah2sQ6pormFfRY3GIqa3LxVzSjp2qilzZmpUnao8U9jeK19VyN+yLDLS866cwXP4WzLiMt//Wks8VTC99pbaJKs2mPDjD6Dmdq0AyaQfMlNZmKxr2jKeCSj5qcKk3SmuQnAk+m8WeKl+heSPGcjYJmc/FFH361U2YtigNRGL2h8UVQUQx5SjDkLfggUXBB3EDBDQQ36G2W8///wyDSnU5ZE1MwzkzTnqfwXThU6t66Pzdq8myJMbl1q5FMGm5hKIY0atBLRhWoLsUIpwi4i4/REKDtiQFRBwZVgo9Zl+oM/KaBpgd9+Q7zOJpDWUrwJJkYbuwfU3gWaY7Jx3mHcVPEhteyPV3IFQ4tgPPvDKD+llswEJFmF4CrLetS81v4kZyY0BaRxKfn0+qOCK702aUs3io+wkxEOdgqkj6tlaTxysiTmA7VsHQicU3iFChJGm3sxCi7vLFPdnIiKXiwTQTbTj6fnxSL+UEinuFGad2GhmRgAWk9tyDTlHqwS9eUMgFpS2NPZnJpY1PMzFHu/COcnaXh3NelrrRzNJapi47zwy6jw52KSgjGGghFoUagOaP9rqlqbiGgpmZQF0ON1OFSYxlrrLvmL2hu1PBv+EdDzcq/TPvghiYabwz0RSVcUzHROLAO5ZKKsWYuf0STu6kmeFDpvWtqaunwO43h2rqt5vigY3keEm0tkq/CU0GHLydm2trhpg3vWCpBPH5qaQu5z/Cm7pq75q75DzU9uiaaJXpNH17muSSP8dpSKvtHXEc0RG3DJboRLY49MtCMXpoS8wuD2Eg/1suKzwAAAABJRU5ErkJggg==);
}

@media screen and (max-width: 1200px) {
  .mem-icon-base,
  .member-sidemenu a i {
    width: 25px;
    height: 25px;
  }

  .member-sidemenu a {
    font-size: 15px;
    line-height: 25px;
  }

  .member-sidemenu a i {
    background-size: 25px;
  }
}

.myorder-list {
  /*盒子區塊相關*/
  /*僅圖片*/
  /*僅圖片 適用機票(航空logo)及簽證(國旗)*/
}

.myorder-list-base {
  position: relative;
  padding-bottom: 25px;
}

.myorder-list-box {
  display: block;
  margin: 8px 0;
  padding-bottom: 8px;
  text-decoration: none;
  border-bottom: solid 1px #efefef;
  min-height: 118px;
  word-spacing: -0.36em;
  position: relative;
}

.myorder-list-box:hover {
  text-decoration: none;
}

.myorder-list-box .myorder-list-photo,
.myorder-list-box .myorder-list-flag,
.myorder-list-box .myorder-list-txtArea {
  display: inline-block;
  vertical-align: middle;
  /*0321 原middle改top*/
  box-sizing: border-box;
}

.myorder-list-box .myorder-list-photo,
.myorder-list-box .myorder-list-flag {
  width: 25%;
  height: auto;
  position: relative;
}

.myorder-list-box .myorder-list-txtArea {
  width: 75%;
  padding-left: 15px;
}

.myorder-list-box.type2 .myorder-list-txtArea {
  width: 76%;
  margin-left: 0;
  padding-right: 10px;
}

.myorder-list-box.type2 .myorder-list-btnArea {
  width: 24%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 24px;
  text-align: right;
}

.myorder-list-box.type2 .myorder-info div {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  padding: 8px 0;
  margin: 0 15px 0 0;
  word-spacing: 0;
}

.myorder-list-box.type2 .myorder-info div span {
  display: inline-block;
}

.myorder-list-box.inbox .myorder-list-txtArea {
  width: 76%;
  margin-left: 0;
  padding-right: 10px;
}

.myorder-list-box.inbox .myorder-list-record {
  width: 24%;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  text-align: center;
}

.myorder-list-box.inbox .myorder-list-record .tradeName {
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.myorder-list-box.inbox .myorder-list-record span {
  display: block;
  text-align: right;
  color: #888;
}

.myorder-list-box.inbox .myorder-list-record .markup {
  color: #2d7cd1;
}

.myorder-list-box.inbox .myorder-info div {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  padding: 8px 0;
  margin: 0 15px 0 0;
  word-spacing: 0;
}

.myorder-list-box.inbox .myorder-info div span {
  display: inline-block;
}

.myorder-list-box.default {
  padding: 15px;
  margin: 0;
  border-bottom: none;
  min-height: 0;
}

.myorder-list-box.default strong {
  padding-right: 30px;
}

.myorder-list-photo img {
  width: 100%;
  height: auto;
}

.myorder-list-flag img {
  width: 100%;
  height: auto;
}

.myorder-list-flag .inner-flag {
  position: absolute;
  width: 40%;
  height: auto;
  top: 50%;
  left: 50%;
  margin: -20% 0 0 -20%;
  z-index: 1;
}

.myorder-list-flag .inner-flag > img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.myorder-list-flag .inner-flag.flight img {
  border-radius: 0;
}

.myorder-list-txtArea {
  /*0321*/
  /*0321 增搜尋樣式*/
}

.myorder-list-txtArea strong {
  font-size: 16px;
  color: #333;
  display: block;
  word-spacing: 0;
  /*0321 註解
            height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            */
}

.myorder-list-txtArea span {
  font-size: 15px;
  color: #888;
  display: block;
  word-spacing: 0;
  word-break: break-word;
}

.myorder-list-txtArea span.txt-clip {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.myorder-list-txtArea .tag.solid.blue,
.myorder-list-txtArea .tag.solid.yellow {
  margin: 5px 0;
}

.myorder-list-txtArea .price {
  color: #e73155;
  font-size: 22px;
  font-weight: bold;
}

.myorder-list-txtArea .price div {
  display: inline-block;
}

.myorder-list-txtArea .price .ori-price {
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  padding-right: 8px;
}

.myorder-list-txtArea .price .ori-price-uni {
  text-decoration: line-through;
}

.myorder-list-txtArea .price .price-uni {
  color: #e73155;
  display: inline-block;
}

.myorder-list-txtArea .price em {
  font-size: 1.4rem;
  font-style: normal;
}

.myorder-list-empty {
  text-align: center;
}

.myorder-list-empty i {
  margin: auto;
  /*fontello增*/
  font-size: 50px;
  color: #2d7cd1;
  margin: 0px 0 -10px 0;
  /**/
}

.myorder-list-empty i:before {
  margin: 0;
}

.myorder-list-empty a {
  max-width: 120px;
  margin: 0 8px;
}

.myorder-list-empty .empty-txt {
  padding: 15px 0;
}

.myorder-list-empty.empty-align {
  position: relative;
  transform: translateY(50%);
}

.quick-link {
  width: 100%;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.myorder-loading {
  min-height: 280px;
}

@media screen and (max-width: 1399px) {
  .myorder-list-box {
    min-height: 110px;
  }
}

@media screen and (max-width: 1199px) {
  .myorder-list-box {
    min-height: 95px;
  }

  .myorder-list-txtArea strong {
    font-size: 16px;
  }

  .myorder-list-txtArea span {
    font-size: 14px;
  }

  .myorder-list-empty i {
    /*fontello增*/
    font-size: 45px;
    margin: 0;
    /**/
  }

  .myorder-list-empty a {
    max-width: 120px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .myorder-list-empty.empty-align {
    transform: translateY(10%);
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .myorder-list {
    /*0321*/
  }

  .myorder-list-box {
    min-height: 0px;
  }

  .myorder-list-box.inbox .myorder-info div,
  .myorder-list-box.type2 .myorder-info div {
    margin: 0 6px 0 0;
  }

  .myorder-list-empty.empty-align {
    position: relative;
    top: 90px;
    transform: translateY(-80px);
  }

  .myorder-list-txtArea .price div {
    font-size: 18px;
  }

  .myorder-list-txtArea .price .price-uni {
    padding-right: 0;
  }

  .myorder-loading {
    min-height: 180px;
  }
}

@media screen and (max-width: 479px) {
  .myorder-list-box {
    margin: 20px 0;
  }

  .myorder-list-box .myorder-list-box:last-child {
    margin: 20px 0 10px 0;
  }

  .myorder-list-box .myorder-list-photo,
  .myorder-list-box .myorder-list-flag {
    width: 100%;
  }

  .myorder-list-box .myorder-list-flag > img {
    max-height: 130px;
    border-radius: 4px;
  }

  .myorder-list-box .myorder-list-txtArea {
    width: 100%;
    padding-left: 0;
  }

  .myorder-list-box.type2 .myorder-list-txtArea {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .myorder-list-box.type2 .myorder-list-txtArea strong {
    font-size: 15px;
  }

  .myorder-list-box.type2 .myorder-list-txtArea span {
    margin-bottom: 15px;
  }

  .myorder-list-box.type2 .myorder-list-btnArea {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .myorder-list-box.type2 .myorder-info {
    margin-top: 10px;
  }

  .myorder-list-box.type2 .myorder-info div {
    padding: 3px 0;
    margin: 0 8px 0 0;
    font-size: 14px;
  }

  .myorder-list-box.type2 .myorder-info div span {
    margin-bottom: 0;
    padding-right: 0;
  }

  .myorder-list-box.inbox {
    position: relative;
    padding-top: 30px;
  }

  .myorder-list-box.inbox .myorder-list-txtArea {
    vertical-align: top;
  }

  .myorder-list-box.inbox .myorder-list-txtArea strong {
    font-size: 15px;
  }

  .myorder-list-box.inbox .myorder-list-txtArea span {
    margin-bottom: 10px;
  }

  .myorder-list-box.inbox .myorder-list-record {
    vertical-align: top;
    padding: 10px 0 0 0;
  }

  .myorder-list-box.inbox .myorder-info {
    position: absolute;
    top: 10px;
    width: 100%;
  }

  .myorder-list-box.inbox .myorder-info div {
    padding: 3px 0;
    margin: 0 8px 0 0;
    font-size: 14px;
  }

  .myorder-list-box.inbox .myorder-info div span {
    margin-bottom: 0;
  }

  .myorder-list-box.default strong {
    padding-right: 0;
  }

  .myorder-list-txtArea {
    /*M版 特別再調整樣式 可註解即可還原成同一樣式*/
  }

  .myorder-list-txtArea strong {
    font-size: 15px;
    margin: 8px 0;
  }

  .myorder-list-txtArea span {
    font-size: 14px;
    padding-right: 30px;
  }

  .myorder-list-txtArea .price div {
    font-size: 22px;
  }

  .myorder-list-txtArea .tag.solid.yellow {
    margin: 0 0 5px;
  }

  .myorder-list-txtArea .tag.solid.blue {
    margin: 15px 0 0;
  }
}

.notice-has-img-section {
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  margin: 20px 0px;
}

.notice-has-img-section .notice-has-img-info .tit-s-smaller {
  text-align: center;
}

.notice-has-img-section .notice-has-img-info .small-info-list-tit {
  font-weight: normal;
  text-align: left;
}

.notice-has-img-section .notice-has-img-info .notice-img {
  text-align: right;
}

.notice-has-img-section .notice-has-img-info .notice-img img {
  width: 80px;
}

.notice-has-img-section .notice-has-img-info .notice-img-full {
  text-align: center;
}

.notice-has-img-section .notice-has-img-info .notice-img-full img {
  width: 100%;
}

.notice-has-img-section .notice-has-img-info .notice-img-full img.qrcode {
  width: 160px;
}

.notice-has-img-section .notice-has-img-info .notice-img-full-mobile {
  display: none;
  text-align: center;
}

.notice-has-img-section .notice-has-img-info .notice-img-full-mobile img {
  width: 50%;
  padding: 10px 20px;
}

.notice-has-img-section .notice-has-img-info ul:not(:first-child) {
  border-top: 1px solid #eee;
  padding-top: 5px;
}

.notice-has-img-section.yellow-bg {
  background: #fef9e1;
}

.notice-has-img-section.gray-bg {
  background: rgba(240, 240, 240, 0.5);
  box-shadow: none;
}

.notice-has-img-section.gray-bg .tit-s-smaller.has-border {
  border-bottom: 1px solid #ccc;
}

.pin-right-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  overflow-y: auto;
  max-height: 100vh;
}

@media screen and (max-width: 1200px) {
  .pin-right-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .pin-right-sticky {
    max-height: unset;
    position: unset;
  }
}

@media screen and (max-width: 768px) {
  .notice-has-img-section {
    padding: 20px 25px;
    margin: 20px 0px;
  }

  .notice-has-img-section .notice-has-img-info ul > li {
    padding: 0;
  }
}

@media screen and (max-width: 479px) {
  .notice-has-img-section .notice-has-img-info .notice-img {
    display: none;
  }

  .notice-has-img-section .notice-has-img-info .notice-img-full-mobile {
    display: block;
  }
}

.cart-notice {
  background: rgba(240, 240, 240, 0.5);
  max-height: 295px;
  overflow-y: auto;
  padding: 20px;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
}

.cart-notice hr {
  border-color: #888;
  margin: 5px 0px 10px;
}

.cart-notice.white-bg {
  background: #fff;
}

.cart-notice.no-scroll {
  max-height: unset;
  overflow-y: unset;
}

.cart-notice.no-padding-tb {
  padding: 0 20px;
  margin-top: 15px;
  margin-bottom: 0 !important;
}

.cart-notice.no-padding-tb .area-input {
  padding-bottom: 0;
}

.cart-notice.mt-block {
  margin-top: 20px;
}

.cart-notice p {
  line-height: 26px;
  margin-bottom: 5px;
}

.cart-notice p:last-of-type {
  margin: 0px;
}

.cart-notice ol,
.cart-notice ul {
  padding-left: 16px;
}

.cart-notice ol li,
.cart-notice ul li {
  margin-bottom: 5px;
  line-height: 26px;
}

.cart-notice ol li:last-of-type,
.cart-notice ul li:last-of-type {
  margin-bottom: 0px;
}

.cart-notice ol li ul > li,
.cart-notice ul li ul > li {
  list-style-type: disc;
}

.cart-notice ol li ul > li ul > li,
.cart-notice ul li ul > li ul > li {
  list-style-type: lower-roman;
}

.cart-notice ol:last-of-type,
.cart-notice ul:last-of-type {
  margin: 0px;
}

.cart-notice ol.position-inside,
.cart-notice ul.position-inside {
  margin-left: 16px;
}

.cart-notice .list-title:first-of-type {
  margin-top: 0px;
}

.cart-notice .editor-area {
  line-height: 21px;
  margin-bottom: 15px;
}

.cart-notice .editor-area:last-of-type {
  margin-bottom: 0px;
}

.cart-notice-lg {
  border-top: solid 2px #888;
  max-height: 570px;
}

.cart-notice .cart-img {
  max-width: 100%;
  margin-bottom: 20px;
}

.cart-notice .cart-img:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-notice-lg {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cart-notice-lg {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .cart-notice {
    font-size: 1.4rem;
  }

  .cart-notice.mt-block {
    margin-top: 0px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .cart-notice {
    padding: 20px 15px;
  }

  .cart-notice-lg {
    margin-top: 15px;
  }

  .cart-notice.type2 {
    overflow-y: inherit;
    max-height: inherit;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .cart-notice {
    padding: 20px 15px;
  }

  .cart-notice-lg {
    margin-top: 15px;
  }

  .cart-notice.type2 {
    overflow-y: inherit;
    max-height: inherit;
  }
}

.order-card {
  margin-top: 20px;
  padding: 12px 0px 14px 0px;
}

.order-card .order-title {
  font-size: 20px;
  color: #2d7cd1;
  font-weight: bold;
  line-height: 24px;
  padding-left: 16px;
  position: relative;
  display: inline-block;
}

.order-card .order-title::before,
.order-card .order-title::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 10px;
}

.order-card .order-title::before {
  background: #e73155;
  height: 10px;
  top: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.order-card .order-title::after {
  background: #2d7cd1;
  height: 14px;
  top: 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.order-card .order-total {
  font-size: 17px;
  color: #888;
  display: inline-block;
}

.order-card .order-total::before {
  content: " / ";
  color: #2d7cd1;
  font-size: 18px;
}

.order-card .order-total span {
  color: #e73155;
}

.order-list-card {
  margin: 15px 0 20px 0;
  border-radius: 4px;
  padding: 25px;
  background: #fff;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.order-list-card > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 18px;
}

.order-list-card .order-list-info {
  color: #333;
  font-size: 17px;
  font-weight: bold;
  padding: 0;
}

.order-list-card .order-list-info > div {
  line-height: 24px;
}

.order-list-card .order-list-info .order-info-inline {
  display: inline-block;
  margin-right: 25px;
}

.order-list-card .order-list-info .order-info-inline .text-warning {
  color: #e73155;
}

.order-list-card .order-list-info a:hover,
.order-list-card .order-list-info a:active,
.order-list-card .order-list-info a:focus {
  color: #004ea2;
}

.order-list-card .order-info-title {
  padding: 0;
}

.order-list-card .order-info-title .blue,
.order-list-card .order-info-title .red {
  font-size: 18px;
  font-weight: bold;
  float: right;
  text-align: right;
}

.order-list-card .order-info-title .blue {
  color: #2d7cd1;
}

.order-list-card .order-info-title .red {
  color: #e73155 !important;
}

.order-list-card .order-info-title .red i {
  margin-right: 5px;
}

.order-list-card .order-product-block {
  border: 1px solid #cccccc;
  background: #f0f0f0;
  border-radius: 4px;
  margin-bottom: 15px;
  min-height: 160px;
}

.order-list-card .order-product-block .order-info-img {
  padding: 15px 0;
}

.order-list-card .order-product-block .order-info-img .order-img {
  width: 100%;
  height: auto;
  padding-bottom: 66.66666%;
  border-radius: 4px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.order-list-card .order-product-block .order-info-img .order-img-circle {
  width: 60%;
  height: auto;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  margin: 0 auto;
}

.order-list-card .order-product-block .order-info-text {
  padding: 15px 0;
}

.order-list-card .order-product-block .order-info-text strong {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}

.order-list-card .order-product-block .order-info-text ul {
  font-size: 14px;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.order-list-card .order-product-block .order-info-text ul li {
  color: #888;
  line-height: 22px;
}

.order-list-card .order-product-block .btn-moreinfo {
  min-height: 160px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.order-list-card .order-product-block .btn-moreinfo .btn-change,
.order-list-card .order-product-block .btn-moreinfo .btn-change-sm,
.order-list-card .order-product-block .btn-moreinfo .login-btn-fb,
.order-list-card .order-product-block .btn-moreinfo .login-btn-google,
.order-list-card .order-product-block .btn-moreinfo .social-btn-fb,
.order-list-card .order-product-block .btn-moreinfo .social-btn-google,
.order-list-card .order-product-block .btn-moreinfo .social-btn-line,
.order-list-card .order-product-block .btn-moreinfo .btn-editor {
  max-width: 160px;
  margin-right: 15px;
  height: 40px;
  line-height: 38px;
}

.order-list-card .order-product-block .btn-moreinfo .btn-change:last-child,
.order-list-card .order-product-block .btn-moreinfo .btn-change-sm:last-child,
.order-list-card .order-product-block .btn-moreinfo .login-btn-fb:last-child,
.order-list-card .order-product-block .btn-moreinfo .login-btn-google:last-child,
.order-list-card .order-product-block .btn-moreinfo .social-btn-fb:last-child,
.order-list-card .order-product-block .btn-moreinfo .social-btn-google:last-child,
.order-list-card .order-product-block .btn-moreinfo .social-btn-line:last-child,
.order-list-card .order-product-block .btn-moreinfo .btn-editor:last-child {
  margin-right: 0;
}

.order-list-card .order-price {
  float: right;
  margin-bottom: 20px;
  margin-top: 5px;
  width: 100%;
}

.order-list-card .order-price .order-price-s {
  font-size: 15px;
  line-height: 21px;
  color: #333;
  margin-right: 10px;
  font-weight: normal;
}

.order-list-card .order-price .order-price-lg {
  font-size: 17px;
  color: #333;
}

.order-list-card .order-price .order-price-lg .dollar {
  font-size: 28px;
  color: #e73155;
  font-weight: bold;
}

.order-list-card .order-price .order-price-lg strong {
  font-size: 28px;
  color: #e73155;
}

.order-list-card .order-price .discount-link {
  color: #2d7cd1;
  margin-right: 10px;
}

.order-list-card .order-price .discount-link:last-child {
  margin-right: 0;
}

.order-list-card .order-price .discount-link:hover,
.order-list-card .order-price .discount-link:focus,
.order-list-card .order-price .discount-link:active {
  color: #004ea2;
}

.order-list-card .order-price .order-discount-text {
  color: #888;
  display: block;
  text-align: right;
  line-height: 20px;
  margin-top: 10px;
}

.order-list-card .order-price .order-discount-text > span {
  margin-right: 10px;
}

.order-list-card .order-price .order-discount-text > span:last-child {
  margin-right: 0;
}

.order-list-card .order-price .text-right {
  padding: 0;
}

.order-list-card .order-price .text-right:last-child {
  margin-top: 5px;
}

.order-list-card .btn-flex-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-right: -10px;
}

@media screen and (max-width: 992px) {
  .order-list-card .order-product-block .btn-moreinfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .order-list-card .order-product-block .btn-moreinfo .btn-change,
  .order-list-card .order-product-block .btn-moreinfo .btn-change-sm,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-fb,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-google,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-fb,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-google,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-line,
  .order-list-card .order-product-block .btn-moreinfo .btn-editor {
    margin-bottom: 10px;
    max-width: unset;
    margin-right: 0;
  }

  .order-list-card .order-product-block .btn-moreinfo .btn-change:last-child,
  .order-list-card .order-product-block .btn-moreinfo .btn-change-sm:last-child,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-fb:last-child,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-google:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-fb:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-google:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-line:last-child,
  .order-list-card .order-product-block .btn-moreinfo .btn-editor:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .order-list-card {
    position: relative;
    padding: 25px 15px;
  }

  .order-list-card > div:first-child {
    margin-bottom: 10px;
  }

  .order-list-card .order-info-title {
    position: absolute;
    top: 0;
    left: 0;
  }

  .order-list-card .order-info-title .blue,
  .order-list-card .order-info-title .red {
    float: unset;
    display: block;
    text-align: center;
    padding: 10px 0px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .order-list-card .order-info-title .red {
    color: #fff !important;
    background-color: #e73155;
  }

  .order-list-card .order-info-title .blue {
    color: #fff !important;
    background-color: #2d7cd1;
  }

  .order-list-card .order-list-info {
    padding: 0;
    margin-top: 35px;
  }

  .order-list-card .order-list-info .order-info-inline {
    display: block;
  }

  .order-list-card .order-product-block {
    min-height: unset;
    overflow: hidden;
  }

  .order-list-card .order-product-block .order-info-text {
    padding: 10px 0;
  }

  .order-list-card .order-product-block .order-info-text strong {
    font-size: 16px;
  }

  .order-list-card .order-product-block .order-info-text ul {
    margin-bottom: 0;
  }

  .order-list-card .order-product-block .btn-moreinfo {
    min-height: unset;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .order-list-card .order-product-block .btn-moreinfo .btn-change,
  .order-list-card .order-product-block .btn-moreinfo .btn-change-sm,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-fb,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-google,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-fb,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-google,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-line,
  .order-list-card .order-product-block .btn-moreinfo .btn-editor {
    margin-bottom: 10px;
    max-width: unset;
    margin-right: 0;
  }

  .order-list-card .order-product-block .btn-moreinfo .btn-change:last-child,
  .order-list-card .order-product-block .btn-moreinfo .btn-change-sm:last-child,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-fb:last-child,
  .order-list-card .order-product-block .btn-moreinfo .login-btn-google:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-fb:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-google:last-child,
  .order-list-card .order-product-block .btn-moreinfo .social-btn-line:last-child,
  .order-list-card .order-product-block .btn-moreinfo .btn-editor:last-child {
    margin-bottom: 10px;
  }

  .order-list-card .order-product-block > div:nth-child(even) {
    padding-left: 0;
  }

  .order-list-card .order-price .order-price-s {
    display: block;
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .order-list-card .order-price .text-right:last-child {
    margin-top: 10px;
  }

  .order-list-card .order-price .order-discount-text {
    margin-top: 0;
  }

  .order-list-card .order-price .order-discount-text > span {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .order-list-card .btn-flex-right > .col-xs-6 {
    padding-left: 0;
    padding-right: 10px;
  }

  .order-list-card .btn-flex-right > .col-xs-12 {
    padding-left: 0;
    margin-top: 15px;
  }

  .order-list-card .btn-flex-right .btn-change,
  .order-list-card .btn-flex-right .btn-change-sm,
  .order-list-card .btn-flex-right .login-btn-fb,
  .order-list-card .btn-flex-right .login-btn-google,
  .order-list-card .btn-flex-right .social-btn-fb,
  .order-list-card .btn-flex-right .social-btn-google,
  .order-list-card .btn-flex-right .social-btn-line,
  .order-list-card .btn-flex-right .btn-editor {
    height: 40px;
    line-height: 38px;
  }
}

.order-service-top {
  padding: 30px 0 20px 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
}

.order-service-top .order-service-info h1 {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 10px;
  font-weight: bold;
  position: relative;
  padding-left: 16px;
}

.order-service-top .order-service-info h1::before,
.order-service-top .order-service-info h1::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 10px;
}

.order-service-top .order-service-info h1::before {
  background: #e73155;
  height: 10px;
  top: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.order-service-top .order-service-info h1::after {
  background: #2d7cd1;
  height: 14px;
  top: 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.order-service-top .order-service-info .order-info-inline {
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 26px;
  margin-right: 10px;
}

.order-service-top .order-service-info .order-info-inline .text-warning {
  color: #e73155;
}

.order-service-top .order-service-info .order-price {
  color: #e73155;
  font-size: 18px;
}

.order-service-top .order-service-info .order-price:before {
  content: "$";
  font-weight: bold;
}

.order-service-top .order-info-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.order-service-top .order-info-title .ordertitle-top-right {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  line-height: 24px;
}

.order-service-top .order-info-title .ordertitle-top-right .order-pay-title {
  margin-bottom: 5px;
}

.order-service-top .order-info-title .ordertitle-top-right .order-pay-title i {
  margin-right: 5px;
  font-size: 20px;
  vertical-align: text-top;
}

.order-service-top .order-info-title .ordertitle-top-right .order-dateline {
  color: #333;
  font-size: 15px;
  font-weight: normal;
}

.order-service-top .order-info-title .ordertitle-top-right.needtopay .order-pay-title {
  color: #e73155;
}

.order-service-top .order-info-title .ordertitle-top-right.cancelpay .order-pay-title {
  color: #e73155;
}

.order-service-top .order-info-title .ordertitle-top-right.alreadypay .order-pay-title {
  color: #2d7cd1;
}

.order-service-top .order-info-title .order-btn-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 20px;
}

.order-service-top .order-info-title .order-btn-right > .btn-editor,
.order-service-top .order-info-title .order-btn-right > .btn-order,
.order-service-top .order-info-title .order-btn-right > .btn-order-sm,
.order-service-top .order-info-title ul.st-dropdown-menu-list.header-cart .header-cart-btn .order-btn-right > a,
ul.st-dropdown-menu-list.header-cart .header-cart-btn .order-service-top .order-info-title .order-btn-right > a,
.order-service-top .order-info-title .order-btn-right > .btn-change,
.order-service-top .order-info-title .order-btn-right > .btn-change-sm,
.order-service-top .order-info-title .order-btn-right > .login-btn-fb,
.order-service-top .order-info-title .order-btn-right > .login-btn-google,
.order-service-top .order-info-title .order-btn-right > .social-btn-fb,
.order-service-top .order-info-title .order-btn-right > .social-btn-google,
.order-service-top .order-info-title .order-btn-right > .social-btn-line {
  display: inline-block;
  max-width: 160px;
  margin-left: 20px;
}

.order-service-top .order-title-icon {
  padding-left: 16px;
}

.order-service-top .order-title-icon::before,
.order-service-top .order-title-icon::after {
  display: block;
  content: '';
  position: absolute;
  left: 16px;
  width: 6px;
}

.order-service-top .order-title-icon::before {
  background: #e73155;
  height: 27px;
  top: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.order-service-top .order-title-icon::after {
  background: #2d7cd1;
  height: 30px;
  top: 27px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.order-service-top .order-title-icon .order-day {
  font-size: 15px;
  line-height: 32px;
}

.order-service-top .order-detail-top h1 {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 5px;
  font-weight: bold;
  position: relative;
}

.order-service-top .order-detail-top h1 div > div {
  font-size: 15px;
  line-height: 21px;
}

.order-service-top .order-detail-top .order-info-inline {
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 32px;
  margin-right: 10px;
}

.order-service-top .order-detail-top .text-warning {
  color: #e73155;
}

.order-service-top .order-detail-top .order-price {
  color: #e73155;
  font-size: 18px;
  font-weight: bold;
}

.order-service-top .order-detail-top .order-price:before {
  content: "$";
  font-weight: bold;
}

.order-service-bottom {
  display: -ms-flexbox;
  display: flex;
  padding: 0px 0px 20px 0px;
  width: 100%;
}

.order-service-bottom .order-detail-bottom {
  width: 100%;
}

.order-service-bottom .order-detail-bottom .order-info-blcok {
  display: block;
}

.order-service-bottom .order-detail-bottom .order-info-inline {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 32px;
  margin-right: 10px;
}

.order-service-bottom .order-detail-bottom .upload-info {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 32px;
  margin-right: 25px;
}

.order-service-bottom .order-detail-bottom .upload-info i {
  font-size: 2rem;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}

.order-service-bottom .order-detail-bottom .upload-info .success i {
  color: #2d7cd1;
}

.order-service-bottom .order-detail-bottom .upload-info .fail i {
  color: #ddd;
}

@media screen and (max-width: 1199px) {
  .order-service-top .order-info-title {
    padding-right: 0;
  }

  .order-service-top .order-service-info {
    padding-left: 0;
  }

  .order-service-top .order-detail-top {
    padding-left: 0;
  }

  .order-service-bottom .order-detail-bottom {
    padding: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .order-service-top .order-title-icon {
    padding-left: 16px;
  }

  .order-service-top .order-title-icon::before,
  .order-service-top .order-title-icon::after {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    width: 6px;
  }
}

@media screen and (max-width: 992px) {
  .order-service-top .order-info-title .order-btn-right > .btn-editor,
  .order-service-top .order-info-title .order-btn-right > .btn-order,
  .order-service-top .order-info-title .order-btn-right > .btn-order-sm,
  .order-service-top .order-info-title ul.st-dropdown-menu-list.header-cart .header-cart-btn .order-btn-right > a,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn .order-service-top .order-info-title .order-btn-right > a,
  .order-service-top .order-info-title .order-btn-right > .btn-change,
  .order-service-top .order-info-title .order-btn-right > .btn-change-sm,
  .order-service-top .order-info-title .order-btn-right > .login-btn-fb,
  .order-service-top .order-info-title .order-btn-right > .login-btn-google,
  .order-service-top .order-info-title .order-btn-right > .social-btn-fb,
  .order-service-top .order-info-title .order-btn-right > .social-btn-google,
  .order-service-top .order-info-title .order-btn-right > .social-btn-line {
    height: 48px;
    line-height: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .order-service-top {
    display: block;
    padding: 0 0 20px 0;
  }

  .order-service-top .order-info-title {
    min-height: unset;
    padding: 0;
  }

  .order-service-top .order-info-title .ordertitle-top-right {
    text-align: center;
    padding: 10px 0;
  }

  .order-service-top .order-info-title .ordertitle-top-right .order-pay-title {
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 15px;
  }

  .order-service-top .order-info-title .ordertitle-top-right .order-pay-title i {
    font-size: 16px;
    vertical-align: middle;
  }

  .order-service-top .order-info-title .ordertitle-top-right .order-dateline {
    display: inline-block;
    color: #fff;
  }

  .order-service-top .order-info-title .ordertitle-top-right.needtopay {
    background: #e73155;
  }

  .order-service-top .order-info-title .ordertitle-top-right.needtopay .order-pay-title {
    color: #fff;
  }

  .order-service-top .order-info-title .ordertitle-top-right.cancelpay {
    background: #e73155;
  }

  .order-service-top .order-info-title .ordertitle-top-right.cancelpay .order-pay-title {
    color: #fff;
  }

  .order-service-top .order-info-title .ordertitle-top-right.alreadypay {
    background: #2d7cd1;
  }

  .order-service-top .order-info-title .ordertitle-top-right.alreadypay .order-pay-title {
    color: #fff;
  }

  .order-service-top .order-service-info {
    padding-left: 0;
    padding-right: 0;
  }

  .order-service-top .order-service-info h1 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: bold;
    padding-left: 0;
  }

  .order-service-top .order-service-info h1::before,
  .order-service-top .order-service-info h1::after {
    display: none;
  }

  .order-service-top .order-detail-top {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
  }

  .order-service-top .order-detail-top h1 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: bold;
  }

  .order-service-top .order-detail-top .order-top-border {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .order-service-top .order-detail-top .order-top-border .order-day {
    font-size: 15px;
    line-height: 32px;
  }

  .order-service-top .order-detail-top .order-info-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-left: 16px;
  }

  .order-service-top .order-detail-top .order-icon-bg {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -10px;
    right: 10px;
  }

  .order-service-top .order-detail-top .order-icon-bg-tour {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-tour.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-fit {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-fit.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-flight {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-flight.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-visa {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-visa.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-trip {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-trip.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-car {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-car.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-hotel {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-hotel.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-ticket {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-ticket.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-insure {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-insure.png) no-repeat;
  }

  .order-service-top .order-detail-top .order-icon-bg-clubmed {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://www.settour.com.tw/st_dist/img/member-order/order-clubmed.png) no-repeat;
  }

  .order-service-bottom .order-detail-bottom {
    padding-left: 15px;
    padding-right: 15px;
  }

  .order-service-bottom .order-detail-bottom .order-info-blcok {
    margin-left: 16px;
  }

  .order-service-bottom .order-detail-bottom .order-info-blcok.xs-noml {
    margin-left: 0;
  }

  .order-service-bottom .order-detail-bottom .order-info-inline,
  .order-service-bottom .order-detail-bottom .upload-info {
    display: block;
    margin-left: 16px;
  }

  .order-service-bottom .order-detail-bottom .order-info-inline.xs-noml,
  .order-service-bottom .order-detail-bottom .upload-info.xs-noml {
    margin-left: 0;
  }

  .order-service-bottom .order-detail-bottom .upload-info i {
    font-size: 1.8rem;
  }

  .xs-nopd {
    padding: 0 !important;
  }
}

.order-product-table {
  overflow: hidden;
  margin-bottom: 20px;
}

.order-product-table > [class*="col"] {
  padding: 0;
}

.order-product-table.has-border {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
}

.order-product-table.has-border .ticket-result.type-subtitle {
  border-bottom: 1px solid #ccc;
}

.order-product-table .ticket-result {
  margin-top: 20px;
}

.order-product-table .ticket-result.type-subtitle {
  color: #2d7cd1;
  background: transparent;
  padding: 5px 15px 5px 10px;
  margin: 5px 0 0 0;
  border-top: 0 !important;
  border-bottom: 2px solid #888;
}

.order-product-table .ticket-result.type-subtitle .tit {
  font-size: 18px;
  height: 27px;
}

.order-product-table .ticket-result.type-subtitle .tit .c-name {
  margin-right: 10px;
}

.order-product-table .ticket-result.type-subtitle .customer-info-right {
  float: right;
  font-size: 16px;
  line-height: 26px;
  height: 27px;
  font-weight: bold;
}

.order-product-table .ticket-result.type-subtitle .customer-info-right i {
  margin-right: 5px;
}

.order-product-table .ticket-result.type-subtitle .customer-info-right .c-title-right.already-pay {
  color: #2d7cd1;
}

.order-product-table .ticket-result.type-subtitle .customer-info-right .c-title-right.not-pay {
  color: #e73155;
}

.order-product-table .ticket-result.type-subtitle .c-paydate {
  float: right;
  margin-right: 10px;
  line-height: 26px;
  height: 27px;
  color: #333;
}

.order-product-table .ticket-result.type-subtitle .c-paydate span {
  font-size: 15px;
}

.order-product-table .customer-info-collapse {
  float: right;
}

.order-product-table .customer-info-content {
  overflow: hidden;
}

.order-product-table .customer-info-content.collapse.in {
  min-height: 155px;
}

.order-product-table .customer-info-content.collapse.in.min-h-unset {
  min-height: auto;
}

.order-product-table .info-list-title {
  overflow: hidden;
  border: 1px solid #ccc;
  font-weight: bold;
  margin-top: 10px;
}

.order-product-table .info-list-title div {
  padding: 8px 10px;
}

.order-product-table .info-list-title.hidden-sm.hidden-xs {
  padding: 0 15px;
}

.order-product-table .info-list-area {
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-top: 0;
  padding: 0 15px;
}

.order-product-table .info-list-area .info-list {
  overflow: hidden;
  padding: 0;
  border-bottom: 0;
}

.order-product-table .info-list-area .info-list > [class*="col-"] {
  padding: 0;
}

.order-product-table .info-list-area .info-list .info-list-text div {
  padding: 8px 10px;
}

.order-product-table .info-list-area .info-list .info-list-text .info-list-single strong {
  display: block;
  line-height: 24px;
}

.order-product-table .info-list-area .info-list .info-list-text ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  margin-bottom: 0;
}

.order-product-table .info-list-area .info-list .info-list-text ul li {
  font-size: 15px;
  line-height: 22px;
}

.order-product-table .tip-text {
  margin-top: 10px;
  margin-bottom: 15px;
  color: #2d7cd1;
}

.order-product-table .pay-title {
  text-align: right;
}

.order-product-table .pay-title .tit {
  margin-right: 0 !important;
}

.order-product-table .pay-title .tit i {
  margin-right: 5px;
}

.order-product-table .pay-title .tit .already-pay {
  color: #2d7cd1;
}

.order-product-table .pay-title .tit .not-pay {
  color: #e73155;
}

.order-product-table .price-info-right {
  text-align: right;
  padding: 10px 15px;
  position: absolute;
  top: 49px;
  right: 0;
  font-size: 15px;
}

.order-product-table .price-info-right div {
  margin-bottom: 5px;
}

.order-product-table .price-info-right div:last-child {
  margin-bottom: 0;
}

.order-product-table .price-info-right .price-total {
  font-size: 18px;
}

.order-product-table .price-info-right .price-total.text-red {
  color: #e73155;
  font-weight: bold;
  letter-spacing: 1px;
}

.order-product-table .price-info-right i {
  margin-right: 5px;
}

.order-product-table .price-info-right .c-title-right {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
  height: 27px;
}

.order-product-table.d-flex {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #eee;
}

.order-product-table.d-flex ~ .table-text-block {
  padding-top: 0;
}

.order-product-table.d-flex ~ .select-flight-item {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .order-product-table .info-list-area:nth-child(3) {
    margin-top: 15px;
  }

  .order-product-table .info-list-area {
    border-top: 1px solid #ccc;
    padding: 0;
  }

  .order-product-table .info-list-area .info-list > [class*="col-"] {
    border-bottom: 1px solid #ccc;
  }

  .order-product-table .info-list-area .info-list > [class*="col-"]:last-child {
    border-bottom: 0;
  }

  .order-product-table .info-list-area .info-list .info-list-tit {
    padding: 6px 10px;
    width: 120px !important;
    background: transparent;
  }

  .order-product-table .info-list-area .info-list .info-list-text {
    padding: 0;
  }

  .order-product-table .info-list-area .info-list .info-list-text div {
    text-align: justify;
    padding: 6px 10px;
  }

  .order-product-table .info-list-area .info-list .info-list-text .info-list-single {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .order-product-table {
    display: block;
    border-bottom: 0;
  }

  .order-product-table .info-list-area .info-list .info-list-tit {
    width: 80px !important;
  }

  .order-product-table .ticket-result.type-subtitle .customer-info-collapse {
    margin-left: 5px;
    height: 27px;
  }

  .order-product-table .ticket-result.type-subtitle .customer-info-collapse i {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
  }

  .order-product-table .ticket-result.type-subtitle.pay-title {
    border-bottom: 0;
    margin: 0;
    padding: 10px 0 0 0 !important;
  }

  .order-product-table .ticket-result.type-subtitle.pay-title .tit {
    margin-right: 15px !important;
    margin-bottom: 5px;
  }

  .order-product-table .customer-info-right {
    font-size: 15px !important;
    line-height: 21px;
    float: unset !important;
  }

  .order-product-table .customer-info-content {
    overflow: hidden;
    border-bottom: 2px solid #eee;
    display: block;
  }

  .order-product-table .customer-info-content ul {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
    margin-bottom: 0;
    margin: 0;
  }

  .order-product-table .customer-info-content.collapse.in {
    min-height: unset;
  }

  .order-product-table .c-paydate {
    float: unset !important;
    display: block;
  }

  .order-product-table .price-info-right {
    position: unset;
    color: #888;
    text-align: right;
    padding: 0 15px 10px 0;
    border-bottom: 2px solid #eee;
  }

  .order-product-table .order-flight-info:last-child {
    border-bottom: 2px solid #eee;
  }

  .order-product-table.d-flex {
    display: block;
    border-bottom: 0;
  }
}

.table-vertical {
  margin: 10px 0 15px 0;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.table-vertical .table-vertical-row {
  border-bottom: 1px solid #ccc;
}

.table-vertical .table-vertical-row .row {
  margin-left: 0;
  margin-right: 0;
}

.table-vertical .table-vertical-row .table-vertical-th {
  padding: 8px 10px;
  font-weight: bold;
}

.table-vertical .table-vertical-row .table-vertical-td {
  padding: 8px 10px;
}

.table-vertical .table-vertical-row .row > .table-row-single {
  padding-left: 15px !important;
}

.table-vertical .table-vertical-row .row > .table-row-single .table-vertical-td {
  width: calc(100% - 15px);
}

.table-vertical .table-vertical-row.xs-single-row .row > div {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .table-vertical .table-vertical-row .table-vertical-th {
    padding: 6px 10px;
    line-height: 22px;
  }

  .table-vertical .table-vertical-row .table-vertical-td {
    padding: 6px 10px;
    line-height: 22px;
    text-align: justify;
  }

  .table-vertical .table-vertical-row .row > div .col-xs-12.table-vertical-td {
    padding-top: 0;
    padding-bottom: 0;
  }

  .table-vertical .table-vertical-row .row > div .col-xs-12.table-vertical-td:first-child {
    padding-top: 6px;
  }

  .table-vertical .table-vertical-row .row > div .col-xs-12.table-vertical-td:last-child {
    padding-bottom: 6px;
  }

  .table-vertical .table-vertical-row .row > div:first-child {
    padding-right: 0px;
  }

  .table-vertical .table-vertical-row .row > div:last-child {
    padding-left: 0px;
  }

  .table-vertical .table-vertical-row .row > .table-row-single {
    padding-left: 30px !important;
    width: calc(100% - 30px);
    padding-right: 0;
  }

  .table-vertical .table-vertical-row .row > .table-row-single .table-vertical-td {
    border-bottom: 0;
    width: 100%;
    padding: 10px;
  }

  .table-vertical .table-vertical-row.xs-single-row {
    border-bottom: 0;
    overflow-x: hidden;
  }

  .table-vertical .table-vertical-row.xs-single-row .row > div {
    padding: 0 !important;
  }

  .table-vertical .table-vertical-row.xs-single-row .row > div > div {
    border-bottom: 1px solid #ccc;
  }

  .table-vertical .table-vertical-row.xs-single-row .row > div:last-child {
    padding-left: 15px;
  }

  .table-vertical .table-vertical-row.xs-single-row .row > div:first-child {
    padding-right: 15px;
  }

  .table-vertical .table-vertical-row.xs-single-row:last-child {
    border-bottom: 1px solid #ccc;
  }
}

.pay-customer-info-list {
  margin: 20px 0;
}

.pay-customer-info-list .pay-customer-info + .pay-customer-info {
  margin-top: 15px;
}

.pay-customer-info {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 15px 10px;
  display: -ms-flexbox;
  display: flex;
}

.pay-customer-info .pay-customer-info-tag {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: 10px;
  font-weight: bold;
}

.pay-customer-info .pay-customer-info-detail {
  -ms-flex: 5;
      flex: 5;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-name {
  color: #2d7cd1;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 27px;
  padding-left: 3px;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more {
  margin-top: 10px;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more > span {
  font-size: 1.5rem;
  line-height: 22px;
  margin-right: 10px;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more > span > img {
  width: 22px;
  height: auto;
  vertical-align: sub;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more > ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more > ul > li {
  font-size: 1.5rem;
  line-height: 24px;
}

.pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more .description {
  font-size: 1.5rem;
  vertical-align: unset;
  color: #333;
}

.pay-customer-info .pay-customer-info-price {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}

.pay-customer-info .pay-customer-info-price .pay-customer-info-price-num {
  font-size: 22px;
  font-weight: bold;
}

.pay-customer-info .pay-customer-info-price .pay-customer-info-price-txt {
  font-size: 1.5rem;
  line-height: 27px;
}

.pay-customer-info.disabled {
  background: #f8f8f8;
}

.pay-customer-info.disabled .pay-customer-info-detail .pay-customer-info-detail-name,
.pay-customer-info.disabled .pay-customer-info-detail .pay-customer-info-detail-more,
.pay-customer-info.disabled .pay-customer-info-detail .pay-customer-info-detail-more .description,
.pay-customer-info.disabled .pay-customer-info-price,
.pay-customer-info.disabled .pay-customer-info-price .pay-customer-info-price-txt {
  color: #ccc !important;
}

.pay-customer-info.disabled .pay-customer-info-tag .tag.blue {
  color: #ccc !important;
  box-shadow: 0px 0px 0px 1px #ccc inset !important;
}

@media screen and (max-width: 767px) {
  .pay-customer-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .pay-customer-info .wrap-xs {
    width: 100%;
    border-top: 1px dashed #ccc;
    margin: 10px 0;
  }

  .pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more {
    margin-top: 5px;
  }

  .pay-customer-info .pay-customer-info-detail .pay-customer-info-detail-more > span {
    display: block;
    margin-right: 0;
    line-height: 27px;
  }

  .pay-customer-info + .pay-customer-info {
    margin-top: 20px;
  }
}

.mt-20 {
  margin-top: 20px;
}

.mb-over {
  margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
  .mobile-mb-0 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .pin-bottom-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100vw;
    background: #f8f8f8;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.16);
    padding: 5px 25px;
    box-sizing: border-box;
    z-index: 2;
  }

  .pin-bottom-bar .container-fluid {
    padding: 0px;
  }

  .pin-bottom-bar .container-fluid select {
    width: auto;
    height: 45px;
    line-height: 43px;
  }
}

@media screen and (max-width: 767px) {
  .pin-bottom-bar {
    padding: 5px 15px;
  }

  .pin-bottom-bar.product-submit-area {
    padding: 5px 15px;
  }

  .pin-bottom-bar .container-fluid .row {
    margin: 0px -5px;
  }

  .pin-bottom-bar .container-fluid .row div[class^="col-"] {
    padding: 0px 5px;
  }
}

/* 專屬客服 卡片樣式 */

.person-list-card {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0 15px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}

.person-list-card .person-list-txt {
  width: calc(100% - 125px);
  padding: 15px 15px 15px 0;
  border-right: 1px solid #eee;
}

.person-list-card .person-list-txt h4 {
  color: #333;
  font-size: 1.7rem;
  line-height: 2rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.person-list-card .person-list-txt > ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.person-list-card .person-list-txt > ul > li > ul {
  display: inline-block;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
  list-style: none;
  vertical-align: top;
}

.person-list-card .person-list-btn {
  width: 125px;
  position: relative;
  padding: 15px 0;
}

.person-list-card .person-list-btn .btn-editor {
  max-width: 110px;
  position: absolute;
  bottom: 15px;
  right: 0;
}

.member-notice > [class*='col-']:last-child > .row > .person-list-card {
  margin-bottom: 0;
  /* 最後一張卡片無下方間距 */
}

@media screen and (max-width: 768px) {
  .person-list-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .person-list-card .person-list-txt,
  .person-list-card .person-list-btn {
    width: 100%;
  }

  .person-list-card .person-list-txt {
    padding-right: 0;
    border-right: 0;
  }

  .person-list-card .person-list-btn {
    padding-top: 0;
  }

  .person-list-card .person-list-btn .btn-editor {
    position: unset;
    max-width: unset;
  }
}

.policy-wrapper {
  padding: 40px 0px;
}

.policy-wrapper .item {
  padding: 20px 0px;
}

.policy-wrapper .item-inner {
  margin: 10px 0px;
}

.policy-wrapper .btn-item {
  margin-top: 15px;
}

@media screen and (min-width: 1400px) {
  .policy-wrapper.padding-lg {
    padding: 40px 100px;
  }
}

@media screen and (max-width: 991px) {
  .policy-wrapper {
    padding: 20px 0px;
  }

  .policy-wrapper .item {
    padding-top: 10px;
  }

  .policy-wrapper .btn-item .row {
    margin: 0px -5px;
  }

  .policy-wrapper .btn-item .row div[class^="col-"] {
    padding: 0px 5px;
  }
}

@media screen and (min-width: 992px) {
  .policy-wrapper .policy-wrapper-right-content {
    padding-left: 30px;
  }
}

.policy-wrapper .tit-lg {
  padding: 0;
}

.policy-wrapper ul {
  list-style-type: initial;
}

.policy-wrapper ul.no-style {
  list-style-type: none;
  padding-left: 15px;
}

.policy-wrapper .outer-list {
  padding-left: 20px;
}

.policy-wrapper .outer-list .inner-list {
  padding-left: 20px;
}

.policy-wrapper p,
.policy-wrapper .outer-list li,
.policy-wrapper .inner-list li {
  padding: 10px 0;
  margin: 0;
  line-height: 22px;
  letter-spacing: .4px;
  font-size: 15px;
}

.policy-wrapper p + p,
.policy-wrapper p + .outer-list li,
.policy-wrapper .outer-list li + li,
.policy-wrapper .inner-list li + li {
  padding-top: 0;
}

.policy-wrapper .inner-list-link li {
  padding: 5px 0px;
  display: block;
  letter-spacing: .4px;
  font-size: 15px;
}

.policy-wrapper .inner-list-link li a {
  display: block;
}

.policy-wrapper .item .list-title.type3 {
  margin: 0;
  border-bottom: 0;
  padding: 15px 15px 10px 46px;
}

.policy-wrapper .item .list-title.type3 span.fqa-icon::before {
  position: absolute;
  content: 'Q';
  left: 15px;
  top: 15px;
  background-color: #2d7cd1;
  color: #fff;
  border-radius: 100%;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
}

.policy-wrapper .item .list-title.type3 .ques {
  color: #2d7cd1;
  margin-bottom: 0;
}

.policy-wrapper .item .list-title.type3 .order-btn a i {
  transform: rotate(-180deg);
}

.policy-wrapper .item .list-title.type3.collapsed {
  border-bottom: 1px solid #eee;
  padding: 15px 15px 5px 46px;
}

.policy-wrapper .item .list-title.type3.collapsed span.fqa-icon::before {
  background-color: #ccc;
}

.policy-wrapper .item .list-title.type3.collapsed .ques {
  color: #333;
}

.policy-wrapper .item .list-title.type3.collapsed .order-btn a i {
  transform: rotate(0deg);
}

.policy-wrapper .item .answer {
  border-bottom: 1px solid #eee;
  padding: 0px 15px 0px 45px;
}

.policy-wrapper .item .answer p,
.policy-wrapper .item .answer .outer-list li,
.policy-wrapper .item .answer .inner-list li {
  padding-top: 0;
}

.policy-wrapper .item .answer .item-inner {
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .policy-wrapper ul.no-style {
    padding-left: 0px;
  }

  .policy-wrapper .item .list-title.type3 {
    padding: 15px 15px 10px 36px;
  }

  .policy-wrapper .item .list-title.type3 span.fqa-icon {
    margin-bottom: 0;
  }

  .policy-wrapper .item .list-title.type3 span.fqa-icon::before {
    left: 0px;
  }

  .policy-wrapper .item .list-title.type3 span.fqa-icon .ques {
    margin-bottom: 0;
  }

  .policy-wrapper .item .list-title.type3.collapsed {
    padding: 15px 15px 10px 36px;
  }

  .policy-wrapper .item .answer {
    padding: 0px 0px 0px 36px;
  }
}

.policy-wrapper .item-img .row {
  padding: 0 10px;
}

.policy-wrapper .item-img .row div[class^=col-] {
  padding: 0 5px;
}

.policy-wrapper .item-img .row div[class^=col-] img {
  width: 100%;
}

.policy-wrapper .browser-img-container a {
  color: transparent;
}

.policy-wrapper .browser-img-container a .browser-img {
  width: calc(100% / 6);
}

@media screen and (max-width: 767px) {
  .policy-wrapper .item-img .row div[class^=col-] img {
    padding-bottom: 10px;
  }

  .policy-wrapper .browser-img-container a .browser-img {
    width: calc(100% / 4.2);
  }
}

.popover {
  font-family: Arial, "Microsoft JhengHei", "Helvetica Neue", Helvetica, sans-serif;
  z-index: 1;
}

.popover-content.lg {
  min-width: 280px;
}

.popover-content ul {
  padding-left: 17px;
}

.popover-content ul:last-of-type {
  margin-bottom: 0px;
}

.price-trial .tit-s {
  margin-top: 10px;
}

.price-trial .tit-s-remark {
  display: inline-block;
}

.price-trial .list-title.type2.no-border {
  padding-bottom: 0px;
}

.price-trial .small-info-list-area {
  padding: 0px;
  border-top: solid 2px #eee;
  margin: 10px 0px 0px;
}

.price-trial .small-info-list-area ul {
  border-bottom: solid 1px #eee;
  padding: 10px 0px;
}

.price-trial .small-info-list-area ul:nth-last-child(1) {
  border-bottom: none;
}

.price-trial .small-info-list-area li:last-of-type {
  border-bottom: none;
}

.price-trial .small-info-list-area.bg-gray {
  background: #f0f0f0;
  border-top: 0;
  margin: -20px;
  padding: 20px;
}

.price-trial .small-info-list-area.bg-gray ul {
  border-bottom: 1px solid #ccc;
}

.price-trial .small-info-list-area.bg-gray ul:nth-last-child(1) {
  border-bottom: none;
}

.price-trial .small-info-list-tit {
  text-align: left;
}

.price-trial .small-info-list-text {
  text-align: right;
}

.price-trial .subtotal {
  border-top: solid 2px #eee;
  padding-top: 15px;
  font-size: 14px;
  line-height: 20px;
}

.price-trial .subtotal-price span {
  font-size: 18px;
  line-height: 18px;
}

.price-trial .subtotal-price span:nth-of-type(1) {
  padding-left: 10px;
}

.price-trial-bottom {
  margin: 20px -20px -20px;
  padding: 20px;
  border-radius: 0px 0px 4px 4px;
  background: #f0f0f0;
}

.price-trial-bottom .container-fluid {
  padding: 0px;
}

.price-trial .info-list-tag-type.type2.award {
  border-bottom: 0;
}

.price-trial .info-list-tag-type.type2.award ul {
  border-bottom: 0;
  padding: 0 0 0 1em;
}

.price-trial .info-list-tag-type.type2.award ul li {
  list-style: disc;
  padding: 0;
}

@media screen and (min-width: 992px) {
  .price-trial .pin-bottom-bar {
    margin: 10px -20px -20px;
    padding: 20px;
    border-radius: 0px 0px 4px 4px;
    background: #f0f0f0;
  }

  .price-trial .pin-bottom-bar .container-fluid {
    padding: 0px;
  }

  .price-trial .pin-bottom-bar .container-fluid > .row {
    margin: 0px -5px;
  }

  .price-trial .pin-bottom-bar .container-fluid > .row > [class*=col-] {
    padding: 0px 5px;
  }

  .price-trial .cart-pin-price {
    text-align: right;
  }

  .price-trial .cart-pin-price .currency {
    font-size: 15px;
  }

  .price-trial .cart-pin-price .price strong {
    font-size: 3.2rem;
    line-height: 38px;
  }

  .price-trial .cart-pin-price .price .remark {
    font-size: 15px;
  }

  .price-trial .cart-pin-price .memo {
    line-height: normal;
    font-size: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .price-trial .subtotal {
    padding-bottom: 0px;
  }

  .price-trial-bottom {
    padding: 15px 20px;
  }

  .price-trial .small-info-list-area.bg-gray {
    margin: 20px -20px -20px -20px;
  }
}

@media screen and (max-width: 767px) {
  .price-trial-bottom {
    margin-left: -15px;
    margin-right: -15px;
    padding: 8px 15px 15px;
  }

  .price-trial .small-info-list-area.bg-gray {
    margin: 20px -15px -20px -15px;
    padding: 15px;
  }
}

.product-main {
  position: relative;
  z-index: 2;
}

.product-main > div > .container-fluid {
  padding: 0px;
}

.product-main .product-top-right-way {
  padding-left: 20px;
}

.product-main .product-top-img-setting {
  padding: 10px 0px;
}

.product-main .product-top-img-setting img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.product-main .product-top-img-setting .cover-img {
  height: auto;
  padding-bottom: 66.66%;
  background-size: cover;
  background-position: center center;
}

.product-main .product-top-img-setting .cover-img div {
  height: auto;
  padding-bottom: 66.66%;
  background-size: cover;
  background-position: center center;
}

.product-main .product-top-img-setting.hotel {
  position: absolute;
}

.product-main .product-top-img-setting.hotel .hotel-img {
  position: relative;
  margin-bottom: 8px;
}

.product-main .product-top-img-setting.hotel .hotel-img-box {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
}

.product-main .product-top-img-setting.hotel .hotel-img-box .hotel-img {
  position: relative;
  width: 100%;
  height: 120px;
  margin-right: 8px;
}

.product-main .product-top-img-setting.hotel .hotel-img-box .hotel-img:last-of-type {
  margin-right: 0;
}

.product-main .product-top-img-setting.hotel .more-btn {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  text-align: right;
  font-size: 1.2rem;
  padding: 5px 10px;
}

.product-main .product-top-img-setting.hotel .more-btn i {
  margin-right: 3px;
}

.product-main .product-top-img-setting.hotel .hotel-img .slick-initialized .slide-img-s {
  border: 1px solid transparent;
  padding: 2px;
  opacity: 0.6;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

.product-main .product-top-img-setting.hotel .hotel-img .slider-nav .slide-img-s img {
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-main .product-top-img-setting.hotel .hotel-img .slider-nav {
  background-color: #000;
  margin-bottom: 20px;
  padding: 2px 2px;
}

.product-main .product-top-img-setting.hotel .hotel-img .slick-initialized .slick-current {
  border-color: #fff;
  opacity: 1;
}

.product-main .product-top-img-setting.hotel .hotel-img .slider-for .slide-img-b img {
  height: calc((100vw - 50px) / 3 * 2);
}

.product-main .product-top-img-setting.hotel .hotel-img .slick-prev:before,
.product-main .product-top-img-setting.hotel .hotel-img .slick-next:before {
  opacity: 1;
  font-size: 22px;
  color: #000000;
}

.product-main .product-top-img-setting.hotel .hotel-img .slick-track {
  margin: initial !important;
}

.product-main .product-top-right {
  padding-left: 0px;
}

.product-main .product-top-img {
  position: relative;
  padding: 6px 0px 0px;
  min-height: 462px;
}

.product-main .product-top-img img {
  margin: 0 auto;
}

.product-main .product-top-img .cover-img {
  height: auto;
  padding-bottom: 66.66%;
  background-size: cover;
  background-position: center center;
}

.product-main .product-top-img .cover-img div {
  height: auto;
  padding-bottom: 66.66%;
  background-size: cover;
  background-position: center center;
}

.product-main .product-top-other-info {
  padding: 15px 0px 0px;
}

.product-main .product-top-other-info .product-number {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  color: #fff;
  line-height: 18px;
  padding: 8px 0px;
}

.product-main .product-top-other-info .product-number > span {
  padding-right: 15px;
}

.product-main .product-top-other-info .product-number > span:last-of-type {
  padding-right: 0;
}

.product-main .product-top-other-info .print-btn {
  padding: 2px 15px 2px 0px;
}

.product-main .product-top-other-info .print-btn .btn-reload-sm {
  font-weight: 300;
  padding: 0px 12px;
}

.product-main .product-top-other-info .print-btn .btn-reload-sm i {
  margin-right: 5px;
}

.product-main .product-top-other-info .print-btn .copy-info {
  color: #fff;
  position: absolute;
  white-space: nowrap;
  margin-top: 5px;
}

.product-main .product-top-other-info .print-btn .copy-info i {
  margin-right: 5px;
}

.product-main .product-top .product-in-tit {
  font-size: 3.2rem;
  letter-spacing: 0.2px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  margin: 30px 0px 20px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.product-main .product-top .product-in-tit .little-tit {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 22px;
  font-weight: normal;
}

.product-main .product-top .product-in-tit + .product-top-rating-area {
  margin-top: -5px;
}

.product-main .product-top .product-in-tit .dividing-line:before {
  border-color: #fff;
}

.product-main .product-top .product-in-tit a {
  color: #fff;
}

.product-main .product-top .product-in-tit a:hover,
.product-main .product-top .product-in-tit a:focus {
  color: #fff;
}

.product-main .product-top-rating-area {
  margin-bottom: 10px;
}

.product-main .product-top-rating-area .tag-name {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  vertical-align: middle;
  padding-right: 5px;
}

.product-main .product-top-rating-area .tag {
  margin: 5px 0px;
  margin-right: 10px;
}

.product-main .product-top-rating-area .tag + .product-top-location {
  width: calc(100% - 220px);
}

.product-main .product-top-rating-area-tripadvisor-rating {
  display: none;
  vertical-align: middle;
}

.product-main .product-top-rating-area-tripadvisor-rating-img,
.product-main .product-top-rating-area-tripadvisor-rating-text {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0px;
}

.product-main .product-top-rating-area-tripadvisor-rating-img {
  margin-right: 10px;
}

.product-main .product-top-rating-area-tripadvisor-rating-img .st-tooltip,
.product-main .product-top-rating-area-tripadvisor-rating-img #st-tooltip .tooltip-inner,
#st-tooltip .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner,
.product-main .product-top-rating-area-tripadvisor-rating-img [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner {
  bottom: 30px;
  width: 235px;
  left: 0px;
}

.product-main .product-top-rating-area-tripadvisor-rating-img .st-tooltip:before,
.product-main .product-top-rating-area-tripadvisor-rating-img #st-tooltip .tooltip-inner:before,
#st-tooltip .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:before,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:before,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:before,
.product-main .product-top-rating-area-tripadvisor-rating-img [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:before,
.product-main .product-top-rating-area-tripadvisor-rating-img .st-tooltip:after,
.product-main .product-top-rating-area-tripadvisor-rating-img #st-tooltip .tooltip-inner:after,
#st-tooltip .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:after,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:after,
.product-main .product-top-rating-area-tripadvisor-rating-img [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:after,
.product-main .product-top-rating-area-tripadvisor-rating-img [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-main .product-top-rating-area-tripadvisor-rating-img .tooltip-inner:after {
  left: 8%;
}

.product-main .product-top-rating-area-tripadvisor-rating-img a {
  color: #fff;
}

.product-main .product-top-rating-area-tripadvisor-rating-img a .remark {
  text-decoration: underline;
}

.product-main .product-top-rating-area-tripadvisor-rating-img img + .remark {
  margin-left: 5px;
}

.product-main .product-top-rating-area-tripadvisor-rating-img .remark {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  color: #fff;
}

.product-main .product-top-rating-area-tripadvisor-rating-text {
  color: #fff;
  font-size: 22px;
  line-height: 27px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.product-main .product-top-rating-area-tripadvisor-rating-text .remark {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  color: #fff;
}

.product-main .product-top-address {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
  color: #fff;
  position: relative;
  padding-left: 16px;
  margin: 10px 0px;
}

.product-main .product-top-address i {
  position: absolute;
  top: 1px;
  left: 0px;
  font-size: 1.5rem;
}

.product-main .product-top-location {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.product-main .product-top-location .tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.product-main .product-top-location .tag i {
  margin-right: 4px;
}

.product-main .product-top-location + .product-top-rating-area-tripadvisor-rating {
  display: none;
  margin-top: 5px;
}

.product-main .product-top .product-info-tag-area .tag:not(.solid):not(.black) {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.product-main .product-top.type2 {
  margin-bottom: 35px;
}

.product-main .product-top .product-top-star-rating.dark .star-rating-star i {
  color: #fbb949;
}

.product-main .product-top .product-top-star-rating.dark .star-rating-score {
  color: #fbb949;
  text-shadow: none;
}

.product-main .product-top .product-top-star-rating.dark .star-rating-from {
  color: #333;
  text-shadow: none;
}

@media screen and (max-width: 1440px) {
  .product-main .product-top-img {
    min-height: calc((((100vw - 50px - 15px + 5px) / 2) / 3 * 2) - 1px);
  }
}

@media screen and (max-width: 991px) {
  .product-main .product-top > .col-lg-12.col-xs-12 {
    padding: 0 30px;
  }

  .product-main .product-top-right-way {
    padding: 0 30px;
  }

  .product-main .product-top-img-setting img {
    margin-bottom: 0px;
  }

  .product-main .product-top-img-setting.hotel {
    position: relative;
  }

  .product-main .product-top-img-setting.hotel .hotel-img img {
    transform: none;
  }

  .product-main .product-top-img-setting.hotel .hotel-img .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .product-main .product-top-img {
    min-height: calc((100vw - 50px + 6px) / 3 * 2);
  }

  .product-main .product-top-right {
    padding-left: 15px;
  }

  .product-main .product-top-other-info {
    padding: 0px;
  }

  .product-main .product-top-other-info .share {
    position: relative;
    top: -10px;
  }

  .product-main .product-top-other-info .product-number {
    padding: 5px 0;
    float: left !important;
    width: 100%;
  }

  .product-main .product-top-other-info.type2 {
    padding-top: 15px;
  }

  .product-main .product-top-other-info.type2 .share {
    top: 0;
  }

  .product-main .product-top .product-in-tit {
    margin: 15px 0px;
  }
}

@media screen and (max-width: 767px) {
  .product-main .product-top-img-setting {
    padding: 0px;
    margin: 0 -15px;
  }

  .product-main .product-top-img-setting img {
    border-radius: 0px;
  }

  .product-main .product-top-img {
    margin: 0px -15px;
    padding: 0px;
    min-height: calc(100vw / 3 * 2);
  }

  .product-main .product-top-rating-area .tag-name {
    font-size: 1.4rem;
  }

  .product-main .product-top-rating-area .tag + .product-top-location {
    width: 100%;
  }

  .product-main .product-top-rating-area-tripadvisor-rating {
    display: none;
  }

  .product-main .product-top-rating-area-tripadvisor-rating-img,
  .product-main .product-top-rating-area-tripadvisor-rating-text {
    display: block;
  }

  .product-main .product-top-rating-area-tripadvisor-rating-img {
    margin-bottom: 10px;
  }

  .product-main .product-top-rating-area-tripadvisor-rating-text {
    font-size: 1.8rem;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .product-main .product-top .product-in-tit {
    font-size: 2.4rem;
    line-height: 30px;
  }

  .product-main .product-top .product-top-img-setting.hotel .hotel-img .slider-for .slide-img-b img {
    height: calc((100vw - 30px) / 3 * 2);
  }
}

.product-block {
  position: relative;
  margin: 0;
  margin-top: -80px;
  border-radius: 4px;
}

.product-block .product-block-left-way {
  padding-right: 0px;
}

.product-block.product-bg-white {
  background-color: #fff;
}

.product-block.product-bg-white > .row {
  margin: 0px;
}

@media screen and (min-width: 992px) {
  .product-block .product-block-left-way {
    padding-top: 15px;
  }

  .product-block .product-block-right-way {
    padding: 15px 25px 0 25px;
  }
}

@media screen and (max-width: 991px) {
  .product-block .product-block-left-way {
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .product-block.product-bg-white {
    margin: -20px -15px 0px -15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  .product-block.product-select-product {
    margin: -20px -15px 0 -15px;
    padding: 0px 15px;
    border-radius: 10px;
    background-color: #fff;
  }

  .product-block .product-block-right-way {
    padding-top: 0px;
  }

  .product-info-tag-area .d-inline-block-PC {
    display: block;
  }
}

.product-top-block {
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px 20px;
  min-height: 200px;
}

.product-top-block > .row {
  margin: 0px;
}

.product-top-block .product-flex-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

.product-top-block .product-flex-right .product-number > span {
  padding-right: 15px;
}

.product-top-block .product-flex-right .product-number > span:last-of-type {
  padding-right: 0;
}

.product-top-block .print-btn-row {
  display: -ms-flexbox;
  display: flex;
}

.product-top-block .print-btn-row > div {
  margin-left: 15px;
  margin-top: 15px;
}

.product-top-block .print-btn-row > div a {
  padding: 0 12px;
}

.product-top-block .print-btn-row > div .copy-info {
  color: #888;
  position: absolute;
  white-space: nowrap;
  margin-top: 10px;
}

.product-top-block .print-btn-row > div .copy-info i {
  margin-right: 5px;
}

@media screen and (max-width: 991px) {
  .product-top-block {
    padding: 20px 0px;
  }

  .product-top-block .product-flex-right {
    -ms-flex-align: normal;
        align-items: normal;
  }

  .product-top-block.product-block {
    padding: 0px 0px 20px 0px;
  }
}

.product-info {
  margin-top: 40px;
}

.product-info-list-area {
  padding: 30px 0px;
}

.product-info-list-item {
  margin-bottom: 40px;
}

.product-info-list-item:last-of-type {
  margin-bottom: 0px;
}

.product-info-list-other {
  margin: 40px auto;
  max-width: 1280px;
}

.product-info-list-other:first-of-type {
  margin-top: 0px;
}

.product-info-list-other:last-of-type {
  margin-bottom: 0px;
}

.product-info-list-other .tit-s {
  margin: 15px 0px;
  position: relative;
  padding-left: 10px;
}

.product-info-list-other .tit-s::before {
  content: '';
  width: 3px;
  height: 20px;
  background-color: #2d7cd1;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
}

.product-info-list-other-tag-area {
  margin: -5px 0px;
}

.product-info-list-other-tag-area .tag {
  margin: 5px 0px;
  margin-right: 10px;
}

.product-info-list-other.w-100 {
  min-width: 100%;
}

.product-info-tag-area .d-inline-block-PC {
  display: inline-block;
}

@media screen and (min-width: 1399px) {
  .indent-type {
    width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .product-top-block {
    box-shadow: none;
    border-radius: 0;
  }

  .product-top-block.product-block {
    margin: -20px -15px 0 -15px;
    border-top: none;
    border-radius: 10px;
  }

  .product-info-tag-area .d-inline-block-PC {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .product-info-list-other .tit-s::before {
    top: 1px;
  }
}

@keyframes bgProduct {
  from {
    background-position: 40% 40%;
  }
}

.bg-product {
  position: relative;
  min-height: 56px;
}

.bg-product .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 286px;
  background: #2d7cd1;
  background: #004ea2;
}

.bg-product .overlay.gradient {
  z-index: 0;
}

.bg-product-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  pointer-events: none;
  z-index: 1;
  animation: bgProduct 5s linear;
  background-position: 60% 60%;
}

.bg-product-cover {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  width: 100%;
  height: 286px;
  z-index: 5;
}

.bg-position {
  height: 1px;
  margin-bottom: -1px;
}

@media screen and (max-width: 991px) {
  .bg-product-cover {
    height: 170px;
  }

  .bg-product .overlay.gradient {
    height: 170px;
  }

  .bg-product .overlay.gradient.product-top {
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .bg-product {
    min-height: 0px;
  }

  .bg-product-cover {
    height: 100px;
  }

  .bg-product .overlay.gradient {
    height: 100px;
  }

  .bg-product .overlay.gradient.product-top {
    height: 250px;
  }
}

@media screen and (max-width: 479px) {
  .bg-product-cover {
    height: 130px;
  }

  .bg-product .overlay.gradient {
    height: 130px;
  }
}

.product-bg {
  position: relative;
  background-color: #004ea2;
  padding-bottom: 80px;
}

.product-bg-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  animation: bgProduct 5s linear;
}

.product-bg .gradient {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, white 100%);
  width: 100%;
  height: 250px;
  position: absolute;
  bottom: 0;
}

.product-bg.use-for-cart {
  animation: none;
}

.product-bg.use-for-cart .gradient {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #f0f0f0 100%);
}

.product-bg.use-for-cart .product-main {
  animation: none;
}

@media screen and (max-width: 767px) {
  .product-bg {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .product-bg {
    z-index: 0;
  }

  .product-bg .gradient {
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 30%, white 100%);
  }
}

.product-select-has-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.product-select-product-list {
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 20px 20px;
  min-height: 200px;
  margin: 30px 0px;
}

.product-select-product-list.no-shadow {
  box-shadow: none;
}

.product-select-product-list.left,
.product-select-product-list.left-v2 {
  border-top: solid 3px #2d7cd1;
}

.product-select-product-list.tourfit {
  border: solid 3px #2d7cd1;
}

.product-select-product-list.right {
  border-top: solid 3px #e73155;
}

.product-select-product-list-item {
  margin: 35px 0px;
}

.product-select-product-list-item:nth-of-type(1) {
  margin-top: 10px;
}

.product-select-product-list-item:last-of-type {
  margin-bottom: 0px;
}

.product-select-product-list-item .tit-m + [class*=st-alert] {
  margin-top: 20px;
}

.product-select-product-list [class*=st-alert-] + .product-select-product-list-item {
  margin-top: 25px;
}

.product-select-product-list .error-page {
  padding: 0px;
  margin: 20px 0px;
}

.product-select-product-list .error-page-img {
  width: 200px;
  height: 156px;
}

.product-select-product-list .error-page-img .error-500-moo {
  width: 185px;
  top: 8px;
  left: 12px;
}

.product-select-product-list .error-page-img .error-500-trunk {
  width: 76px;
  top: 24px;
  left: 1px;
}

.product-select-product-list .error-page-img .error-500-shadow {
  display: none;
}

.product-select-product-list .error-page-text-tit {
  font-size: 18px;
  line-height: 24px;
}

.product-select-product-list .error-page.has-bg {
  background: #f0f0f0;
  margin: 0;
  padding: 15px 0px;
}

.product-select-product-list .loading-align-area .loading-align-text {
  width: 250px;
  left: 50%;
  transform: translateX(-50%);
}

.product-select-product-list.no-min-height {
  min-height: 0px;
}

.product-select-product-list .room-item-more:last-of-type {
  margin-bottom: 0px;
}

.product-select-product .product-item .area-price {
  bottom: 50%;
  transform: translateY(50%);
}

.product-select-product .product-item.fit-hotel {
  margin-bottom: 0px;
}

.product-select-product .room-item:not(.type2) {
  margin: 0px;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
}

.product-select-product .room-item:not(.type2) .product-item:before {
  display: none;
}

.product-select-product .room-item:not(.type2) .product-item:after {
  right: 25%;
}

@media screen and (min-width: 1441px) {
  .product-select-product .product-item.no-price .product-info {
    width: auto;
  }

  .product-select-product .room-item-left {
    width: 296px;
  }

  .product-select-product .room-item-right {
    padding-left: 311px;
  }

  .product-select-product .room-item-img .cover-img {
    height: 197px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .product-select-product .room-item-left {
    width: 33.33333333%;
  }

  .product-select-product .room-item-right {
    padding-left: 34.33333333%;
  }

  .product-select-product .room-item-img .cover-img {
    height: 15.325vw;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-select-product .room-item-left {
    min-height: 15.1vw;
    padding-left: 35.33333333%;
  }

  .product-select-product .room-item-img {
    width: 33.33333333%;
  }

  .product-select-product .room-item-img .cover-img {
    height: 15.1vw;
  }
}

@media screen and (max-width: 1199px) {
  .product-select-product .room-item-left {
    padding-left: 0px;
    min-height: 0px;
  }
}

@media screen and (max-width: 991px) {
  .product-select-has-sticky {
    position: relative;
  }

  .product-select-product .product-item .area-price {
    bottom: 0px;
    transform: translateY(0px);
  }

  .product-select-product-list.tourfit-no-shadow-sm {
    padding: 0px;
    box-shadow: none;
    border: none;
  }

  .product-select-product-list.left,
  .product-select-product-list.left-v2 {
    border-top: none;
  }

  .product-select-product-list-item:nth-of-type(1) {
    margin-top: 20px;
  }

  .mobile-flex-reverse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .product-select-product-list {
    padding: 20px 15px;
  }

  .product-select-product-list.no-shadow-sm,
  .product-select-product-list.no-shadow {
    padding: 0px;
    box-shadow: none;
    border-top: none;
  }

  .product-select-product-list .error-page-text-tit {
    font-size: 15px;
    line-height: 20px;
  }
}

.product-select-product .product-item.tourFit-hotel .area-price {
  bottom: 0px;
  transform: translateY(0px);
}

.product-select-product .product-item.tourFit-hotel.active .area-price {
  bottom: 50%;
  transform: translateY(50%);
}

@media screen and (max-width: 991px) {
  .product-select-product .product-item.tourFit-hotel.active .area-price {
    bottom: 0px;
    transform: translateY(0px);
  }
}

.product-info-header {
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  background: #fff;
}

.product-info-header .container {
  position: relative;
  text-align: center;
}

.product-info-header .container .navbar {
  display: inline-block;
  min-height: 0px;
  margin: 0px;
  border: none;
  position: relative;
}

.product-info-header .container .navbar ul {
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

.product-info-header .container .navbar ul li {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0px 33px;
}

.product-info-header .container .navbar ul li a {
  display: block;
  color: #333;
  position: relative;
  padding: 0px 10px;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 57px;
  text-decoration: none;
  transition: 0.3s ease all;
}

.product-info-header .container .navbar ul li a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e73155;
  bottom: -3px;
  left: 0px;
  opacity: 0;
  transition: 0.3s ease all;
}

.product-info-header .container .navbar ul li a:hover,
.product-info-header .container .navbar ul li a.active {
  color: #2d7cd1;
  font-weight: bold;
}

.product-info-header .container .navbar .navigationActive {
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e73155;
  bottom: -3px;
  left: 0px;
  transition: 0.3s ease all;
}

.product-info-header .container .purchase {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
}

.product-info-header .container .purchase .phone-order {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
}

.product-info-header .container .purchase .phone-order span {
  vertical-align: middle;
  padding-right: 10px;
}

.product-info-header .container .purchase .phone-order .has-tooltip {
  display: inline-block;
  vertical-align: middle;
}

.product-info-header .container .purchase .phone-order .has-tooltip > img,
.product-info-header .container .purchase .phone-order .has-tooltip > canvas {
  width: 48px !important;
  height: 48px !important;
  padding: 5px;
  border-radius: 4px;
  border: solid 1px #eee;
  cursor: pointer;
  vertical-align: middle;
}

.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  padding: 10px 10px;
  width: 190px;
  height: 220px;
  top: 61px;
  right: 0px;
}

.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip img,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner img,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner img,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner img,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner img,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner img,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner img,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner img,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner img,
.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip canvas,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner canvas,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner canvas,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner canvas,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner canvas,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner canvas,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner canvas,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner canvas,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner canvas {
  width: 170px;
  padding: 7px;
}

.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip:before,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:before,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip:after,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:after,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after {
  transform: rotate(180deg);
  left: 87%;
}

.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip:before,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:before,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:before {
  bottom: auto;
  top: -9px;
}

.product-info-header .container .purchase .phone-order .has-tooltip .st-tooltip:after,
.product-info-header .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:after,
#st-tooltip .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-info-header .container .purchase .phone-order .has-tooltip .tooltip-inner:after {
  bottom: auto;
  top: -8px;
}

.product-info-header .container .purchase button {
  height: 100%;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  font-weight: 400;
  border-radius: 0px;
  width: 136px;
}

.product-info-header .container .purchase:after {
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.product-info-header.pin-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.16);
  transition: 0.3s ease all;
  border-top: none;
}

.product-info-header.pin-top .container .navbar ul li a {
  line-height: 48px;
}

.product-info-header.pin-top .container .purchase .phone-order .has-tooltip > img,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip > canvas {
  width: 35px !important;
  height: 35px !important;
}

.product-info-header.pin-top .container .purchase .phone-order .has-tooltip .st-tooltip,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner,
#st-tooltip .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner {
  right: auto;
  left: 50%;
  margin-left: -95px;
}

.product-info-header.pin-top .container .purchase .phone-order .has-tooltip .st-tooltip:before,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:before,
#st-tooltip .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:before,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip .st-tooltip:after,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip #st-tooltip .tooltip-inner:after,
#st-tooltip .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:after,
.product-info-header.pin-top .container .purchase .phone-order .has-tooltip [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-info-header.pin-top .container .purchase .phone-order .has-tooltip .tooltip-inner:after {
  left: 50%;
}

.product-info-header.type2 .container .navbar {
  display: block;
  text-align: left;
}

.product-info-header.type2 .container .navbar ul li a {
  text-align: center;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .product-info-header.type2 .container .navbar ul li {
    padding: 0px 10px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-info-header .container {
    text-align: left;
  }

  .product-info-header.type2 .container .navbar ul li {
    padding: 0px;
  }
}

@media screen and (max-width: 991px) {
  .product-info-header.pin-top {
    border-top: 1px solid #eee;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .product-info-header .container .navbar {
    display: block;
  }

  .product-info-header .container .purchase {
    display: none;
  }

  .product-info-header.type2 .container {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .product-info-header.type2 .container .navbar ul li {
    padding: 0px 20px;
  }

  .product-info-header.type2 .container .navbar .navigationActive {
    bottom: 0px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .product-info-header .container .navbar {
    display: block;
  }

  .product-info-header .container .navbar ul li {
    padding: 0px;
    width: 25%;
  }

  .product-info-header .container .navbar ul li a {
    font-size: 1.6rem;
    line-height: 48px;
  }

  .product-info-header .container .purchase {
    display: none;
  }

  .product-info-header.type2 .container {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .product-info-header.type2 .container .navbar ul li {
    width: auto;
    min-width: 28.5%;
  }

  .product-info-header.type2 .container .navbar .navigationActive {
    bottom: 0px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .product-info-header.pin-top.mobile-top {
    top: 0;
  }

  .product-info-header .container .navbar {
    display: block;
  }

  .product-info-header .container .navbar ul {
    font-size: 0px;
    display: block;
  }

  .product-info-header .container .navbar ul li {
    padding: 0px;
    width: 25%;
  }

  .product-info-header .container .navbar ul li a {
    font-size: 1.6rem;
    line-height: 48px;
    padding: 0px;
  }

  .product-info-header .container .purchase {
    display: none;
  }

  .product-info-header.type2 .container {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .product-info-header.type2 .container .navbar ul li {
    width: auto;
    min-width: 30%;
  }

  .product-info-header.type2 .container .navbar .navigationActive {
    bottom: 0px;
  }
}

.quantity-select {
  white-space: nowrap;
  text-align: center;
  font-size: 0px;
  padding: 0px;
}

.quantity-select.text-left {
  text-align: left;
}

.quantity-select.display-inline-block {
  display: inline-block;
}

.quantity-select.display-inline {
  display: inline;
}

.quantity-select.cover-width .input-number {
  width: calc( 100% - 60px);
  max-width: 70px;
}

.quantity-select.has-unit {
  padding-right: 36px;
}

.quantity-select.has-unit:after {
  content: attr(data-unit);
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
  margin: 8px 0px;
  margin-left: 5px;
}

.input-number {
  width: 36px;
  padding: 0 5px;
  vertical-align: top;
  text-align: center;
  outline: none;
  transition: 0.3s ease all;
  color: #888;
  background: #fff;
  border: solid 2px #ccc;
}

.input-number.active,
.input-number:focus {
  color: #e73155;
  background: #fff;
  border: solid 2px #e73155;
}

.input-number[disabled] {
  cursor: not-allowed;
  color: #ccc;
}

.input-number,
.input-number-decre,
.input-number-incre {
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: bold;
  font-size: 1.8rem;
  vertical-align: top;
  border-radius: 4px;
}

.number-base,
.input-number-decre,
.input-number-incre {
  display: inline-block;
  width: 30px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  color: #888;
  background: #fff;
  border: solid 1px #ccc;
}

.input-number-decre,
.input-number-incre {
  line-height: 36px;
}

.input-number-decre:hover,
.input-number-incre:hover {
  color: #e73155;
}

.input-number-decre:active,
.input-number-incre:active {
  color: #e73155;
}

.input-number-decre.disable,
.input-number-incre.disable {
  color: #ccc;
  border-color: #ccc;
  background: #f0f0f0;
  cursor: not-allowed;
}

.input-number-decre {
  border-right: none;
  border-radius: 4px 0px 0px 4px;
}

.input-number-incre {
  border-left: none;
  border-radius: 0px 4px 4px 0px;
}

@media screen and (max-width: 1199px) {
  .quantity-select.cover-width .input-number {
    width: calc( 100% - 40px);
  }

  .quantity-select.cover-width .input-number-decre,
  .quantity-select.cover-width .input-number-incre {
    width: 20px;
  }
}

@media screen and (max-width: 991px) {
  .quantity-select.cover-width .input-number {
    width: calc( 100% - 60px);
  }

  .quantity-select.cover-width .input-number-decre,
  .quantity-select.cover-width .input-number-incre {
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .quantity-select.has-unit:after {
    font-size: 14px;
    margin: 9px 0px;
    margin-left: 5px;
  }
}

.product-list .tit-s {
  color: #2d7cd1;
  margin: 20px 0 0 0;
}

.product-list .product-item.tour:after,
.product-list .product-item.recommend-product:after,
.product-list .product-item.have-chosen:after,
.product-list .product-item.flight.type2:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #eee;
  height: 100%;
  top: 0px;
  right: 16.66666667%;
}

.product-list .self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.product-item {
  border: 1px solid #eee;
  background: #fff;
  color: #333;
  margin: 24px 0 12px 0;
  position: relative;
  border-radius: 4px;
  transition: 0.3s ease all;
}

.product-item:hover,
.product-item.active {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.product-item.type-transparent {
  background: transparent;
  border: 0;
}

.product-item.type-transparent:hover,
.product-item.type-transparent.active {
  box-shadow: none;
}

.product-item.type-transparent .features-list li {
  color: #333;
}

.product-item > .container-fluid > .row {
  position: relative;
}

.product-item > .container-fluid > .row.rebuild {
  height: 140px;
}

@media screen and (max-width: 991px) {
  .product-item > .container-fluid > .row.rebuild {
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.product-item > .container-fluid > .row.rebuild .col-md-10 {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .product-item > .container-fluid > .row.rebuild .col-md-10 {
    margin-top: 15px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item > .container-fluid > .row.rebuild .col-md-10 {
    margin-top: 20px;
  }
}

.product-item > .container-fluid > .row.border-bottom {
  border-bottom: 1px solid #eee;
}

.product-item .serach-img {
  position: relative;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 205px;
}

.product-item .serach-img img {
  aspect-ratio: 3 / 2;
  min-height: 205px;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-item .serach-img .favorite {
  position: absolute;
  top: 10px;
  right: 10px;
}

.product-item .serach-img .follow {
  position: absolute;
  top: 8px;
  right: 8px;
}

.product-item .serach-img-score {
  position: absolute;
  bottom: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 18px;
}

.product-item .serach-img-score p {
  margin-bottom: 2px;
}

.product-item .serach-img-score p strong {
  font-size: 1.5rem;
}

.product-item .serach-img-score p:last-of-type {
  margin-bottom: 0px;
}

.product-item .serach-img .room-item-img-zoom-icon {
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  width: auto;
  height: auto;
}

.product-item-cover-img {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  min-height: 205px;
  display: block;
}

.product-item .product-info {
  padding: 5px 12px;
  position: static;
  margin-top: 0;
}

.product-item .product-info .product-name {
  margin: 10px 0px;
  color: #333;
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  font-weight: bold;
}

.product-item .product-info .product-name a {
  text-decoration: none;
  color: #333;
}

.product-item .product-info .product-name a:hover {
  text-decoration: underline;
  color: #3d4c98;
}

.product-item .product-info .product-name .little-tit {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 18px;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-item .product-info .product-info-text.hidden-xs > p,
.product-item .product-info .hidden-xs > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}

.product-item .product-info .product-info-text.hidden-xs > ul li .most-one-row,
.product-item .product-info .hidden-xs > ul li .most-one-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}

.product-item .product-info .product-info-text.hidden-xs > p,
.product-item .product-info .product-info-text.hidden-xs > ul li,
.product-item .product-info .hidden-xs > p,
.product-item .product-info .hidden-xs > ul li {
  margin: 5px 0px;
  color: #888;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  max-height: 40px;
}

.product-item .product-info .product-info-text.hidden-xs > p ul,
.product-item .product-info .hidden-xs > p ul {
  padding-left: 18px;
}

.product-item .product-info .product-info-text.hidden-xs > ul,
.product-item .product-info .hidden-xs > ul {
  padding-left: 18px;
}

.product-item .product-info .product-info-text.hidden-xs > div,
.product-item .product-info .hidden-xs > div {
  padding: 5px 0;
  color: #888;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  position: absolute;
  bottom: 10px;
}

.product-item .product-info-offer {
  position: relative;
  line-height: 20px;
  display: inline-block;
}

.product-item .product-info-offer + .product-info-offer {
  margin-left: 15px;
}

.product-item .product-info-offer .tag {
  display: none;
  margin-right: 5px;
}

.product-item .product-info-offer span,
.product-item .product-info-offer strong {
  vertical-align: top;
  font-size: 1.5rem;
  color: #f37370;
  letter-spacing: 0.4px;
}

.product-item .product-info-offer::before {
  font-family: 'FontAwesome';
  content: "\F02B";
  color: #f37370;
  font-size: 2rem;
  margin-right: 3px;
}

.product-item .product-info-offer::after {
  font-family: 'FontAwesome';
  position: absolute;
  content: "\F155";
  color: #fff;
  top: 1px;
  left: 6px;
  font-size: 1.2rem;
  transform: rotate(-17deg) scale(0.8);
}

.product-item .product-info-offer .st-tooltip,
.product-item .product-info-offer #st-tooltip .tooltip-inner,
#st-tooltip .product-item .product-info-offer .tooltip-inner,
.product-item .product-info-offer [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-item .product-info-offer .tooltip-inner,
.product-item .product-info-offer [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-item .product-info-offer .tooltip-inner,
.product-item .product-info-offer [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-item .product-info-offer .tooltip-inner {
  bottom: 30px;
  width: 250px;
  left: 0px;
  color: #333;
}

.product-item .product-info-offer .st-tooltip:before,
.product-item .product-info-offer #st-tooltip .tooltip-inner:before,
#st-tooltip .product-item .product-info-offer .tooltip-inner:before,
.product-item .product-info-offer [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-item .product-info-offer .tooltip-inner:before,
.product-item .product-info-offer [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-item .product-info-offer .tooltip-inner:before,
.product-item .product-info-offer [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-item .product-info-offer .tooltip-inner:before,
.product-item .product-info-offer .st-tooltip:after,
.product-item .product-info-offer #st-tooltip .tooltip-inner:after,
#st-tooltip .product-item .product-info-offer .tooltip-inner:after,
.product-item .product-info-offer [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-item .product-info-offer .tooltip-inner:after,
.product-item .product-info-offer [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-item .product-info-offer .tooltip-inner:after,
.product-item .product-info-offer [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-item .product-info-offer .tooltip-inner:after {
  left: 8%;
}

.product-item .product-info-bottom {
  margin: 10px 0px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}

.product-item .product-info-bottom > div {
  display: inline-block;
  position: relative;
  margin-right: 24px;
  vertical-align: middle;
  color: #888;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: normal;
}

.product-item .product-info-bottom > div:after {
  content: "";
  width: 1px;
  height: 10px;
  top: 3px;
  right: -12px;
  background-color: #ccc;
  position: absolute;
}

.product-item .product-info-bottom > div:last-of-type::after {
  content: none;
}

.product-item .product-info-bottom > div.tag {
  font-size: 1.5rem;
}

.product-item .product-info-bottom .order-btn a {
  font-size: 1.2rem;
}

.product-item .product-info-bottom.hidden-xs div {
  position: relative;
  bottom: 0px;
  padding: 0px;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
}

.product-item .product-info-bottom .order-btn a {
  color: #2d7cd1;
  text-decoration: underline;
  padding: 0px;
  margin: 0px;
  font-size: 1.2rem;
}

.product-item .product-info-bottom .order-btn a:hover {
  color: #3d4c98;
}

.product-item .product-info-bottom a:visited {
  color: #3d4c98;
}

.product-item .product-info-bottom-remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
}

.product-item .product-info-rating-and-location > .tag {
  margin: 5px 5px 5px 0px;
}

.product-item .product-info-rating-and-location > .tag + .location {
  max-width: 280px;
}

.product-item .product-info-rating-and-location .location {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.product-item .product-info-rating-and-location .location .tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-decoration: none;
}

.product-item .product-info-rating-and-location .location .tag:hover {
  text-decoration: underline;
}

.product-item .product-info-rating-and-location .location + .remark {
  margin-left: 10px;
}

.product-item .product-info-rating-and-location .location .text {
  font-size: 12px;
}

.product-item .product-info-rating-and-location .headline {
  display: block;
  margin: 8px 0;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
}

.product-item .product-info-tripadvisor-rating {
  margin: 8px 0px;
  display: none;
}

.product-item .product-info-tripadvisor-rating img {
  max-width: 119px;
  width: 100%;
}

.product-item .product-info-tripadvisor-rating .st-tooltip,
.product-item .product-info-tripadvisor-rating #st-tooltip .tooltip-inner,
#st-tooltip .product-item .product-info-tripadvisor-rating .tooltip-inner,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .product-item .product-info-tripadvisor-rating .tooltip-inner,
.product-item .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner {
  bottom: 30px;
  width: 235px;
  left: 0px;
}

.product-item .product-info-tripadvisor-rating .st-tooltip:before,
.product-item .product-info-tripadvisor-rating #st-tooltip .tooltip-inner:before,
#st-tooltip .product-item .product-info-tripadvisor-rating .tooltip-inner:before,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner:before,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .product-item .product-info-tripadvisor-rating .tooltip-inner:before,
.product-item .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner:before,
.product-item .product-info-tripadvisor-rating .st-tooltip:after,
.product-item .product-info-tripadvisor-rating #st-tooltip .tooltip-inner:after,
#st-tooltip .product-item .product-info-tripadvisor-rating .tooltip-inner:after,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner:after,
.product-item .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .product-item .product-info-tripadvisor-rating .tooltip-inner:after,
.product-item .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .product-item .product-info-tripadvisor-rating .tooltip-inner:after {
  left: 8%;
}

.product-item .product-info-tripadvisor-rating .remark {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
  text-decoration: underline;
}

.product-item .tag-area {
  padding: 15px 0px 0px;
  text-align: right;
}

.product-item .area-price {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.product-item .area-price .row {
  margin: 0px;
}

.product-item .area-price .row .price {
  margin: 0px -15px;
  color: #e73155;
  font-size: 2.5rem;
  letter-spacing: 0.2px;
  text-align: right;
  font-weight: bold;
}

.product-item .area-price .row .price a {
  color: #e73155;
}

.product-item .area-price .row .price .ori-price {
  color: #333;
  font-size: 14px;
  letter-spacing: 0.4px;
  text-decoration: none;
}

.product-item .area-price .row .price .ori-price-uni {
  text-decoration: line-through;
}

.product-item .area-price .row .price .ori-price-line-through {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  text-decoration: line-through;
}

.product-item .area-price .row .price .ori-price span.remark {
  font-size: 1.5rem;
  color: #333;
}

.product-item .area-price .row .price .ori-price-customer {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  text-decoration: none;
}

.product-item .area-price .row .price .b2b-product-price {
  color: #333;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  margin-top: 5px;
}

.product-item .area-price .row .price .price-loading {
  width: 20px;
  display: block;
  position: absolute;
  left: -2px;
  background: #fff;
}

.product-item .area-price .row .price .price-loading > article {
  width: 100%;
  min-height: 20px;
  position: relative;
  display: inline-block;
}

.product-item .area-price .row .price .price-loading > article .loading-circle {
  transform: scale(0.08);
}

.product-item .area-price .row .price .price-uni {
  color: #e73155;
}

.product-item .area-price .row .price .price-uni.price-uni-rebuild {
  font-size: 25px;
}

.product-item .area-price .row .price em {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  font-style: normal;
}

.product-item .area-price .row .price em.rebuild {
  font-size: 1.2rem !important;
}

.product-item .area-price .row .price .text {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
}

.product-item .area-price .row .price a.red {
  text-decoration: none;
  border-bottom: solid 2px;
}

.product-item .area-price .row .price.fit-rebuild {
  margin: 0;
}

.product-item .area-price .row .price-btn {
  padding: 10px 0;
}

.product-item .area-price .product-item-right-text {
  position: relative;
  top: 0px;
  padding: 0px;
  max-width: none;
}

.product-item:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #eee;
  height: 100%;
  top: 0px;
  right: 16.66666667%;
}

.product-item.rebuild {
  border-left: none;
  border-right: none;
  border-radius: 0px;
  margin: 24px 0 0;
}

.product-item.rebuild:after {
  width: 0px !important;
}

.product-item-right-text {
  font-size: 14px;
  letter-spacing: 0.4px;
  position: absolute;
  top: 15px;
  right: 0px;
  max-width: 16.666667%;
  padding: 0px 15px;
  box-sizing: border-box;
  text-align: right;
}

.product-item-right-text > a {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 26px;
  display: block;
}

.product-item-right-text > .tag + a {
  margin-top: 5px;
}

.product-item-right-text > .tag:not(:first-child) {
  margin-top: 6px;
  margin-left: 6px;
}

.product-item-right-text .description {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  z-index: 1;
}

.product-item-right-text.right-flex-text {
  width: 25%;
  max-width: 25%;
}

.product-item-right-text.right-flex-text > div {
  display: -ms-flexbox;
  display: flex;
}

.product-item-right-text.right-flex-text > div > div {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.product-item-right-text.right-flex-text > div > div.import-bg {
  background-color: #fef9e1;
}

.product-item-right-text.right-flex-text > div > div span {
  display: block;
}

.product-item-bottom {
  margin: 0px -15px;
  padding: 10px 15px;
  background: #f0f0f0;
  text-shadow: 1px 0px 0px #fff;
  position: relative;
  z-index: 1;
  border-top: solid 1px #eee;
}

.product-item-bottom-date-link {
  list-style: none;
  padding: 0px;
  margin: -5px 0px;
  font-size: 0px;
  min-height: 30px;
}

.product-item-bottom-date-link li {
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  margin: 5px 0px;
  margin-right: 20px;
  position: relative;
}

.product-item-bottom-date-link li:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #ccc;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}

.product-item-bottom-date-link li:first-of-type:before,
.product-item-bottom-date-link li.more:before {
  display: none;
}

.product-item-bottom-date-link li.order-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  margin: 0px;
}

.product-item-bottom-date-link li.order-btn a {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
}

.product-item-bottom-date-link li.order-btn a i {
  font-weight: bold;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
}

.product-item-bottom-date-link li span {
  margin-right: 10px;
}

.product-item-bottom-date-link-remark,
.product-item-bottom-date-link .product-item-bottom-validity-period {
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  display: inline-block;
  padding: 0 5px;
  text-align: left;
}

.product-item-bottom-date-link-remark .order-btn a,
.product-item-bottom-date-link .product-item-bottom-validity-period .order-btn a {
  margin: 0px 0px 0px 20px;
}

.product-item + .dividing-line {
  margin: 12px 0 -12px;
}

.product-item.no-img:after {
  right: 25%;
}

.product-item.no-img .product-info {
  min-height: 180px;
}

.product-item.no-img .product-info-bottom {
  margin-left: 55px;
}

.product-item.no-img .product-info-bottom > div {
  margin-right: 15px;
}

.product-item.no-img .product-info-bottom > div:after {
  content: none;
}

.product-item.no-img .product-info-bottom.type2 {
  position: relative;
}

.product-item.no-img .product-info.price-item-high {
  min-height: 210px;
}

.product-item.no-img .product-info .product-name,
.product-item.no-img .product-info .product-info-offer,
.product-item.no-img .product-info .product-info-tag-area,
.product-item.no-img .product-info .product-info-text {
  margin-left: 55px;
}

.product-item.no-img .product-info.min-height {
  min-height: 180px;
}

.product-item.no-img .product-info.min-height .product-info-bottom {
  position: absolute;
}

.product-item.no-img.type3:after {
  right: 16.66667%;
}

.product-item.no-img.type3 .area-price .price {
  text-align: right;
}

.product-info-tag-area {
  margin: 5px 0px 10px 0px;
  display: block;
}

.product-info-tag-area .d-inline-block {
  display: inline-block;
}

.product-info-tag-area .tag {
  margin: 5px 5px 5px 0px;
}

.product-info-tag-area .text {
  display: inline-block;
  color: #fff;
  margin: 5px;
  font-size: 1.2rem;
  letter-spacing: 0.4px;
  line-height: 24px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.product-info-tag-area .text i {
  margin-left: 3px;
}

.product-info-tag-area .text.marks {
  margin: 0;
}

.product-info-tag-area .has-tit {
  position: relative;
  padding-left: 40px;
}

.product-info-tag-area .has-tit.three-word {
  padding-left: 50px;
}

.product-info-tag-area .has-tit.four-word {
  padding-left: 60px;
}

.product-info-tag-area .has-tit .tit {
  position: absolute;
  color: #fff;
  left: 0px;
  top: 7px;
  font-size: 12px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66);
}

.product-info-tag-area .has-tit + .has-tit {
  margin-left: 20px;
}

.product-info-tag-area.has-border {
  border-top: 1px solid rgba(204, 204, 204, 0.4);
  padding-top: 10px;
}

.product-info-service-item {
  list-style: none;
  padding-left: 0px;
  font-size: 0px;
  margin: 8px -5px;
}

.product-info-service-item li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  padding: 2px 5px;
}

.product-info-service-item li i {
  line-height: 24px;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: solid 1px #ccc;
  text-align: center;
  color: #888;
}

.product-info-service-item li i.material-icons {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
}

.product-item .product-info-tag-area {
  display: block;
  margin: 0px;
}

.product-refresh {
  margin: 15px 0 0 0;
}

.product-refresh span {
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}

@media screen and (min-width: 1441px) {
  .serach-img {
    max-width: 296px;
    max-height: 205px;
  }
}

@media screen and (max-width: 1440px) {
  .product-item .area-price .row .price {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1399px) {
  .product-item .product-info-bottom > div {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 1299px) {
  .product-item .area-price .row .price .ori-price {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
  .product-item .product-info-tag-area {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media screen and (min-width: 992px) and (max-width: 1340px) {
  .product-item .area-price {
    white-space: nowrap;
  }

  .product-item .area-price .row .price {
    font-size: 1.4rem !important;
  }

  .product-item .area-price .row .price .price-loading {
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    background: #fff;
  }

  .product-item .area-price .row .price .price-loading > article .loading-circle {
    transform: scale(0.05);
  }

  .product-item .area-price .row .price .ori-price-customer {
    font-size: 1.2rem;
    white-space: nowrap;
  }

  .product-item .area-price .row .price .b2b-product-price {
    font-size: 1.2rem;
  }

  .product-item .area-price .row .price-btn .btn-order,
  .product-item .area-price .row .price-btn .btn-order-sm,
  .product-item .area-price .row .price-btn ul.st-dropdown-menu-list.header-cart .header-cart-btn a,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn .product-item .area-price .row .price-btn a,
  .product-item .area-price .row .price-btn .btn-change,
  .product-item .area-price .row .price-btn .btn-change-sm,
  .product-item .area-price .row .price-btn .login-btn-fb,
  .product-item .area-price .row .price-btn .login-btn-google,
  .product-item .area-price .row .price-btn .social-btn-fb,
  .product-item .area-price .row .price-btn .social-btn-google,
  .product-item .area-price .row .price-btn .social-btn-line {
    height: 36px;
    line-height: 34px;
  }

  .product-item .area-price .row .price-btn .btn-order.rebuild,
  .product-item .area-price .row .price-btn .rebuild.btn-order-sm,
  .product-item .area-price .row .price-btn ul.st-dropdown-menu-list.header-cart .header-cart-btn a.rebuild,
  ul.st-dropdown-menu-list.header-cart .header-cart-btn .product-item .area-price .row .price-btn a.rebuild,
  .product-item .area-price .row .price-btn .btn-change.rebuild,
  .product-item .area-price .row .price-btn .rebuild.btn-change-sm,
  .product-item .area-price .row .price-btn .rebuild.login-btn-fb,
  .product-item .area-price .row .price-btn .rebuild.login-btn-google,
  .product-item .area-price .row .price-btn .rebuild.social-btn-fb,
  .product-item .area-price .row .price-btn .rebuild.social-btn-google,
  .product-item .area-price .row .price-btn .rebuild.social-btn-line {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.type-b2b:after {
    right: 25%;
  }
}

@media screen and (max-width: 1199px) {
  .product-item .serach-img img {
    width: 100%;
  }

  .product-item .product-info .product-name {
    margin: 5px 0px;
    font-size: 1.8rem;
    line-height: 24px;
  }

  .product-item .product-info-tripadvisor-rating {
    margin: 9px 0px 8px;
  }

  .product-item .product-info-tripadvisor-rating img {
    width: 100px;
  }

  .product-item .product-info-rating-and-location > .tag + .location {
    max-width: 180px;
  }

  .product-item-right-text {
    font-size: 1.2rem;
  }

  .product-item .area-price .row .price {
    font-size: 1.8rem;
  }

  .product-item .area-price .row .price .ori-price {
    font-size: 1.2rem;
    letter-spacing: -1px;
  }

  .product-item .area-price .row .price em {
    font-size: 1.2rem;
  }

  .product-item .area-price .row .price .text {
    font-size: 1.6rem;
  }

  .product-item.no-img.type2 .product-item-right-text {
    max-width: 25%;
  }

  .product-info-service-item {
    margin: 3px -3px;
  }

  .product-info-service-item li {
    padding: 2px 3px;
  }

  .product-info-service-item li i {
    line-height: 18px;
    width: 20px;
    height: 20px;
  }

  .product-info-service-item li i.material-icons {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .product-item-right-text.tablet-hide {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .product-item {
    margin: 10px 0;
  }

  .product-item .serach-img {
    min-height: 0px;
  }

  .product-item .product-info-rating-and-location > .tag + .location {
    max-width: 250px;
  }

  .product-item .product-info .hidden-xs > div {
    position: relative;
  }

  .product-item .product-info-bottom {
    bottom: 60px;
  }

  .product-item-right-text {
    top: auto;
    right: auto;
    left: 0px;
    bottom: 17px;
    max-width: 290px;
    font-size: 1.4rem;
  }

  .product-item-right-text > a {
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
    vertical-align: middle;
  }

  .product-item-right-text .description .st-tooltip,
  .product-item-right-text .description #st-tooltip .tooltip-inner,
  #st-tooltip .product-item-right-text .description .tooltip-inner,
  .product-item-right-text .description [data-id~=st-tooltip] .tooltip-inner,
  [data-id~=st-tooltip] .product-item-right-text .description .tooltip-inner,
  .product-item-right-text .description [data-id~=st-tooltip-type2] .tooltip-inner,
  [data-id~=st-tooltip-type2] .product-item-right-text .description .tooltip-inner,
  .product-item-right-text .description [id~=st-tooltip] .tooltip-inner,
  [id~=st-tooltip] .product-item-right-text .description .tooltip-inner {
    left: 0px;
    transform: translateX(0px);
  }

  .product-item-right-text .description .st-tooltip:before,
  .product-item-right-text .description #st-tooltip .tooltip-inner:before,
  #st-tooltip .product-item-right-text .description .tooltip-inner:before,
  .product-item-right-text .description [data-id~=st-tooltip] .tooltip-inner:before,
  [data-id~=st-tooltip] .product-item-right-text .description .tooltip-inner:before,
  .product-item-right-text .description [data-id~=st-tooltip-type2] .tooltip-inner:before,
  [data-id~=st-tooltip-type2] .product-item-right-text .description .tooltip-inner:before,
  .product-item-right-text .description [id~=st-tooltip] .tooltip-inner:before,
  [id~=st-tooltip] .product-item-right-text .description .tooltip-inner:before,
  .product-item-right-text .description .st-tooltip:after,
  .product-item-right-text .description #st-tooltip .tooltip-inner:after,
  #st-tooltip .product-item-right-text .description .tooltip-inner:after,
  .product-item-right-text .description [data-id~=st-tooltip] .tooltip-inner:after,
  [data-id~=st-tooltip] .product-item-right-text .description .tooltip-inner:after,
  .product-item-right-text .description [data-id~=st-tooltip-type2] .tooltip-inner:after,
  [data-id~=st-tooltip-type2] .product-item-right-text .description .tooltip-inner:after,
  .product-item-right-text .description [id~=st-tooltip] .tooltip-inner:after,
  [id~=st-tooltip] .product-item-right-text .description .tooltip-inner:after {
    left: 20px;
  }

  .product-item-right-text > .tag:not(:first-child) {
    margin-top: 0;
    margin-left: 6px;
  }

  .product-item .area-price {
    position: relative;
    padding: 0;
    margin: 0;
    border-top: solid 1px #eee;
    border-left: none;
  }

  .product-item .area-price .row .price {
    font-size: 2.4rem;
    padding: 10px 0 0 0;
    margin: 0px;
  }

  .product-item .area-price .row .price > div {
    display: inline-block;
    padding: 0 5px;
  }

  .product-item .area-price .row .price .ori-price {
    letter-spacing: 0.4px;
    line-height: 26px;
  }

  .product-item .area-price .row .price .ori-price-offer {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: baseline;
        align-items: baseline;
  }

  .product-item .area-price .row .price .ori-price-offer > div {
    padding-right: 10px;
  }

  .product-item .area-price .row .price .text {
    font-size: 1.8rem;
  }

  .product-item .area-price .row .price.no-btn-type {
    padding: 5px 0px 7px;
    margin: 0px -10px;
  }

  .product-item .area-price .row .price .price-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: initial;
    left: initial;
    background: none;
  }

  .product-item .area-price .row .price .price-loading > article {
    width: 100%;
    min-height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .product-item .area-price .row .price .price-loading > article .loading-circle {
    transform: scale(0.08);
  }

  .product-item .area-price .row .price-btn {
    padding: 6px 10px 8px 10px;
    display: inline-block;
  }

  .product-item .area-price .product-item-right-text {
    padding: 10px;
    border-top: none;
    margin: 0px;
    background: none;
  }

  .product-item .area-price .product-item-right-text + .row {
    margin-top: -10px;
  }

  .product-item .area-price .product-item-right-text + .row.no-margin {
    margin-top: 0;
  }

  .product-item:after {
    display: none;
  }

  .product-item + .dividing-line {
    margin: 12px 0;
  }

  .product-item.no-img .product-info-bottom {
    bottom: 100px;
  }

  .product-item.no-img.type2 .product-item-right-text {
    position: relative;
    max-width: 100%;
    text-align: left;
    top: -10px;
  }

  .product-item.no-img .product-item-right-text.right-flex-text {
    width: 40%;
    max-width: 40%;
    bottom: 60px;
  }

  .product-info-service-item {
    margin: 8px -3px;
  }

  .product-info-service-item li i {
    line-height: 24px;
    width: 26px;
    height: 26px;
  }

  .product-info-service-item li i.material-icons {
    font-size: 1.8rem;
  }

  .product-info-tag-area .scroll {
    white-space: nowrap;
    overflow-x: auto;
    margin-right: -30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .product-item .area-price .row .price.rebuild {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
  .product-item.no-img.type2 .product-item-right-star-rating strong {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .product-item {
    /*增英文字版本過長 提早切換*/
  }

  .product-item .serach-img .favorite {
    top: -3px;
    right: -4px;
  }

  .product-item .product-info .product-name {
    font-size: 1.6rem;
    line-height: 21px;
    padding: 6px 0px 0px;
  }

  .product-item .product-info-bottom {
    position: relative;
    bottom: auto;
    margin: 5px 0px;
  }

  .product-item .product-info-bottom > div {
    margin: 5px 9px 5px 0px;
  }

  .product-item .product-info-bottom > div:after {
    content: none;
  }

  .product-item .product-info-bottom > div.tag {
    font-size: 1.2rem;
  }

  .product-item .product-info-rating-and-location > .tag + .location {
    max-width: 190px;
  }

  .product-item .product-info-tripadvisor-rating {
    display: none;
  }

  .product-item .product-info-offer span,
  .product-item .product-info-offer strong {
    font-size: 1.4rem;
  }

  .product-item .area-price .row {
    font-size: 0px;
  }

  .product-item .area-price .row > [class^=col-] {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

  .product-item .area-price .row .price {
    font-size: 1.8rem;
    text-align: left;
    padding: 10px 0px;
    margin: 0px -15px 0px -8px;
  }

  .product-item .area-price .row .price > div {
    display: block;
    font-size: 2rem;
    line-height: 22px;
  }

  .product-item .area-price .row .price .ori-price {
    line-height: 22px;
    font-weight: normal;
  }

  .product-item .area-price .row .price .tablet-show {
    display: none !important;
  }

  .product-item .area-price .row .price.no-btn-type {
    margin: 0px -15px 0px -8px;
  }

  .product-item .area-price .row .price.rebuild {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: start !important;
        align-items: flex-start !important;
  }

  .product-item .area-price .row .price-btn {
    vertical-align: middle;
    float: none;
  }

  .product-item.flight.type2 .area-price {
    border-top: 0;
  }

  .product-item.flight.type2.visa .area-price {
    border-top: solid 1px #eee;
  }

  .product-item-right-text {
    position: relative;
    left: auto;
    bottom: auto;
    max-width: 100%;
    text-align: left;
    border-top: solid 1px #eee;
    padding-top: 10px;
    padding-left: 10px;
    clear: both;
    margin-bottom: -2px;
    background: #fff;
    z-index: 1;
  }

  .product-item .tablet-hide {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }

  .product-item .tablet-hide a {
    margin-left: 0 !important;
  }

  .product-item .tablet-hide button {
    width: 90px;
    height: 24px;
    font-size: 12px;
    margin-top: 0.5rem;
  }

  .product-item-right-text.en {
    position: relative;
    left: auto;
    bottom: auto;
    max-width: 100%;
    text-align: left;
    border-top: solid 1px #eee;
    padding-top: 10px;
    padding-left: 10px;
    clear: both;
    margin-bottom: -2px;
    background: #fff;
    z-index: 1;
  }

  .product-item.no-img {
    padding-bottom: 60px;
  }

  .product-item.no-img.type2 {
    padding-bottom: 0 !important;
  }

  .product-item.no-img .product-info-bottom {
    bottom: 0px;
  }

  .product-item.no-img .product-item-right-text.right-flex-text {
    width: 100%;
    max-width: 100%;
    position: absolute;
    bottom: unset;
  }

  .product-item.no-img .area-price {
    bottom: -60px;
  }

  .product-item.no-img .area-price .row .price .ori-price {
    margin-top: 10px;
  }

  .product-item.no-img.type3 {
    padding-bottom: 0;
  }

  .product-item.no-img.type3 .area-price {
    bottom: 0;
  }

  .product-item.no-img.type3 .area-price .row .price {
    text-align: left;
  }

  .product-item-bottom-date-link li {
    font-size: 1.2rem;
  }

  .product-item-bottom-date-link .product-item-bottom-validity-period {
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .product-item .area-price .row .price .tablet-show {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .product-item .area-price .row .price .tablet-show {
    margin-right: 5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
  }

  .product-item .area-price .row .price .tablet-show .ori-price {
    padding: 0 5px;
    text-decoration: line-through;
  }

  .product-item .area-price .row .price .tablet-show a {
    margin-top: 0px;
    margin: 0 5px;
    color: #2d7cd1;
  }

  .product-item .area-price .row .price .tablet-show a.hidden-rebuild {
    visibility: hidden;
  }

  .product-item .area-price .row .price .tablet-show .discount-button {
    margin: 0 5px;
  }

  .product-item .area-price .row .price .tablet-show .discount-button.hidden-rebuild {
    visibility: hidden;
  }
}

@media screen and (max-width: 479px) {
  .product-item .serach-img {
    height: 150px;
  }

  .product-item .serach-img img {
    height: 150px;
    min-height: 150px;
  }

  .product-item:hover {
    box-shadow: none;
  }

  .product-item-cover-img {
    min-height: 150px;
  }
}

.recommend-product,
.have-chosen {
  color: #e73155;
  background: #fff;
  border: solid 3px #e73155;
  color: #333;
}

.lcc-product {
  background: #fff;
  border: solid 3px #fbb949;
  color: #333;
}

.recommend-product .container-fluid .recommended,
.have-chosen .container-fluid .recommended,
.lcc-product .container-fluid .recommended {
  top: -2px;
  left: 7px;
  position: absolute;
}

.recommend-product .container-fluid .recommended .btn-recommend,
.have-chosen .container-fluid .recommended .btn-recommend,
.lcc-product .container-fluid .recommended .btn-recommend {
  width: 42px;
  height: 40px;
  position: relative;
  background: #e73155;
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  text-align: center;
}

.recommend-product .container-fluid .recommended .btn-recommend i,
.have-chosen .container-fluid .recommended .btn-recommend i,
.lcc-product .container-fluid .recommended .btn-recommend i {
  color: #fff;
  font-size: 2rem;
  line-height: 45px;
  vertical-align: middle;
}

.recommend-product .container-fluid .recommended .btn-recommend:before,
.have-chosen .container-fluid .recommended .btn-recommend:before,
.recommend-product .container-fluid .recommended .btn-recommend:after,
.have-chosen .container-fluid .recommended .btn-recommend:after,
.lcc-product .container-fluid .recommended .btn-recommend:before,
.lcc-product .container-fluid .recommended .btn-recommend:after {
  position: absolute;
  display: block;
  content: '';
  top: 40px;
}

.recommend-product .container-fluid .recommended .btn-recommend:before,
.have-chosen .container-fluid .recommended .btn-recommend:before,
.lcc-product .container-fluid .recommended .btn-recommend:before {
  border-top: solid 15px #e73155;
  border-right: solid 30px transparent;
}

.recommend-product .container-fluid .recommended .btn-recommend:after,
.have-chosen .container-fluid .recommended .btn-recommend:after,
.lcc-product .container-fluid .recommended .btn-recommend:after {
  border-top: solid 15px #e73155;
  border-left: solid 30px transparent;
  right: 0;
}

.recommend-product .features-list,
.have-chosen .features-list,
.lcc-product .features-list {
  padding-top: 20px;
}

.recommended-text-type {
  background: #e73155;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding: 0px 10px;
  position: absolute;
  left: 0px;
  z-index: 1;
}

.recommended-text-type:after {
  content: '';
  position: absolute;
  top: 0px;
  right: -10px;
  border-right: solid 10px transparent;
  border-top: solid 20px #e73155;
}

.recommended-text-type .special-offer-icon {
  display: inline-block;
  background: #fbd649;
  color: #e73155;
  transform: scale(0.8);
}

.recommended-text-type i {
  margin-right: 5px;
}

.recommended-text-type.has-tooltip .st-tooltip,
.recommended-text-type.has-tooltip #st-tooltip .tooltip-inner,
#st-tooltip .recommended-text-type.has-tooltip .tooltip-inner,
.recommended-text-type.has-tooltip [data-id~=st-tooltip] .tooltip-inner,
[data-id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner,
.recommended-text-type.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner,
[data-id~=st-tooltip-type2] .recommended-text-type.has-tooltip .tooltip-inner,
.recommended-text-type.has-tooltip [id~=st-tooltip] .tooltip-inner,
[id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner {
  bottom: 32px;
  width: 300px;
  left: 0px;
  text-align: left;
  color: #333;
}

.recommended-text-type.has-tooltip .st-tooltip:before,
.recommended-text-type.has-tooltip #st-tooltip .tooltip-inner:before,
#st-tooltip .recommended-text-type.has-tooltip .tooltip-inner:before,
.recommended-text-type.has-tooltip [data-id~=st-tooltip] .tooltip-inner:before,
[data-id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner:before,
.recommended-text-type.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:before,
[data-id~=st-tooltip-type2] .recommended-text-type.has-tooltip .tooltip-inner:before,
.recommended-text-type.has-tooltip [id~=st-tooltip] .tooltip-inner:before,
[id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner:before,
.recommended-text-type.has-tooltip .st-tooltip:after,
.recommended-text-type.has-tooltip #st-tooltip .tooltip-inner:after,
#st-tooltip .recommended-text-type.has-tooltip .tooltip-inner:after,
.recommended-text-type.has-tooltip [data-id~=st-tooltip] .tooltip-inner:after,
[data-id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner:after,
.recommended-text-type.has-tooltip [data-id~=st-tooltip-type2] .tooltip-inner:after,
[data-id~=st-tooltip-type2] .recommended-text-type.has-tooltip .tooltip-inner:after,
.recommended-text-type.has-tooltip [id~=st-tooltip] .tooltip-inner:after,
[id~=st-tooltip] .recommended-text-type.has-tooltip .tooltip-inner:after {
  left: 13px;
}

.product-item.no-img .product-item-num {
  position: absolute;
  width: 49px;
  height: 40px;
  background: #ddd;
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
}

.have-chosen {
  border-color: #2d7cd1;
}

.have-chosen .recommended-text-type,
.have-chosen .recommended,
.have-chosen.product-item.flight .recommended {
  background: #2d7cd1;
  z-index: 1;
}

.have-chosen .recommended-text-type:after,
.have-chosen .recommended:after,
.have-chosen.product-item.flight .recommended:after {
  border-top-color: #2d7cd1;
}

.no-data-info {
  margin: 24px 0 12px 0;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

@media screen and (max-width: 767px) {
  .no-data-info {
    font-size: 1.4rem;
  }
}

.product-item.flight .recommended {
  background: #e73155;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding: 0px 10px;
  left: 0px;
}

.product-item.flight .recommended:after {
  content: '';
  position: absolute;
  top: 0px;
  right: -10px;
  border-right: solid 10px transparent;
  border-top: solid 20px #e73155;
}

.product-item.flight .recommended.low-cost {
  background: #fbb949;
}

.product-item.flight .recommended.low-cost:after {
  border-right: solid 10px transparent;
  border-top: solid 20px #fbb949;
}

.product-item.flight .product-item-flight-name {
  color: #333;
  text-align: center;
  padding: 40px 0px;
}

.product-item.flight .product-item-flight-name img {
  width: 60px;
  margin: 0 auto;
}

.product-item.flight .product-item-flight-name-tit {
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  font-weight: bold;
  padding: 9px 0px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .product-item.flight .product-item-flight-name-tit.fit-rebuild {
    font-size: 1.7rem;
  }
}

.product-item.flight .product-item-flight-name-cabin {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  color: #888;
  padding-bottom: 9px;
}

.product-item.flight .product-item-flight-name-cabin.fit-rebuild {
  display: none;
}

@media screen and (max-width: 991px) {
  .product-item.flight .product-item-flight-name-cabin.fit-rebuild {
    display: block;
    margin-left: auto;
  }
}

.product-item.flight .product-item-flight-name-cabin.black {
  color: #333;
}

.product-item.flight .product-item-flight-name > a {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 26px;
}

.product-item.flight .flight-fromto {
  padding: 60px 0px;
}

.product-item.flight .flight-fromto .flight-right {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.product-item.flight .flight-fromto .flight-right a {
  line-height: 28px;
}

.product-item.flight.many .flight-fromto {
  padding: 0px 0px;
}

.product-item.flight.many .flight-fromto:first-of-type {
  padding-top: 20px;
}

.product-item.flight.many .flight-fromto:last-of-type {
  padding-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .product-item.flight.many .flight-fromto .row > .rebuild {
    width: 100%;
  }

  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }

  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation .product-item-flight-name-cabin {
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 1rem;
  }
}

@media screen and (max-width: 1199px) and (max-width: 991px) {
  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation .product-item-flight-name-cabin {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation .mobile {
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 1199px) {
  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation a {
    text-decoration: none !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 1rem;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation {
    -ms-flex-direction: row;
        flex-direction: row;
    display: none;
  }

  .product-item.flight.many .flight-fromto .row > .rebuild .station-info .station-info-name-abbreviation .product-item-flight-name-cabin {
    padding-bottom: 0 !important;
    line-height: 28px;
  }
}

.product-item.flight.many .fit-flightTag {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 12px;
  margin: 0 -15px;
  color: #eee;
  background: #2d7cd1;
  border-radius: 4px 0 4px 0;
  font-size: 14px;
}

.product-item.flight.many .flight-info-space.fit-rebuild {
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .product-item.flight.many .fit-rebuild .flight-fromto {
    padding: 16px 0;
  }

  .product-item.flight.many .fit-rebuild .flight-fromto .station-info-time {
    font-size: 2rem;
    line-height: 20px;
  }

  .product-item.flight.many .fit-rebuild .flight-fromto .station-info-name-abbreviation {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .product-item.flight.many .fit-rebuild .flight-fromto {
    padding: 16px 0 6px 0;
  }
}

.product-item.flight .row-discount-visa {
  height: 195px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.product-item.flight .row-name {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
      align-items: center !important;
  height: 140px;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name {
    height: auto;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }

  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild span {
    padding-top: 6px;
    text-align: left;
    font-size: 1.4rem !important;
  }

  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild .product-item-flight-name-tit {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild .product-item-flight-name-tit > div {
    line-height: 14px;
  }

  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild .product-item-flight-name-tit span {
    padding-left: 5px;
    font-size: 1.4rem;
    padding-top: 0;
    line-height: 14px;
    color: #888;
  }

  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild .product-item-flight-name-tit.fit-rebuild {
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .product-item.flight .row-name .col-md-4 > .product-item-flight-name-rebuild .product-item-flight-name-tit.fit-rebuild > div {
    font-size: 1.4rem;
    line-height: 14px;
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name .col-md-3 > .product-item-flight-name-rebuild .product-item-flight-name-tit.fit-rebuild {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .product-item.flight .row-name .col-md-3 > .product-item-flight-name-rebuild .product-item-flight-name-tit.fit-rebuild > div {
    font-size: 1.4rem;
    line-height: 14px;
    padding: 0;
  }
}

.product-item.flight .row-name.fit-rebuild {
  position: relative;
  height: auto;
}

@media screen and (max-width: 991px) {
  .product-item.flight.have-chosen .row-name.fit-rebuild .col-md-3 > .product-item-flight-name-rebuild .product-item-flight-name-tit {
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight.have-chosen .row-name.fit-rebuild .col-md-3 > .product-item-flight-name-rebuild .product-item-flight-name-tit > div {
    font-size: 1.4rem;
  }
}

.product-item.flight .row-name-flight-total {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
      align-items: center !important;
  -ms-flex-align: auto !important;
      align-items: auto !important;
  margin: 40px auto;
}

.product-item.flight .row-name-flight-info {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: auto;
      align-items: auto;
}

.product-item.flight .row-name-flight-info .flight-info-left-container {
  position: relative;
  box-shadow: 0px 0px 0px -10px red;
}

.product-item.flight .row-name-flight-info .flight-info-left-container:before {
  content: "";
  position: absolute;
  border-right: 2px solid #d7d7d7;
  height: calc(100% - 10px);
  width: 2px;
  right: 0;
  top: 5px;
}

.product-item.flight .row-name-flight-info .flight-info-left-container.border-dashed:before {
  content: "";
  position: absolute;
  border-right: 2px dashed #d7d7d7;
  height: calc(100% + 26px);
  width: 2px;
  right: 0;
  top: -13px;
}

.product-item.flight .row-name-flight-info .flight-info-left-container.border-none {
  border: none;
}

.product-item.flight .row-name-flight-info .flight-info-left-container .flight-info-inner-container {
  background-color: white;
  border: solid 3px #d7d7d7;
  border-radius: 20px;
  right: -8px;
  top: 0px;
  position: absolute;
  z-index: 1;
  width: 15px;
  height: 15px;
}

.product-item.flight .row-name-flight-info .flight-info-left-container .flight-info-circle-start {
  background-color: #fff;
  border: 3px solid #d7d7d7;
  border-radius: 20px;
  right: -8px;
  top: 5px;
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
}

.product-item.flight .row-name-flight-info .flight-info-left-container .flight-info-circle-end {
  background-color: #fff;
  border: 3px solid #d7d7d7;
  border-radius: 20px;
  right: -8px;
  bottom: 5px;
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto {
  padding: 0;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info {
  text-align: left;
  padding: 0;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-time {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  line-height: 23px;
  color: #555555;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-start {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  line-height: 26px;
  color: #555555;
}

@media screen and (max-width: 479px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-start {
    font-size: 16px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-end {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  line-height: 26px;
  color: #555555;
}

@media screen and (max-width: 479px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-end {
    font-size: 16px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content {
  color: #aaaaaa;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content img {
  width: 24px;
  height: auto;
  margin-right: 4px;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item + .station-info-item {
  margin-left: 12px;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item {
    margin-top: 10px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item:last-child img {
  margin-left: 10px;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item:last-child img {
    margin-left: 0px;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item img {
    margin-right: 5px;
    max-width: 100px;
    /* 圖片的最大寬度為其容器的100% */
    height: auto;
    /* 高度自動根據寬度調整 */
  }
}

@media screen and (max-width: 390px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item img {
    margin-top: 3px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item span {
  line-height: 25px;
  display: -ms-flexbox;
  display: flex;
  margin: auto 0;
}

@media screen and (max-width: 479px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item span {
    line-height: 22px;
  }
}

@media screen and (max-width: 360px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item span {
    line-height: 18px;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    top: 50px;
  }
}

@media screen and (max-width: 479px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content {
    top: 70px;
  }
}

@media screen and (max-width: 360px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content {
    top: 80px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.bold {
  font-weight: bold;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.blue {
  color: #2d7cd1;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.blue {
    top: 25px;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.blue span {
    line-height: 25px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.red {
  color: #ec808d;
}

@media screen and (max-width: 991px) {
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.red {
    top: 25px;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.red span {
    line-height: 25px;
  }
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-stopover {
  color: #aaa;
  width: 100%;
  margin-top: 10px;
  margin-left: 28px;
  line-height: 25px;
}

.product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.fit-rebuild .station-info-item {
  margin-left: 0;
  margin-right: 12px;
}

@media screen and (max-width: 1199px) {
  .product-item.flight > .container-fluid > .row.rebuild {
    height: 170px;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight .product-item-flight-name {
    padding: 30px 0px 0px;
  }

  .product-item.flight .product-item-flight-name img {
    width: 30px;
  }

  .product-item.flight .product-item-flight-name img,
  .product-item.flight .product-item-flight-name-tit {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
  }

  .product-item.flight .product-item-flight-name-tit {
    padding-left: 5px;
  }

  .product-item.flight .product-item-flight-name-cabin {
    padding-top: 5px;
  }

  .product-item.flight .flight-fromto {
    padding: 5px 0px;
  }

  .product-item.flight .flight-fromto:last-of-type {
    padding-bottom: 20px;
  }

  .product-item.flight .rebuild .row-name .flight-fromto .station-info {
    padding: 0;
  }

  .product-item.flight .rebuild .row-name .flight-fromto .station-info-time {
    font-size: 2.0rem;
    line-height: 20px;
  }

  .product-item.flight .rebuild .row-name .station-info-name-abbreviation {
    font-size: 1.4rem;
  }

  .product-item.flight .rebuild .row-name > .col-md-8.col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .product-item.flight.many .rebuild .row-name .flight-fromto:last-of-type {
    padding: 16px 0;
  }
}

@media screen and (max-width: 991px) and (max-width: 767px) {
  .product-item.flight.many .rebuild .row-name .flight-fromto:last-of-type {
    padding: 16px 0 6px 0;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight .rebuild .product-item-right-text > a {
    font-size: 1.4rem;
    line-height: 14px;
  }

  .product-item.flight .rebuild .tag.ori-price {
    line-height: 12px;
  }

  .product-item.flight > .container-fluid > .row.rebuild {
    height: auto;
  }

  .product-item.flight > .container-fluid > .row.rebuild .col-md-10 {
    padding: 0;
  }

  .product-item.flight .product-item-flight-name-rebuild img {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0;
  }

  .product-item.flight .product-item-flight-name-rebuild .product-item-flight-name-tit {
    padding-left: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-left: 0px !important;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container {
    max-width: 35%;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-date-start,
  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-date-end {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-date-start span:last-child,
  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-date-end span:last-child {
    margin-left: 0;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-date-end {
    margin-bottom: -26px;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container .product-item-flight-name-rebuild .name-rebuild-time {
    padding-right: 15px;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container.border-dashed {
    padding: 26px 15px;
  }

  .product-item.flight .row-name-flight-info .flight-info-left-container.border-dashed ～ .flight-info-right-container .flight-fromto .station-info {
    padding: 26px 0;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item img {
    margin-top: 0;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item:nth-child(odd) {
    margin-left: 0;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-item:nth-child(even) {
    margin-left: 29px;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content .station-info-stopover {
    margin-left: 0;
  }

  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.blue,
  .product-item.flight .row-name-flight-info .flight-info-right-container .flight-fromto .station-info .station-info-content.red {
    padding: 46px 0;
  }

  .product-item.flight .price-detail-info-item-area {
    padding: 35px 0 5px;
  }

  .product-item.flight .row-name-flight-total {
    margin: 25px auto;
  }
}

@media screen and (max-width: 767px) {
  .product-item.flight.many .rebuild .ori-price.ori-price-rebuild {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

@media screen and (max-width: 479px) {
  .product-item.flight .recommended {
    top: 0px;
  }
}

.product-item.flight.type2 .product-item-top > .row {
  font-size: 0px;
  padding: 25px 0px;
  border-bottom: solid 1px #eee;
}

.product-item.flight.type2 .product-item-top > .row > div[class^=col-] {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.product-item.flight.type2 .product-item-top .product-item-flight-name {
  padding: 0px;
  text-align: left;
}

.product-item.flight.type2 .product-item-top .product-item-flight-name img,
.product-item.flight.type2 .product-item-top .product-item-flight-name-tit,
.product-item.flight.type2 .product-item-top .product-item-flight-name-cabin {
  display: inline-block;
  vertical-align: middle;
}

.product-item.flight.type2 .product-item-top .product-item-flight-name-tit {
  padding: 0px 0px;
  padding-left: 5px;
}

.product-item.flight.type2 .product-item-top .product-item-flight-name-cabin {
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  padding-left: 20px;
}

.product-item.flight.type2 .product-item-top .product-item-flight-from strong,
.product-item.flight.type2 .product-item-top .product-item-flight-from span {
  display: block;
}

.product-item.flight.type2 .product-item-top .product-item-flight-from-tit {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 26px;
}

.product-item.flight.type2 .product-item-top .product-item-flight-from-remark {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
}

.product-item.flight.type2 .product-item-bottom {
  padding: 20px 15px;
  margin: 0px -15px;
  z-index: auto;
  border-top: none;
  background: none;
  letter-spacing: 0.4px;
}

.product-item.flight.type2 .product-item-bottom-time {
  padding: 0px;
  margin: 0px;
}

.product-item.flight.type2 .product-item-bottom-time li {
  list-style: none;
  font-size: 1.5rem;
}

.product-item.flight.type2 .product-item-bottom-time .description {
  font-size: 1.5rem;
}

.product-item.flight.type2 .product-item-bottom-time .description .fa-info-circle {
  font-size: 1.7rem;
}

.product-item.flight.type2 .product-item-bottom-link {
  padding: 0px;
  padding-right: 20px;
  margin: 0px -6px;
  display: inline-block;
  vertical-align: bottom;
}

.product-item.flight.type2 .product-item-bottom-link li {
  font-size: 1.5rem;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 6px;
  position: relative;
}

.product-item.flight.type2 .product-item-bottom-link li:first-of-type:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: #333;
  top: 3px;
  right: -3px;
}

.product-item.flight.type2 .product-item-bottom-link .order-btn a {
  color: #2d7cd1;
  text-decoration: underline;
  padding: 0px;
  margin: 0px;
}

.product-item.flight.type2 .product-item-bottom-link .order-btn a:hover {
  color: #3d4c98;
}

.product-item.flight.type2 .product-item-bottom-number {
  display: inline-block;
  vertical-align: bottom;
}

.product-item.flight.type2 .product-item-bottom-validity-period {
  font-size: 1.5rem;
}

.product-item.flight.type2 .slider-flight-info {
  position: relative;
  background: #fff;
  z-index: 1;
  margin: 0px -15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 992px) and (max-width: 1006px) {
  .product-item.flight.type2 .area-price {
    position: relative;
    margin-top: 15px;
  }

  .product-item.flight.type2 .product-item-top > .row {
    padding: 25px 0px 50px 0;
  }
}

@media screen and (max-width: 991px) {
  .product-item.flight.type2 .product-item-top > .row {
    padding: 10px 0px;
    border: none;
  }

  .product-item.flight.type2 .product-item-top > .row > div[class^=col-] {
    display: block;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-name {
    padding: 10px 0px;
    text-align: center;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-name-cabin {
    font-size: 1.6rem;
    line-height: 21px;
    padding: 0px;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-name-tit,
  .product-item.flight.type2 .product-item-top .product-item-flight-name-cabin {
    padding-left: 5px;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-from {
    padding: 10px 20px 10px 0px;
    position: relative;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-from-tit {
    font-size: 1.6rem;
    line-height: 21px;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-from .order-btn {
    position: absolute;
    top: 8px;
    right: 0px;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-from .order-btn a {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
  }

  .product-item.flight.type2 .product-item-top .product-item-flight-from .order-btn a i {
    margin: 0px;
    font-size: 2.4rem;
  }

  .product-item.flight.type2 .product-item-bottom {
    border-top: solid 1px #eee;
  }

  .product-item.flight.type2 .product-item-bottom-time li {
    text-align: left;
    font-size: 1.4rem;
  }

  .product-item.flight.type2 .product-item-bottom-time .description {
    font-size: 1.4rem;
  }

  .product-item.flight.type2 .product-item-bottom-time .description .fa-info-circle {
    font-size: 1.4rem;
  }

  .product-item.flight.type2 .product-item-bottom-link .order-btn a {
    line-height: 20px;
  }

  .product-item.flight.type2 .product-item-bottom-link li {
    font-size: 1.4rem;
  }

  .product-item.flight.type2 .tag-area {
    position: absolute;
    padding: 0px;
    left: 15px;
    bottom: -38px;
  }

  .product-item.flight.type2 .slider-flight-info {
    padding: 0px 20px 15px;
  }
}

@media screen and (max-width: 768px) {
  .product-item.flight.type2 .tag-area {
    position: relative;
    bottom: 0;
    left: 0;
    text-align: left;
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin: 0 -15px;
    padding: 15px 15px 0 15px;
  }
}

@media screen and (max-width: 479px) {
  .product-item.flight.type2 .tag-area {
    padding: 10px 10px 0px;
    border-top: solid 1px #eee;
    margin: 0px -15px -2px;
    background: #fff;
    position: relative;
    z-index: 1;
    text-align: left;
    left: 0px;
    bottom: 0px;
  }
}

.product-list .product-item.tour.no-img::after {
  right: 25%;
}

@media screen and (max-width: 767px) {
  .product-item.tour.recommend-product .recommended,
  .product-item.tour.have-chosen .recommended {
    top: -2px;
    left: 7px;
  }

  .product-item.tour.recommend-product .recommended .btn-recommend,
  .product-item.tour.have-chosen .recommended .btn-recommend {
    transform: scale(1);
  }
}

@media screen and (max-width: 479px) {
  .product-item.tour .product-item-right-text {
    margin-bottom: 0px;
  }

  .product-item.tour .area-price {
    border-top: none;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1690px) {
  .product-item.fit-hotel-map .area-price .row .price {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1900px) {
  .product-item.fit-hotel-map .product-info {
    width: calc(50% + 40px);
  }
}

@media screen and (min-width: 1200px) and (max-width: 1330px) {
  .product-item.fit-hotel-map .product-item-right-text .tag {
    white-space: nowrap;
    transform: scale(0.9);
    transform-origin: top right;
  }

  .product-item.fit-hotel-map .area-price .row .price {
    font-size: 1.8rem;
    white-space: nowrap;
    letter-spacing: -0.5px;
  }

  .product-item.fit-hotel-map .area-price .row .price .ori-price {
    font-size: 1.2rem;
  }

  .product-item.fit-hotel-map .area-price .row .price em {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.fit-hotel-map .product-item-right-text .tag {
    white-space: nowrap;
    transform: scale(0.9);
    transform-origin: top right;
  }
}

@media screen and (max-width: 991px) {
  .product-item.fit-hotel-map .product-info .product-name a,
  .product-item.fit-hotel-map .product-info .product-name .little-tit {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .product-item.fit-hotel-map .product-info-rating-and-location {
    margin: 0px;
  }

  .product-item.fit-hotel-map .product-info-rating-and-location .location {
    display: block;
    margin: 10px 0px;
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .product-item.fit-hotel .product-item-right-text {
    margin-bottom: -2px;
  }

  .product-item.fit-hotel .area-price {
    border-top: solid 1px #eee;
  }

  .product-item.fit-hotel-map .product-info-tripadvisor-rating {
    margin: 10px 0px;
  }

  .product-item.fit-hotel-map .product-info-tripadvisor-rating img {
    width: 80px;
  }

  .product-item.fit-hotel-map .product-info-tripadvisor-rating .st-tooltip,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating #st-tooltip .tooltip-inner,
  #st-tooltip .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner,
  [data-id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner,
  [data-id~=st-tooltip-type2] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner,
  [id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner {
    left: -84px;
  }

  .product-item.fit-hotel-map .product-info-tripadvisor-rating .st-tooltip:before,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating #st-tooltip .tooltip-inner:before,
  #st-tooltip .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:before,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner:before,
  [data-id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:before,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner:before,
  [data-id~=st-tooltip-type2] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:before,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner:before,
  [id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:before,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating .st-tooltip:after,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating #st-tooltip .tooltip-inner:after,
  #st-tooltip .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:after,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip] .tooltip-inner:after,
  [data-id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:after,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [data-id~=st-tooltip-type2] .tooltip-inner:after,
  [data-id~=st-tooltip-type2] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:after,
  .product-item.fit-hotel-map .product-info-tripadvisor-rating [id~=st-tooltip] .tooltip-inner:after,
  [id~=st-tooltip] .product-item.fit-hotel-map .product-info-tripadvisor-rating .tooltip-inner:after {
    left: 41%;
  }

  .product-item.fit-hotel-map .product-info-rating-and-location {
    margin: 10px 0px;
  }

  .product-item.fit-hotel-map .product-info-rating-and-location .tag,
  .product-item.fit-hotel-map .product-info-rating-and-location .location {
    font-size: 1.2rem;
    line-height: 18px;
  }
}

.st-alert-danger-block {
  border: 2px solid #e73155 !important;
  background-color: #FEEAEE;
  color: #333;
}

.st-alert-danger-block .danger-block-tit-xs {
  margin: 37px 0px;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  padding: 5px 10px 5px 38px;
  position: relative;
}

.st-alert-danger-block .danger-block-tit-lg {
  margin: 80px 0px;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  padding: 5px 10px 5px 38px;
  position: relative;
}

.st-alert-danger-block i {
  color: #e73155;
  font-size: 2.5rem;
  letter-spacing: 0.2px;
  position: absolute;
  top: 4px;
  left: 10px;
}

.product-item.no-price .product-info {
  width: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.product-item.no-price:after {
  display: none;
}

.product-item.visa .product-item-top > .row {
  font-size: 0px;
  padding: 15px 0px;
  border-bottom: solid 1px #eee;
}

.product-item.visa .product-item-top > .row > div[class^=col-] {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.product-item.visa .product-item-top .product-item-flight-name {
  padding: 0px;
  text-align: left;
}

.product-item.visa .product-item-top .product-item-flight-name img {
  display: inline-block;
  vertical-align: middle;
  max-width: 42px;
  border-radius: 100%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}

.product-item.visa .product-item-top .product-item-flight-from strong,
.product-item.visa .product-item-top .product-item-flight-from span {
  display: block;
}

.product-item.visa .product-item-top .product-item-flight-from-tit {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 26px;
}

.product-item.visa .product-item-top .product-item-flight-from-remark {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
}

.product-item.visa .product-item-bottom {
  padding: 20px 15px;
  margin: 0px -15px;
  z-index: auto;
  border-top: none;
  background: none;
  letter-spacing: 0.4px;
}

.product-item.visa .product-item-bottom-time {
  padding: 0px;
  margin: 0px;
}

.product-item.visa .product-item-bottom-time li {
  list-style: none;
  font-size: 1.5rem;
}

.product-item.visa .product-item-bottom-time .description {
  font-size: 1.5rem;
}

.product-item.visa .product-item-bottom-time .description .fa-info-circle {
  font-size: 1.7rem;
}

.product-item.visa .product-item-bottom-link {
  padding: 0px;
  padding-right: 20px;
  margin: 0px -6px;
  display: inline-block;
  vertical-align: bottom;
}

.product-item.visa .product-item-bottom-link li {
  font-size: 1.5rem;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 6px;
  position: relative;
}

.product-item.visa .product-item-bottom-link li:first-of-type:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: #333;
  top: 3px;
  right: -3px;
}

.product-item.visa .product-item-bottom-link .order-btn a {
  color: #2d7cd1;
  text-decoration: underline;
  padding: 0px;
  margin: 0px;
}

.product-item.visa .product-item-bottom-link .order-btn a:hover {
  color: #3d4c98;
}

.product-item.visa .product-item-bottom-number {
  display: inline-block;
  vertical-align: bottom;
}

.product-item.visa .product-item-bottom-validity-period {
  font-size: 1.5rem;
}

.product-item.visa a.product-item-flight-name-tit {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color: #333;
  padding: 0px 0px;
  padding-left: 5px;
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  font-weight: bold;
}

.product-item.visa a.product-item-flight-name-tit:hover {
  text-decoration: underline;
  color: #3d4c98;
}

.product-item.visa .slider-flight-info {
  position: relative;
  background: #fff;
  z-index: 1;
  margin: 0px -15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 992px) and (max-width: 1006px) {
  .product-item.visa .area-price {
    position: absolute;
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .product-item.visa .product-item-top > .row {
    padding: 10px 0px;
    border: none;
  }

  .product-item.visa .product-item-top > .row > div[class^=col-] {
    display: block;
  }

  .product-item.visa .product-item-top .product-item-flight-name {
    padding: 10px 0px;
    text-align: center;
  }

  .product-item.visa .product-item-top .product-item-flight-name img {
    width: 30px;
  }

  .product-item.visa .product-item-top .product-item-flight-from {
    padding: 10px 20px 10px 0px;
    position: relative;
  }

  .product-item.visa .product-item-top .product-item-flight-from-tit {
    font-size: 1.6rem;
    line-height: 21px;
  }

  .product-item.visa .product-item-top .product-item-flight-from .order-btn {
    position: absolute;
    top: 8px;
    right: 0px;
  }

  .product-item.visa .product-item-top .product-item-flight-from .order-btn a {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
  }

  .product-item.visa .product-item-top .product-item-flight-from .order-btn a i {
    margin: 0px;
    font-size: 2.4rem;
  }

  .product-item.visa .product-item-top .product-info-tag-area {
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    overflow-x: hidden;
  }

  .product-item.visa .product-item-bottom {
    border-top: solid 1px #eee;
    padding: 10px 15px;
  }

  .product-item.visa .product-item-bottom-time li {
    text-align: left;
    font-size: 1.4rem;
  }

  .product-item.visa .product-item-bottom-time .description {
    font-size: 1.4rem;
  }

  .product-item.visa .product-item-bottom-time .description .fa-info-circle {
    font-size: 1.4rem;
  }

  .product-item.visa .product-item-bottom-link .order-btn a {
    line-height: 20px;
  }

  .product-item.visa .product-item-bottom-link li {
    font-size: 1.4rem;
  }

  .product-item.visa a.product-item-flight-name-tit {
    padding: 0px;
    display: block;
    text-align: center;
  }
}

.product-item-flight-name-rebuild {
  color: #333;
  text-align: center;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.product-item-flight-name-rebuild .name-rebuild-date-start {
  font-size: 18px;
  font-weight: 700;
  text-align: right !important;
  color: #333333;
  line-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: end;
}

.product-item-flight-name-rebuild .name-rebuild-date-start span {
  font-size: 18px;
  font-weight: bold;
}

.product-item-flight-name-rebuild .name-rebuild-date-start span.blue {
  color: #2d7cd1;
}

.product-item-flight-name-rebuild .name-rebuild-date-start span:last-child {
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .product-item-flight-name-rebuild .name-rebuild-date-start span:last-child {
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .product-item-flight-name-rebuild .name-rebuild-date-start span {
    font-size: 16px;
  }
}

.product-item-flight-name-rebuild .name-rebuild-date-end {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: end;
}

.product-item-flight-name-rebuild .name-rebuild-date-end span {
  font-size: 18px;
  font-weight: bold;
}

.product-item-flight-name-rebuild .name-rebuild-date-end span.blue {
  color: #2d7cd1;
}

.product-item-flight-name-rebuild .name-rebuild-date-end span:last-child {
  margin-left: 5px;
}

@media screen and (max-width: 991px) {
  .product-item-flight-name-rebuild .name-rebuild-date-end span:last-child {
    margin-left: 8px;
  }
}

@media screen and (max-width: 767px) {
  .product-item-flight-name-rebuild .name-rebuild-date-end span:last-child {
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .product-item-flight-name-rebuild .name-rebuild-date-end span {
    font-size: 16px;
  }
}

.product-item-flight-name-rebuild .has-tooltip .name-rebuild-time {
  font-size: 15px;
  color: #7f7f7f;
  text-align: right;
  padding: 20px 0;
}

.product-item-flight-name-rebuild .has-tooltip .name-rebuild-time span {
  font-size: 15px;
  color: #7f7f7f;
  vertical-align: bottom;
  text-align: right;
}

.product-item-flight-name-rebuild .has-tooltip .name-rebuild-time span.blue {
  color: #2d7cd1;
}

.product-item-flight-name-rebuild.flight-total {
  text-align: right;
  position: absolute;
  top: -60px;
  width: 200px;
}

.product-item-flight-name-rebuild.flight-total.fit-rebuild {
  left: 12px;
}

.product-item-flight-name-rebuild.flight-total div {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #000000;
}

@media screen and (min-width: 480px) {
  .product-item-flight-name-rebuild.flight-total div span {
    margin-left: 0 !important;
  }
}

.product-item-flight-name-rebuild .product-item-flight-name-tit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.product-item-flight-name-rebuild .product-item-flight-name-tit img {
  width: 30px;
  margin: 0 15px;
}

.product-item-flight-name-rebuild-tit {
  font-size: 2rem;
  letter-spacing: 0.2px;
  line-height: 26px;
  font-weight: bold;
  padding: 9px 0px;
}

.product-item-flight-name-rebuild-cabin {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 21px;
  color: #888;
  padding-bottom: 9px;
}

.product-item-flight-name-rebuild > a {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 26px;
}

.product-item-flight-name-rebuild span {
  font-size: 20px;
  font-weight: normal;
}

.discount-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100px;
  height: 30px;
  padding: 10px 10px 10px 10px;
  border-radius: 20px  !important;
  border: 1px solid #d9001b  !important;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: "\5FAE\8EDF\6B63\9ED1\9AD4   Light", "\5FAE\8EDF\6B63\9ED1\9AD4", sans-serif;
  font-weight: 250;
  color: #d9001b;
  text-align: center;
  line-height: 36px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-button {
    font-size: 14px;
  }
}

.price-detail-info.fit-rebuild {
  margin: 0 -15px;
}

.price-detail-info.fit-rebuild .price-detail-info-item-area {
  border-top: 2px dashed #d7d7d7;
}

.product-item-divide {
  border-bottom: 1px solid #eee;
  margin: 0 -15px;
}

.fit-rebuild .product-item-flight-name-rebuild .fit-rebuild-realFlight {
  font-size: 15px;
  color: #7f7f7f;
  text-align: left;
  margin-left: 60px;
}

@media screen and (max-width: 991px) {
  .fit-rebuild .product-item-flight-name-rebuild .fit-rebuild-realFlight {
    margin: 6px 0 0 16px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .fit-rebuild .product-item-flight-name-rebuild .fit-rebuild-realFlight {
    font-size: 1.2rem;
  }
}

.short-banner {
  position: relative;
  height: 220px;
  width: 100%;
  aspect-ratio: 9/2;
  background-repeat: no-repeat;
  background-size: cover;
}

.short-banner .banner-title-w {
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 10px black;
  letter-spacing: 0.2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.short-banner.banner-member-new {
  overflow: hidden;
}

.short-banner.banner-member-new:before {
  content: "";
  display: block;
  height: 220px;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .short-banner {
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.switch-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: #2d7cd1;
  border-radius: 20px;
  height: 16px;
  width: 40px;
  margin: 3px 7px;
  border: solid 1px #2d7cd1;
}

.switch-btn-area {
  margin: 15px 0px;
}

.switch-btn-area input[type=checkbox] {
  display: none;
}

.switch-btn-area input[type=checkbox]:checked + label .switch-btn > div {
  right: auto;
  right: 20px;
}

.switch-btn-area input[type=checkbox]:checked + label .switch-btn-text:nth-of-type(1) {
  color: #2d7cd1;
}

.switch-btn-area input[type=checkbox]:checked + label .switch-btn-text:nth-of-type(3) {
  color: #333;
}

.switch-btn-area label {
  margin: 0px;
  cursor: pointer;
}

.switch-btn-area label a {
  text-decoration: none;
  color: #333;
}

.switch-btn-text {
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
}

.switch-btn-text:nth-of-type(3) {
  color: #2d7cd1;
}

.switch-btn > div {
  position: absolute;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  background: #fff;
  right: -5px;
  top: 50%;
  box-shadow: 0px 0px 10px #000;
  transform: translateY(-50%);
  transition: 0.3s ease all;
}

.switch-input {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 90px;
  height: 24px;
  border-radius: 12px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}

.switch {
  /*
    &-ellipse{
        display: inherit;
        margin: 6px 11px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        background-image: linear-gradient(180deg, #f2f6f8 0%, white 100%);
    }
    */
}

.switch-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-checkbox:checked ~ .switch-text {
  background: #2d7cd1;
  color: #fff;
}

.switch-checkbox:checked ~ .switch-text:before {
  display: block;
  position: absolute;
  top: 4px;
  content: '\8A02\95B1';
  left: 15px;
}

.switch-checkbox:checked ~ .switch-handle {
  left: 56px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-text {
  position: relative;
  display: block;
  height: inherit;
  font-size: 13px;
  text-align: left;
  padding: 2px 10px;
  color: #fff;
  background: #888;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  transition: 0.15s ease-out;
  transition-property: opacity background;
}

.switch-text:before {
  display: block;
  position: absolute;
  top: 4px;
  content: '\53D6\6D88';
  right: 15px;
}

.switch-handle {
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 20px;
  background: #fff;
  background-image: linear-gradient(180deg, white 0%, #f2f6f8 100%);
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  margin: 0 2px;
  transition: left 0.15s ease-out;
}

.slider-arrow div {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
}

.slider-arrow div i {
  cursor: pointer;
  font-size: 26px;
  line-height: 40px;
  width: 40px;
  color: #fff;
  text-shadow: 0px 0px 4px #000;
  text-align: center;
  transition: 0.3s ease all;
}

.slider-arrow div i:hover {
  text-shadow: 0px 0px 8px #000;
}

.slider-arrow-left {
  left: 16px;
}

.slider-arrow-right {
  right: 16px;
}

button.slick-arrow {
  display: none;
}

.slick-next:before,
.slick-prev:before {
  display: none;
}

.slick-prev {
  left: 0px;
  z-index: 1;
}

.slick-next {
  right: 0px;
}

.product-select-area-box {
  margin-bottom: 60px;
}

.product-select-area-box:last-of-type {
  margin-bottom: 30px;
}

.product-select-area {
  border: 1px solid #eee;
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.product-select-area .area-list {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.product-select-area .area-list:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.product-select-area .tit-area {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
}

.product-select-area .tit-area .checkbox {
  margin: 0;
  margin-right: 15px;
}

.product-select-area .tit-area .icon {
  margin-right: 17px;
  font-size: 2.5rem;
  line-height: 15px;
}

.product-select-area .tit-area .icon .success {
  color: #2d7cd1;
}

.product-select-area .tit-area .icon .fail {
  color: #ddd;
}

.product-select-area .tit-area .download-link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  padding-left: 5px;
}

.product-select-area .tit-area .download-link i {
  padding-right: 3px;
  font-size: 1.5rem;
}

.product-select-area .tit-area .tit {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  font-weight: bold;
  line-height: 22px;
}

.product-select-area .tit-area .tit.more-column {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.product-select-area .tit-area .error {
  font-size: 1.2rem;
  color: #f37370;
}

.product-select-area .info-area .product-img img {
  border-radius: 4px;
  width: 100%;
}

.product-select-area .info-area .product-type-item {
  padding: 13px 0px;
  /* 檔案名稱樣式 */
}

.product-select-area .info-area .product-type-item:last-of-type {
  padding-bottom: 0px;
}

.product-select-area .info-area .product-type-item:last-of-type .info {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.product-select-area .info-area .product-type-item .info {
  border-bottom: 1px dashed #ccc;
  padding: 0px 0px 5px 0px;
  margin-bottom: 5px;
}

.product-select-area .info-area .product-type-item .type-tit {
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  font-weight: bold;
}

.product-select-area .info-area .product-type-item .type {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  margin: 8px 0px;
}

.product-select-area .info-area .product-type-item ul.type {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  padding-left: 1.5em;
  margin: 8px 0px;
}

.product-select-area .info-area .product-type-item .type-file {
  font-size: 1.5rem;
  letter-spacing: 0.4px;
}

.product-select-area .info-area .product-type-item .type-file.error {
  color: #f37370;
  font-size: 1.5rem;
}

.product-select-area .info-area .product-type-item .type-file.normal {
  color: #888;
  font-size: 1.5rem;
}

.product-select-area .info-area .product-type-item .type-file.normal.blue {
  color: #2d7cd1;
  letter-spacing: -0.1px;
}

.product-select-area .info-area .product-type-item .type-file.has-close-btn {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
}

.product-select-area .info-area .product-type-item .type-file.has-close-btn:after {
  font-family: 'FontAwesome';
  content: '\F00D';
}

.product-select-area .info-area .product-type-item .type-file.has-close-btn + .type-file.has-close-btn {
  margin-bottom: 10px;
}

.product-select-area .info-area .product-type-item .type-file .product-refresh {
  margin: 0;
}

.product-select-area .info-area .product-type-item .price {
  color: #e73155;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
}

.product-select-area .info-area .product-type-item button.delete-btn {
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size: 2.5rem;
  color: #ccc;
}

.product-select-area .info-area .product-type-item button.delete-btn:hover {
  color: #e73155;
}

.product-select-area .info-area .product-type-item .error {
  font-size: 1.2rem;
  color: #f37370;
}

.product-select-area.disabled {
  background: rgba(230, 230, 230, 0.38);
  color: rgba(0, 0, 0, 0.31);
}

.product-select-area.disabled .tit-area .tit {
  color: rgba(0, 0, 0, 0.31);
}

@media screen and (min-width: 992px) {
  .product-select-area .info-area .product-type-item .info > .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  .product-select-area .info-area .st-alert-warning,
  .product-select-area .info-area .st-alert-danger,
  .product-select-area .info-area .st-alert-info,
  .product-select-area .info-area .st-alert-success,
  .product-select-area .info-area .st-alert-email {
    margin: 5px 0px 0px;
  }
}

@media screen and (max-width: 991px) {
  .product-select-area .tit-area .tit.space-between {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .product-select-area .info-area .product-type-item .st-alert-warning,
  .product-select-area .info-area .product-type-item .st-alert-danger,
  .product-select-area .info-area .product-type-item .st-alert-info,
  .product-select-area .info-area .product-type-item .st-alert-success,
  .product-select-area .info-area .product-type-item .st-alert-email {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 767px) {
  .product-select-area .info-area {
    margin-left: 38px;
  }

  .product-select-area .info-area .product-type-item {
    margin-right: 0;
  }

  .product-select-area .info-area .product-type-item:first-of-type {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .product-select-area {
    margin-top: 20px;
    padding: 20px 15px;
  }

  .product-select-area .area-list {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .product-select-area .tit-area .tit {
    font-size: 1.6rem;
  }

  .product-select-area .info-area .product-img {
    margin-left: 0;
  }

  .product-select-area .info-area .product-img img {
    border-radius: 4px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .product-select-area .info-area .product-type-item {
    padding: 0;
  }

  .product-select-area .info-area .product-type-item .info {
    padding: 0px 0px 10px 0px;
    margin-bottom: 5px;
  }

  .product-select-area .info-area .product-type-item .type-tit {
    font-size: 1.6rem;
    padding-top: 15px;
  }

  .product-select-area .info-area .product-type-item .type,
  .product-select-area .info-area .product-type-item ul.type {
    font-size: 1.4rem;
  }

  .product-select-area .info-area .product-type-item .type-file {
    font-size: 1.6rem;
    margin-top: -5px;
    padding-bottom: 15px;
  }

  .product-select-area .info-area .product-type-item .type-file.error,
  .product-select-area .info-area .product-type-item .type-file.normal {
    font-size: 1.6rem;
  }

  .product-select-area .info-area .product-type-item .type-file.has-close-btn {
    display: block;
    margin-right: 0;
  }

  .product-select-area .info-area .product-type-item .type-file.has-close-btn + .type-file.has-close-btn {
    margin-bottom: 0px;
  }

  .product-select-area .info-area .product-type-item .price {
    float: left;
    line-height: normal;
  }
}

.fade {
  transition: opacity 0.00000000000000000000000000000001s linear !important;
}

/* nav選單 */

.nav-tabs-wrapper {
  display: inline-block;
  width: calc(100% - 30px);
  margin: 0px 15px 18px 15px;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

.nav-tabs-wrapper .bar-expand {
  display: none;
}

.nav-tabs-wrapper .nav-arrowDown {
  display: none;
}

.nav-tabs-wrapper .nav-tabs {
  border-bottom: 0;
  display: table;
  width: auto;
  margin: 0px auto;
}

.nav-tabs-wrapper .nav-tabs.nav-left {
  margin: 0;
}

.nav-tabs-wrapper .nav-tabs li {
  position: relative;
  margin: 0px 10px;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}

.nav-tabs-wrapper .nav-tabs li:last-of-type a {
  margin-right: 0px;
}

.nav-tabs-wrapper .nav-tabs li.active a,
.nav-tabs-wrapper .nav-tabs li.active a:hover,
.nav-tabs-wrapper .nav-tabs li.active a:focus {
  color: #fff;
  border: none;
  margin: 0;
  background-color: transparent;
}

.nav-tabs-wrapper .nav-tabs li a {
  color: #fff;
  display: block;
  font-size: 17px;
  line-height: 20px;
  padding: 15px 5px;
  background: #ccc;
  text-decoration: none;
  border: none;
  margin-right: 1px;
  text-align: center;
}

.nav-tabs-wrapper .nav-tabs.nav-underline {
  border-bottom: none;
}

.nav-tabs-wrapper .nav-tabs.nav-underline li {
  position: relative;
  margin: 0;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}

.nav-tabs-wrapper .nav-tabs.nav-underline li:last-of-type a {
  margin-right: 0px;
}

.nav-tabs-wrapper .nav-tabs.nav-underline li.active a,
.nav-tabs-wrapper .nav-tabs.nav-underline li.active a:hover,
.nav-tabs-wrapper .nav-tabs.nav-underline li.active a:focus {
  color: #2d7cd1;
  border-bottom: solid 3px #2d7cd1;
}

.nav-tabs-wrapper .nav-tabs.nav-underline li a {
  color: #333333;
  background: transparent;
  padding: 6px 20px;
  border-bottom: 3px solid transparent;
  margin: 0px;
  margin-top: 8px;
  white-space: nowrap;
}

.nav-tabs-wrapper .nav-tabs.nav-underline li a:hover,
.nav-tabs-wrapper .nav-tabs.nav-underline li a:focus,
.nav-tabs-wrapper .nav-tabs.nav-underline li a:active {
  color: #2d7cd1;
  padding: 6px 20px;
  border-bottom: solid 3px #2D7CD1;
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .nav-tabs-wrapper .nav-tabs.nav-underline li a {
    padding: 6px 20px;
    margin: 0;
  }
}

/*後期開發改以向下兼容方式 撰寫scss*/

@media screen and (max-width: 1024px) {
  .nav-tabs-wrapper .nav-tabs.nav-underline li a {
    padding: 6px 10px;
  }

  .nav-tabs-wrapper .nav-tabs.nav-underline li a:hover,
  .nav-tabs-wrapper .nav-tabs.nav-underline li a:focus,
  .nav-tabs-wrapper .nav-tabs.nav-underline li a:active {
    padding: 6px 10px;
  }

  .nav-tabs-wrapper.active .nav-tabs li {
    margin: 5px;
    width: calc((99.5% - (5px * 2 * 3)) / 3);
  }

  .nav-tabs-wrapper.active .nav-tabs .nav-li:last-child {
    padding-right: 0px;
  }

  .nav-tabs-wrapper.active .nav-tabs .nav-li {
    min-width: unset;
  }

  .nav-tabs-wrapper .bar-expand {
    margin-top: 0;
  }

  .nav-scroll {
    width: calc(100vw - 64px);
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }

  .nav-pintop .nav-scroll {
    width: calc(100vw - 44px);
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }

  .nav-tabs-wrapper.active,
  .nav-tabs-wrapper.active .nav-scroll {
    width: 100%;
  }

  .btn-outline-white {
    padding: 10px 50px;
    font-size: 14px;
  }

  .wrapper-relative {
    position: relative;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .nav-tabs-wrapper {
    width: calc( 100% - 30px);
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .nav-tabs-wrapper.active .nav-tabs li {
    margin: 5px;
    width: calc((99.5% - (5px * 2 * 3)) / 2);
  }

  .more-btn-mobile {
    display: block;
    margin: 15px auto;
  }

  .more-btn-mobile:before {
    content: "\6536\5408   " "\F077";
    font-family: FontAwesome;
  }

  .more-btn-mobile.collapsed:before {
    content: "\770B\66F4\591A   " "\F078";
    font-family: FontAwesome;
  }

  .wrapper-relative {
    position: relative;
    margin-bottom: 0px;
    top: -15px;
  }

  .wrapper-relative .nav-tabs-wrapper.active {
    margin-top: 11.5px;
  }

  .wrapper-relative .nav-tabs-wrapper.active .bar-expand .bar-expand-wrapper {
    padding-top: 10px;
  }

  .wrapper-relative .nav-tabs-wrapper.active .bar-expand .bar-expand-wrapper .nav-arrowUp {
    height: 34px;
    line-height: 34px;
    width: 18px;
  }

  .wrapper-relative .nav-tabs-wrapper.active .nav-tabs.nav-underline li a {
    margin-top: 0px;
  }
}

/*Table*/

@media screen and (max-width: 1199px) {
  .nav-tabs-wrapper .nav-tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .nav-tabs-wrapper .nav-tabs li {
    margin: 0;
    -ms-flex-positive: 0;
        flex-grow: 0;
  }
}

/*Mobile*/

@media screen and (max-width: 1024px) {
  .nav-tabs-wrapper {
    position: relative;
    margin-bottom: 0;
  }

  .nav-tabs-wrapper.active {
    background: #eeeeee;
    border-bottom: 0;
  }

  .nav-tabs-wrapper.active {
    background: #eeeeee;
    border-bottom: 0;
  }

  .nav-tabs-wrapper .nav-arrowDown {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    padding-left: 10px;
    padding-top: 8px;
    border-bottom: solid 1px #ffffff;
    cursor: pointer;
    background: linear-gradient(to left, white 40%, rgba(255, 255, 255, 0) 100%);
    color: #969696;
    padding-top: 0;
    height: 32px;
    line-height: 32px;
    margin-bottom: 3px;
    width: 32px;
  }

  .nav-tabs-wrapper .nav-arrowUp {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 43px;
    line-height: 43px;
    color: #969696;
    cursor: pointer;
  }

  .nav-tabs-wrapper .bar-expand {
    display: none;
    margin-top: 15px;
  }

  .row .nav-tabs-wrapper .bar-expand {
    display: none;
    margin-top: 0;
    border-top: 10px solid #fff;
  }

  .row .nav-tabs-wrapper .bar-expand .bar-expand-wrapper {
    padding-top: 6px;
  }

  .nav-tabs-wrapper .bar-expand .bar-expand-wrapper {
    border-bottom: 1px solid #ccc;
    margin: 0 20px;
    position: relative;
    padding-top: 25px;
    padding-left: 5px;
    line-height: 26px;
    padding-bottom: 6px;
    font-weight: bold;
  }

  .nav-tabs-wrapper.active {
    margin: 0;
  }

  .nav-tabs-wrapper .nav-tabs {
    margin: 0;
  }

  .nav-tabs-wrapper.active .nav-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 15px;
    margin-top: 0;
  }

  .nav-tabs-wrapper.active .nav-tabs li {
    margin: 5px;
    width: calc((99.5% - (5px * 2 * 3)) / 2);
  }

  .nav-tabs-wrapper.active .nav-tabs.nav-underline li a {
    width: auto;
  }

  .nav-tabs-wrapper.active .nav-tabs.nav-underline li:last-of-type a {
    margin-right: 0px;
  }

  .nav-tabs-wrapper.active .nav-tabs.nav-underline li a {
    padding: 10px 12px;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #ccc;
  }

  .nav-tabs-wrapper.active .nav-tabs.nav-underline li a:hover,
  .nav-tabs-wrapper.active .nav-tabs.nav-underline li a:active,
  .nav-tabs-wrapper.active .nav-tabs.nav-underline li a:focus {
    color: #333;
    background-color: #e7f3ff;
    border-color: #ccc;
  }

  .nav-tabs-wrapper.active .nav-tabs.nav-underline li.active a,
  .nav-tabs-wrapper.active .nav-tabs.nav-underline li.active a:hover,
  .nav-tabs-wrapper.active .nav-tabs.nav-underline li.active a:focus {
    color: #333;
    background-color: #e7f3ff;
    border-color: #ccc;
  }

  .nav-tabs-wrapper.active .bar-expand {
    display: block;
  }

  .nav-tabs-wrapper.active .nav-arrowDown {
    display: none;
  }

  .nav-tabs-wrapper .nav-tabs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  .nav-tabs-wrapper .nav-tabs::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
  }
}

.bar-outer-space {
  padding: 35px 10px 45px 10px;
}

.timeline-bar {
  background: #ccc;
  width: 100%;
  height: 8px;
  position: relative;
  border-radius: 10px;
}

.timeline-bar-danger {
  background: #e73155;
  width: 100%;
  height: 8px;
  position: relative;
  border-radius: 10px;
}

.timeline-bar-txt {
  color: #333;
  position: absolute;
  top: -25px;
  left: 75%;
  transform: translateX(-50%);
  font-weight: bold;
}

.timeline-bar-txt-center {
  color: #333;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}

.timeline-bar-txt-center.red {
  color: #e73155;
}

.timeline-bar-free {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 8px;
  background: #2fb570;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
}

.timeline-bar-free-txt {
  color: #2fb570;
  position: relative;
  top: -25px;
  font-weight: bold;
}

.timeline-bar-date {
  color: #333;
  position: absolute;
  left: 50%;
  bottom: -35px;
  transform: translateX(-50%);
  padding: 4px 8px;
  font-weight: bold;
}

.order-btn {
  text-align: right;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .order-btn.rebuild {
    text-align: center;
  }
}

.order-btn a {
  color: #888;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  text-decoration: none;
  line-height: 20px;
  margin: 0 20px;
  display: inline-block;
  padding: 8px 0px;
}

.order-btn a.rebuild {
  padding: 0 !important;
}

.order-btn a i {
  font-size: 1.5rem;
  margin-left: 5px;
  transition: 0.3s ease all;
}

.order-btn a i.active {
  transform: rotate(-180deg);
}

.order-btn a:hover,
.order-btn a:focus {
  text-decoration: none;
  color: #3d4c98;
}

.order-btn a.active {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .order-btn {
    font-size: 1.4rem;
  }

  .order-btn a > i {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .order-btn {
    text-align: center;
    clear: both;
  }

  .order-btn a {
    line-height: 30px;
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .order-btn {
    text-align: center;
    clear: both;
  }

  .order-btn a {
    font-size: 1.4rem;
    line-height: 30px;
    display: block;
  }
}

/* 企業優惠項目（圖示卡片） */

.member-discount-card > [class*='col']:nth-child(odd) > .row {
  margin-right: -5px;
}

.member-discount-card > [class*='col']:nth-child(even) > .row {
  margin-left: -5px;
}

.tour-discount-card {
  border: 1px solid #eee;
  border-radius: 4px;
  position: relative;
  min-height: 152px;
  padding: 15px;
  margin-bottom: 20px;
}

.tour-discount-card .tour-discount-txt {
  width: 100%;
}

.tour-discount-card .tour-discount-txt h4 {
  color: #333;
  font-size: 17px;
  line-height: 2rem;
  margin: 10px 0;
}

.tour-discount-card .tour-discount-txt p {
  color: #e73155;
  font-size: 17px;
  line-height: 2rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.tour-discount-card .tour-discount-txt p .discount-price {
  font-size: 24px;
  margin: 0 5px;
}

.tour-discount-card .tour-discount-pin-btn {
  width: 110px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .tour-discount-card {
    min-height: 175px;
  }
}

@media screen and (max-width: 992px) {
  .tour-discount-card .tour-discount-txt h4,
  .tour-discount-card .tour-discount-txt p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .member-discount-card > [class*='col']:nth-child(odd) > .row {
    margin-right: -15px;
  }

  .member-discount-card > [class*='col']:nth-child(even) > .row {
    margin-left: -15px;
  }

  .tour-discount-card .tour-discount-pin-btn {
    width: 100%;
    position: unset;
    float: left;
    margin-top: 15px;
  }
}

.you-might-like {
  background: #f0f0f0;
  padding: 45px 0px;
}

.you-might-like .tit-s {
  padding: 5px 0px;
}

.you-might-like-slider {
  padding: 15px 0px 0px;
  position: relative;
  margin: 0px -8px;
}

.you-might-like-slider .slider-arrow div {
  z-index: 2;
}

.you-might-like-slider .slider-arrow-left {
  left: -10px;
}

.you-might-like-slider .slider-arrow-right {
  right: -10px;
}

.you-might-like-slider ul {
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  white-space: nowrap;
}

.you-might-like-slider ul li {
  text-align: left;
  list-style: none;
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  padding: 5px 8px;
  white-space: normal;
}

.you-might-like-slider ul li a {
  display: block;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
}

.you-might-like-slider ul li a:hover .you-might-like-slider-top > img,
.you-might-like-slider ul li a:hover .you-might-like-slider-top-ticket {
  box-shadow: 0 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.you-might-like-slider-top {
  position: relative;
  z-index: 1;
  padding: 0px 10px;
  top: 111px;
  margin-top: -111px;
}

.you-might-like-slider-top > img {
  width: 100%;
  transition: 0.3s ease all;
}

.you-might-like-slider-top .tag {
  position: absolute;
  top: 121px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

.you-might-like-slider-top-ticket {
  text-align: center;
  position: relative;
  background: #000f1f;
  transition: 0.3s ease all;
}

.you-might-like-slider-top-ticket-bg {
  opacity: 0.2;
  pointer-events: none;
  width: 100%;
}

.you-might-like-slider-top-ticket-logo {
  position: absolute;
  width: 100%;
  top: 6%;
  font-size: 1.7rem;
  letter-spacing: 0.4px;
  line-height: 24px;
  color: #fff;
}

.you-might-like-slider-top-ticket-logo img {
  max-width: 120px;
  width: 40%;
  margin: 0 auto;
}

.you-might-like-slider-top-ticket-logo .name {
  padding-top: 5px;
}

.you-might-like-slider-bottom {
  background: #fff;
  font-size: 1.5rem;
  line-height: 18px;
  width: 100%;
  padding: 119px 10px 8px;
  transition: 0.3s ease all;
  min-height: 201px;
  position: relative;
}

.you-might-like-slider-bottom-tit {
  color: #313131;
  font-size: 1.5rem;
  letter-spacing: 0.4px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*! autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 40px;
}

.you-might-like-slider-bottom-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 16px;
  gap: 4px;
}

.you-might-like-slider-bottom-price {
  font-weight: bold;
  color: #e73155;
  text-align: start;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.you-might-like-slider-bottom-price-tit {
  position: absolute;
  bottom: 8px;
  left: 10px;
}

.you-might-like-slider-bottom-price-tag {
  position: absolute;
  bottom: 8px;
  right: 10px;
}

.you-might-like-slider-bottom.no-tag .you-might-like-slider-bottom-tit {
  margin-top: 10px;
}

.you-might-like.no-tit {
  padding: 0;
}

.you-might-like.no-tit .you-might-like-slider {
  padding: 0;
}

.you-might-like.no-bg-type {
  background: #fff;
  animation: none;
}

.you-might-like.no-bg-type .you-might-like-slider ul li a {
  border: 1px solid #ccc;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}

.you-might-like.no-bg-type .you-might-like-slider-top {
  padding: 0;
}

@media screen and (max-width: 1199px) {
  .you-might-like.no-tit .you-might-like-slider {
    padding-top: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .you-might-like {
    padding: 30px 0px;
  }

  .you-might-like-slider ul li {
    width: 50%;
  }

  .you-might-like-slider-top-ticket-logo {
    top: 12%;
  }
}

@media screen and (max-width: 767px) {
  .you-might-like-slider-bottom {
    font-size: 1.4rem;
  }

  .you-might-like-slider-bottom-tit {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .you-might-like {
    padding: 30px 0px;
  }

  .you-might-like-slider ul li {
    width: 50%;
  }

  .you-might-like-slider-top-ticket-logo {
    top: 2vw;
    font-size: 1.6rem;
    line-height: 22px;
  }

  .you-might-like-slider-top-ticket-logo img {
    width: 36%;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .you-might-like {
    padding: 25px 0px;
  }

  .you-might-like-slider ul li {
    width: 100%;
  }

  .you-might-like-slider-top-ticket-logo {
    top: 7vw;
    font-size: 1.6rem;
    line-height: 22px;
  }
}

.agreement-container {
  margin-top: 2rem;
}

.agreement-container .agreement-pdf-container {
  width: 100%;
  margin: 10px auto;
}

.agreement-container .agreement-item-pdfViewer {
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
  border: 1px solid #ccc;
}

.agreement-container .agreement-item-bottomText {
  color: #2d7cd1;
  text-align: end;
  transition: opacity 0.3s ease;
}

.agreement-container .agreement-item-bottomText.isBottom {
  opacity: 0;
}

.agreement-container .agreement-item-pdfPage {
  margin: 10px auto;
  background-color: #fff;
}

.agreement-container .agreement-item-pdfPage canvas {
  display: block;
  margin: 0 auto;
}

.agreement-signature-container {
  display: none;
}

.agreement-signature-container .agreement-signature-canvas canvas {
  border: 2px solid #ccc;
  width: 100%;
  height: 400px;
  border-radius: 4px;
  background-color: #fff;
}


/*# sourceMappingURL=member.css.map*/