@charset "UTF-8";
.remarks-box {
  margin-top: 55px; }

@media (max-width: 1199px) {
  .main .aside {
    display: block;
    position: relative;
    width: 100%; } }
.main .aside form {
  position: relative; }
  .main .aside form textarea {
    width: 100%;
    border: none;
    font-size: 0.9em;
    line-height: 120%;
    font-family: "Lato", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Arial";
    color: #707070;
    padding: 10px 0 10px 10px; }
@media (max-width: 1199px) {
  .main .content {
    width: 100%; } }
@media (max-width: 1199px) {
  .main .content .wrapper {
    padding-left: 44px;
    padding-right: 44px; } }
@media (max-width: 991px) {
  .main .content .wrapper {
    padding-top: 56px;
    padding-left: 18px;
    padding-right: 18px; } }
.main .content .com-border-box {
  margin-bottom: 35px; }
  @media (max-width: 1199px) {
    .main .content .com-border-box {
      margin-left: -44px;
      margin-right: -44px;
      padding-left: 44px;
      padding-right: 44px; } }
  @media (max-width: 991px) {
    .main .content .com-border-box {
      margin-left: -18px;
      margin-right: -18px;
      padding-left: 18px;
      padding-right: 18px; } }
@media (max-width: 991px) {
  .main.theme-light .content {
    color: #4c4948; }
    .main.theme-light .content:before {
      background-color: #fff;
      opacity: 0.8; }
    .main.theme-light .content:after {
      display: none; } }

.tracking-result {
  margin-left: -65px;
  margin-right: -65px; }
  @media (max-width: 1199px) {
    .tracking-result {
      margin-left: -44px;
      margin-right: -44px; } }
  @media (max-width: 991px) {
    .tracking-result {
      margin-left: -18px;
      margin-right: -18px; } }
  .tracking-result .pannel-content .pannel-content-box {
    padding-bottom: 0;
    margin-bottom: 40px; }
    .tracking-result .pannel-content .pannel-content-box .row {
      margin-right: -15px;
      margin-left: -15px; }
  .tracking-result .pannel-content.pannel-section .pannel-content-box {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
  .tracking-result .pannel-content .pannel-content-inner {
    padding-left: 65px;
    padding-right: 65px; }
    @media screen and (max-width: 1199px) {
      .tracking-result .pannel-content .pannel-content-inner {
        padding-left: 44px;
        padding-right: 44px; } }
    @media screen and (max-width: 991px) {
      .tracking-result .pannel-content .pannel-content-inner {
        padding-left: 18px;
        padding-right: 18px; } }
    .tracking-result .pannel-content .pannel-content-inner h2 {
      margin-bottom: 28px;
      padding-top: 32px; }
  .tracking-result .card-content-box .orange-dot-dividor {
    width: 100%;
    height: 1px;
    background: rgba(76, 73, 72, 0.5);
    margin-bottom: 0px;
    position: relative; }
    .tracking-result .card-content-box .orange-dot-dividor:before, .tracking-result .card-content-box .orange-dot-dividor:after {
      content: "";
      background-color: #eb6e23;
      width: 20px;
      height: 20px;
      position: absolute;
      border-radius: 50%; }
    .tracking-result .card-content-box .orange-dot-dividor:before {
      left: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 50%);
              transform: translate(-50%, 50%); }
      @media (min-width: 992px) {
        .tracking-result .card-content-box .orange-dot-dividor:before {
          width: 10px;
          border-radius: 0 10px 10px 0;
          left: 5px;
          bottom: 10px;
          -webkit-transform: translate(-50%, 100%);
                  transform: translate(-50%, 100%); } }
    .tracking-result .card-content-box .orange-dot-dividor:after {
      right: 0;
      bottom: 0;
      -webkit-transform: translate(50%, 50%);
              transform: translate(50%, 50%); }
      @media (min-width: 992px) {
        .tracking-result .card-content-box .orange-dot-dividor:after {
          bottom: 10px;
          -webkit-transform: translate(50%, 100%);
                  transform: translate(50%, 100%); } }
  .tracking-result .collapse-title-row a {
    display: inline-block;
    width: 100%;
    padding: 8px 65px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url(../assets/img/icon/arrow-dropdown-grey-dark.svg) calc(100% - 65px) no-repeat; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .tracking-result .collapse-title-row a {
        padding-left: 44px;
        padding-right: 44px;
        background-position-x: calc(100% - 44px); } }
    @media (max-width: 991px) {
      .tracking-result .collapse-title-row a {
        padding-left: 18px;
        padding-right: 18px;
        background-position-x: calc(100% - 18px); } }
    .tracking-result .collapse-title-row a:after {
      content: "";
      border-bottom: 1px solid rgba(76, 73, 72, 0.5);
      display: block; }
  .tracking-result .single {
    margin-top: -32px; }
  .tracking-result .collapse:not(.show) {
    display: none; }
  .tracking-result .collapse-wrapper {
    margin-bottom: 20px; }

.shipment-table-box {
  font-size: 18px; }
  @media screen and (max-width: 991px) {
    .shipment-table-box.shipment-select .table-cell, .shipment-table-box.shipment-status .table-cell {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 6px;
      padding-bottom: 6px;
      border-top: 1px solid #e6e6e5; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box.shipment-select .table-cell:first-child, .shipment-table-box.shipment-status .table-cell:first-child {
      padding-top: 0;
      border-top: none; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box.shipment-select .table-cell:last-child, .shipment-table-box.shipment-status .table-cell:last-child {
      padding-bottom: 0; } }
  .shipment-table-box.shipment-select .table-cell .label, .shipment-table-box.shipment-status .table-cell .label {
    width: 40%;
    padding-right: 10px; }
    @media screen and (max-width: 991px) {
      .shipment-table-box.shipment-select .table-cell .label, .shipment-table-box.shipment-status .table-cell .label {
        display: block; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box.shipment-select .table-cell .text, .shipment-table-box.shipment-status .table-cell .text {
      width: 60%;
      padding-left: 10px; } }
  .shipment-table-box.shipment-select .table-cell.col-5 .text, .shipment-table-box.shipment-status .table-cell.col-5 .text {
    word-break: break-all; }
  .shipment-table-box.shipment-select .table-title-item .table-row,
  .shipment-table-box.shipment-select .table-cell-item .table-row {
    padding-right: 40px; }
  .shipment-table-box.shipment-select .table-cell-item:nth-child(2n) {
    background: #f8f8f8; }
  .shipment-table-box.shipment-select .table-cell-item:nth-child(2n + 1) {
    background: transparent; }
  .shipment-table-box.shipment-select .btn-collapse {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../img/arrow-mobile-menu-right.svg) calc(100% - 15px) center no-repeat; }
    @media screen and (max-width: 991px) {
      .shipment-table-box.shipment-select .btn-collapse {
        background-position: calc(100% - 10px) center; } }
    .shipment-table-box.shipment-select .btn-collapse[aria-expanded="true"] {
      background-image: url(../img/arrow-mobile-menu-down.svg);
      font-family: "Lato-Bold", "Microsoft JhengHei", Arial, sans-serif;
      font-weight: 700; }
      .shipment-table-box.shipment-select .btn-collapse[aria-expanded="true"] .text {
        color: #ed6d00; }
    .shipment-table-box.shipment-select .btn-collapse .label {
      color: #4c4948; }
  .shipment-table-box.shipment-info {
    padding-left: 15px;
    padding-right: 15px; }
    @media screen and (max-width: 991px) {
      .shipment-table-box.shipment-info {
        padding-left: 0;
        padding-right: 0; } }
  .shipment-table-box.shipment-status .table-cell-item:nth-child(2n + 1) {
    background: #f8f8f8; }
  .shipment-table-box.shipment-status .table-cell-item:nth-child(2n) {
    background: transparent; }
  @media screen and (max-width: 991px) {
    .shipment-table-box .table-column {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; } }
  .shipment-table-box .table-column:nth-child(2n + 1) {
    margin-left: -15px; }
    @media screen and (max-width: 991px) {
      .shipment-table-box .table-column:nth-child(2n + 1) {
        margin-left: 0; } }
    .shipment-table-box .table-column:nth-child(2n + 1) .table-cell-item {
      padding-right: 20px; }
      @media screen and (max-width: 1199px) {
        .shipment-table-box .table-column:nth-child(2n + 1) .table-cell-item {
          padding-right: 15px; } }
      @media screen and (max-width: 991px) {
        .shipment-table-box .table-column:nth-child(2n + 1) .table-cell-item {
          padding-right: 18px; } }
  .shipment-table-box .table-column:nth-child(2n) {
    margin-right: -15px; }
    @media screen and (max-width: 991px) {
      .shipment-table-box .table-column:nth-child(2n) {
        margin-right: 0; } }
    .shipment-table-box .table-column:nth-child(2n) .table-cell-item {
      padding-left: 20px; }
      @media screen and (max-width: 1199px) {
        .shipment-table-box .table-column:nth-child(2n) .table-cell-item {
          padding-left: 15px; } }
      @media screen and (max-width: 991px) {
        .shipment-table-box .table-column:nth-child(2n) .table-cell-item {
          padding-left: 18px; } }
  .shipment-table-box .table-column .table-cell:not(:first-child) {
    text-align: right; }
    @media screen and (max-width: 991px) {
      .shipment-table-box .table-column .table-cell:not(:first-child) {
        width: 60%;
        text-align: left; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box .table-column .table-cell:first-child.table-title {
      width: 40%; } }
  .shipment-table-box .table-row {
    margin-left: -10px;
    margin-right: -10px; }
  @media screen and (max-width: 991px) {
    .shipment-table-box .table-title-box {
      display: none; } }
  .shipment-table-box .table-title-item,
  .shipment-table-box .table-cell-item {
    padding: 10px 65px;
    border-bottom: 1px solid #c9c8c8; }
    @media screen and (max-width: 1199px) {
      .shipment-table-box .table-title-item,
      .shipment-table-box .table-cell-item {
        padding-left: 44px;
        padding-right: 44px; } }
    @media screen and (max-width: 991px) {
      .shipment-table-box .table-title-item,
      .shipment-table-box .table-cell-item {
        padding-left: 18px;
        padding-right: 18px; } }
  .shipment-table-box .table-cell-item:nth-child(2n) {
    background: #f8f8f8; }
    @media screen and (max-width: 991px) {
      .shipment-table-box .table-cell-item:nth-child(2n) {
        background: transparent; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box .table-cell-item.odd {
      background: transparent; } }
  @media screen and (max-width: 991px) {
    .shipment-table-box .table-cell-item.even {
      background: #f8f8f8; } }
  .shipment-table-box .table-title-item .table-title-row {
    font-family: "Lato-Bold", "Microsoft JhengHei", Arial, sans-serif;
    font-weight: 700; }
    .shipment-table-box .table-title-item .table-title-row .table-cell {
      -ms-flex-item-align: end;
          align-self: flex-end; }
  .shipment-table-box .table-title {
    font-family: "Lato-Bold", "Microsoft JhengHei", Arial, sans-serif;
    font-weight: 700; }
  .shipment-table-box .table-cell {
    padding-left: 10px;
    padding-right: 10px; }
    .shipment-table-box .table-cell:not(.table-title) {
      -ms-flex-item-align: center;
          align-self: center; }
    .shipment-table-box .table-cell .label {
      display: none;
      font-family: "Lato-Bold", "Microsoft JhengHei", Arial, sans-serif;
      font-weight: 700; }

/*# sourceMappingURL=tracking.css.map */