Created
September 9, 2014 21:47
-
-
Save s10wen/5e4223e4d13e10438327 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # | |
| # Prettified CSS from http://images.apple.com/v/home/bd/styles/home.built.css | |
| # on 9th September 2014 | |
| # | |
| /* ---- BUILT FILE. DO NOT MODIFY THIS DIRECTLY. ---- */ | |
| 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: none | |
| } | |
| 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 { | |
| 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","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; | |
| font-size: 1em; | |
| line-height: 1.4444; | |
| font-weight: 400 | |
| } | |
| html[lang=ja-JP] body { | |
| font-family: "AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html[lang=zh-CN] body { | |
| font-family: "PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html[lang=zh-TW] body { | |
| font-family: "MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html[lang=zh-HK] body { | |
| font-family: "MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html[lang=th-TH] body { | |
| font-family: "Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html[lang=ko-KR] body { | |
| font-family: "Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","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 | |
| } | |
| a:hover { | |
| text-decoration: underline | |
| } | |
| h1 { | |
| font-size: 4.4444em; | |
| line-height: 1.1; | |
| font-weight: 200 | |
| } | |
| html.oldie h1 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h1 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h1 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h1 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h1 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| h1 { | |
| font-size:3.5556em; | |
| line-height: 1.0625; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h1 { | |
| font-size:2.6667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch h1 { | |
| font-size:2.2222em; | |
| line-height: 1.1; | |
| font-weight: 200 | |
| } | |
| } | |
| h2 { | |
| font-size: 4em; | |
| line-height: 1.1111; | |
| font-weight: 200 | |
| } | |
| html.oldie h2 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h2 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h2 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h2 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h2 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| h2 { | |
| font-size:3.1111em; | |
| line-height: 1.0714; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h2 { | |
| font-size:2.2222em; | |
| line-height: 1.1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch h2 { | |
| font-size:2em; | |
| line-height: 1.1111; | |
| font-weight: 200 | |
| } | |
| } | |
| h3 { | |
| font-size: 3.5556em; | |
| line-height: 1.0625; | |
| font-weight: 200 | |
| } | |
| html.oldie h3 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h3 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h3 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h3 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h3 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h3 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h3 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| h3 { | |
| font-size:2.8889em; | |
| line-height: 1.0769; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h3 { | |
| font-size:2em; | |
| line-height: 1.1111; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch h3 { | |
| font-size:1.7778em; | |
| line-height: 1.125; | |
| font-weight: 200 | |
| } | |
| } | |
| h4 { | |
| font-size: 2.2222em; | |
| line-height: 1.1; | |
| font-weight: 200 | |
| } | |
| html.oldie h4 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h4 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h4 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h4 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h4 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h4 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h4 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| h4 { | |
| font-size:2.2222em; | |
| line-height: 1.1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h4 { | |
| font-size:1.7778em; | |
| line-height: 1.125; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch h4 { | |
| font-size:1.5556em; | |
| line-height: 1.1429; | |
| font-weight: 200 | |
| } | |
| } | |
| h5 { | |
| font-size: 1.7778em; | |
| line-height: 1.125; | |
| font-weight: 200 | |
| } | |
| html.oldie h5 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h5 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h5 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h5 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h5 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h5 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h5 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| h5 { | |
| font-size:1.7778em; | |
| line-height: 1.125; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h5 { | |
| font-size:1.5556em; | |
| line-height: 1.1429; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch h5 { | |
| font-size:1.3333em; | |
| line-height: 1.1667; | |
| font-weight: 200 | |
| } | |
| } | |
| h6 { | |
| font-size: 1.5556em; | |
| line-height: 1.1429; | |
| font-weight: 200 | |
| } | |
| html.oldie h6 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] h6 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] h6 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] h6 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] h6 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] h6 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] h6 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch h6 { | |
| font-size:1.3333em; | |
| line-height: 1.1667; | |
| font-weight: 200 | |
| } | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| margin: 0.5em 0 0 0 | |
| } | |
| h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child { | |
| margin: 0 0 0 0 | |
| } | |
| 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: 1em 0 0 0 | |
| } | |
| p:first-child { | |
| margin: 0 0 0 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}.oldie sup{font-size:10px; | |
| font-weight: normal; | |
| line-height: 1 | |
| } | |
| h1 sup,h2 sup,h3 sup { | |
| font-size: .4em | |
| } | |
| .oldie h1 sup,.oldie h2 sup,.oldie h3 sup { | |
| font-size: .4em | |
| } | |
| 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 { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .imagereplace { | |
| font: 0/0 a; | |
| color: transparent | |
| } | |
| .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; | |
| width: 100% | |
| } | |
| .large-1 { | |
| width: 8.3333% | |
| } | |
| html.oldie .large-1 { | |
| width: 8.325% | |
| } | |
| .large-centered-1 { | |
| margin-left: 45.8333% | |
| } | |
| html.oldie .large-centered-1 { | |
| margin-left: 45.7875% | |
| } | |
| .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-centered-2 { | |
| margin-left: 41.6667% | |
| } | |
| html.oldie .large-centered-2 { | |
| margin-left: 41.625% | |
| } | |
| .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-centered-3 { | |
| margin-left: 37.5% | |
| } | |
| html.oldie .large-centered-3 { | |
| margin-left: 37.4625% | |
| } | |
| .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-centered-4 { | |
| margin-left: 33.3333% | |
| } | |
| html.oldie .large-centered-4 { | |
| margin-left: 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-centered-5 { | |
| margin-left: 29.1667% | |
| } | |
| html.oldie .large-centered-5 { | |
| margin-left: 29.1375% | |
| } | |
| .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-centered-6 { | |
| margin-left: 25% | |
| } | |
| html.oldie .large-centered-6 { | |
| margin-left: 24.975% | |
| } | |
| .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-centered-7 { | |
| margin-left: 20.8333% | |
| } | |
| html.oldie .large-centered-7 { | |
| margin-left: 20.8125% | |
| } | |
| .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-centered-8 { | |
| margin-left: 16.6667% | |
| } | |
| html.oldie .large-centered-8 { | |
| margin-left: 16.65% | |
| } | |
| .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-centered-9 { | |
| margin-left: 12.5% | |
| } | |
| html.oldie .large-centered-9 { | |
| margin-left: 12.4875% | |
| } | |
| .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-centered-10 { | |
| margin-left: 8.3333% | |
| } | |
| html.oldie .large-centered-10 { | |
| margin-left: 8.325% | |
| } | |
| .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-centered-11 { | |
| margin-left: 4.1667% | |
| } | |
| html.oldie .large-centered-11 { | |
| margin-left: 4.1625% | |
| } | |
| .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-centered-12 { | |
| margin-left: 0% | |
| } | |
| html.oldie .large-centered-12 { | |
| margin-left: 0% | |
| } | |
| .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-offset-0 { | |
| margin-left: 0 | |
| } | |
| .large-push-0 { | |
| left: auto; | |
| right: auto | |
| } | |
| .large-pull-0 { | |
| right: auto; | |
| left: auto | |
| } | |
| .large-centered { | |
| margin-left: auto; | |
| margin-right: auto; | |
| float: none | |
| } | |
| .large-uncentered { | |
| margin-left: 0; | |
| margin-right: 0; | |
| float: left | |
| } | |
| .large-auto { | |
| position: absolute | |
| } | |
| .large-auto-top { | |
| top: 0 | |
| } | |
| .large-auto-bottom { | |
| bottom: 0 | |
| } | |
| .large-auto-left { | |
| left: 0 | |
| } | |
| .large-auto-right { | |
| right: 0 | |
| } | |
| @media only screen and (min-width: 1440px) { | |
| .xlarge-1 { | |
| width:8.3333% | |
| } | |
| .xlarge-centered-1 { | |
| margin-left: 45.8333% | |
| } | |
| .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-centered-2 { | |
| margin-left: 41.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-centered-3 { | |
| margin-left: 37.5% | |
| } | |
| .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-centered-4 { | |
| margin-left: 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-centered-5 { | |
| margin-left: 29.1667% | |
| } | |
| .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-centered-6 { | |
| margin-left: 25% | |
| } | |
| .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-centered-7 { | |
| margin-left: 20.8333% | |
| } | |
| .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-centered-8 { | |
| margin-left: 16.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-centered-9 { | |
| margin-left: 12.5% | |
| } | |
| .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-centered-10 { | |
| margin-left: 8.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-centered-11 { | |
| margin-left: 4.1667% | |
| } | |
| .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-centered-12 { | |
| margin-left: 0% | |
| } | |
| .xlarge-offset-12 { | |
| margin-left: 100% | |
| } | |
| .xlarge-push-12 { | |
| left: 100%; | |
| right: auto | |
| } | |
| .xlarge-pull-12 { | |
| right: 100%; | |
| left: auto | |
| } | |
| .xlarge-offset-0 { | |
| margin-left: 0 | |
| } | |
| .xlarge-push-0 { | |
| left: auto; | |
| right: auto | |
| } | |
| .xlarge-pull-0 { | |
| right: auto; | |
| left: auto | |
| } | |
| .xlarge-centered { | |
| margin-left: auto; | |
| margin-right: auto; | |
| float: none | |
| } | |
| .xlarge-uncentered { | |
| margin-left: 0; | |
| margin-right: 0; | |
| float: left | |
| } | |
| .xlarge-auto { | |
| position: absolute | |
| } | |
| .xlarge-auto-top { | |
| top: 0 | |
| } | |
| .xlarge-auto-bottom { | |
| bottom: 0 | |
| } | |
| .xlarge-auto-left { | |
| left: 0 | |
| } | |
| .xlarge-auto-right { | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .medium-1 { | |
| width:8.3333% | |
| } | |
| .medium-centered-1 { | |
| margin-left: 45.8333% | |
| } | |
| .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-centered-2 { | |
| margin-left: 41.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-centered-3 { | |
| margin-left: 37.5% | |
| } | |
| .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-centered-4 { | |
| margin-left: 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-centered-5 { | |
| margin-left: 29.1667% | |
| } | |
| .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-centered-6 { | |
| margin-left: 25% | |
| } | |
| .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-centered-7 { | |
| margin-left: 20.8333% | |
| } | |
| .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-centered-8 { | |
| margin-left: 16.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-centered-9 { | |
| margin-left: 12.5% | |
| } | |
| .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-centered-10 { | |
| margin-left: 8.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-centered-11 { | |
| margin-left: 4.1667% | |
| } | |
| .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-centered-12 { | |
| margin-left: 0% | |
| } | |
| .medium-offset-12 { | |
| margin-left: 100% | |
| } | |
| .medium-push-12 { | |
| left: 100%; | |
| right: auto | |
| } | |
| .medium-pull-12 { | |
| right: 100%; | |
| left: auto | |
| } | |
| .medium-offset-0 { | |
| margin-left: 0 | |
| } | |
| .medium-push-0 { | |
| left: auto; | |
| right: auto | |
| } | |
| .medium-pull-0 { | |
| right: auto; | |
| left: auto | |
| } | |
| .medium-centered { | |
| margin-left: auto; | |
| margin-right: auto; | |
| float: none | |
| } | |
| .medium-uncentered { | |
| margin-left: 0; | |
| margin-right: 0; | |
| float: left | |
| } | |
| .medium-auto { | |
| position: absolute | |
| } | |
| .medium-auto-top { | |
| top: 0 | |
| } | |
| .medium-auto-bottom { | |
| bottom: 0 | |
| } | |
| .medium-auto-left { | |
| left: 0 | |
| } | |
| .medium-auto-right { | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .small-1 { | |
| width:8.3333% | |
| } | |
| html.touch .small-centered-1 { | |
| margin-left: 45.8333% | |
| } | |
| html.touch .small-offset-1 { | |
| margin-left: 8.3333% | |
| } | |
| html.touch .small-push-1 { | |
| left: 8.3333%; | |
| right: auto | |
| } | |
| html.touch .small-pull-1 { | |
| right: 8.3333%; | |
| left: auto | |
| } | |
| html.touch .small-2 { | |
| width: 16.6667% | |
| } | |
| html.touch .small-centered-2 { | |
| margin-left: 41.6667% | |
| } | |
| html.touch .small-offset-2 { | |
| margin-left: 16.6667% | |
| } | |
| html.touch .small-push-2 { | |
| left: 16.6667%; | |
| right: auto | |
| } | |
| html.touch .small-pull-2 { | |
| right: 16.6667%; | |
| left: auto | |
| } | |
| html.touch .small-3 { | |
| width: 25% | |
| } | |
| html.touch .small-centered-3 { | |
| margin-left: 37.5% | |
| } | |
| html.touch .small-offset-3 { | |
| margin-left: 25% | |
| } | |
| html.touch .small-push-3 { | |
| left: 25%; | |
| right: auto | |
| } | |
| html.touch .small-pull-3 { | |
| right: 25%; | |
| left: auto | |
| } | |
| html.touch .small-4 { | |
| width: 33.3333% | |
| } | |
| html.touch .small-centered-4 { | |
| margin-left: 33.3333% | |
| } | |
| html.touch .small-offset-4 { | |
| margin-left: 33.3333% | |
| } | |
| html.touch .small-push-4 { | |
| left: 33.3333%; | |
| right: auto | |
| } | |
| html.touch .small-pull-4 { | |
| right: 33.3333%; | |
| left: auto | |
| } | |
| html.touch .small-5 { | |
| width: 41.6667% | |
| } | |
| html.touch .small-centered-5 { | |
| margin-left: 29.1667% | |
| } | |
| html.touch .small-offset-5 { | |
| margin-left: 41.6667% | |
| } | |
| html.touch .small-push-5 { | |
| left: 41.6667%; | |
| right: auto | |
| } | |
| html.touch .small-pull-5 { | |
| right: 41.6667%; | |
| left: auto | |
| } | |
| html.touch .small-6 { | |
| width: 50% | |
| } | |
| html.touch .small-centered-6 { | |
| margin-left: 25% | |
| } | |
| html.touch .small-offset-6 { | |
| margin-left: 50% | |
| } | |
| html.touch .small-push-6 { | |
| left: 50%; | |
| right: auto | |
| } | |
| html.touch .small-pull-6 { | |
| right: 50%; | |
| left: auto | |
| } | |
| html.touch .small-7 { | |
| width: 58.3333% | |
| } | |
| html.touch .small-centered-7 { | |
| margin-left: 20.8333% | |
| } | |
| html.touch .small-offset-7 { | |
| margin-left: 58.3333% | |
| } | |
| html.touch .small-push-7 { | |
| left: 58.3333%; | |
| right: auto | |
| } | |
| html.touch .small-pull-7 { | |
| right: 58.3333%; | |
| left: auto | |
| } | |
| html.touch .small-8 { | |
| width: 66.6667% | |
| } | |
| html.touch .small-centered-8 { | |
| margin-left: 16.6667% | |
| } | |
| html.touch .small-offset-8 { | |
| margin-left: 66.6667% | |
| } | |
| html.touch .small-push-8 { | |
| left: 66.6667%; | |
| right: auto | |
| } | |
| html.touch .small-pull-8 { | |
| right: 66.6667%; | |
| left: auto | |
| } | |
| html.touch .small-9 { | |
| width: 75% | |
| } | |
| html.touch .small-centered-9 { | |
| margin-left: 12.5% | |
| } | |
| html.touch .small-offset-9 { | |
| margin-left: 75% | |
| } | |
| html.touch .small-push-9 { | |
| left: 75%; | |
| right: auto | |
| } | |
| html.touch .small-pull-9 { | |
| right: 75%; | |
| left: auto | |
| } | |
| html.touch .small-10 { | |
| width: 83.3333% | |
| } | |
| html.touch .small-centered-10 { | |
| margin-left: 8.3333% | |
| } | |
| html.touch .small-offset-10 { | |
| margin-left: 83.3333% | |
| } | |
| html.touch .small-push-10 { | |
| left: 83.3333%; | |
| right: auto | |
| } | |
| html.touch .small-pull-10 { | |
| right: 83.3333%; | |
| left: auto | |
| } | |
| html.touch .small-11 { | |
| width: 91.6667% | |
| } | |
| html.touch .small-centered-11 { | |
| margin-left: 4.1667% | |
| } | |
| html.touch .small-offset-11 { | |
| margin-left: 91.6667% | |
| } | |
| html.touch .small-push-11 { | |
| left: 91.6667%; | |
| right: auto | |
| } | |
| html.touch .small-pull-11 { | |
| right: 91.6667%; | |
| left: auto | |
| } | |
| html.touch .small-12 { | |
| width: 100% | |
| } | |
| html.touch .small-centered-12 { | |
| margin-left: 0% | |
| } | |
| html.touch .small-offset-12 { | |
| margin-left: 100% | |
| } | |
| html.touch .small-push-12 { | |
| left: 100%; | |
| right: auto | |
| } | |
| html.touch .small-pull-12 { | |
| right: 100%; | |
| left: auto | |
| } | |
| html.touch .small-offset-0 { | |
| margin-left: 0 | |
| } | |
| html.touch .small-push-0 { | |
| left: auto; | |
| right: auto | |
| } | |
| html.touch .small-pull-0 { | |
| right: auto; | |
| left: auto | |
| } | |
| html.touch .small-centered { | |
| margin-left: auto; | |
| margin-right: auto; | |
| float: none | |
| } | |
| html.touch .small-uncentered { | |
| margin-left: 0; | |
| margin-right: 0; | |
| float: left | |
| } | |
| html.touch .small-auto { | |
| position: absolute | |
| } | |
| html.touch .small-auto-top { | |
| top: 0 | |
| } | |
| html.touch .small-auto-bottom { | |
| bottom: 0 | |
| } | |
| html.touch .small-auto-left { | |
| left: 0 | |
| } | |
| html.touch .small-auto-right { | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .xsmall-1 { | |
| width:8.3333% | |
| } | |
| html.touch .xsmall-centered-1 { | |
| margin-left: 45.8333% | |
| } | |
| html.touch .xsmall-offset-1 { | |
| margin-left: 8.3333% | |
| } | |
| html.touch .xsmall-push-1 { | |
| left: 8.3333%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-1 { | |
| right: 8.3333%; | |
| left: auto | |
| } | |
| html.touch .xsmall-2 { | |
| width: 16.6667% | |
| } | |
| html.touch .xsmall-centered-2 { | |
| margin-left: 41.6667% | |
| } | |
| html.touch .xsmall-offset-2 { | |
| margin-left: 16.6667% | |
| } | |
| html.touch .xsmall-push-2 { | |
| left: 16.6667%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-2 { | |
| right: 16.6667%; | |
| left: auto | |
| } | |
| html.touch .xsmall-3 { | |
| width: 25% | |
| } | |
| html.touch .xsmall-centered-3 { | |
| margin-left: 37.5% | |
| } | |
| html.touch .xsmall-offset-3 { | |
| margin-left: 25% | |
| } | |
| html.touch .xsmall-push-3 { | |
| left: 25%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-3 { | |
| right: 25%; | |
| left: auto | |
| } | |
| html.touch .xsmall-4 { | |
| width: 33.3333% | |
| } | |
| html.touch .xsmall-centered-4 { | |
| margin-left: 33.3333% | |
| } | |
| html.touch .xsmall-offset-4 { | |
| margin-left: 33.3333% | |
| } | |
| html.touch .xsmall-push-4 { | |
| left: 33.3333%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-4 { | |
| right: 33.3333%; | |
| left: auto | |
| } | |
| html.touch .xsmall-5 { | |
| width: 41.6667% | |
| } | |
| html.touch .xsmall-centered-5 { | |
| margin-left: 29.1667% | |
| } | |
| html.touch .xsmall-offset-5 { | |
| margin-left: 41.6667% | |
| } | |
| html.touch .xsmall-push-5 { | |
| left: 41.6667%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-5 { | |
| right: 41.6667%; | |
| left: auto | |
| } | |
| html.touch .xsmall-6 { | |
| width: 50% | |
| } | |
| html.touch .xsmall-centered-6 { | |
| margin-left: 25% | |
| } | |
| html.touch .xsmall-offset-6 { | |
| margin-left: 50% | |
| } | |
| html.touch .xsmall-push-6 { | |
| left: 50%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-6 { | |
| right: 50%; | |
| left: auto | |
| } | |
| html.touch .xsmall-7 { | |
| width: 58.3333% | |
| } | |
| html.touch .xsmall-centered-7 { | |
| margin-left: 20.8333% | |
| } | |
| html.touch .xsmall-offset-7 { | |
| margin-left: 58.3333% | |
| } | |
| html.touch .xsmall-push-7 { | |
| left: 58.3333%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-7 { | |
| right: 58.3333%; | |
| left: auto | |
| } | |
| html.touch .xsmall-8 { | |
| width: 66.6667% | |
| } | |
| html.touch .xsmall-centered-8 { | |
| margin-left: 16.6667% | |
| } | |
| html.touch .xsmall-offset-8 { | |
| margin-left: 66.6667% | |
| } | |
| html.touch .xsmall-push-8 { | |
| left: 66.6667%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-8 { | |
| right: 66.6667%; | |
| left: auto | |
| } | |
| html.touch .xsmall-9 { | |
| width: 75% | |
| } | |
| html.touch .xsmall-centered-9 { | |
| margin-left: 12.5% | |
| } | |
| html.touch .xsmall-offset-9 { | |
| margin-left: 75% | |
| } | |
| html.touch .xsmall-push-9 { | |
| left: 75%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-9 { | |
| right: 75%; | |
| left: auto | |
| } | |
| html.touch .xsmall-10 { | |
| width: 83.3333% | |
| } | |
| html.touch .xsmall-centered-10 { | |
| margin-left: 8.3333% | |
| } | |
| html.touch .xsmall-offset-10 { | |
| margin-left: 83.3333% | |
| } | |
| html.touch .xsmall-push-10 { | |
| left: 83.3333%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-10 { | |
| right: 83.3333%; | |
| left: auto | |
| } | |
| html.touch .xsmall-11 { | |
| width: 91.6667% | |
| } | |
| html.touch .xsmall-centered-11 { | |
| margin-left: 4.1667% | |
| } | |
| html.touch .xsmall-offset-11 { | |
| margin-left: 91.6667% | |
| } | |
| html.touch .xsmall-push-11 { | |
| left: 91.6667%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-11 { | |
| right: 91.6667%; | |
| left: auto | |
| } | |
| html.touch .xsmall-12 { | |
| width: 100% | |
| } | |
| html.touch .xsmall-centered-12 { | |
| margin-left: 0% | |
| } | |
| html.touch .xsmall-offset-12 { | |
| margin-left: 100% | |
| } | |
| html.touch .xsmall-push-12 { | |
| left: 100%; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-12 { | |
| right: 100%; | |
| left: auto | |
| } | |
| html.touch .xsmall-offset-0 { | |
| margin-left: 0 | |
| } | |
| html.touch .xsmall-push-0 { | |
| left: auto; | |
| right: auto | |
| } | |
| html.touch .xsmall-pull-0 { | |
| right: auto; | |
| left: auto | |
| } | |
| html.touch .xsmall-centered { | |
| margin-left: auto; | |
| margin-right: auto; | |
| float: none | |
| } | |
| html.touch .xsmall-uncentered { | |
| margin-left: 0; | |
| margin-right: 0; | |
| float: left | |
| } | |
| html.touch .xsmall-auto { | |
| position: absolute | |
| } | |
| html.touch .xsmall-auto-top { | |
| top: 0 | |
| } | |
| html.touch .xsmall-auto-bottom { | |
| bottom: 0 | |
| } | |
| html.touch .xsmall-auto-left { | |
| left: 0 | |
| } | |
| html.touch .xsmall-auto-right { | |
| right: 0 | |
| } | |
| } | |
| 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 | |
| } | |
| .no-touch a.block:hover .block-link,.no-js a.block:hover .block-link { | |
| text-decoration: underline | |
| } | |
| .no-touch a.block:hover .block-link.icon-ie-parent,.no-js a.block:hover .block-link.icon-ie-parent { | |
| text-decoration: none | |
| } | |
| .no-touch a.block:hover .block-link.icon-ie-parent .icon-ie-link,.no-js 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 | |
| } | |
| .dotnav { | |
| text-align: center | |
| } | |
| html.touch .dotnav { | |
| pointer-events: none | |
| } | |
| .dotnav ul { | |
| display: inline-block | |
| } | |
| html.oldie .dotnav ul { | |
| display: inline; | |
| zoom: 1 | |
| } | |
| .dotnav li { | |
| list-style: none; | |
| margin: 0 10px; | |
| width: 8px; | |
| height: 8px; | |
| float: left; | |
| position: relative | |
| } | |
| .dotnav .dotnav-item { | |
| top: 0; | |
| left: 0; | |
| width: 8px; | |
| height: 8px; | |
| outline: none; | |
| position: absolute; | |
| border-radius: 50%; | |
| background-color: #999; | |
| font: 0/0 a; | |
| color: transparent | |
| } | |
| .no-touch .dotnav .dotnav-item:hover,.no-js .dotnav .dotnav-item:hover { | |
| background-color: #666 | |
| } | |
| .dotnav .dotnav-item.active,.dotnav .dotnav-item.current { | |
| top: -1px; | |
| left: -1px; | |
| width: 8px; | |
| height: 8px; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-color: #08c; | |
| background-color: transparent; | |
| cursor: default | |
| } | |
| .no-touch .dotnav .dotnav-item.active:hover,.no-js .dotnav .dotnav-item.active:hover,.no-touch .dotnav .dotnav-item.current:hover,.no-js .dotnav .dotnav-item.current:hover { | |
| background-color: transparent | |
| } | |
| .footer-wrapper { | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-top: 24px; | |
| padding-bottom: 32px; | |
| background: #f2f2f2 | |
| } | |
| .footer-wrapper:before,.footer-wrapper:after { | |
| content: " "; | |
| display: table | |
| } | |
| .footer-wrapper:after { | |
| clear: both | |
| } | |
| html.oldie .footer-wrapper { | |
| zoom: 1 | |
| } | |
| .footer-global { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 980px; | |
| font-size: 1em; | |
| line-height: 1.4444; | |
| font-weight: 400; | |
| color: #999 | |
| } | |
| @media only screen and (min-width: 1440px) { | |
| .footer-global { | |
| width:1396px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .footer-global { | |
| width:724px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-global { | |
| width:508px | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .footer-global { | |
| width:288px | |
| } | |
| } | |
| .footer-global:before,.footer-global:after { | |
| content: " "; | |
| display: table | |
| } | |
| .footer-global:after { | |
| clear: both | |
| } | |
| html.oldie .footer-global { | |
| zoom: 1 | |
| } | |
| .footer-global a { | |
| color: #666 | |
| } | |
| .no-touch .footer-global a:hover,.no-js .footer-global a:hover { | |
| color: #333 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-global { | |
| padding-left:16px; | |
| padding-right: 16px | |
| } | |
| } | |
| .footer-breadory { | |
| border-bottom: 1px solid #e3e3e3; | |
| font-size: 1em; | |
| line-height: 1.4444; | |
| font-weight: 400; | |
| margin-bottom: 22px; | |
| position: relative | |
| } | |
| .footer-breadory:before,.footer-breadory:after { | |
| content: " "; | |
| display: table | |
| } | |
| .footer-breadory:after { | |
| clear: both | |
| } | |
| html.oldie .footer-breadory { | |
| zoom: 1 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-breadory:after { | |
| content:""; | |
| display: block; | |
| width: 100%; | |
| height: 10px; | |
| background: #f2f2f2; | |
| top: 32px; | |
| position: absolute; | |
| left: 0; | |
| z-index: 1 | |
| } | |
| } | |
| .breadcrumbs { | |
| width: 100%; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; | |
| white-space: nowrap; | |
| direction: rtl | |
| } | |
| html.oldie .breadcrumbs { | |
| overflow: visible | |
| } | |
| @media only screen and (orientation: portrait) { | |
| .breadcrumbs { | |
| display:inline-block | |
| } | |
| } | |
| .breadcrumbs-list { | |
| color: #666; | |
| padding-bottom: 16px; | |
| float: right; | |
| min-width: 100%; | |
| direction: ltr | |
| } | |
| .breadcrumbs-list:before,.breadcrumbs-list:after { | |
| content: " "; | |
| display: table | |
| } | |
| .breadcrumbs-list:after { | |
| clear: both | |
| } | |
| html.oldie .breadcrumbs-list { | |
| zoom: 1 | |
| } | |
| .breadcrumbs-list>li:first-child { | |
| margin-left: 12px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .breadcrumbs-list>li:first-child { | |
| margin-left:32px | |
| } | |
| html.touch .breadcrumbs-list>li:first-child:before { | |
| display: none | |
| } | |
| } | |
| .breadcrumbs-list>li { | |
| font-size: 0.6667em; | |
| line-height: 2; | |
| font-weight: 400; | |
| display: inline-block; | |
| padding-left: 0.8em; | |
| white-space: nowrap | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .breadcrumbs-list>li { | |
| font-size:0.7778em; | |
| line-height: 2; | |
| font-weight: 600 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .breadcrumbs-list>li { | |
| font-size:0.7778em; | |
| line-height: 2; | |
| font-weight: 600 | |
| } | |
| } | |
| html.oldie .breadcrumbs-list>li { | |
| display: block; | |
| float: left; | |
| margin-left: 14px; | |
| margin-top: 2px | |
| } | |
| .breadcrumbs-list>li a { | |
| color: #666 | |
| } | |
| .no-touch .breadcrumbs-list>li a:hover,.no-js .breadcrumbs-list>li a:hover { | |
| color: #333; | |
| text-decoration: none | |
| } | |
| .breadcrumbs-list>li:before { | |
| font-size: 1.3333em; | |
| line-height: 1; | |
| padding-right: 0.5em; | |
| top: 0.1em; | |
| color: #d6d6d6; | |
| font-weight: 400 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .breadcrumbs-list>li { | |
| padding-left:.2em | |
| } | |
| } | |
| .breadcrumbs-home { | |
| color: #666; | |
| background: #f2f2f2; | |
| display: block; | |
| font-size: 1.1111em; | |
| line-height: 1; | |
| height: 1em; | |
| position: absolute; | |
| top: 0.2222em; | |
| left: 0; | |
| z-index: 2; | |
| font-family: 'Apple Icons', 'Myriad Set Pro', 'AppleTP', 'MHei', 'PingHei', 'Sukhumvit Set', 'Yoon Gothic' | |
| } | |
| html.oldie .breadcrumbs-home { | |
| line-height: 0.9 | |
| } | |
| .no-touch .breadcrumbs-home:hover,.no-js .breadcrumbs-home:hover { | |
| color: #333; | |
| text-decoration: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .breadcrumbs-home { | |
| border-right:1px solid #e3e3e3; | |
| padding-right: 0.5em | |
| } | |
| } | |
| .breadcrumbs-home-label { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px | |
| } | |
| .directorynav { | |
| position: relative; | |
| z-index: 1; | |
| font-size: 1em; | |
| line-height: 1.4444; | |
| font-weight: 400; | |
| margin-top: 0; | |
| margin-bottom: 18px | |
| } | |
| .directorynav:before,.directorynav:after { | |
| content: " "; | |
| display: table | |
| } | |
| .directorynav:after { | |
| clear: both | |
| } | |
| html.oldie .directorynav { | |
| zoom: 1 | |
| } | |
| .directorynav>.column input { | |
| display: none | |
| } | |
| .directorynav>.column li { | |
| padding-bottom: 4px | |
| } | |
| html.oldie .directorynav>.column li { | |
| line-height: 1 | |
| } | |
| .directorynav>.column a { | |
| font-size: 0.6667em; | |
| line-height: 1.4167; | |
| font-weight: 400; | |
| display: block; | |
| color: #666; | |
| white-space: normal | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .directorynav>.column a { | |
| font-size:0.7778em; | |
| line-height: 2.2857; | |
| font-weight: 400 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .directorynav>.column a { | |
| font-size:0.7778em; | |
| line-height: 2.2857; | |
| font-weight: 400 | |
| } | |
| } | |
| .no-touch .directorynav>.column a:hover,.no-js .directorynav>.column a:hover { | |
| color: #333 | |
| } | |
| .directorynav>.column h3 { | |
| margin: 0; | |
| padding: 0 0 4px; | |
| font-size: 0.6667em; | |
| line-height: 1.4167; | |
| font-weight: 600; | |
| color: #333; | |
| letter-spacing: 0 | |
| } | |
| html.oldie .directorynav>.column h3 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 600","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .directorynav>.column h3 { | |
| font-family: "AppleTP 600","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .directorynav>.column h3 { | |
| font-family: "PingHei 600","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .directorynav>.column h3 { | |
| font-family: "MHei 600","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .directorynav>.column h3 { | |
| font-family: "MHei 600","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .directorynav>.column h3 { | |
| font-family: "Sukhumvit Set 600","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .directorynav>.column h3 { | |
| font-family: "Yoon Gothic 600","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .directorynav>.column h3 { | |
| font-size:0.7778em; | |
| line-height: 2.2857; | |
| font-weight: 400 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .directorynav>.column h3 { | |
| font-size:0.7778em; | |
| line-height: 2.2857; | |
| font-weight: 400 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .directorynav { | |
| margin-bottom:0 | |
| } | |
| html.touch .directorynav>.column label { | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| html.touch .directorynav>.column h3 { | |
| border-top: 1px solid #e3e3e3 | |
| } | |
| html.touch .directorynav>.column h3,html.touch .directorynav>.column li a { | |
| position: relative; | |
| padding: 0.2222em 0.3333em | |
| } | |
| html.touch .directorynav>.column h3:after { | |
| content: "+"; | |
| float: right; | |
| padding: 0.45em 0.4444em; | |
| font-size: 1.1111em; | |
| font-weight: 200; | |
| line-height: 1; | |
| -webkit-transform: rotate(0deg) scale(0.9); | |
| -ms-transform: rotate(0deg) scale(0.9); | |
| transform: rotate(0deg) scale(0.9); | |
| -webkit-transition: -webkit-transform 0.3s ease-out; | |
| transition: transform 0.3s ease-out; | |
| -webkit-transform-origin: center center; | |
| -ms-transform-origin: center center; | |
| transform-origin: center center | |
| } | |
| html.touch .directorynav>.column li { | |
| -webkit-transform: translateY(-120px); | |
| -ms-transform: translateY(-120px); | |
| transform: translateY(-120px); | |
| opacity: 0; | |
| -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out; | |
| transition: opacity 0.3s ease-in, transform 0.3s ease-out | |
| } | |
| html.touch .directorynav>.column ul { | |
| text-indent: 1em; | |
| padding-bottom: 0; | |
| max-height: 0; | |
| overflow: hidden; | |
| padding: 0 | |
| } | |
| html.touch .directorynav>.column input:checked ~ ul { | |
| max-height: 100% | |
| } | |
| html.touch .directorynav>.column input:checked ~ ul li { | |
| opacity: 1; | |
| -webkit-transform: translateY(0); | |
| -ms-transform: translateY(0); | |
| transform: translateY(0) | |
| } | |
| html.touch .directorynav>.column input:checked+label h3 { | |
| font-weight: 600 | |
| } | |
| html.touch .directorynav>.column input:checked+label h3:before { | |
| width: 100%; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| content: ""; | |
| height: 1.1111em; | |
| z-index: 1; | |
| background: -webkit-linear-gradient(#f2f2f2 30%, rgba(242,242,242,0) 80%); | |
| background: linear-gradient(#f2f2f2 30%, rgba(242,242,242,0) 80%) | |
| } | |
| html.touch .directorynav>.column input:checked+label h3:after { | |
| -webkit-transform: rotate(45deg) scale(1); | |
| -ms-transform: rotate(45deg) scale(1); | |
| transform: rotate(45deg) scale(1) | |
| } | |
| } | |
| .directorynav-subcol+.directorynav-subcol { | |
| margin-top: 1.1667em | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .directorynav-subcol+.directorynav-subcol { | |
| margin-top:0 | |
| } | |
| } | |
| .footer-shop,.footer-links,.footer-sosumi { | |
| font-size: 0.6667em; | |
| line-height: 1.3333; | |
| font-weight: 400; | |
| width: auto; | |
| float: left; | |
| margin-top: 0; | |
| margin-bottom: 0.6667em; | |
| margin-right: 0.5em | |
| } | |
| p.footer-shop { | |
| margin-bottom: 0.6667em | |
| } | |
| .footer-links { | |
| float: right | |
| } | |
| .footer-education+.footer-links { | |
| margin-left: 0; | |
| float: left | |
| } | |
| @media only screen and (min-width: 1440px) { | |
| .footer-education+.footer-links { | |
| float:right | |
| } | |
| } | |
| .footer-sosumi { | |
| width: 100% | |
| } | |
| .footer-sosumi>p { | |
| margin-right: 0.5em | |
| } | |
| .footer-sosumi>p,.footer-sosumi>ul,.footer-sosumi>ul>li { | |
| display: inline; | |
| margin-left: 0; | |
| margin-top: 0 | |
| } | |
| .footer-sosumi>p>a,.footer-sosumi>ul>a,.footer-sosumi>ul>li>a { | |
| padding: 0 0.5em 0 0.6667em; | |
| border-left: 1px solid #e3e3e3; | |
| white-space: nowrap | |
| } | |
| .footer-sosumi>p:first-child>a,.footer-sosumi>ul:first-child>a,.footer-sosumi>ul>li:first-child>a { | |
| border-left: none; | |
| padding-left: 0 | |
| } | |
| .footer-links>li { | |
| display: inline-block; | |
| margin-left: 0 | |
| } | |
| html.oldie .footer-links>li { | |
| display: inline; | |
| zoom: 1 | |
| } | |
| .footer-links>li>a { | |
| padding: 0 0.5em 0 0; | |
| margin-right: 0.3333em; | |
| border-right: 1px solid #e3e3e3; | |
| white-space: nowrap | |
| } | |
| .footer-links>li>a.choose { | |
| border-right: none; | |
| margin-right: 0; | |
| padding-right: 0 | |
| } | |
| .footer-links>li>a>img { | |
| vertical-align: top | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .footer-links>li>a>img { | |
| position:relative; | |
| top: 0.25em | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .footer-links { | |
| float:left; | |
| margin-left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .footer-shop span { | |
| display:block | |
| } | |
| html.touch .footer-links { | |
| line-height: 2 | |
| } | |
| } | |
| html.oldie .footer-links { | |
| white-space: nowrap | |
| } | |
| .footer-white { | |
| background: #fff | |
| } | |
| .footer-white .footer-global { | |
| color: #999 | |
| } | |
| .footer-white .footer-global a { | |
| color: #666 | |
| } | |
| .no-touch .footer-white .footer-global a:hover,.no-js .footer-white .footer-global a:hover { | |
| color: #333 | |
| } | |
| .footer-white .footer-breadory { | |
| border-color: #e3e3e3 | |
| } | |
| .footer-white .footer-breadory:after { | |
| background: #fff | |
| } | |
| .footer-white .breadcrumbs { | |
| color: #666 | |
| } | |
| .footer-white .breadcrumbs>li a { | |
| color: #666 | |
| } | |
| .no-touch .footer-white .breadcrumbs>li a:hover,.no-js .footer-white .breadcrumbs>li a:hover { | |
| color: #333 | |
| } | |
| .footer-white .breadcrumbs>li:before { | |
| color: #e3e3e3 | |
| } | |
| .footer-white .directorynav a { | |
| color: #666 | |
| } | |
| .no-touch .footer-white .directorynav a:hover,.no-js .footer-white .directorynav a:hover { | |
| color: #333 | |
| } | |
| .footer-white .directorynav h3 { | |
| color: #333 | |
| } | |
| .footer-white .footer-links>li>a,.footer-white .footer-sosumi>p>a,.footer-white .footer-sosumi>ul>a,.footer-white .footer-sosumi>ul>li>a { | |
| border-color: #e3e3e3 | |
| } | |
| .footer-white .footer-links>li:first-child>a,.footer-white .footer-sosumi>p:first-child>a,.footer-white .footer-sosumi>ul:first-child>a,.footer-white .footer-sosumi>ul>li:first-child>a { | |
| border-left: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-white .directorynav>.column { | |
| border-color:#e3e3e3 | |
| } | |
| html.touch .footer-white .directorynav>.column input:checked+label h3:before { | |
| background: -webkit-linear-gradient(#fff 30%, rgba(255,255,255,0) 80%); | |
| background: linear-gradient(#fff 30%, rgba(255,255,255,0) 80%) | |
| } | |
| } | |
| .footer-white .breadcrumbs-home { | |
| background: #fff | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-white .breadcrumbs-home:after { | |
| background-image:-webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0)); | |
| background-image: linear-gradient(to right, #fff 10%, rgba(255,255,255,0)) | |
| } | |
| } | |
| @font-face { | |
| font-family: 'Apple Icons'; | |
| font-style: normal; | |
| font-weight: 100; | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Ultralight.eot"); | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Ultralight.eot?#iefix") format("embedded-opentype"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Ultralight.woff") format("woff"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Ultralight.ttf") format("truetype") | |
| } | |
| @font-face { | |
| font-family: 'Apple Icons'; | |
| font-style: normal; | |
| font-weight: 200; | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Thin.eot"); | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Thin.eot?#iefix") format("embedded-opentype"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Thin.woff") format("woff"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Thin.ttf") format("truetype") | |
| } | |
| @font-face { | |
| font-family: 'Apple Icons'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Text.eot"); | |
| src: url("/v/home/bd/ac-assets/fonts/AppleIcons-Text.eot?#iefix") format("embedded-opentype"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Text.woff") format("woff"),url("/v/home/bd/ac-assets/fonts/AppleIcons-Text.ttf") format("truetype") | |
| } | |
| .icon,.breadcrumbs-list>li,.more { | |
| behavior: url("/v/home/bd/ac-assets/behaviors/icons.htc") | |
| } | |
| .icon:before,.breadcrumbs-list>li:before,.more:before { | |
| display: none; | |
| padding-right: 0.3em | |
| } | |
| .icon:after,.breadcrumbs-list>li:after,.more:after { | |
| display: inline-block; | |
| padding-left: 0.3em | |
| } | |
| .icon .icon-htc,.breadcrumbs-list>li .icon-htc,.more .icon-htc { | |
| padding-left: 0.3em; | |
| padding-right: 0.3em | |
| } | |
| .icon:before,.breadcrumbs-list>li:before,.more:before,.icon:after,.breadcrumbs-list>li:after,.more:after,.icon .icon-htc,.breadcrumbs-list>li .icon-htc,.more .icon-htc { | |
| color: inherit; | |
| font-family: 'Apple Icons'; | |
| font-style: normal; | |
| font-weight: inherit; | |
| font-size: 1em; | |
| line-height: 1; | |
| text-decoration: none; | |
| position: relative; | |
| z-index: 1 | |
| } | |
| .icon-before:before,.breadcrumbs-list>li:before { | |
| display: inline-block; | |
| position: relative; | |
| top: -0.125em | |
| } | |
| .icon-before:after,.breadcrumbs-list>li:after { | |
| display: none | |
| } | |
| .icon-ie-parent { | |
| text-decoration: none | |
| } | |
| .no-touch .icon-ie-parent:hover,.no-js .icon-ie-parent:hover { | |
| text-decoration: none | |
| } | |
| .no-touch .icon-ie-parent:hover .icon-ie-link,.no-js .icon-ie-parent:hover .icon-ie-link { | |
| text-decoration: underline | |
| } | |
| .icon-apple:before,.icon-apple:after { | |
| content: "" | |
| } | |
| .icon-more:before,.more:before,.icon-more:after,.more:after { | |
| content: "" | |
| } | |
| .icon-chevronright:before,.icon-chevronright:after { | |
| content: "" | |
| } | |
| .icon-chevronrightalt:before,.icon-chevronrightalt:after { | |
| content: "" | |
| } | |
| .icon-chevrondown:before,.icon-chevrondown:after { | |
| content: "" | |
| } | |
| .icon-chevrondownalt:before,.icon-chevrondownalt:after { | |
| content: "" | |
| } | |
| .icon-chevronleft:before,.icon-chevronleft:after { | |
| content: "" | |
| } | |
| .icon-chevronleftalt:before,.icon-chevronleftalt:after { | |
| content: "" | |
| } | |
| .icon-chevronup:before,.icon-chevronup:after { | |
| content: "" | |
| } | |
| .icon-chevronupalt:before,.icon-chevronupalt:after { | |
| content: "" | |
| } | |
| .icon-close:before,.icon-close:after { | |
| content: "" | |
| } | |
| .icon-closealt:before,.icon-closealt:after { | |
| content: "" | |
| } | |
| .icon-closeinlinealt:before,.icon-closeinlinealt:after { | |
| content: "" | |
| } | |
| .icon-download:before,.icon-download:after { | |
| content: "" | |
| } | |
| .icon-downloadalt:before,.icon-downloadalt:after { | |
| content: "" | |
| } | |
| .icon-external:before,.icon-external:after { | |
| content: "" | |
| } | |
| .icon-info:before,.icon-info:after { | |
| content: "" | |
| } | |
| .icon-list:before,.icon-list:after { | |
| content: "" | |
| } | |
| .icon-paddledown:before,.icon-paddledown:after { | |
| content: "" | |
| } | |
| .icon-paddleleft:before,.icon-paddleleft:after { | |
| content: "" | |
| } | |
| .icon-paddleright:before,.breadcrumbs-list>li:before,.icon-paddleright:after,.breadcrumbs-list>li:after { | |
| content: "" | |
| } | |
| .icon-paddleup:before,.icon-paddleup:after { | |
| content: "" | |
| } | |
| .icon-pause:before,.icon-pause:after { | |
| content: "" | |
| } | |
| .icon-play:before,.icon-play:after { | |
| content: "" | |
| } | |
| .icon-playalt:before,.icon-playalt:after { | |
| content: "" | |
| } | |
| .icon-replay:before,.icon-replay:after { | |
| content: "" | |
| } | |
| .icon-zoom:before,.icon-zoom:after { | |
| content: "" | |
| } | |
| .more-block { | |
| margin-top: 0.5em | |
| } | |
| .with-paddlenav { | |
| position: relative | |
| } | |
| .paddlenav { | |
| list-style: none; | |
| margin: 0 | |
| } | |
| .paddlenav-arrow { | |
| width: 64px; | |
| height: 128px; | |
| position: absolute; | |
| top: 50%; | |
| line-height: 1.67; | |
| margin-top: -64px; | |
| text-align: center; | |
| overflow: hidden; | |
| color: #999; | |
| background-color: transparent; | |
| border-radius: 4px; | |
| display: block; | |
| font-family: 'Apple Icons'; | |
| font-size: 72px; | |
| font-style: normal; | |
| font-weight: 200; | |
| -webkit-transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear; | |
| transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear; | |
| opacity: 0.7; | |
| behavior: url("/v/home/bd/ac-assets/behaviors/icons.htc") | |
| } | |
| .paddlenav-arrow.disabled { | |
| display: none | |
| } | |
| .no-touch .paddlenav-arrow:hover,.no-js .paddlenav-arrow:hover { | |
| color: #999; | |
| background-color: transparent; | |
| text-decoration: none; | |
| opacity: 1 | |
| } | |
| .paddlenav-arrow:focus { | |
| color: #999; | |
| background-color: transparent; | |
| text-decoration: none | |
| } | |
| html.touch .paddlenav-arrow { | |
| color: #999; | |
| background-color: transparent | |
| } | |
| .paddlenav-arrow-left { | |
| left: 0px | |
| } | |
| .paddlenav-arrow-left::after { | |
| content: "\f016" | |
| } | |
| .paddlenav-arrow-right { | |
| right: 0px | |
| } | |
| .paddlenav-arrow-right::before { | |
| content: "\f017" | |
| } | |
| html.no-touch .paddlenav-onhover .paddlenav-arrow { | |
| opacity: 0 | |
| } | |
| html.no-touch .paddlenav-onhover .paddlenav-arrow:focus { | |
| opacity: 1 | |
| } | |
| html.oldie .paddlenav-onhover .paddlenav-arrow { | |
| visibility: hidden | |
| } | |
| html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow { | |
| opacity: 0.70 | |
| } | |
| html.oldie .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow { | |
| visibility: visible | |
| } | |
| .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover,.with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:focus { | |
| opacity: 1 | |
| } | |
| .paddlenav-framed .paddlenav-arrow { | |
| color: #999; | |
| background-color: #f2f2f2 | |
| } | |
| .no-touch .paddlenav-framed .paddlenav-arrow:hover,.no-js .paddlenav-framed .paddlenav-arrow:hover { | |
| color: #999; | |
| background-color: #f2f2f2; | |
| text-decoration: none | |
| } | |
| .paddlenav-framed .paddlenav-arrow:focus { | |
| color: #999; | |
| background-color: #f2f2f2; | |
| text-decoration: none | |
| } | |
| html.touch .paddlenav-framed .paddlenav-arrow { | |
| color: #999; | |
| background-color: #f2f2f2 | |
| } | |
| .paddlenav-framed .paddlenav-arrow-left { | |
| left: 15px | |
| } | |
| .paddlenav-framed .paddlenav-arrow-right { | |
| right: 15px | |
| } | |
| .sosumi { | |
| color: #999 | |
| } | |
| .sosumi a { | |
| color: #666 | |
| } | |
| .no-touch .sosumi a:hover,.no-js .sosumi a:hover { | |
| text-decoration: underline | |
| } | |
| .sosumi ol { | |
| margin: 0; | |
| padding-right: 15px; | |
| padding-left: 15px | |
| } | |
| .sosumi ul { | |
| list-style: none; | |
| margin: 0 | |
| } | |
| .sosumi li { | |
| padding-bottom: 5px | |
| } | |
| .sosumi p,.sosumi li { | |
| font-size: 0.6667em; | |
| line-height: 1.3333; | |
| font-weight: 400 | |
| } | |
| .sosumi small { | |
| font-size: 1em | |
| } | |
| .footer-wrapper .sosumi { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 980px; | |
| margin-bottom: 18px; | |
| padding-left: 22px; | |
| padding-right: 22px | |
| } | |
| @media only screen and (min-width: 1440px) { | |
| .footer-wrapper .sosumi { | |
| width:1396px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .footer-wrapper .sosumi { | |
| width:724px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-wrapper .sosumi { | |
| width:508px | |
| } | |
| } | |
| @media only screen and (max-width: 539px) { | |
| html.touch .footer-wrapper .sosumi { | |
| width:288px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .footer-wrapper .sosumi { | |
| padding-left:16px; | |
| padding-right: 16px | |
| } | |
| } | |
| #globalheader { | |
| margin-bottom: 0 | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| #globalheader { | |
| min-width:100% | |
| } | |
| #globalheader .gh-content { | |
| width: 724px | |
| } | |
| #globalheader .gh-nav-list { | |
| width: 748px; | |
| margin-left: -12px; | |
| margin-right: -12px | |
| } | |
| #globalheader .gh-tab-link { | |
| background-size: auto 18px | |
| } | |
| #globalheader .gh-tab-search.enhance,#globalheader .gh-tab-search.enhance.active { | |
| width: auto; | |
| margin: 0 | |
| } | |
| #globalheader .gh-tab-search.enhance .gh-search,#globalheader .gh-tab-search.enhance.active .gh-search { | |
| display: none | |
| } | |
| #globalheader .gh-tab-search.enhance a.gh-search-magnify,#globalheader .gh-tab-search.enhance.active a.gh-search-magnify { | |
| display: block | |
| } | |
| } | |
| @media only screen and (orientation: portrait) and (max-device-width: 767px), (orientation: landscape) and (max-device-width: 1023px) { | |
| html.touch #globalheader .gh-nav-list { | |
| width:auto; | |
| margin-left: 0; | |
| margin-right: 0 | |
| } | |
| html.touch #globalheader .gh-tab-link { | |
| background-size: auto 1.11111em | |
| } | |
| html.touch #globalheader .gh-content { | |
| width: 100% | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .hide-for-xsmall { | |
| display:none | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .hide-for-xsmall { | |
| display:none | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .hide-for-small { | |
| display:none | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .hide-for-small { | |
| display:none | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .hide-for-medium { | |
| display:none | |
| } | |
| } | |
| .hide-for-large { | |
| display: none | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .hide-for-xlarge { | |
| display:none | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .show-for-xsmall { | |
| display:block | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .show-for-xsmall { | |
| display:block | |
| } | |
| } | |
| .show-only-for-xsmall { | |
| display: none | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .show-only-for-xsmall { | |
| display:block | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .show-only-for-xsmall { | |
| display:block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .show-for-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .show-for-small { | |
| display:block | |
| } | |
| } | |
| .show-only-for-small { | |
| display: none | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .show-only-for-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .show-only-for-small { | |
| display:block | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .show-for-medium { | |
| display:block | |
| } | |
| } | |
| .show-only-for-medium { | |
| display: none | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .show-only-for-medium { | |
| display:block | |
| } | |
| } | |
| .show-for-large { | |
| display: block | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .show-for-xlarge { | |
| display:block | |
| } | |
| } | |
| .show-only-for-xlarge { | |
| display: none | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .show-only-for-xlarge { | |
| display:block | |
| } | |
| } | |
| html,body { | |
| height: 100%; | |
| width: 100%; | |
| overflow-x: hidden; | |
| position: relative; | |
| z-index: 1 | |
| } | |
| html.no-touch,html.no-touch body { | |
| min-width: 768px | |
| } | |
| html.oldie body { | |
| height: auto | |
| } | |
| .page-home { | |
| background: #f2f2f2 | |
| } | |
| .page-home .billboard { | |
| position: absolute; | |
| z-index: 2; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| min-height: 650px | |
| } | |
| .page-home .billboard.pegged { | |
| position: relative; | |
| margin-top: -46px | |
| } | |
| html.oldie .page-home .billboard { | |
| position: relative; | |
| margin-top: -46px; | |
| height: 880px | |
| } | |
| @media only screen and (orientation: landscape) { | |
| html.touch .page-home .billboard { | |
| max-height:671px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard { | |
| min-height:0 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard { | |
| min-height:600px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard { | |
| min-height:768px | |
| } | |
| } | |
| .page-home .billboard h1,.page-home .billboard h2,.page-home .billboard h3,.page-home .billboard h4,.page-home .billboard h5,.page-home .billboard h6,.page-home .billboard p,.page-home .billboard li { | |
| color: #333 | |
| } | |
| .page-home .billboard .dark h1,.page-home .billboard .dark h2,.page-home .billboard .dark h3,.page-home .billboard .dark h4,.page-home .billboard .dark h5,.page-home .billboard .dark h6,.page-home .billboard .dark p,.page-home .billboard .dark li { | |
| color: #fff | |
| } | |
| html.touch .page-home .billboard .paddlenav { | |
| display: none | |
| } | |
| .page-home .billboard .paddlenav,.page-home .billboard .dotnav { | |
| display: none | |
| } | |
| .js .page-home .billboard .paddlenav,.js .page-home .billboard .dotnav { | |
| display: block | |
| } | |
| .page-home .billboard .paddlenav a,.page-home .billboard .dotnav { | |
| z-index: 5 | |
| } | |
| .page-home .billboard .dotnav { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| background: #f2f2f2; | |
| background: rgba(242,242,242,0.7); | |
| height: 40px; | |
| line-height: 40px; | |
| -webkit-transition: background-color 0.15s ease-in-out; | |
| transition: background-color 0.15s ease-in-out | |
| } | |
| html.oldie .page-home .billboard .dotnav ul { | |
| padding-top: 17px | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .dotnav { | |
| height:32px; | |
| line-height: 30px | |
| } | |
| html.touch .page-home .billboard .dotnav li { | |
| margin-left: 7px; | |
| margin-right: 7px | |
| } | |
| html.touch .page-home .billboard .dotnav li,html.touch .page-home .billboard .dotnav li a { | |
| width: 5px; | |
| height: 5px | |
| } | |
| } | |
| .page-home .billboard.current-apple-live .dotnav,.page-home .billboard.current-apple-watch .dotnav { | |
| background: none; | |
| background: rgba(255,255,255,0) | |
| } | |
| .page-home .billboard .gallery-content { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| background: #f2f2f2; | |
| border: 0 solid #fff | |
| } | |
| .page-home .billboard .gallery-content .hero-click-target { | |
| position: absolute; | |
| z-index: 1; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| html.oldie .page-home .billboard .gallery-content .hero-click-target { | |
| z-index: 5 | |
| } | |
| .page-home .billboard .gallery-content .hero-image { | |
| background-position: 50% 50% | |
| } | |
| .page-home .billboard .gallery-content .copy { | |
| pointer-events: none; | |
| position: relative; | |
| z-index: 3; | |
| height: 100% | |
| } | |
| .page-home .billboard .gallery-content h1 { | |
| font-size: 4.6278em; | |
| line-height: 1; | |
| font-weight: 200; | |
| letter-spacing: -0.015em | |
| } | |
| html.oldie .page-home .billboard .gallery-content h1 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content h1 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content h1 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content h1 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content h1 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content h1 { | |
| font-size:5.4444em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content h1 { | |
| font-size:3.8656em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content h1 { | |
| font-size:2.9944em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content h1 { | |
| font-size:2.1778em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content h1 { | |
| font-size:3.8656em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content h1 { | |
| font-size:2.9944em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| .page-home .billboard .gallery-content h1.replaced { | |
| font: 0/0 a; | |
| color: transparent; | |
| display: inline-block; | |
| display: -webkit-inline-box; | |
| display: -webkit-inline-flex; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex | |
| } | |
| .ie .page-home .billboard .gallery-content h1.replaced { | |
| display: inline-block | |
| } | |
| html.oldie .page-home .billboard .gallery-content h1.replaced { | |
| display: inline; | |
| zoom: 1 | |
| } | |
| .page-home .billboard .gallery-content h2 { | |
| margin-top: 0em; | |
| font-size: 2.2667em; | |
| line-height: 1.0833; | |
| font-weight: 200; | |
| letter-spacing: -0.025em | |
| } | |
| html.oldie .page-home .billboard .gallery-content h2 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content h2 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content h2 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content h2 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content h2 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content h2 { | |
| font-size:2.6667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content h2 { | |
| font-size:1.8933em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content h2 { | |
| font-size:1.4667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content h2 { | |
| font-size:1.0667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content h2 { | |
| font-size:1.8933em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content h2 { | |
| font-size:1.4667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content h2 { | |
| letter-spacing:-0.015em | |
| } | |
| } | |
| .page-home .billboard .gallery-content .links { | |
| margin: 1em 0 0; | |
| list-style: none; | |
| font-size: 1.0389em; | |
| line-height: 1.4545; | |
| font-weight: 200; | |
| color: #08c | |
| } | |
| html.oldie .page-home .billboard .gallery-content .links { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content .links { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content .links { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content .links { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content .links { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content .links { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content .links { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content .links { | |
| font-size:1.2222em; | |
| line-height: 1.4545; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content .links { | |
| font-size:1.0389em; | |
| line-height: 1.4545; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content .links { | |
| font-size:0.6722em; | |
| line-height: 1.4545; | |
| font-weight: 400 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content .links { | |
| font-size:0.7822em; | |
| line-height: 1.4545; | |
| font-weight: 400 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content .links { | |
| font-size:0.8678em; | |
| line-height: 1.4545; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content .links { | |
| font-size:0.6722em; | |
| line-height: 1.4545; | |
| font-weight: 400 | |
| } | |
| } | |
| .page-home .billboard .gallery-content .links a,.page-home .billboard .gallery-content .links .block-link { | |
| white-space: nowrap; | |
| text-decoration: none; | |
| pointer-events: all | |
| } | |
| .page-home .billboard .gallery-content .links a:hover,.page-home .billboard .gallery-content .links .block-link:hover { | |
| color: #000 | |
| } | |
| html.touch .page-home .billboard .gallery-content .links a:hover,html.touch .page-home .billboard .gallery-content .links .block-link:hover { | |
| color: #08c | |
| } | |
| .page-home .billboard .gallery-content.dark .links { | |
| color: #5cc3f6 | |
| } | |
| .page-home .billboard .gallery-content.dark .links a:hover,.page-home .billboard .gallery-content.dark .links .block-link:hover { | |
| color: #fff | |
| } | |
| html.touch .page-home .billboard .gallery-content.dark .links a:hover,html.touch .page-home .billboard .gallery-content.dark .links .block-link:hover { | |
| color: #5cc3f6 | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content .links { | |
| margin-top:0.40em | |
| } | |
| } | |
| .page-home .billboard .gallery-content-iphone6 { | |
| z-index: 4 | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| text-align: center; | |
| margin: 0 auto; | |
| width: 864px; | |
| left: -10px; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6 .copy>*,.oldie .page-home .billboard .gallery-content-iphone6 .copy>* { | |
| float: right | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6 .copy>*:first-child,.oldie .page-home .billboard .gallery-content-iphone6 .copy>*:first-child { | |
| float: left | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6 .copy .copy-wrapper,.oldie .page-home .billboard .gallery-content-iphone6 .copy .copy-wrapper { | |
| width: 340px | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 830px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:814px; | |
| left: -40px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 750px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:774px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 700px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:734px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:1131px; | |
| left: -10px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 1120px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:931px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:100%; | |
| text-align: center; | |
| left: 0 | |
| } | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy .copy-wrapper { | |
| padding-top: 73px | |
| } | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy .links { | |
| margin-top: 0.70em | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy .copy-wrapper { | |
| padding-top:67px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (min-height: 550px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy .copy-wrapper { | |
| padding-top:87px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-repeat: no-repeat; | |
| background-size: 246px 78px; | |
| height: 78px; | |
| width: 246px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/iphone_logo_large.png") | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_large_2x.png") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-size:290px 92px; | |
| height: 92px; | |
| width: 290px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_xlarge.png") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_xlarge_2x.png") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-size:205px 65px; | |
| height: 65px; | |
| width: 205px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_medium.png") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_medium_2x.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-size:160px 51px; | |
| height: 51px; | |
| width: 160px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_small.png") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_small_2x.png") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-size:116px 37px; | |
| height: 37px; | |
| width: 116px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_xsmall.png") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .copy h1 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/iphone_logo_xsmall_2x.png") | |
| } | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .links { | |
| margin-top: 2em | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .links li { | |
| display: inline-block; | |
| margin-left: 0.35em; | |
| margin-right: 0.35em | |
| } | |
| html.oldie .page-home .billboard .gallery-content-iphone6 .copy .links li { | |
| display: inline; | |
| zoom: 1 | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .links li:first-child { | |
| margin-left: 0 | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .links li:nth-child(2) { | |
| margin-right: 0 | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .links li:last-child { | |
| display: block | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| width:678px; | |
| left: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (min-height: 928px) { | |
| .page-home .billboard .gallery-content-iphone6 { | |
| -webkit-align-content:center; | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| height: 100% | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6::before { | |
| content: " "; | |
| display: block; | |
| height: 50% | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6>* { | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| html.oldie .page-home .billboard .gallery-content-iphone6>* { | |
| behavior: url("/v/home/bd/scripts/vertically-center.htc") | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy { | |
| display: block; | |
| height: auto | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6 .copy::before { | |
| display: none | |
| } | |
| .ie9 .page-home .billboard .gallery-content-iphone6 .copy>* { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| html.oldie .page-home .billboard .gallery-content-iphone6 .copy>* { | |
| behavior: none | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .copy .hero-image { | |
| margin: 30px auto 0; | |
| position: relative; | |
| z-index: 3; | |
| left: 10px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-repeat: no-repeat; | |
| background-size: 468px 717px; | |
| height: 717px; | |
| width: 468px; | |
| background-image: url("http://images.apple.com/home/images/iphone_hero_large.jpg") | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-size:648px 993px; | |
| height: 993px; | |
| width: 648px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_xlarge.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_xlarge_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-size:353px 541px; | |
| height: 541px; | |
| width: 353px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_medium.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-size:248px 380px; | |
| height: 380px; | |
| width: 248px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_small.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_small_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-size:159px 243px; | |
| height: 243px; | |
| width: 159px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 684px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 71px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (min-height: 831px) and (max-height: 873px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 78px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 830px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_alt_large.jpg"); | |
| background-size: 418px 641px; | |
| width: 418px; | |
| height: 641px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 830px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 830px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-height: 830px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_alt_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 830px) and (min-height: 751px) and (max-height: 786px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 72px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 750px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_alt_medium.jpg"); | |
| background-size: 384px 589px; | |
| width: 384px; | |
| height: 589px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 750px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 750px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-height: 750px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_alt_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 750px) and (min-height: 701px) and (max-height: 732px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 72px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 700px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_medium.jpg"); | |
| background-size: 353px 541px; | |
| width: 353px; | |
| height: 541px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 700px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-height: 700px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 1120px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_large.jpg"); | |
| background-size: 468px 717px; | |
| width: 468px; | |
| height: 717px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 1120px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (max-height: 1120px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (max-height: 1120px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 1166px) and (min-height: 1121px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 87px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 873px) { | |
| .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| -webkit-transform:none; | |
| -ms-transform: none; | |
| transform: none; | |
| position: absolute; | |
| top: 78px; | |
| right: 0 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| margin:1em auto 0 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| margin-top:0.6em | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (min-height: 550px) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| margin-top:2em; | |
| background-image: url("http://images.apple.com/home/images/iphone_hero_small.jpg"); | |
| background-size: 248px 380px; | |
| width: 248px; | |
| height: 380px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (min-height: 550px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-height: 550px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-height: 550px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-iphone6 .hero-image { | |
| background-image:url("http://images.apple.com/home/images/iphone_hero_small_2x.jpg") | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-repeat: no-repeat; | |
| background-size: 1490px 517px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/applewatch_1_large.jpg"); | |
| background-position: 50% 100% | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-size:1800px 625px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_xlarge.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_xlarge_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-size:1120px 389px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_medium.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-size:768px 400px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_small.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_small_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-size:414px 300px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px), oldie-query { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_medium.jpg"); | |
| background-size: 1120px 389px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_1_medium_2x.jpg") | |
| } | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position-y: 160% | |
| } | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-repeat: no-repeat; | |
| background-size: 1490px 517px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/applewatch_2_large.jpg") | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-size:1800px 625px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_xlarge.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_xlarge_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-size:1120px 389px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_medium.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-size:768px 400px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_small.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_small_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-size:414px 300px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px), oldie-query { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_medium.jpg"); | |
| background-size: 1120px 389px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-2 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_2_medium_2x.jpg") | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-repeat: no-repeat; | |
| background-size: 1490px 517px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/applewatch_3_large.jpg") | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-size:1800px 625px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_xlarge.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_xlarge_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-size:1120px 389px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_medium.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-size:768px 400px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_small.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_small_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-size:414px 300px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px), oldie-query { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_medium.jpg"); | |
| background-size: 1120px 389px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-3 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_3_medium_2x.jpg") | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-repeat: no-repeat; | |
| background-size: 1490px 517px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/applewatch_4_large.jpg") | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-size:1800px 625px | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_xlarge.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 144dpi), only screen and (min-width: 1441px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_xlarge_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-size:1120px 389px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_medium.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_medium_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-size:768px 400px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_small.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_small_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-size:414px 300px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px), oldie-query { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_medium.jpg"); | |
| background-size: 1120px 389px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dpi), only screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image.hero-image-4 { | |
| background-image:url("http://images.apple.com/v/home/bd/images/applewatch_4_medium_2x.jpg") | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy { | |
| text-align: center; | |
| height: auto; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| padding-top: 48px; | |
| padding-bottom: 517px | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applewatch .copy { | |
| position: static | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom:625px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom:389px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom:400px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom:300px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .copy-wrapper { | |
| margin-top: -0.6em | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applewatch .copy .copy-wrapper { | |
| behavior: none; | |
| position: relative; | |
| z-index: 6; | |
| top: 78px; | |
| zoom: 1 | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-repeat: no-repeat; | |
| background-image: url("http://images.apple.com/v/home/bd/images/applewatch_logo_large.png"); | |
| background-size: 300px 68px; | |
| height: 68px; | |
| width: 300px | |
| } | |
| html.svg .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-image: url("/v/home/bd/images/applewatch_logo.svg"); | |
| background-size: 300px 68px; | |
| height: 68px; | |
| width: 300px | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| html.svg .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:352px 80px; | |
| height: 80px; | |
| width: 352px | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| html.svg .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:250px 56px; | |
| height: 56px; | |
| width: 250px | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.svg.touch .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:250px 56px; | |
| height: 56px; | |
| width: 250px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.svg.touch .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:194px 44px; | |
| height: 44px; | |
| width: 194px | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.svg.touch .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:194px 44px; | |
| height: 44px; | |
| width: 194px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.svg.touch .page-home .billboard .gallery-content-applewatch .copy h1 { | |
| background-size:141px 32px; | |
| height: 32px; | |
| width: 141px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .links li { | |
| display: inline-block; | |
| margin-left: 0.35em; | |
| margin-right: 0.35em | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applewatch .copy .links li { | |
| display: inline; | |
| zoom: 1 | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (min-height: 1030px) { | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:first-child { | |
| margin-left:0 | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:nth-child(2) { | |
| margin-right: 0 | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:last-child { | |
| display: block | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (min-height: 928px) { | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:first-child { | |
| margin-left:0 | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:nth-child(2) { | |
| margin-right: 0 | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy .links li:last-child { | |
| display: block | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy .links li:first-child { | |
| margin-left:0 | |
| } | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy .links li:nth-child(2) { | |
| margin-right: 0 | |
| } | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy .links li:last-child { | |
| display: block | |
| } | |
| } | |
| @media only screen and (min-width: 1441px) and (max-height: 943px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position:50% 318px | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom: 0; | |
| position: relative; | |
| height: 270px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (max-height: 835px) { | |
| .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position:50% 318px | |
| } | |
| .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom: 0; | |
| position: relative; | |
| height: 270px | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) and (max-width: 1440px) and (max-height: 812px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position:50% 295px | |
| } | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom: 0; | |
| position: relative; | |
| height: 247px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (max-height: 688px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position:50% 288px | |
| } | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom: 0; | |
| position: relative; | |
| height: 240px | |
| } | |
| } | |
| @media only screen and (min-width: 320px) and (max-width: 413px) and (max-height: 523px) { | |
| html.touch .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position:50% 223px | |
| } | |
| html.touch .page-home .billboard .gallery-content-applewatch .copy { | |
| padding-bottom: 0; | |
| position: relative; | |
| height: 175px | |
| } | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applewatch .hero-image { | |
| background-position: 50% 100% | |
| } | |
| .page-home .billboard .gallery-content-homepage h1 { | |
| font-size: 2.6111em; | |
| line-height: 1.0638; | |
| font-weight: 200; | |
| display: block | |
| } | |
| html.oldie .page-home .billboard .gallery-content-homepage h1 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content-homepage h1 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-homepage h1 { | |
| font-size:1.3889em; | |
| line-height: 1.12; | |
| font-weight: 200 | |
| } | |
| } | |
| .page-home .billboard .gallery-content-homepage h2 { | |
| font-size: 1em; | |
| line-height: 1.4444; | |
| font-weight: 200; | |
| margin-top: 1em; | |
| display: block; | |
| max-width: 25em; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| html.oldie .page-home .billboard .gallery-content-homepage h2 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content-homepage h2 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-homepage h2 { | |
| font-size:0.8889em; | |
| line-height: 1.25; | |
| font-weight: 200 | |
| } | |
| } | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-repeat: no-repeat; | |
| background-position: 50% 13.5em; | |
| background-image: url("http://images.apple.com/v/home/bd/images/hero_medium.png"); | |
| background-size: 698px 821px | |
| } | |
| @media only screen and (min-height: 963px) { | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 18em | |
| } | |
| } | |
| @media only screen and (min-height: 690px) { | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 14.5em | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 13.5em | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (orientation: portrait) { | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 15.5em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 13em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (orientation: landscape) { | |
| html.touch .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-position:50% 12em | |
| } | |
| } | |
| @media only screen and (min-height: 963px) { | |
| .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/hero_large.png"); | |
| background-size: 873px 1027px | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/hero_small.png"); | |
| background-size: 510px 600px | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-homepage .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/hero_xsmall.png"); | |
| background-size: 293px 344px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-homepage .links>li { | |
| display: inline-block | |
| } | |
| .page-home .billboard .gallery-content-homepage .links>li:first-child { | |
| margin-right: 1.5em | |
| } | |
| .page-home .billboard .gallery-content-homepage .copy { | |
| text-align: center; | |
| height: auto; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| padding-top: 48px; | |
| height: 15.5em | |
| } | |
| @media only screen and (min-height: 963px) { | |
| .page-home .billboard .gallery-content-homepage .copy { | |
| height:17em | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-homepage .copy { | |
| height:15.5em | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-homepage .copy { | |
| height:11em; | |
| width: 92%; | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| } | |
| @media only screen and (max-width: 767px) and (orientation: landscape) { | |
| html.touch .page-home .billboard .gallery-content-homepage .copy { | |
| height:10em | |
| } | |
| } | |
| .page-home .billboard .gallery-content-homepage .copy-wrapper { | |
| margin-top: -0.6em | |
| } | |
| html.oldie .page-home .billboard .gallery-content-homepage .copy-wrapper { | |
| behavior: none; | |
| position: relative; | |
| z-index: 6; | |
| top: 78px; | |
| zoom: 1 | |
| } | |
| .page-home .billboard .gallery-content-applelive { | |
| background-color: #fff; | |
| text-align: center | |
| } | |
| .page-home .billboard .gallery-content-applelive h1 { | |
| font-size: 4.6278em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applelive h1 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content-applelive h1 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:5.4444em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:3.8656em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:2.9944em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:2.1778em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:3.8656em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h1 { | |
| font-size:2.9944em; | |
| line-height: 1; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h1 { | |
| width:100%; | |
| font-size: 2.1778em; | |
| padding-top: 50px | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applelive h2 { | |
| font-size: 2.2667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applelive h2 { | |
| font-weight: normal; | |
| font-family: "Myriad Set Pro 200","Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ja-JP] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "AppleTP 200","AppleTP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-CN] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "PingHei 200","PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-TW] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=zh-HK] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "MHei 200","MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=th-TH] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "Sukhumvit Set 200","Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" | |
| } | |
| html.oldie[lang=ko-KR] .page-home .billboard .gallery-content-applelive h2 { | |
| font-family: "Yoon Gothic 200","Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" | |
| } | |
| @media only screen and (min-width: 1441px) { | |
| .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:2.6667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:1.8933em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:1.4667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:1.0667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:1.8933em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive h2 { | |
| font-size:1.4667em; | |
| line-height: 1.0833; | |
| font-weight: 200 | |
| } | |
| } | |
| .page-home .billboard .gallery-content-applelive .copy { | |
| height: auto | |
| } | |
| html.oldie .page-home .billboard .gallery-content-applelive .copy { | |
| behavior: none; | |
| position: relative; | |
| z-index: 1; | |
| top: 500px; | |
| zoom: 1 | |
| } | |
| .page-home .billboard .gallery-content-applelive .copy .links { | |
| margin-top: 0.5em | |
| } | |
| .page-home .billboard .gallery-content-applelive .hero-image { | |
| max-height: 1100px; | |
| background-image: url("http://images.apple.com/v/home/bd/images/apple_live_large.jpg"); | |
| background-position: 50% 0; | |
| background-size: auto 100% | |
| } | |
| @media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_large_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) { | |
| .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_medium_portrait.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_medium_portrait_2x.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_xsmall.jpg") | |
| } | |
| } | |
| @media only screen and (max-width: 413px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 413px) and (min-resolution: 144dpi), only screen and (max-width: 413px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_xsmall_2x.jpg") | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (orientation: landscape) and (min-resolution: 144dpi), only screen and (orientation: landscape) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_large.jpg") | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| display:block; | |
| height: auto; | |
| background-repeat: no-repeat; | |
| background-position: 50% 13% | |
| } | |
| .ie9 html.touch .page-home .billboard .gallery-content-applelive .hero-image::before { | |
| display: none | |
| } | |
| .ie9 html.touch .page-home .billboard .gallery-content-applelive .hero-image>* { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| html.touch.oldie .page-home .billboard .gallery-content-applelive .hero-image>* { | |
| behavior: none | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-size:1024px 842px | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) and (max-width: 1023px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_medium_portrait.jpg") | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (orientation: landscape) and (max-width: 767px) and (max-width: 1023px) and (min-resolution: 144dpi), only screen and (orientation: landscape) and (max-width: 767px) and (max-width: 1023px) and (min-resolution: 144dppx) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image { | |
| background-image:url("http://images.apple.com/v/home/bd/images/apple_live_medium_portrait_2x.jpg") | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image .copy { | |
| -webkit-align-content:center; | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| height: 100%; | |
| height: 211px | |
| } | |
| .ie9 html.touch .page-home .billboard .gallery-content-applelive .hero-image .copy::before { | |
| content: " "; | |
| display: block; | |
| height: 50% | |
| } | |
| .ie9 html.touch .page-home .billboard .gallery-content-applelive .hero-image .copy>* { | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| html.touch.oldie .page-home .billboard .gallery-content-applelive .hero-image .copy>* { | |
| behavior: url("/v/home/bd/scripts/vertically-center.htc") | |
| } | |
| } | |
| @media only screen and (orientation: landscape) and (max-width: 767px) and (min-device-width: 400px) { | |
| html.touch .page-home .billboard .gallery-content-applelive .hero-image .copy { | |
| height:510px | |
| } | |
| } | |
| .page-home .align-middle { | |
| -webkit-align-content: center; | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| height: 100% | |
| } | |
| .ie9 .page-home .align-middle::before { | |
| content: " "; | |
| display: block; | |
| height: 50% | |
| } | |
| .ie9 .page-home .align-middle>* { | |
| -webkit-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%) | |
| } | |
| html.oldie .page-home .align-middle>* { | |
| behavior: url("/v/home/bd/scripts/vertically-center.htc") | |
| } | |
| .page-home .left { | |
| float: left | |
| } | |
| .page-home .right { | |
| float: right | |
| } | |
| @media only screen and (max-width: 767px) { | |
| html.touch .page-home .align-middle.small-no-align-middle { | |
| display:block; | |
| height: auto | |
| } | |
| .ie9 html.touch .page-home .align-middle.small-no-align-middle::before { | |
| display: none | |
| } | |
| .ie9 html.touch .page-home .align-middle.small-no-align-middle>* { | |
| -webkit-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| html.touch.oldie .page-home .align-middle.small-no-align-middle>* { | |
| behavior: none | |
| } | |
| html.touch .page-home .small-no-float { | |
| float: none | |
| } | |
| } | |
| .page-home .footer-wrapper { | |
| position: absolute; | |
| z-index: 1; | |
| left: 0; | |
| right: 0; | |
| top: 100%; | |
| background: #f7f7f7 | |
| } | |
| .page-home .footer-wrapper.pegged { | |
| position: static | |
| } | |
| html.oldie .page-home .footer-wrapper { | |
| position: static | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment