/* Desde: https://www.tlb.gov.hk/css/popup.css */
.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.3s, visibility 0.3s;

    z-index: 9999;

}

.overlay.active {

    opacity: 1;

    visibility: visible;

}

.popup {

    background-color: white;

    /* border-radius: 8px; */

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

    padding: 20px;

    max-width: 600px;

    width: 90%;

    max-height: 80vh;

    overflow-y: auto;

    position: relative;

    transform: scale(0.7);

    transition: transform 0.3s;

}

.overlay.active .popup {

    transform: scale(1);

}

.close-button {

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 24px;

    cursor: pointer;

    color: #666;

    background: none;

    border: none;

    z-index: 99;

}

h1 {

    font-family: Arial !important;

    color: #006400;

    margin-top: 0;

}

a {

    color: #0066cc;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

/* Desde: https://www.tlb.gov.hk/css/swiper-4.5.1.css */
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
 #index .swiper_container{
  position: relative;
  display: flex;
  justify-content: center;
}
 #index .usefulink1 .swiper_container{
  background-color: #d6e9d5;
  padding: 6px 0;
}
#index .usefulink3 .swiper_container{
  background-color: white;
}
.swiper {
  width: 93%;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.usefulink3 .swiper{
  width: 94%;
}
@media screen and (max-width: 720px){
  .usefulink3 .swiper,
  .usefulink1 .swiper{
    width: 84%;
  }
}
@media screen and (max-width: 400px){
  .usefulink3 .swiper,
  .usefulink1 .swiper{
    width: 80%;
  }
}
.swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 15 !important;
}
.swiper-slide img {
  height: 50px;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev1,
.swiper-button-next1,
.swiper-button-prev3,
.swiper-button-next3 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  background-position: left;
  background-repeat: no-repeat;
  z-index: 99;
}

/* button position */
.swiper-button-prev1,
.swiper-button-prev3{
  left: 2px;
}
.swiper-button-next1,
.swiper-button-next3{
  right: 2px;
}

.swiper-button-prev1.swiper-button-disabled,
.swiper-button-prev3.swiper-button-disabled,
.swiper-button-next1.swiper-button-disabled,
.swiper-button-next3.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* next button rotate */
.swiper-button-next1,
.swiper-button-next3{
  transform: rotate(180deg);
}

/* button images */
.swiper-button-prev1,
.swiper-button-next1{
  background-image: url("/images/controls.png");
}
.swiper-button-prev3,
.swiper-button-next3{
  background-image: url("/images/controls3.png");
}

.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}


/* Desde: https://www.tlb.gov.hk/css/styles.css */
@charset "utf-8";

@import url(reset.css);

@import url(all.min.css);

@import url(bootstrap.css);

@import url(responsiveslides.css);

@import url(jquery-ui.css);

@import url(themes.css);

@import url(jquery.mmenu.css);

@import url(lightslider.css);

@import url(lightbox.css);

@import url(ol.css);

@import url(jquery.fancybox.css);



html,body{margin:0;padding:0;height:100%;color:#000;-webkit-text-size-adjust:none;line-height:1.5em;}

body{font-size:1rem;min-width:320px;}

:lang(en){font-family:"Arial", "Helvetica", "sans-serif";}

:lang(zh-hk){font-family:"Arial","Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS,"sans-serif"}

:lang(zh-cn){font-family:"Arial","Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS,"sans-serif"}

header,section,footer,aside,nav,main,article,figure{display:block;}

img{border:none;}

a{text-decoration:none;word-break:break-word;}

a:visited{text-decoration:underline;color:#551a8b;}

a:hover,a:focus{text-decoration:underline;}

.access{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}

.wordBreak{font-weight:inherit;word-wrap:break-word;word-break:break-all;display:inline-block;max-width:100%;}

.fa,.far,.fas{font-family:"Font Awesome 5 Free";}

.fab{font-family:"Font Awesome 5 Brands"}

h1{font-size:2rem;font-weight:bold;margin:10px 0;position:relative;color:#673fcc;}

h2{font-size:1.2rem;font-weight:bold;margin:1em 0;}

h3{font-size:1rem;font-weight:bold;padding-top:1em;margin-bottom:0.5em;}

p{text-align:justify;padding:.5em 0;line-height:1.5em;margin:0;}

ul{list-style-type:disc;margin-left:1.5em;padding-left:0;}

ol{padding-left:0;}

ol li{margin-left:1.5em;margin-top:5px;margin-bottom:5px;}

.backBtn{position:absolute;padding:0 !important;right:20px;top:60px;}

.backBtn a{color:#000;text-decoration:none !important;font-weight:normal !important;}

.alignCenter{text-align:center !important;}

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

.borderBottomNone{border-bottom:1px solid #fff;}

.vertM{vertical-align:middle !important;}

.noShow{display:none;}

.textBold{font-weight:bold;}

.bUnderline{font-weight:bold;text-decoration:underline;}

.txtItalic{font-style:italic;font-weight:normal;}

.txtBItalic{font-style:italic;font-weight:bold;}

.txtUnderline{text-decoration:underline;font-weight:normal;}

.footNote{font-style:italic;text-indent:-13px;margin-left:26px;}

.footNote span{font-weight:normal;width:13px;display:inline-block;}

.tableScroll{overflow-x:auto;text-align:center;}

.tableScroll img{max-width:fit-content;}

.remark{color:#e00000;}

.remarks{display:flex;margin:auto;padding:.3em 0;}

.remarks span{margin-right:10px;word-break:keep-all;}

.small{font-size:.9em;}

body.m1 .toolBar ul li a.m1,body.m2 .toolBar ul li a.m2,body.m3 .toolBar ul li a.m3,body.m4 .toolBar ul li a.m4,body.m5 .toolBar ul li a.m5,body.m6 .toolBar ul li a.m6,body.m7 .toolBar ul li a.m7,body.m8 .toolBar ul li a.m8,body.m9 .toolBar ul li a.m9,body.m10 .toolBar ul li a.m10,body.m11 .toolBar ul li a.m11{color:#c75300 !important;}

.anchor{display:block;position:relative;top:-70px;visibility:hidden;}

.rectangle{height:10px;background-color:#d97828;position:absolute;top:55px;width:400px;}

.fa-home{color:#000;}

.fa-home:hover{color:#000;}

.container{padding:0;max-width:100%;}

.img-photo{width:180px;display:inline-block;vertical-align:top;margin:10px;}

.img-vertRPhoto{float:right;padding-left:15px;}

table{width:100%;}

body.aaia .title .noShow,body.aaia .leftTitle .noShow{display:block !important;}

.textIndent{text-indent:30px;}

.archivesBtn{}

.contentFooter{display:flex;justify-content:space-between;margin:50px 0 20px 0;}

.paddingLeft1{padding-left:1.5em;}

video{width:100%;height:auto;max-width:560px;}

.lSPrev,.lSNext{text-indent: -9999px; }



/*Fonts*/

 @font-face{

     font-family:'Poppins';

     font-style:normal;

     font-weight:400;

     src:local("Poppins Regular"), local("Poppins-Regular"), url("../webfonts/poppins-v4-latin-regular.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-regular.woff") format("woff");

}

 @font-face{

     font-family:'Poppins';

     font-style:normal;

     font-weight:500;

     src:local("Poppins Medium"), local("Poppins-Medium"), url("../webfonts/poppins-v4-latin-500.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-500.woff") format("woff");

}

 @font-face{

     font-family:'Poppins';

     font-style:normal;

     font-weight:700;

     src:local("Poppins Bold"), local("Poppins-Bold"), url("../webfonts/poppins-v4-latin-700.woff2") format("woff2"), url("../webfonts/poppins-v4-latin-700.woff") format("woff");

}



/*Skip to main content*/

#skiplinkHolder{background-color:#cc4c02;}

#skiplinkHolder div{display:block;margin:0 auto;max-width:1140px;text-align:center;width:100%;}

#skiplinkHolder div .skiplink{display:-moz-inline-stack;display:block;margin:0;max-height:0;color:#fff;}

#skiplinkHolder div .skiplink:focus{max-height:1920px;position:static;display:inline-block;padding:15px;margin:5px;outline:3px solid #fff;text-decoration:underline;}



/*TopBar*/

h1 span{padding-left:50px;font-weight:bold;}

#desktop-top{display:none;}

#mobile-top{display:block;z-index:10;margin-top:0;}

#mobile-top h1{font-size:1.8rem;}

#mobile-top .title{padding:10px;display:inline-block;z-index:100;position:fixed;background-color:#fff;width:100%;top:0;left:0;}

#mobile-top .titlei{padding:10px;display:inline-block;z-index:100;background-color:#fff;width:100%;top:0;}

#mobile-top .title img,#mobile-top .titlei img{float:left;max-height:50px;max-width:220px;}

#mobile-top .title span,#mobile-top .titlei span{text-decoration:none;color:#000;font-weight:bold;font-size:1rem;display:block;margin-top:24px;}

:lang(en) #mobile-top .title span,:lang(en) #mobile-top .titlei span{font-size:0.75rem;font-family:Arial;}

#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:0;top:9px;z-index:100}

#mobile-top ul{margin-left:0;margin-bottom:0;}

#mobile-top .lang a{}

.search form{width:100%;}

.search .searchBar{-webkit-appearance:none;border-radius:0;background:#fff;border:1px solid #666;border-right:0;display:block;float:left;height:30px;margin:0;padding:0 17px;width:150px;}

.search .searchBtn{box-sizing:border-box;min-width:0;width:30px;height:30px;border:1px solid #666;border-left:0;padding:6px;-webkit-appearance:none;background:white url(../images/search-solid.svg)no-repeat center center;background-size:45%;margin:0;float:left;display:block;text-indent:-9999px;}

#mobile-top #searchInside,#mobile-top #langInside{display:none;}

.search ::placeholder{color: #757778;}

nav#menu{z-index:100;font-family:"Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;}

nav#menu a,nav#menu a:hover{font-weight:bold;padding:12px 54px 12px 20px;font-size:1.063rem;margin:0;}

nav#menu a span{font-weight:bold;}

.show{display:block;}

.bar1,.bar2,.bar3{width:25px;height:3px;background-color:#333;margin:5px 0;transition:0.4s;}

.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);margin:3px 0;}

.change .bar2{opacity:0;}

.change .bar3{-webkit-transform:rotate(45deg) translate(-9px, -7px);transform:rotate(45deg) translate(-9px, -7px);margin:11px 0;}

.crossBtn{position:absolute;right:27px;top:22px;z-index:99999;cursor:pointer;border:0;background-color:transparent;}

.crossBtn .bar1{transform:rotate(-45deg) translate(4px, 5px);}

.crossBtn .bar3{transform:rotate(45deg) translate(0, -10px);}

#mobile-top .printBtn{display:inline-block;cursor:pointer;position:fixed;right:150px;top:14px;z-index:100;}

#mobile-top .printBtn a{color:#000;text-decoration:none;}

#mobile-top #shareIcon{display:inline-block;cursor:pointer;position:fixed;right:90px;top:30px;z-index:100;}

#mobile-top #shareIcon a{color:#000;text-decoration:none;}

#mobile-top .hotLinksBtn{display:inline-block;cursor:pointer;position:fixed;right:123px;top:12px;width:23px;z-index:100;}

#mobile-top .homeBtn>a{margin-bottom:10px;padding:14px 15px 10px 10px;font-weight:normal;background:url(../images/home-solid.svg)no-repeat right top;background-size:20px;}

nav#menu .printBtn>a{margin-bottom:10px;padding:14px 15px 10px 10px;font-weight:normal;background:url(../images/print-solid-w.svg)no-repeat right top;background-size:25px;width:auto !important;margin-left:20px;margin-top:10px;}

#mobile-top #searchIcon{display:inline-block;cursor:pointer;position:fixed;right:55px;top:18px;z-index:100;}

#mobile-top #searchIcon a{color:#000;font-size:1.3em;}

#mobile-top #searchInside div.title{padding:5px 20px;display:inline-block;min-width:320px;z-index:100;position:fixed;background-color:#fff;width:100%;}

#mobile-top #searchInside div.search{padding:5px 20px;}

#mobile-top .searchB{margin-bottom:10px;padding:0 15px 10px 10px;font-weight:normal;background:url(../images/search-solid.svg)no-repeat right top;background-size:22px;}

#mobile-top #langIcon{display:inline-block;cursor:pointer;position:fixed;right:88px;top:17px;z-index:100;}

#mobile-top #langIcon a{color:#000;font-size:1.3em;}

nav#menu li.lang{background-color:transparent;padding:0 10px !important;display:inline-flex;}

nav#menu li.lang:after{content:inherit;}

nav#menu li.lang a{width:50px !important;color:#000;border-right:1px solid #000 !important;margin:12px 0;padding:0 10px;}

nav#menu li.lang a:last-child{border-right:0 !important;}

#mobile-top .langB{margin-bottom:10px;padding:0 15px 10px 10px;font-weight:normal;background:url(../images/globe-solid.svg)no-repeat right top;background-size:22px;}

#mobile-top #menuBtn{display:inline-block;cursor:pointer;position:fixed;right:2px;top:8px;z-index:100;}

#mobile-top #searchInside{position:fixed;background-color:#fff;color:#000;margin-top:0;padding:0;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}

#mobile-top #langInside{position:fixed;background-color:#fff;color:#000;margin-top:0;padding:0;width:100%;height:100%;z-index:100;overflow:hidden;display:none;}

#mobile-top #langInside div.lang{padding:5px 20px;}

#mobile-top #langInside ul{ list-style: none; }

#mobile-top #langInside a{ font-weight: bold; font-size: 1.063rem; color: rgba(0, 0, 0, 0.75);}

.mm-menu_offcanvas{margin-top:70px;}



/*Menu*/

body.m1 .tMenu li a.m1,body.m2 .tMenu li a.m2,body.m3 .tMenu li a.m3,body.m4 .tMenu li a.m4,body.m5 .tMenu li a.m5,body.m6 .tMenu li a.m6{background-color:#fff !important;color:#fff !important;}

#menu .openbtn{vertical-align:middle;cursor:pointer;}

#menu .openbtn a{text-decoration:none;padding:10px 20px;display:inline-block;vertical-align:top;}

#menu .openbtn .menu{text-align:center;color:#000;font-size:0.75em;line-height:1em;}

#menu .openbtn .bar1,#content-landing #menu .openbtn .bar2,#content-landing #menu .openbtn .bar3{width:30px;height:2px;background-color:#1f5361;margin:6px auto;transition:0.4s;}

body.index #menu .openbtn .bar1,body.index #menu .openbtn .bar2,body.index #menu .openbtn .bar3,body.s1 #menu .openbtn .bar1,body.s1 #menu .openbtn .bar2,body.s1 #menu .openbtn .bar3{width:30px;height:2px;background-color:#01666d;margin:6px auto;transition:0.4s;}

#menu li{margin:0;padding:0;}

#menu>li:first-child a{border-top:1px solid #dadada;}

#menu>li:last-child a{border-bottom:5px solid #dadada;}

:lang(en) #menu .menuBar li:nth-child(5) a,:lang(en) #content-landing #menu .menuTool .menuBar li:nth-child(6) a{text-align:left;}

#menu a{text-decoration:none;display:block;padding:8px 20px;}

body.index #menu .menuTool a,body.s1 #menu .menuTool a{color:#1f5361;}

#menu .menuBar{margin:0;}

#menu{margin-top:70px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:100;display:none;padding-bottom:85px;}

#menu .toolBar{margin:0;}

#menu .toolBar>li{padding:0;margin:0;}

#menu .toolBar>li>a,#menu .toolBar>li>div>a{font-weight:bold;font-size:1.1em;text-align:left;width:100%;}

#menu .toolBar li a{display:inline-block;}

#menu .toolBar li.in>ul{display:block;margin:0;}

#menu .toolBar li.in>ul a{padding-left:60px;background-color:#d6f1fe;color:#fff;background:url(../images/whitedot.png)no-repeat left center;background-position:42px 16px;background-size:7px;}

#menu .toolBar li.in>ul ul a{padding-left:60px;background-color:#d6f1fe;color:#fff;background:url(../images/minus-solid-w.png)no-repeat left center;background-position:42px 18px;background-size:7px;}

.shadow-sm{font-weight:bold;font-size:1.25em;padding:10px;cursor:pointer;box-shadow:inherit !important;}

#menu .toolBar li.in>ul div.collapsible,#menu .toolBar li.in>ul div.arrowup{color:#fff;}

#menu .toolBar li.in>ul div.collapsible:after{color:#fff;}

#menu .toolBar li.in>ul li ul a{background-color:#d6f1fe;color:#000;text-indent:-15px;margin-left:24px;}

#menu .toolBar>li>ul{display:none;}

#menu .toolBar li div.collapsible a{color:#fff;text-decoration:none;padding:10px 50px 10px 20px;background:url(/images/down.png)no-repeat center right 15px;background-size:20px;}

#menu .toolBar li div.arrowup a{color:#fff;text-decoration:none;padding:10px 20px;background:url(/images/up.png)no-repeat center right 15px;background-size:20px;}

#menu .toolBar li form{padding:10px 20px;}

#menu .toolBar>li#awardIcon{background-color:#fff;padding:10px;}

#menu .toolBar>li#awardIcon a{width:50px;padding:5px;display:inline-block;}

body.m5 #desktop-top #menu-top .toolBar .tMenu>li:nth-child(5){background-color:#01672e;}



#menu .toolBar li.in>ul li.in ul{display:block;}

#menu .toolBar li.in>ul ul{margin:0;display:none;}

#menu .toolBar li.in>ul li div{background:url(../images/whitedot.png)no-repeat left center;background-position:42px 16px;background-size:7px;}

#menu .toolBar li.in>ul li div a{padding-left:60px;font-weight:bold;width:100%;}

#menu .toolBar li.in>ul ul a{background-color:transparent !important;color:#fff !important;text-indent:0 !important;}

#menu li{margin:0;padding:0;}

#menu li.lang{background-color:transparent;padding:0 10px !important;}

#menu li.lang a{border:0px solid transparent;padding:12px 54px 12px 20px;}

#menu li.lang a:last-child{border-right:0 !important;}



/*Banner*/

.banner{position:relative;}

.banner ul.rslides li>div{color:#fff;}

.banner ul.rslides li{position:relative;list-style-type:none;}

.banner>div{position:absolute;padding:30px;font-size:1.5rem;}

.transparent-btns_tabs{position:absolute;bottom:0;left:0;right:0;z-index:10;}

.rslides_container{margin-bottom:0;}

#index .banner{margin-top:70px;}



/*Landing News*/

#index .news{clear:both;background-color:#ebe8e8;}

#index .news .container{position:relative;}

#index .news h1{text-align:center;padding:20px 0;font-size:1.8rem;margin:0;}

#index .news .media{text-align:right;display:block;margin-bottom:20px;position:absolute;top:19px;right:0;z-index: 999;}

#index .news .media a{padding:5px;}

#index .news .media a img{height:26px;}

#index .news .media .share a{color:#000;}

#index .news .media .share a.fa-share-alt{font-size:1.5em;}

#index .news .media .shareOpen{text-align:right;display:none;}

#index .news .media .shareOpen ul{border-top:4px solid #eb6100;list-style-type:none;display:inline-flex;box-shadow:0px 3px 4px rgba(150, 150, 150, 0.2);background-color:#fff;padding:10px;}

#index .news .media .shareOpen ul li{display:inline-block;}

#index .news .col1,#index .news .col2{display:block;width:100%;vertical-align:top;}

#index .news .col1>div{background-color:#a3c7a0;text-align:center;font-weight:bold;padding:20px 30px;font-size:1.5rem;}

#index .news .col1 .col-content{background-color:#ebe8e8;font-size:1rem;text-align:right;padding:20px 10px 80px 10px;position:relative;}

#index .news .col1 .col-content ul,#index .news .col2 .col-content ul{margin:0;}

#index .news .col1 .col-content ul li,.news .col2 .col-content ul li{list-style:none;margin:0;}

#index .news .col1 .col-content ul>a{color:#000;background-color:#c7e4f8;padding:3px 8px;}

#index .news .col1 .col-content ul li span,.news .col2 .col-content ul li span{display:table-cell;padding-bottom:5px;width:125px;padding-right:10px;text-align:left;}

#index .news .col1 .col-content ul li div,.news .col2 .col-content ul li div,#index .news .col1 .col-content ul li a,.news .col2 .col-content ul li a{display:table-cell;padding-bottom:5px;text-align:left;}

#index .news .col1 .col-content ul li a,.news .col2 .col-content ul li a{position:relative;bottom:0;}

#index .news .col1 .col-content a,.news .col2 .col-content a{color:#000;padding:3px 8px;position:absolute;right:20px;bottom:20px;}



#index .news .col2>div{background-color:#ddc09e;text-align:center;font-weight:bold;padding:20px 30px;font-size:1.3rem;}

#index .news .col2 .col-content{background-color:#ebe8e8;font-size:1rem;text-align:right;padding:20px 10px 80px 10px;position:relative;}



/*Landing Quick*/

#index .quick h1{text-align:center;padding:20px 0;font-size:1.8rem;}

#index .quick div{text-align:center;}

#index .quick div a{color:#000;display:inline-block;vertical-align:top;padding:20px 0;width:222px;}

#index .quick div a span{display:block;text-align:center;padding:10px;font-size:0.9rem;line-height:1.2em;}



/*Landing Secretary*/

#inside .secretary{margin:70px auto 0 auto;color:#052f57;max-width:1140px;}

#inside .secretary>div.content{max-width:1140px;margin:0 auto;padding:0;position:relative;}

#inside .secretary>div.content div:first-child{display:block;vertical-align:top;text-align:center;float:right;}

#inside .secretary>div.content div:last-child{padding:20px;font-size:.9rem;font-family:Arial;position:absolute;line-height:1.2em;top:0;left:0;width: 100%;text-align: left;}

#inside .secretary>div.content div:last-child div{font-family:Arial;margin-top:10px;font-size:.6em;display:block;text-align:left;top:auto;}

#inside .secretary>div.content div img{max-width:600px;}



#index .secretary{margin:30px auto;color:#052f57;max-width:1140px;}

#index .secretary>a{color:#000;}

#index .secretary>a>div:first-child{display:block;vertical-align:top;text-align:center;float:right;}

#index .secretary>a>div:last-child{padding:20px;font-size:.9rem;font-family:Arial;position:absolute;line-height:1em;}

#index .secretary>a>div:last-child div{font-family:Arial;margin-top:10px;font-size:.6em;display:block;text-align:left;}

#index .secretary>a>div img{max-width:600px;}



/*Quick Access*/

#index .quick{clear:both;}



/*Landing Useful Link*/

#index .usefulink1,#index .usefulink2,#index .usefulink3{max-width:1080px;margin:20px auto;text-align:center;}

#index .usefulink1 a,#index .usefulink2 a,#index .usefulink3 a{display:inline-block;}

#index .usefulink1 a img,#index .usefulink2 a img,#index .usefulink3 a img{height:50px;/*width:105px;*/}

#index .usefulink1 .lightSlider,#index .usefulink2 .lightSlider,#index .usefulink3 .lightSlider{display:none;width:9999px !important;}

#index .usefulink1 .lightSlider a,#index .usefulink2 .lightSlider a,#index .usefulink3 .lightSlider a{padding:6px 0;}

.usefulink1 .lSAction,.usefulink2 .lSAction,.usefulink3 .lSAction{display:contents !important;position:absolute;}

.usefulink1 .lSAction>a,.usefulink2 .lSAction>a,.usefulink3 .lSAction>a{top:0;opacity:1;padding:0;margin:0;height:62px;}

.usefulink1 .lSAction > .lSPrev,.usefulink2 .lSAction > .lSPrev,.usefulink3 .lSAction > .lSPrev{left:0;background-position:-70px -5px;}

.usefulink1 .lSAction > .lSNext,.usefulink2 .lSAction > .lSNext,.usefulink3 .lSAction > .lSNext{right:0;transform:rotate(180deg);background-position:-70px -5px;}

.usefulink1 .lSSlideWrapper{background-color:#d6e9d5;}

.usefulink2 .lSSlideWrapper{background-color:#f3e6d4;}

.usefulink3 .lSSlideWrapper{background-color:#fff;}

.lSSlideOuter{overflow:inherit;position:relative;}

.lSSlideWrapper{max-width:calc(100% - 64px);margin:0 auto;}

.usefulink1>p,.usefulink2>p,.usefulink3>p{padding:0.5em 0;color:#666;}



/*Content*/

.inside-frame{margin:20px 0;}

.inside-frame .container{padding:0 20px;}

.inside-frame .left{display:none;}

.inside-frame .right{display:inline-block;vertical-align:top;padding:0;width:100%;position:relative;}

.inside-frame .right h1{color:#673fcc;margin-bottom:1em;}

.inside-frame .right .dateFilter{margin:20px 0;}

.inside-frame .right .goBtn{width:30px;height:30px;border:0;-webkit-appearance:none;background:url(/images/chevron-circle-right-solid.svg)no-repeat center center;background-size:55%;margin:0;text-indent:-9999px;}

.inside-frame .right table tbody tr:nth-child(odd){background-color:#fdf7da;}

.inside-frame h2.transport{color:#993300;}

.inside-frame h2.housing{color:#339933;}

.inside-frame .container div.attention{font-style:italic;padding:1em 0;font-weight:bold;}

#pressForm{margin-bottom:20px;}

#subIndex h2{margin-bottom:5px;}

#subIndex a{color:#6a52ca;}

#subIndex ul{list-style-type:none;margin:0 0 0 1em;}

#subIndex ul li{background:url(/images/arrow-right.png)no-repeat top left;padding-left:20px;background-size:10px 18px;}

#subIndex ul li a{color:#6a52ca;}

#subIndex ul li a:hover,#subIndex ul li a:focus{text-decoration:underline;}

.inside-frame .navigate{list-style-type:none;margin:0;}

.inside-frame .navigate li a{background:url(/images/arrow-right.png)no-repeat center left;padding-left:20px;background-size:10px 18px;color:#6a52ca;font-weight:bold;}

.inside-frame .horul{list-style-type:none;text-align:center;margin:0;}

.inside-frame .horul li{display:inline-block;padding:10px;position:relative;}

.inside-frame .horul li a img{display:inline-block;padding:10px;}

.inside-frame .horul li a{word-break:initial;text-align:left;}

.inside-frame .horul li a>span{position:absolute;color:#fff;top:0;left:0;font-size:1.2em;display:block;padding:36px;font-weight:bold;}

.inside-frame .horul li a>span span{font-size:80%;font-weight:bold;}

.imgBox{display:inline-block;padding:20px 0;}

.imgBox div{text-align:center;}



#blogMessage{border:1px solid #673fcc;color:#0e2a45;padding:0 30px;margin:30px 0;}

#blogMessage .msg{border-bottom:3px solid #673fcc;position:relative;padding:30px 0;}

#blogMessage .msg:last-child{border-bottom:0;}

#blogMessage .msg .title{font-weight:bold;color:#0e2a45;font-size:1.5em;}

#blogMessage .msg .date{display:block;margin:10px 0;}

#blogMessage .msg .more{right:0;bottom:30px;position:absolute;}



/*Lightbox*/

.ekko-lightbox .modal-footer{display:block;}



/*Transitional Housing*/

article{max-height:1px;}

.port-map{width:470px;height:350px;margin:0 auto;position:relative;}

.listtable td{border: 1px solid black;}

.map{width:100%;height:100%;}

.landsdlogo{width:25px;height:25px;display:inline-flex;background:url(https://api.hkmapservice.gov.hk/mapapi/landsdlogo.jpg);background-size:25px;margin-left:4px;}

.ol-attribution:not(.ol-collapsed){background: transparent;}

.ol-attribution.ol-uncollapsible{height:auto !important;}

.ol-attribution:not(.ol-collapsed){background: rgba(255,255,255,.4) !important;}

.map{width:100%;height:400px;}

.ol-popup{position:absolute;background-color:white;box-shadow:0 1px 4px rgba(0,0,0,0.2);padding:15px;border-radius:10px;border:1px solid #ccc;bottom:12px;left:-50px;min-width:280px;}

.ol-popup:after{border-top-color:white;border-width:10px;left:48px;margin-left:-10px;}

.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px;}

.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px;}

#map{height:300px;padding:0px;margin:0px;font-family:verdana;}

.ol-attribution:not(.ol-collapsed){background:transparent;}

.ol-attribution ul{font-size:1rem;}



/*Welcome*/

.inside-frame div.welcome_container .content_left{text-align:center;margin-bottom:20px;}

.inside-frame div.welcome_container img{width:160px;}

.inside-frame div.welcome_container span{display:block;text-align:center;font-weight:bold;margin-top:10px;}



/*Table*/

.inside-frame table{width:100%;}

.inside-frame table thead{}

.inside-frame table tr th{padding:5px 8px;text-align:left;vertical-align:top;}

.inside-frame table tbody tr:nth-child(odd){background-color:#fdf8db;}

.inside-frame table tr td{padding:5px 8px;text-align:left;vertical-align:top;}

.inside-frame table tr td ul{margin-bottom:0;}

.inside-frame table.orgChart tbody tr:nth-child(odd){background-color:transparent;}

.inside-frame table.orgChart tbody tr td,.inside-frame table.orgChart tbody tr td p{text-align:center;}



.inside-frame table.noColorTable{}

.inside-frame table.noColorTable tbody tr:nth-child(odd){background-color:#fff;}

.inside-frame table.noColorTable tr td{padding:0 8px 0 0;}



.inside-frame table.noBorderTable{width:auto;}

.inside-frame table.noBorderTable tbody tr{background-color:transparent;}

.inside-frame table.noBorderTable tr th,.inside-frame table.noBorderTable tr td{border:0 !important;padding:0 8px 0 0;}



.inside-frame table.borderTable{width:100%;}

.inside-frame table.borderTable thead{}

.inside-frame table.borderTable thead tr th{padding:5px 8px;border:1px solid #666;}

.inside-frame table.borderTable tbody tr:nth-child(odd){background-color:#fdf8db;}

.inside-frame table.borderTable tr td{padding:5px 8px;border:1px solid #666;}

.inside-frame table.borderTable tr td ul{margin-bottom:0;}



.policy11 .inside-frame table.borderTablePlain tr td img{padding:5px 0;}

.inside-frame table.borderTablePlain{width:100%;}

.inside-frame table.borderTablePlain thead{display:contents;}

.inside-frame table.borderTablePlain tr th{padding:5px 8px;border:1px solid #666;background-color:#fdd102;vertical-align:top;}

.inside-frame table.borderTablePlain tr{background-color:#fdf8db;}

.inside-frame table.borderTablePlain tr td{padding:5px 8px;border:1px solid #666;}

.inside-frame table.borderTablePlain tr td img{width:100%;}

.inside-frame table.borderTablePlain tr td ul{margin-bottom:0;}

.inside-frame table.borderTablePlain tr td.indent{padding-left:30px;}

.inside-frame table.borderTablePlain tr.total{background-color:#fde477;}



.videoFrame{position:relative;width:100%;height:0;padding-bottom:56.25%;}

.videoFrame iframe{position:absolute;top:0;left:0;width:100%;height:100%;}



/*UL*/

.ulTable li{padding:8px 8px 3px 8px;}

.ulTable li::marker{color:#673fcc;}

.ulTable li span{font-size:0.7em;}

.ulTable li .soundIcon{width:16px;vertical-align:text-top;margin:0 5px;}

.ulTable li:nth-child(even){background-color:#fdf8db;}



/*Whats New*/

body.new1 #newMenu li:nth-child(1) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}



/*Press*/

body.press1 #pressMenu li:nth-child(1) a,

body.press2 #pressMenu li:nth-child(2) a,

body.press3 #pressMenu li:nth-child(3) a,

body.press4 #pressMenu li:nth-child(4) a,

body.press5 #pressMenu li:nth-child(5) a,

body.press6 #pressMenu li:nth-child(6) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}

.colorBox a{padding:10px;display:inline-block;}

.colorBox img{height:150px;}



/*Blog*/

.img-text{margin-bottom:20px;}

.img-text div{display:block;}

.img-text div img{text-align:center;display:block;margin:0 auto;}

.img-text div small{text-align:center;display:block;}

.img-center{text-align:center;}

.img-left{text-align:left;}



/*Policy*/

body.policy1 #policyMenu li:nth-child(1) a,

body.policy2 #policyMenu li:nth-child(2) a,

body.policy3 #policyMenu li:nth-child(3) a,

body.policy4 #policyMenu li:nth-child(4) a,

body.policy5 #policyMenu li:nth-child(5) a,

body.policy6 #policyMenu li:nth-child(6) a,

body.policy7 #policyMenu li:nth-child(7) a,

body.policy8 #policyMenu li:nth-child(8) a,

body.policy9 #policyMenu li:nth-child(9) a,

body.policy10 #policyMenu li:nth-child(10) a,

body.policy11 #policyMenu li:nth-child(11) a,

body.policy12 #policyMenu li:nth-child(12) a,

body.policy13 #policyMenu li:nth-child(13) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}



/*Legislative*/

body.legislative1 #legislativeMenu li:nth-child(1) a,

body.legislative2 #legislativeMenu li:nth-child(2) a,

body.legislative3 #legislativeMenu li:nth-child(3) a,

body.legislative4 #legislativeMenu li:nth-child(4) a,

body.legislative5 #legislativeMenu li:nth-child(5) a,

body.legislative6 #legislativeMenu li:nth-child(6) a,

body.legislative7 #legislativeMenu li:nth-child(7) a,

body.legislative8 #legislativeMenu li:nth-child(8) a,

body.legislative9 #legislativeMenu li:nth-child(9) a,

body.legislative10 #legislativeMenu li:nth-child(10) a,

body.legislative11 #legislativeMenu li:nth-child(11) a,

body.legislative12 #legislativeMenu li:nth-child(12) a,

body.legislative13 #legislativeMenu li:nth-child(13) a,

body.legislative14 #legislativeMenu li:nth-child(14) a,

body.legislative15 #legislativeMenu li:nth-child(15) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}



/*Boards*/

#BoardMenu .level2 a{padding:5px 10px 5px 30px !important;}

body.boards1 #BoardMenu li:nth-child(1) a,

body.boards2 #BoardMenu li:nth-child(2) a,

body.boards3 #BoardMenu li:nth-child(3) a,

body.boards4 #BoardMenu li:nth-child(4) a,

body.boards5 #BoardMenu li:nth-child(5) a,

body.boards6 #BoardMenu li:nth-child(6) a,

body.boards7 #BoardMenu li:nth-child(7) a,

body.boards8 #BoardMenu li:nth-child(8) a,

body.boards9 #BoardMenu li:nth-child(9) a,

body.boards10 #BoardMenu li:nth-child(10) a,

body.boards11 #BoardMenu li:nth-child(11) a,

body.boards12 #BoardMenu li:nth-child(12) a,

body.boards13 #BoardMenu li:nth-child(13) a,

body.boards14 #BoardMenu li:nth-child(14) a,

body.boards15 #BoardMenu li:nth-child(15) a,

body.boards16 #BoardMenu li:nth-child(16) a,

body.boards17 #BoardMenu li:nth-child(17) a,

body.boards18 #BoardMenu li:nth-child(18) a,

body.boards19 #BoardMenu li:nth-child(19) a,

body.boards20 #BoardMenu li:nth-child(20) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}



/*Publications*/

body.pub1 #pubMenu li:nth-child(1) a,

body.pub2 #pubMenu li:nth-child(2) a,

body.pub3 #pubMenu li:nth-child(3) a,

body.pub4 #pubMenu li:nth-child(4) a,

body.pub5 #pubMenu li:nth-child(5) a,

body.pub6 #pubMenu li:nth-child(6) a,

body.pub7 #pubMenu li:nth-child(7) a,

body.pub8 #pubMenu li:nth-child(8) a,

body.pub9 #pubMenu li:nth-child(9) a,

body.pub10 #pubMenu li:nth-child(10) a,

body.pub11 #pubMenu li:nth-child(11) a,

body.pub12 #pubMenu li:nth-child(12) a,

body.pub13 #pubMenu li:nth-child(13) a,

body.pub14 #pubMenu li:nth-child(14) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}





/*Service Desk*/

body.service3 #serviceMenu li:nth-child(3) a{color:#000 !important;background-color:#e4def3;padding:0 10px 0 20px;}



/*Inside banner*/

#banner{margin-top:70px;}

.aaia #banner{margin-top:103px;}

#banner img{width:100%;}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{display:none;}

	

/*Sitemap*/

.sitemap{background-color:#e5e5e6;color:#000;text-align:center;}

.sitemap>a{color:#6838b0;font-weight:bold;}

.sitemap a{text-decoration:none;padding:20px;}

.sitemap a:hover,.sitemap a:focus{text-decoration:underline;}

.sitemap a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;}

.sitemap a.fas:before{float:right;}

.sitemap .site{padding:20px;max-width:1140px;margin:0 auto;text-align:center;}

.sitemap .site div{text-align:left;}

.sitemap .site ul{vertical-align:top;padding:0 26px;margin:0 auto 0 0;list-style-type:none;text-align:center;}

.sitemap .site ul.first{padding-left:0;font-weight:bold;}

.sitemap .site ul:last-child{padding-right:0;}

.sitemap .site ul li{margin:0 0 5px 0;text-align:left;}

.sitemap .site ul li.underline{font-weight:bold;margin:25px 0 10px 0;border-bottom:1px solid #000;}

.sitemap .site ul li.level2{margin-left:20px;}

.sitemap .site ul li a{color:#000;padding:0;line-height:1.2em;}

.sitemap .site ul li:first-child{padding:15px 0 0 0;}

.sitemap .site ul li:first-child a{font-weight:bold;}



/*nav*/

#breadcrumbs{background-color:#e5e5e6;padding:10px;clear:both;}

#breadcrumbs>div>a:after{content:'>';display:inline-block;font-size:0.875rem;margin:0 0 0 12px;}

#breadcrumbs>div>span:after,#breadcrumbs>div>a:last-child:after{content:'';display:inline-block;}

#breadcrumbs div a.fa-home span{display:none;}

#breadcrumbs div{max-width:1140px;margin:0 auto;}

#breadcrumbs div a{color:#24437c;text-decoration:none;margin-bottom:10px;padding:0 0 0 10px;font-size:0.875rem;}

#breadcrumbs div a:hover,#breadcrumbs div a:focus{text-decoration:underline;}

#breadcrumbs div a:first-child{padding:0;}

#breadcrumbs div a.active,nav div a:hover,#breadcrumbs div span.active{color:#24437c;text-decoration:none;margin-bottom:10px;padding:0 0 0 10px;font-size:0.875rem;}

#breadcrumbs div a.fas span{font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;padding-right:5px;float:left;}



/*Organisation*/

.chartScroll{max-width:1100px;overflow-x:auto;margin:0 auto;}

#chartIE{margin:0 auto;width:1000px;display:none;}

#chart{margin:0 auto;width:1100px;}

#chart ol{list-style-type:none;padding:0;}

#chart ol li{margin:1.2em 0;}

#chart div.purple{background-color:#dfd7f4;border-top:solid #673fcc 5px;}

#chart div.green{background-color:#ebf6d8;border-top:solid #aee05e 5px;}

#chart div.yellow{background-color:#ffff9b;border-top:solid #ffee70 5px;}



#chart div.chartLevel{text-align:center;height:380px;position:relative;}

#chart .level-2-6 .level-2 div.chartLevel{text-align:center;height:330px;position:relative;}

#chart div.chartLevel img,#chart div.chartLevel>div{display:block;margin:5px auto;}

#chart div.chartLevel img{width:102px;}

#chart div.chartLevel div span{display:block;text-align:center;}

#chart div.chartLevel>div{display:inline-block;}

#chart div.chartLevel>div div{position:absolute;bottom:20px;left:0;right:0;}

#chart div.chartLevel>div a{font-weight:bold;padding:10px 0;}



#chart div.chartLevel2{text-align:center;padding:15px 10px;position:relative;}

#chart div.chartLevel2>div{display:block;margin:5px auto;}

#chart div.chartLevel2 div span{display:block;text-align:center;}

#chart div.chartLevel2>div{display:block;}

#chart div.chartLevel2>div div{position:absolute;left:20%;right:20%;bottom:20px;}

#chart div.chartLevel2>div a{font-weight:bold;padding:10px 0;}

.box{position:relative;}



/* LEVEL-1 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-1{width:330px;margin:0 auto 20px;}

.level-1::before{content:"";position:absolute;top:100%;left:calc(50%);width:2px;height:20px;background:#000;transform: translateX(-50%);}

.level-1 a{color:#000;}

.level-1 a:hover{color:#0a58ca;}



/* LEVEL-2 STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.level-2-wrapper{position:relative;display:grid;text-align:left;}

.level-2-wrapper a{color:#000;}

.level-2-wrapper a:hover{color:#0a58ca;}

.level-2-1{grid-template-columns:repeat(1, 1fr);}

.level-2-2{grid-template-columns:repeat(2, 1fr);}

.level-2-3{grid-template-columns:repeat(3, 1fr);}

.level-2-4{grid-template-columns:repeat(4, 1fr);}



.level-2-6{grid-template-columns:repeat(6, 1fr); }

.level-2-wrapper::before{content:"";position:absolute;top:0;left:183px;width:733px;height:2px;background:#000;}

.level-2-wrapper::after{display:none;content:"";position:absolute;left:-20px;bottom:-20px;width:calc(100% + 20px);height:2px;background:#000;}

.level-2-wrapper li{position:relative;}

.level-2-wrapper > li::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:2px;height:19px;background:#000;}

.level-2-wrapper .green{background-color:#ebf6d8;}

.level-2-wrapper .pink{background-color:#ffdffa;}

.level-2::after{display:none;content:"";position:absolute;top:50%;left:0%;transform:translate(-100%, -50%);width:20px;height:2px;background:#000;}



.level1 .level-2{width:300px;height:380px;margin:0 auto 20px;}

.level1 .level-2-6 .level-2{width:170px;height:330px;margin:0 auto 20px;font-size:1em;line-height:1.5em;}

.level1 .level-2-6 .level-2 div div{font-size:.9em;}

.level1 .level-2-6 .level-2 .chartLevel{padding:20px 10px;}

.level1 .level-2-6 .level-2 img{width:80px !important;}

.level2 .level-2{margin:0 10px;}

.level-2-1 .level-2{margin:0 auto;width:330px;}

.level-2-1::before{content:"";position:absolute;top:0;left:0;width:0;height:0;background:#000;}

.level-2-2::before{content:"";position:absolute;top:0;left:275px;width:550px;height:2px;background:#000;}

.level-2-4::before{content:"";position:absolute;top:0;left:137px;width:827px;height:2px;background:#000;}

.level-2-6::before{content:"";position:absolute;top:0;left:90px;width:735px;height:2px;background:#000;   }

.level-2-6--to5{grid-template-columns:repeat(5, 1fr);}



/*Search*/

#SearchBar_Input{display:block;width:80%;float:left;}

#SearchBar #SiteGroup{clear:both;margin:6px 0;}

#SearchBar #SiteGroup span{margin-right:15px;margin-bottom:0;}

#SearchBar #SiteGroup label{margin:0 15px 0 5px;}

#SearchBar #SiteGroup input{vertical-align:middle;}

#SearchResult{margin:10px 0px;}

#SearchResult .Search_Sort{margin:10px 0px;}

#SearchResult .Search_Sort span{padding:0 10px;display:inline !important;margin:0;}

#SearchResult .Search_Result_Text{margin:20px 0px;font-weight:bold;border-bottom:1px solid #999;padding:20px 0 10px;}

#SearchResult .Search_Result_Text .Search_Result_Keywords{color:#f00;font-weight:bold;display:inline !important;margin:0;}

#SearchResult .Search_Result{margin:10px 0px;}

#SearchResult .Search_Result ul{list-style:none;margin-left:10px;}

#SearchResult .Search_Result ul li{margin:20px 0;}

#SearchResult .Search_Result ul li a{text-decoration:none;display:block;}

#SearchResult .Search_Result ul li a span{margin:0;}

#SearchResult .Search_Result ul li a .Search_Result_Id{float:left;font-weight:bold;width:40px;}

#SearchResult .Search_Result ul li a .Search_Result_Content{display:block;overflow:hidden;}

#SearchResult .Search_Result ul li a .Search_Result_Title{display:block;font-weight:bold;}

#SearchResult .Search_Result ul li a .Search_Result_Summary{display:block;font-size:0.9rem;color:#666;padding:10px 0;overflow-wrap:break-word;}

#SearchResult .Search_Result ul li .Search_Result_Details{display:block;padding-left:40px;margin:10px 0 20px;}

#SearchResult .Search_Result ul li .Search_Result_Details span{display:inline;color:#999;font-size:0.8rem;}

#SearchResult .Search_Result ul li .Search_Result_Url{display:block;color:#666;font-size:1rem;overflow-wrap:break-word;}

#SearchResult .Search_Result ul li .Search_Result_Date:before{content:"-";padding:0 10px;}

#SearchResult .Search_Result ul li .Search_Result_Cache:before{content:"-";padding:0 10px;}

#SearchResult .Search_Result ul li .Search_Result_Cache a{display:inline;}

#SearchResult .Search_Nav{margin:20px 0px;font-weight:bold;border-top:1px solid #999;padding:20px 0 10px;}

#SearchResult .Search_Nav ul{display:block;text-align:center;}

#SearchResult .Search_Nav ul li{display:inline-block;margin:0 8px;}

#SearchResult .Search_Nav ul li a.Current{font-weight:bold;}

#SearchResult .Search_Related{margin:20px 0px;font-weight:bold;border-top:1px solid #999;padding:20px 0 10px;}

#SearchResult .Search_Related div{padding-bottom:10px;}

#SearchResult .Search_Related div span{font-weight:bold;color:#f00;}

#SearchResult .Search_Related ul{display:flex;flex-direction:column;flex-wrap:wrap;text-align:left;list-style:none;margin-left:0;}

#SearchResult .Search_Related ul li a{text-decoration:none;}

#Search_Loading{display:none;position:fixed;background-color:rgba(0,0,0,0.8);top:0;left:0;right:0;bottom:0;z-index:10000;}

#Search_Loading .Loader{margin:0 auto;top:50%;position:relative;margin-top:-60px;opacity:0.7;border:16px solid #fff;border-top:16px solid #03316f;border-radius:50%;width:120px;height:120px;animation:Spin 2s linear infinite;}



/*Footer*/

#footer{border-top:1px solid #666;clear:both;background-color:#6952c9;}

#footer>div{max-width:1140px;margin:0 auto;}

#footer a{text-decoration:none;font-size:0.875rem;}

#footer #backtotop a{color:#fff;font-size:3.75rem;position:fixed;right:20px;bottom:10px;text-decoration:none;z-index:999;display:none;}

#footer .left{list-style:none;line-height:4px;position:relative;margin:22px 0 0 20px;color:#fff;float:left;z-index:1;}

#footer .left a{color:#fff;}

#footer .left a:hover,#footer .left a:focus{text-decoration:underline;}

#footer .left ul li{padding-right:10px;position:relative;display:inline-block;padding-bottom:18px;}

#footer .left ul li:after{background-color:#fff;content:" ";display:block;width:1px;height:15px;position:absolute;right:0;top:-5px;}

#footer .left ul li:last-child:after{display:none;}

#footer .right{list-style:none;position:relative;color:#fff;}

#footer .right ul{padding-bottom:40px;margin:0;text-align:center;}

#footer .right ul:first-child{padding-bottom:0;margin:0;}

#footer .right ul li{padding:10px 10px 10px 0;margin-right:10px;position:relative;display:inline-block;font-size:0.875rem;}



@media all and (min-width:500px){

	/*TopBar*/

	#mobile-top .title img,#mobile-top .titlei img{max-width:inherit;}

	#mobile-top .title a img{margin-right:10px;}

	#mobile-top .title a span{font-size:1.25rem;}

	

	/*Content*/

	.imgBox img{max-width:350px;}

}

@media all and (min-width:600px){

	#inside .secretary>div.content div img{max-width:inherit;width:100%;}

	#inside .secretary>div.content div:last-child{font-size:1rem;}



	#index .secretary>a>div img{max-width:inherit;width:100%;}

	#index .secretary>a>div:last-child{font-size:1rem;}

	

	/*Landig News*/

	#index .news .media{top:19px;right:0;}

	.news .media a{padding:8px;}

	.news .media a img{height:35px;}

	.inside-frame .horul li a>span{font-size:1.4em;}

	

	/*Footer*/

	#footer .right ul{text-align:right;}

}

/*Tablet*/

@media all and (min-width:768px){

	#inside .secretary>div.content div:last-child{font-size:1.5rem;}

	#index .secretary>a>div:last-child{font-size:1.5rem;}

	

	/*Sitemap*/

	.sitemap .site .break{display:inline-block;vertical-align:top;}



	/*Search*/

	#SearchResult .Search_Related ul{height:8em;}

	

	/*Welcome*/

	.inside-frame div.welcome_container{min-height:400px;display:block;}

	.inside-frame div.welcome_container .content_left{width:180px;float:right;}

	.inside-frame div.welcome_container .content_right{margin-right:200px;}



	/*Blog*/

	.img-text{}

	.img-text div{display:inline-block;width:49%;text-align:center;vertical-align:top;}

	.img-text div img{text-align:center;display:block;margin:0 auto;}

	.img-text div small{text-align:center;display:block;margin-bottom:20px;}

	#blogMessage .msg .date{right:0;top:30px;position:absolute;margin:0;}

	

	/*Landing Secretary*/

	#inside .secretary>div.content div:first-child{display:inline-block;}

	#inside .secretary>div.content div:last-child{float:right;display:inline-block;}

	#inside .secretary>div.content div img{max-width:inherit;}

	#inside .secretary>div.content div:first-child{float:left;}

	

	#index .secretary>a>div:last-child{position:absolute;}

}

/*Desktop*/

@media all and (min-width:1024px){

	#index .secretary>a>div:last-child{padding:30px;font-size:1.8rem;line-height:1.2em;}

	#inside .secretary>div.content div:first-child{float:inherit;}

	#inside .secretary>div.content div:last-child{padding:30px;font-size:1.8rem;line-height:1.2em;}

	

	.container{max-width:960px;}

	/*TopBar*/

	#mobile-top #menuBtn{top:7px;right:5px;}

	#inside .banner{margin-top:55px;}

	

	/*Landing news*/

	#landing-news{display:-webkit-flex;display:flex;}

	#index .news{padding-bottom:20px;}

	#index .news .col1{padding:0;}

	/*#index .news .col1>div:first-child{border-right:1px solid #fff;}*/

	#index .news .col1,#index .news .col2{width:100%;padding-top:0;display:flex;}

	#index .news .col1 .col-content,#index .news .col2 .col-content{padding:20px 30px 70px 30px;height:90%;}

	#index .news .col1>div{font-size:1.3rem;}

	

	/*Landing Quick*/

	#index .quick h1{font-size:1.5rem;}

	#index .quick div a{display:inline-block;}

}

@media all and (min-width:1201px){

	#index .banner{margin-top:0;}

	.container{max-width:1140px;}

	.anchor{top:-165px;}

	/*TopBar*/

	nav#menu{display:none !important;}

	body{overflow:initial !important;}

	#desktop-top{display:block;position:fixed;z-index:100;width:100%;background-color:transparent;top:0;}

	#desktop-top .container-100{border-top:2px solid #805bdf;background-color:#fff;}

	#desktop-top .container ul:first-child{margin:0;}

	#mobile-top{display:none;}

	#desktop-top #top .leftTitle{display:inline-block;}

	#desktop-top #top ul{padding:10px;}

	#desktop-top #top .leftTitle img{float:left;margin-right:10px;max-width: 500px;}

	#desktop-top #top .leftTitle a{text-decoration:none;color:#000;}

	#desktop-top #top .leftTitle a span{text-decoration:none;color:#000;font-weight:bold;font-size:1.125rem;display:block;margin-top:30px;font-family:Arial;line-height:1.2em;}

	#desktop-top #top .leftTitle a span span{font-size:0.75rem;margin-top:0}

	#desktop-top #top .rightTitle{display:inline-block;text-align:right;float:right;}

	#desktop-top #top .rightTitle div{display:inline-block;margin:0 5px;vertical-align:middle;}

	#desktop-top #top .rightTitle div a{color:#000;}

	#desktop-top #top .rightTitle div a:hover,#desktop-top #top .rightTitle div a:focus{text-decoration:underline;}

	#desktop-top .toolBar{display:inline-block;width:100%;text-align:center;vertical-align:top;z-index:10;font-size:0.938rem;font-family:"Poppins","Microsoft JhengHei",微軟正黑體, 微軟雅黑體,細明體_HKSCS,Arial, ans-serif;}

	#desktop-top .toolBar>ul{display:block;left:0;}

	#desktop-top .toolBar ul{z-index:10;margin-left:0;}

	#desktop-top .toolBar ul li{display:inline-block;vertical-align:middle;margin:0 14px;}

	#desktop-top .toolBar ul li>a{padding:14px 0;height:60px;display:table-cell !important;}

	#desktop-top .toolBar ul li.lang{font-size:0.75rem;}

	#desktop-top .toolBar ul li.lang a:first-child{margin-right:12px;}

	#desktop-top .toolBar ul li.textsize a{font-size:0.75rem;font-weight:normal;}

	#desktop-top .toolBar ul li a,#desktop-top .toolBar div.search a.fas{text-decoration:none;display:block;font-size:0.938rem;}

	#desktop-top .toolBar ul li a:hover,#desktop-top .toolBar ul li a:focus{text-decoration:underline;}

	#desktop-top .toolBar .tMenu li a{font-size:0.75rem;color:#000;font-weight:bold;line-height:1.2em;}

	#desktop-top .toolBar div.search{margin-right:10px;display:block;}

	#desktop-top .toolBar div.search a.fas span{font-family:Arial,Verdana,sans-serif;padding-right:5px;float:left;}

	#desktop-top .toolBar ul li a.fa-print,.media .share a.fa-share-alt{font-size:1.25rem;}

	#desktop-top .toolBar ul li a.fa-print:hover::before{color:#a7640c;}

	#desktop-top .toolBar ul li:nth-child(2) a.orange{color:#a7640c;}

	#desktop-top .toolBar ul li .dropdown-content{background-color:rgba(255,255,255,0.95);z-index:100;position:absolute;list-style:none;box-sizing:border-box;display:none;}

	#desktop-top .toolBar ul li.open .dropdown-content{z-index:100;list-style:none;box-sizing:border-box;display:block;margin:0;}

	#desktop-top .toolBar ul li.open .dropdown-content>div{margin:0 auto;max-width:1140px;width:100%;}

	#desktop-top .toolBar ul li.open .dropdown-content>div>div{box-sizing:border-box;display:block;-webkit-box-flex:0;flex:0 0 66.66666667%;position:relative;text-align:left;float:left;}

	#desktop-top .toolBar ul li.open .dropdown-content>div>div a{color:#000;padding:5px 10px;font-size:0.938rem;font-family:Arial;font-weight:normal;background-color:#e4def3;}

	#desktop-top .toolBar ul li.open .dropdown-content>div>div a:hover{background-color:#805bdf;color:#fff;}

	#desktop-top .toolBar ul li.open .dropdown-content>div>div a:before{margin-right:15px;font-family:"Font Awesome 5 Free";font-weight:bold;}

	#desktop-top .toolBar ul li.closesub .dropdown-content{background-color:#dcf4fc;width:100%;left:0;z-index:100;border-top:4px solid #ff9900;position:absolute;margin:42px 0 0 0;list-style:none;box-sizing:border-box;display:none;}

	#desktop-top .toolBar ul li .activeUl{display:block;}

	#desktop-top .toolBar ul li .dropdown-content li{float:left;width:33.33%;padding:10px 100px;background-color:#f1f3ed;text-align:left;}

	#desktop-top .toolBar ul li .dropdown-content li a{text-decoration:none;color:#000;text-indent:-2px;margin-left:-16px;}

	#desktop-top .toolBar ul li .dropdown-content li a::before{content:"\25A0";color:#ff9900;display:inline-block;width:1em;}

	#desktop-top .toolBar>.tMenu>li span{font-weight:bold;cursor:pointer;font-size:0.75rem;display:block;line-height:1.2em;}

	#desktop-top .toolBar>.tMenu>li span.double{padding:14px;}

	#desktop-top .toolBar>.tMenu>li:last-child span{border-right:0;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct .contactUsMenuContainer{}

	#desktop-top .toolBar>.tMenu>li.contactUsAct span{color:#000 !important;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct a{text-indent:0;margin-left:0;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct a::before{content:"";width:0;display:contents;color:#000;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct li:first-child{width:30%;padding-right:20px;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct li:last-child{width:70%;padding-left:20px;}

	#desktop-top .toolBar>.tMenu>li.contactUsAct li:last-child a.details{border:1px solid #000;padding:5px 10px;text-indent:0;margin-left:0;}

	#desktop-top .toolBar ul li .dropdown-content li.contactUsMenu span::before{content:"\25A0";color:#ff9900;display:inline-block;width:1em;}

	#desktop-top .toolBar ul li .dropdown-content li.contactUsMenu tr{text-align:left;}

	

	/*Banner*/

	#index .banner{margin-top:165px;margin-bottom:0;}

	#inside .breadcrumbs{margin-top:155px;background-color:#e5e5e6;}

	

	/*Nav*/

	#breadcrumbs{padding:10px;position:relative;z-index:1;clear:both;}

	#breadcrumbs div a{text-decoration:none;}

	#breadcrumbs div a:first-child{margin-left:20px;}

	#breadcrumbs div span.active{text-decoration:none;}

	

	/*Content*/

	.inside-frame{margin:30px 80px;display:block;}

	.inside-frame .left{width:200px;}

	.inside-frame .left{display:inline-block;color:#fff;}

	.inside-frame .left ul:first-child{background-color:#673fcc;margin-left:0;}

	.inside-frame .left ul:first-child li{list-style-type:none;}

	.inside-frame .left ul:first-child li strong{display:block;padding:5px 10px 5px 20px;}

	.inside-frame .left ul:first-child li.title{font-weight:bold;padding-left:0;}

	.inside-frame .left ul:first-child li.title a{display:block;padding:5px 10px !important;color:#fff;font-size:1.1em;}

	.inside-frame .left ul:first-child li a{display:block;padding:5px 10px 5px 20px;color:#fff;}

	.inside-frame .left ul:first-child li a:hover,.inside-frame .left ul:first-child li a.active{color:#000;background-color:#e4def3;}

	

	.inside-frame .left ul:nth-child(2){background-color:#ecebeb;margin-left:0;}

	.inside-frame .left ul:nth-child(2) li{list-style-type:none;padding:10px;text-indent:-14px;margin-left:14px;}

	.inside-frame .left ul:nth-child(2) li:first-child{background-color:#d5d3d3;color:#000;font-weight:bold;padding:10px;text-indent:0;margin-left:0;text-align:center;}

	.inside-frame .left ul:nth-child(2) li:first-child::before{content:"";}

	.inside-frame .left ul:nth-child(2) li::before{content:"+ ";}

	.inside-frame .left ul:nth-child(2) li a{color:#000;}

	.inside-frame .left ul:nth-child(2) li a:hover,.inside-frame .left ul:nth-child(2) li a.active{color:#000;}

	

	.inside-frame .right{width:calc(100% - 205px);padding:0 20px;}

	.inside-frame .right .dateFilter{display:inline-block;margin:20px 0;position:absolute;top:0;right:0;padding:0 20px;}

	

	/*Secretary*/

	#inside .secretary{margin:165px auto 0 auto;}

	

	#pressForm{float:right;}



	/*Inside banner*/

	#banner{margin-top:162px;}

     .aaia #banner{margin-top:162px;}

}



@media print{

	#skiplinkHolder,#menu,.sitemap,#mobile-top,#footer{display:none;}	

}





/* other languages */

.otherlanguages {

	position: relative;

	display: inline-block;

  }

  

  .dropdown-content_o {

	display: none !important;

	position: absolute;

	background-color: #f1f1f1;

	min-width: 160px;

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	z-index: 1;

  }

  

  .dropdown-content_o a {

	padding: 5px 10px;

	text-decoration: none;

	display: block;

	text-align: left;

  }

  

  .dropdown-content_o a:hover {background-color: none;}

  

  .otherlanguages:hover .dropdown-content_o {display: block !important; width: 230px;}

  

  .otherlanguages:hover .dropbtn {background-color: none;}





.level-2-6--to5::before {



    inset: 0 109px auto;



    width: auto;

}