html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
padding: 0
}
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr {
margin: 0;
padding: 0
}
pre,
code,
address,
caption,
th,
figcaption {
font-size: 1em;
font-weight: normal;
font-style: normal
}
fieldset,
iframe,
img {
border: 0
}
caption,
th {
text-align: left
}
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 7%;
}
article,
aside,
footer,
header,
nav,
main,
section,
summary,
details,
hgroup,
figure,
figcaption {
display: block
}
audio,
canvas,
video,
progress {
display: inline-block;
vertical-align: baseline
}
button {
border: 0;
font: inherit;
vertical-align: middle
}
@media print {
body,
#main,
#content {
color: #000
}
a,
a:link,
a:visited {
color: #000;
text-decoration: none
}
#globalheader,
#globalfooter,
#directorynav,
#tabs,
.noprint,
.hide {
display: none
}
}
html {
font-size: 112.5%
}
body {
background-color: #fff;
color: #333;
font-style: normal;
font-family: "B Yekan";
font-size: 14px;
line-height: 1.45;
word-spacing: 1.10000002384186px;
letter-spacing: 0px;
line-height: 1.5em;
}
html[lang=ja-JP] body {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-CN] body {
font-family: "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-TW] body {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=zh-HK] body {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=th-TH] body {
font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html[lang=ko-KR] body {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=en_WW] {
font-family: "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=ja_JP] {
font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh_CN] {
font-family: "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh_TW] {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=zh_HK] {
font-family: "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=th_TH] {
font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
[lang=ko_KR] {
font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
body,
input,
textarea,
select,
button {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern'
}
a {
color: #FCBC3A
}
a:visited,
a:link,
a:active {
text-decoration: none
}
html.no-js a:hover {
text-decoration: underline
}
html.no-touch a:hover {
text-decoration: underline
}
h1 {
font-size: 64px;
line-height: 1.0625;
font-weight: 200;
letter-spacing: -0.02em
}
html.oldie h1 {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h1 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h1 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h1 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h1 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h1 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h1 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h1 {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
letter-spacing: -0.014em
}
}
@media only screen and (max-width: 735px) {
h1 {
font-size: 36px;
line-height: 1.1111;
font-weight: 200;
letter-spacing: -0.002em
}
}
h2 {
font-size: 21px;
line-height: 1.0865;
font-weight: 200;
letter-spacing: -0.014em
}
html.oldie h2 {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h2 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h2 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h2 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h2 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h2 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h2 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h2 {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
}
@media only screen and (max-width: 735px) {
h2 {
font-size: 32px;
line-height: 1.125;
font-weight: 200
}
}
h3 {
font-size: 42px;
line-height: 1.1429;
font-weight: 200;
letter-spacing: -0.01em
}
html.oldie h3 {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h3 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h3 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h3 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h3 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h3 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h3 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h3 {
font-size: 32px;
line-height: 1.125;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
h3 {
font-size: 28px;
line-height: 1.1429;
font-weight: 200
}
}
h4 {
font-size: 32px;
line-height: 1.125;
font-weight: 200
}
html.oldie h4 {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h4 {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h4 {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h4 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h4 {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h4 {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h4 {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
h4 {
font-size: 28px;
line-height: 1.1429;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
h4 {
font-size: 24px;
line-height: 1.1667;
font-weight: 200
}
}
h5 {
font-size: 21px;
line-height: 1.5;
font-weight: 600
}
html.oldie h5 {
font-weight: normal;
font-family: "B Yekan 600", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h5 {
font-family: "Apple TP 600", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h5 {
font-family: "PingHei 600", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h5 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h5 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h5 {
font-family: "Sukhumvit Set 600", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h5 {
font-family: "Yoon Gothic 600", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
h6 {
font-size: 14px;
line-height: 1.2857;
font-weight: 600;
color: #666
}
html.oldie h6 {
font-weight: normal;
font-family: "B Yekan 600", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] h6 {
font-family: "Apple TP 600", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] h6 {
font-family: "PingHei 600", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] h6 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] h6 {
font-family: "MHei 600", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] h6 {
font-family: "Sukhumvit Set 600", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] h6 {
font-family: "Yoon Gothic 600", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.45em 0
}
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
margin-top: 1em
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
display: block;
margin: 0
}
strong,
b {
font-weight: bold
}
em,
i,
cite,
dfn {
font-style: italic
}
p {
margin: 0 0 1em 0
}
li li {
font-size: 1em
}
ul,
ol {
margin: 1em 0 1em 1.1111em
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-top: 0;
margin-bottom: 0
}
nav ul,
nav ol {
list-style: none;
margin: 0
}
sup {
font-size: .6em;
opacity: .8;
vertical-align: top;
position: relative;
bottom: -.2em
}
h1 sup,
h2 sup,
h3 sup {
font-size: .4em
}
html.oldie h4 sup,
html.oldie h5 sup,
html.oldie h6 sup {
font-size: .8em;
font-weight: normal;
line-height: 1;
bottom: auto
}
sup a {
color: #333
}
sup a:hover {
color: #08c;
text-decoration: none
}
sub {
line-height: 1
}
abbr {
border: 0
}
.selfclear:before,
.selfclear:after {
content: ' ';
display: table
}
.selfclear:after {
clear: both
}
html.oldie .selfclear {
zoom: 1
}
.visuallyhidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
.imagereplace {
overflow: hidden;
text-indent: 100%;
white-space: nowrap
}
.nowrap {
white-space: nowrap
}
.clear {
clear: both
}
#top {
position: absolute;
top: 0
}
.cursor-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.cursor-grabbing {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing
}
.row {
position: relative;
z-index: 1
}
.row:before,
.row:after {
content: ' ';
display: table
}
.row:after {
clear: both
}
html.oldie .row {
zoom: 1
}
.column {
position: relative;
z-index: 1;
min-height: 2px;
margin: 0;
padding: 0;
float: left
}
.large-offset-0 {
margin-left: 0
}
.large-push-0 {
left: auto;
right: auto
}
.large-pull-0 {
right: auto;
left: auto
}
.large-1 {
width: 8.3333%
}
html.oldie .large-1 {
width: 8.325%
}
.large-offset-1 {
margin-left: 8.3333%
}
html.oldie .large-offset-1 {
margin-left: 8.325%
}
.large-push-1 {
left: 8.3333%;
right: auto
}
.large-pull-1 {
right: 8.3333%;
left: auto
}
.large-2 {
width: 16.6667%
}
html.oldie .large-2 {
width: 16.65%
}
.large-offset-2 {
margin-left: 16.6667%
}
html.oldie .large-offset-2 {
margin-left: 16.65%
}
.large-push-2 {
left: 16.6667%;
right: auto
}
.large-pull-2 {
right: 16.6667%;
left: auto
}
.large-3 {
width: 25%
}
html.oldie .large-3 {
width: 24.975%
}
.large-offset-3 {
margin-left: 25%
}
html.oldie .large-offset-3 {
margin-left: 24.975%
}
.large-push-3 {
left: 25%;
right: auto
}
.large-pull-3 {
right: 25%;
left: auto
}
.large-4 {
width: 33.3333%
}
html.oldie .large-4 {
width: 33.3%
}
.large-offset-4 {
margin-left: 33.3333%
}
html.oldie .large-offset-4 {
margin-left: 33.3%
}
.large-push-4 {
left: 33.3333%;
right: auto
}
.large-pull-4 {
right: 33.3333%;
left: auto
}
.large-5 {
width: 41.6667%
}
html.oldie .large-5 {
width: 41.625%
}
.large-offset-5 {
margin-left: 41.6667%
}
html.oldie .large-offset-5 {
margin-left: 41.625%
}
.large-push-5 {
left: 41.6667%;
right: auto
}
.large-pull-5 {
right: 41.6667%;
left: auto
}
.large-6 {
width: 50%
}
html.oldie .large-6 {
width: 49.95%
}
.large-offset-6 {
margin-left: 50%
}
html.oldie .large-offset-6 {
margin-left: 49.95%
}
.large-push-6 {
left: 50%;
right: auto
}
.large-pull-6 {
right: 50%;
left: auto
}
.large-7 {
width: 58.3333%
}
html.oldie .large-7 {
width: 58.275%
}
.large-offset-7 {
margin-left: 58.3333%
}
html.oldie .large-offset-7 {
margin-left: 58.275%
}
.large-push-7 {
left: 58.3333%;
right: auto
}
.large-pull-7 {
right: 58.3333%;
left: auto
}
.large-8 {
width: 66.6667%
}
html.oldie .large-8 {
width: 66.6%
}
.large-offset-8 {
margin-left: 66.6667%
}
html.oldie .large-offset-8 {
margin-left: 66.6%
}
.large-push-8 {
left: 66.6667%;
right: auto
}
.large-pull-8 {
right: 66.6667%;
left: auto
}
.large-9 {
width: 75%
}
html.oldie .large-9 {
width: 74.925%
}
.large-offset-9 {
margin-left: 75%
}
html.oldie .large-offset-9 {
margin-left: 74.925%
}
.large-push-9 {
left: 75%;
right: auto
}
.large-pull-9 {
right: 75%;
left: auto
}
.large-10 {
width: 83.3333%
}
html.oldie .large-10 {
width: 83.25%
}
.large-offset-10 {
margin-left: 83.3333%
}
html.oldie .large-offset-10 {
margin-left: 83.25%
}
.large-push-10 {
left: 83.3333%;
right: auto
}
.large-pull-10 {
right: 83.3333%;
left: auto
}
.large-11 {
width: 91.6667%
}
html.oldie .large-11 {
width: 91.575%
}
.large-offset-11 {
margin-left: 91.6667%
}
html.oldie .large-offset-11 {
margin-left: 91.575%
}
.large-push-11 {
left: 91.6667%;
right: auto
}
.large-pull-11 {
right: 91.6667%;
left: auto
}
.large-12 {
width: 100%
}
html.oldie .large-12 {
width: 99.9%
}
.large-offset-12 {
margin-left: 100%
}
html.oldie .large-offset-12 {
margin-left: 99.9%
}
.large-push-12 {
left: 100%;
right: auto
}
.large-pull-12 {
right: 100%;
left: auto
}
.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.large-uncentered {
margin-left: 0;
margin-right: 0
}
.large-last {
float: right
}
.large-notlast {
float: left
}
@media only screen and (min-width: 1442px) {
.xlarge-offset-0 {
margin-left: 0
}
.xlarge-push-0 {
left: auto;
right: auto
}
.xlarge-pull-0 {
right: auto;
left: auto
}
.xlarge-1 {
width: 8.3333%
}
.xlarge-offset-1 {
margin-left: 8.3333%
}
.xlarge-push-1 {
left: 8.3333%;
right: auto
}
.xlarge-pull-1 {
right: 8.3333%;
left: auto
}
.xlarge-2 {
width: 16.6667%
}
.xlarge-offset-2 {
margin-left: 16.6667%
}
.xlarge-push-2 {
left: 16.6667%;
right: auto
}
.xlarge-pull-2 {
right: 16.6667%;
left: auto
}
.xlarge-3 {
width: 25%
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-push-3 {
left: 25%;
right: auto
}
.xlarge-pull-3 {
right: 25%;
left: auto
}
.xlarge-4 {
width: 33.3333%
}
.xlarge-offset-4 {
margin-left: 33.3333%
}
.xlarge-push-4 {
left: 33.3333%;
right: auto
}
.xlarge-pull-4 {
right: 33.3333%;
left: auto
}
.xlarge-5 {
width: 41.6667%
}
.xlarge-offset-5 {
margin-left: 41.6667%
}
.xlarge-push-5 {
left: 41.6667%;
right: auto
}
.xlarge-pull-5 {
right: 41.6667%;
left: auto
}
.xlarge-6 {
width: 50%
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-push-6 {
left: 50%;
right: auto
}
.xlarge-pull-6 {
right: 50%;
left: auto
}
.xlarge-7 {
width: 58.3333%
}
.xlarge-offset-7 {
margin-left: 58.3333%
}
.xlarge-push-7 {
left: 58.3333%;
right: auto
}
.xlarge-pull-7 {
right: 58.3333%;
left: auto
}
.xlarge-8 {
width: 66.6667%
}
.xlarge-offset-8 {
margin-left: 66.6667%
}
.xlarge-push-8 {
left: 66.6667%;
right: auto
}
.xlarge-pull-8 {
right: 66.6667%;
left: auto
}
.xlarge-9 {
width: 75%
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-push-9 {
left: 75%;
right: auto
}
.xlarge-pull-9 {
right: 75%;
left: auto
}
.xlarge-10 {
width: 83.3333%
}
.xlarge-offset-10 {
margin-left: 83.3333%
}
.xlarge-push-10 {
left: 83.3333%;
right: auto
}
.xlarge-pull-10 {
right: 83.3333%;
left: auto
}
.xlarge-11 {
width: 91.6667%
}
.xlarge-offset-11 {
margin-left: 91.6667%
}
.xlarge-push-11 {
left: 91.6667%;
right: auto
}
.xlarge-pull-11 {
right: 91.6667%;
left: auto
}
.xlarge-12 {
width: 100%
}
.xlarge-offset-12 {
margin-left: 100%
}
.xlarge-push-12 {
left: 100%;
right: auto
}
.xlarge-pull-12 {
right: 100%;
left: auto
}
.xlarge-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.xlarge-uncentered {
margin-left: 0;
margin-right: 0
}
.xlarge-last {
float: right
}
.xlarge-notlast {
float: left
}
}
@media only screen and (max-width: 1068px) {
.medium-offset-0 {
margin-left: 0
}
.medium-push-0 {
left: auto;
right: auto
}
.medium-pull-0 {
right: auto;
left: auto
}
.medium-1 {
width: 8.3333%
}
.medium-offset-1 {
margin-left: 8.3333%
}
.medium-push-1 {
left: 8.3333%;
right: auto
}
.medium-pull-1 {
right: 8.3333%;
left: auto
}
.medium-2 {
width: 16.6667%
}
.medium-offset-2 {
margin-left: 16.6667%
}
.medium-push-2 {
left: 16.6667%;
right: auto
}
.medium-pull-2 {
right: 16.6667%;
left: auto
}
.medium-3 {
width: 25%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-push-3 {
left: 25%;
right: auto
}
.medium-pull-3 {
right: 25%;
left: auto
}
.medium-4 {
width: 33.3333%
}
.medium-offset-4 {
margin-left: 33.3333%
}
.medium-push-4 {
left: 33.3333%;
right: auto
}
.medium-pull-4 {
right: 33.3333%;
left: auto
}
.medium-5 {
width: 41.6667%
}
.medium-offset-5 {
margin-left: 41.6667%
}
.medium-push-5 {
left: 41.6667%;
right: auto
}
.medium-pull-5 {
right: 41.6667%;
left: auto
}
.medium-6 {
width: 50%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-push-6 {
left: 50%;
right: auto
}
.medium-pull-6 {
right: 50%;
left: auto
}
.medium-7 {
width: 58.3333%
}
.medium-offset-7 {
margin-left: 58.3333%
}
.medium-push-7 {
left: 58.3333%;
right: auto
}
.medium-pull-7 {
right: 58.3333%;
left: auto
}
.medium-8 {
width: 66.6667%
}
.medium-offset-8 {
margin-left: 66.6667%
}
.medium-push-8 {
left: 66.6667%;
right: auto
}
.medium-pull-8 {
right: 66.6667%;
left: auto
}
.medium-9 {
width: 75%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-push-9 {
left: 75%;
right: auto
}
.medium-pull-9 {
right: 75%;
left: auto
}
.medium-10 {
width: 83.3333%
}
.medium-offset-10 {
margin-left: 83.3333%
}
.medium-push-10 {
left: 83.3333%;
right: auto
}
.medium-pull-10 {
right: 83.3333%;
left: auto
}
.medium-11 {
width: 91.6667%
}
.medium-offset-11 {
margin-left: 91.6667%
}
.medium-push-11 {
left: 91.6667%;
right: auto
}
.medium-pull-11 {
right: 91.6667%;
left: auto
}
.medium-12 {
width: 100%
}
.medium-offset-12 {
margin-left: 100%
}
.medium-push-12 {
left: 100%;
right: auto
}
.medium-pull-12 {
right: 100%;
left: auto
}
.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.medium-uncentered {
margin-left: 0;
margin-right: 0
}
.medium-last {
float: right
}
.medium-notlast {
float: left
}
}
@media only screen and (max-width: 735px) {
.small-offset-0 {
margin-left: 0
}
.small-push-0 {
left: auto;
right: auto
}
.small-pull-0 {
right: auto;
left: auto
}
.small-1 {
width: 8.3333%
}
.small-offset-1 {
margin-left: 8.3333%
}
.small-push-1 {
left: 8.3333%;
right: auto
}
.small-pull-1 {
right: 8.3333%;
left: auto
}
.small-2 {
width: 16.6667%
}
.small-offset-2 {
margin-left: 16.6667%
}
.small-push-2 {
left: 16.6667%;
right: auto
}
.small-pull-2 {
right: 16.6667%;
left: auto
}
.small-3 {
width: 25%
}
.small-offset-3 {
margin-left: 25%
}
.small-push-3 {
left: 25%;
right: auto
}
.small-pull-3 {
right: 25%;
left: auto
}
.small-4 {
width: 33.3333%
}
.small-offset-4 {
margin-left: 33.3333%
}
.small-push-4 {
left: 33.3333%;
right: auto
}
.small-pull-4 {
right: 33.3333%;
left: auto
}
.small-5 {
width: 41.6667%
}
.small-offset-5 {
margin-left: 41.6667%
}
.small-push-5 {
left: 41.6667%;
right: auto
}
.small-pull-5 {
right: 41.6667%;
left: auto
}
.small-6 {
width: 50%
}
.small-offset-6 {
margin-left: 50%
}
.small-push-6 {
left: 50%;
right: auto
}
.small-pull-6 {
right: 50%;
left: auto
}
.small-7 {
width: 58.3333%
}
.small-offset-7 {
margin-left: 58.3333%
}
.small-push-7 {
left: 58.3333%;
right: auto
}
.small-pull-7 {
right: 58.3333%;
left: auto
}
.small-8 {
width: 66.6667%
}
.small-offset-8 {
margin-left: 66.6667%
}
.small-push-8 {
left: 66.6667%;
right: auto
}
.small-pull-8 {
right: 66.6667%;
left: auto
}
.small-9 {
width: 75%
}
.small-offset-9 {
margin-left: 75%
}
.small-push-9 {
left: 75%;
right: auto
}
.small-pull-9 {
right: 75%;
left: auto
}
.small-10 {
width: 83.3333%
}
.small-offset-10 {
margin-left: 83.3333%
}
.small-push-10 {
left: 83.3333%;
right: auto
}
.small-pull-10 {
right: 83.3333%;
left: auto
}
.small-11 {
width: 91.6667%
}
.small-offset-11 {
margin-left: 91.6667%
}
.small-push-11 {
left: 91.6667%;
right: auto
}
.small-pull-11 {
right: 91.6667%;
left: auto
}
.small-12 {
width: 100%
}
.small-offset-12 {
margin-left: 100%
}
.small-push-12 {
left: 100%;
right: auto
}
.small-pull-12 {
right: 100%;
left: auto
}
.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.small-uncentered {
margin-left: 0;
margin-right: 0
}
.small-last {
float: right
}
.small-notlast {
float: left
}
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 400;
src: url("../fonts/appleicons_text.eot");
src: url("../fonts/appleicons_text.eot?#iefix") format("embedded-opentype"),
url("../fonts/appleicons_text.woff") format("woff"),
url("../fonts/appleicons_text.ttf") format("truetype")
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 200;
src: url("../fonts/appleicons_thin.eot");
src: url("../fonts/appleicons_thin.eot?#iefix") format("embedded-opentype"),
url("../fonts/appleicons_thin.woff") format("woff"),
url("../fonts/appleicons_thin.ttf") format("truetype")
}
@font-face {
font-family: "AppleIcons";
font-style: normal;
font-weight: 100;
src: url("../fonts/appleicons_ultralight.eot");
src: url("../fonts/appleicons_ultralight.eot?#iefix") format("embedded-opentype"), url("../fonts/appleicons_ultralight.woff") format("woff"), url("../fonts/appleicons_ultralight.ttf") format("truetype")
}
.icon {
behavior: url("icons.htc")
}
.icon:before,
.icon:after,
.icon .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon:after {
top: 0;
padding-left: 0.3em
}
.icon:before {
display: none
}
.icon .icon-htc {
padding-left: false;
padding-right: false
}
.icon-before {
behavior: url("icons.htc")
}
.icon-before:before,
.icon-before:after,
.icon-before .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon-before:before {
top: -0.125em;
padding-right: 0.3em
}
.icon-before:after {
display: none
}
.icon-before .icon-htc {
padding-left: false;
padding-right: false
}
.icon-standalone {
behavior: url("icons.htc")
}
.icon-standalone:before,
.icon-standalone:after,
.icon-standalone .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.icon-standalone:after {
top: 0;
padding-left: 0
}
.icon-standalone:before {
display: none
}
.icon-standalone .icon-htc {
padding-left: false;
padding-right: false
}
.icon-font {
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit
}
.icon-ie-parent:link {
text-decoration: none
}
html.no-js .icon-ie-parent:link:hover {
text-decoration: none
}
html.no-js .icon-ie-parent:link:hover .icon-ie-link {
text-decoration: underline
}
html.no-touch .icon-ie-parent:link:hover {
text-decoration: none
}
html.no-touch .icon-ie-parent:link:hover .icon-ie-link {
text-decoration: underline
}
.icon-chevrondown:before,
.icon-chevrondown:after {
content: ""
}
.icon-chevrondownalt:before,
.icon-chevrondownalt:after {
content: ""
}
.icon-chevronleft:before,
.icon-chevronleft:after {
content: ""
}
.icon-chevronrightalt:before,
.icon-chevronrightalt:after {
content: ""
}
.icon-chevronright:before,
.icon-chevronright: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-download:before,
.icon-download:after {
content: ""
}
.icon-downloadalt:before,
.icon-downloadalt:after {
content: ""
}
.icon-external:before,
.icon-external:after {
content: ""
}
.icon-alert:before,
.icon-alert: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,
.icon-paddleright: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-zoomalt:before,
.icon-zoomalt:after {
content: ""
}
.icon-closeinlinealt:before,
.icon-closeinlinealt:after {
content: ""
}
.icon-grid:before,
.icon-grid:after {
content: ""
}
.icon-checkalt:before,
.icon-checkalt:after {
content: ""
}
.icon-stop:before,
.icon-stop:after {
content: ""
}
.icon-stopalt:before,
.icon-stopalt:after {
content: ""
}
.icon-replayalt:before,
.icon-replayalt:after {
content: ""
}
.icon-facebook:before,
.icon-facebook:after {
content: ""
}
.icon-link:before,
.icon-link:after {
content: ""
}
.icon-mail:before,
.icon-mail:after {
content: ""
}
.icon-pinterest:before,
.icon-pinterest:after {
content: ""
}
.icon-qqweibo:before,
.icon-qqweibo:after {
content: ""
}
.icon-qzone:before,
.icon-qzone:after {
content: ""
}
.icon-renren:before,
.icon-renren:after {
content: ""
}
.icon-share:before,
.icon-share:after {
content: ""
}
.icon-tumblr:before,
.icon-tumblr:after {
content: ""
}
.icon-twitter:before,
.icon-twitter:after {
content: ""
}
.icon-webo:before,
.icon-webo:after {
content: ""
}
.icon-instagram:before,
.icon-instagram:after {
content: ""
}
.icon-check:before,
.icon-check:after {
content: ""
}
.icon-linkedin:before,
.icon-linkedin:after {
content: ""
}
.icon-snapchat:before,
.icon-snapchat:after {
content: ""
}
.icon-zoom:before,
.icon-zoom:after {
content: ""
}
.icon-zoomoutalt:before,
.icon-zoomoutalt:after {
content: ""
}
.icon-zoomout:before,
.icon-zoomout:after {
content: ""
}
.icon-favorite:before,
.icon-favorite:after {
content: ""
}
.icon-clearsolid:before,
.icon-clearsolid:after {
content: ""
}
.icon-remove:before,
.icon-remove:after {
content: ""
}
.icon-unvalidatedalt:before,
.icon-unvalidatedalt:after {
content: ""
}
.icon-unvalidated:before,
.icon-unvalidated:after {
content: ""
}
.icon-info:before,
.icon-info:after {
content: ""
}
.icon-add:before,
.icon-add:after {
content: ""
}
.icon-exclamation:before,
.icon-exclamation:after {
content: ""
}
.icon-infoalt:before,
.icon-infoalt:after {
content: ""
}
.icon-apple:before,
.icon-apple:after {
content: ""
}
.more {
behavior: url("icons.htc")
}
.more:before,
.more:after {
content: ""
}
.more:before,
.more:after,
.more .icon-htc {
display: inline-block;
color: inherit;
font-family: "AppleIcons";
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: none;
position: relative;
z-index: 1
}
.more:after {
top: 0;
padding-left: 0.3em
}
.more:before {
display: none
}
.more .icon-htc {
padding-left: false;
padding-right: false
}
.more-block {
margin-top: .5em
}
.ac-browser,
.ac-familybrowser {
position: relative;
overflow: hidden;
text-align: center
}
.ac-browser-wrapper,
.ac-familybrowser-wrapper {
margin-left: auto;
margin-right: auto;
position: relative
}
.ac-browser-items,
.ac-familybrowser-items {
margin: 0 34px;
padding-bottom: 50px;
list-style: none;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
html.oldie .ac-browser-items,
html.oldie .ac-familybrowser-items {
display: inline;
zoom: 1
}
@media only screen and (orientation: landscape) {
.ac-browser-items,
.ac-familybrowser-items {
padding-bottom: 49px
}
}
html.touch .ac-browser-items,
html.touch .ac-familybrowser-items {
margin: 0;
padding-left: 34px;
padding-right: 34px
}
html.no-touch .ac-browser-items:before,
html.no-touch .ac-familybrowser-items:before,
html.no-touch .ac-browser-items:after,
html.no-touch .ac-familybrowser-items:after {
content: ' ';
display: table
}
html.no-touch .ac-browser-items:after,
html.no-touch .ac-familybrowser-items:after {
clear: both
}
html.no-touch.oldie .ac-browser-items,
html.no-touch.oldie .ac-familybrowser-items {
zoom: 1
}
.ac-browser-item,
.ac-familybrowser-item {
display: inline-block;
padding: 0
}
html.oldie .ac-browser-item,
html.oldie .ac-familybrowser-item {
display: inline;
zoom: 1
}
.ac-browser-paddle,
.ac-familybrowser-paddle-left,
.ac-familybrowser-paddle-right,
.ac-browser-paddle-left,
.ac-familybrowser-paddle-left,
.ac-browser-paddle-right,
.ac-familybrowser-paddle-right {
font-size: 28px;
line-height: 1;
font-weight: 200;
margin: 0;
padding: 0;
width: 34px;
position: absolute;
top: 0;
bottom: 0;
color: #333;
background-color: transparent;
opacity: 0;
-webkit-transition: opacity 150ms ease-out, color 100ms ease-in-out;
transition: opacity 150ms ease-out, color 100ms ease-in-out
}
html.oldie .ac-browser-paddle,
html.oldie .ac-familybrowser-paddle-left,
html.oldie .ac-familybrowser-paddle-right,
html.oldie .ac-browser-paddle-left,
html.oldie .ac-familybrowser-paddle-left,
html.oldie .ac-browser-paddle-right,
html.oldie .ac-familybrowser-paddle-right {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .ac-browser-paddle,
html.oldie[lang=ja-JP] .ac-familybrowser-paddle-left,
html.oldie[lang=ja-JP] .ac-familybrowser-paddle-right,
html.oldie[lang=ja-JP] .ac-browser-paddle-left,
html.oldie[lang=ja-JP] .ac-familybrowser-paddle-left,
html.oldie[lang=ja-JP] .ac-browser-paddle-right,
html.oldie[lang=ja-JP] .ac-familybrowser-paddle-right {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .ac-browser-paddle,
html.oldie[lang=zh-CN] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-CN] .ac-familybrowser-paddle-right,
html.oldie[lang=zh-CN] .ac-browser-paddle-left,
html.oldie[lang=zh-CN] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-CN] .ac-browser-paddle-right,
html.oldie[lang=zh-CN] .ac-familybrowser-paddle-right {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .ac-browser-paddle,
html.oldie[lang=zh-TW] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-TW] .ac-familybrowser-paddle-right,
html.oldie[lang=zh-TW] .ac-browser-paddle-left,
html.oldie[lang=zh-TW] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-TW] .ac-browser-paddle-right,
html.oldie[lang=zh-TW] .ac-familybrowser-paddle-right {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .ac-browser-paddle,
html.oldie[lang=zh-HK] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-HK] .ac-familybrowser-paddle-right,
html.oldie[lang=zh-HK] .ac-browser-paddle-left,
html.oldie[lang=zh-HK] .ac-familybrowser-paddle-left,
html.oldie[lang=zh-HK] .ac-browser-paddle-right,
html.oldie[lang=zh-HK] .ac-familybrowser-paddle-right {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .ac-browser-paddle,
html.oldie[lang=th-TH] .ac-familybrowser-paddle-left,
html.oldie[lang=th-TH] .ac-familybrowser-paddle-right,
html.oldie[lang=th-TH] .ac-browser-paddle-left,
html.oldie[lang=th-TH] .ac-familybrowser-paddle-left,
html.oldie[lang=th-TH] .ac-browser-paddle-right,
html.oldie[lang=th-TH] .ac-familybrowser-paddle-right {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .ac-browser-paddle,
html.oldie[lang=ko-KR] .ac-familybrowser-paddle-left,
html.oldie[lang=ko-KR] .ac-familybrowser-paddle-right,
html.oldie[lang=ko-KR] .ac-browser-paddle-left,
html.oldie[lang=ko-KR] .ac-familybrowser-paddle-left,
html.oldie[lang=ko-KR] .ac-browser-paddle-right,
html.oldie[lang=ko-KR] .ac-familybrowser-paddle-right {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.ac-browser-paddle:enabled,
.ac-familybrowser-paddle-left:enabled,
.ac-familybrowser-paddle-right:enabled,
.ac-browser-paddle-left:enabled,
.ac-familybrowser-paddle-left:enabled,
.ac-browser-paddle-right:enabled,
.ac-familybrowser-paddle-right:enabled {
opacity: 1;
cursor: pointer
}
.ac-browser-paddle:hover,
.ac-familybrowser-paddle-left:hover,
.ac-familybrowser-paddle-right:hover,
.ac-browser-paddle-left:hover,
.ac-familybrowser-paddle-left:hover,
.ac-browser-paddle-right:hover,
.ac-familybrowser-paddle-right:hover {
color: rgba(51, 51, 51, 0.6)
}
.ac-browser-paddle .icon::after,
.ac-familybrowser-paddle-left .icon::after,
.ac-familybrowser-paddle-right .icon::after,
.ac-browser-paddle-left .icon::after,
.ac-familybrowser-paddle-left .icon::after,
.ac-browser-paddle-right .icon::after,
.ac-familybrowser-paddle-right .icon::after {
padding: 0
}
html.touch .ac-browser-paddle,
html.touch .ac-familybrowser-paddle-left,
html.touch .ac-familybrowser-paddle-right,
html.touch .ac-browser-paddle-left,
html.touch .ac-familybrowser-paddle-left,
html.touch .ac-browser-paddle-right,
html.touch .ac-familybrowser-paddle-right {
display: none
}
.ac-browser-paddle-left,
.ac-familybrowser-paddle-left {
left: 0;
border-right: 1px solid rgba(102, 102, 102, 0.35)
}
.ac-familybrowser-theme-dark .ac-browser-paddle-left,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left {
border-color: rgba(153, 153, 153, 0.35)
}
.ac-browser-paddle-left .icon,
.ac-familybrowser-paddle-left .icon {
margin-left: 8px
}
.ac-browser-paddle-right,
.ac-familybrowser-paddle-right {
right: 0;
border-left: 1px solid rgba(102, 102, 102, 0.35)
}
.ac-familybrowser-theme-dark .ac-browser-paddle-right,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-right {
border-color: rgba(153, 153, 153, 0.35)
}
.ac-browser-paddle-right .icon,
.ac-familybrowser-paddle-right .icon {
margin-right: 8px
}
.ac-familybrowser {
position: absolute;
width: 100%;
top: -120px;
z-index: 100;
background: hsla(0, 0%, 93%, 0.8);
}
.ac-familybrowser-theme-dark {
background: rgba(0, 0, 0, 0.5)
}
@media only screen and (max-width: 767px) {
.ac-familybrowser {
top: 48px
}
}
.ac-familybrowser-wrapper {
height: 110px;
max-width: 100%
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-wrapper {
height: 113px
}
}
.ac-familybrowser-items {
margin: 0 34px
}
.ac-familybrowser-item {
padding: 0 20px
}
.ac-familybrowser-icon {
margin-left: auto;
margin-right: auto;
display: block;
height: 52px;
background-position: center bottom;
background-repeat: no-repeat
}
html.oldie .ac-familybrowser-icon {
display: inline;
zoom: 1
}
.ac-familybrowser-label {
font-size: 12px;
line-height: 1;
font-weight: 400;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 8px;
white-space: normal;
color: #333;
direction:rtl;
}
@media only screen and (max-width: 735px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400
}
}
html.oldie .ac-familybrowser-label {
margin: 0
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-label {
font-size: 14px;
line-height: 1;
font-weight: 400
}
}
.ac-familybrowser-label-violator {
font-size: 10px;
line-height: 1.2;
font-weight: 400;
position: absolute;
z-index: 1;
left: 0;
width: 100%;
color: #08c
}
@media only screen and (max-width: 735px) {
.ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400
}
}
@media only screen and (max-width: 767px) {
.ac-familybrowser-label-violator {
font-size: 12px;
line-height: 1.1667;
font-weight: 400
}
}
.ac-familybrowser-link {
position: relative;
z-index: 1;
display: inline-block;
margin-top: 13px;
margin-bottom: 26px;
vertical-align: top;
color: inherit
}
html.oldie .ac-familybrowser-link {
display: inline;
zoom: 1;
color: expression(this.parentNode.currentStyle['color'])
}
html.no-js .ac-familybrowser-link:hover {
text-decoration: none
}
html.no-touch .ac-familybrowser-link:hover {
text-decoration: none
}
.ac-familybrowser-theme-dark .ac-familybrowser-label {
color: #fff
}
.ac-familybrowser-theme-dark .ac-familybrowser-label-violator {
color: #5cc3f6
}
.ac-familybrowser-paddle-left,
.ac-familybrowser-paddle-right {
margin: 12px 0
}
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-right {
color: #fff
}
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-left:hover,
.ac-familybrowser-theme-dark .ac-familybrowser-paddle-right:hover {
color: rgba(255, 255, 255, 0.6)
}
@-webkit-keyframes fb-slidein-animation {
0% {
opacity: 0
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fb-slidein-animation {
0% {
opacity: 0
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.ac-familybrowser-item {
-webkit-animation-name: fb-slidein-animation;
animation-name: fb-slidein-animation;
-webkit-animation-duration: 350ms;
animation-duration: 350ms;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}
p,
more {
margin-bottom: 8px;
text-align:left;
direction:ltr;
font-size:14px;
}
.fp-section-content {
margin-left: auto;
margin-right: auto;
width: 980px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
height: 150%;
}
@media only screen and (min-width: 1442px) {
.fp-section-content {
width: 980px
}
}
@media only screen and (max-width: 1068px) {
.fp-section-content {
width: 692px
}
}
@media only screen and (max-width: 735px) {
.fp-section-content {
width: 90%
}
}
.fp-block-link {
display: block
}
@media only screen and (max-width: 735px) {
.fp-small-block-link {
display: block;
margin-bottom: 16px
}
}
.fp-secondary-headline {
font-size: 52px;
line-height: 1;
font-weight: 200;
margin-bottom: 7px;
text-align: center
}
html.oldie .fp-secondary-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-secondary-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-secondary-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-secondary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-secondary-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-secondary-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-secondary-headline {
font-size: 42px;
line-height: 1;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-headline {
font-size: 32px;
line-height: 1;
font-weight: 200
}
}
@media only screen and (max-width: 1068px) {
.fp-secondary-headline {
margin-bottom: 5px
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-headline {
margin-bottom: 4px
}
}
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.4444;
font-weight: 300;
text-align: center
}
html.oldie .fp-secondary-subheadline {
font-weight: normal;
font-family: "B Yekan 300", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-secondary-subheadline {
font-family: "Apple TP 300", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-secondary-subheadline {
font-family: "PingHei 300", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-secondary-subheadline {
font-family: "MHei 300", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-secondary-subheadline {
font-family: "MHei 300", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-secondary-subheadline {
font-family: "Sukhumvit Set 300", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-secondary-subheadline {
font-family: "Yoon Gothic 300", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.3889;
font-weight: 300
}
}
@media only screen and (max-width: 735px) {
.fp-secondary-subheadline {
font-size: 18px;
line-height: 1.4444;
font-weight: 300
}
}
.fp-tertiary-headline {
font-size: 27px;
line-height: 0.9259;
font-weight: 200
}
html.oldie .fp-tertiary-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-tertiary-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-tertiary-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-tertiary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-tertiary-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-tertiary-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-tertiary-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-tertiary-headline {
font-size: 24px;
line-height: 0.9583;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-tertiary-headline {
font-size: 24px;
line-height: 0.9583;
font-weight: 200
}
}
.fp-moreblock .more {
margin-left: 10px;
margin-right: 10px
}
.fp-moreblock-left:before,
.fp-moreblock-left:after {
content: ' ';
display: table
}
.fp-moreblock-left:after {
clear: both
}
html.oldie .fp-moreblock-left {
zoom: 1
}
.fp-moreblock-left .more {
float: left;
clear: both;
margin-right: 0;
margin-left: 0
}
.fp-billboard {
position: relative;
z-index: 1;
margin-bottom: 7px;
color: #fff
}
.fp-billboard-image {
position: relative;
background-size: cover !important;
background-position: center top;
min-height: 600px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-image {
min-height: 450px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-image {
min-height: 293px
}
}
.fp-billboard-image::before {
content: "";
display: block;
padding-bottom: 41%
}
.fp-billboard-wrapper {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fp-billboard-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fp-billboard-headline {
font-size: 52px;
line-height: 1.0769;
font-weight: 200;
margin-bottom: 6px
}
html.oldie .fp-billboard-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-billboard-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-billboard-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-billboard-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-billboard-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-billboard-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-billboard-headline {
font-size: 42px;
line-height: 1.2857;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-headline {
font-size: 32px;
line-height: 1.0625;
font-weight: 200
}
}
@media only screen and (max-width: 1068px) {
.fp-billboard-headline {
margin-bottom: 4px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-headline {
margin-bottom: 8px
}
}
.fp-billboard-copy,
.fp-billboard .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400;
margin-bottom: 10px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-copy,
.fp-billboard .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-copy,
.fp-billboard .fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400
}
}
.fp-billboard-moreblock {
display: block
}
.fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400;
color: #fff
}
@media only screen and (max-width: 1068px) {
.fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-moreblock .more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400
}
}
.fp-billboard-left {
text-align: left
}
.fp-billboard-left .fp-billboard-content {
margin-left: 80px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-left .fp-billboard-content {
margin-left: 58px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-left .fp-billboard-content {
margin-left: 0px
}
}
.fp-billboard-center {
text-align: center
}
.fp-billboard-center .fp-billboard-content {
width: 100%;
margin-left: auto;
margin-right: auto
}
.fp-billboard-center .fp-billboard-headline,
.fp-billboard-center .fp-billboard-copy {
margin-left: auto;
margin-right: auto
}
.fp-billboard-right {
text-align: left
}
.fp-billboard-right .fp-billboard-content {
margin-left: 510px
}
@media only screen and (max-width: 1068px) {
.fp-billboard-right .fp-billboard-content {
margin-left: 346px
}
}
@media only screen and (max-width: 735px) {
.fp-billboard-right .fp-billboard-content {
margin-left: 0px
}
.fp-billboard-inline-small .fp-billboard-wrapper {
position: relative
}
.fp-billboard-inline-small .fp-billboard-content {
position: relative;
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding-top: 25px;
padding-bottom: 32px;
color: #333;
text-align: left
}
.fp-billboard .fp-billboard-inline-small {
color: #333
}
.fp-billboard-inline-small .more {
margin-left: 0;
margin-right: 0;
color: #08c
}
}
.fp-hero-image {
min-height:600px
}
.fp-hero-image2 {
min-height: 620px
}
@media only screen and (max-width: 1068px) {
.fp-hero-image {
min-height: 707px
}
}
@media only screen and (max-width: 735px) {
.fp-hero-image {
min-height: 540px
}
}
.fp-hero-image::before {
padding-bottom: 59%
}
.fp-hero-wrapper {
top: 44px
}
@media only screen and (max-width: 735px) {
.fp-hero-wrapper {
top: 48px
}
}
.fp-hero-headline {
font-size: 72px;
line-height: 1.0694;
font-weight: 200;
margin-bottom: 20px
}
html.oldie .fp-hero-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-hero-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-hero-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-hero-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-hero-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-hero-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-hero-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-hero-headline {
font-size: 52px;
line-height: 1.0962;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-hero-headline {
font-size: 42px;
line-height: 1.119;
font-weight: 200
}
}
@media only screen and (max-width: 1068px) {
.fp-hero-headline {
margin-bottom: 6px
}
}
@media only screen and (max-width: 735px) {
.fp-hero-headline {
margin-bottom: 18px
}
}
.fp-hero-moreblock {
font-size: 24px;
line-height: 1;
font-weight: 200
}
html.oldie .fp-hero-moreblock {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-hero-moreblock {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-hero-moreblock {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-hero-moreblock {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-hero-moreblock {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-hero-moreblock {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-hero-moreblock {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-hero-moreblock {
font-size: 24px;
line-height: 1;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-hero-moreblock {
font-size: 20px;
line-height: 1;
font-weight: 200
}
}
.fp-hero-moreblock .more {
color: #fff
}
.fp-pagetitle {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
.fp-product-content {
text-align: center;
color:#373737;
}
.fp-product-headline {
font-size: 72px;
line-height: 1.0556;
font-weight: 200;
margin-bottom: -1px
}
html.oldie .fp-product-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-product-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-product-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-product-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-product-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-product-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-product-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-product-headline {
font-size: 64px;
line-height: 1.0469;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline {
font-size: 42px;
line-height: 1.3095;
font-weight: 200
}
}
@media only screen and (max-width: 1068px) {
.fp-product-headline {
margin-bottom: 4px
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline {
margin-bottom: -4px
}
}
.fp-product-headline-model {
font-size: 24px;
line-height: 1.3333;
font-weight: 400;
margin-top: -7px;
margin-bottom: 7px;
display: block
}
@media only screen and (max-width: 1068px) {
.fp-product-headline-model {
font-size: 24px;
line-height: 1.5;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline-model {
font-size: 18px;
line-height: 1.1667;
font-weight: 300
}
}
@media only screen and (max-width: 1068px) {
.fp-product-headline-model {
margin-top: -2px
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline-model {
margin-top: -5px
}
}
@media only screen and (max-width: 1068px) {
.fp-product-headline-model {
margin-bottom: 6px
}
}
@media only screen and (max-width: 735px) {
.fp-product-headline-model {
margin-bottom: 16px
}
}
.fp-product-subheadline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
margin-bottom: 12px
}
html.oldie .fp-product-subheadline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-product-subheadline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-product-subheadline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-product-subheadline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-product-subheadline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-product-subheadline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-product-subheadline {
font-size: 25px;
line-height: 1.16;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-product-subheadline {
font-size: 24px;
line-height: 1.0833;
font-weight: 200
}
}
@media only screen and (max-width: 1068px) {
.fp-product-subheadline {
margin-bottom: 9px
}
}
@media only screen and (max-width: 735px) {
.fp-product-subheadline {
margin-bottom: 10px
}
}
.fp-product-moreblock .more {
font-size: 18px;
line-height: 1.1667;
font-weight: 400
}
@media only screen and (max-width: 1068px) {
.fp-product-moreblock .more {
font-size: 18px;
line-height: 1.1667;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-product-moreblock .more {
font-size: 18px;
line-height: 1.1667;
font-weight: 400
}
}
.fp-shopstrip-content {
margin-bottom: 80px;
text-align: center
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-content {
margin-bottom: 70px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-content {
margin-bottom: 36px
}
}
html.oldie .fp-shopstrip-content {
padding-bottom: 80px
}
.fp-shopstrip-icon-headline {
margin-bottom: 6px;
display: block
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-icon-headline {
margin-bottom: 5px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-icon-headline {
margin-bottom: 2px
}
}
.fp-shopstrip-icon {
margin-bottom: 18px;
display: block;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-icon {
margin-bottom: 12px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-icon {
margin-bottom: 18px
}
}
.fp-shopstrip-headline {
font-size: 28px;
line-height: 1.1429;
font-weight: 200;
margin: 0
}
html.oldie .fp-shopstrip-headline {
font-weight: normal;
font-family: "B Yekan 200", "B Yekan", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ja-JP] .fp-shopstrip-headline {
font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-CN] .fp-shopstrip-headline {
font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-TW] .fp-shopstrip-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=zh-HK] .fp-shopstrip-headline {
font-family: "MHei 200", "MHei", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=th-TH] .fp-shopstrip-headline {
font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie[lang=ko-KR] .fp-shopstrip-headline {
font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-headline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-headline {
font-size: 24px;
line-height: 1.1667;
font-weight: 200
}
}
.fp-shopstrip-copy {
font-size: 18px;
line-height: 1.4444;
font-weight: 400;
margin-bottom: 1px
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-copy {
font-size: 16px;
line-height: 1.5;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-copy {
font-size: 16px;
line-height: 1.5;
font-weight: 400
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-copy {
margin-bottom: 4px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-copy {
margin-bottom: 2px
}
}
.fp-shopstrip-more {
font-size: 18px;
line-height: 1.4444;
font-weight: 400
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip-more {
font-size: 16px;
line-height: 1.5;
font-weight: 400
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip-more {
font-size: 16px;
line-height: 1.5;
font-weight: 400
}
}
a.block {
display: block;
cursor: pointer;
text-decoration: none;
color: inherit
}
html.oldie a.block {
color: expression(this.parentNode.currentStyle['color'])
}
a.block:before,
a.block:after {
content: ' ';
display: table
}
a.block:after {
clear: both
}
html.oldie a.block {
zoom: 1
}
html.no-js a.block:hover {
text-decoration: none
}
html.no-js a.block:hover .block-link {
text-decoration: underline
}
html.no-js a.block:hover .block-link.icon-ie-parent {
text-decoration: none
}
html.no-js a.block:hover .block-link.icon-ie-parent .icon-ie-link {
text-decoration: underline
}
html.no-touch a.block:hover {
text-decoration: none
}
html.no-touch a.block:hover .block-link {
text-decoration: underline
}
html.no-touch a.block:hover .block-link.icon-ie-parent {
text-decoration: none
}
html.no-touch a.block:hover .block-link.icon-ie-parent .icon-ie-link {
text-decoration: underline
}
a.block .block-link {
color: #08c;
cursor: pointer
}
a.block-inline {
display: inline-block
}
.button {
background-color: #1d9bd9;
background: -webkit-linear-gradient(#3baee7, #08c);
background: linear-gradient(#3baee7, #08c);
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 15px;
font-weight: 500;
line-height: 32px;
text-align: center;
white-space: nowrap;
padding: 0 16px;
display: inline-block
}
html.oldie .button {
display: inline;
zoom: 1;
vertical-align: middle
}
html.no-js .button:hover {
background-color: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0);
text-decoration: none
}
html.no-touch .button:hover {
background-color: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0);
text-decoration: none
}
.button:active {
background-color: #0d85c0;
background: -webkit-linear-gradient(#1b9dde, #006da3);
background: linear-gradient(#1b9dde, #006da3);
outline: none
}
@-moz-document url-prefix() {
.button {
line-height: 31px;
padding-top: 1px
}
}
.button-buynow,
.button-compact {
background-color: #1d9bd9;
background: -webkit-linear-gradient(#3baee7, #08c);
background: linear-gradient(#3baee7, #08c);
border-color: #137ec6;
border-top-color: #1992da;
border-bottom-color: #0d6ab2;
color: #fff;
color: #fff;
font-size: 13px;
padding: 0 11px;
line-height: 22px
}
html.no-js .button-buynow:hover,
html.no-js .button-compact:hover {
background: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0)
}
html.no-touch .button-buynow:hover,
html.no-touch .button-compact:hover {
background: #2fa2dc;
background: -webkit-linear-gradient(#4ab4e8, #1491d0);
background: linear-gradient(#4ab4e8, #1491d0)
}
.button-buynow:active,
.button-compact:active {
background: #0d85c0;
background: -webkit-linear-gradient(#1b9dde, #006da3);
background: linear-gradient(#1b9dde, #006da3)
}
@-moz-document url-prefix() {
.button-buynow, .button-compact {
line-height: 21px;
padding-top: 1px
}
}
.sosumi {
color: #999
}
.sosumi a {
color: #666
}
html.no-js .sosumi a:hover {
text-decoration: underline
}
html.no-touch .sosumi a:hover {
text-decoration: underline
}
.sosumi ol,
.sosumi ul {
margin: 0;
padding-right: 16px;
padding-left: 16px;
list-style-position: outside
}
html.oldie .sosumi ol,
html.oldie .sosumi ul {
list-style-position: inside;
text-indent: -16px
}
.sosumi ul {
list-style: none;
margin-right: -16px;
margin-left: -16px
}
.sosumi li {
padding-bottom: 5px
}
.sosumi p,
.sosumi li {
font-size: 12px;
line-height: 1.3333;
font-weight: 400
}
.sosumi small {
font-size: 1em
}
.footer-wrapper .sosumi {
max-width: 980px;
padding: 16px 0 11px;
border-bottom: 1px solid #e3e3e3;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 735px) {
.footer-wrapper .sosumi {
width: auto;
padding-left: 5%;
padding-right: 5%
}
}
html.oldie .footer-wrapper .sosumi {
max-width: 948px;
padding-right: 16px;
padding-left: 16px
}
html.oldie .footer-wrapper .sosumi ul {
padding-right: 0;
padding-left: 0
}
.align-middle {
float: none;
display: inline-block;
vertical-align: middle
}
html.oldie .align-middle {
display: inline;
zoom: 1
}
.align-bottom {
float: none;
display: inline-block;
vertical-align: bottom
}
html.oldie .align-bottom {
display: inline;
zoom: 1
}
@media only screen and (max-width: 735px) {
.desktop,
.except-small {
display: none
}
}
.medium-only {
display: none
}
@media only screen and (max-width: 1068px) {
.medium-only {
display: block
}
}
@media only screen and (max-width: 735px) {
.medium-only {
display: none
}
}
.small-only {
display: none
}
@media only screen and (max-width: 735px) {
.small-only {
display: block
}
}
.ac-familybrowser-item {
padding-left: 28px;
padding-right: 28px
}
.ac-familybrowser-item.ipad-air-2 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadair_large.svg");
background-size: 34px 54px;
height: 54px;
width: 34px
}
#m1
{
background-image: url("../img/familybrowser/takrang.png");
}
#m2
{
background-image: url("../img/familybrowser/rgb.png");
}
#m3
{
background-image: url("../img/familybrowser/3in1.png");
}
#m4
{
background-image: url("../img/familybrowser/controler.png");
}
#m5
{
background-image: url("../img/familybrowser/taqzie.png");
}
#m6
{
background-image: url("../img/familybrowser/tupedijital.png");
}
#m7
{
background-image: url("../img/familybrowser/blocksmd.png");
}
#m8
{
background-image: url("../img/familybrowser/pixeldayere.png");
}
#m9
{
background-image: url("../img/familybrowser/pixelmoraba.png");
}
#m10
{
background-image: url("../img/familybrowser/animatin.png");
}
html.no-svg .ac-familybrowser-item.ipad-air-2 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadair_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-air-2 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadair_dark_large.svg");
background-size: 34px 54px;
height: 54px;
width: 34px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-air-2 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadair_dark_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-item.ipad-air .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadair_large.svg");
background-size: 34px 54px;
height: 54px;
width: 34px
}
html.no-svg .ac-familybrowser-item.ipad-air .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadair_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-air .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadair_dark_large.svg");
background-size: 34px 54px;
height: 54px;
width: 34px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-air .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadair_dark_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-item.ipad-mini-3 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadmini_large.svg");
background-size: 26px 54px;
height: 54px;
width: 26px
}
html.no-svg .ac-familybrowser-item.ipad-mini-3 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadmini_large.png");
background-size: 26px 54px;
height: 54px;
width: 26px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-mini-3 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadmini_dark_large.svg");
background-size: 26px 54px;
height: 54px;
width: 26px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-mini-3 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadmini_dark_large.png");
background-size: 26px 54px;
height: 54px;
width: 26px
}
.ac-familybrowser-item.ipad-mini-2 {
padding-left: 18px;
padding-right: 18px
}
.ac-familybrowser-item.ipad-mini-2 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadmini_large.svg");
background-size: 26px 54px;
height: 54px;
width: 26px
}
html.no-svg .ac-familybrowser-item.ipad-mini-2 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadmini_large.png");
background-size: 26px 54px;
height: 54px;
width: 26px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-mini-2 .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipadmini_dark_large.svg");
background-size: 26px 54px;
height: 54px;
width: 26px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.ipad-mini-2 .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipadmini_dark_large.png");
background-size: 26px 54px;
height: 54px;
width: 26px
}
.ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipad_acc_large.png");
background-size: 100%;
height: 60px;
width: 80px;
}
html.no-svg .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipad_acc_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipad_acc_dark_large.svg");
background-size: 34px 54px;
height: 54px;
width: 34px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.accessories .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipad_acc_dark_large.png");
background-size: 34px 54px;
height: 54px;
width: 34px
}
.ac-familybrowser-item.compare .ac-familybrowser-icon {
background-repeat: no-repeat;
*background-image: url("../img/familybrowser/ipad_comp_large.svg");
background-size: 42px 54px;
height: 54px;
width: 42px
}
html.no-svg .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipad_comp_large.png");
background-size: 42px 54px;
height: 54px;
width: 42px
}
.ac-familybrowser-theme-dark .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-repeat: no-repeat;
background-image: url("../img/familybrowser/ipad_comp_dark_large.svg");
background-size: 42px 54px;
height: 54px;
width: 42px
}
html.no-svg .ac-familybrowser-theme-dark .ac-familybrowser-item.compare .ac-familybrowser-icon {
background-image: url("../img/familybrowser/ipad_comp_dark_large.png");
background-size: 42px 54px;
height: 54px;
width: 42px
}
html.oldie body {
position: relative;
min-width: 1069px
}
html.oldie .fp-billboard-content {
position: static;
margin-top: 198px
}
.fp-hero .fp-hero-image {
background-repeat: no-repeat;
background-size: 1440px 690px;
background-image: url("../img/hero_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.fp-hero .fp-hero-image {
background-image: url("../img/hero_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.fp-hero .fp-hero-image {
background-size: 1068px 707px;
background-image: url("../img/hero_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-hero .fp-hero-image {
background-image: url("../img/hero_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.fp-hero .fp-hero-image {
background-size: 736px 540px;
background-image: url("../img/hero_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.fp-hero .fp-hero-image {
background-image: url("../img/hero_small_2x.jpg")
}
}
.fp-hero .fp-hero-headline {
color: #fff
}
html.oldie .fp-hero .fp-hero-image {
min-height: 690px
}
html.oldie .fp-hero .fp-billboard-content {
margin-top: 280px
}
.section-ipad-air-2 .image-ipadair2 {
background-repeat: no-repeat;
background-size: 930px 1155px;
height: 1155px;
width: 930px;
background-image: url("../img/ipadair2_large.png");
position: relative;
z-index: -1;
margin-left: -311px;
margin-top: 103px;
margin-bottom: -230px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-ipad-air-2 .image-ipadair2 {
background-image: url("../img/ipadair2_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-ipad-air-2 .image-ipadair2 {
background-size: 677px 818px;
height: 818px;
width: 677px;
background-image: url("../img/ipadair2_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-ipad-air-2 .image-ipadair2 {
background-image: url("../img/ipadair2_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-ipad-air-2 .image-ipadair2 {
background-size: 278px 629px;
height: 629px;
width: 278px;
background-image: url("../img/ipadair2_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-ipad-air-2 .image-ipadair2 {
background-image: url("../img/ipadair2_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ipad-air-2 .image-ipadair2 {
margin-left: -243px;
margin-top: 53px;
margin-bottom: -129px
}
}
@media only screen and (max-width: 735px) {
.section-ipad-air-2 .image-ipadair2 {
margin-left: auto;
margin-right: auto;
margin-top: 64px;
margin-bottom: -16px;
position: relative;
left: -31px
}
}
.section-ipad-air-2 .fp-product-content {
position: relative;
z-index: 10;
margin-top: 283px;
margin-left: 2px
}
@media only screen and (max-width: 1068px) {
.section-ipad-air-2 .fp-product-content {
margin-top: 155px;
margin-left: 21px;
}
}
@media only screen and (max-width: 735px) {
.section-ipad-air-2 .fp-product-content {
margin-top: 110px;
margin-left: 0
}
}
.section-ipad-mini-3 {
position: relative;
z-index: 10;
padding-bottom: 55px;
padding-top: 35px;
}
@media only screen and (max-width: 735px) {
.section-ipad-mini-3 .product-ipadmini3 {
margin-left: -174px
}
}
.section-ipad-mini-3 .image-ipadmini3 {
background-repeat: no-repeat;
background-size: 1055px 394px;
height: 394px;
width: 1055px;
background-image: url("../img/ipadmini3_large.png");
margin-top: 19px;
margin-left: -297px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-ipad-mini-3 .image-ipadmini3 {
background-image: url("../img/ipadmini3_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-ipad-mini-3 .image-ipadmini3 {
background-size: 818px 240px;
height: 240px;
width: 818px;
background-image: url("../img/ipadmini3_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-ipad-mini-3 .image-ipadmini3 {
background-image: url("../img/ipadmini3_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-ipad-mini-3 .image-ipadmini3 {
background-size: 463px 134px;
height: 134px;
width: 463px;
background-image: url("../img/ipadmini3_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-ipad-mini-3 .image-ipadmini3 {
background-image: url("../img/ipadmini3_small_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-ipad-mini-3 .image-ipadmini3 {
margin-left: -189px
}
}
@media only screen and (max-width: 735px) {
.section-ipad-mini-3 .image-ipadmini3 {
margin-left: auto;
margin-right: auto
}
}
.section-compare {
overflow-x: hidden;
text-align: center;
background: #ffffff;
background: -webkit-linear-gradient(to bottom, #F1F1F1 0%, #f2f2f2 100%);
background: linear-gradient(to bottom, #F1F1F1 0%, #f2f2f2 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1 ', endColorstr='#f2f2f2', GradientType=0);
padding-top: 30px;
padding-bottom: 30px
}
@media only screen and (max-width: 1068px) {
.section-compare {
padding-top: 42px
}
}
@media only screen and (max-width: 735px) {
.section-compare {
padding-top: 19px
}
}
@media only screen and (max-width: 1068px) {
.section-compare {
padding-bottom: 40px
}
}
@media only screen and (max-width: 735px) {
.section-compare {
padding-bottom: 0px
}
}
.section-compare .fp-secondary-headline {
margin-bottom: 14px
}
.section-compare .fp-compare-image {
background-repeat: no-repeat;
background-size: 986px 239px;
height: 239px;
width: 986px;
margin-left: -3px;
background-image: url("../img/compare_large.png");
margin-top: 81px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-image {
background-size: 724px 179px;
height: 179px;
width: 724px;
margin-left: -16px;
background-image: url("../img/compare_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-image {
background-size: 521px 189px;
height: 189px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("../img/compare_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_small_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-compare .fp-compare-image {
margin-top: 54px
}
}
@media only screen and (max-width: 735px) {
.section-compare .fp-compare-image {
margin-top: 54px;
background-repeat: no-repeat;
background-size: 986px 239px;
height: 239px;
width: 986px;
background-image: url("../img/compare_large.png");
margin-left: auto;
margin-right: auto;
position: relative;
left: -153px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_large_2x.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.section-compare .fp-compare-image {
background-size: 724px 179px;
height: 179px;
width: 724px;
background-image: url("../img/compare_medium.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_medium_2x.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.section-compare .fp-compare-image {
background-size: 521px 189px;
height: 189px;
width: 521px;
background-image: url("../img/compare_small.png")
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dppx) {
.section-compare .fp-compare-image {
background-image: url("../img/compare_small_2x.png")
}
}
.section-why-ipad {
margin-top: 114px;
margin-bottom: 107px;
overflow-x: hidden
}
@media only screen and (max-width: 1068px) {
.section-why-ipad {
margin-top: 78px;
margin-bottom: 54px
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad {
margin-top: 82px;
margin-bottom: 59px
}
.section-why-ipad .image-whyipad-a,
.section-why-ipad .image-whyipad-b {
display: none
}
}
.section-why-ipad .image-whyipad-a {
background-repeat: no-repeat;
background-size: 419px 832px;
height: 832px;
width: 419px;
background-image: url("../img/whyipad_a_large.jpg");
margin-left: -124px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-why-ipad .image-whyipad-a {
background-image: url("../img/whyipad_a_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .image-whyipad-a {
background-size: 249px 500px;
height: 500px;
width: 249px;
background-image: url("../img/whyipad_a_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-ipad .image-whyipad-a {
background-image: url("../img/whyipad_a_medium_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .image-whyipad-a {
margin-left: -65px
}
}
.section-why-ipad .image-whyipad-b {
background-repeat: no-repeat;
background-size: 419px 832px;
height: 832px;
width: 419px;
background-image: url("../img/whyipad_b_large.jpg");
margin-left: -132px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-why-ipad .image-whyipad-b {
background-image: url("../img/whyipad_b_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .image-whyipad-b {
background-size: 249px 500px;
height: 500px;
width: 249px;
background-image: url("../img/whyipad_b_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-ipad .image-whyipad-b {
background-image: url("../img/whyipad_b_medium_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .image-whyipad-b {
margin-left: -71px
}
}
.section-why-ipad .image-whyipad {
background-repeat: no-repeat;
display: none
}
@media only screen and (max-width: 735px) {
.section-why-ipad .image-whyipad {
background-size: 337px 311px;
height: 311px;
width: 111.1111%;
margin-left: -5.5556%;
margin-right: -5.5556%;
background-position: center top;
background-image: url("../img/whyipad_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-why-ipad .image-whyipad {
background-image: url("../img/whyipad_small_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .image-whyipad {
display: block;
margin-bottom: 10px
}
}
.section-why-ipad .fp-secondary-headline {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px
}
@media only screen and (max-width: 735px) {
.section-why-ipad .fp-secondary-headline {
margin-bottom: 21px
}
}
.section-why-ipad .copy {
margin-bottom: 6px
}
.section-why-ipad .product-features {
margin-top: 109px;
margin-left: auto;
margin-right: auto;
padding-left: 82px
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features {
margin-top: 76px;
padding-left: 0
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features {
margin-top: 43px;
text-align: center;
margin-left: auto;
margin-right: auto
}
}
.section-why-ipad .product-features .ios {
width: 41%
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .ios {
width: 45%;
left: 5%
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .ios {
margin-bottom: 46px;
left: 0;
width: 100%
}
}
.section-why-ipad .product-features .icloud {
width: 41%;
left: 15%
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .icloud {
left: 14%
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .icloud {
left: 0;
width: 100%
}
}
.section-why-ipad .product-features .fp-icon-heading {
margin-bottom: 15px
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .fp-icon-heading {
margin-bottom: 0
}
}
.section-why-ipad .product-features .fp-icon-heading .app-icon {
display: inline-block;
margin-right: 20px;
float: none;
display: inline-block;
vertical-align: middle
}
html.oldie .section-why-ipad .product-features .fp-icon-heading .app-icon {
display: inline;
zoom: 1
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .fp-icon-heading .app-icon {
float: none;
display: inline-block;
vertical-align: bottom
}
html.oldie .section-why-ipad .product-features .fp-icon-heading .app-icon {
display: inline;
zoom: 1
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .fp-icon-heading .app-icon {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 23px
}
}
.section-why-ipad .product-features .fp-icon-heading .fp-icon-headline {
margin: 0;
float: none;
display: inline-block;
vertical-align: middle
}
html.oldie .section-why-ipad .product-features .fp-icon-heading .fp-icon-headline {
display: inline;
zoom: 1
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .fp-icon-heading .fp-icon-headline {
float: none;
display: inline-block;
vertical-align: bottom
}
html.oldie .section-why-ipad .product-features .fp-icon-heading .fp-icon-headline {
display: inline;
zoom: 1
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .fp-icon-heading .fp-icon-headline {
margin-bottom: 5px
}
}
.section-why-ipad .product-features .product-features-content {
margin-left: 77px
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .product-features-content {
margin-left: 0
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .product-features-content {
width: 75%;
margin-left: auto;
margin-right: auto
}
}
.section-why-ipad .product-features .product-features-content .fp-tertiary-headline {
margin-top: 42px
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .product-features-content .fp-tertiary-headline {
margin-top: 58px
}
}
.section-why-ipad .product-features .product-features-content .product-preview-link {
width: 80%
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .product-features .product-features-content .product-preview-link {
width: 100%
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .product-features .product-features-content .product-preview-link {
width: 86%;
margin-left: auto;
margin-right: auto
}
}
.section-why-ipad .fp-why-ipad-group {
padding-top: 263px;
text-align: center;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .fp-why-ipad-group {
padding-top: 137px
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .fp-why-ipad-group {
padding-top: 20px
}
}
.section-why-ipad .icon-ios8 {
background-repeat: no-repeat;
background-size: 48px 48px;
height: 48px;
width: 48px;
background-image: url("../img/ios8_icon_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-why-ipad .icon-ios8 {
background-image: url("../img/ios8_icon_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .icon-ios8 {
background-size: 51px 51px;
height: 51px;
width: 51px;
background-image: url("../img/ios8_icon_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-ipad .icon-ios8 {
background-image: url("../img/ios8_icon_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .icon-ios8 {
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("../img/ios8_icon_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-why-ipad .icon-ios8 {
background-image: url("../img/ios8_icon_small_2x.png")
}
}
.section-why-ipad .icon-icloud {
background-repeat: no-repeat;
background-size: 48px 48px;
height: 48px;
width: 48px;
background-image: url("../img/icloud_icon_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-why-ipad .icon-icloud {
background-image: url("../img/icloud_icon_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.section-why-ipad .icon-icloud {
background-size: 51px 51px;
height: 51px;
width: 51px;
background-image: url("../img/icloud_icon_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-why-ipad .icon-icloud {
background-image: url("../img/icloud_icon_medium_2x.png")
}
}
@media only screen and (max-width: 735px) {
.section-why-ipad .icon-icloud {
background-size: 62px 62px;
height: 62px;
width: 62px;
background-image: url("../img/icloud_icon_small.png")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-why-ipad .icon-icloud {
background-image: url("../img/icloud_icon_small_2x.png")
}
}
.section-accessories .fp-billboard-image {
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("../img/accessories_billboard_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-accessories .fp-billboard-image {
background-image: url("../img/accessories_billboard_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-accessories .fp-billboard-image {
background-size: 1068px 452px;
background-image: url("../img/accessories_billboard_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-accessories .fp-billboard-image {
background-image: url("../img/accessories_billboard_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-accessories .fp-billboard-image {
background-size: 736px 462px;
background-image: url("../img/accessories_billboard_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-accessories .fp-billboard-image {
background-image: url("../img/accessories_billboard_small_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-accessories .fp-billboard-image {
height: 462px
}
}
.section-accessories .fp-billboard-headline {
margin-bottom: 4px
}
html.oldie .section-accessories .fp-billboard-content {
margin-top: 260px
}
.fp-shopstrip {
padding-top: 99px
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip {
padding-top: 72px
}
}
@media only screen and (max-width: 735px) {
.fp-shopstrip {
padding-top: 44px
}
}
.fp-shopstrip .fp-shopstrip-copy {
width: 68%;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .fp-shopstrip-copy {
width: 100%
}
}
.fp-shopstrip .icon-pickup {
background-repeat: no-repeat;
background-size: 37px 41px;
height: 41px;
width: 37px;
background-image: url("../img/icon_pickup_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.fp-shopstrip .icon-pickup {
background-image: url("../img/icon_pickup_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .icon-pickup {
background-size: 30px 34px;
height: 34px;
width: 30px;
background-image: url("../img/icon_pickup_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-shopstrip .icon-pickup {
background-image: url("../img/icon_pickup_medium_2x.png")
}
}
.fp-shopstrip .icon-shipping {
background-repeat: no-repeat;
background-size: 36px 40px;
height: 40px;
width: 36px;
background-image: url("../img/icon_shipping_large.png")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.fp-shopstrip .icon-shipping {
background-image: url("../img/icon_shipping_large_2x.png")
}
}
@media only screen and (max-width: 1068px) {
.fp-shopstrip .icon-shipping {
background-size: 30px 34px;
height: 34px;
width: 30px;
background-image: url("../img/icon_shipping_medium.png")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.fp-shopstrip .icon-shipping {
background-image: url("../img/icon_shipping_medium_2x.png")
}
}
.section-education .image-education {
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("../img/education_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-education .image-education {
background-image: url("../img/education_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-education .image-education {
background-size: 1068px 452px;
background-image: url("../img/education_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-education .image-education {
background-image: url("../img/education_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-education .image-education {
background-size: 736px 292px;
background-image: url("../img/education_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-education .image-education {
background-image: url("../img/education_small_2x.jpg")
}
}
.section-education .fp-billboard-copy {
width: 100%
}
@media only screen and (max-width: 1068px) {
.section-education .fp-billboard-copy {
width: 71%
}
}
@media only screen and (max-width: 735px) {
.section-education .fp-billboard-copy {
width: 90%
}
}
.section-business .image-business {
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("../img/business_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-business .image-business {
background-image: url("../img/business_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-business .image-business {
background-size: 1068px 452px;
background-image: url("../img/business_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-business .image-business {
background-image: url("../img/business_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-business .image-business {
background-size: 736px 292px;
background-image: url("../img/business_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-business .image-business {
background-image: url("../img/business_small_2x.jpg")
}
}
.section-business .fp-billboard-copy {
width: 80%
}
@media only screen and (max-width: 1068px) {
.section-business .fp-billboard-copy {
width: 83%
}
}
@media only screen and (max-width: 735px) {
.section-business .fp-billboard-copy {
width: 90%
}
}
.section-workshop {
margin-bottom: 0px
}
/*
.section-workshop .image-workshops {
background-repeat: no-repeat;
background-size: 1440px 597px;
background-image: url("../img/workshops_large.jpg")
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 144),
(min-resolution: 144dppx) {
.section-workshop .image-workshops {
background-image: url("../img/workshops_large_2x.jpg")
}
}
@media only screen and (max-width: 1068px) {
.section-workshop .image-workshops {
background-size: 1068px 452px;
background-image: url("../img/workshops_medium.jpg")
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 144dpi),
only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
.section-workshop .image-workshops {
background-image: url("../img/workshops_medium_2x.jpg")
}
}
@media only screen and (max-width: 735px) {
.section-workshop .image-workshops {
background-size: 736px 292px;
background-image: url("../img/workshops_small.jpg")
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 735px) and (min-resolution: 144dpi),
only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144),
only screen and (max-width: 735px) and (min-resolution: 144dppx) {
.section-workshop .image-workshops {
background-image: url("../img/workshops_small_2x.jpg")
}
}
*/
@media only screen and (max-width: 735px) {
.section-workshop {
margin-bottom: 7px
}
}
.section-workshop .fp-billboard-headline {
width: 55%
}
@media only screen and (max-width: 1068px) {
.section-workshop .fp-billboard-headline {
width: 60%
}
}
@media only screen and (max-width: 735px) {
.section-workshop .fp-billboard-headline {
width: 100%
}
}
.section-workshop .fp-billboard-copy {
width: 50%
}
@media only screen and (max-width: 1068px) {
.section-workshop .fp-billboard-copy {
width: 58%
}
}
@media only screen and (max-width: 735px) {
.section-workshop .fp-billboard-copy {
width: 90%;
margin-left: 0;
margin-right: 0
}
}