@charset "UTF-8";


/* --- .home --- */
.home main { min-height: 0; }
.home main > .inner-container { width: 100%; }

.home main .webcast { margin: 3rem 0; }

.home main .content { display: block; width: 100%; position: relative; }
.home main .content::before,
.home main .content::after { content: ""; display: block; width: 100%; }
.home main .content::before,
.home main .content::after { background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.home main .content ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto; padding: 0; position: relative; list-style: none; }
.home main .content ul > li { display: block; margin: 0; padding: 0; position: relative; }
.home main .content ul > li { background-size: 100% auto; background-position: center; background-repeat: no-repeat; }
.home main .content ul > li a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

@media (min-width: 768px) {
    .home main .content::before { padding-top: 40%; }
    
    :lang(en) .home main .content::before { background-image: url(../image/home/landing_top_banner_en.png); }
    :lang(zh-hk) .home main .content::before { background-image: url(../image/home/landing_top_banner_tc.png); }
    :lang(zh-cn) .home main .content::before { background-image: url(../image/home/landing_top_banner_sc.png); }
    
    .home main .content::after { padding-top: 57%; }
    .home main .content::after { background-image: url(../image/home/landing_bottom_banner.png); }
    
    .home main .content ul > li { width: 50%; padding-top: 15%; }
    
    :lang(en) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_en.png); }
    :lang(en) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_en.png); }
    :lang(en) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_en.png); }
    :lang(en) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_en.png); }
    :lang(en) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_en.png); }
    :lang(en) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_en.png); }
    :lang(en) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_en.png); }
    :lang(en) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_en.png); }
    :lang(en) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_en.png); }
    :lang(en) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_en.png); }
    
    :lang(zh-hk) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_tc.png); }
    
    :lang(zh-cn) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_sc.png); }
}
@media (max-width: 767px) {
    .home main .inner-container { width: 100%; }
    
    .home main .content::before { padding-top: 60%; }
    
    :lang(en) .home main .content::before { background-image: url(../image/home/landing_top_banner_en_m.png); }
    :lang(zh-hk) .home main .content::before { background-image: url(../image/home/landing_top_banner_tc_m.png); }
    :lang(zh-cn) .home main .content::before { background-image: url(../image/home/landing_top_banner_sc_m.png); }
    
    .home main .content::after { padding-top: 63%; }
    .home main .content::after { background-image: url(../image/home/landing_bottom_banner_m.png); }
    
    .home main .content ul > li { width: 74%; padding-top: 27%; }
    
    :lang(en) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_m_en.png); }
    :lang(en) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_m_en.png); }
    
    :lang(zh-hk) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_m_tc.png); }
    :lang(zh-hk) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_m_tc.png); }
    
    :lang(zh-cn) .home main .content ul > li:nth-child(1) { background-image: url(../image/home/landing_btn_1_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(2) { background-image: url(../image/home/landing_btn_2_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(3) { background-image: url(../image/home/landing_btn_3_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(4) { background-image: url(../image/home/landing_btn_4_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(5) { background-image: url(../image/home/landing_btn_5_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(6) { background-image: url(../image/home/landing_btn_6_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(7) { background-image: url(../image/home/landing_btn_7_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(8) { background-image: url(../image/home/landing_btn_8_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(9) { background-image: url(../image/home/landing_btn_9_m_sc.png); }
    :lang(zh-cn) .home main .content ul > li:nth-child(10) { background-image: url(../image/home/landing_btn_10_m_sc.png); }
}

/*
.home header .header-nav,
.home nav,
.home main,
.home footer { filter: grayscale(1); }
.home .wrapper { border-bottom: 10px solid #494949; }
.home header { background-color: #494949; }
.home nav .navbar-toggler { background-color: #767676; }
*/


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

.policy main ol.page-list { position: relative; list-style: none; counter-reset: counter-1; }
.policy main ol.page-list li { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem auto 0 auto; }
.policy main ol.page-list li::before { width: 2em; position: absolute; left: -.1em; text-align: right; }
.policy main ol.page-list li .paragraph { display: block; }

.policy main ol.page-list > li::before { counter-increment: counter-1; color: #00AB64; font-weight: bold; }

:lang(en) .policy main ol.page-list > li::before { content: "(" counter(counter-1, upper-roman) ") "; }
/*
:lang(zh-hk) .policy main ol.page-list > li::before { content: "(" counter(counter-1, cjk-ideographic) ") "; }
:lang(zh-cn) .policy main ol.page-list > li::before { content: "(" counter(counter-1, cjk-ideographic) ") "; }
*/
:lang(zh-hk) .policy main ol.page-list > li:nth-child(1)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(1)::before { content: "(一) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(2)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(2)::before { content: "(二) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(3)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(3)::before { content: "(三) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(4)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(4)::before { content: "(四) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(5)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(5)::before { content: "(五) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(6)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(6)::before { content: "(六) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(7)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(7)::before { content: "(七) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(8)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(8)::before { content: "(八) "; }
:lang(zh-hk) .policy main ol.page-list > li:nth-child(9)::before,
:lang(zh-cn) .policy main ol.page-list > li:nth-child(9)::before { content: "(九) "; }

.policy main ol.page-list > li > a.title { display: block; color: #00AB64; font-weight: bold; }
.policy main ol.page-list > li ul { width: 100%; }
.policy main ol.page-list > li > ul > li > span.title { font-weight: bold; }
.policy main ol.page-list > a.title { display: block; margin-left: -2rem; margin-top: 1rem; color: #00AB64; font-weight: bold; }

.policy main .content p { margin: 1rem 0; }

/*.policy main .content ol { margin-bottom: 1rem; list-style: lower-roman; }*/
.policy main .content ol { margin-bottom: 1rem; position: relative; list-style: none; counter-reset: counter-2; }
.policy main .content ol li { display: block; margin: 1rem auto 0 auto; }
.policy main .content ol li::before { content: "(" counter(counter-2, lower-roman) ") "; width: 2em; position: absolute; left: -.1em; text-align: right; counter-increment: counter-2; }
.policy main .content ol li p { margin-top: 0; }

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

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

@media (min-width: 768px) {
    .policy main .page-list-header { display: flex; justify-content: flex-end; margin-top: 3rem; }
    .policy main .page-list-header span { font-weight: bold; }
    
    :lang(en) .policy main .page-list-header span { width: 85px; }
    :lang(zh-hk) .policy main .page-list-header span { width: 70px; }
    :lang(zh-cn) .policy main .page-list-header span { width: 70px; }
    
    .policy main ol.page-list { margin-bottom: 3rem; }
    .policy main ol.page-list li .paragraph { width: 70px; }
    
    .policy main ol.page-list > li a.title,
    .policy main ol.page-list > li > ul li span.title { width: 85%; }
}
@media (max-width: 767px) {
    .policy main .page-list-header { display: none; }
    .policy main ol.page-list { margin: 3rem auto; }
    .policy main ol.page-list li .paragraph { width: 100%; }
    
    :lang(en) .policy main ol.page-list li .paragraph::before { content: "Paragraph : "; }
    :lang(zh-hk) .policy main ol.page-list li .paragraph::before { content: "段落："; }
    :lang(zh-cn) .policy main ol.page-list li .paragraph::before { content: "段落："; }
    
    .policy main ol.page-list > li a.title,
    .policy main ol.page-list > li > ul li span.title { width: 100%; }
}


/* --- .measure --- */
.measure main ul.measure-list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 3rem auto; padding: 0; position: relative; list-style: none; }
.measure main ul.measure-list > li { margin: .5rem 0; position: relative; }
.measure main ul.measure-list > li { background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

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

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

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

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

@media (min-width: 768px) {
    .measure main ul.measure-list > li { width: 49%; padding-top: 31%; }
}
@media (max-width: 767px) {
    .measure main ul.measure-list > li { width: 100%; padding-top: 64%; }
}


/* --- .press --- */
.press main .nav-tabs { border-bottom: 1px solid #2D8F59; }
.press main .nav-tabs > li { margin-left: 1rem; }
.press main .nav-tabs > li:first-child { margin-left: 0; }
.press main .nav-tabs > li .nav-link { color: #00531D; font-weight: bold; }
.press main .nav-tabs > li .nav-link { border-radius: 0; }
.press main .nav-tabs > li .nav-link.active { color: #ffffff; }
.press main .nav-tabs > li .nav-link.active { background-color: #2D8F59; }
.press main .nav-tabs > li .nav-link:hover,
.press main .nav-tabs > li .nav-link.active { border-color: #2D8F59; }
.press main .tab-content { margin: 2rem auto; }

.press main ul.press-list > li a { font-weight: bold; }
.press main ul.press-list > li:nth-child(odd) .date,
.press main ul.press-list > li:nth-child(odd) a { color: #555756; }
.press main ul.press-list > li:nth-child(even) .date,
.press main ul.press-list > li:nth-child(even) a { color: #007bff; }

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


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

.highlight main .part { width: 100%; margin: 3rem auto; padding: 3rem 0 0 0; }
.highlight main .part { background-color: #F2F8E8; }
.highlight main .part .card { overflow: hidden; }
.highlight main .part .card { border: none; border-radius: 0; border-top: 15px solid; }

.highlight main .part:nth-child(2) .card { border-top-color: #AD8F00; }
.highlight main .part:nth-child(2) .card .card-body h3 { color: #AD8F00; }

.highlight main .part:nth-child(3) .card { border-top-color: #714997; }
.highlight main .part:nth-child(3) .card .card-body h3 { color: #714997; }

.highlight main .part:nth-child(4) .card { border-top-color: #F17900; }
.highlight main .part:nth-child(4) .card .card-body h3 { color: #F17900; }

.highlight main .part:nth-child(5) .card { border-top-color: #F17900; }
.highlight main .part:nth-child(5) .card .card-body h3 { color: #F17900; }

.highlight main .part:nth-child(6) .card { border-top-color: #00A489; }
.highlight main .part:nth-child(6) .card .card-body h3 { color: #00A489; }

.highlight main .part:nth-child(7) .card { border-top-color: #0096D8; }
.highlight main .part:nth-child(7) .card .card-body h3 { color: #0096D8; }

.highlight main .part:nth-child(8) .card { border-top-color: #EF7577; }
.highlight main .part:nth-child(8) .card .card-body h3 { color: #EF7577; }

.highlight main .part:nth-child(9) .card { border-top-color: #EF7577; }
.highlight main .part:nth-child(9) .card .card-body h3 { color: #EF7577; }

.highlight main .part:nth-child(10) .card { border-top-color: #F17900; }
.highlight main .part:nth-child(10) .card .card-body h3 { color: #F17900; }

.highlight main .part:nth-child(11) .card { border-top-color: #7CB817; }
.highlight main .part:nth-child(11) .card .card-body h3 { color: #7CB817; }

.highlight main .part .card figure.card-img-top { margin-bottom: 0; }
.highlight main .part .card .card-body { margin-top: 1rem; padding-left: 2rem; padding-right: 2rem; }
.highlight main .part .card .card-body ul { padding-left: 20px; }

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


/* --- .webcast --- */
.webcast main ul.webcast-list { margin: 0 auto 3rem auto; padding: 0; list-style: none; }
.webcast main ul.webcast-list > li { margin: 1rem 0; }
.webcast main ul.webcast-list > li:first-child { margin-top: 0; }
.webcast main ul.webcast-list > li h4 { font-weight: normal; }
.webcast main ul.webcast-list > li > ul { margin-bottom: 1rem; }
.webcast main ul.webcast-list > li .btn-link { margin: 0 0 1rem 0; }

@media (min-width: 768px) {
    .webcast main ul.webcast-list > li .btn-link { display: inline-block; padding-left: 6%; padding-right: 6%; }
}
@media (max-width: 767px) {
}


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

.multimedia main ul.multimedia-list { margin: 0 auto; padding: 0; list-style: none; }
.multimedia main ul.multimedia-list > li { margin: 1rem 0; }

.multimedia main ul.multimedia-list .card { flex-direction: row; align-items: center; overflow: hidden; }
.multimedia main ul.multimedia-list .card .image { flex: 1; margin: 0; }
.multimedia main ul.multimedia-list .card .card-body { flex: 2; }
.multimedia main ul.multimedia-list .card a { font-weight: bold; }
.multimedia main ul.multimedia-list .card:nth-child(odd) a { color: #555756; }

@media (min-width: 768px) {
    .multimedia main .api-list > li .api-container { flex-wrap: nowrap; }
    .multimedia main .api-list > li .api-container .video { flex: 1; justify-content: flex-start; }
    .multimedia main .api-list > li .api-container .audio { flex: 1; justify-content: flex-end; }
}
@media (max-width: 767px) {
    .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 .video { justify-content: flex-end; width: 100%;  }
    .multimedia main .api-list > li .api-container .audio { justify-content: flex-end; width: 100%; }
    .multimedia main .api-list > li .api-container .audio .btn-audio { width: 5%; }
}


/* --- custom part --- */
/*.policy main .dataset { display: none; }*/
/*.measure main .dataset { display: none; } */
/*.highlight main .dataset { display: none; }*/

.multimedia main .video-list { display: none; }