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- 1068px) { body { font-size: 18px; line-height: 1.45; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { h1 { font-size: 52px; line-height: 1.0769; font-weight: 200; letter-spacing: -0.014em } } @media only screen and (max- 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- 1068px) { h2 { font-size: 42px; line-height: 1.1429; font-weight: 200; letter-spacing: -0.01em } } @media only screen and (max- 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- 1068px) { h3 { font-size: 32px; line-height: 1.125; font-weight: 200; letter-spacing: 0em } } @media only screen and (max- 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- 1068px) { h4 { font-size: 28px; line-height: 1.1429; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { h5 { font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { h6 { font-size: 14px; line-height: 1.2857; font-weight: 600; color: #666 } } @media only screen and (max- 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- 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- 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- 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- 767px) { .ac-familybrowser { top: 48px } } .ac-familybrowser-wrapper { height: 110px; max-width: 100% } @media only screen and (max- 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- 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- 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- 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- 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- 1442px) { .fp-section-content { width: 980px } } @media only screen and (max- 1068px) { .fp-section-content { width: 692px } } @media only screen and (max- 735px) { .fp-section-content { width: 90% } } .fp-block-link { display: block } @media only screen and (max- 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- 1068px) { .fp-secondary-headline { font-size: 42px; line-height: 1.1429; font-weight: 200; letter-spacing: -0.01em } } @media only screen and (max- 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- 1068px) { .fp-secondary-subheadline { font-size: 18px; line-height: 1.45; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 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- 1068px) { .fp-billboard-image { min-height: 450px } } @media only screen and (max- 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- 1068px) { .fp-billboard-headline { font-size: 42px; line-height: 1.1429; font-weight: 200; letter-spacing: -0.01em } } @media only screen and (max- 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- 1068px) { .fp-billboard-subheadline { font-size: 32px; line-height: 1.125; font-weight: 200; letter-spacing: 0em } } @media only screen and (max- 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- 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- 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- 1068px) { .fp-billboard-left .fp-billboard-content { margin-left: 58px } } @media only screen and (max- 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- 1068px) { .fp-billboard-right .fp-billboard-content { margin-left: 346px } } @media only screen and (max- 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- 1068px) { .fp-hero-image { min-height: 707px } } @media only screen and (max- 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- 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- 1068px) { .fp-hero-headline { font-size: 52px; line-height: 1.0769; font-weight: 200; letter-spacing: -0.014em } } @media only screen and (max- 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- 1068px) { .fp-hero-moreblock { font-size: 24px; line-height: 1.3542; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-product-headline { font-size: 64px; line-height: 1.0625; font-weight: 200; letter-spacing: -0.02em } } @media only screen and (max- 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- 1068px) { .fp-product-headline-model { font-size: 24px; line-height: 1.5; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 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- 1068px) { .fp-product-moreblock { font-size: 18px; line-height: 1.45; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-shopstrip-content { margin-bottom: 70px } } @media only screen and (max- 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- 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- 1068px) { .fp-shopstrip-copy { font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-shopstrip-more { font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .sosumi p, .sosumi li { font-size: 12px; line-height: 1.3333; font-weight: 400; letter-spacing: normal } } @media only screen and (max- 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- 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- 735px) { .small-only { display: block } } .small-hide { display: block } @media only screen and (max- 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- 1068px) { .fp-product-subheadline { font-size: 24px; line-height: 1.1667; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-billboard-headline { font-size: 42px; line-height: 1.1429; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-secondary-headline { font-size: 42px; line-height: 1.1429; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 1068px) { .fp-secondary-subheadline { font-size: 32px; line-height: 1.125; font-weight: 200; letter-spacing: normal } } @media only screen and (max- 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- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) { .fp-product h3 { margin: 19px 0 4px 0 } } @media only screen and (max- 735px) { .fp-product h3 { margin: 15px 0 6px 0; display: block; text-align: center } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) { .section-hero .fp-hero-headline { margin-bottom: 16px; line-height: 1.09em } } @media only screen and (max- 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- 1068px) { .section-hero.shorten-hero .fp-hero-image { min-height: 707px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) { .section-hero.why-theres-iphone .fp-billboard-wrapper { bottom: 241px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .iphone-6s-everything-changed .fp-hero-image { width: 100%; background-position: center } } @media only screen and (max- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 735px) and (max- 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- 735px) and (max- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 735px) and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 735px) and (max- 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- 735px) and (max- 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- 735px) and (max- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 735px) and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 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- 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- 1068px) { .iphone-6s-everything-changed .fp-hero-subheadline { margin-bottom: .2em } } @media only screen and (max- 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- 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- 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- 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- 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- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) { .section-iphone-plan .iphone-plan-package { margin: -85px 0 0 219px } } @media only screen and (max- 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- 1068px) { .section-iphone-plan .carrier-financing { padding-bottom: 20px } } @media only screen and (max- 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- 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- 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- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .section-why-and-switch { min-height: 800px } } @media only screen and (max- 1068px) { .section-why-and-switch { min-height: 450px; height: 450px } } @media only screen and (max- 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- 1442px) { .section-why-and-switch .device-image { margin-left: -178.5px; top: 85px } } @media only screen and (max- 1068px) { .section-why-and-switch .device-image { margin-left: -140px; top: 47px } } @media only screen and (max- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1442px) { .section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch { padding-top: 371px } } @media only screen and (max- 1068px) { .section-why-and-switch .subsection-why, .section-why-and-switch .subsection-switch { padding-top: 185px } } @media only screen and (max- 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- 1068px) { .section-iphone-6 .fp-product-content { margin-top: 93px } } @media only screen and (max- 735px) { .section-iphone-6 .fp-product-content { margin-top: 52px } } @media only screen and (max- 1068px) { .section-iphone-6 .fp-product-content { padding-bottom: 5px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .section-iphone-6 .fp-iphone-image { margin-top: 43px } } @media only screen and (max- 735px) { .section-iphone-6 .fp-iphone-image { margin-top: 33px } } .section-ios-and-icloud { padding-bottom: 162px } @media only screen and (max- 1068px) { .section-ios-and-icloud { padding-bottom: 83px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .section-ios-and-icloud .fp-ios-image { width: 114px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .section-ios-and-icloud .fp-icloud-image { width: 114px } } @media only screen and (max- 735px) { .section-ios-and-icloud .fp-icloud-image { width: 119px } } @media only screen and (max- 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- 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- 1068px) { .section-ios-and-icloud .fp-product-content-group { text-align: left } } @media only screen and (max- 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- 1068px) { .section-ios-and-icloud .fp-content-left { width: 340px } } @media only screen and (max- 735px) { .section-ios-and-icloud .fp-content-left { width: 100% } } @media only screen and (max- 1068px) { .section-ios-and-icloud .fp-content-left { padding-right: 114px } } @media only screen and (max- 735px) { .section-ios-and-icloud .fp-content-left { padding-right: 0 } } @media only screen and (max- 1068px) { .section-ios-and-icloud .fp-content-left { min-height: 468px } } @media only screen and (max- 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- 1068px) { .section-ios-and-icloud .fp-content-right { width: 300px } } @media only screen and (max- 735px) { .section-ios-and-icloud .fp-content-right { width: 100% } } @media only screen and (max- 1068px) { .section-ios-and-icloud .fp-content-right { padding-left: 220px } } @media only screen and (max- 735px) { .section-ios-and-icloud .fp-content-right { padding-left: 0 } } @media only screen and (max- 1068px) { .section-ios-and-icloud .fp-content-right { min-height: 10px } } @media only screen and (max- 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- 1068px) { .section-ios-and-icloud .fp-product-more { width: 70% } } @media only screen and (max- 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- 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- 1068px) { .section-ios9-and-icloud { padding-top: 48px; padding-bottom: 83px } } @media only screen and (max- 735px) { .section-ios9-and-icloud { padding-bottom: 70px } } .section-ios9-and-icloud .image-container { float: left } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 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- 1068px) { .section-ios9-and-icloud .fp-product-content-group { text-align: left } } @media only screen and (max- 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- 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- 1068px) { .section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right { width: 35% } } @media only screen and (max- 735px) { .section-ios9-and-icloud .fp-content-left, .section-ios9-and-icloud .fp-content-right { width: 100% } } @media only screen and (max- 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- 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- 1068px) { .section-ios9-and-icloud .fp-content-left { margin: 0 0 0 10% } } @media only screen and (max- 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- 1068px) { .section-ios9-and-icloud .fp-content-right { margin: 0 0 0 10% } } @media only screen and (max- 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- 1442px) { .section-compare { width: 980px } } @media only screen and (max- 1068px) { .section-compare { width: 692px } } @media only screen and (max- 735px) { .section-compare { width: 90% } } @media only screen and (max- 1068px) { .section-compare { padding-top: 43px } } @media only screen and (max- 735px) { .section-compare { padding-top: 65px } } @media only screen and (max- 1068px) { .section-compare { padding-bottom: 0px } } @media only screen and (max- 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- 1068px) { .section-compare .fp-secondary-headline { width: 500px } } @media only screen and (max- 735px) { .section-compare .fp-secondary-headline { width: 100% } } @media only screen and (max- 1068px) { .section-compare .fp-secondary-headline { padding-bottom: 9px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .section-compare .fp-compare-image { margin-top: -136px } } @media only screen and (max- 735px) { .section-compare .fp-compare-image { margin-top: 31px } } @media only screen and (max- 1068px) { .section-compare .fp-compare-image { margin-right: 46px } } @media only screen and (max- 735px) { .section-compare .fp-compare-image { margin-right: 0px; width: initial; background-position: center center } } @media only screen and (max- 735px) and (orientation: landscape) { .section-compare .fp-compare-image { background-position: 0 0 } } @media only screen and (max- 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- 1068px) { .section-compare .fp-compare-content { padding-top: 63px } } @media only screen and (max- 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- 1442px) { .section-compare-6s { height: 800px } } @media only screen and (max- 1068px) { .section-compare-6s { height: 450px; overflow: hidden } } .section-compare-6s .fp-section-content { padding-top: 90px } @media only screen and (max- 1068px) { .section-compare-6s .fp-section-content { padding-top: 61px } } @media only screen and (max- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .section-applepay { height: 800px } } @media only screen and (max- 1068px) { .section-applepay { height: 452px; overflow: hidden } } @media only screen and (max- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .section-applepay .fp-applepay-content { margin-top: 255px } } @media only screen and (max- 1068px) { .section-applepay .fp-applepay-content { margin-top: 125px } } @media only screen and (max- 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- 1068px) { .fp-shopstrip { padding-top: 72px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .fp-accessories-6s { height: 801px } } @media only screen and (max- 1068px) { .fp-accessories-6s { height: 452px } } @media only screen and (max- 735px) { .fp-accessories-6s { height: 452px } } .fp-accessories-6s .headline { color: #333; margin-top: 392px } @media only screen and (min- 1442px) { .fp-accessories-6s .headline { margin-top: 593px } } @media only screen and (max- 1068px) { .fp-accessories-6s .headline { margin-top: 300px } } @media only screen and (max- 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- 1068px) { .fp-accessories-6s { height: 450px } } @media only screen and (max- 735px) { .fp-accessories-6s { height: 450px !important } } .fp-adcampaign { display: block; text-align: center; margin: 0; height: 600px } @media only screen and (min- 1442px) { .fp-adcampaign { height: 800px } } @media only screen and (max- 735px) { .fp-adcampaign { height: auto } } .fp-adcampaign .icon-apple { display: block; font-size: 140%; margin-bottom: -2px } @media only screen and (max- 1068px) { .fp-adcampaign .icon-apple { font-size: 135%; margin-bottom: -9px } } @media only screen and (max- 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- 1068px) { .section-applecare .fp-product-content { padding-top: 74px; padding-bottom: 87px } } @media only screen and (max- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1068px) { .section-applecare .fp-applecare-image { margin-bottom: 20px } } .section-applecare .fp-secondary-headline { padding-bottom: 6px } @media only screen and (max- 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- 1068px) { .section-applecare .fp-billboard-copy { width: 56%; padding-bottom: 0 } } @media only screen and (max- 735px) { .section-applecare .fp-billboard-copy { width: 100% } } @media only screen and (max- 1068px) { .section-applecare .fp-product-moreblock .fp-product-more { font-size: 16px } .section-applecare { height: 450px } } @media only screen and (max- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .section-business { height: 800px } } @media only screen and (max- 1068px) { .section-business { height: 450px } } @media only screen and (max- 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- 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- 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min- 1442px) and (min-resolution: 144dpi), only screen and (min- 1442px) and (-webkit-min-device-pixel-ratio: 144), only screen and (min- 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- 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- 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 1068px) and (min-resolution: 144dpi), only screen and (max- 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 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- 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max- 735px) and (min-resolution: 144dpi), only screen and (max- 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max- 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- 1442px) { .section-workshops { height: 800px } } @media only screen and (max- 1068px) { .section-workshops { height: 450px } } @media only screen and (max- 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- 1068px) { .section-workshops .fp-billboard-headline { width: 70% } } @media only screen and (max- 735px) { .section-workshops .fp-billboard-headline { width: 100% } } .section-workshops .fp-billboard-copy { width: 40% } @media only screen and (max- 1068px) { .section-workshops .fp-billboard-copy { width: 60% } } @media only screen and (max- 735px) { .section-workshops .fp-billboard-copy { width: 100% } }