/* ----- xxl ----- */
@media screen and (max-width: 1400px) {
  .my-5 {
    margin-top: 40px !important;
    margin-bottom: 32px !important;
  }
  .plr-80 {
      padding: 0 40px;
  }
  #page__operate .operate__article-nav {
    padding-right: 40px;
  }
  #page__operate .operate__article-nav li a.active::after {
    margin: 0 0px;
  }
  .btn_icon_primary_l {
    width: auto;
    height: 60px;
  }
  .table__content.table__1400 {
		overflow-x: auto;
	}
}

/* ----- xl ----- */
@media screen and (max-width: 1200px) {
  .index__service .mhn-slide .owl-prev {
		width: 48px;
		height: 48px;
		right: 80px;
		bottom: -100px;
	}
	.index__service .mhn-slide .owl-next {
		width: 48px;
		height: 48px;
		bottom: -100px;
	}
  .mb-48 {
    margin-bottom: 80px !important;
  }
  .grid .mb-48 {
    margin-bottom: 48px !important;
  }
  .mb-160 {
    margin-bottom: 80px !important;
  }
  .line__hr__ligherblue.mb-5 {
    background-color: transparent;
  }
  .display3 {
    font-size: 2rem;
  }
  #page__operate .operate__article-nav {
    padding-right: 24px;
  }

  #page__operate .display7 {
    font-size: 20px;
  }

  #page__operate .display4 {
    font-size: 32px !important;
  }

  #page__operate .display5 {
    font-size: 24px !important;
  }

  #page__operate .display6 {
    font-size: 18px !important;
    font-family: 'Noto_Sans_TC';
  }

  #page__operate .mb-5 {
    margin-bottom: 32px !important;
  }

  .index__service .service__bg {
    height: 480px;
  }

  .banner {
    height: 284px;
  }

  #summary_global_table_head th:first-child {
    width: 80px;
  }

  .banner__slider {
    height: 560px;
    overflow: hidden;
  }

  #carouselExampleCaptions .carousel-item {
    height: 560px;
  }

  .mt-4 {
    margin-top: 1rem !important;
  }

  .mt-5 {
    margin-top: 40px !important;
  }

  .mt-64 {
    margin-top: 40px !important;
  }

  .mb-5 {
    margin-bottom: 40px !important;
  }

  .mb-xl-24 {
    margin-bottom: 24px !important;
  }

  .mb-64 {
    margin-bottom: 40px !important;
  }

  .mb-120 {
    margin-bottom: 80px !important;
  }

  .my-56 {
    margin: 40px 0;
  }

  .display8.tc__bold.mb-5 {
    margin-bottom: 32px !important;
  }

  .summary__value .mb-5 {
    margin-bottom: 32px !important;
  }

  #page__summary__global .table__content .table td {
    white-space: initial;
  }

  #page__summary__global .table__content .table td span {
    white-space: nowrap;
  }

  #page__operate .mb120 {
    margin-bottom: 80px;
  }

  #page__operate .mb-6 {
    margin-bottom: 40px;
  }

  .banner {
    padding: 16px 0 24px 0;
  }
  .table__content.table__1200 {
		overflow-x: auto;
	}
}

/* ----- lg ----- */
@media screen and (max-width: 992px) {
  .index__service .mhn-slide .owl-next, .index__service .mhn-slide .owl-prev {
		bottom: -130px;
	}
  .icon__item {
    padding: 0 32px;
    text-align: center;
  }
  .icon__item p {
    text-align: left;
  }
  .pl-80 {
      padding-left: 0;
  }
  #page__operate .operate__article-nav {
    padding-right: 0px;
  }

  #page__operate .display4 {
    font-size: 32px !important;
  }

  #page__operate .display5 {
    font-size: 24px !important;
  }

  #page__operate .display6 {
    font-size: 18px !important;
  }
  .search__item .searchbar {
    margin-bottom: 16px;
    padding: 0;
  }
  .search__item .searchbar:last-child {
    margin-bottom: 0;
  }
  .table__content.table__992 {
		overflow-x: auto;
	}
}

/* ----- md ----- */
@media screen and (max-width: 767px) {
  .icon__item {
    padding: 0 12px;
  }
  .mb-48 {
    margin-bottom: 32px !important;
  }
  .table__content {
		overflow-x: auto;
	}

	.table__content .table>thead th {

		white-space: nowrap;
	}

	.table__content .table td,
	.table__content .table th {
		white-space: nowrap;
	}
  .sm__40 {
    margin-bottom: 40px;
  }
  .card_group .row {
    align-items: center;
  }
}

/* ----- sm ----- */
@media screen and (max-width: 576px) {}

/* ----- xs ----- */
@media (min-width: 0) and (max-width: 575px) {
  .mb-xxl-5 {
    margin-bottom: 48px !important;
  }
  button.btn_icon_primary_l.mt-40 {
    margin-bottom: 0;
  }
  .mb-20 {
    margin-bottom: 8px !important;
  }
  .mb-110 {
    margin-bottom: 110px;
  }
  .mb-160 {
    margin-bottom: 48px !important;
  }
  .mr-24 {
    margin-right: 0;
  }
  .index__service .mhn-slide .owl-prev {
    right: 0;
  }
  .index__service .mhn-slide .owl-next, .index__service .mhn-slide .owl-prev {
    bottom: -80px;
  }
  .display3 {
    font-size: 1.5rem;
  }
  .rwd-order-1 {
    order: 1;
    margin-bottom: 16px;
  }

  .rwd-order-2 {
    order: 2
  }

  #page__operate .card_content {
    height: auto !important;
  }

  #page__operate .card_img {
    height: 215px;
  }

  #page__operate .card .py-5 {
    padding: 24px 0 !important;
  }

  #page__operate .download_table {
    width: 100%;
  }

  #page__operate .dl_card .card {
    height: auto;
  }

  #page__operate .award_group .col-4,
  #page__operate .award_group .col-8 {
    width: 100%;
  }

  #page__operate .award_group .col-4 {
    order: 1;
    margin-bottom: 24px;
  }

  #page__operate .award_group .col-8 {
    order: 2
  }

  #page__operate .operate__container .number-group {
    justify-content: flex-start;
  }

  #page__operate .number-group h5 {
    font-size: 14px !important;
    padding-left: 4px;
    width: auto;
  }

  #page__operate .number-group {
    width: 50% !important;
    padding: 0;
  }

  #page__operate .download_table td {
    padding-right: 0 !important;
  }

  #stakeholder .number {
    width: 20px !important;
    height: 20px;
    font-size: 12px;
    padding: 0;
  }

  #side_nav_select,
  #side_nav_select2 {
    width: 100% !important;
  }

  #page__operate .btn_group {
    margin-left: 10px;
  }

  #page__operate .btn_group button {
    margin-bottom: 10px;
  }

  .row>* {
    padding: 0;
  }

  #page__summary .summary__member img {
    width: 70%;
  }

  #page__summary__global .searchbar input {
    width: 90%;
  }

  .container {
    padding: 0 16px;
  }

  footer .container {
    padding: 40px 16px 24px 16px;
  }

  #page__service__railway img.icon,
  #page__service__ecommerce img.icon {
    width: 64px !important;
  }

  .section__pd__120,
  .section__pb__120 {
    padding: 40px 0 80px 0;
  }

  .section__pd__120.mb-5 {
    margin-bottom: 0 !important;
  }

  .section__pd {
    padding: 40px 0;
  }

  #page__index .section__pd {
    padding: 40px 0 0 0;
  }

  .list-group {
    margin-bottom: 40px;
  }

  .card-title {
    margin-bottom: 0;
  }

  .display4,
  .display5 {
    font-size: 1.5rem;
  }

  #partner__slider .owl-theme {
    width: 100% !important;
  }

  #page__summary__global .searchbar,
  #page__search .searchbar,
  #page__news .searchbar {
    width: 100%;
  }

  #page__index .icon__item.mb-5 {
    margin-bottom: 40px !important;
  }

  #page__summary__history .logo__item {
    margin-bottom: 16px;
  }

  #page__summary__history .logo__item:last-child {
    margin-bottom: 0;
  }

  .pt-4 {
    padding-top: 16px !important;
  }

  .btn_icon_primary_l:first-child {
    margin-bottom: 16px;
  }

  #page__index .btn_icon_primary_l:first-child {
    margin-bottom: 32px;
  }

  #page__operate .number_list {
    font-size: 14px;
  }

  #page__news .search__item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-end;
  }

  #page__news .search__item .searchbar:first-child {
    margin-bottom: 16px;
  }
  .nav .contain {
    padding: 0;
  }
  .nav__navbar .navbar-toggler {
    right: 0;
  }
  .nav .search {
    right: 15px;
  }
}