@charset "UTF-8";


table tr th, table tr td { background-color: #523071; }

@media (min-width: 768px) {
    header { padding-top: 68px; }
    
    nav .nav-main { top: calc((100vw * .48 + 78px) * -1); }
}
@media (min-width: 1024px) {
    nav .nav-main { top: -570px; }
}


/* --- .modal --- */
.home .modal-body { padding: 0 .2rem; }
.home .modal-body .popup .plugin-slick { margin-bottom: 0; }

.rewards .modal-body .center { width: 70%; padding: .2rem 0; }
.rewards .modal-body .vertical { position: relative; }


/* new version */

body { background-color: #576fab; }

h1, .h1 { color: #930883; font-size: 2rem; }
h2, .h2 { color: #930883; }
a { color: #142d8a; }
a[href="support.html"] { color: #3b4087; font-weight: 700; }

.wrapper { color: #142d8a; }
.wrapper { background-color: #a7a2cf; }

header, main, nav .nav-sub, footer, main.districts, nav.districts .nav-sub, footer.districts { background-color: transparent; background-image: none; }

header .inner-container .plugin-slick { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
header .inner-container .plugin-slick .case .slick-list { border: none; }
header .inner-container .logo-website {z-index: 1; }

@media (min-width: 768px) {
	header,
	header.districts { background-color: #3b4087; }
	header .inner-container { background-image: url(../image/common/header_districts_bg-01.png); }
	
	.events header .inner-container,
	.support header .inner-container { background-image: url(../image/common/header_bg-01.png); }
	
}
@media (max-width: 767.98px) {
	header .inner-container { background-image: url(../image/common/header_districts_bg-01m.png); }
	
	.events header .inner-container,
	.support header .inner-container { background-image: url(../image/common/header_bg-01m.png); }
}


nav .nav-main ul.navbar-nav > li .dropdown-menu { background-color: #fbc83d; border: none; border-radius: 0; }
nav .nav-main ul.navbar-nav > li .dropdown-menu a { text-align: center; color: #3b4087; }
nav .nav-main ul.navbar-nav > li .dropdown-menu a:hover { color: #ffffff; }
nav .nav-main ul.navbar-nav > li .dropdown-menu a:hover { background-color: transparent; }

nav form.gov-search input[type="search"], 
nav.districts form.gov-search input[type="search"] { border: 3px solid #3b4087; background-color: transparent; color: #3b4087;}

@media (min-width: 768px) {
	nav .nav-sub,
	nav .nav-sub .nav-link { color: #3b4087; }
	nav .nav-sub ul.lang-bar > li { border-color: #3b4087; }
	
	nav .nav-main .navbar-nav .nav-item:not(:last-child)::after { color: #81cde4; }
	nav .nav-main .navbar-nav .nav-item .nav-link:hover { color: #fbc83d; }
	nav .nav-main.navbar-fixed-scroll.fixed .navbar-nav { background-image: none; background-color: #3b4087; }
}
@media (max-width: 767.98px) {
	nav .nav-sub form.gov-search button[type="submit"],
	nav .nav-sub form.gov-search input[type="search"] { color: #ffffff; }
	nav .nav-sub form.gov-search input[type="search"] { border: 3px solid #f7d187; }
	nav .nav-sub { color: #ffffff !important; }
	
	nav .nav-main ul.navbar-nav > li .dropdown-menu { position: relative !important; transform: none !important; }
}


main { min-height: 500px; }


footer { padding-top: 5%; }
footer::before,
footer::after { content: ""; display: block; position: relative; z-index: 1; }
footer::before { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }
footer::after { background-size: 100% auto; background-position: right bottom; background-repeat: no-repeat; }
footer::after { position: absolute; right: 0; bottom: 0; }

footer .inner-container { justify-content: flex-start; z-index: 2; }

footer ul.logo-bar { display: none; }
footer .inner-container .nav-bar a { color: #3b4087; }

@media (min-width: 768px) {
	footer::before { width: 60%; margin-bottom: 2rem; padding-top: 9%; }
	footer::before { background-image: url(../image/common/footer_bg-01.svg); }
	footer::after { width: 36%; padding-top: 16%; }
	footer::after { background-image: url(../image/common/footer_bg-02.svg); }
	footer .inner-container { width: 88%; }
}
@media (max-width: 767.98px) {
	footer::before { width: 70%; margin-bottom: 1.5rem; padding-top: 13%; }
	footer::before { background-image: url(../image/common/footer_bg-01m.svg); }
	footer::after { width: 36%; padding-top: 22%; }
	footer::after { background-image: url(../image/common/footer_bg-02m.svg); }
}


.about header .inner-container,
.new header .inner-container,
.gallery header .inner-container,
.gallery-content header .inner-container,
.video header .inner-container { background-image: none !important; }

.gallery main ul.photo-list > li .card-body { color: #ffffff; background-color: #3b4087; }

.video main ul.video-list > li .card-body a,
.video main ul.video-list > li .card-body a:hover { color: #142d8a; }

.new main ul.press-list > li:nth-child(odd) .date,
.new main ul.press-list > li:nth-child(odd) a { color: #142d8a; }
.new main ul.press-list > li:nth-child(even) .date,
.new main ul.press-list > li:nth-child(even) a { color: #142d8a; }
.new main ul.press-list > li a:hover { color: #142d8a; }

.dataTables_wrapper .dataTables_filter { color: #142d8a; }
.dataTables_wrapper .dataTables_filter input { border-color: #142d8a; }

.calendar tr:nth-child(2n+1) td { background-color: #e7d5e8; }
.calendar tr:nth-child(2n+2) td { background-color: #d0a8cd; }

@media (min-width: 768px) {
	.plugin-slick .case img.disktop { display: block !important; }
	.plugin-slick .case img.mobile { display: none !important; }
}
@media (max-width: 767.98px) {
	.plugin-slick .case img.disktop { display: none !important; }
	.plugin-slick .case img.mobile { display: block !important; }
}

.sitemap main ul.navbar-nav > li .dropdown-menu { position: relative !important; transform: none !important; }
.sitemap main ul.navbar-nav > li .dropdown-menu,
.sitemap main ul.navbar-nav > li .dropdown-menu .dropdown-item:hover { background-color: transparent; border: none; }

:lang(zh-hk) .style-title-s1.title-02 { background-image: url(../image/common/title_new-01_tc.png); width:234px; height: 63px; }
:lang(zh-hk) .style-title-s1.title-03 { background-image: url(../image/common/title_videos-01_tc.png); width: 157px; height: 63px;}
:lang(zh-hk) .style-title-s1.title-04 { background-image: url(../image/common/title_photos-01_tc.png); width: 157px; height: 63px;}
:lang(zh-hk) .style-title-s1.title-06 { background-image: url(../image/common/title_districts-01_tc.png); width: 356px; height: 64px;}

:lang(zh-cn) .style-title-s1.title-02 { background-image: url(../image/common/title_new-01_sc.png); width:234px; height: 63px; }
:lang(zh-cn) .style-title-s1.title-03 { background-image: url(../image/common/title_videos-01_sc.png); width: 157px; height: 63px;}
:lang(zh-cn) .style-title-s1.title-04 { background-image: url(../image/common/title_photos-01_sc.png); width: 157px; height: 63px;}
:lang(zh-cn) .style-title-s1.title-06 { background-image: url(../image/common/title_districts-01_sc.png); width: 356px; height: 64px;}

:lang(en) .style-title-s1.title-02 { background-image: url(../image/common/title_new-01_en.png); width:271px; height: 63px; }
:lang(en) .style-title-s1.title-03 { background-image: url(../image/common/title_videos-01_en.png); width: 171px; height: 63px;}
:lang(en) .style-title-s1.title-04 { background-image: url(../image/common/title_photos-01_en.png); width: 171px; height: 63px;}
:lang(en) .style-title-s1.title-06 { background-image: url(../image/common/title_districts-01_en.png); width: 456px; height: 64px;}