html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
padding: 0
}
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure,
form, fieldset, input, legend, pre, abbr {
margin: 0;
padding: 0
}
pre, code, address, caption, th, figcaption {
font-size: 1em;
font-weight: normal;
font-style: normal
}
fieldset, iframe, img {
border: 0
}
caption, th {
text-align: left
}
table {
border-collapse: collapse;
border-spacing: 0
}
article, aside, footer, header, nav, main, section, summary, details,
hgroup, figure, figcaption {
display: block
}
audio, canvas, video, progress {
display: inline-block;
vertical-align: baseline
}
button {
border: 0;
font: inherit;
vertical-align: middle
}
@media print {
body, #main, #content {
color: #000
}
a, a:link, a:visited {
color: #000;
text-decoration: none
}
#globalheader, #globalfooter, #directorynav, #tabs, .noprint, .hide {
display: none
}
}
html {
font-size: 112.5%
}
body {
background-color: #fff;
color: #333;
font-style: normal;
font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
html[lang=ja-JP] body {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN] body {
font-family: "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW] body {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK] body {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH] body {
font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR] body {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
body {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
body {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
[lang=en-WW] {
font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=ja-JP] {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh-CN] {
font-family: "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh-TW] {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh-HK] {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=th-TH] {
font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=ko-KR] {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
body, input, textarea, select, button {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern'
}
a {
color: #08c
}
a:visited, a:link, a:active {
text-decoration: none
}
html.no-js a:hover {
text-decoration: underline
}
html.no-touch a:hover {
text-decoration: underline
}
h1 {
font-size: 64px;
line-height: 1.0625;
font-weight: 200;
letter-spacing: -0.02em
}
html.oldie h1 {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h1 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h1 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h1 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h1 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h1 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h1 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h1 {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
letter-spacing: -0.014em
}
}
@media only screen and (max-width: 735px) {
h1 {
font-size: 36px;
line-height: 1.1111;
font-weight: 200;
letter-spacing: -0.002em
}
}
h2 {
font-size: 52px;
line-height: 1.0865;
font-weight: 200;
letter-spacing: -0.014em
}
html.oldie h2 {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h2 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h2 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h2 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h2 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h2 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h2 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h2 {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
@media only screen and (max-width: 735px) {
h2 {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: 0em
}
}
h3 {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
html.oldie h3 {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h3 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h3 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h3 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h3 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h3 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h3 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h3 {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: 0em
}
}
@media only screen and (max-width: 735px) {
h3 {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: 0em
}
}
h4 {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: normal
}
html.oldie h4 {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h4 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h4 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h4 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h4 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h4 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h4 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h4 {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
h4 {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
letter-spacing: normal
}
html.oldie h5 {
font-weight: normal;
font-family: "Myriad Set Pro 600", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h5 {
font-family: "Apple TP 600", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h5 {
font-family: "PingHei 600", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h5 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h5 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h5 {
font-family: "Sukhumvit Set 600", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h5 {
font-family: "Yoon Gothic 600", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
letter-spacing: normal
}
}
h6 {
font-size: 14px;
line-height: 1.2857;
font-weight: 600;
color: #666
}
html.oldie h6 {
font-weight: normal;
font-family: "Myriad Set Pro 600", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie h6 {
font-family: "Apple TP 600", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie h6 {
font-family: "PingHei 600", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie h6 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie h6 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie h6 {
font-family: "Sukhumvit Set 600", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie h6 {
font-family: "Yoon Gothic 600", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h6 {
font-size: 14px;
line-height: 1.2857;
font-weight: 600;
color: #666
}
}
@media only screen and (max-width: 735px) {
h6 {
font-size: 14px;
line-height: 1.2857;
font-weight: 600;
color: #666
}
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.45em 0
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
margin-top: 1em
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
display: block;
margin: 0
}
strong, b {
font-weight: bold
}
em, i, cite, dfn {
font-style: italic
}
p {
margin: 0 0 1em 0
}
li li {
font-size: 1em
}
ul, ol {
margin: 1em 0 1em 1.1111em
}
ul ul, ul ol, ol ul, ol ol {
margin-top: 0;
margin-bottom: 0
}
nav ul, nav ol {
list-style: none;
margin: 0
}
sup {
font-size: .6em;
opacity: .8;
vertical-align: top;
position: relative;
bottom: -.2em
}
h1 sup, h2 sup, h3 sup {
font-size: .4em
}
html.oldie h4 sup, html.oldie h5 sup, html.oldie h6 sup {
font-size: .8em;
font-weight: normal;
line-height: 1;
bottom: auto
}
sup a {
color: #333
}
sup a:hover {
color: #08c;
text-decoration: none
}
sub {
line-height: 1
}
abbr {
border: 0
}
.selfclear:before, .selfclear:after {
content: ' ';
display: table
}
.selfclear:after {
clear: both
}
html.oldie .selfclear {
zoom: 1
}
.visuallyhidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
.imagereplace {
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
.nowrap {
white-space: nowrap
}
.clear {
clear: both
}
#top {
position: absolute;
top: 0
}
.cursor-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.cursor-grabbing {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing
}
.row {
position: relative;
z-index: 1
}
.row:before, .row:after {
content: ' ';
display: table
}
.row:after {
clear: both
}
html.oldie .row {
zoom: 1
}
.column {
position: relative;
z-index: 1;
min-height: 2px;
margin: 0;
padding: 0;
float: left
}
.large-offset-0 {
margin-left: 0
}
.large-push-0 {
left: auto;
right: auto
}
.large-pull-0 {
right: auto;
left: auto
}
.large-1 {
width: 8.3333%
}
html.oldie .large-1 {
width: 8.325%
}
.large-offset-1 {
margin-left: 8.3333%
}
html.oldie .large-offset-1 {
margin-left: 8.325%
}
.large-push-1 {
left: 8.3333%;
right: auto
}
.large-pull-1 {
right: 8.3333%;
left: auto
}
.large-2 {
width: 16.6667%
}
html.oldie .large-2 {
width: 16.65%
}
.large-offset-2 {
margin-left: 16.6667%
}
html.oldie .large-offset-2 {
margin-left: 16.65%
}
.large-push-2 {
left: 16.6667%;
right: auto
}
.large-pull-2 {
right: 16.6667%;
left: auto
}
.large-3 {
width: 25%
}
html.oldie .large-3 {
width: 24.975%
}
.large-offset-3 {
margin-left: 25%
}
html.oldie .large-offset-3 {
margin-left: 24.975%
}
.large-push-3 {
left: 25%;
right: auto
}
.large-pull-3 {
right: 25%;
left: auto
}
.large-4 {
width: 33.3333%
}
html.oldie .large-4 {
width: 33.3%
}
.large-offset-4 {
margin-left: 33.3333%
}
html.oldie .large-offset-4 {
margin-left: 33.3%
}
.large-push-4 {
left: 33.3333%;
right: auto
}
.large-pull-4 {
right: 33.3333%;
left: auto
}
.large-5 {
width: 41.6667%
}
html.oldie .large-5 {
width: 41.625%
}
.large-offset-5 {
margin-left: 41.6667%
}
html.oldie .large-offset-5 {
margin-left: 41.625%
}
.large-push-5 {
left: 41.6667%;
right: auto
}
.large-pull-5 {
right: 41.6667%;
left: auto
}
.large-6 {
width: 50%
}
html.oldie .large-6 {
width: 49.95%
}
.large-offset-6 {
margin-left: 50%
}
html.oldie .large-offset-6 {
margin-left: 49.95%
}
.large-push-6 {
left: 50%;
right: auto
}
.large-pull-6 {
right: 50%;
left: auto
}
.large-7 {
width: 58.3333%
}
html.oldie .large-7 {
width: 58.275%
}
.large-offset-7 {
margin-left: 58.3333%
}
html.oldie .large-offset-7 {
margin-left: 58.275%
}
.large-push-7 {
left: 58.3333%;
right: auto
}
.large-pull-7 {
right: 58.3333%;
left: auto
}
.large-8 {
width: 66.6667%
}
html.oldie .large-8 {
width: 66.6%
}
.large-offset-8 {
margin-left: 66.6667%
}
html.oldie .large-offset-8 {
margin-left: 66.6%
}
.large-push-8 {
left: 66.6667%;
right: auto
}
.large-pull-8 {
right: 66.6667%;
left: auto
}
.large-9 {
width: 75%
}
html.oldie .large-9 {
width: 74.925%
}
.large-offset-9 {
margin-left: 75%
}
html.oldie .large-offset-9 {
margin-left: 74.925%
}
.large-push-9 {
left: 75%;
right: auto
}
.large-pull-9 {
right: 75%;
left: auto
}
.large-10 {
width: 83.3333%
}
html.oldie .large-10 {
width: 83.25%
}
.large-offset-10 {
margin-left: 83.3333%
}
html.oldie .large-offset-10 {
margin-left: 83.25%
}
.large-push-10 {
left: 83.3333%;
right: auto
}
.large-pull-10 {
right: 83.3333%;
left: auto
}
.large-11 {
width: 91.6667%
}
html.oldie .large-11 {
width: 91.575%
}
.large-offset-11 {
margin-left: 91.6667%
}
html.oldie .large-offset-11 {
margin-left: 91.575%
}
.large-push-11 {
left: 91.6667%;
right: auto
}
.large-pull-11 {
right: 91.6667%;
left: auto
}
.large-12 {
width: 100%
}
html.oldie .large-12 {
width: 99.9%
}
.large-offset-12 {
margin-left: 100%
}
html.oldie .large-offset-12 {
margin-left: 99.9%
}
.large-push-12 {
left: 100%;
right: auto
}
.large-pull-12 {
right: 100%;
left: auto
}
.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.large-uncentered {
margin-left: 0;
margin-right: 0
}
.large-last {
float: right
}
.large-notlast {
float: left
}
@media only screen and (min-width: 1442px) {
.xlarge-offset-0 {
margin-left: 0
}
.xlarge-push-0 {
left: auto;
right: auto
}
.xlarge-pull-0 {
right: auto;
left: auto
}
.xlarge-1 {
width: 8.3333%
}
.xlarge-offset-1 {
margin-left: 8.3333%
}
.xlarge-push-1 {
left: 8.3333%;
right: auto
}
.xlarge-pull-1 {
right: 8.3333%;
left: auto
}
.xlarge-2 {
width: 16.6667%
}
.xlarge-offset-2 {
margin-left: 16.6667%
}
.xlarge-push-2 {
left: 16.6667%;
right: auto
}
.xlarge-pull-2 {
right: 16.6667%;
left: auto
}
.xlarge-3 {
width: 25%
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-push-3 {
left: 25%;
right: auto
}
.xlarge-pull-3 {
right: 25%;
left: auto
}
.xlarge-4 {
width: 33.3333%
}
.xlarge-offset-4 {
margin-left: 33.3333%
}
.xlarge-push-4 {
left: 33.3333%;
right: auto
}
.xlarge-pull-4 {
right: 33.3333%;
left: auto
}
.xlarge-5 {
width: 41.6667%
}
.xlarge-offset-5 {
margin-left: 41.6667%
}
.xlarge-push-5 {
left: 41.6667%;
right: auto
}
.xlarge-pull-5 {
right: 41.6667%;
left: auto
}
.xlarge-6 {
width: 50%
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-push-6 {
left: 50%;
right: auto
}
.xlarge-pull-6 {
right: 50%;
left: auto
}
.xlarge-7 {
width: 58.3333%
}
.xlarge-offset-7 {
margin-left: 58.3333%
}
.xlarge-push-7 {
left: 58.3333%;
right: auto
}
.xlarge-pull-7 {
right: 58.3333%;
left: auto
}
.xlarge-8 {
width: 66.6667%
}
.xlarge-offset-8 {
margin-left: 66.6667%
}
.xlarge-push-8 {
left: 66.6667%;
right: auto
}
.xlarge-pull-8 {
right: 66.6667%;
left: auto
}
.xlarge-9 {
width: 75%
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-push-9 {
left: 75%;
right: auto
}
.xlarge-pull-9 {
right: 75%;
left: auto
}
.xlarge-10 {
width: 83.3333%
}
.xlarge-offset-10 {
margin-left: 83.3333%
}
.xlarge-push-10 {
left: 83.3333%;
right: auto
}
.xlarge-pull-10 {
right: 83.3333%;
left: auto
}
.xlarge-11 {
width: 91.6667%
}
.xlarge-offset-11 {
margin-left: 91.6667%
}
.xlarge-push-11 {
left: 91.6667%;
right: auto
}
.xlarge-pull-11 {
right: 91.6667%;
left: auto
}
.xlarge-12 {
width: 100%
}
.xlarge-offset-12 {
margin-left: 100%
}
.xlarge-push-12 {
left: 100%;
right: auto
}
.xlarge-pull-12 {
right: 100%;
left: auto
}
.xlarge-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.xlarge-uncentered {
margin-left: 0;
margin-right: 0
}
.xlarge-last {
float: right
}
.xlarge-notlast {
float: left
}
}
@media only screen and (max-width: 1068px) {
.medium-offset-0 {
margin-left: 0
}
.medium-push-0 {
left: auto;
right: auto
}
.medium-pull-0 {
right: auto;
left: auto
}
.medium-1 {
width: 8.3333%
}
.medium-offset-1 {
margin-left: 8.3333%
}
.medium-push-1 {
left: 8.3333%;
right: auto
}
.medium-pull-1 {
right: 8.3333%;
left: auto
}
.medium-2 {
width: 16.6667%
}
.medium-offset-2 {
margin-left: 16.6667%
}
.medium-push-2 {
left: 16.6667%;
right: auto
}
.medium-pull-2 {
right: 16.6667%;
left: auto
}
.medium-3 {
width: 25%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-push-3 {
left: 25%;
right: auto
}
.medium-pull-3 {
right: 25%;
left: auto
}
.medium-4 {
width: 33.3333%
}
.medium-offset-4 {
margin-left: 33.3333%
}
.medium-push-4 {
left: 33.3333%;
right: auto
}
.medium-pull-4 {
right: 33.3333%;
left: auto
}
.medium-5 {
width: 41.6667%
}
.medium-offset-5 {
margin-left: 41.6667%
}
.medium-push-5 {
left: 41.6667%;
right: auto
}
.medium-pull-5 {
right: 41.6667%;
left: auto
}
.medium-6 {
width: 50%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-push-6 {
left: 50%;
right: auto
}
.medium-pull-6 {
right: 50%;
left: auto
}
.medium-7 {
width: 58.3333%
}
.medium-offset-7 {
margin-left: 58.3333%
}
.medium-push-7 {
left: 58.3333%;
right: auto
}
.medium-pull-7 {
right: 58.3333%;
left: auto
}
.medium-8 {
width: 66.6667%
}
.medium-offset-8 {
margin-left: 66.6667%
}
.medium-push-8 {
left: 66.6667%;
right: auto
}
.medium-pull-8 {
right: 66.6667%;
left: auto
}
.medium-9 {
width: 75%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-push-9 {
left: 75%;
right: auto
}
.medium-pull-9 {
right: 75%;
left: auto
}
.medium-10 {
width: 83.3333%
}
.medium-offset-10 {
margin-left: 83.3333%
}
.medium-push-10 {
left: 83.3333%;
right: auto
}
.medium-pull-10 {
right: 83.3333%;
left: auto
}
.medium-11 {
width: 91.6667%
}
.medium-offset-11 {
margin-left: 91.6667%
}
.medium-push-11 {
left: 91.6667%;
right: auto
}
.medium-pull-11 {
right: 91.6667%;
left: auto
}
.medium-12 {
width: 100%
}
.medium-offset-12 {
margin-left: 100%
}
.medium-push-12 {
left: 100%;
right: auto
}
.medium-pull-12 {
right: 100%;
left: auto
}
.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.medium-uncentered {
margin-left: 0;
margin-right: 0
}
.medium-last {
float: right
}
.medium-notlast {
float: left
}
}
@media only screen and (max-width: 735px) {
.small-offset-0 {
margin-left: 0
}
.small-push-0 {
left: auto;
right: auto
}
.small-pull-0 {
right: auto;
left: auto
}
.small-1 {
width: 8.3333%
}
.small-offset-1 {
margin-left: 8.3333%
}
.small-push-1 {
left: 8.3333%;
right: auto
}
.small-pull-1 {
right: 8.3333%;
left: auto
}
.small-2 {
width: 16.6667%
}
.small-offset-2 {
margin-left: 16.6667%
}
.small-push-2 {
left: 16.6667%;
right: auto
}
.small-pull-2 {
right: 16.6667%;
left: auto
}
.small-3 {
width: 25%
}
.small-offset-3 {
margin-left: 25%
}
.small-push-3 {
left: 25%;
right: auto
}
.small-pull-3 {
right: 25%;
left: auto
}
.small-4 {
width: 33.3333%
}
.small-offset-4 {
margin-left: 33.3333%
}
.small-push-4 {
left: 33.3333%;
right: auto
}
.small-pull-4 {
right: 33.3333%;
left: auto
}
.small-5 {
width: 41.6667%
}
.small-offset-5 {
margin-left: 41.6667%
}
.small-push-5 {
left: 41.6667%;
right: auto
}
.small-pull-5 {
right: 41.6667%;
left: auto
}
.small-6 {
width: 50%
}
.small-offset-6 {
margin-left: 50%
}
.small-push-6 {
left: 50%;
right: auto
}
.small-pull-6 {
right: 50%;
left: auto
}
.small-7 {
width: 58.3333%
}
.small-offset-7 {
margin-left: 58.3333%
}
.small-push-7 {
left: 58.3333%;
right: auto
}
.small-pull-7 {
right: 58.3333%;
left: auto
}
.small-8 {
width: 66.6667%
}
.small-offset-8 {
margin-left: 66.6667%
}
.small-push-8 {
left: 66.6667%;
right: auto
}
.small-pull-8 {
right: 66.6667%;
left: auto
}
.small-9 {
width: 75%
}
.small-offset-9 {
margin-left: 75%
}
.small-push-9 {
left: 75%;
right: auto
}
.small-pull-9 {
right: 75%;
left: auto
}
.small-10 {
width: 83.3333%
}
.small-offset-10 {
margin-left: 83.3333%
}
.small-push-10 {
left: 83.3333%;
right: auto
}
.small-pull-10 {
right: 83.3333%;
left: auto
}
.small-11 {
width: 91.6667%
}
.small-offset-11 {
margin-left: 91.6667%
}
.small-push-11 {
left: 91.6667%;
right: auto
}
.small-pull-11 {
right: 91.6667%;
left: auto
}
.small-12 {
width: 100%
}
.small-offset-12 {
margin-left: 100%
}
.small-push-12 {
left: 100%;
right: auto
}
.small-pull-12 {
right: 100%;
left: auto
}
.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.small-uncentered {
margin-left: 0;
margin-right: 0
}
.small-last {
float: right
}
.small-notlast {
float: left
}
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 400;
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_text.eot");
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_text.eot?#iefix") format("embedded-opentype"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_text.woff") format("woff"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_text.ttf") format("truetype")
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 200;
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_thin.eot");
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_thin.eot?#iefix") format("embedded-opentype"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_thin.woff") format("woff"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_thin.ttf") format("truetype")
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 100;
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_ultralight.eot");
src: url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_ultralight.eot?#iefix") format("embedded-opentype"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_ultralight.woff") format("woff"), url("/v/iphone/home/r/ac-assets/ac-appleicons/fonts/appleicons_ultralight.ttf") format("truetype")
}
.icon {
behavior: url("/v/iphone/home/r/ac-assets/ac-appleicons/behaviors/icons.htc")
}
.icon:before, .icon:after, .icon .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon:after, .icon .icon-htc {
top: 0;
padding-left: 0.3em
}
.icon:before {
display: none
}
.icon-before {
behavior: url("/v/iphone/home/r/ac-assets/ac-appleicons/behaviors/icons.htc")
}
.icon-before:before, .icon-before:after, .icon-before .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon-before:before, .icon-before .icon-htc {
top: -0.125em;
padding-right: 0.3em
}
.icon-before:after {
display: none
}
.icon-standalone {
behavior: url("/v/iphone/home/r/ac-assets/ac-appleicons/behaviors/icons.htc")
}
.icon-standalone:before, .icon-standalone:after, .icon-standalone .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon-standalone:after, .icon-standalone .icon-htc {
top: 0;
padding-left: 0;
padding-right: 0
}
.icon-standalone:before {
display: none
}
.icon-font {
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit
}
.icon-ie-parent:link {
text-decoration: none
}
html.no-js .icon-ie-parent:link:hover {
text-decoration: none
}
html.no-js .icon-ie-parent:link:hover .icon-ie-link {
text-decoration: underline
}
html.no-touch .icon-ie-parent:link:hover {
text-decoration: none
}
html.no-touch .icon-ie-parent:link:hover .icon-ie-link {
text-decoration: underline
}
.icon-chevrondown:before, .icon-chevrondown:after {
content: ""
}
.icon-chevrondown .icon-htc {
x-content: ""
}
.icon-chevrondownalt:before, .icon-chevrondownalt:after {
content: ""
}
.icon-chevrondownalt .icon-htc {
x-content: ""
}
.icon-chevronleft:before, .icon-chevronleft:after {
content: ""
}
.icon-chevronleft .icon-htc {
x-content: ""
}
.icon-chevronrightalt:before, .icon-chevronrightalt:after {
content: ""
}
.icon-chevronrightalt .icon-htc {
x-content: ""
}
.icon-chevronright:before, .icon-chevronright:after {
content: ""
}
.icon-chevronright .icon-htc {
x-content: ""
}
.icon-chevronleftalt:before, .icon-chevronleftalt:after {
content: ""
}
.icon-chevronleftalt .icon-htc {
x-content: ""
}
.icon-chevronup:before, .icon-chevronup:after {
content: ""
}
.icon-chevronup .icon-htc {
x-content: ""
}
.icon-chevronupalt:before, .icon-chevronupalt:after {
content: ""
}
.icon-chevronupalt .icon-htc {
x-content: ""
}
.icon-close:before, .icon-close:after {
content: ""
}
.icon-close .icon-htc {
x-content: ""
}
.icon-closealt:before, .icon-closealt:after {
content: ""
}
.icon-closealt .icon-htc {
x-content: ""
}
.icon-download:before, .icon-download:after {
content: ""
}
.icon-download .icon-htc {
x-content: ""
}
.icon-downloadalt:before, .icon-downloadalt:after {
content: ""
}
.icon-downloadalt .icon-htc {
x-content: ""
}
.icon-external:before, .icon-external:after {
content: ""
}
.icon-external .icon-htc {
x-content: ""
}
.icon-alert:before, .icon-alert:after {
content: ""
}
.icon-alert .icon-htc {
x-content: ""
}
.icon-list:before, .icon-list:after {
content: ""
}
.icon-list .icon-htc {
x-content: ""
}
.icon-paddledown:before, .icon-paddledown:after {
content: ""
}
.icon-paddledown .icon-htc {
x-content: ""
}
.icon-paddleleft:before, .icon-paddleleft:after {
content: ""
}
.icon-paddleleft .icon-htc {
x-content: ""
}
.icon-paddleright:before, .icon-paddleright:after {
content: ""
}
.icon-paddleright .icon-htc {
x-content: ""
}
.icon-paddleup:before, .icon-paddleup:after {
content: ""
}
.icon-paddleup .icon-htc {
x-content: ""
}
.icon-pause:before, .icon-pause:after {
content: ""
}
.icon-pause .icon-htc {
x-content: ""
}
.icon-play:before, .icon-play:after {
content: ""
}
.icon-play .icon-htc {
x-content: ""
}
.icon-playalt:before, .icon-playalt:after {
content: ""
}
.icon-playalt .icon-htc {
x-content: ""
}
.icon-replay:before, .icon-replay:after {
content: ""
}
.icon-replay .icon-htc {
x-content: ""
}
.icon-zoomalt:before, .icon-zoomalt:after {
content: ""
}
.icon-zoomalt .icon-htc {
x-content: ""
}
.icon-closeinlinealt:before, .icon-closeinlinealt:after {
content: ""
}
.icon-closeinlinealt .icon-htc {
x-content: ""
}
.icon-grid:before, .icon-grid:after {
content: ""
}
.icon-grid .icon-htc {
x-content: ""
}
.icon-checkalt:before, .icon-checkalt:after {
content: ""
}
.icon-checkalt .icon-htc {
x-content: ""
}
.icon-stop:before, .icon-stop:after {
content: ""
}
.icon-stop .icon-htc {
x-content: ""
}
.icon-stopalt:before, .icon-stopalt:after {
content: ""
}
.icon-stopalt .icon-htc {
x-content: ""
}
.icon-replayalt:before, .icon-replayalt:after {
content: ""
}
.icon-replayalt .icon-htc {
x-content: ""
}
.icon-facebook:before, .icon-facebook:after {
content: ""
}
.icon-facebook .icon-htc {
x-content: ""
}
.icon-link:before, .icon-link:after {
content: ""
}
.icon-link .icon-htc {
x-content: ""
}
.icon-mail:before, .icon-mail:after {
content: ""
}
.icon-mail .icon-htc {
x-content: ""
}
.icon-pinterest:before, .icon-pinterest:after {
content: ""
}
.icon-pinterest .icon-htc {
x-content: ""
}
.icon-qqweibo:before, .icon-qqweibo:after {
content: ""
}
.icon-qqweibo .icon-htc {
x-content: ""
}
.icon-qzone:before, .icon-qzone:after {
content: ""
}
.icon-qzone .icon-htc {
x-content: ""
}
.icon-renren:before, .icon-renren:after {
content: ""
}
.icon-renren .icon-htc {
x-content: ""
}
.icon-share:before, .icon-share:after {
content: ""
}
.icon-share .icon-htc {
x-content: ""
}
.icon-tumblr:before, .icon-tumblr:after {
content: ""
}
.icon-tumblr .icon-htc {
x-content: ""
}
.icon-twitter:before, .icon-twitter:after {
content: ""
}
.icon-twitter .icon-htc {
x-content: ""
}
.icon-webo:before, .icon-webo:after {
content: ""
}
.icon-webo .icon-htc {
x-content: ""
}
.icon-instagram:before, .icon-instagram:after {
content: ""
}
.icon-instagram .icon-htc {
x-content: ""
}
.icon-check:before, .icon-check:after {
content: ""
}
.icon-check .icon-htc {
x-content: ""
}
.icon-linkedin:before, .icon-linkedin:after {
content: ""
}
.icon-linkedin .icon-htc {
x-content: ""
}
.icon-snapchat:before, .icon-snapchat:after {
content: ""
}
.icon-snapchat .icon-htc {
x-content: ""
}
.icon-zoom:before, .icon-zoom:after {
content: ""
}
.icon-zoom .icon-htc {
x-content: ""
}
.icon-zoomoutalt:before, .icon-zoomoutalt:after {
content: ""
}
.icon-zoomoutalt .icon-htc {
x-content: ""
}
.icon-zoomout:before, .icon-zoomout:after {
content: ""
}
.icon-zoomout .icon-htc {
x-content: ""
}
.icon-favorite:before, .icon-favorite:after {
content: ""
}
.icon-favorite .icon-htc {
x-content: ""
}
.icon-clearsolid:before, .icon-clearsolid:after {
content: ""
}
.icon-clearsolid .icon-htc {
x-content: ""
}
.icon-remove:before, .icon-remove:after {
content: ""
}
.icon-remove .icon-htc {
x-content: ""
}
.icon-unvalidatedalt:before, .icon-unvalidatedalt:after {
content: ""
}
.icon-unvalidatedalt .icon-htc {
x-content: ""
}
.icon-unvalidated:before, .icon-unvalidated:after {
content: ""
}
.icon-unvalidated .icon-htc {
x-content: ""
}
.icon-info:before, .icon-info:after {
content: ""
}
.icon-info .icon-htc {
x-content: ""
}
.icon-add:before, .icon-add:after {
content: ""
}
.icon-add .icon-htc {
x-content: ""
}
.icon-exclamation:before, .icon-exclamation:after {
content: ""
}
.icon-exclamation .icon-htc {
x-content: ""
}
.icon-infoalt:before, .icon-infoalt:after {
content: ""
}
.icon-infoalt .icon-htc {
x-content: ""
}
.icon-circle:before, .icon-circle:after {
content: ""
}
.icon-circle .icon-htc {
x-content: ""
}
.icon-apple:before, .icon-apple:after {
content: ""
}
.icon-apple .icon-htc {
x-content: ""
}
.more {
behavior: url("/v/iphone/home/r/ac-assets/ac-appleicons/behaviors/icons.htc")
}
.more:before, .more:after {
content: ""
}
.more .icon-htc {
x-content: ""
}
.more:before, .more:after, .more .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.more:after, .more .icon-htc {
top: 0;
padding-left: 0.3em
}
.more:before {
display: none
}
.more-block {
margin-top: .5em
}
.ac-browser, .ac-familybrowser {
position: relative;
overflow: hidden;
text-align: center
}
.ac-browser-wrapper, .ac-familybrowser-wrapper {
margin-left: auto;
margin-right: auto;
position: relative
}
.ac-browser-items, .ac-familybrowser-items {
margin: 0 34px;
padding-bottom: 50px;
list-style: none;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
html.oldie .ac-browser-items, html.oldie .ac-familybrowser-items {
display: inline;
zoom: 1
}
@media only screen and (orientation: landscape) {
.ac-browser-items, .ac-familybrowser-items {
padding-bottom: 49px
}
}
html.touch .ac-browser-items, html.touch .ac-familybrowser-items {
margin: 0;
padding-left: 34px;
padding-right: 34px
}
html.no-touch .ac-browser-items:before, html.no-touch .ac-familybrowser-items:before,
html.no-touch .ac-browser-items:after, html.no-touch .ac-familybrowser-items:after {
content: ' ';
display: table
}
html.no-touch .ac-browser-items:after, html.no-touch .ac-familybrowser-items:after {
clear: both
}
html.no-touch.oldie .ac-browser-items, html.no-touch.oldie .ac-familybrowser-items {
zoom: 1
}
.ac-browser-item, .ac-familybrowser-item {
display: inline-block;
padding: 0
}
html.oldie .ac-browser-item, html.oldie .ac-familybrowser-item {
display: inline;
zoom: 1
}
.ac-browser-item:first-child, .ac-familybrowser-item:first-child {
padding-left: 0 !important
}
.ac-browser-item:last-child, .ac-familybrowser-item:last-child {
padding-right: 0 !important
}
html.oldie .ac-browser-paddles, html.oldie .ac-familybrowser-paddles {
display: none
}
.ac-browser-paddle, .ac-familybrowser-paddle-left, .ac-familybrowser-paddle-right,
.ac-browser-paddle-left, .ac-familybrowser-paddle-left, .ac-browser-paddle-right,
.ac-familybrowser-paddle-right {
font-size: 28px;
line-height: 1;
font-weight: 200;
letter-spacing: normal;
margin: 0;
padding: 0;
width: 34px;
position: absolute;
top: 0;
bottom: 0;
color: #333;
background-color: transparent;
opacity: 0;
-webkit-transition: opacity 150ms ease-out, color 100ms ease-in-out;
transition: opacity 150ms ease-out, color 100ms ease-in-out
}
html.oldie .ac-browser-paddle, html.oldie .ac-familybrowser-paddle-left,
html.oldie .ac-familybrowser-paddle-right, html.oldie .ac-browser-paddle-left,
html.oldie .ac-familybrowser-paddle-left, html.oldie .ac-browser-paddle-right,
html.oldie .ac-familybrowser-paddle-right {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .ac-browser-paddle, html[lang=ja-JP].oldie .ac-familybrowser-paddle-left,
html[lang=ja-JP].oldie .ac-familybrowser-paddle-right, html[lang=ja-JP].oldie .ac-browser-paddle-left,
html[lang=ja-JP].oldie .ac-familybrowser-paddle-left, html[lang=ja-JP].oldie .ac-browser-paddle-right,
html[lang=ja-JP].oldie .ac-familybrowser-paddle-right {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .ac-browser-paddle, html[lang=zh-CN].oldie .ac-familybrowser-paddle-left,
html[lang=zh-CN].oldie .ac-familybrowser-paddle-right, html[lang=zh-CN].oldie .ac-browser-paddle-left,
html[lang=zh-CN].oldie .ac-familybrowser-paddle-left, html[lang=zh-CN].oldie .ac-browser-paddle-right,
html[lang=zh-CN].oldie .ac-familybrowser-paddle-right {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .ac-browser-paddle, html[lang=zh-TW].oldie .ac-familybrowser-paddle-left,
html[lang=zh-TW].oldie .ac-familybrowser-paddle-right, html[lang=zh-TW].oldie .ac-browser-paddle-left,
html[lang=zh-TW].oldie .ac-familybrowser-paddle-left, html[lang=zh-TW].oldie .ac-browser-paddle-right,
html[lang=zh-TW].oldie .ac-familybrowser-paddle-right {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .ac-browser-paddle, html[lang=zh-HK].oldie .ac-familybrowser-paddle-left,
html[lang=zh-HK].oldie .ac-familybrowser-paddle-right, html[lang=zh-HK].oldie .ac-browser-paddle-left,
html[lang=zh-HK].oldie .ac-familybrowser-paddle-left, html[lang=zh-HK].oldie .ac-browser-paddle-right,
html[lang=zh-HK].oldie .ac-familybrowser-paddle-right {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .ac-browser-paddle, html[lang=th-TH].oldie .ac-familybrowser-paddle-left,
html[lang=th-TH].oldie .ac-familybrowser-paddle-right, html[lang=th-TH].oldie .ac-browser-paddle-left,
html[lang=th-TH].oldie .ac-familybrowser-paddle-left, html[lang=th-TH].oldie .ac-browser-paddle-right,
html[lang=th-TH].oldie .ac-familybrowser-paddle-right {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .ac-browser-paddle, html[lang=ko-KR].oldie .ac-familybrowser-paddle-left,
html[lang=ko-KR].oldie .ac-familybrowser-paddle-right, html[lang=ko-KR].oldie .ac-browser-paddle-left,
html[lang=ko-KR].oldie .ac-familybrowser-paddle-left, html[lang=ko-KR].oldie .ac-browser-paddle-right,
html[lang=ko-KR].oldie .ac-familybrowser-paddle-right {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ac-browser-paddle:enabled, .ac-familybrowser-paddle-left:enabled,
.ac-familybrowser-paddle-right:enabled, .ac-browser-paddle-left:enabled,
.ac-familybrowser-paddle-left:enabled, .ac-browser-paddle-right:enabled,
.ac-familybrowser-paddle-right:enabled {
opacity: 1;
cursor: pointer
}
.ac-browser-paddle:hover, .ac-familybrowser-paddle-left:hover,
.ac-familybrowser-paddle-right:hover, .ac-browser-paddle-left:hover,
.ac-familybrowser-paddle-left:hover, .ac-browser-paddle-right:hover,
.ac-familybrowser-paddle-right:hover {
color: rgba(51, 51, 51, 0.6)
}
.ac-browser-paddle .icon::after, .ac-familybrowser-paddle-left .icon::after,
.ac-familybrowser-paddle-right .icon::after, .ac-browser-paddle-left .icon::after,
.ac-familybrowser-paddle-left .icon::after, .ac-browser-paddle-right .icon::after,
.ac-familybrowser-paddle-right .icon::after {
padding: 0
}
html.touch .ac-browser-paddle, html.touch .ac-familybrowser-paddle-left,
html.touch .ac-familybrowser-paddle-right, html.touch .ac-browser-paddle-left,
html.touch .ac-familybrowser-paddle-left, html.touch .ac-browser-paddle-right,
html.touch .ac-familybrowser-paddle-right {
display: none
}
.ac-browser-paddle-left, .ac-familybrowser-paddle-left {
left: 0;
border-right: 1px solid rgba(102, 102, 102, 0.35)
}
.ac-familybrowser-theme-dark .ac-browser-paddle-left, .ac-familybrowser-theme-dark .ac-familybrowser-paddle-left {
border-color: rgba(153, 153, 153, 0.35)
}
.ac-browser-paddle-left .icon, .ac-familybrowser-paddle-left .icon {
margin-left: 8px
}
.ac-browser-paddle-right, .ac-familybrowser-paddle-right {
right: 0;
border-left: 1px solid rgba(102, 102, 102, 0.35)
}
.ac-familybrowser-theme-dark .ac-browser-paddle-right, .ac-familybrowser-theme-dark .ac-familybrowser-paddle-right {
border-color: rgba(153, 153, 153, 0.35)
}
.ac-browser-paddle-right .icon, .ac-familybrowser-paddle-right .icon {
margin-right: 8px
}
.ac-familybrowser {
position: absolute;
width: 100%;
top: 44px;
z-index: 100;
background: rgba(242, 242, 242, 0.6)
}
html.oldie .ac-familybrowser {
background: #f7f7f7
}
.ac-familybrowser-theme-dark {
background: rgba(0, 0, 0, 0.5)
}
html.oldie .ac-familybrowser-theme-dark {
background: #7f7f7f
}
@media only screen and (max-width: 767px) {
.ac-familybrowser {
top: 48px
}
}
.ac-familybrowser-wrapper {
height: 110px;
max-width: 100%
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-wrapper {
height: 113px
}
}
.ac-familybrowser-items {
margin: 0 34px
}
.ac-familybrowser-item {
padding: 0 20px
}
.ac-familybrowser-icon {
margin-left: auto;
margin-right: auto;
display: block;
height: 52px;
background-position: center bottom;
background-repeat: no-repeat
}
html.oldie .ac-familybrowser-icon {
display: inline;
zoom: 1
}
.ac-familybrowser-label, .ac-familybrowser-violator, .ac-familybrowser-label-violator {
-webkit-transition: opacity 200ms linear;
transition: opacity 200ms linear
}
.ac-familybrowser-label {
font-size: 12px;
line-height: 1;
font-weight: 400;
letter-spacing: normal;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 8px;
white-space: normal;
color: #333
}
@media only screen and (max-width: 735px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400;
letter-spacing: normal
}
}
html.oldie .ac-familybrowser-label {
margin: 0
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400;
letter-spacing: normal
}
}
.ac-familybrowser-violator, .ac-familybrowser-label-violator {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
letter-spacing: normal;
position: absolute;
z-index: 1;
left: 0;
width: 100%;
color: #08c
}
@media only screen and (max-width: 735px) {
.ac-familybrowser-violator, .ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-violator, .ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400;
letter-spacing: normal
}
}
.ac-familybrowser-link {
position: relative;
z-index: 1;
display: inline-block;
margin-top: 13px;
margin-bottom: 26px;
vertical-align: top;
color: inherit
}
html.oldie .ac-familybrowser-link {
display: inline;
zoom: 1;
color: expression(this.parentNode.currentStyle['color'])
}
html.no-js .ac-familybrowser-link:hover {
text-decoration: none
}
html.no-js .ac-familybrowser-link:hover .ac-familybrowser-label,
html.no-js .ac-familybrowser-link:hover .ac-familybrowser-violator,
html.no-js .ac-familybrowser-link:hover .ac-familybrowser-label-violator {
opacity: 0.6
}
html.no-touch .ac-familybrowser-link:hover {
text-decoration: none
}
html.no-touch .ac-familybrowser-link:hover .ac-familybrowser-label,
html.no-touch .ac-familybrowser-link:hover .ac-familybrowser-violator,
html.no-touch .ac-familybrowser-link:hover .ac-familybrowser-label-violator {
opacity: 0.6
}
.ac-familybrowser-theme-dark .ac-familybrowser-label {
color: #fff
}
.ac-familybrowser-theme-dark .ac-familybrowser-label-violator {
color: #5cc3f6
}
.ac-familybrowser-paddle-left, .ac-familybrowser-paddle-right {
margin: 12px 0
}
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left, .ac-familybrowser-theme-dark .ac-familybrowser-paddle-right {
color: #fff
}
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left:hover,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-right:hover {
color: rgba(255, 255, 255, 0.6)
}
@-webkit-keyframes fb-slidein-animation {
0% {
opacity: 0
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fb-slidein-animation {
0% {
opacity: 0
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.ac-familybrowser-item {
-webkit-animation-name: fb-slidein-animation;
animation-name: fb-slidein-animation;
-webkit-animation-duration: 350ms;
animation-duration: 350ms;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}
p {
margin-bottom: 8px
}
.fp-section-content {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
height: 100%
}
@media only screen and (min-width: 1442px) {
.fp-section-content {
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.fp-section-content {
width: 692px
}
}
@media only screen and (max-width: 735px) {
.fp-section-content {
width: 90%
}
}
.fp-block-link {
display: block
}
@media only screen and (max-width: 735px) {
.fp-small-block-link {
display: block;
margin-bottom: 16px
}
}
.fp-secondary-headline {
font-size: 52px;
line-height: 1.0865;
font-weight: 200;
letter-spacing: -0.014em;
margin-bottom: 0.3333em;
text-align: center
}
html.oldie .fp-secondary-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-secondary-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-secondary-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-secondary-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-secondary-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-secondary-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: 0em
}
}
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal;
text-align: center
}
@media only screen and (max-width: 1068px) {
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
.fp-tertiary-headline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
html.oldie .fp-tertiary-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-tertiary-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-tertiary-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-tertiary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-tertiary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-tertiary-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-tertiary-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-tertiary-headline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
.fp-moreblock .more {
margin-left: 10px;
margin-right: 10px
}
.fp-moreblock-left:before, .fp-moreblock-left:after {
content: ' ';
display: table
}
.fp-moreblock-left:after {
clear: both
}
html.oldie .fp-moreblock-left {
zoom: 1
}
.fp-moreblock-left .more {
float: left;
clear: both;
margin-right: 0;
margin-left: 0
}
.fp-billboard {
position: relative;
z-index: 1;
margin-bottom: 7px
}
.fp-billboard, .fp-billboard a {
color: #fff
}
.fp-billboard-image {
position: relative;
background-size: cover !important;
background-position: center top;
min-height: 600px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-image {
min-height: 450px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-image {
min-height: 293px
}
}
.fp-billboard-image::before {
content: "";
display: block;
padding-bottom: 41.6667%
}
.fp-billboard-image-noscale::before {
display: none
}
.fp-billboard-wrapper {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fp-billboard-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
.fp-billboard-headline, .fp-billboard-subheadline {
margin-bottom: 0.25em
}
.fp-billboard-headline {
font-size: 52px;
line-height: 1.0865;
font-weight: 200;
letter-spacing: -0.014em
}
html.oldie .fp-billboard-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-billboard-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-billboard-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-billboard-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-billboard-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-billboard-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: 0em
}
}
.fp-billboard-subheadline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
html.oldie .fp-billboard-subheadline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-billboard-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-billboard-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-billboard-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-billboard-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-billboard-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-billboard-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-billboard-subheadline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: 0em
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-subheadline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: 0em
}
}
.fp-billboard-copy, .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal;
margin-bottom: 0.2778em
}
@media only screen and (max-width: 1068px) {
.fp-billboard-copy, .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-copy, .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
.fp-billboard-moreblock {
display: block
}
.fp-billboard-left {
text-align: left
}
.fp-billboard-left .fp-billboard-content {
margin-left: 80px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-left .fp-billboard-content {
margin-left: 58px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-left .fp-billboard-content {
margin-left: 0px
}
}
.fp-billboard-center {
text-align: center
}
.fp-billboard-center .fp-billboard-content {
width: 100%;
margin-left: auto;
margin-right: auto
}
.fp-billboard-center .fp-billboard-headline, .fp-billboard-center .fp-billboard-copy {
margin-left: auto;
margin-right: auto
}
.fp-billboard-right {
text-align: left
}
.fp-billboard-right .fp-billboard-content {
margin-left: 510px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-right .fp-billboard-content {
margin-left: 346px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-right .fp-billboard-content {
margin-left: 0px
}
.fp-billboard-inline-small .fp-billboard-wrapper {
position: relative
}
.fp-billboard-inline-small .fp-billboard-content {
position: relative;
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding-top: 25px;
padding-bottom: 32px;
color: #333;
text-align: left
}
.fp-billboard .fp-billboard-inline-small {
color: #333
}
.fp-billboard-inline-small .more {
margin-left: 0;
margin-right: 0;
color: #08c
}
}
.fp-hero, .fp-hero a {
color: #fff
}
.fp-hero-image {
min-height: 855px
}
@media only screen and (max-width: 1068px) {
.fp-hero-image {
min-height: 707px
}
}
@media only screen and (max-width: 735px) {
.fp-hero-image {
min-height: 540px
}
}
.fp-hero-image::before {
content: "";
display: block;
padding-bottom: 59.375%
}
.fp-hero-image-noscale::before {
display: none
}
.fp-hero-wrapper {
top: 44px
}
@media only screen and (max-width: 735px) {
.fp-hero-wrapper {
top: 48px
}
}
.fp-hero-headline {
font-size: 72px;
line-height: 1.0556;
font-weight: 200;
letter-spacing: -0.024em;
margin-bottom: 0
}
html.oldie .fp-hero-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-hero-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-hero-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-hero-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-hero-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-hero-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-hero-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-hero-headline {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
letter-spacing: -0.014em
}
}
@media only screen and (max-width: 735px) {
.fp-hero-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
.fp-hero-moreblock {
font-size: 24px;
line-height: 1.3542;
font-weight: 200;
letter-spacing: normal;
margin-top: 8px
}
html.oldie .fp-hero-moreblock {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-hero-moreblock {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-hero-moreblock {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-hero-moreblock {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-hero-moreblock {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-hero-moreblock {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-hero-moreblock {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-hero-moreblock {
font-size: 24px;
line-height: 1.3542;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-hero-moreblock {
font-size: 20px;
line-height: 1.4;
font-weight: 200;
letter-spacing: normal
}
}
.fp-pagetitle {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
.fp-product-content {
text-align: center
}
.fp-product-headline {
font-size: 72px;
line-height: 1.0556;
font-weight: 200;
letter-spacing: -0.024em;
margin-bottom: 0
}
html.oldie .fp-product-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-product-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-product-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-product-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-product-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-product-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-product-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-product-headline {
font-size: 64px;
line-height: 1.0625;
font-weight: 200;
letter-spacing: -0.02em
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
.fp-product-headline-model {
font-size: 24px;
line-height: 1.3333;
font-weight: 400;
letter-spacing: normal;
margin-top: -0.1667em;
margin-bottom: 16px;
display: block
}
@media only screen and (max-width: 1068px) {
.fp-product-headline-model {
font-size: 24px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline-model {
font-size: 18px;
line-height: 1.1667;
font-weight: 400;
letter-spacing: normal
}
}
.fp-product-subheadline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
html.oldie .fp-product-subheadline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-product-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-product-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-product-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-product-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-product-subheadline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
.fp-product-moreblock {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal;
margin-top: 0.625em
}
@media only screen and (max-width: 1068px) {
.fp-product-moreblock {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-product-moreblock {
font-size: 18px;
line-height: 1.45;
font-weight: 400;
letter-spacing: normal
}
}
.fp-shopstrip-content {
margin-bottom: 80px;
text-align: center
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-content {
margin-bottom: 70px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-content {
margin-bottom: 36px
}
}
html.oldie .fp-shopstrip-content {
padding-bottom: 80px
}
.fp-shopstrip-icon-headline {
display: block
}
.fp-shopstrip-icon {
display: block;
margin-left: auto;
margin-right: auto
}
.fp-shopstrip-headline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal;
margin-bottom: 0.25em;
margin-top: 0.6429em
}
html.oldie .fp-shopstrip-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-shopstrip-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-shopstrip-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-shopstrip-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-shopstrip-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-shopstrip-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-shopstrip-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-headline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
.fp-shopstrip-copy {
font-size: 18px;
line-height: 1.4444;
font-weight: 400;
letter-spacing: normal;
margin: 0
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-copy {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-copy {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
.fp-shopstrip-more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400;
letter-spacing: normal;
margin: 0
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-more {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-more {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
a.block {
display: block;
cursor: pointer;
text-decoration: none;
color: inherit
}
html.oldie a.block {
color: expression(this.parentNode.currentStyle['color'])
}
a.block:before, a.block:after {
content: ' ';
display: table
}
a.block:after {
clear: both
}
html.oldie a.block {
zoom: 1
}
html.no-js a.block:hover {
text-decoration: none
}
html.no-js a.block:hover .block-link {
text-decoration: underline
}
html.no-js a.block:hover .block-link.icon-ie-parent {
text-decoration: none
}
html.no-js a.block:hover .block-link.icon-ie-parent .icon-ie-link {
text-decoration: underline
}
html.no-touch a.block:hover {
text-decoration: none
}
html.no-touch a.block:hover .block-link {
text-decoration: underline
}
html.no-touch a.block:hover .block-link.icon-ie-parent {
text-decoration: none
}
html.no-touch a.block:hover .block-link.icon-ie-parent .icon-ie-link {
text-decoration: underline
}
a.block .block-link {
color: #08c;
cursor: pointer
}
a.block-inline {
display: inline-block
}
.button {
background-color: #1d9bd9;
background: -webkit-linear-gradient(#3baee7, #08c);
background: linear-gradient(#3baee7, #08c);
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 15px;
font-weight: 500;
line-height: 32px;
text-align: center;
white-space: nowrap;
padding: 0 16px;
display: inline-block
}
html.oldie .button {
display: inline;
zoom: 1;
vertical-align: middle
}
html.no-js .button:hover {
background-color: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0);
text-decoration: none
}
html.no-touch .button:hover {
background-color: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0);
text-decoration: none
}
.button:active {
background-color: #0d85c0;
background: -webkit-linear-gradient(#1b9dde, #006da3);
background: linear-gradient(#1b9dde, #006da3);
outline: none
}
@-moz-document url-prefix() {
.button {
line-height: 31px;
padding-top: 1px
}
}
.button-buynow, .button-compact {
background-color: #1d9bd9;
background: -webkit-linear-gradient(#3baee7, #08c);
background: linear-gradient(#3baee7, #08c);
border-color: #137ec6;
border-top-color: #1992da;
border-bottom-color: #0d6ab2;
color: #fff;
color: #fff;
font-size: 13px;
padding: 0 11px;
line-height: 22px
}
html.no-js .button-buynow:hover, html.no-js .button-compact:hover {
background: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0)
}
html.no-touch .button-buynow:hover, html.no-touch .button-compact:hover {
background: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0)
}
.button-buynow:active, .button-compact:active {
background: #0d85c0;
background: -webkit-linear-gradient(#1b9dde, #006da3);
background: linear-gradient(#1b9dde, #006da3)
}
@-moz-document url-prefix() {
.button-buynow, .button-compact {
line-height: 21px;
padding-top: 1px
}
}
.sosumi {
color: #999
}
.sosumi a {
color: #666
}
html.no-js .sosumi a:hover {
text-decoration: underline
}
html.no-touch .sosumi a:hover {
text-decoration: underline
}
.sosumi ol, .sosumi ul {
margin: 0;
padding-right: 16px;
padding-left: 16px;
list-style-position: outside
}
html.oldie .sosumi ol, html.oldie .sosumi ul {
list-style-position: inside;
text-indent: -16px
}
.sosumi ul {
list-style: none;
margin-right: -16px;
margin-left: -16px
}
.sosumi li {
padding-bottom: 5px
}
.sosumi p, .sosumi li {
font-size: 12px;
line-height: 1.3333;
font-weight: 400;
letter-spacing: normal
}
@media only screen and (max-width: 1068px) {
.sosumi p, .sosumi li {
font-size: 12px;
line-height: 1.3333;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.sosumi p, .sosumi li {
font-size: 12px;
line-height: 1.3333;
font-weight: 400;
letter-spacing: normal
}
}
.sosumi small {
font-size: 1em
}
.footer-wrapper .sosumi {
max-width: 980px;
padding: 16px 0 11px;
border-bottom: 1px solid #e3e3e3;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 735px) {
.footer-wrapper .sosumi {
width: auto;
padding-left: 5%;
padding-right: 5%
}
}
html.oldie .footer-wrapper .sosumi {
max-width: 948px;
padding-right: 16px;
padding-left: 16px
}
html.oldie .footer-wrapper .sosumi ul {
padding-right: 0;
padding-left: 0
}
.align-middle {
float: none;
display: inline-block;
vertical-align: middle
}
html.oldie .align-middle {
display: inline;
zoom: 1
}
.align-bottom {
float: none;
display: inline-block;
vertical-align: bottom
}
html.oldie .align-bottom {
display: inline;
zoom: 1
}
.icon-nowrap {
white-spacing: nowrap
}
.small-only {
display: none
}
@media only screen and (max-width: 735px) {
.small-only {
display: block
}
}
.small-hide {
display: block
}
@media only screen and (max-width: 735px) {
.small-hide {
display: none
}
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
margin-top: 0
}
.fp-product-subheadline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
html.oldie .fp-product-subheadline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-product-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-product-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-product-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-product-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-product-subheadline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-product-subheadline {
font-size: 20px;
line-height: 1.2;
font-weight: 200;
letter-spacing: normal
}
}
.fp-billboard-headline {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
letter-spacing: normal;
margin-bottom: 0.45em
}
html.oldie .fp-billboard-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-billboard-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-billboard-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-billboard-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-billboard-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-billboard-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: normal
}
}
.fp-secondary-headline {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
letter-spacing: normal
}
html.oldie .fp-secondary-headline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-secondary-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-secondary-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-secondary-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-secondary-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-secondary-headline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-headline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: normal
}
}
.fp-secondary-subheadline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal;
margin-bottom: 0.15em
}
html.oldie .fp-secondary-subheadline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .fp-secondary-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .fp-secondary-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .fp-secondary-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .fp-secondary-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .fp-secondary-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .fp-secondary-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-secondary-subheadline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-subheadline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal
}
}
.ac-familybrowser-item.iphone-6s {
padding-left: 26px;
padding-right: 26px
}
.ac-familybrowser-item.iphone-6s .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone6s_large.svg");
background-size: 38px 54px;
height: 54px;
width: 38px
}
html.no-svg .ac-familybrowser-item.iphone-6s .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone6s_large.png");
background-size: 38px 54px;
height: 54px;
width: 38px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-6s .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone6s_dark_large.svg");
background-size: 38px 54px;
height: 54px;
width: 38px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-6s .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone6s_dark_large.png");
background-size: 38px 54px;
height: 54px;
width: 38px
}
.ac-familybrowser-item.iphone-6 {
padding-left: 26px;
padding-right: 26px
}
.ac-familybrowser-item.iphone-6 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone6_large.svg");
background-size: 38px 54px;
height: 54px;
width: 38px
}
html.no-svg .ac-familybrowser-item.iphone-6 .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone6_large.png");
background-size: 38px 54px;
height: 54px;
width: 38px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-6 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone6_dark_large.svg");
background-size: 38px 54px;
height: 54px;
width: 38px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-6 .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone6_dark_large.png");
background-size: 38px 54px;
height: 54px;
width: 38px
}
.ac-familybrowser-item.iphone-5s {
padding-left: 18px;
padding-right: 18px
}
.ac-familybrowser-item.iphone-5s .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone5s_large.svg");
background-size: 18px 54px;
height: 54px;
width: 18px
}
html.no-svg .ac-familybrowser-item.iphone-5s .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone5s_large.png");
background-size: 18px 54px;
height: 54px;
width: 18px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-5s .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone5s_dark_large.svg");
background-size: 18px 54px;
height: 54px;
width: 18px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-5s .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone5s_dark_large.png");
background-size: 18px 54px;
height: 54px;
width: 18px
}
.ac-familybrowser-item.iphone-5c {
padding-left: 18px;
padding-right: 18px
}
.ac-familybrowser-item.iphone-5c .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone5c_large.svg");
background-size: 18px 54px;
height: 54px;
width: 18px
}
html.no-svg .ac-familybrowser-item.iphone-5c .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone5c_large.png");
background-size: 18px 54px;
height: 54px;
width: 18px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-5c .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone5c_dark_large.svg");
background-size: 18px 54px;
height: 54px;
width: 18px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.iphone-5c .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone5c_dark_large.png");
background-size: 18px 54px;
height: 54px;
width: 18px
}
.ac-familybrowser-item.accessories {
padding-left: 24px;
padding-right: 24px
}
.ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone_acc_large.svg");
background-size: 32px 54px;
height: 54px;
width: 32px
}
html.no-svg .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone_acc_large.png");
background-size: 32px 54px;
height: 54px;
width: 32px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone_acc_dark_large.svg");
background-size: 32px 54px;
height: 54px;
width: 32px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone_acc_dark_large.png");
background-size: 32px 54px;
height: 54px;
width: 32px
}
.ac-familybrowser-item.compare .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone_comp_large.svg");
background-size: 50px 54px;
height: 54px;
width: 50px
}
html.no-svg .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone_comp_large.png");
background-size: 50px 54px;
height: 54px;
width: 50px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("/v/iphone/home/r/home/images/familybrowser/iphone_comp_dark_large.svg");
background-size: 50px 54px;
height: 54px;
width: 50px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/familybrowser/iphone_comp_dark_large.png");
background-size: 50px 54px;
height: 54px;
width: 50px
}
html.oldie body {
position: relative;
min-width: 1069px
}
html.oldie .fp-billboard-content {
position: static;
margin-top: 198px
}
@media only screen and (max-width: 735px) {
.hide-on-small {
display: none
}
}
.section {
overflow: hidden
}
.section:before, .section:after {
content: ' ';
display: table
}
.section:after {
clear: both
}
html.oldie .section {
zoom: 1
}
.row {
width: 100%
}
.keyline {
border-bottom: 1px #d6d6d6 solid
}
.keyline-top {
border-top: 1px #d6d6d6 solid
}
.gradient-top {
background-repeat: no-repeat;
background-size: 1px 885px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_large.jpg");
background-repeat: repeat-x
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.gradient-top {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.gradient-top {
background-size: 1px 684px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.gradient-top {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.gradient-top {
background-size: 1px 641px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.gradient-top {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/gradient_top_small_2x.jpg")
}
}
.fp-product {
margin: 0
}
.fp-product .fp-content {
margin-top: 0;
margin-bottom: 0
}
@media only screen and (max-width: 735px) {
.fp-product .fp-product-icon {
display: block;
margin: 57px auto 14px auto
}
}
.fp-product h3 {
margin: 18px 0 1px 0
}
@media only screen and (max-width: 1068px) {
.fp-product h3 {
margin: 19px 0 4px 0
}
}
@media only screen and (max-width: 735px) {
.fp-product h3 {
margin: 15px 0 6px 0;
display: block;
text-align: center
}
}
@media only screen and (max-width: 735px) {
.fp-billboard .fp-billboard-content {
padding-top: 46px;
padding-bottom: 40px
}
}
.section-hero .fp-hero-image {
background-repeat: no-repeat;
background-size: 1771px 746px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-hero .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-hero .fp-hero-image {
background-size: 1068px 559px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-hero .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-hero .fp-hero-image {
background-size: 736px 540px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-hero .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_small_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-hero .fp-section-content {
width: 100%
}
}
.section-hero .fp-hero-headline {
margin-left: auto;
margin-right: auto;
color: #fff;
width: 60%;
margin-bottom: 12px
}
@media only screen and (max-width: 1068px) {
.section-hero .fp-hero-headline {
margin-bottom: 16px;
line-height: 1.09em
}
}
@media only screen and (max-width: 735px) {
.section-hero .fp-hero-headline {
width: 100%;
max-width: 320px;
line-height: 1.15em;
margin-bottom: 12px
}
}
.section-hero .icon-play {
color: #fff
}
html.oldie .section-hero .fp-hero-image {
min-height: 746px
}
html.oldie .section-hero .fp-billboard-content {
margin-top: 40px;
position: static
}
.section-hero.shorten-hero .fp-hero-image {
min-height: 690px
}
@media only screen and (max-width: 1068px) {
.section-hero.shorten-hero .fp-hero-image {
min-height: 707px
}
}
@media only screen and (max-width: 735px) {
.section-hero.shorten-hero .fp-hero-image {
min-height: 540px
}
}
.section-hero.why-theres-iphone {
overflow: hidden
}
.section-hero.why-theres-iphone .fp-hero-image {
background-repeat: no-repeat;
background-size: 1440px 690px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-hero.why-theres-iphone .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-hero.why-theres-iphone .fp-hero-image {
background-size: 1068px 707px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-hero.why-theres-iphone .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-hero.why-theres-iphone .fp-hero-image {
background-size: 736px 540px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-hero.why-theres-iphone .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_why_theres_iphone_small_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-hero.why-theres-iphone .fp-hero-headline {
max-width: 321px
}
}
.section-hero.why-theres-iphone .fp-billboard-wrapper {
top: 154px;
bottom: 35%
}
@media only screen and (max-width: 1068px) {
.section-hero.why-theres-iphone .fp-billboard-wrapper {
bottom: 241px
}
}
@media only screen and (max-width: 735px) {
.section-hero.why-theres-iphone .fp-billboard-wrapper {
top: 161px;
bottom: 178px
}
}
.iphone-6s-everything-changed {
padding-top: 213px;
text-align: center
}
.iphone-6s-everything-changed .fp-hero-image {
background-repeat: no-repeat;
background-size: 1690px 765px;
height: 765px;
width: 1690px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_large.png");
width: 100%;
height: 765px;
background-position: center center;
margin: -108px auto 0px auto;
position: relative;
z-index: 1
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-image {
background-size: 1258px 569px;
height: 569px;
width: 1258px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-image {
background-size: 432px 611px;
height: 611px;
width: 432px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_small_2x.png")
}
}
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
display: none
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-image {
width: 100%;
background-position: center
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-image {
left: 41px;
position: relative;
margin: 20px auto 0px auto;
width: 2px;
background-image: none;
overflow: visible
}
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
display: block;
margin-left: -216px;
background-repeat: no-repeat;
background-size: 1690px 765px;
height: 765px;
width: 1690px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_large.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_large_2x.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
background-size: 1258px 569px;
height: 569px;
width: 1258px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_medium.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_medium_2x.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
background-size: 432px 611px;
height: 611px;
width: 432px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_small.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-image .fp-hero-inner {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/hero_6s_small_2x.png")
}
}
.iphone-6s-everything-changed .fp-hero-headline {
background-repeat: no-repeat;
background-size: 330px 61px;
height: 61px;
width: 330px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_large.png");
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-headline {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-headline {
background-size: 237px 44px;
height: 44px;
width: 237px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-headline {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-headline {
background-size: 166px 31px;
height: 31px;
width: 166px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.iphone-6s-everything-changed .fp-hero-headline {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_6s_logo_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-headline {
margin-bottom: 14px
}
}
.iphone-6s-everything-changed .fp-hero-subheadline {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: normal;
margin-left: auto;
margin-right: auto;
color: #333;
margin-bottom: .3em
}
html.oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .iphone-6s-everything-changed .fp-hero-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-subheadline {
font-size: 32px;
line-height: 1.125;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-subheadline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-hero-subheadline {
margin-bottom: .2em
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-hero-subheadline {
padding-right: 1em;
padding-left: 1em
}
}
.iphone-6s-everything-changed .fp-small-block-link {
font-size: 24px;
line-height: 1.1667;
font-weight: 200;
letter-spacing: normal;
position: relative;
z-index: 2
}
html.oldie .iphone-6s-everything-changed .fp-small-block-link {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .iphone-6s-everything-changed .fp-small-block-link {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-small-block-link {
font-size: 20px;
line-height: 1.4;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-small-block-link {
font-size: 20px;
line-height: 1.4;
font-weight: 200;
letter-spacing: normal
}
}
.iphone-6s-everything-changed .fp-small-block-avail {
display: block;
margin-top: 1em;
font-size: 19px;
line-height: 1.3684;
font-weight: 200;
letter-spacing: normal;
position: relative;
z-index: 2
}
html.oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-weight: normal;
font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ja-JP].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR].oldie .iphone-6s-everything-changed .fp-small-block-avail {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.iphone-6s-everything-changed .fp-small-block-avail {
font-size: 16px;
line-height: 1.5;
font-weight: 200;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.iphone-6s-everything-changed .fp-small-block-avail {
font-size: 16px;
line-height: 1.5;
font-weight: 200;
letter-spacing: normal
}
}
.iphone-6s-everything-changed .cta {
margin: 0px 6px
}
html.no-js .iphone-6s-everything-changed .cta:hover {
text-decoration: none;
color: #000
}
html.no-touch .iphone-6s-everything-changed .cta:hover {
text-decoration: none;
color: #000
}
.section-iphone-plan {
padding-top: 130px;
text-align: left
}
@media only screen and (max-width: 1068px) {
.section-iphone-plan {
padding-top: 60px;
padding-bottom: 40px
}
}
.section-iphone-plan .iphone-plan-package {
background-repeat: no-repeat;
background-size: 901px 524px;
height: 524px;
width: 901px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-plan .iphone-plan-package {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-iphone-plan .iphone-plan-package {
background-size: 690px 401px;
height: 401px;
width: 690px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-iphone-plan .iphone-plan-package {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .iphone-plan-package {
background-size: 511px 297px;
height: 297px;
width: 511px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-iphone-plan .iphone-plan-package {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/the_iphone_plan_small_2x.png")
}
}
.section-iphone-plan .fp-billboard-headline {
margin-bottom: .15em
}
.section-iphone-plan .iphone-plan-details {
list-style-type: none
}
.section-iphone-plan .keyline-top {
display: inline-block;
float: left;
padding-top: 50px;
margin-top: 50px
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .keyline-top {
float: none;
border-top: 0;
margin-top: 0;
padding-top: 0
}
}
.section-iphone-plan .more {
display: block
}
.section-iphone-plan .iphone-plan-package {
margin: -126px 0 0 205px
}
@media only screen and (max-width: 1068px) {
.section-iphone-plan .iphone-plan-package {
margin: -85px 0 0 219px
}
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .iphone-plan-package {
margin: 0 auto 0 auto;
left: -26px;
position: relative
}
.section-iphone-plan .fp-product-headline, .section-iphone-plan .fp-billboard-headline,
.section-iphone-plan .fp-product-subheadline, .section-iphone-plan .more,
.section-iphone-plan .key-line {
display: block;
margin-left: auto;
margin-right: auto
}
}
.section-iphone-plan .carrier-financing {
float: none;
padding-top: 25px;
padding-bottom: 85px;
margin-top: 0;
text-align: center
}
@media only screen and (max-width: 1068px) {
.section-iphone-plan .carrier-financing {
padding-bottom: 20px
}
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .carrier-financing {
text-align: inherit
}
}
.section-iphone-plan .carrier-financing .title, .section-iphone-plan .carrier-financing .carriers,
.section-iphone-plan .carrier-financing .image {
display: inline-block;
margin: 0;
vertical-align: bottom
}
.section-iphone-plan .carrier-financing .title {
margin-right: 23px;
color: #666;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
@media only screen and (max-width: 1068px) {
.section-iphone-plan .carrier-financing .title {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .carrier-financing .title {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: normal;
margin-right: 15px
}
}
.section-iphone-plan .carrier-financing .carriers {
list-style: none;
white-space: nowrap
}
.section-iphone-plan .carrier-financing .image {
margin-left: 23px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
@media only screen and (max-width: 735px) {
.section-iphone-plan .carrier-financing .image {
margin-left: 15px
}
}
.section-iphone-plan .carrier-financing .image.first {
margin-left: 0
}
.section-iphone-plan .carrier-financing .att {
background-repeat: no-repeat;
background-size: 51px 26px;
height: 26px;
width: 51px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_att_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-plan .carrier-financing .att {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_att_large_2x.jpg")
}
}
.section-iphone-plan .carrier-financing .sprint {
background-repeat: no-repeat;
background-size: 56px 26px;
height: 26px;
width: 56px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_sprint_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-plan .carrier-financing .sprint {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_sprint_large_2x.jpg")
}
}
.section-iphone-plan .carrier-financing .tmobile {
background-repeat: no-repeat;
background-size: 75px 26px;
height: 26px;
width: 75px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_tmobile_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-plan .carrier-financing .tmobile {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_tmobile_large_2x.jpg")
}
}
.section-iphone-plan .carrier-financing .verizon {
background-repeat: no-repeat;
background-size: 51px 26px;
height: 26px;
width: 51px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_verizon_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-plan .carrier-financing .verizon {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/carriers/logo_verizon_large_2x.jpg")
}
}
.section-why-and-switch {
margin-bottom: 7px;
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_large.jpg");
min-height: 600px;
background-position: center center;
background-size: cover
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-why-and-switch {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-why-and-switch {
background-size: 2560px 800px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-why-and-switch {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-why-and-switch {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-and-switch {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch {
background-size: 736px 770px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-why-and-switch {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_bg_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-why-and-switch {
min-height: 800px
}
}
@media only screen and (max-width: 1068px) {
.section-why-and-switch {
min-height: 450px;
height: 450px
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch {
min-height: 450px;
height: auto;
padding-top: 30px;
padding-bottom: 30px
}
}
.section-why-and-switch .device-image {
position: absolute;
left: 50%;
margin-left: -178.5px;
top: 63px;
background-repeat: no-repeat;
background-size: 357px 538px;
height: 538px;
width: 357px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_large.png")
}
@media only screen and (min-width: 1442px) {
.section-why-and-switch .device-image {
margin-left: -178.5px;
top: 85px
}
}
@media only screen and (max-width: 1068px) {
.section-why-and-switch .device-image {
margin-left: -140px;
top: 47px
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch .device-image {
margin-left: -135.5px;
top: 0
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-why-and-switch .device-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_large_2x.png")
}
}
@media only screen and (min-width: 1442px) {
.section-why-and-switch .device-image {
background-size: 357px 665px;
height: 665px;
width: 357px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_xlarge.png")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-why-and-switch .device-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_xlarge_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-why-and-switch .device-image {
background-size: 280px 403px;
height: 403px;
width: 280px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-and-switch .device-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch .device-image {
background-size: 271px 490px;
height: 490px;
width: 271px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-why-and-switch .device-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/why_iphone_small_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch .device-image {
position: static;
margin: 0px auto
}
}
.section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch {
text-align: center;
padding-top: 271px
}
@media only screen and (min-width: 1442px) {
.section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch {
padding-top: 371px
}
}
@media only screen and (max-width: 1068px) {
.section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch {
padding-top: 185px
}
}
@media only screen and (max-width: 735px) {
.section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch {
padding: 0px;
float: none;
position: static
}
}
.section-why-and-switch .subsection-switch {
float: right
}
.section-iphone-6 .fp-product-content {
margin-top: 114px;
padding-bottom: 136px
}
@media only screen and (max-width: 1068px) {
.section-iphone-6 .fp-product-content {
margin-top: 93px
}
}
@media only screen and (max-width: 735px) {
.section-iphone-6 .fp-product-content {
margin-top: 52px
}
}
@media only screen and (max-width: 1068px) {
.section-iphone-6 .fp-product-content {
padding-bottom: 5px
}
}
@media only screen and (max-width: 735px) {
.section-iphone-6 .fp-product-content {
padding-bottom: 6px
}
}
.section-iphone-6 .fp-iphone-image {
background-repeat: no-repeat;
background-size: 981px 621px;
height: 621px;
width: 981px;
margin-left: -0.5px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_large.png");
margin-top: 72px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-iphone-6 .fp-iphone-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-iphone-6 .fp-iphone-image {
background-size: 707px 447px;
height: 447px;
width: 707px;
margin-left: -7.5px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-iphone-6 .fp-iphone-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-iphone-6 .fp-iphone-image {
background-size: 601px 380px;
height: 380px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-iphone-6 .fp-iphone-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone6_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-iphone-6 .fp-iphone-image {
margin-top: 43px
}
}
@media only screen and (max-width: 735px) {
.section-iphone-6 .fp-iphone-image {
margin-top: 33px
}
}
.section-ios-and-icloud {
padding-bottom: 162px
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud {
padding-bottom: 83px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud {
padding-bottom: 70px
}
}
.section-ios-and-icloud .fp-ios-image {
background-repeat: no-repeat;
background-size: 152px 825px;
height: 825px;
width: 152px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_large.jpg");
width: 152px;
margin-right: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-ios-image {
background-size: 114px 563px;
height: 563px;
width: 114px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-ios-image {
background-size: 119px 640px;
height: 640px;
width: 119px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_ios8_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-ios-image {
width: 114px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-ios-image {
width: 119px
}
}
.section-ios-and-icloud .fp-icloud-image {
background-repeat: no-repeat;
background-size: 152px 825px;
height: 825px;
width: 152px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_large.jpg");
width: 152px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-icloud-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-icloud-image {
background-size: 114px 563px;
height: 563px;
width: 114px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-icloud-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-icloud-image {
background-size: 119px 640px;
height: 640px;
width: 119px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-ios-and-icloud .fp-icloud-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_icloud_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-icloud-image {
width: 114px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-icloud-image {
width: 119px
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-icloud-image {
margin-left: 7px
}
}
.section-ios-and-icloud .icon-ios {
background-repeat: no-repeat;
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_ios_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios-and-icloud .icon-ios {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_ios_large_2x.png")
}
}
.section-ios-and-icloud .icon-icloud {
background-repeat: no-repeat;
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_icloud_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios-and-icloud .icon-icloud {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_icloud_large_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-product-content-subheadline {
text-align: center;
margin-bottom: 8px
}
}
.section-ios-and-icloud .fp-product-content-group {
text-align: left
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-product-content-group {
text-align: left
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-product-content-group {
text-align: center
}
}
.section-ios-and-icloud .fp-content-left {
width: 280px;
padding-right: 6%;
min-height: 400px
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-left {
width: 340px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-left {
width: 100%
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-left {
padding-right: 114px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-left {
padding-right: 0
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-left {
min-height: 468px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-left {
min-height: 10px;
margin-bottom: 32px
}
}
.section-ios-and-icloud .fp-content-right {
width: 200px;
padding-left: 8%;
min-height: 400px
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-right {
width: 300px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-right {
width: 100%
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-right {
padding-left: 220px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-right {
padding-left: 0
}
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-content-right {
min-height: 10px
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-content-right {
margin-top: -25px
}
}
.section-ios-and-icloud .fp-product-more {
display: block;
width: 85%
}
@media only screen and (max-width: 1068px) {
.section-ios-and-icloud .fp-product-more {
width: 70%
}
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .fp-product-more {
margin-left: auto;
margin-right: auto;
width: 70%
}
.section-ios-and-icloud .image-container {
display: none
}
}
.section-ios-and-icloud .image-container-small {
text-align: center;
display: none
}
@media only screen and (max-width: 735px) {
.section-ios-and-icloud .image-container-small {
display: block
}
}
.section-ios-and-icloud .image-container-small figure {
display: inline-block
}
html.oldie .section-ios-and-icloud .image-container-small figure {
display: inline;
zoom: 1
}
.section-ios-and-icloud .image-container-small .fp-ios-image {
margin-right: 12px
}
.section-ios9-and-icloud {
background-color: #fafafa;
padding-top: 140px;
padding-bottom: 162px
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud {
padding-top: 48px;
padding-bottom: 83px
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud {
padding-bottom: 70px
}
}
.section-ios9-and-icloud .image-container {
float: left
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%
}
}
.section-ios9-and-icloud .fp-ios-image {
background-repeat: no-repeat;
background-size: 525px 867px;
height: 867px;
width: 525px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios9-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-ios-image {
background-size: 386px 638px;
height: 638px;
width: 386px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-ios9-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-ios-image {
background-size: 282px 466px;
height: 466px;
width: 282px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-ios9-and-icloud .fp-ios-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/ios9_icloud_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-ios-image {
position: relative;
margin-left: auto;
margin-right: auto
}
}
.section-ios9-and-icloud .icon-ios {
background-repeat: no-repeat;
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_ios_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios9-and-icloud .icon-ios {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_ios_large_2x.png")
}
}
.section-ios9-and-icloud .icon-icloud {
background-repeat: no-repeat;
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_icloud_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-ios9-and-icloud .icon-icloud {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_icloud_large_2x.png")
}
}
.section-ios9-and-icloud .fp-secondary-subheadline {
text-align: left
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-product-content-subheadline {
text-align: center;
margin-bottom: 8px
}
}
.section-ios9-and-icloud .fp-product-content-group {
text-align: left
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-product-content-group {
text-align: left
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-product-content-group {
text-align: center
}
}
.section-ios9-and-icloud .fp-product-icon {
display: block;
margin-bottom: 15px
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-product-icon {
margin-left: auto;
margin-right: auto
}
}
.section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right {
float: left;
margin-top: 25%;
width: 190px
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right {
width: 35%
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right {
width: 100%
}
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right {
padding-top: 698px
}
.section-ios9-and-icloud .fp-content-left h3, .section-ios9-and-icloud .fp-content-left p,
.section-ios9-and-icloud .fp-content-right h3, .section-ios9-and-icloud .fp-content-right p {
text-align: center
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right {
margin-top: 0;
float: none;
display: block
}
}
.section-ios9-and-icloud .fp-content-left {
margin-right: 32px
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-content-left {
margin: 0 0 0 10%
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-content-left {
float: none;
margin: 0px auto;
padding-top: 526px
}
}
.section-ios9-and-icloud .fp-content-right {
margin-left: 32px
}
@media only screen and (max-width: 1068px) {
.section-ios9-and-icloud .fp-content-right {
margin: 0 0 0 10%
}
}
@media only screen and (max-width: 735px) {
.section-ios9-and-icloud .fp-content-right {
margin: 0px auto;
padding-top: 60px
}
}
.section-compare {
margin-left: auto;
margin-right: auto;
width: 980px;
text-align: left;
padding-top: 88px;
padding-bottom: 0px
}
@media only screen and (min-width: 1442px) {
.section-compare {
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.section-compare {
width: 692px
}
}
@media only screen and (max-width: 735px) {
.section-compare {
width: 90%
}
}
@media only screen and (max-width: 1068px) {
.section-compare {
padding-top: 43px
}
}
@media only screen and (max-width: 735px) {
.section-compare {
padding-top: 65px
}
}
@media only screen and (max-width: 1068px) {
.section-compare {
padding-bottom: 0px
}
}
@media only screen and (max-width: 735px) {
.section-compare {
padding-bottom: 60px;
width: 100%;
text-align: center
}
}
.section-compare .fp-secondary-headline {
text-align: left;
width: 600px;
padding-bottom: 11px
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-secondary-headline {
width: 500px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-secondary-headline {
width: 100%
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-secondary-headline {
padding-bottom: 9px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-secondary-headline {
padding-bottom: 2px;
text-align: center
}
}
.section-compare .fp-compare-image {
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-size: 694px 415px;
height: 415px;
width: 694px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_large.jpg");
margin-top: -220px;
margin-right: 74px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-image {
background-size: 459px 274px;
height: 274px;
width: 459px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-image {
background-size: 736px 198px;
height: 198px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-image {
margin-top: -136px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-image {
margin-top: 31px
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-image {
margin-right: 46px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-image {
margin-right: 0px;
width: initial;
background-position: center center
}
}
@media only screen and (max-width: 735px) and (orientation: landscape) {
.section-compare .fp-compare-image {
background-position: 0 0
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-section-content {
width: 100%
}
}
.section-compare .fp-compare-content {
position: relative;
z-index: 2;
padding-top: 135px
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-content {
padding-top: 63px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-content {
padding-top: 0px
}
}
.section-compare-6s {
background-color: #fafafa;
overflow: hidden;
margin-bottom: 7px
}
@media only screen and (min-width: 1442px) {
.section-compare-6s {
height: 800px
}
}
@media only screen and (max-width: 1068px) {
.section-compare-6s {
height: 450px;
overflow: hidden
}
}
.section-compare-6s .fp-section-content {
padding-top: 90px
}
@media only screen and (max-width: 1068px) {
.section-compare-6s .fp-section-content {
padding-top: 61px
}
}
@media only screen and (max-width: 735px) {
.section-compare-6s .fp-section-content {
padding-top: 73px
}
}
.section-compare-6s .fp-compare-content {
text-align: center
}
.section-compare-6s .fp-compare-content .fp-secondary-headline,
.section-compare-6s .fp-compare-content .fp-secondary-more {
text-align: center;
width: auto
}
.section-compare-6s .fp-compare-image {
background-repeat: no-repeat;
background-size: 853px 392px;
height: 392px;
width: 853px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_large.jpg");
margin-top: 40px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-compare-6s .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-compare-6s .fp-compare-image {
background-size: 852px 523px;
height: 523px;
width: 852px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-compare-6s .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-compare-6s .fp-compare-image {
background-size: 597px 277px;
height: 277px;
width: 597px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-compare-6s .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-compare-6s .fp-compare-image {
background-size: 291px 276px;
height: 276px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-compare-6s .fp-compare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/compare_iphones_6s_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-compare-6s .fp-compare-image {
margin-top: 98px
}
}
.section-applepay {
background-repeat: no-repeat;
background-size: 2563px 612px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_large.jpg");
background-position: top center;
background-color: #fafafa;
overflow: hidden;
margin-bottom: 7px;
height: 612px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-applepay {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-applepay {
background-size: 2560px 800px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-applepay {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-applepay {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-applepay {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-applepay {
background-size: 736px 763px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-applepay {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-applepay {
height: 800px
}
}
@media only screen and (max-width: 1068px) {
.section-applepay {
height: 452px;
overflow: hidden
}
}
@media only screen and (max-width: 735px) {
.section-applepay {
height: 763px
}
}
.section-applepay .fp-applepay-logo {
background-repeat: no-repeat;
background-size: 105px 51px;
height: 51px;
width: 105px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_large.png");
margin-left: auto;
margin-right: auto;
margin-bottom: .25em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-applepay .fp-applepay-logo {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_large_2x.png")
}
}
@media only screen and (min-width: 1442px) {
.section-applepay .fp-applepay-logo {
background-size: 105px 51px;
height: 51px;
width: 105px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_xlarge.png")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-applepay .fp-applepay-logo {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_xlarge_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-applepay .fp-applepay-logo {
background-size: 85px 41px;
height: 41px;
width: 85px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-applepay .fp-applepay-logo {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-applepay .fp-applepay-logo {
background-size: 85px 41px;
height: 41px;
width: 85px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-applepay .fp-applepay-logo {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/apple_pay_logo_small_2x.png")
}
}
.section-applepay .fp-applepay-content {
width: 290px;
float: right;
text-align: center;
margin-top: 195px
}
@media only screen and (min-width: 1442px) {
.section-applepay .fp-applepay-content {
margin-top: 255px
}
}
@media only screen and (max-width: 1068px) {
.section-applepay .fp-applepay-content {
margin-top: 125px
}
}
@media only screen and (max-width: 735px) {
.section-applepay .fp-applepay-content {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
float: none
}
}
.fp-shopstrip {
padding-top: 99px
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip {
padding-top: 72px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip {
padding-top: 44px
}
}
.fp-shopstrip .icon-pickup {
background-repeat: no-repeat;
background-size: 37px 41px;
height: 41px;
width: 37px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_pickup_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.fp-shopstrip .icon-pickup {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_pickup_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .icon-pickup {
background-size: 30px 34px;
height: 34px;
width: 30px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_pickup_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-shopstrip .icon-pickup {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_pickup_medium_2x.png")
}
}
.fp-shopstrip .icon-shipping {
background-repeat: no-repeat;
background-size: 36px 40px;
height: 40px;
width: 36px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_shipping_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.fp-shopstrip .icon-shipping {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_shipping_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .icon-shipping {
background-size: 30px 34px;
height: 34px;
width: 30px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_shipping_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-shopstrip .icon-shipping {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_shipping_medium_2x.png")
}
}
.fp-shopstrip .icon-upgrade {
background-repeat: no-repeat;
background-size: 39px 39px;
height: 39px;
width: 39px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_upgrade_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.fp-shopstrip .icon-upgrade {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_upgrade_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .icon-upgrade {
background-size: 34px 34px;
height: 34px;
width: 34px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_upgrade_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-shopstrip .icon-upgrade {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_upgrade_medium_2x.png")
}
}
.fp-accessories {
margin: 0;
display: block;
text-align: center
}
.fp-accessories .fp-billboard-image {
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.fp-accessories .fp-billboard-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.fp-accessories .fp-billboard-image {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-accessories .fp-billboard-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.fp-accessories .fp-billboard-image {
background-size: 736px 464px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.fp-accessories .fp-billboard-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_small_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.fp-accessories .fp-billboard-image {
height: 461px
}
}
html.oldie .fp-accessories .fp-billboard-content {
margin-top: 260px
}
.fp-accessories-6s {
background-repeat: no-repeat;
background-size: 2560px 600px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_large.jpg");
height: 600px;
background-position: center center
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.fp-accessories-6s {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.fp-accessories-6s {
background-size: 2560px 801px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.fp-accessories-6s {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.fp-accessories-6s {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-accessories-6s {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.fp-accessories-6s {
background-size: 736px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.fp-accessories-6s {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/accessories_for_iphone_light_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.fp-accessories-6s {
height: 801px
}
}
@media only screen and (max-width: 1068px) {
.fp-accessories-6s {
height: 452px
}
}
@media only screen and (max-width: 735px) {
.fp-accessories-6s {
height: 452px
}
}
.fp-accessories-6s .headline {
color: #333;
margin-top: 392px
}
@media only screen and (min-width: 1442px) {
.fp-accessories-6s .headline {
margin-top: 593px
}
}
@media only screen and (max-width: 1068px) {
.fp-accessories-6s .headline {
margin-top: 300px
}
}
@media only screen and (max-width: 735px) {
.fp-accessories-6s .headline {
margin-top: 310px
}
}
.fp-accessories-6s .more, .fp-accessories-6s .more:visited, .fp-accessories-6s .more {
color: #0088cc
}
@media only screen and (max-width: 1068px) {
.fp-accessories-6s {
height: 450px
}
}
@media only screen and (max-width: 735px) {
.fp-accessories-6s {
height: 450px !important
}
}
.fp-adcampaign {
display: block;
text-align: center;
margin: 0;
height: 600px
}
@media only screen and (min-width: 1442px) {
.fp-adcampaign {
height: 800px
}
}
@media only screen and (max-width: 735px) {
.fp-adcampaign {
height: auto
}
}
.fp-adcampaign .icon-apple {
display: block;
font-size: 140%;
margin-bottom: -2px
}
@media only screen and (max-width: 1068px) {
.fp-adcampaign .icon-apple {
font-size: 135%;
margin-bottom: -9px
}
}
@media only screen and (max-width: 735px) {
.fp-adcampaign .icon-apple {
font-size: 145%;
margin-bottom: 10px
}
}
.fp-adcampaign .fp-billboard-headline {
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
color: #fff
}
.fp-adcampaign .fp-billboard-moreblock .fp-billboard-more {
display: initial;
color: #fff
}
.section-applecare {
background-color: #fff
}
.section-applecare .fp-product-content {
display: block;
text-align: center;
padding-top: 130px;
padding-bottom: 123px
}
@media only screen and (max-width: 1068px) {
.section-applecare .fp-product-content {
padding-top: 74px;
padding-bottom: 87px
}
}
@media only screen and (max-width: 735px) {
.section-applecare .fp-product-content {
padding-top: 90px;
padding-bottom: 64px
}
}
.section-applecare .fp-applecare-image {
background-repeat: no-repeat;
background-size: 113px 113px;
height: 113px;
width: 113px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_large.png");
margin-bottom: 30px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-applecare .fp-applecare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-applecare .fp-applecare-image {
background-size: 97px 97px;
height: 97px;
width: 97px;
margin-left: auto;
margin-right: auto;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-applecare .fp-applecare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-applecare .fp-applecare-image {
background-size: 101px 101px;
height: 101px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-applecare .fp-applecare-image {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/icon_applecare_plus_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-applecare .fp-applecare-image {
margin-bottom: 20px
}
}
.section-applecare .fp-secondary-headline {
padding-bottom: 6px
}
@media only screen and (max-width: 735px) {
.section-applecare .fp-secondary-headline {
padding-bottom: 1px
}
}
.section-applecare .fp-billboard-copy {
margin-left: auto;
margin-right: auto;
padding-bottom: 4px;
width: 40%
}
@media only screen and (max-width: 1068px) {
.section-applecare .fp-billboard-copy {
width: 56%;
padding-bottom: 0
}
}
@media only screen and (max-width: 735px) {
.section-applecare .fp-billboard-copy {
width: 100%
}
}
@media only screen and (max-width: 1068px) {
.section-applecare .fp-product-moreblock .fp-product-more {
font-size: 16px
}
.section-applecare {
height: 450px
}
}
@media only screen and (max-width: 735px) {
.section-applecare {
height: 450px !important
}
}
.section-business {
background-repeat: no-repeat;
background-size: 1440px 600px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_large.jpg");
background-position: center;
height: 600px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-business {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-business {
background-size: 2560px 800px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-business {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-business {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-business {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-business {
background-size: 736px 292px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-business {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_for_business_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-business {
height: 800px
}
}
@media only screen and (max-width: 1068px) {
.section-business {
height: 450px
}
}
@media only screen and (max-width: 735px) {
.section-business {
height: auto;
background-position: center top
}
.section-business .fp-billboard-wrapper {
margin-top: 292px;
margin-left: auto;
margin-right: auto
}
}
.section-workshops {
margin: 0;
background-repeat: no-repeat;
background-size: 1440px 600px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_large.jpg");
background-position: center;
height: 600px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
.section-workshops {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_large_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-workshops {
background-size: 2560px 800px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_xlarge.jpg")
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 144dpi), only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min-width: 1442px) and (min-resolution: 144dppx) {
.section-workshops {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_xlarge_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-workshops {
background-size: 1068px 452px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-workshops {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-workshops {
background-size: 736px 292px;
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-workshops {
background-image: url("http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_small_2x.jpg")
}
}
@media only screen and (min-width: 1442px) {
.section-workshops {
height: 800px
}
}
@media only screen and (max-width: 1068px) {
.section-workshops {
height: 450px
}
}
@media only screen and (max-width: 735px) {
.section-workshops {
height: auto;
background-position: center top
}
.section-workshops .fp-billboard-wrapper {
margin-top: 292px;
margin-left: auto;
margin-right: auto
}
}
.section-workshops .fp-billboard-headline {
width: 60%
}
@media only screen and (max-width: 1068px) {
.section-workshops .fp-billboard-headline {
width: 70%
}
}
@media only screen and (max-width: 735px) {
.section-workshops .fp-billboard-headline {
width: 100%
}
}
.section-workshops .fp-billboard-copy {
width: 40%
}
@media only screen and (max-width: 1068px) {
.section-workshops .fp-billboard-copy {
width: 60%
}
}
@media only screen and (max-width: 735px) {
.section-workshops .fp-billboard-copy {
width: 100%
}
}
浙公网安备 33010602011771号