/* WEB FONT 2016.3.12 */
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; }

.icon-playcircle:before,
.icon-playcircle:after { top:-2px; }

html[lang=zh-HK] .more.myriad_top::before,
html[lang=zh-HK] .more.myriad_top::after,
html[lang=zh-HK] .more.myriad_top .icon-htc { top: 0px; }

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; } }


html[lang=zh-HK] sup.star {font-size: 0.8em;}
html[lang=zh-HK] h1 sup.star, html[lang=zh-HK] h2 sup.star, html[lang=zh-HK] h3 sup.star {font-size: 0.5em;}

html[lang=zh-HK] body{font-family: 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size: 16px; line-height: 1.8;}

html[lang=zh-HK] h1,
html[lang=zh-HK] h2,
html[lang=zh-HK] h3,
html[lang=zh-HK] h4,
html[lang=zh-HK] a,
html[lang=zh-HK] .localnav-link,
html[lang=zh-HK] .button-buynow,
html[lang=zh-HK] .button-compact,
html[lang=zh-HK] .intro,
html[lang=zh-HK] .hero-headline,
html[lang=zh-HK] .section-headline,
html[lang=zh-HK] .subsection-headline,
html[lang=zh-HK] .subsection-subheadline,
html[lang=zh-HK] #ac-localnav,
html[lang=zh-HK] #ac-localnav select,
html[lang=zh-HK] #ac-localnav button,
html[lang=zh-HK] #ac-localnav .ac-ln-button,
html[lang=zh-HK] #ac-globalfooter .ac-gf-buystrip-info-copy,
html[lang=zh-HK] #ac-globalfooter .ac-gf-buystrip-hero-title,
html[lang=zh-HK] #ac-globalfooter .ac-gf-buystrip-info-title,
html[lang=zh-HK] #ac-globalfooter a.ac-gf-block .ac-gf-block-link,
html[lang=zh-HK] #ac-globalfooter .ac-gf-sosumi p,
html[lang=zh-HK] #ac-globalfooter .ac-gf-sosumi li,
html[lang=zh-HK] #ac-globalfooter .ac-gf-buystrip-info-caption,
html[lang=zh-HK] #ac-globalfooter,
html[lang=zh-HK] #ac-globalfooter select,
html[lang=zh-HK] #ac-globalfooter button,
html[lang=zh-HK] span.badge-half,
html[lang=zh-HK] span.badge-small,
html[lang=zh-HK] h1 br,
html[lang=zh-HK] h2 br,
html[lang=zh-HK] h3 br,
html[lang=zh-HK] h4 br,
.badge-half:lang(zh-HK),
.violator:lang(zh-HK) {
   font-family: 'HanHei TC', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
}



html[lang=zh-HK] #ac-globalfooter .ac-gf-more::after,
html[lang=zh-HK] #ac-globalfooter .ac-gf-more .icon-htc{top:-1px;}


/* badge */
html[lang=zh-HK] span.badge-large,
html[lang=zh-HK] span.badge-half.myriad,
html[lang=zh-HK] .myriad,
html[lang=zh-HK] span.badge-small.myriad{font-family: "Myriad Set Pro", 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

html[lang=zh-HK] .badge-small{font-size: 15px;}
@media only screen and (max-width: 1024px) {html[lang=zh-HK] .badge-small{font-size: 12px;}}
@media only screen and (max-width: 735px) {html[lang=zh-HK] .badge-small{font-size: 12px;}}

html[lang=zh-HK] span.badge-half{ font-size: 0.3em;}
html[lang=zh-HK] span.badge-half.myriad{ font-size: 0.5em;}

html[lang=zh-HK] span.badge-half.seven{ margin-left:-0.1em; }

html[lang=zh-HK] .intro,
html[lang=zh-HK] .elevated-copy,
html[lang=zh-HK] .elevated-intro{line-height: 1.6;}
html[lang=zh-HK] .main .body-copy{line-height: 1.8;}


/* <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*/

/*2016-03-09 替换美国 :lang(zh-HK) 属性*/

:lang(zh-HK) h1,
:lang(zh-HK) h2,
:lang(zh-HK) h3,
:lang(zh-HK) h4,
:lang(zh-HK) a,
:lang(zh-HK) .localnav-link,
:lang(zh-HK) .button-buynow,
:lang(zh-HK) .button-compact,
:lang(zh-HK) .intro,
:lang(zh-HK) .hero-headline,
:lang(zh-HK) .section-headline,
:lang(zh-HK) .subsection-headline,
:lang(zh-HK) .subsection-subheadline,
:lang(zh-HK) #ac-localnav,
:lang(zh-HK) #ac-localnav select,
:lang(zh-HK) #ac-localnav button,
:lang(zh-HK) #ac-localnav .ac-ln-button,
:lang(zh-HK) #ac-globalfooter .ac-gf-buystrip-info-copy,
:lang(zh-HK) #ac-globalfooter .ac-gf-buystrip-hero-title,
:lang(zh-HK) #ac-globalfooter .ac-gf-buystrip-info-title,
:lang(zh-HK) #ac-globalfooter a.ac-gf-block .ac-gf-block-link,
:lang(zh-HK) #ac-globalfooter .ac-gf-sosumi p,
:lang(zh-HK) #ac-globalfooter .ac-gf-sosumi li,
:lang(zh-HK) #ac-globalfooter .ac-gf-buystrip-info-caption,
:lang(zh-HK) #ac-globalfooter,
:lang(zh-HK) #ac-globalfooter select,
:lang(zh-HK) #ac-globalfooter button,
:lang(zh-HK) span.badge-half,
:lang(zh-HK) span.badge-small {
   font-family: 'HanHei TC', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
}
/*end */
