@charset "UTF-8";

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

/* --- .home --- */
.home .wrapper { background-color: transparent; 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: 53.8%; }

: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: 16%; }
.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; }

@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-top: 3rem; }
    .home main .highlight-list > li { width: 50%; padding-top: 15%; }
    
    :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(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-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); }
}
@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(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-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); }
}

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

.policy main ol.catalogue {}
.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 ul { width: 100%; }

: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: "九、 "; }

@media (min-width: 768px) {
    .policy main .catalogue-header { display: flex; justify-content: flex-end; margin-top: 2rem; }
    .policy main .catalogue-header span { font-weight: bold; }
    
    :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; }
}
@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 .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: #00853E; }
.policy-content main .h2 { background-color: #9dd0a2; }
.policy-content main .h3 { margin-bottom: 2rem; color: #00853E; }
.policy-content main .h4 { width: 100%; padding-bottom: .3rem; color: #00853E; }
.policy-content main .h4 { border-bottom: 1px solid #00531d; }
.policy-content main .h5 { color: #00853E; }

.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 a { 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(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-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); }

.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: 31%; }
	.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: transparent; background-image: url(../image/home/wrapper_bg-01.png); background-position: left top; background-repeat: repeat; }
.highlight main .highlight-part::before { content: ""; display: block; width: 90%; margin: auto; padding-top: 29%; position: relative; }
.highlight main .highlight-part::before { background-size: 100% auto; background-position: left top; background-repeat: no-repeat; }

:lang(en) .highlight main .highlight-part::before { background-image: url(../image/highlight/main_highlight-00_en.png); }
:lang(zh-hk) .highlight main .highlight-part::before { background-image: url(../image/highlight/main_highlight-00_tc.png); }
:lang(zh-cn) .highlight main .highlight-part::before { background-image: url(../image/highlight/main_highlight-00_sc.png); }

.highlight main .part { display: flex; align-items: center; flex-direction: column; padding-top: 3rem; padding-bottom: 2rem; }
.highlight main .part::before { content: ""; display: block; width: 90%; position: relative; }
.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-body { padding-left: 6%; padding-right: 6%; }
.highlight main .part .card .card-body ul { padding-left: 20px; }

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

.highlight main .part#highlight-01::before,
.highlight main .part#highlight-03::before,
.highlight main .part#highlight-04::before,
.highlight main .part#highlight-05::before { padding-top: 31%; }
.highlight main .part#highlight-02 > .inner-container,
.highlight main .part#highlight-06 > .inner-container,
.highlight main .part#highlight-07 > .inner-container { order: 1; }
.highlight main .part#highlight-02::before,
.highlight main .part#highlight-06::before,
.highlight main .part#highlight-07::before { order: 2; padding-top: 20%; }
.highlight main .part#highlight-02 .card .card-body,
.highlight main .part#highlight-06 .card .card-body,
.highlight main .part#highlight-07 .card .card-body,
.highlight main .part#highlight-08 .card .card-body { padding-top: 0; }

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

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

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

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

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

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

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

.highlight main .part#highlight-08 .card .card-title { color: #D5497B; }

@media (min-width: 768px) {
	.highlight main .highlight-part::before,
	.highlight main .part#highlight-01::before,
	.highlight main .part#highlight-03::before,
	.highlight main .part#highlight-04::before,
	.highlight main .part#highlight-05::before { width: 80%; }
}
@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; }