@charset "UTF-8";


/* --- body[class*="policy"] --- */
body[class*="policy"] main .dataset { display: block; }

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

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

body[class*="policy"] main ol.catalogue > li > .title { text-align: center; font-size: 1.2rem; }

body[class*="policy"] main ol.catalogue > li > ul { padding-left: 2.4rem; }

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

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

:lang(en) body[class*="policy"] main ol.catalogue > li > ol > li::before { text-align: left; }

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

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

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

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