/* ====== Global CSS ======  */
html,
body,main{
  padding: 0;
  margin: 0;

}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

main li,p{
  color:#5a5a5a;
  margin: 5px 0 12px 0;
  line-height: 1.5;
  font-size:18px;
}

ul{
  padding-inline-start:4%;
}

.hide {
  display: none;

}
.b3-primary {
  background-color: #428bca !important;
  border-color: #285e8e !important;
}


.b3-danger {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}


.b3-warning {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}


.b3-info {
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}

.b3-success {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.bg-dark-gray {
  background-color: #757575 !important;
}

.section-hr{
  margin: 5rem 0;
}

.main-section {
  margin-top: 87px;
}


.nav-item {
  font-size: 1.2rem;
  padding-right:8px;

}

/* FOOTER  */
footer {
  color: #eeeeee;
}


footer h4 {
  border-left-style: solid;
  border-left-width: thick;
  border-left-color: lightblue;
  padding-left: 10px;
  display: inline-block;

}

footer p, footer a {
  margin: 0px;
  color: #fff;
  /* #BDBDBD; */
}
footer a:hover{
  text-decoration: none;
  color:white;
}

footer .row{
  text-align: center;
}
.footer-container {
  background-color: #455A64;
  padding: 2% 7%;
}

.footer-social {
  padding-bottom: 2%;
  background-color: #343a40;
}


.footer-col {
  padding: 2% 0;
}

.footer-qr-code {
  width: 100px;
  height: 100px;
}


.important-message{
  line-height: 2;
}

/* Change the cursor to hand */
.cursor_to_hand
{
    cursor: pointer;
}

/* download heading */
   .step-section h2.card-title {

   padding: 4% 2%;
}

.jumbotron{
  padding: 20px 40px;
}
.box-purchase-list{
  padding-left:20px;
}


.slider img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* =========== Taiwan Freight & China Freight =========== */

.important-message{
  font-weight:bold;
}

.step-menu {
  padding-bottom: 8%;
}

.step-section {
  padding-bottom: 5%;

}

.step-section-header {
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 1.4rem;
  letter-spacing: 2px;
  font-weight: 900;

}


.page-title-area {
  padding-top: 6%;
  padding-bottom: 3%;
}

.top-image {
  text-align: center;
  padding-top: 4%;

}

.top-image img {
  max-height: 200px;
  width: 950px;
  border-radius: 6px;
}


.promotion-carousel img {
      height: 450px;
      background-position: center;
      background-size: cover;
    }




.city-name li{
  color:lightgray;
}
.prohibited-list{
  padding:3%;
  height: 534px;
    overflow: auto;
}

/* =========== Air & Ocean Freight & Interstate  =========== */
.pill-card{
  margin-top: 50px;
}

.pill-card .card-body {
  padding-top: 5%;
}
.pill-card .card-header{
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

/* Price Table */

.price-table td {
  font-size: 1.2rem;
}

.price-table h4 {
  font-size: 1.2rem;
  ;
}

.price-table-header {
  font-size: 1.7rem;
}

.price-table-footer td {
  font-size: 15px;
}

.air-nav li a,.interstate-nav li a,.ocean-freight-nav li a {

  font-weight: bold;
  font-size: 1.5rem;
}

.procedure-sub-heading{
  padding:20px 0;
}

/* =========== Air Process=========== */
.air-header {
  background-color: #2C0571;

}

.air-nav li a {
  color: #512da8;
  font-weight: bold;
  font-size: 1.5rem;
}

.air-nav .nav-link.active {

  background-color: #2C0571 !important;
}

.progress-bar-purple {
  /* background-color: rebeccapurple !important; */
  background-color: #4527a0;
}

.text-purple {
  color: #311b92;
}



/* =========== Ocean Freight   =========== */

.ocean-freight-header {
  background-color:#303f9f !important;
}



.ocean-freight-nav li a {
  color: #3655c2;

}

.ocean-freight-nav .nav-link.active {

  background-color: #303f9f !important;
}

.progress-bar-blue {

  background-color: #3f51b5 !important;
}


/* =========== Interstate  =========== */
.interstate-header {
  background-color: #1B5E20 !important;
}

.interstate-nav li a {
  color: #048a0a;
}

.interstate-nav .nav-link.active {

  background-color: #1B5E20 !important;
}

.progress-bar-green {

  background-color: #048a0a !important;
}
.bg-gray {
  background-color: #b0bec5;
}

 /* AIR PROMOTION SECTION */
 .promotion-section {
   /* max-height:200px; */
   margin-bottom:20px;
   max-height:300px;
   overflow: scroll;

 }


/* ============ FAQ ============= */

.faq-nav-tab .nav-link.active {
  background-color: #2c0570;

  color: white;
  border-color: #2c0570;

}

.faq-nav-tab {
  border-bottom: 2px solid #2c0570;
}

.faq-nav-tab .nav-link {
  color: #2c0570;
}
.faq-accordion .card-body{
  line-height: 1.8;
  color:black !important;
}
/* #faq-tab-content .card-header{
background-color: #2c0570d6;
color:#fff;
} */


  /* ====== GLOBAL CSS Medium Screen ====== */
@media only screen and (max-width: 767px) {

  .step-menu {
    padding-left: 6%;
    padding-right: 6%;
  }

  /* FOOTER */
  footer h4 {
    border-left-style: none;
    border-left-width: none;
    border-left-color: none;
    padding-left: 0px;
    display: inline-block;
    background: #607D8B;
    padding: 5px 20px;
  }

  .footer-container {
    text-align: center;
    padding: 4% 0%;
  }

  .footer-qr-code {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
  }


}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .step-menu {
        padding-left: 10%;
        padding-right: 10%;
    }

    .page-title-area {
        padding-top: 15%;
        padding-bottom: 10%;
    }

    .procedure-caret{
      margin:0 auto;
    }
    .jumbotron{
      padding:2% 8%;
    }

    .important-message{
      font-size:18px;
      padding-top:0px;
    }
    .important-message h3{
      font-size:20px;
    }
    main li, p{
      font-size:16px;
    }
    ul,ol{
      list-style: none;
      padding-left:0px;


    }

    .prohibited-list{

      height: auto;
        overflow: none;
    }

 /* download heading */
    .step-section h2.card-title {

    padding: 8% 2%;
    font-size: 20px;
}

.step-section h4.card-title {

padding: 2% 2%;
font-size: 18px;
}
.step-section .card-body h5{
    font-size:18px;
}

.prohibited-title{
  font-size:18px;
}

.prohibited-list li{
  padding:4px;
  margin: 1px 2px;
}
.important-notice ul{
  padding-left:4px;
}

.figure-caption{
  font-size:14px;
}


 /* AIR INTERSTATE OCEAN FREIGHT */

 .pill-card h4{
   font-size:18px;
 }
 .pill-card h2{
   font-size:20px;
 }
 .nav-pills .nav-item{
    margin:0;
 }

 .promotion-section-sm .jumbotron{
   margin-bottom:0;
 }

 .price-table-header{
   font-size:20px;
 }
   .price-table th h4{
     font-size:16px;
   }
  .price-table td{
    font-size:16px;
  }
   .price-table p{
     font-size:14px;
   }

   .air-price-section h5{
     font-size:14px;
   }
}


 /* 上頁文字特效 */
.pulse-highlight {
  display: inline-block;
  color: #e53935; /* 鮮紅 */
  animation: flashIn 0.25s ease-in-out 0s 4, glowPulse 2.5s ease-in-out 1s infinite;
}

@keyframes flashIn {
  0%, 100% {
    transform: scale(1);
    text-shadow: 0 0 2px #ffffff, 0 0 4px #ffebee;
  }
  50% {
    transform: scale(1.3);
    text-shadow: 0 0 12px #ffffff, 0 0 24px #ffcdd2;
  }
}

@keyframes glowPulse {
  0% {
    transform: scale(1);
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffcdd2;
  }
  50% {
    transform: scale(1.15);
    text-shadow: 0 0 15px #ffffff, 0 0 30px #ffcdd2;
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffcdd2;
  }
}