/* WEB FONT 2015.12.1 */
html[lang=zh-TW] .puncuation { letter-spacing: -0.3em; }

html[lang=zh-TW] .letterspacing0 {letter-spacing:0px;}

html[lang=zh-TW] .more::after, 
html[lang=zh-TW] .more .icon-htc { top: -1.5px; }

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

html[lang=zh-TW] .centeralign { padding-left: 0.7em; }
@media only screen and (max-width: 735px) { html[lang=zh-TW] .centeralign { padding-left: 0; } }
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=zh-TW] .centeralign { padding-left: 0; } }

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

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


#ac-localnav .ac-ln-menu {font-size: 14px;}
html[lang=zh-TW] #ac-globalfooter .ac-gf-more::after, 
html[lang=zh-TW] #ac-globalfooter .ac-gf-more .icon-htc{top:-1px;}


/* badge */
html[lang=zh-TW] #ac-globalfooter .ac-gf-buystrip-hero-title,
html[lang=zh-TW] span.badge-half.myriad,
html[lang=zh-TW] .myriad,
html[lang=zh-TW] span.badge-small.myriad{font-family: "Myriad Set Pro", 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

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

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


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

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

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


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

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

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

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


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

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

html[lang=zh-TW] br.show-only-for-large {display: block}
@media only screen and (max-width: 1024px) {html[lang=zh-TW] br.show-only-for-large {display: none}}
@media only screen and (max-width: 1068px) {html[lang=zh-TW] br.show-only-for-large {display: none}}
@media only screen and (max-width: 735px) and (max-device-width: 768px) {html[lang=zh-TW] 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-TW] br.show-only-for-xsmall {display: block}}


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

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

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

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


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