/*WebFont*/
html[lang=zh-HK] body{font-family: 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] body{font-family: 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
.main, .main .caption{ line-height:1.8;}
.main h1, h1,.main h2, h2, .page-home .main h2{ line-height:1.1; letter-spacing: 1px;}
.main h3, h3{ line-height:1.2; letter-spacing: 1px;}
.main .intro{ line-height:1.6;}

#ac-globalfooter h3.ac-gf-directory-column-section-title{ letter-spacing:0px;}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
	.main h1, h1{letter-spacing: -2px;}
    .main h2, h2, .page-home .main h2,.main h3, h3 {letter-spacing: -1px;}
}
  
    
html[lang=zh-HK] h1, html[lang=zh-HK] h2, html[lang=zh-HK] h3 {font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] h1, html[lang=zh-TW] h2, html[lang=zh-TW] h3 {font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

.puncuation{letter-spacing: -0.3em;}
html[lang=zh-HK] .letterspacing, html[lang=zh-TW] .letterspacing{ letter-spacing: -1px;}
html[lang=zh-HK] .letterspacing0, html[lang=zh-TW] .letterspacing0{ letter-spacing: 0px;}

.nowrap {
    white-space: nowrap;
}

/*Keynote link*/
html[lang=zh-HK] .icon-play{font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] .icon-play{font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}


/*ProductHeader*/
html[lang=zh-HK] .localnav-link, html[lang=zh-HK] .button-buynow, html[lang=zh-HK] .button-compact{
	font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size:14px;
}
html[lang=zh-TW] .localnav-link, html[lang=zh-TW] .button-buynow, html[lang=zh-TW] .button-compact{
	font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size:14px;
}

.localnav{ line-height:1.45;}
@media only screen and (max-device-width: 767px) and (max-width: 767px) {
    .localnav-link {
        font-size: 17px;
    }
}
 

/*sosumi*/
.sosumi p, .sosumi li{font-size:10px; line-height:1.5;}


/*mac-mini/features*//*mac-mini/design*/
html[lang=zh-HK] .graph-content{font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] .graph-content{font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

html[lang=zh-HK] .graph-large, html[lang=zh-HK] .badge-content{font-family: 'Myriad Set Pro', 'PingFang HK','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}
html[lang=zh-TW] .graph-large, html[lang=zh-TW] .badge-content{font-family: 'Myriad Set Pro', 'PingFang TC','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}

html[lang=zh-HK] .graph-large .graph-half, html[lang=zh-HK] .badge .badge-large .badge-half, html[lang=zh-HK] .page-design .section-ports .icon-module figcaption{ 
	font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
}
html[lang=zh-TW] .graph-large .graph-half, html[lang=zh-TW] .badge .badge-large .badge-half, html[lang=zh-TW] .page-design .section-ports .icon-module figcaption{
	font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
}

.page-design .section-ports .icon-module figcaption{ font-weight:200;}

html[lang=zh-HK] .page-specs .section-environment h4 {
	font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
	letter-spacing: 1px;
}
html[lang=zh-TW] .page-specs .section-environment h4 {
	font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;
	letter-spacing: 1px;
}

.badge-large .badge-half{font-size: 0.3em;}
.badge-large .badge-half-lifted{font-size: 0.5em;}

html[lang=zh-HK] .badge-large .badge-half.badge-eg, html[lang=zh-HK] .page-wireless .badge .badge-large .badge-half.badge-eg{font-family: 'Myriad Set Pro', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size: 0.5em;}
html[lang=zh-TW] .badge-large .badge-half.badge-eg, html[lang=zh-TW] .page-wireless .badge .badge-large .badge-half.badge-eg{font-family: 'Myriad Set Pro', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size: 0.5em;}


/*imac-with-retina*/
html[lang=zh-HK] .page-overview .section-retina .diagram-5k .diagram-subheadline, html[lang=zh-HK] .page-overview .section-retina .diagram-5k .diagram-headline, html[lang=zh-HK] .infographic-content .infographic-value{font-family: 'Myriad Set Pro', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}

html[lang=zh-TW] .page-overview .section-retina .diagram-5k .diagram-subheadline,html[lang=zh-TW] .page-overview .section-retina .diagram-5k .diagram-headline, html[lang=zh-TW] .infographic-content .infographic-value{font-family: 'Myriad Set Pro', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}


html[lang=zh-HK] .page-design .energy-infographic .infographic-after {
	font-family: 'MHei','PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size: 2em;
}
html[lang=zh-TW] .page-design .energy-infographic .infographic-after {
	font-family: 'MHei','PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif; font-size: 2em;
}

html[lang=zh-HK] .graph-label, html[lang=zh-HK] .page-performance .thunderbolt-graph .graph-0 .graph-label{font-family: 'Myriad Set Pro', 'PingFang HK','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif font-size:2.5em;}

html[lang=zh-TW] .graph-label, html[lang=zh-TW] .page-performance .thunderbolt-graph .graph-0 .graph-label{font-family: 'Myriad Set Pro', 'PingFang TC','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif font-size:2.5em;}


.page-performance .thunderbolt-graph .graph-0 .graph-label{font-size:2.7em;}

/*ipad-air-2*/
html[lang=zh-HK] .localnav-head{font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] .localnav-head{font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

html[lang=zh-HK] .localnav-disclosure .disclosure-text{font-family: 'MHei', 'PingFang HK', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}
html[lang=zh-TW] .localnav-disclosure .disclosure-text{font-family: 'MHei', 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif;}

 
/*@media only screen and (min-width: 735px) and (min-device-width: 768px) {
    .localnav-disclosure .disclosure-text{ line-height:40px; font-size:16px;}
}
html[lang=zh-HK] body a.button{font-family: 'Myriad Set Pro', 'PingFang HK','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}
html[lang=zh-TW] body a.button{font-family: 'Myriad Set Pro', 'PingFang TC','Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif}
 */
.localnav-disclosure .disclosure-icon{top:-2px;}
@media only screen and (max-width: 735px) {
    .localnav-disclosure .disclosure-icon{top:0px;}
}
.badge-small{font-weight:200;}


/* Show & Hide */

@media only screen and (max-width: 735px) {
    br.hide-for-small {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    br.hide-for-medium {
        display: none
    }
}

 br.hide-for-large {
    display: none
}

@media only screen and (max-width: 1024px) {
    br.hide-for-large {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.show-for-small {
        display: block
    }
}

 br.show-only-for-small {
    display: none
}

@media only screen and (max-width: 735px) {
    br.show-only-for-small {
        display: block
    }
}

@media only screen and (max-width: 1024px) {
    br.show-for-medium {
        display: block
    }
}

br.show-only-for-medium {
    display: none
}

@media only screen and (max-width: 1024px) {
    br.show-only-for-medium {
        display: block
    }
}
@media only screen and (max-width: 1068px) {
    br.show-only-for-medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.show-only-for-medium {
        display: none
    }
}

 br.show-for-large {
    display: block
}

 br.show-only-for-large {
    display: block
}

@media only screen and (max-width: 1024px) {
    br.show-only-for-large {
        display: none
    }
}
@media only screen and (max-width: 735px) {
    br.show-only-for-large {
        display: none
    }
}

@media only screen and (max-width: 320px) {
    br.hide-for-xsmall {
        display: none
    }
}
br.show-only-for-xsmall {
    display: none
}
@media only screen and (max-width: 320px) {
    br.show-only-for-xsmall {
        display: block
    }
}
/* Show & Hide End*/