@charset "UTF-8";


body { font-family: "Microsoft JhengHei", "Microsoft YaHei", "Arial", "Helvetica", "Sans-Serif"; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img, video, audio { display: block; width: 100%; position: relative; }
a[href*="mailto:"] { word-break: break-all; }
button { outline: none; }
button:focus { box-shadow: none!important; }
button:focus-visible { outline: auto 1px -webkit-focus-ring-color!important; }

@media (min-width: 768px) {
    main { min-height: 768px; }
}
@media (max-width: 767px) {
    main { min-height: 667px; }
}

/* 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 */ }


.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.omit { text-decoration: line-through; }

.sr-only-focusable[href="#content"] { display: block; padding: 10px; top: -100px; z-index: 9; color: #ffffff; }
.sr-only-focusable[href="#content"] { background-color: #bf1722; }
.sr-only-focusable[href="#content"] { border-bottom-right-radius: 5px; }
.sr-only-focusable[href="#content"]:active,
.sr-only-focusable[href="#content"]:focus { position: absolute; top: 0; }

.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-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; }

.navbar-toggler { padding: .2rem .4rem; position: absolute; z-index: 9; }

@media (min-width: 768px) {
    .navbar-toggler { display: none; }
}
@media (max-width: 767px) {
}


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


/* --- 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; }

@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: 767px) {
    nav form.gov-search { width: 100%; margin-bottom: 20px; }
}


/* --- nav ul.lang-bar --- */
nav ul.lang-bar { 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) { display: none; }
nav ul.lang-bar > li { border-left: 1px solid; }
nav ul.lang-bar > li:first-child,
:lang(en) nav ul.lang-bar > li:lang(zh-hk) { border-left: none; }
nav ul.lang-bar > li .nav-link { padding: 0 .5rem; line-height: 1rem; }


/* --- 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; }


/* --- .plugin-slick --- */
.plugin-slick { display: block; position: relative; }
.plugin-slick .container { max-width: none; padding: 0; }
.plugin-slick .container .slick-arrow { z-index: 10; }
.plugin-slick .container .slick-arrow:focus-visible { outline: auto 1px -webkit-focus-ring-color; }
.plugin-slick .container .slick-next { right: 25px; }
.plugin-slick .container .slick-prev { left: 25px; }
.plugin-slick .container .slick-slide div { position: relative; }
.plugin-slick .container .slick-slide a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -9999px; }

.plugin-slick .slick-dots button:focus-visible { outline: auto 1px -webkit-focus-ring-color; }

.plugin-slick .btn-autoplay { display: block; width: 20px; height: 20px; margin: 0; padding: 0; position: absolute; z-index: 5; opacity: .75; color: #000000; }
.plugin-slick .btn-autoplay { background-color: #ffffff; }
.plugin-slick .btn-autoplay { border: none; border-radius: 5px; }
.plugin-slick .btn-autoplay > i { display: none; position: absolute; left: 2.2px; top: -1.8px; }
.plugin-slick .btn-autoplay > i.active { display: block; }

.plugin-slick .btn-link { display: none; }


/* --- 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; }
}
@media (max-width: 767px) {
}


/* --- footer ul.logo-bar --- */
footer ul.logo-bar { align-items: center; width: 100%; margin-bottom: 20px; }
footer ul.logo-bar > li { margin: 0 10px; }
footer ul.logo-bar > li:first-child { margin-left: 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 { border-left: 1px solid; }
footer ul.nav-bar > li > span,
footer ul.nav-bar > li .nav-link { padding: 0 .5rem; font-size: .7rem; }
footer ul.nav-bar > li:first-child { border-left: none; }
footer ul.nav-bar > li:first-child > span,
footer ul.nav-bar > li:first-child .nav-link { padding-left: 0; }


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


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