/* WEB FONT 2018.03.17 */
html[lang=zh-HK] .more::after,
html[lang=zh-HK] .more .icon-htc,
html[lang=zh-HK] .icon-downloadsolid::before,
html[lang=zh-HK] .icon-downloadsolid::after,
html[lang=zh-HK] .icon-chevronright::before,
html[lang=zh-HK] .icon-chevronright::after {
    top: -1.5px;
}

/* center align large and medium */
html[lang=zh-HK] .centeralign { padding-left: 0.4em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centeralign { padding-left: 0; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centeralign { padding-left: 0; } }

/* center align all */
html[lang=zh-HK] .centerall { padding-left: 0.4em; }

/* center align medium  and small */
@media only screen and (max-width: 1068px) { html[lang=zh-HK] .centerms { padding-left: 0.4em; } }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centerms { padding-left: 0.4em; } }

/* center align small only */
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centersmall { padding-left: 0.4em; } }

/* center align for bigger font-size large and medium  0.5em */
html[lang=zh-HK] .centeralign_05 { padding-left: 0.5em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centeralign_05 { padding-left: 0; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centeralign_05 { padding-left: 0; } }


/* center align for bigger font-size large and medium  0.6em */
html[lang=zh-HK] .centeralign_06 { padding-left: 0.6em; }
@media only screen and (max-width: 735px) { html[lang=zh-HK] .centeralign_06 { padding-left: 0; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-HK] .centeralign_06 { padding-left: 0; } }


/* <br> 在不同 viewport 的 换行 Show & Hide */
@media only screen and (max-width: 735px) {html[lang=zh-HK] br.hide-for-small {display: none}}

@media only screen and (max-width: 1024px) {html[lang=zh-HK] br.hide-for-medium {display: none}}

html[lang=zh-HK] br.hide-for-large {display: none}
@media only screen and (max-width: 1024px) {html[lang=zh-HK] br.hide-for-large {display: block}}


@media only screen and (max-width: 735px) {html[lang=zh-HK] br.show-for-small {display: block}}

@media only screen and (max-width: 320px) {html[lang=zh-HK] br.hide-for-xsmall {display: none}}

@media only screen and (max-width: 1024px) {html[lang=zh-HK] br.show-for-medium {display: block}}

html[lang=zh-HK] br.show-for-large {display: block}


html[lang=zh-HK] br.show-only-for-small {display: none}
@media only screen and (max-width: 735px) {html[lang=zh-HK] br.show-only-for-small {display: block}}

html[lang=zh-HK] br.show-only-for-medium {display: none}
@media only screen and (max-width: 1024px) {html[lang=zh-HK] br.show-only-for-medium {display: block}}
@media only screen and (max-width: 1068px) {html[lang=zh-HK] br.show-only-for-medium {display: block}}
@media only screen and (max-width: 735px) {html[lang=zh-HK] br.show-only-for-medium {display: none}}

html[lang=zh-HK] br.show-only-for-large {display: block}
@media only screen and (max-width: 1024px) {html[lang=zh-HK] br.show-only-for-large {display: none}}
@media only screen and (max-width: 1068px) {html[lang=zh-HK] br.show-only-for-large {display: none}}
@media only screen and (max-width: 735px) {html[lang=zh-HK] br.show-only-for-large {display: none}}

br.show-only-for-xsmall {display: none}
@media only screen and (max-width: 320px) and (max-device-width: 375px) {html[lang=zh-HK] br.show-only-for-xsmall {display: block}}


html[lang=zh-HK] br.small-hide {display: none}
html[lang=zh-HK] br.small-show {display: block}

@media only screen and (min-width: 736px) {
html[lang=zh-HK] br.medium-hide {display: none}
html[lang=zh-HK] br.medium-show {display: block}}

@media only screen and (min-width: 1069px) {
html[lang=zh-HK] br.large-hide {display: none}
html[lang=zh-HK] br.large-show {display: block}}

@media only screen and (min-width: 1442px) {
html[lang=zh-HK] br.xlarge-hide {display: none}
html[lang=zh-HK] br.xlarge-show {display: block}}


/* <br> 在不同 viewport 的 换行 Show & Hide End*/