@charset "UTF-8";
html {
  font-size: 18px;
}

body {
  font-family: "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial,
    sans-serif;
  min-width: 320px;
}
body > section {
  max-width: 100vw;
  overflow: hidden;
}
a {
  color: #19458d;
  transition: color 0.3s ease-in-out;
}
a:hover,
a:focus {
  color: #053C7F;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

h1 {
  color: #053C7F;
  font-weight: 400;
  font-size: 2.25rem;
  margin-bottom: 1rem;
  font-weight: 500;
}


h2 {
  color: #053C7F;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
h2.bg {
  position: relative;
  background-image: url(../images/nih/new-immigration-headquarters-heading-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  padding: 0 100px 0 1rem ;
  min-height: 70px;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  height: 100%;
}
h3 {
  color: #007AB3;
  font-size: 1.3333333333333rem;
}
small {
  font-size: 0.66666666666667rem;
}
section p {
  text-align: justify;
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 1);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

header {
  position: sticky;
  top: 0;
  z-index: 10;
  margin: 0;
  background-color: white;
  transition: top 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .pt-100 {
    padding-top: 60px;
  }
}
.nav-top {
  width: auto;
  text-align: center;
  margin: 0 1rem;
  padding-top: 1.8rem;
  padding-bottom: 1.1rem;
  align-items: center;
}
.nav-top,
.nav-top-right {
  display: flex;
  justify-content: space-between;
}

.nav-top .navbar {
  padding-left: 0;
  padding-right: 0;
}
.navbar-toggler {
  padding: 0.25rem 0.5rem;
}
.navbar-brand {
  padding: 0;
  margin: 0 0 0 1.7rem;
}
.navbar-brand img {
  width: 100%;
  height: auto;
  max-height: 75px;
}
.navbar-nav .nav-item {
  position: relative;
}
#navbar {
  top: 0;
  z-index: 10;
  position: sticky;
  transition: top 0.3s ease-in-out;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  margin: 0;
}

.dropdown-menu {
  position: relative;
  top: unset;
  left: unset;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 5rem;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  background-color: transparent;
  border: 0;
  margin: 0;
  box-shadow: none;
  padding: 0 10px;
  border-radius: 0;
}
.dropdown-menu.show {
  display: block;
}
.navbar-light .navbar-nav .nav-link {
  color: #212529;
  transition: all 0.3s ease-in-out;
}
.navbar-light .navbar-nav .nav-link span {
  margin-left: -24px;
  width: 20px;
  display: inline-block;
  margin-right: 4px;
  text-align: right;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #7F2389;
}
@media (max-width: 991px) {
  .navbar-brand {
    margin-left: 0;
    margin-right: 1.5rem;
  }
  #navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    z-index: 10;
    background: #fffffff2;
    width: 100%;
    margin-left: -1rem;
    max-height: calc(100vh - 130px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    box-shadow: 0 5px 5px 0 rgba(32, 32, 32, 0.1);
  }
  .navbar-nav {
    padding: 1rem;
  }
}
#navbar .navbar-collapse::-webkit-scrollbar {
  display: none;
}

html[lang=en] #navbar .navbar-nav .nav-item:last-child .dropdown-menu {
  width: 480px;
  left: calc(-480px + 127px);
}

@media (min-width: 992px) {
  #navbar .dropdown-menu {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
    padding: 5px 10px;
  }
  #navbar .navbar-nav .nav-item:last-child .dropdown-menu {
    left: calc(-340px + 97px);
  }
  #navbar .navbar-nav .nav-item:last-child .dropdown-menu {
    width: 340px;
  }
  #navbar .navbar-nav:first-child .dropdown-menu {
    width: 300px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  #navbar .navbar-nav .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
  }
  .nav-link {
    position: relative;
  }
  .navbar-nav.main > .nav-item:hover:after {
    width: 90%;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  html:lang(en) .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1vw;
    padding-left: 1vw;
  }
  html:lang(en) .navbar-expand-lg .navbar-nav .nav-item:last-child .dropdown-menu .nav-link {
    padding-left: 1.25rem;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 1600px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media (min-width: 992px) {
  html:lang(en) .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
  }
}
ul.navbar-nav ul .nav-link {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

ul.navbar-nav ul .nav-link{
  font-size:15px!important;
}

#navbar2 {
  margin-right: 1.5rem;
}

#navbar2 .navbar-nav .lang-switch {
  color: white;
  padding: 0 1rem;
  margin-right: 0.7rem;
  z-index: 100;
}

#navbar2 .navbar-nav .lang-switch:before {
  content: "\00a0";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../images/icn-lang.png) center center/contain no-repeat;
  vertical-align: middle;
}

#navbar2 .navbar-nav .lang-switch:after {
    background-color: #7F2389;
    color: white;
    padding: 0 1rem;
    border-radius: 2rem;
    margin-right: 0.7rem;
    top: 0;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

#navbar2 .navbar-nav .lang-switch a {
  display: inline-block;
  color: white;
  margin: 0;
}

#navbar2 .navbar-nav .lang-switch a:hover {
  color: white;
}


#navbar2 .navbar-nav .lang-switch a.dropdown-toggle:after {
  content: "\00a0";
  display: inline-block;
  width: 21px;
  height: 23px;
  background: url(../images/icn-arrow-d-lang.png) center center/contain no-repeat;
  border: 0;
  vertical-align: middle;
}

#navbar2 .navbar-nav .nav-link {
  color: black;
}
#navbar2 .navbar-nav .nav-link:hover {
  color: #053C7F;
}
#navbar2 .navbar-nav .nav-item:last-child .dropdown-menu {
  width: 100px;
  left: unset;
}
#navbar2 .navbar-toggler-icon {
  background: url(../images/icn-lang.png) center center/26px no-repeat;
}

#navbar2 .dropdown-menu.show .dropdown-item:hover {
  font-weight: bold;
  background-color: transparent;
}



@media (min-width: 768px) {
  #navbar2 {
    margin-right: 0;
  }
  #navbar2 .dropdown-menu {
    position: absolute;
    background: rgba(127, 35, 137, 0.77);
    box-shadow: none;
    padding: 0.25rem 0.5rem;
    width: 100%;
    left: 0;
    top: 100%;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    z-index: auto;
  }
  #navbar2 .dropdown-menu.show:before {
    content: "\00a0";
    background: rgba(127, 35, 137, 0.77);
    z-index: -3;
    position: absolute;
    width: 100%;
    height: 1rem;
    top: -1rem;
    left: 0;
    z-index: -1;
  }
  
  #navbar2 .dropdown-item {
    padding: 0.25rem 1rem 0.25rem 2.5rem;
  }
  
  #navbar2 .dropdown-item:hover, #navbar2 .dropdown-item:focus {
    background-color: transparent;
  }
}

@media (max-width: 767px) {
  #navbar2 .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fffffff2;
    padding: 1rem;
    box-shadow: 0 5px 5px 0 rgba(32, 32, 32, 0.05);
    z-index: 11;
    white-space: nowrap;
  }
}
.scroll-top {
  position: sticky;
  bottom: 0;
  z-index: 100;
}
.scroll-top .scroll-top-inner {
  width: 60px;
  height: 60px;
  background: url(../images/icn-arrow-u-scroll.svg) center bottom/contain no-repeat;
  background-color: rgba(7, 74, 151, 1);
  position: absolute;
  bottom: 7rem;
  right: 2.2rem;
  transition: 1s ease-in-out;
  transform: translateY(-100%);
  opacity: 0;
  cursor: pointer;
  border-radius: 50%;
}
.scroll-top .scroll-top-inner.is-active {
  transform: translateY(0);
  opacity: 1;
}
.scroll-top .scroll-top-inner.is-active:hover {
  background-color: rgba(127, 35, 137, 1);
}

section.home-bg {
  position: relative;
  overflow: hidden;
}
section.home-bg .home-banner-top {
  background-image: url(../images/home/home-banner-bg.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 768px;
  aspect-ratio: 1920 / 1080;
}

section.home-bg .home-banner-layer {
    position: absolute;
    width: 100%;
    min-height: 100vh;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    min-width: 768px;
}

@supports (aspect-ratio: 1920 / 1080) {
    section.home-bg .home-banner-layer {
        aspect-ratio: 1920 / 1080;
        min-height: auto;
    }
}

@supports not (aspect-ratio: 1920 / 1080) {
  section.home-bg .home-banner-layer {
      height: 0;
      padding-bottom: 56.25%;
      min-height: 0;
  }
  
  section.home-bg .home-banner-layer::before {
      content: '';
      display: block;
      padding-top: 56.25%;
  }
}

section.home-bg .home-banner-lighting {
  background-image: url(../images/home/home-banner-lighting.png);
  opacity: 0;
  animation: 2s ease-in-out 0s fadein forwards;
}

section.home-bg .home-banner-photo {
  opacity: 0;
  animation: 2s ease-in-out 0s slideUpAndLeft forwards;
}
section.home-bg .home-banner-photo.tc {
  background-image: url(../images/home/tc/home-banner-photo.png);
}
section.home-bg .home-banner-photo.en {
  background-image: url(../images/home/en/home-banner-photo.png);
}
section.home-bg .home-banner-photo.sc {
  background-image: url(../images/home/sc/home-banner-photo.png);
}

section.home-bg .home-banner-heading {
  opacity: 0;
  animation: 2s ease-in-out 1.25s slideRight forwards;
}
section.home-bg .home-banner-heading.tc,
section.home-bg .home-banner-heading.en {
  background-image: url(../images/home/tc/home-banner-heading.png);
}
section.home-bg .home-banner-heading.sc {
  background-image: url(../images/home/sc/home-banner-heading.png);
}


section.home-slider {
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .home-banner-top {
    margin-left: calc((768px - 100vw) / -2);
  }
  .home-banner-top .home-banner-heading,
  .home-banner-top .home-banner-photo {
    margin-left: calc((768px - 100vw)/ -1);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideUpAndLeft {
  0% {
    opacity: 0;
    left: 3%;
    top: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
    top: 0;
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    left: -5%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    left: 5%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.owl-theme .owl-nav {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
  top: calc(50% - 2.83333rem);
  width: 5.66666rem;
  height: 5.66666rem;
  min-height: 40px;
  min-height: 40px;
  background-color: rgba(127, 35, 137, 0.67);
  margin: 0;
  transition: all 0.5s ease-in-out;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0;
  top: calc(50% - 2.83333rem);
  width: 5.66666rem;
  height: 5.66666rem;
  min-height: 40px;
  min-height: 40px;
  background-color: rgba(127, 35, 137, 0.67);
  margin: 0;
  transition: all 0.5s ease-in-out;
}

.owl-item {
  margin-left: 20px;
  margin-right: 0 !important;
  z-index: 1;
}
.owl-item:hover,
.owl-item:focus-within {
  z-index: 2;
}
.owl-item:hover img,
.owl-item:focus-within img {
  transform: scale(1.16) !important;
  box-shadow: 0 5px 10px 0 rgba(32, 32, 32, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
.owl-item img {
  height: auto;
  transition: all 0.3s ease-in-out;
}

.owl-prev span,
.owl-next span {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  transition: all 0.3s ease-in-out;
}
.owl-prev span {
  background-image: url(../images/icn-arrow-l-slider.png);
  background-size: 100%;
}
.owl-next span {
  background-image: url(../images/icn-arrow-r-slider.png);
  background-size: 100%;
}
.owl-prev:hover,
.owl-next:hover {
  background: rgba(7, 74, 151, 0.67) !important;
}


.responsiveGallery-container .responsiveGallery-btn {
  position: absolute;
  top: calc(50% - 5.6666rem - 75px);
  background-color: rgba(127, 35, 137, 0.67);
  margin: 0;
  transition: all 0.5s ease-in-out;
  outline: none;
  border: 0;
  width: 5.666rem;
  height: 5.666rem;
}

.responsiveGallery-container .responsiveGallery-btn:before {
  content: "\00a0";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  vertical-align: middle;
}

.responsiveGallery-container .responsiveGallery-btn:hover, 
.responsiveGallery-container .responsiveGallery-btn:focus-within {
  background: rgba(7, 74, 151, 0.67) !important;
}

.responsiveGallery-container .responsiveGallery-btn span {
  visibility: hidden;
}

.responsiveGallery-container .responsiveGallery-btn-prev,
.responsiveGallery-container .responsiveGallery-btn-prev2 {
  left: 8.5%;
}

.responsiveGallery-container .responsiveGallery-btn-prev:before,
.responsiveGallery-container .responsiveGallery-btn-prev2:before {
  background: url(../images/icn-arrow-l-slider.png) center center/contain no-repeat;
}

.responsiveGallery-container .responsiveGallery-btn-next,
.responsiveGallery-container .responsiveGallery-btn-next2 {
  right: 8.5%;
}

.responsiveGallery-container .responsiveGallery-btn-next:before,
.responsiveGallery-container .responsiveGallery-btn-next2:before {
  background: url(../images/icn-arrow-r-slider.png) center center/contain no-repeat;
}

.responsiveGallery-wrapper .photo_caption.special {
  line-clamp: none;
  margin-top: 0 !important;
  padding-top: 1rem;
  background: rgba(255, 255, 255, 0.9);
}

.responsiveGallery-item {
  backdrop-filter: brightness(1.3);
}
.responsiveGallery-item p {
  -webkit-font-smoothing: subpixel-antialiased;
}

@media (max-width: 1200px) {
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    width: 60px;
    height: 60px;
  }
  .responsiveGallery-container .responsiveGallery-btn {
    width: 60px;
    height: 60px;
    top: calc(50% - 130px);
  }
}
@media (max-width: 992px) {
  .responsiveGallery-container .responsiveGallery-btn-prev {
    left: -15px;
  }
  .responsiveGallery-container .responsiveGallery-btn-next {
    right: -15px;
  }
}
@media (max-width: 550px) {
  .responsiveGallery-container .responsiveGallery-btn {
    width: 36px;
    height: 36px;
    top: calc(50% - 160px);
  }
}


.owl-prev:hover span,
.owl-prev:focus-within span {
  background-image: url(../images/icn-arrow-l-slider.png);
}
.owl-next:hover span,
.owl-next:focus-within span {
  background-image: url(../images/icn-arrow-r-slider.png);
}

.owl-stage-outer {
  padding-top: 40px;
  padding-bottom: 40px;
  max-height: 400px;
}
.owl-nav {
  margin-bottom: 72px;
}
.owl-carousel .owl-stage {
  max-height: 400px;
}

.catch {
  display: none;
}
.mv_fade_in {
  display: block;
}
.fade_in {
  display: block;
}
.u-fade-type-left {
  transition: 2s ease-in-out;
  transform: translateX(10%);
  opacity: 0;
}
.u-fade-type-left.is-active {
  transform: translateX(0);
  opacity: 1;
}
.u-fade-type-right {
  transition: 2s ease-in-out;
  transform: translateX(-10%);
  opacity: 0;
}
.u-fade-type-right.is-active {
  transform: translateX(0);
  opacity: 1;
}
.u-fade-type-right-one-s {
  transition: 1.5s ease-in-out 1s;
  transform: translateX(-10%);
  opacity: 0;
}
.u-fade-type-right-one-s.is-active {
  transform: translateX(0);
  opacity: 1;
}

.u-fade-type-down {
  transition: 2s ease-in-out;
  transform: translateY(-10%);
  opacity: 0;
}
.u-fade-type-down.is-active {
  transform: translateY(0);
  opacity: 1;
}
.u-fade-type-up {
  transition: 2s ease-in-out;
  transform: translateY(10%);
  opacity: 0;
}
.u-fade-type-up.is-active {
  transform: translateY(0);
  opacity: 1;
}
.u-fade-type-static {
  opacity: 0;
}
.u-fade-type-static.is-active {
  transition: 2s ease-in-out 0.6s;
  opacity: 1;
}
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1630px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1630px;
  }
}
.page-banner {
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.page-banner-bg {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  min-height: 280px;
  overflow: hidden;
}
.page-banner-bg img {
  object-fit: cover;
  object-position: 25%;
  width: 100%;
}
.page-banner-bg.contain {
  min-height: unset;
}
.page-banner-bg.contain img {
  object-fit: contain;
}

.page-banner-cover {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 280px;
  margin: auto;
  left: 0;
  top: 0;
}
.page-banner-cover img {
  max-height: 100%;
  min-height: 280px;
}
@media (min-width: 1600px) {
  .page-banner-cover img {
    width: 100%;
  }
}

.page-banner-content {
  position: absolute;
  z-index: 1;
  padding: 20px;
  height: 100%;
  width: max(25.2%, 200px);
  margin: auto;
  left: 7%;
  top: 0;
}
.page-banner-content-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-banner-content .page-banner-content-inner span {
  margin-bottom: 0%;
  width: 100%;
}

.page-banner-content .page-banner-content-inner img {
  max-height: 50%;
}

.page-banner-content .page-banner-content-inner .banner-heading {
  width: 100%;
}

.page-banner-content .page-banner-content-inner .banner-white-bar {
  margin-left: -10%;
  margin-top: 5%;
  width: 100%;
}

@media (max-width: 1200px) {
  .page-banner-content {
    width: max(40%, 260px);
  }
  .page-banner-content .page-banner-content-inner span {
    margin-bottom: -60%;
  }
}

.number {
  font-size: min(90px, max(3em, 4.6875vw));
  font-weight: 700;
  color: #053C7F;
  font-family: sans-serif;
  white-space: nowrap;
  line-height: 1.2;
}
.page-header {
  padding: 60px 0 60px 0;
  background-position: bottom;
  background-size: max(1920px, 100vw) auto;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
.page-header .row {
  row-gap: 1.5rem;
}
.page-header .row > div {
  max-width: 768px;
  margin: auto;
}
.card {
  border: none;
  background-color: transparent;
}

.card .card-header {
  background-color: transparent;
  border: none;
  padding-left: 0;
}
.card .card-body {
  padding-left: 2rem;
  padding-top: 0rem;
}
.card h3 {
  padding-left: 30px;
}
.card h3 a {
  color: #007AB3;
  margin-left: -60px;
  padding-left: 25px;
}
.card a.collapsed:after {
  transform: rotate(0deg);
}
.card a.collapsed:before,
.card h3 a:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 25px;
  background: url(../images/icn-arrow-d-list-blue.png) center center / contain no-repeat;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
  position: relative;
  top: 0.25rem;
  left: 0rem;
  margin-right: 0rem;
}
.card a.collapsed:before {
  transform: rotate(0deg);
}

@media (min-width: 1140px) {
  .row.add-col-gap {
    justify-content: space-between;
  }
  .row.add-col-gap > .col-md-6 {
    flex-basis: calc((100% - 1.5625vw) / 2);
  }
}
.page-bg {
  background: url(../images/bottom-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
  min-height: calc(100vh - 150px - 100px);
}
.event-bg {
  background: url(../images/Event_bg.jpg) center bottom/max(1920px, 100vw) auto
    no-repeat;
}
.page-nav a {
  color: #212529;
}
.page-nav a:hover,
.page-nav a:focus-within {
  color: #19458d;
  text-decoration-color: #19458d;
}
.page-nav li {
  list-style-type: disc;
  font-size: 1.25rem;
}
.page-nav li::marker {
  color: #212529;
}
.page-nav li li {
  list-style-type: -\00a0;
  font-size: 1rem;
}
@media (min-width: 1400px) {
  .page-nav li {
    font-size: 1.5555555555556rem;
  }
  .page-nav li li {
    font-size: 1.25rem;
  }
}
.w-33 {
  width: 33.33333%;
}
.float-right.w-33 {
  padding-left: calc(1.71875vw * 2);
  margin-left: 1.71875vw;
}


.float-right.w-50,
.float-left.w-50 {
  padding-top: 0;
  padding-bottom: 1rem;
}
.w-100 p,
.w-50 p,
.w-100 li,
.w-50 li,
.card-body {
  text-align: justify;
}

@media (max-width: 767px) {
  .float-right.w-50,
  .float-left.w-50,
  .float-right.w-33,
  .float-left.w-33 {
    width: 100% !important;
  }
}



@media (min-width: 768px) {
  .float-right.w-50 {
    padding-left: calc(1.71875vw * 2);
    margin-left: 1.71875vw;
  }
  .float-left.w-50 {
    padding-right: calc(1.71875vw * 2);
    margin-right: 1.71875vw;
  }
  .float-right.col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: calc(1.71875vw * 2 + 1.71875vw);
  }
}

@media (min-width: 1200px) {
  .float-left.w-50 img,
  .float-right.w-50 img {
    width: 100%;
  }
  .float-left.w-33 img,
  .float-right.w-33 img {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .float-right.col-lg-4 {
    max-width: 760px;
    margin: auto;
    padding-left: inherit;
    float: none !important;
  }
}

table {
  background-color: white;
}
table td {
  padding: 2px 8px;
}


/* sitemap */
ol.domtree {
  margin-left: 0;
  margin-top: 0;
  text-align: left;
}
ol.domtree ol {
  margin: 0;
  padding: 0 0 0 28px;
}
ol.domtree li {
  list-style: none;
  position: relative;
  padding: 16px 0 0;
  color: #000000;
}
ol.domtree a {
  text-decoration: none;
}
ol.domtree a:hover {
  color: #7F2389;
  font-weight: 700;
}
ol.domtree ol li a {
  color: #000000;
}
ol.domtree ol ol li a {
  color: #053C7F;
}
ol.domtree ol ol ol li a {
  color: #053C7F;
}
ol.domtree ol ol ol ol li a {
  color: #007AB3;
}


ol.domtree ol ol#vision li a,
ol.domtree ol ol#service li a {
  color: #053C7F;
}
ol.domtree ol ol#vision ol li a,
ol.domtree ol ol#service ol li a {
  color: #007AB3;
}
ol.domtree ol ol ol#chapter8 li a {
  color: #006052;
}
ol.domtree ol ol ol#chapter8 ol li a {
  color: #058173;
}
ol.domtree ol ol ol#chapter8 li a:hover {
  color: #7F2389;
}
ol.domtree ol ol ol#chapter8 ol li a:hover {
  color: #7F2389;
}

ol.domtree > li:first-child:before {
  border-style: none;
}
ol.domtree li:before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  width: 7px;
  height: 29px;
  border-style: none none solid solid;
  border-width: 1px;
  border-color: #ae0;
}
ol.domtree ol li:before {
  border-color: #2a0584;
}
ol.domtree ol ol li:before {
  border-color: #000000;
}
ol.domtree ol ol ol li:before {
  border-color: #07380e;
}
ol.domtree ol ol ol ol li:before {
  border-color: #030f61;
}
ol.domtree li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 10px;
  left: -10px;
  bottom: 0;
  border-style: none none none solid;
  border-width: 1px;
  border-color: #aaa;
  border-color: #2a0584;
}
ol.domtree ol ol li:not(:last-child):after {
  border-color: #000000;
}
ol.domtree ol ol ol li:not(:last-child):after {
  border-color: #07380e;
}
ol.domtree ol ol ol ol li:not(:last-child):after {
  border-color: #030f61;
}
#content .parent-nav:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  transform: rotate(180deg);
  transition: 0.3s transform;
}
#content .parent-nav.collapsed:after {
  transform: rotate(0deg);
}
.cart-table {
  width: 100%;
  overflow: auto;
}
.cart-table::-webkit-scrollbar {
  height: 7px;
}
.cart-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
.cart-table::-webkit-scrollbar-thumb {
  background-color: #ccc7c7;
}
.cart-table table {
  width: 100%;
  border-spacing: 0 20px;
  border-collapse: separate;
  border-collapse: collapse;
}
.cart-table table th {
  background-color: #f8f8f8;
  color: #555;
  font-size: 16px;
  font-weight: 800;
  padding: 10px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #000;
}
.cart-table table td {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  text-align: left;
  border: 1px solid #000;
}
.cart-table tbody tr:hover {
  background-color: #ffffec;
}
.cart-table table td .main-btn {
  padding: 8px 25px;
  font-size: 14px;
  white-space: nowrap;
}
.cart-table table td.cancel a {
  color: #555;
}
.cart-table table td.cancel a:hover {
  color: #fb8a35;
}
.cart-table table .cart-quantity button {
  padding: 5px 20px;
  font-size: 15px;
}
.cart-table table .cart-quantity input {
  padding: 5px 10px;
}
.cart-table-white table th {
  background-color: #fff;
}
.cart-table-white table td {
  background-color: #fff;
}
.cart-table-white .product-table-info {
  background-color: #f8f8f8;
}
.service-card {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service-card-thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25px;
  font-size: 1.2em;
}
.service-card-thumb i {
  font-size: 40px;
}
.service-card-details {
  margin-left: 8px;
}
.service-card-details h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
.service-card-details p {
  font-size: 14px;
  margin-bottom: 0;
}
.service-card-secondary .service-card-thumb i {
  color: #fb8a35;
}
@media (min-width: 576px) {
  .col-sm-a {
    flex: 0 0 auto;
    width: 20%;
  }
}
.aspect-ratio-3-2 {
  aspect-ratio: 3/2;
  object-fit: cover;
  max-height: 533px;
}

.appendix td:nth-last-child(1),
.appendix td:nth-last-child(2),
.appendix td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}
.appendix1 td {
  vertical-align: middle;
}
.appendix1 th:nth-last-child(1),
.appendix1 th:nth-last-child(2),
.appendix1 th:nth-last-child(3),
.appendix1 td:nth-last-child(1),
.appendix1 td:nth-last-child(2),
.appendix1 td:nth-last-child(3) {
  text-align: center;
}
/* appendix3 */
ol.domtree2 {
  margin-left: -40px;
  margin-top: -16px;
}
ol.domtree2 ol {
  margin: 0 0 0 0;
  padding: 0 0 0 28px;
}
ol.domtree2 li {
  list-style: none;
  position: relative;
  padding: 16px 0 0;
  font-weight: 700; 
}

ol.domtree2 > li > span {
  margin-left: -20px;
}

ol.domtree2 > ol > li {
  left: -18px;
}
ol.domtree2 ol.bl > li {
  left: -19px;
}

ol.domtree2 ol li {
  font-weight: 700;
  padding-left: 6px;
}

ol.domtree2 ol ol li {
  font-weight: 700;
}

ol.domtree2 ol ol li.level4 span {
  width: 30px;
  display: inline-block;
  line-height: 14px;
  position: absolute;
  left: -3px;
  top: 29px;
}

ol.domtree2 ol ol li.level4 {
  padding-left: 28px;
}

ol.domtree2 ol ol ol li.level5 span {
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 14px;
  position: absolute;
  left: -3px;
  top: 0;
}
ol.domtree2 ol ol ol li.level5 {
  padding-left: 30px;
  font-weight: 400;
}
ol.domtree2 ol ol ol li.level5_special {
  padding-left: 60px;
  font-weight: 400;
}
ol.domtree2 ol ol ol li.level5_special span {
  height: 30px;
  width: 60px;
  display: inline-block;
  line-height: 14px;
  position: absolute;
  left: -3px;
  top: 0;
}

ol.domtree2 ol ol ol ol li {
  font-weight: 400;
}
ol.domtree2 > li:first-child:before {
  border-style: none;
}
ol.domtree2 li:before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  width: 12px;
  height: 30px;
  border-style: none none solid solid;
  border-width: 1px;
}

ol.domtree2 li.pt-2:before {
  height: 22px;
}
ol.domtree2 ol ol ol li.pt-2 span {
  height: 22px;
}
ol.domtree2 li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 10px;
  left: -10px;
  bottom: 0;
  border-style: none none none solid;
  border-width: 1px;
}









ol.domtree2 ol.bl {
  border-left: 1px solid #074a97;
}
ol.domtree2 li {
  color: #074a97;
}
ol.domtree2 ol li {
  color: #7F2389;
}
ol.domtree2 ol ol li {
  color: #2878c8;
}
ol.domtree2 ol ol ol li {
  color: #0681cc;
}
ol.domtree2 ol ol ol ol li {
  color: #000000;
}
ol.domtree2 ol ol li.level3 {
  color: #000000;
  font-weight: normal;
}
ol.domtree2 ol ol li.level4 {
  color: #0681cc;
}
ol.domtree2 ol li.level5 {
  color: #000000;
}
ol.domtree2 ol li.level5_special {
  color: #333333;
}


ol.domtree2 ol li:before {
  border-color: #074a97;
}
ol.domtree2 ol ol li:before {
  border-color: #7F2389;
}
ol.domtree2 ol li.bl-2:before {
  border-color: #7F2389;
}
ol.domtree2 ol li.bl-2 span {
  border-bottom: 1px solid #7F2389;
}
ol.domtree2 ol li.bl-3:before {
  border-color: #2878c8;
}
ol.domtree2 ol li.bl-3 span {
  border-bottom: 1px solid #2878c8;
}
ol.domtree2 ol li.bl-4:before {
  border-color: #0681cc;
}
ol.domtree2 ol li.bl-4 span {
  border-bottom: 1px solid #0681cc;
}





ol.domtree2 li:not(:last-child):after {
  border-color: #2a0584;
}
ol.domtree2 ol ol li:not(:last-child):after {
  border-color: #7F2389;
}
ol.domtree2 ol ol ol li:not(:last-child):after {
  border-color: #2878c8;
}
ol.domtree2 ol ol ol ol li:before {
  border-color: #030f61;
}
ol.domtree2 ol ol ol ol li:not(:last-child):after {
  border-color: #030f61;
}

/* end appendix3 */
.appendix4 {
  white-space: nowrap;
}
.appendix4 td:nth-last-child(1),
.appendix4 td:nth-last-child(2) {
  text-align: right;
}
.appendix5 th:nth-last-child(1),
.appendix5 th:nth-last-child(2),
.appendix5 th:nth-last-child(3) {
  text-align: center;
}
.appendix5 td:nth-last-child(1),
.appendix5 td:nth-last-child(2),
.appendix5 td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}
.appendix6 th {
  text-align: center;
}
.appendix6 td:nth-last-child(1),
.appendix6 td:nth-last-child(2),
.appendix6 td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}
.appendix7 { 
  white-space: nowrap;
}
.appendix7 th {
  text-align: center;
}
.appendix7 td:nth-last-child(1),
.appendix7 td:nth-last-child(2),
.appendix7 td:nth-last-child(3) {
  text-align: right;
}
.appendix8 th {
  text-align: center;
}
.appendix8 td:nth-last-child(1),
.appendix8 td:nth-last-child(2),
.appendix8 td:nth-last-child(3),
.appendix8 td:nth-last-child(4),
.appendix8 td:nth-last-child(5),
.appendix8 td:nth-last-child(6) {
  text-align: right;
}
.appendix9 th {
  text-align: center;
}
.appendix9 td:nth-last-child(1),
.appendix9 td:nth-last-child(2),
.appendix9 td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}
.appendix10 th {
  text-align: center;
}
.appendix10 td:nth-last-child(1),
.appendix10 td:nth-last-child(2),
.appendix10 td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}

.appendix11-col-3 {
  column-count: 3;
}

.appendix12 th {
  text-align: center;
}
.appendix12 td:nth-last-child(1),
.appendix12 td:nth-last-child(2),
.appendix12 td:nth-last-child(3) {
  text-align: right;
  white-space: nowrap;
}
.appendix13 th {
  text-align: center;
}
.appendix13 td:nth-last-child(1),
.appendix13 td:nth-last-child(2),
.appendix13 td:nth-last-child(3),
.appendix13 td:nth-last-child(4) {
  text-align: right;
  white-space: nowrap;
}
.appendix14 th {
  text-align: center;
}
.appendix14 td:nth-last-child(1) {
  text-align: right;
}
.appendix14 td:nth-last-child(2) {
  text-align: center;
}

.appendix16 tbody td {
  text-align: right;
}
.appendix16 tbody td:first-child {
  text-align: left;
}
.appendix17 tfoot td:first-child {
  text-align: left;
}
.appendix17 tbody th:nth-last-child(1) p,
.appendix17 tbody td:nth-last-child(4) {
  text-align: center;
}
.appendix17 tbody td:nth-last-child(1),
.appendix17 tbody td:nth-last-child(2),
.appendix17 tbody td:nth-last-child(3) {
  text-align: right;
}
.appendix18 th {
  text-align: center;
}
.appendix18 tr:nth-child(1) td {
  text-align: center;
}
.appendix18 td:first-child {
  text-align: center;
}

.appendix18 td:nth-last-child(1),
.appendix18 td:nth-last-child(2),
.appendix18 td:nth-last-child(3),
.appendix18 td:nth-last-child(4) {
  text-align: right;
  white-space: nowrap;
}

footer .full-container {
  padding-left: 15px;
  padding-right: 15px;
}
footer .cr-panel {
  width: calc(100% - 2rem);
  min-height:69px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #ade0e8;
}
footer .cr-panel p {
  margin-bottom: 0;
  padding: 0.85rem 2rem;
}
footer .cr-panel a {
  color: black;
  text-decoration: underline;
  text-underline-offset: 5px;
}

footer .cr-panel a:hover {
  color: #053C7F;
}

@media (max-width: 480px) {
  footer .cr-panel {
    width: 100%;
  }
  footer .cr-panel p {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}


.photo_caption {
  padding: 0.1rem 1rem;
  text-align: justify;
  text-align-last: center;
  color: #007AB3;
}

.space.h100 {
  height: 100px;
}
.space-for-scroll-top {
  height: 60px;
}

@media (max-width: 767px) {
  #navbar2 {
    margin-right: 1rem;
  }
  #navbar2 .navbar-nav .lang-switch {
    margin-right: 0;
  }
  #navbar2 .navbar-toggler {
    padding: 0.25rem;
    border-radius: 50%;
    background-color: #7F2389;
  }
}

ul.notes {
  margin-top: -15px;
  list-style-image:url(../images/j.png);
}
ol.remarks {
  margin-top: -15px;
}

.w200 {
  width: 200px;
}

.footnotes .h25 {
  height: 2.5rem;
}

sup {
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.clearfix {
  clear: both;
}

.number-panel, .number-panel span {
  color: #053C7F;
}

.collage {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
}
.collage-1 {
  background-image: url(../images/c4/JT0H7808-thumb.jpg);
}
.collage-2 {
  background-image: url(../images/c4/JT0H8898-thumb.jpg);
}
.collage img {
  visibility: hidden;
}

.text-jcenter {
  text-align-last: center;
}
.text-jjustify {
  text-align: justify;
  text-align-last: justify;
}

section.headquarters .responsiveGallery-wrapper {
  padding: 0;
}
section.headquarters img {
  width: 100%;
}

section.headquarters .gallery-panel {
  clear: both;
  margin-bottom: 2rem;
}

section.headquarters .gallery-panel.d-flex {
  justify-content: space-evenly;
}

section.headquarters .s-gallery {
  display: flex;
  justify-items: center;
  align-items: center;
  box-shadow: 5px 5px 10px rgba(150, 150, 150, 0.85);
  background: transparent;
  border: 9px solid white;
  overflow: hidden;
}

section.headquarters #nih4p .s-gallery,
section.headquarters #nih5p .s-gallery,
section.headquarters #nih6p .s-gallery,
section.headquarters #nih7p .s-gallery,
section.headquarters #nih9p .s-gallery {
  width: 350px;
  height: 240px;
}


section.headquarters #nih2p .responsiveGallery-wrapper,
section.headquarters #nih3p .responsiveGallery-wrapper {
  height: 420px;
}
section.headquarters #nih4p .h-gallery {
  width: 242px;
  height: auto;
}
section.headquarters #nih5p .gallery-panel {
  min-height: 350px;
}
section.headquarters #nih8p .responsiveGallery-wrapper {
  height: 280px;
}
section.headquarters #nih9p .gallery-panel {
  min-height: calc(280px);
}

section.headquarters #nih2 p,
section.headquarters #nih3 p,
section.headquarters #nih4 p,
section.headquarters #nih5 p,
section.headquarters #nih6 p,
section.headquarters #nih7 p,
section.headquarters #nih8 p,
section.headquarters #nih9 p {
  margin-left: 18px;
  margin-right: 50px;
}


section.headquarters .responsiveGallery-container .responsiveGallery-btn {
  top: calc(50% - 2rem);
}
section.headquarters .responsiveGallery-container .responsiveGallery-btn {
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
}
section.headquarters .responsiveGallery-container .responsiveGallery-btn-prev {
  left:0;
}
section.headquarters .responsiveGallery-container .responsiveGallery-btn-next {
  right:0;
}
section.headquarters .responsiveGallery-wrapper .s-gallery.h-gallery {
  margin: 2.5rem;
}
section.headquarters .responsiveGallery-item {
  backdrop-filter: initial;
}
section.headquarters .responsiveGallery-item a {
  max-height: inherit;
}
section.headquarters .morder .col-lg-6 {
  display: flex;
}

@media (max-width: 992px) {
  section.headquarters .morder .col-lg-6:nth-child(1) {
    order: 1;
  }
  section.headquarters .morder .col-lg-6:nth-child(2) {
    order: 4;
  }
  section.headquarters .morder .col-lg-6:nth-child(3) {
    order: 2;
  }
  section.headquarters .morder .col-lg-6:nth-child(4) {
    order: 5;
  }
  section.headquarters .morder .col-lg-6:nth-child(5) {
    order: 3;
  }
  section.headquarters .morder .col-lg-6:nth-child(6) {
    order: 6;
  }
}


img.icon7 {
  max-height: 80px;
  margin-top: -40px;
}
@media (max-width: 1440px) {
  img.icon7 {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    max-height: 80px;
    padding-top: 0px;
    vertical-align: baseline;
  }
}




.jumbotron {
  background-color: #fcfefe;
}


body.c1 .page-bg {
  background: url(../images/c1/management-and-support-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c1 .page-header {
  background: url(../images/c1/management-and-support-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c2 .page-bg {
  background: url(../images/c2/visa-and-policies-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c2 .page-header {
  background: url(../images/c2/visa-and-policies-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c3 .page-bg {
  background: url(../images/c3/control-background.jpg) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c3 .page-header {
  background: url(../images/c3/control-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c4 .page-bg {
  background: url(../images/c4/personal-documentation-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c4 .page-header {
  background: url(../images/c4/personal-documentation-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c4 .col-6-special-l {
  flex: 0 0 52%;
  max-width: 52%;
}
body.c4 .col-6-special-r {
  flex: 0 0 48%;
  max-width: 48%;
}

body.c5 .page-bg {
  background: url(../images/c5/enforcement-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c5 .page-header {
  background: url(../images/c5/enforcement-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c6 .page-bg {
  background: url(../images/c6/RAL-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c6 .page-header {
  background: url(../images/c6/RAL-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c7 .page-bg {
  background: url(../images/c7/information-systems-background.jpg) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c7 .page-header {
  background: url(../images/c7/information-systems-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c8 .jumbotron {
  background-color: #f7fcf5;
}
body.c8 .number-panel, body.c8 .number-panel span {
  color: #058173;
}

body.c8 .page-bg {
  background: url(../images/c8/green-management-background.jpg) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c8 .page-header {
  background: url(../images/c8/green-management-row-bg.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.c8 .scroll-top .scroll-top-inner {
  background-color: #006052;
}
body.c8 footer .cr-panel {
  background-color: #d7e8ad;
}

body.c8 .responsiveGallery-container .responsiveGallery-btn:hover, 
body.c8 .responsiveGallery-container .responsiveGallery-btn:focus-within {
  background-color: rgba(0, 96, 82, 0.67) !important;
}
body.c8 h2 {
  color: #006052;
}
body.c8 .card h3 a {
  color: #058173;
}
body.c8 .card a.collapsed:before, 
body.c8 .card h3 a:before {
  background: url(../images/icn-arrow-d-list-green.png) center center / contain no-repeat;
}

body.c8 .photo_caption {
    color: #53A02C;
}


body.se .page-bg {
  background: url(../images/se/service-excellence-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.vision .page-bg {
  background: url(../images/vision/vision-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}
body.fw .page-bg {
  background: url(../images/fw/foreword-background.png) center bottom/max(1920px, 100vw) auto no-repeat;
}


.lb-data .lb-caption {
  text-align: justify;
  display: inline-block;
}