/* version 1.231023 */
/* ISD-IRC (bootstrap v4.6) */
@charset "UTF-8";


:root {
    --scrollbar-width: 0;
    --fixed-height-offset: 0; /* 受全部加上 ".fixed-height-offset" class 的物件高度總和影響  */
    --fixed-scroll-navbar-height: 0;
}


body { font-family: "Microsoft JhengHei", "Microsoft YaHei", "Arial", "Helvetica", "Sans-Serif"; }

table { width: 100%; position: relative; }
table { margin-bottom: 1rem; }
table tr th, table tr td { padding: 1% 2%; }
table tr a { word-break: break-all; }

img, video, audio { display: block; width: 100%; position: relative; }
video { background-color: #333333; }

a { cursor: pointer; }
a[href*="mailto:"] { word-break: break-all; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1rem 0; font-weight: bold; }
h1, .h1 { margin-bottom: 2rem; }

ol.ol { list-style-type: none; }
ol.ol.new { counter-reset: counter-1; }
ol.ol > li { position: relative; }
ol.ol > li::before { display: block; width: 2em; position: absolute; left: -2.4em; text-align: right; counter-increment: counter-1; }
ol.ol.decimal > li::before { content: counter(counter-1, decimal)"."; }
ol.ol.decimal-1 > li::before { content: "("counter(counter-1, decimal)")"; }
ol.ol.lower-alpha > li::before { content: counter(counter-1, lower-alpha)"."; }
ol.ol.lower-alpha-1 > li::before { content: "("counter(counter-1, lower-alpha)")"; }
ol.ol.upper-alpha-1 > li::before { content: "("counter(counter-1, upper-alpha)")"; }
ol.ol.lower-roman > li::before { content: counter(counter-1, lower-roman)"."; }
ol.ol.upper-roman > li::before { content: counter(counter-1, upper-roman)"."; }
ol.ol.lower-roman-1 > li::before { content: "("counter(counter-1, lower-roman)")"; }
ol.ol.upper-roman-1 > li::before { content: "("counter(counter-1, upper-roman)")"; }

ol ol.ol.new { counter-reset: counter-2; }
ol ol.ol > li::before { counter-increment: counter-2; }
ol ol.ol.decimal > li::before { content: counter(counter-2, decimal)"."; }
ol ol.ol.decimal-1 > li::before { content: "("counter(counter-2, decimal)")"; }
ol ol.ol.lower-alpha > li::before { content: counter(counter-2, lower-alpha)"."; }
ol ol.ol.lower-alpha-1 > li::before { content: "("counter(counter-2, lower-alpha)")"; }
ol ol.ol.upper-alpha-1 > li::before { content: "("counter(counter-2, upper-alpha)")"; }
ol ol.ol.lower-roman > li::before { content: counter(counter-2, lower-roman)"."; }
ol ol.ol.upper-roman > li::before { content: counter(counter-2, upper-roman)"."; }
ol ol.ol.lower-roman-1 > li::before { content: "("counter(counter-2, lower-roman)")"; }
ol ol.ol.upper-roman-1 > li::before { content: "("counter(counter-2, upper-roman)")"; }

ol ol ol.ol.new { counter-reset: counter-3; }
ol ol ol.ol > li::before { counter-increment: counter-3; }
ol ol ol.ol.decimal > li::before { content: counter(counter-3, decimal)"."; }
ol ol ol.ol.decimal-1 > li::before { content: "("counter(counter-3, decimal)")"; }
ol ol ol.ol.lower-alpha > li::before { content: counter(counter-3, lower-alpha)"."; }
ol ol ol.ol.lower-alpha-1 > li::before { content: "("counter(counter-3, lower-alpha)")"; }
ol ol ol.ol.upper-alpha-1 > li::before { content: "("counter(counter-3, upper-alpha)")"; }
ol ol ol.ol.lower-roman > li::before { content: counter(counter-3, lower-roman)"."; }
ol ol ol.ol.upper-roman > li::before { content: counter(counter-3, upper-roman)"."; }
ol ol ol.ol.lower-roman-1 > li::before { content: "("counter(counter-3, lower-roman)")"; }
ol ol ol.ol.upper-roman-1 > li::before { content: "("counter(counter-3, upper-roman)")"; }

.inner-container { margin: auto; position: relative; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.omit { text-decoration: line-through; }
.space-nowrap { white-space: nowrap; }
.bg-image { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }

.logo-fb { display: block; width: 30px; padding: 30px 0 0 0; }
.logo-fb { background-image: url(../image/base/icon-fb.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.logo-ig { display: block; width: 30px; padding: 30px 0 0 0; }
.logo-ig { background-image: url(../image/base/icon-ig.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.logo-wcag2 { display: block; width: 88px; padding: 32px 0 0 0; }
.logo-wcag2 { background-image: url(../image/base/logo-wcag2AA.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.logo-web-for-all { display: block; width: 100px; padding: 54px 0 0 0; }
.logo-web-for-all { background-image: url(../image/base/logo-web-for-all.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.logo-brand-hk { display: block; width: 170px; padding: 62px 0 0 0; }
.logo-brand-hk { background-image: url(../image/base/logo-brand-hk.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.grayscale { background-color: #eeeeee; }
.grayscale header,
.grayscale nav,
.grayscale main,
.grayscale footer,
.grayscale .modal { filter: grayscale(1); }

@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
    body.hide-scroll { padding-right: var(--scrollbar-width); overflow: hidden; }
}


/* --- .sr-only-focusable[href="#content"] --- */
.sr-only-focusable[href="#content"] { display: block; padding: 10px 20px; position: absolute; left: 0; top: 0; z-index: 9; color: #ffffff; text-decoration: none; }
.sr-only-focusable[href="#content"] { background-color: #bf1722; }
.sr-only-focusable[href="#content"] { transform: translateY(-100%); }
.sr-only-focusable[href="#content"]:focus { transform: translateY(0); }


/* --- .wrapper --- */
.wrapper { display: block; width: 100%; max-width: 1024px; min-height: 100vh; margin: auto; padding: 0; position: relative; z-index: 1; overflow: hidden; }
.wrapper { box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .1); }


/* --- nav .navbar-toggler --- */
nav .navbar-toggler { padding: .2rem .4rem; position: absolute; z-index: 9; }
nav .navbar-toggler-last { width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; white-space: nowrap; }
nav .navbar-toggler-last { border: none; }
nav .navbar-toggler-last { clip: rect(0, 0, 0, 0); }

@media (min-width: 768px) {
    nav .navbar-toggler,
    nav .navbar-toggler-last { display: none; }
}


/* --- nav .navbar-offcanvas --- */
@media (max-width: 767.98px) {
    nav .navbar-offcanvas { display: block; width: 100%; height: 100vh; position: fixed; top: 0; overflow-y: auto; visibility: hidden; }
    nav .navbar-offcanvas { box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .3); }
    nav .navbar-offcanvas { transition: visibility .8s, left .8s; }
    nav .navbar-offcanvas.left { left: -100%; }
    nav .navbar-offcanvas.right { left: 100%; }
    nav .navbar-offcanvas.open { left: 0; visibility: visible; }
}


/* --- nav .navbar-fixed-scroll --- */
@media (min-width: 768px) {
    nav .navbar-fixed-scroll { padding-top: var(--fixed-scroll-navbar-height); }
    nav .navbar-fixed-scroll > .navbar-nav { position: absolute; top: 0; }
    nav .navbar-fixed-scroll.fixed { z-index: 9; }
    nav .navbar-fixed-scroll.fixed > .navbar-nav { position: fixed; top: 0; }
}


/* --- nav .nav-sub --- */
nav .nav-sub { display: flex; flex-wrap: wrap; align-items: center; }
nav .nav-sub .btn-text-size { padding: 0 .5rem; line-height: 1rem; }


/* --- nav form.gov-search --- */
nav form.gov-search { display: flex; flex-wrap: nowrap; align-items: center; margin: 0 10px; position: relative; }
nav form.gov-search .bi::before { font-weight: bold!important; }
nav form.gov-search .bi-search { display: inline-block; margin-right: calc((1rem + 5px) * -1); position: relative; z-index: 2; }
nav form.gov-search .bi-search button[type="submit"] { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; text-indent: -9999px; }
nav form.gov-search .bi-search button[type="submit"] { background-color: transparent; }
nav form.gov-search .bi-search button[type="submit"] { border: none; }
nav form.gov-search input[type="search"] { padding-left: calc(1rem + 10px); padding-right: .2rem; position: relative; z-index: 1; }
nav form.gov-search input[type="search"] { border: none; }

@media (min-width: 768px) {
    nav form.gov-search input[type="search"] { height: auto; max-width: 140px; padding-top: .1rem; padding-bottom: .1rem; font-size: .9rem; }
}
@media (max-width: 767.98px) {
    nav form.gov-search { width: 100%; margin-bottom: 20px; }
}


/* --- nav ul.lang-bar --- */
nav ul.lang-bar > li { border-right: 1px solid; }

:lang(en) nav ul.lang-bar > li:lang(en),
:lang(zh-hk) nav ul.lang-bar > li:lang(zh-hk),
:lang(zh-cn) nav ul.lang-bar > li:lang(zh-cn),
:lang(zh-Hant) nav ul.lang-bar > li:lang(zh-Hant),
:lang(zh-Hans) nav ul.lang-bar > li:lang(zh-Hans) { display: none; }

nav ul.lang-bar > li .nav-link { padding: 0 .5rem; line-height: 1rem; }


/* --- nav ul.social-bar --- */
nav ul.social-bar > li { margin: 0 .3rem; }
nav ul.social-bar > li .nav-link { filter: drop-shadow(0px 0px 3px #ffffff); }


/* --- main --- */
main { min-height: 100vh; line-height: 1.8; }
main .no-content { display: block; width: 100%; margin: 5rem 0; padding: 2rem; text-align: center; }


/* --- main ul.press-list --- */
main ul.press-list { padding: 0; list-style: none; }
main ul.press-list > li { width: 100%; padding: .5rem; }
main ul.press-list > li .date,
main ul.press-list > li a { display: block; }

@media (min-width: 768px) {
    main ul.press-list > li { display: flex; flex-wrap: nowrap; align-items: flex-start; }
    main ul.press-list > li > .date { flex: 1; max-width: 120px; padding-right: 1.5rem; }
    main ul.press-list > li > a { flex: 6; }
}


/* --- footer ul.logo-bar --- */
footer ul.logo-bar { align-items: center; width: 100%; margin-bottom: 20px; }
footer ul.logo-bar > li:not(:last-child) { margin: 0 20px 0 0; }


/* --- footer ul.nav-bar --- */
footer ul.nav-bar { align-items: center; }
footer ul.nav-bar > li { margin-bottom: .5rem; line-height: .75rem; }
footer ul.nav-bar > li:not(:first-child) { border-left: 1px solid; }
footer ul.nav-bar > li:not(:first-child) { margin-left: .5rem; padding-left: .5rem; }
footer ul.nav-bar > li > span,
footer ul.nav-bar > li .nav-link { padding: 0; font-size: .7rem; }

footer .last-revision-date { margin-bottom: .5rem; font-size: .7rem; }


/* --- .modal --- */
.modal .modal-header { border-bottom: none; }
.modal .modal-footer { border-top: none; }

@media (min-width: 768px) {
    .modal .modal-content { padding: 1rem 2rem; }
}
@media (max-width: 767.98px) {
    .modal .modal-content { padding: .5rem 1rem; }
    .modal .modal-footer { justify-content: center; }
}


/* disable font boosting on mobile browsers */
body * {
    max-height: 999999rem; /* Chrome for Android */
    -moz-text-size-adjust: none; /* Firefox Mobile */
    -webkit-text-size-adjust: 100%; /* Safari */
}


/* plugin revise */
/* slick */
_:-ms-fullscreen, :root .plugin-slick img.slick-loading { height: 1px; } /* CSS hacks IE11 */
.plugin-slick .content { display: block!important; }
.plugin-slick .slick-dots { top: 100%; bottom: auto; }

/* perfect-scrollbar */
.plugin-perfect-scrollbar { position: relative; }

@media (min-width: 768px) {
    /* bootstrap */
    .navbar-collapse.collapse { display: block!important; }
}
@media (max-width: 767.98px) {
}