@charset "UTF-8";

a, a:hover { color: #00853E; }

/* --- .home --- */
.home .wrapper { background-color: transparent; background-color: #98CD9F; }

.home main { padding-bottom: 0; }
.home main { background-image: url(../image/home/wrapper_bg-01.png); background-position: left top; background-repeat: repeat; }
.home main::before,
.home main::after { content: ""; display: block; width: 100%; position: relative; z-index: 1; }
.home main::before,
.home main::after { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }

.home main::before { padding-top: 41.5%; }

:lang(en) .home main::before { background-image: url(../image/home/main_banner-01_en.png); }
:lang(zh-hk) .home main::before { background-image: url(../image/home/main_banner-01_tc.png); }
:lang(zh-cn) .home main::before { background-image: url(../image/home/main_banner-01_sc.png); }

.home main::after { padding-top: 39%; }
.home main::after { background-image: url(../image/home/main_bg-01.png); }

.home main .inner-container { z-index: 2; }

.home main .highlight-list > li { position: relative; }
.home main .highlight-list > li { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }

.home main .highlight-list > li a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.home footer { margin-top: 1.5rem; }

@media (min-width: 768px) {
    .home main::after { margin-top: -2rem; }
    .home main .inner-container { width: 95%; }
    
    .home main .highlight-list { justify-content: space-between; margin-bottom: 3rem; }
    .home main .highlight-list > li { width: 50%; padding-top: 19%; }
    
    :lang(en) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09_en.png); }
	:lang(en) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10_en.png); }

    :lang(zh-hk) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09_tc.png); }
	:lang(zh-hk) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10_tc.png); }

    :lang(zh-cn) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09_sc.png); }
	:lang(zh-cn) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10_sc.png); }
}
@media (max-width: 767.98px) {
    .home main .highlight-list { justify-content: center; margin-top: 1rem; }
    .home main .highlight-list > li { width: 90%; margin: -.5rem 0; padding-top: 35%; }
    
    :lang(en) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08m_en.png); }
    :lang(en) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09m_en.png); }
	:lang(en) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10m_en.png); }

    :lang(zh-hk) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08m_tc.png); }
    :lang(zh-hk) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09m_tc.png); }
	:lang(zh-hk) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10m_tc.png); }

    :lang(zh-cn) .home main .highlight-list > li:nth-child(1) { background-image: url(../image/home/main_btn-01m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(2) { background-image: url(../image/home/main_btn-02m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(3) { background-image: url(../image/home/main_btn-03m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(4) { background-image: url(../image/home/main_btn-04m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(5) { background-image: url(../image/home/main_btn-05m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(6) { background-image: url(../image/home/main_btn-06m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(7) { background-image: url(../image/home/main_btn-07m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(8) { background-image: url(../image/home/main_btn-08m_sc.png); }
    :lang(zh-cn) .home main .highlight-list > li:nth-child(9) { background-image: url(../image/home/main_btn-09m_sc.png); }
	:lang(zh-cn) .home main .highlight-list > li:nth-child(10) { background-image: url(../image/home/main_btn-10m_sc.png); }
}

.home.grayscale .wrapper { border-bottom-color: #767676; }
.home.grayscale .wrapper::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: grayscale(1); }
.home.grayscale .wrapper::before { background-image: url(../image/home/wrapper_bg-01.png); background-position: left top; background-repeat: repeat; }
.home.grayscale header { filter: grayscale(0); }
.home.grayscale header .inner-container { background-color: #767676; }
.home.grayscale header .nav { filter: grayscale(1); }


/* --- .home-webcast --- */
.home-webcast main .webcast { display: block; width: 100%; margin: 3rem 0; padding-top: 66%; position: relative; }
.home-webcast main .webcast iframe { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }


/* --- .policy --- */
.policy main .dataset { display: none; }

.policy main ol.catalogue { padding-left: 0; }
.policy main ol.catalogue .title { display: block; width: 100%; }
.policy main ol.catalogue a.title { color: #555756; font-weight: bold; }
.policy main ol.catalogue > a.title { margin: 1rem 0 0 0; /*color: #00853E;*/ }
.policy main ol.catalogue li { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem 0 0 0; }
.policy main ol.catalogue > li::before { /*color: #00853E;*/ }
.policy main ol.catalogue > li > a.title { /*color: #00853E;*/ }
.policy main ol.catalogue li ol,
.policy main ol.catalogue li ul { width: 100%; }

.policy main ol.catalogue > li::before { position: relative; left: auto; text-align: left; font-size: 1.2rem; }
:lang(en) .policy main ol.catalogue > li::before { width: 7rem; }
:lang(zh-hk) .policy main ol.catalogue > li::before,
:lang(zh-cn) .policy main ol.catalogue > li::before { width: 4rem; }

.policy main ol.catalogue > li > .title { text-align: center; font-size: 1.2rem; }

.policy main ol.catalogue > li > ul { padding-left: 2.4rem; }

:lang(en) .policy main ol.catalogue > li:nth-child(1)::before { content: "Chapter I"; }
:lang(en) .policy main ol.catalogue > li:nth-child(2)::before { content: "Chapter II"; }
:lang(en) .policy main ol.catalogue > li:nth-child(3)::before { content: "Chapter III"; }
:lang(en) .policy main ol.catalogue > li:nth-child(4)::before { content: "Chapter IV"; }
:lang(en) .policy main ol.catalogue > li:nth-child(5)::before { content: "Chapter V"; }
:lang(en) .policy main ol.catalogue > li:nth-child(6)::before { content: "Chapter VI"; }
:lang(en) .policy main ol.catalogue > li:nth-child(7)::before { content: "Chapter VII"; }
:lang(en) .policy main ol.catalogue > li:nth-child(8)::before { content: "Chapter VIII"; }
:lang(en) .policy main ol.catalogue > li:nth-child(9)::before { content: "Chapter IX"; }
:lang(en) .policy main ol.catalogue > li:nth-child(10)::before { content: "Chapter X"; }

:lang(zh-hk) .policy main ol.catalogue > li:nth-child(1)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(1)::before { content: "第一章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(2)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(2)::before { content: "第二章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(3)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(3)::before { content: "第三章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(4)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(4)::before { content: "第四章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(5)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(5)::before { content: "第五章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(6)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(6)::before { content: "第六章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(7)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(7)::before { content: "第七章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(8)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(8)::before { content: "第八章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(9)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(9)::before { content: "第九章"; }
:lang(zh-hk) .policy main ol.catalogue > li:nth-child(10)::before,
:lang(zh-cn) .policy main ol.catalogue > li:nth-child(10)::before { content: "第十章"; }

:lang(en) .policy main ol.catalogue > li > ol > li::before { text-align: left; }

:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(1)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(1)::before { content: "一、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(2)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(2)::before { content: "二、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(3)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(3)::before { content: "三、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(4)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(4)::before { content: "四、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(5)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(5)::before { content: "五、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(6)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(6)::before { content: "六、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(7)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(7)::before { content: "七、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(8)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(8)::before { content: "八、"; }
:lang(zh-hk) .policy main ol.catalogue > li > ol > li:nth-child(9)::before,
:lang(zh-cn) .policy main ol.catalogue > li > ol > li:nth-child(9)::before { content: "九、"; }

@media (min-width: 768px) {
	.policy main .catalogue-header { display: flex; justify-content: flex-end; margin-top: 2rem; }
    .policy main .catalogue-header span { width: 4.4rem; font-weight: bold; }
	
	.policy main ol.catalogue li .title { display: block;  width: calc(90% - 4.4rem); }
	
	:lang(en) .policy main ol.catalogue > li > .title { width: calc(90% - 7rem - 4.4rem); }
	:lang(zh-hk) .policy main ol.catalogue > li > .title,
	:lang(zh-cn) .policy main ol.catalogue > li > .title { width: calc(90% - 4rem - 4.4rem); }
	
	.policy main ol.catalogue > li .paragraph { display: block; width: 4.4rem; }

/*	
    :lang(en) .policy main .catalogue-header span { width: 85px; }
    :lang(zh-hk) .policy main .catalogue-header span { width: 70px; }
    :lang(zh-cn) .policy main .catalogue-header span { width: 70px; }
    
    .policy main ol.catalogue li .title { display: block; width: calc((100% - 70px) * .9); }
    .policy main ol.catalogue li .paragraph { display: block; width: 70px; }

	.policy main ol.catalogue > li { display: flex; flex-wrap: nowrap; justify-content: flex-start; width: 100%; }
	.policy main ol.catalogue > li::before { width: 4rem; }
	.policy main ol.catalogue > li .title { display: block; width: calc(100% - 4rem - 4.4rem); }
	.policy main ol.catalogue > li .paragraph { width: 4.4rem; }
	
	.policy main .catalogue-header span { width: 4.4rem; }
*/
	
}
@media (max-width: 767.98px) {
    .policy main .catalogue-header { display: none; }
    
    .policy main ol.catalogue { margin-top: 2rem; }
    
	:lang(en) .policy main ol.catalogue > li > .title { width: calc(90% - 7rem); }
	:lang(zh-hk) .policy main ol.catalogue > li > .title,
	:lang(zh-cn) .policy main ol.catalogue > li > .title { width: calc(90% - 4rem); }
	
    :lang(en) .policy main ol.catalogue li .paragraph::before { content: "Paragraph : "; }
    :lang(zh-hk) .policy main ol.catalogue li .paragraph::before { content: "段落："; }
    :lang(zh-cn) .policy main ol.catalogue li .paragraph::before { content: "段落："; }
}


/* --- .policy-content --- */
.policy-content main .inner-container { overflow: hidden; }

.policy-content main .h2 { margin-bottom: 2rem; padding: 1rem 2rem; color: #555756/*#00853E*/; }
.policy-content main .h2 { background-color: #9dd0a2; }
.policy-content main .h3 { margin-bottom: 2rem; color: #555756/*#00853E*/; text-align: center; }
.policy-content main .h4 { width: 100%; padding-bottom: .3rem; color: #555756/*#00853E*/; }
/*.policy-content main .h4 { border-bottom: 1px solid #00531d; }*/
.policy-content main .h5 { color: #555756/*#00853E*/; font-style: italic; }

.policy-content main .remark { padding: .7rem; }
.policy-content main .remark { border-top: 1px solid; }
.policy-content main .remark p { display: flex; flex-wrap: nowrap; margin: .7rem 0; font-size: .7rem; }
.policy-content main .remark p span:first-child { margin-right: 10px; font-weight: bold; white-space: nowrap; }
.policy-content main .remark * { font-size: .7rem; }

.policy-content main .page-bar { align-items: center; margin-top: 2rem; float: right; }
.policy-content main .page-bar > li { margin-bottom: .5rem; line-height: .75rem; }
.policy-content main .page-bar > li:not(:first-child) { border-left: 1px solid; }
.policy-content main .page-bar > li:not(:first-child) { margin-left: .5rem; padding-left: .5rem; }
.policy-content main .page-bar > li > span,
.policy-content main .page-bar > li .nav-link { padding: 0; font-size: .7rem; }


/* --- .supplement --- */
.supplement main .dataset { display: block; }

.supplement main .supplement-list { justify-content: space-between; margin: 3rem 0; }
.supplement main .supplement-list > li { margin: .5rem 0; position: relative; }
.supplement main .supplement-list > li { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }

:lang(en) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(2) { background-image: url(../image/supplement/main_supplement-02_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(3) { background-image: url(../image/supplement/main_supplement-03_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(4) { background-image: url(../image/supplement/main_supplement-04_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(5) { background-image: url(../image/supplement/main_supplement-05_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(6) { background-image: url(../image/supplement/main_supplement-06_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(7) { background-image: url(../image/supplement/main_supplement-07_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(8) { background-image: url(../image/supplement/main_supplement-08_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(9) { background-image: url(../image/supplement/main_supplement-09_en.png); }
:lang(en) .supplement main .supplement-list > li:nth-child(10) { background-image: url(../image/supplement/main_supplement-10_en.png); }

:lang(zh-hk) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(2) { background-image: url(../image/supplement/main_supplement-02_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(3) { background-image: url(../image/supplement/main_supplement-03_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(4) { background-image: url(../image/supplement/main_supplement-04_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(5) { background-image: url(../image/supplement/main_supplement-05_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(6) { background-image: url(../image/supplement/main_supplement-06_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(7) { background-image: url(../image/supplement/main_supplement-07_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(8) { background-image: url(../image/supplement/main_supplement-08_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(9) { background-image: url(../image/supplement/main_supplement-09_tc.png); }
:lang(zh-hk) .supplement main .supplement-list > li:nth-child(10) { background-image: url(../image/supplement/main_supplement-10_tc.png); }

:lang(zh-cn) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(2) { background-image: url(../image/supplement/main_supplement-02_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(3) { background-image: url(../image/supplement/main_supplement-03_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(4) { background-image: url(../image/supplement/main_supplement-04_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(5) { background-image: url(../image/supplement/main_supplement-05_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(6) { background-image: url(../image/supplement/main_supplement-06_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(7) { background-image: url(../image/supplement/main_supplement-07_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(8) { background-image: url(../image/supplement/main_supplement-08_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(9) { background-image: url(../image/supplement/main_supplement-09_sc.png); }
:lang(zh-cn) .supplement main .supplement-list > li:nth-child(10) { background-image: url(../image/supplement/main_supplement-10_sc.png); }

.supplement main .supplement-list > li a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

@media (min-width: 768px) {
    .supplement main .supplement-list > li { width: 49%; padding-top: 32%; }
/*	.supplement main .supplement-list > li:nth-child(1) { width: 100%; padding-top: 23%; }*/
}
@media (max-width: 767.98px) {
    .supplement main .supplement-list > li { width: 100%; padding-top: 64%; }
	
/*
	:lang(en) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01m_en.png); }
	:lang(zh-hk) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01m_tc.png); }
	:lang(zh-cn) .supplement main .supplement-list > li:nth-child(1) { background-image: url(../image/supplement/main_supplement-01m_sc.png); }
*/
}


/* --- .highlight --- */
.highlight main > .inner-container { width: 100%; }

.highlight main .dataset { display: block; }

.highlight main .highlight-part { margin-top: 3rem; }
.highlight main .highlight-part { background-color: #F2F8E8; }

.highlight main .part { display: flex; align-items: center; flex-direction: column; padding: 1rem 0; }
.highlight main .part::before { content: ""; display: block; width: 100%; position: relative; }
.highlight main .part::before { padding-top: 41%; }
.highlight main .part::before { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }
.highlight main .part .card { background-color: transparent; }
.highlight main .part .card { border: none; }
.highlight main .part .card .card-title { margin-bottom: 1.5rem; }
.highlight main .part .card .card-body { padding-left: 6%; padding-right: 6%; }
.highlight main .part .card .card-body ul { padding-left: 20px; }

.highlight main .part:nth-child(even) { background-color: #ffffff; }

.highlight main .part#highlight-01::before { margin-top: -18%; order: 2; }
.highlight main .part#highlight-01::before { background-image: url(../image/highlight/main_highlight-01.png); }
.highlight main .part#highlight-01 .card .card-title { color: #0096D8; }

.highlight main .part#highlight-02::before { background-image: url(../image/highlight/main_highlight-02.png); }
.highlight main .part#highlight-02 .card .card-title { color: #89C151; }

.highlight main .part#highlight-03::before { background-image: url(../image/highlight/main_highlight-03.png); }
.highlight main .part#highlight-03 .card .card-title { color: #674293; }

.highlight main .part#highlight-04::before { background-image: url(../image/highlight/main_highlight-04.png); }
.highlight main .part#highlight-04 .card .card-title { color: #3AA4C4; }

.highlight main .part#highlight-05::before { margin-top: -18%; order: 2; }
.highlight main .part#highlight-05::before { background-image: url(../image/highlight/main_highlight-05.png); }
.highlight main .part#highlight-05 .card .card-title { color: #00AA9C; }

.highlight main .part#highlight-06::before { background-image: url(../image/highlight/main_highlight-06.png); }
.highlight main .part#highlight-06 .card .card-title { color: #A34894; }

.highlight main .part#highlight-07::before { background-image: url(../image/highlight/main_highlight-07.png); }
.highlight main .part#highlight-07 .card .card-title { color: #F49350; }

.highlight main .part#highlight-08::before { background-image: url(../image/highlight/main_highlight-08.png); }
.highlight main .part#highlight-08 .card .card-title { color: #A27F28; }

.highlight main .part#highlight-09::before { margin-top: -18%; order: 2; }
.highlight main .part#highlight-09::before { background-image: url(../image/highlight/main_highlight-09.png); }
.highlight main .part#highlight-09 .card .card-title { color: #3C81C0; }

.highlight main .part#highlight-10::before { background-image: url(../image/highlight/main_highlight-10.png); }
.highlight main .part#highlight-10 .card .card-title { color: #EC5B67; }

@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
}


/* --- .webcast --- */
.webcast main .render-content > ul > li { margin: .5rem 0; }
.webcast main .render-content > ul > li ul { margin: 1rem 0; }

@media (max-width: 767.98px) {
    .webcast main .render-content a.style-btn-s1.auto-width { width: 100%; }
}


/* --- .press --- */
.press main .nav-tabs { border-bottom-color: #2d8f59; }
.press main .nav-tabs .nav-item.show .nav-link,
.press main .nav-tabs .nav-link.active { color: #ffffff; }
.press main .nav-tabs .nav-item.show .nav-link,
.press main .nav-tabs .nav-link.active { background-color: #2d8f59; }
.press main .nav-tabs .nav-item.show .nav-link,
.press main .nav-tabs .nav-link.active,
.press main .nav-tabs .nav-link:focus, 
.press main .nav-tabs .nav-link:hover { border-color: #2d8f59; }
.press main .nav-tabs .nav-item:not(:first-child) { margin-left: 1rem; }
.press main .nav-tabs .nav-link { border-radius: 0; }

.press main .tab-content { margin: 3rem 0; }
.press main .tab-content .press-list > li:nth-child(odd) .date,
.press main .tab-content .press-list > li:nth-child(odd) a { color: #2d8f59; }
.press main .tab-content .press-list > li:nth-child(even) .date,
.press main .tab-content .press-list > li:nth-child(even) a { color: #555756; }


/* --- .multimedia --- */
.multimedia main .api-list { margin: 2rem 0; }
.multimedia main .api-list > li { width: 100%; margin: 1rem auto; margin-bottom: 2rem; }
.multimedia main .api-list > li .video { width: 100%; }
.multimedia main .api-list > li .api-container { display: flex; }
.multimedia main .api-list > li .api-container > article { display: flex; flex-wrap: nowrap; }
.multimedia main .api-list > li .api-container .btn-link { display: block; width: 80%; }
.multimedia main .api-list > li .api-container .btn-audio { display: block; width: 8%; margin: 0 5%; padding-top: 10%; position: relative; }
.multimedia main .api-list > li .api-container .btn-audio::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.multimedia main .api-list > li .api-container .btn-audio::before { background-image: url(../image/common/icon-audio.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.multimedia main .multimedia-list > li { width: 100%; margin: .5rem 0; }
.multimedia main .multimedia-list .card { flex-direction: row; align-items: center; overflow: hidden; }
.multimedia main .multimedia-list .card .image { flex: 1; margin: 0; }
.multimedia main .multimedia-list .card .card-body { flex: 2; }
.multimedia main .multimedia-list .card a { font-weight: bold; }
.multimedia main .multimedia-list .card:nth-child(odd) a { color: #2d8f59; }
.multimedia main .multimedia-list .card:nth-child(even) a { color: #555756; }

@media (min-width: 768px) {
    .multimedia main .api-list > li .api-container { flex-wrap: nowrap; }
    .multimedia main .api-list > li .api-container > article { flex: 1; }
    .multimedia main .api-list > li .api-container .video-api { justify-content: flex-start; }
    .multimedia main .api-list > li .api-container .audio-api { justify-content: flex-end; }
}
@media (max-width: 767.98px) {
    .multimedia main .api-list > li .api-container { flex-wrap: wrap; }
    .multimedia main .api-list > li .api-container > article { margin: .5rem 0; }
    .multimedia main .api-list > li .api-container > article { justify-content: flex-end; width: 100%; }
    .multimedia main .api-list > li .api-container .btn-audio { width: 5%; }
}


/* --- .contact --- */
.contact main .contact-list { margin: 2rem 0; }
.contact main .contact-list > li { display: flex; flex-wrap: nowrap; margin: .5rem 0; }
.contact main .contact-list > li span { display: block; width: 90%; }
.contact main .contact-list > li .title { width: 10%; position: relative; }
.contact main .contact-list > li .title::after { content: ":"; display: block; position: absolute; right: .5rem; top: 0; }

:lang(en) .contact main .contact-list > li .title { min-width: 7rem; }
:lang(zh-hk) .contact main .contact-list > li .title,
:lang(zh-cn) .contact main .contact-list > li .title { min-width: 4rem; }