@charset "UTF-8";
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0; }

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr {
  margin: 0;
  padding: 0; }

pre,
code,
address,
caption,
th,
figcaption {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

fieldset,
iframe,
img {
  border: 0; }

caption,
th {
  text-align: left; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article,
aside,
footer,
header,
nav,
main,
section,
summary,
details,
hgroup,
figure,
figcaption {
  display: block; }

audio,
canvas,
video,
progress {
  display: inline-block;
  vertical-align: baseline; }

button {
  border: 0;
  font: inherit;
  vertical-align: middle; }

@media print {
  body,
  #main,
  #content {
    color: #000; }
  a,
  a:link,
  a:visited {
    color: #000;
    text-decoration: none; }
  #globalheader,
  #globalfooter,
  #directorynav,
  #tabs,
  .noprint,
  .hide {
    display: none; } }

html {
  font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 112.5%; }

[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: "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }

[lang=zh-TW] {
  font-family: "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }

[lang=zh-HK] {
  font-family: "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "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 {
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  background-color: white;
  color: #333333;
  font-style: normal; }
  html[lang=zh-TW] body {
    font-size: 16px;
    line-height: 1.8125; }
  html[lang=zh-HK] body {
    font-size: 16px;
    line-height: 1.8125; }
  html[lang=zh-CN] body {
    font-size: 16px;
    line-height: 1.75; }

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: #0088cc; }
  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,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em 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.11111em; }
  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: #333333; }
    sup a:hover {
      color: #0088cc;
      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;
  top: 0;
  left: 0;
  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.33333%; }
  html.oldie .large-1 {
    width: 8.325%; }

.large-offset-1 {
  margin-left: 8.33333%; }
  html.oldie .large-offset-1 {
    margin-left: 8.325%; }

.large-push-1 {
  left: 8.33333%;
  right: auto; }

.large-pull-1 {
  right: 8.33333%;
  left: auto; }

.large-2 {
  width: 16.66667%; }
  html.oldie .large-2 {
    width: 16.65%; }

.large-offset-2 {
  margin-left: 16.66667%; }
  html.oldie .large-offset-2 {
    margin-left: 16.65%; }

.large-push-2 {
  left: 16.66667%;
  right: auto; }

.large-pull-2 {
  right: 16.66667%;
  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.33333%; }
  html.oldie .large-4 {
    width: 33.3%; }

.large-offset-4 {
  margin-left: 33.33333%; }
  html.oldie .large-offset-4 {
    margin-left: 33.3%; }

.large-push-4 {
  left: 33.33333%;
  right: auto; }

.large-pull-4 {
  right: 33.33333%;
  left: auto; }

.large-5 {
  width: 41.66667%; }
  html.oldie .large-5 {
    width: 41.625%; }

.large-offset-5 {
  margin-left: 41.66667%; }
  html.oldie .large-offset-5 {
    margin-left: 41.625%; }

.large-push-5 {
  left: 41.66667%;
  right: auto; }

.large-pull-5 {
  right: 41.66667%;
  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.33333%; }
  html.oldie .large-7 {
    width: 58.275%; }

.large-offset-7 {
  margin-left: 58.33333%; }
  html.oldie .large-offset-7 {
    margin-left: 58.275%; }

.large-push-7 {
  left: 58.33333%;
  right: auto; }

.large-pull-7 {
  right: 58.33333%;
  left: auto; }

.large-8 {
  width: 66.66667%; }
  html.oldie .large-8 {
    width: 66.6%; }

.large-offset-8 {
  margin-left: 66.66667%; }
  html.oldie .large-offset-8 {
    margin-left: 66.6%; }

.large-push-8 {
  left: 66.66667%;
  right: auto; }

.large-pull-8 {
  right: 66.66667%;
  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.33333%; }
  html.oldie .large-10 {
    width: 83.25%; }

.large-offset-10 {
  margin-left: 83.33333%; }
  html.oldie .large-offset-10 {
    margin-left: 83.25%; }

.large-push-10 {
  left: 83.33333%;
  right: auto; }

.large-pull-10 {
  right: 83.33333%;
  left: auto; }

.large-11 {
  width: 91.66667%; }
  html.oldie .large-11 {
    width: 91.575%; }

.large-offset-11 {
  margin-left: 91.66667%; }
  html.oldie .large-offset-11 {
    margin-left: 91.575%; }

.large-push-11 {
  left: 91.66667%;
  right: auto; }

.large-pull-11 {
  right: 91.66667%;
  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; }

@font-face {
  font-family: "AppleIcons";
  font-style: normal;
  font-weight: 400;
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_text.eot");
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_text.eot?#iefix") format("embedded-opentype"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_text.woff") format("woff"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_text.ttf") format("truetype"); }

@font-face {
  font-family: "AppleIcons";
  font-style: normal;
  font-weight: 200;
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_thin.eot");
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_thin.eot?#iefix") format("embedded-opentype"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_thin.woff") format("woff"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_thin.ttf") format("truetype"); }

@font-face {
  font-family: "AppleIcons";
  font-style: normal;
  font-weight: 100;
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_ultralight.eot");
  src: url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_ultralight.eot?#iefix") format("embedded-opentype"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_ultralight.woff") format("woff"), url("/v/safari/e/built/assets/ac-appleicons/fonts/appleicons_ultralight.ttf") format("truetype"); }

.icon {
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .icon:before, .icon:after,
  .icon .icon-htc {
    display: inline-block;
    color: inherit;
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 1; }
  .icon:after,
  .icon .icon-htc {
    top: 0;
    padding-left: 0.3em; }
  .icon:before {
    display: none; }

.icon-before {
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .icon-before:before, .icon-before:after,
  .icon-before .icon-htc {
    display: inline-block;
    color: inherit;
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 1; }
  .icon-before:before,
  .icon-before .icon-htc {
    top: -0.125em;
    padding-right: 0.3em; }
  .icon-before:after {
    display: none; }

.icon-standalone {
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .icon-standalone:before, .icon-standalone:after,
  .icon-standalone .icon-htc {
    display: inline-block;
    color: inherit;
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 1; }
  .icon-standalone:after,
  .icon-standalone .icon-htc {
    top: 0;
    padding-left: 0;
    padding-right: 0; }
  .icon-standalone:before {
    display: none; }

.icon-font {
  font-family: "AppleIcons";
  font-style: normal;
  font-weight: inherit; }

.icon-ie-parent:link {
  text-decoration: none; }
  html.no-js .icon-ie-parent:link:hover {
    text-decoration: none; }
    html.no-js .icon-ie-parent:link:hover .icon-ie-link {
      text-decoration: underline; }
  html.no-touch .icon-ie-parent:link:hover {
    text-decoration: none; }
    html.no-touch .icon-ie-parent:link:hover .icon-ie-link {
      text-decoration: underline; }

.icon-chevrondown:before, .icon-chevrondown:after {
  content: ""; }

.icon-chevrondown .icon-htc {
  x-content: ""; }

.icon-chevrondownalt:before, .icon-chevrondownalt:after {
  content: ""; }

.icon-chevrondownalt .icon-htc {
  x-content: ""; }

.icon-chevronleft:before, .icon-chevronleft:after {
  content: ""; }

.icon-chevronleft .icon-htc {
  x-content: ""; }

.icon-chevronrightalt:before, .icon-chevronrightalt:after {
  content: ""; }

.icon-chevronrightalt .icon-htc {
  x-content: ""; }

.icon-chevronright:before, .icon-chevronright:after {
  content: ""; }

.icon-chevronright .icon-htc {
  x-content: ""; }

.icon-chevronleftalt:before, .icon-chevronleftalt:after {
  content: ""; }

.icon-chevronleftalt .icon-htc {
  x-content: ""; }

.icon-chevronup:before, .icon-chevronup:after {
  content: ""; }

.icon-chevronup .icon-htc {
  x-content: ""; }

.icon-chevronupalt:before, .icon-chevronupalt:after {
  content: ""; }

.icon-chevronupalt .icon-htc {
  x-content: ""; }

.icon-close:before, .icon-close:after {
  content: ""; }

.icon-close .icon-htc {
  x-content: ""; }

.icon-closealt:before, .icon-closealt:after {
  content: ""; }

.icon-closealt .icon-htc {
  x-content: ""; }

.icon-download:before, .icon-download:after {
  content: ""; }

.icon-download .icon-htc {
  x-content: ""; }

.icon-downloadalt:before, .icon-downloadalt:after {
  content: ""; }

.icon-downloadalt .icon-htc {
  x-content: ""; }

.icon-external:before, .icon-external:after {
  content: ""; }

.icon-external .icon-htc {
  x-content: ""; }

.icon-alert:before, .icon-alert:after {
  content: ""; }

.icon-alert .icon-htc {
  x-content: ""; }

.icon-list:before, .icon-list:after {
  content: ""; }

.icon-list .icon-htc {
  x-content: ""; }

.icon-paddledown:before, .icon-paddledown:after {
  content: ""; }

.icon-paddledown .icon-htc {
  x-content: ""; }

.icon-paddleleft:before, .icon-paddleleft:after {
  content: ""; }

.icon-paddleleft .icon-htc {
  x-content: ""; }

.icon-paddleright:before, .icon-paddleright:after {
  content: ""; }

.icon-paddleright .icon-htc {
  x-content: ""; }

.icon-paddleup:before, .icon-paddleup:after {
  content: ""; }

.icon-paddleup .icon-htc {
  x-content: ""; }

.icon-pause:before, .icon-pause:after {
  content: ""; }

.icon-pause .icon-htc {
  x-content: ""; }

.icon-play:before, .icon-play:after {
  content: ""; }

.icon-play .icon-htc {
  x-content: ""; }

.icon-playalt:before, .icon-playalt:after {
  content: ""; }

.icon-playalt .icon-htc {
  x-content: ""; }

.icon-replay:before, .icon-replay:after {
  content: ""; }

.icon-replay .icon-htc {
  x-content: ""; }

.icon-zoomalt:before, .icon-zoomalt:after {
  content: ""; }

.icon-zoomalt .icon-htc {
  x-content: ""; }

.icon-closeinlinealt:before, .icon-closeinlinealt:after {
  content: ""; }

.icon-closeinlinealt .icon-htc {
  x-content: ""; }

.icon-grid:before, .icon-grid:after {
  content: ""; }

.icon-grid .icon-htc {
  x-content: ""; }

.icon-checkalt:before, .icon-checkalt:after {
  content: ""; }

.icon-checkalt .icon-htc {
  x-content: ""; }

.icon-stop:before, .icon-stop:after {
  content: ""; }

.icon-stop .icon-htc {
  x-content: ""; }

.icon-stopalt:before, .icon-stopalt:after {
  content: ""; }

.icon-stopalt .icon-htc {
  x-content: ""; }

.icon-replayalt:before, .icon-replayalt:after {
  content: ""; }

.icon-replayalt .icon-htc {
  x-content: ""; }

.icon-facebook:before, .icon-facebook:after {
  content: ""; }

.icon-facebook .icon-htc {
  x-content: ""; }

.icon-link:before, .icon-link:after {
  content: ""; }

.icon-link .icon-htc {
  x-content: ""; }

.icon-mail:before, .icon-mail:after {
  content: ""; }

.icon-mail .icon-htc {
  x-content: ""; }

.icon-pinterest:before, .icon-pinterest:after {
  content: ""; }

.icon-pinterest .icon-htc {
  x-content: ""; }

.icon-qqweibo:before, .icon-qqweibo:after {
  content: ""; }

.icon-qqweibo .icon-htc {
  x-content: ""; }

.icon-qzone:before, .icon-qzone:after {
  content: ""; }

.icon-qzone .icon-htc {
  x-content: ""; }

.icon-renren:before, .icon-renren:after {
  content: ""; }

.icon-renren .icon-htc {
  x-content: ""; }

.icon-share:before, .icon-share:after {
  content: ""; }

.icon-share .icon-htc {
  x-content: ""; }

.icon-tumblr:before, .icon-tumblr:after {
  content: ""; }

.icon-tumblr .icon-htc {
  x-content: ""; }

.icon-twitter:before, .icon-twitter:after {
  content: ""; }

.icon-twitter .icon-htc {
  x-content: ""; }

.icon-webo:before, .icon-webo:after {
  content: ""; }

.icon-webo .icon-htc {
  x-content: ""; }

.icon-instagram:before, .icon-instagram:after {
  content: ""; }

.icon-instagram .icon-htc {
  x-content: ""; }

.icon-check:before, .icon-check:after {
  content: ""; }

.icon-check .icon-htc {
  x-content: ""; }

.icon-linkedin:before, .icon-linkedin:after {
  content: ""; }

.icon-linkedin .icon-htc {
  x-content: ""; }

.icon-snapchat:before, .icon-snapchat:after {
  content: ""; }

.icon-snapchat .icon-htc {
  x-content: ""; }

.icon-zoom:before, .icon-zoom:after {
  content: ""; }

.icon-zoom .icon-htc {
  x-content: ""; }

.icon-zoomoutalt:before, .icon-zoomoutalt:after {
  content: ""; }

.icon-zoomoutalt .icon-htc {
  x-content: ""; }

.icon-zoomout:before, .icon-zoomout:after {
  content: ""; }

.icon-zoomout .icon-htc {
  x-content: ""; }

.icon-favorite:before, .icon-favorite:after {
  content: ""; }

.icon-favorite .icon-htc {
  x-content: ""; }

.icon-clearsolid:before, .icon-clearsolid:after {
  content: ""; }

.icon-clearsolid .icon-htc {
  x-content: ""; }

.icon-remove:before, .icon-remove:after {
  content: ""; }

.icon-remove .icon-htc {
  x-content: ""; }

.icon-unvalidatedalt:before, .icon-unvalidatedalt:after {
  content: ""; }

.icon-unvalidatedalt .icon-htc {
  x-content: ""; }

.icon-unvalidated:before, .icon-unvalidated:after {
  content: ""; }

.icon-unvalidated .icon-htc {
  x-content: ""; }

.icon-info:before, .icon-info:after {
  content: ""; }

.icon-info .icon-htc {
  x-content: ""; }

.icon-add:before, .icon-add:after {
  content: ""; }

.icon-add .icon-htc {
  x-content: ""; }

.icon-exclamation:before, .icon-exclamation:after {
  content: ""; }

.icon-exclamation .icon-htc {
  x-content: ""; }

.icon-infoalt:before, .icon-infoalt:after {
  content: ""; }

.icon-infoalt .icon-htc {
  x-content: ""; }

.icon-circle:before, .icon-circle:after {
  content: ""; }

.icon-circle .icon-htc {
  x-content: ""; }

.icon-apple:before, .icon-apple:after {
  content: ""; }

.icon-apple .icon-htc {
  x-content: ""; }

.more {
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .more:before, .more:after {
    content: ""; }
  .more .icon-htc {
    x-content: ""; }
  .more:before, .more:after,
  .more .icon-htc {
    display: inline-block;
    color: inherit;
    font-family: "AppleIcons";
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: none;
    position: relative;
    z-index: 1; }
  .more:after,
  .more .icon-htc {
    top: 0;
    padding-left: 0.3em; }
  .more:before {
    display: none; }

.more-block {
  margin-top: .5em; }

.badge {
  display: inline-block;
  position: relative;
  font-size: 20px;
  width: 8em;
  height: 8em;
  color: #333333;
  vertical-align: middle; }

.badge-content {
  position: absolute;
  width: 100%;
  bottom: 2.75em; }

.badge-large {
  display: block;
  position: relative;
  left: -2px;
  margin-left: auto;
  margin-right: auto;
  font-size: 80px;
  line-height: 0.9;
  font-weight: 100;
  letter-spacing: -0.025em;
  font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 100;
  white-space: nowrap; }
  html.oldie .badge-large {
    font-weight: normal;
    font-family: "Myriad Set Pro 100", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .badge-large {
    font-family: "Apple TP 100", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .badge-large {
    font-family: "PingHei 100", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .badge-large {
    font-family: "MHei 100", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .badge-large {
    font-family: "MHei 100", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .badge-large {
    font-family: "Sukhumvit Set 100", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .badge-large {
    font-family: "Yoon Gothic 100", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP] .badge-large {
    font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR] .badge-large {
    font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html.oldie .badge-large {
    font-weight: normal;
    font-family: "Myriad Set Pro 100", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .badge-large {
    font-family: "Apple TP 100", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .badge-large {
    font-family: "Yoon Gothic 100", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .badge-large:first-child {
    margin-top: 0.3125em; }
  html.oldie .badge-large {
    position: relative;
    top: -0.0875em; }
  .badge-large + .badge-small {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%; }

.badge-large-edge {
  margin-left: -0.125em; }

.badge-medium-edge,
.badge-medium-edge + .badge-half {
  margin-left: -7px; }

.badge-small {
  display: block;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
  color: #666666;
  margin-top: 0.0625em;
  margin-bottom: 0.375em;
  color: #666666; }

.badge-half {
  font-size: 42px;
  line-height: 0.80952;
  font-weight: 200;
  letter-spacing: -0.025em;
  font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 200;
  text-transform: none; }
  html.oldie .badge-half {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .badge-half {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .badge-half {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .badge-half {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .badge-half {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .badge-half {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .badge-half {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP] .badge-half {
    font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN] .badge-half {
    font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW] .badge-half {
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK] .badge-half {
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH] .badge-half {
    font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR] .badge-half {
    font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html.oldie .badge-half {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .badge-half {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .badge-half {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .badge-half {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .badge-half {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .badge-half {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .badge-half {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.badge-half-top {
  position: relative;
  top: -.6em; }

.badge-half-middle {
  position: relative;
  top: -.35em; }

.badge-center {
  text-align: center; }

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: #0088cc;
    cursor: pointer; }

a.block-inline {
  display: inline-block; }

.button {
  background-color: #1e9bda;
  background: -webkit-linear-gradient(#3caee7, #0088cc);
  background: linear-gradient(#3caee7, #0088cc);
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  padding: 0 16px;
  display: inline-block;
  font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP] .button {
    font-family: "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN] .button {
    font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW] .button {
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK] .button {
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH] .button {
    font-family: "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR] .button {
    font-family: "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html.oldie .button {
    display: inline;
    zoom: 1; }
  html.oldie .button {
    vertical-align: middle; }
  html.no-js .button:hover {
    background-color: #30a3dd;
    background: -webkit-linear-gradient(#4cb4e9, #1492d0);
    background: linear-gradient(#4cb4e9, #1492d0);
    text-decoration: none; }
  html.no-touch .button:hover {
    background-color: #30a3dd;
    background: -webkit-linear-gradient(#4cb4e9, #1492d0);
    background: linear-gradient(#4cb4e9, #1492d0);
    text-decoration: none; }
  .button:active {
    background-color: #0e85c1;
    background: -webkit-linear-gradient(#1b9edf, #006da3);
    background: linear-gradient(#1b9edf, #006da3);
    outline: none; }

@-moz-document url-prefix() {
  .button {
    line-height: 31px;
    padding-top: 1px; } }

.button-buynow,
.button-compact {
  background-color: #1e9bda;
  background: -webkit-linear-gradient(#3caee7, #0088cc);
  background: linear-gradient(#3caee7, #0088cc);
  border-color: #137ec6;
  border-top-color: #1992da;
  border-bottom-color: #0d6ab2;
  color: white;
  color: white;
  font-size: 13px;
  padding: 0 11px;
  line-height: 22px; }
  html.no-js .button-buynow:hover, html.no-js .button-compact:hover {
    background: #30a3dd;
    background: -webkit-linear-gradient(#4cb4e9, #1492d0);
    background: linear-gradient(#4cb4e9, #1492d0); }
  html.no-touch .button-buynow:hover, html.no-touch .button-compact:hover {
    background: #30a3dd;
    background: -webkit-linear-gradient(#4cb4e9, #1492d0);
    background: linear-gradient(#4cb4e9, #1492d0); }
  .button-buynow:active,
  .button-compact:active {
    background: #0e85c1;
    background: -webkit-linear-gradient(#1b9edf, #006da3);
    background: linear-gradient(#1b9edf, #006da3); }

@-moz-document url-prefix() {
  .button-buynow,
  .button-compact {
    line-height: 21px;
    padding-top: 1px; } }

.callout {
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  background-color: #fafafa;
  margin: 1.11111em auto;
  padding: 1.66667em 4.44444em; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout .callout-title {
    color: #333333;
    margin-top: 0;
    font-size: 32px;
    line-height: 1.125;
    font-weight: 200;
    letter-spacing: normal; }
    html.oldie .callout .callout-title {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .callout .callout-title {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .callout .callout-title {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .callout .callout-title {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .callout .callout-title {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .callout .callout-title {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .callout .callout-title {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-TW] .callout .callout-title {
      font-size: 30px;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK] .callout .callout-title {
      font-size: 30px;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-CN] .callout .callout-title {
      font-size: 30px;
      line-height: 1.16667;
      font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=th-TH] .callout .callout-title {
      line-height: 1.21875; }
  .callout .callout-copy {
    color: #666666;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 10px;
    margin-bottom: 6px; }
    html[lang=zh-TW] .callout .callout-copy {
      font-size: 14px;
      line-height: 1.78571; }
    html[lang=zh-HK] .callout .callout-copy {
      font-size: 14px;
      line-height: 1.78571; }
    html[lang=zh-CN] .callout .callout-copy {
      font-size: 14px;
      line-height: 1.71429; }

.callout-environment {
  background-color: #f6f6ee;
  border-color: transparent;
  margin: 1.11111em auto;
  padding: 1.66667em 4.44444em; }
  .callout-environment .callout-title {
    color: #548c8c; }
  .callout-environment .callout-copy {
    color: #333333; }

.colorselector {
  margin: 0;
  display: inline-block;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  html.oldie .colorselector {
    display: inline;
    zoom: 1; }

.colorselector-title {
  font-size: 18px;
  line-height: 1.33333;
  font-weight: 400;
  letter-spacing: normal;
  padding-top: 10px;
  padding-bottom: 0;
  margin: 0 0 0.45em; }

.colorselector-links {
  list-style: none;
  border-top: 1px solid #d6d6d6;
  padding-top: 16px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: left;
  display: inline-block;
  margin-left: auto;
  margin-right: auto; }
  html.oldie .colorselector-links {
    display: inline;
    zoom: 1; }
  .colorselector-links > li {
    display: inline-block;
    list-style: none;
    margin: 0 4px; }
    html.oldie .colorselector-links li {
      display: inline;
      zoom: 1; }
  .colorselector-links.colorselector-links-notitle {
    border-top: 0; }
  .colorselector-links + .colorselector-links {
    display: block;
    padding-top: 0;
    border-top: 0;
    text-align: left; }
    html.oldie .colorselector-links .colorselector-links {
      float: left; }

.colorselector-link {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  background-color: transparent;
  display: inline-block;
  padding: 3px;
  position: relative;
  margin-bottom: 18px; }
  html.oldie .colorselector-link {
    display: inline;
    zoom: 1; }
  html.no-js .colorselector-link:hover {
    text-decoration: 0;
    border-color: #d6d6d6; }
  html.no-touch .colorselector-link:hover {
    text-decoration: 0;
    border-color: #d6d6d6; }
  .colorselector-link.active, .colorselector-link.current {
    border-color: #0088cc;
    cursor: default; }
    html.no-js .colorselector-link.active:hover, html.no-js .colorselector-link.current:hover {
      border-color: #0088cc; }
    html.no-touch .colorselector-link.active:hover, html.no-touch .colorselector-link.current:hover {
      border-color: #0088cc; }

.colorselector-link-red {
  margin-right: 73px; }

.colorselector-swatch {
  background-color: #e3e3e3;
  border-radius: 50%;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 32px;
  height: 32px; }

.colorselector-swatch-red {
  background-color: #e01043; }
  .colorselector-swatch-red .colorselector-caption-red {
    color: #e01043;
    position: absolute;
    left: 100%;
    top: 30%;
    display: block;
    margin-left: 6px; }
  .colorselector-swatch-red .colorselector-productred {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-image: url("/v/safari/e/built/assets/ac-toolkit/colorselector/product_red.svg");
    background-size: 70px 13px;
    height: 13px;
    width: 70px; }
    html.no-svg .colorselector-swatch-red .colorselector-productred {
      background-image: url("http://images.apple.com/v/safari/e/built/assets/ac-toolkit/colorselector/product_red.png");
      background-size: 70px 13px;
      height: 13px;
      width: 70px; }

.colorselector-caption {
  position: absolute;
  text-align: center;
  width: 64px;
  left: 50%;
  margin-left: -32px;
  color: #333333;
  display: none;
  top: 100%;
  font-size: 12px;
  line-height: 2.41667;
  font-weight: 400;
  letter-spacing: normal; }
  .colorselector-link.current .colorselector-caption {
    display: block; }

.dotnav {
  text-align: center; }
  html.touch .dotnav {
    pointer-events: none; }
  .dotnav ul {
    display: inline-block; }
    html.oldie .dotnav ul {
      display: inline;
      zoom: 1; }
  .dotnav li {
    list-style: none;
    margin: 0 10px;
    width: 8px;
    height: 8px;
    float: left;
    position: relative; }
  .dotnav .dotnav-item {
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    outline: none;
    position: absolute;
    border-radius: 50%;
    background-color: #999999;
    box-sizing: content-box;
    padding: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
    html.no-js .dotnav .dotnav-item:hover {
      background-color: #666666; }
    html.no-touch .dotnav .dotnav-item:hover {
      background-color: #666666; }
    .dotnav .dotnav-item:focus {
      outline-style: auto;
      outline-color: #0088cc; }
    .dotnav .dotnav-item.current {
      top: -1px;
      left: -1px;
      width: 8px;
      height: 8px;
      border-style: solid;
      border-width: 1px;
      border-color: #0088cc;
      background-color: transparent;
      cursor: default; }
      html.no-js .dotnav .dotnav-item.current:hover {
        background-color: transparent; }
      html.no-touch .dotnav .dotnav-item.current:hover {
        background-color: transparent; }

.eyebrow {
  font-size: 32px;
  line-height: 1.125;
  font-weight: 200;
  letter-spacing: 0em;
  display: block;
  margin-bottom: 18px; }
  html.oldie .eyebrow {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .eyebrow {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .eyebrow {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .eyebrow {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .eyebrow {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .eyebrow {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .eyebrow {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .eyebrow + * {
    margin-top: 0; }

.jumpnav {
  text-align: center;
  padding-bottom: 1.66667em; }
  .jumpnav > ul {
    display: table;
    margin: 0 auto;
    min-width: 720px; }
    html.oldie .jumpnav ul {
      display: inline;
      zoom: 1; }
    html.oldie .jumpnav ul {
      min-width: 0; }
    .jumpnav > ul > li {
      display: table-cell;
      padding: 6px;
      max-width: 140px;
      list-style: none; }
      html.oldie .jumpnav ul li {
        float: left; }

.jumpnav-link {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 100px; }
  html.no-js .jumpnav-link:hover {
    text-decoration: none; }
    html.no-js .jumpnav-link:hover .jumpnav-title {
      color: #0088cc; }
  html.no-touch .jumpnav-link:hover {
    text-decoration: none; }
    html.no-touch .jumpnav-link:hover .jumpnav-title {
      color: #0088cc; }

.jumpnav-title {
  position: absolute;
  top: 90px;
  left: 5%;
  right: 5%;
  line-height: 1.2;
  color: #333333;
  font-size: 0.77778em;
  text-decoration: none;
  white-space: normal; }

.jumpnav-internal {
  border-bottom: 1px solid #d6d6d6;
  background-color: transparent; }

.list-square {
  list-style: square outside; }

.list-circle {
  list-style: circle outside; }

.list-disc {
  list-style: disc outside; }

.nextrouter {
  background-color: #fafafa;
  position: relative;
  z-index: 1; }
  .nextrouter:before, .nextrouter:after {
    content: ' ';
    display: table; }
  .nextrouter:after {
    clear: both; }
  html.oldie .nextrouter {
    zoom: 1; }
  .nextrouter .nextrouter-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px; }
  .nextrouter .nextrouter-copy {
    position: relative;
    z-index: 1;
    min-height: 2px;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
    z-index: 2;
    margin: 95px 0 95px 0; }
    html.oldie .nextrouter .nextrouter-copy {
      width: 49.95%; }
  .nextrouter .nextrouter-label {
    color: #999999;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 200;
    letter-spacing: 0em;
    display: block;
    margin-bottom: 0.3em; }
    html.oldie .nextrouter .nextrouter-label {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .nextrouter .nextrouter-label {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .nextrouter .nextrouter-label {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .nextrouter .nextrouter-label {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .nextrouter .nextrouter-label {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .nextrouter .nextrouter-label {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .nextrouter .nextrouter-label {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .nextrouter .nextrouter-sentence {
    font-size: 42px;
    line-height: 1.14286;
    font-weight: 200;
    letter-spacing: -0.01em;
    margin-bottom: 0.2em; }
    html.oldie .nextrouter .nextrouter-sentence {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .nextrouter .nextrouter-sentence {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .nextrouter .nextrouter-sentence {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .nextrouter .nextrouter-sentence {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .nextrouter .nextrouter-sentence {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .nextrouter .nextrouter-sentence {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .nextrouter .nextrouter-sentence {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .nextrouter .nextrouter-link {
    margin-bottom: 0; }
  .nextrouter .nextrouter-image {
    position: relative;
    z-index: 1;
    min-height: 2px;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%; }
    html.oldie .nextrouter .nextrouter-image {
      width: 49.95%; }

.paddlenav {
  list-style: none;
  margin: 0; }

.paddlenav-arrow {
  width: 67px;
  height: 128px;
  position: absolute;
  top: 50%;
  line-height: 1.78;
  margin-top: -64px;
  text-align: center;
  overflow: hidden;
  color: #999999;
  background-color: transparent;
  border-radius: 4px;
  display: block;
  font-size: 72px;
  font-style: normal;
  font-weight: 200;
  opacity: .70;
  -webkit-transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear;
          transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear; }
  .paddlenav-arrow.disabled {
    opacity: 0; }
    html.no-js .paddlenav-arrow.disabled:hover {
      opacity: 0;
      cursor: default; }
    html.no-touch .paddlenav-arrow.disabled:hover {
      opacity: 0;
      cursor: default; }
    html.oldie .paddlenav-arrow.disabled {
      display: none; }
  html.no-js .paddlenav-arrow:hover {
    color: #999999;
    background-color: transparent;
    text-decoration: none;
    opacity: 1; }
  html.no-touch .paddlenav-arrow:hover {
    color: #999999;
    background-color: transparent;
    text-decoration: none;
    opacity: 1; }
  .paddlenav-arrow:focus {
    color: #999999;
    background-color: transparent;
    text-decoration: none; }
  html.touch .paddlenav-arrow {
    color: #999999;
    background-color: transparent;
    text-decoration: none; }

.paddlenav-arrow-left {
  left: 0;
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .paddlenav-arrow-left:before, .paddlenav-arrow-left:after {
    content: ""; }
  .paddlenav-arrow-left .icon-htc {
    x-content: ""; }
  .paddlenav-arrow-left:before, .paddlenav-arrow-left:after,
  .paddlenav-arrow-left .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; }
  .paddlenav-arrow-left:after,
  .paddlenav-arrow-left .icon-htc {
    top: 0;
    padding-left: 0;
    padding-right: 0; }
  .paddlenav-arrow-left:before {
    display: none; }

.paddlenav-arrow-right {
  right: 0;
  behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
  .paddlenav-arrow-right:before, .paddlenav-arrow-right:after {
    content: ""; }
  .paddlenav-arrow-right .icon-htc {
    x-content: ""; }
  .paddlenav-arrow-right:before, .paddlenav-arrow-right:after,
  .paddlenav-arrow-right .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; }
  .paddlenav-arrow-right:after,
  .paddlenav-arrow-right .icon-htc {
    top: 0;
    padding-left: 0;
    padding-right: 0; }
  .paddlenav-arrow-right:before {
    display: none; }

html.no-touch .paddlenav-onhover .paddlenav-arrow {
  opacity: 0; }
  html.no-touch .paddlenav-onhover .paddlenav-arrow:focus {
    opacity: 1; }

html.oldie .paddlenav-onhover .paddlenav-arrow {
  visibility: hidden; }

.with-paddlenav {
  position: relative; }
  html.no-js.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
    opacity: .70; }
  html.no-js.oldie .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
    visibility: visible; }
  html.no-js .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:focus {
    opacity: 1; }
  html.no-js .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover {
    opacity: 1; }
  html.no-js.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover {
    opacity: 1; }
  html.no-js .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow.disabled {
    opacity: 0; }
  html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
    opacity: .70; }
  html.no-touch.oldie .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
    visibility: visible; }
  html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:focus {
    opacity: 1; }
  html.no-touch.no-js .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover {
    opacity: 1; }
  html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover {
    opacity: 1; }
  html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow.disabled {
    opacity: 0; }

.paddlenav-framed .paddlenav-arrow {
  color: #999999;
  background-color: #fafafa; }
  html.no-js .paddlenav-framed .paddlenav-arrow:hover {
    color: #999999;
    background-color: #fafafa;
    text-decoration: none; }
  html.no-touch .paddlenav-framed .paddlenav-arrow:hover {
    color: #999999;
    background-color: #fafafa;
    text-decoration: none; }
  .paddlenav-framed .paddlenav-arrow:focus {
    color: #999999;
    background-color: #fafafa;
    text-decoration: none; }
  html.touch .paddlenav-framed .paddlenav-arrow {
    color: #999999;
    background-color: #fafafa; }

.paddlenav-framed .paddlenav-arrow-left {
  left: 15px; }

.paddlenav-framed .paddlenav-arrow-right {
  right: 15px; }

.quote-copy {
  font-size: 42px;
  line-height: 1.14286;
  font-weight: 200;
  letter-spacing: -0.01em; }
  html.oldie .quote-copy {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quote-copy {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quote-copy {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quote-copy {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quote-copy {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quote-copy {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quote-copy {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .quote-copy > :before {
    content: '“'; }
  .quote-copy > :after {
    content: '”';
    margin-left: -.1em;
    display: none; }
  .quote-copy > :last-child {
    margin-bottom: 0; }
    .quote-copy > :last-child:after {
      display: inline; }

.quote-credit {
  font-size: 24px;
  line-height: 1.16667;
  font-weight: 200;
  font-style: italic;
  margin-top: 1em; }
  html.oldie .quote-credit {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quote-credit {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quote-credit {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quote-credit {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quote-credit {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quote-credit {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quote-credit {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  .quote-credit:before {
    content: '– '; }

.quote-narrow .quote-copy {
  font-size: 32px;
  line-height: 1.125;
  font-weight: 200;
  letter-spacing: -0.01em; }
  html.oldie .quote-narrow .quote-copy {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quote-narrow .quote-copy {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quote-narrow .quote-copy {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quote-narrow .quote-copy {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quote-narrow .quote-copy {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quote-narrow .quote-copy {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quote-narrow .quote-copy {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.quote-narrow .quote-credit {
  font-size: 24px;
  line-height: 1.33333;
  font-weight: 200;
  font-style: italic; }
  html.oldie .quote-narrow .quote-credit {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .quote-narrow .quote-credit {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .quote-narrow .quote-credit {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .quote-narrow .quote-credit {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .quote-narrow .quote-credit {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .quote-narrow .quote-credit {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .quote-narrow .quote-credit {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.sosumi {
  color: #999999; }
  .sosumi a {
    color: #666666; }
    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.33333;
    font-weight: 400;
    letter-spacing: normal; }
  .sosumi small {
    font-size: 1em; }

.thumbnail {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  html.oldie .thumbnail {
    display: inline;
    zoom: 1; }
  .thumbnail > img {
    z-index: 1;
    display: block;
    border-radius: 4px; }
  .thumbnail .thumbnail-play {
    position: absolute;
    display: block;
    z-index: 1;
    width: 38px;
    height: 38px;
    top: 5px;
    left: 21px;
    font-size: 28px;
    font-weight: 100;
    color: white;
    text-align: center;
    line-height: 1.2;
    behavior: url("/v/safari/e/built/assets/ac-appleicons/behaviors/icons.htc"); }
    .thumbnail .thumbnail-play:before, .thumbnail .thumbnail-play:after {
      content: ""; }
    .thumbnail .thumbnail-play .icon-htc {
      x-content: ""; }
    .thumbnail .thumbnail-play:before, .thumbnail .thumbnail-play:after,
    .thumbnail .thumbnail-play .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; }
    .thumbnail .thumbnail-play:after,
    .thumbnail .thumbnail-play .icon-htc {
      top: 0;
      padding-left: 0;
      padding-right: 0; }
    .thumbnail .thumbnail-play:before {
      display: none; }
  .thumbnail:focus {
    text-decoration: none; }
    .thumbnail:focus .thumbnail-play {
      color: #0088cc; }
  html.no-js .thumbnail:hover {
    text-decoration: none; }
    html.no-js .thumbnail:hover .thumbnail-play {
      color: #0088cc; }
  html.no-touch .thumbnail:hover {
    text-decoration: none; }
    html.no-touch .thumbnail:hover .thumbnail-play {
      color: #0088cc; }
  .thumbnail + .more {
    display: block; }

html.no-js .block:hover .thumbnail {
  text-decoration: none; }
  html.no-js .block:hover .thumbnail .thumbnail-play {
    color: #0088cc; }

html.no-touch .block:hover .thumbnail {
  text-decoration: none; }
  html.no-touch .block:hover .thumbnail .thumbnail-play {
    color: #0088cc; }

.block:focus .thumbnail {
  text-decoration: none; }
  .block:focus .thumbnail .thumbnail-play {
    color: #0088cc; }

.thumbnav {
  margin: 0;
  text-align: center; }
  .thumbnav ul {
    list-style: none;
    display: inline-block; }
    html.oldie .thumbnav ul {
      display: inline;
      zoom: 1; }
  .thumbnav li {
    float: left;
    list-style: none;
    margin: 0 4px; }

.thumbnav-thumbnail {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 50%;
  background-color: transparent;
  display: inline-block;
  overflow: hidden;
  padding: 6px; }
  html.oldie .thumbnav-thumbnail {
    display: inline;
    zoom: 1; }
  html.no-js .thumbnav-thumbnail:hover {
    text-decoration: 0;
    border-color: #d6d6d6; }
  html.no-touch .thumbnav-thumbnail:hover {
    text-decoration: 0;
    border-color: #d6d6d6; }
  .thumbnav-thumbnail.current {
    border-color: #0088cc;
    cursor: default; }
    html.no-js .thumbnav-thumbnail.current:hover {
      border-color: #0088cc; }
    html.no-touch .thumbnav-thumbnail.current:hover {
      border-color: #0088cc; }
  .thumbnav-thumbnail > img {
    display: block;
    border-radius: 50%; }

.thumbnav-rect li {
  margin: 0 4px; }

.thumbnav-rect .thumbnav-thumbnail {
  border-width: 1px;
  border-style: solid;
  border-color: #d6d6d6;
  border-radius: 4px;
  background-color: #d6d6d6;
  padding: 0; }
  html.no-js .thumbnav-rect .thumbnav-thumbnail:hover {
    border-color: #999999; }
  html.no-touch .thumbnav-rect .thumbnav-thumbnail:hover {
    border-color: #999999; }
  .thumbnav-rect .thumbnav-thumbnail.current {
    border-color: #0088cc; }
    html.no-js .thumbnav-rect .thumbnav-thumbnail.current:hover {
      border-color: #0088cc; }
    html.no-touch .thumbnav-rect .thumbnav-thumbnail.current:hover {
      border-color: #0088cc; }
  .thumbnav-rect .thumbnav-thumbnail > img {
    border-radius: 0; }

.togglenav {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative; }
  .togglenav ul {
    display: inline-block; }
    html.oldie .togglenav ul {
      display: inline;
      zoom: 1; }
  .togglenav li {
    float: left;
    list-style: none;
    outline: none; }

.togglenav-button {
  padding: 10px 15px 9px;
  font-size: 1em;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  display: block;
  margin-left: -1px;
  position: relative;
  z-index: 0; }
  html.no-js .togglenav-button:hover {
    color: #0088cc;
    text-decoration: none; }
  html.no-touch .togglenav-button:hover {
    color: #0088cc;
    text-decoration: none; }
  .togglenav-button.current {
    pointer-events: none;
    color: #999999;
    text-decoration: none;
    cursor: default;
    z-index: 10; }
    html.no-js .togglenav-button.current:hover {
      color: #999999; }
    html.no-touch .togglenav-button.current:hover {
      color: #999999; }
  .togglenav-button:after {
    content: '•';
    font-size: 10px;
    vertical-align: middle;
    position: relative;
    left: 15px;
    color: #333333; }
    li:last-child .togglenav-button:after {
      content: ''; }

.violator {
  background: transparent;
  border: 1px solid #999999;
  border-radius: 4px;
  color: #999999;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
  padding: 0 16px;
  display: inline-block; }
  html.oldie .violator {
    display: inline;
    zoom: 1; }
  html.oldie .violator {
    vertical-align: middle; }

@-moz-document url-prefix() {
  .violator {
    line-height: 31px;
    padding-top: 1px; } }

.violator-compact {
  font-size: 13px;
  padding: 0 11px;
  line-height: 22px; }

@-moz-document url-prefix() {
  .violator-compact {
    line-height: 21px;
    padding-top: 1px; } }

html {
  width: 100%;
  height: 100%; }
  html.oldie {
    overflow-x: hidden; }

body {
  min-width: 1024px;
  min-height: 100%; }

.section {
  min-width: 1024px;
  overflow: hidden; }
  .section:before, .section:after {
    content: ' ';
    display: table; }
  .section:after {
    clear: both; }
  html.oldie .section {
    zoom: 1; }
  .section .section-content {
    width: 980px;
    margin-left: auto;
    margin-right: auto; }

.page-safari h1,
.page-safari h2 {
  margin-top: 0; }

.page-safari h2,
.page-safari h3 {
  margin-bottom: 10px; }

.page-safari .section-headline {
  font-size: 52px;
  line-height: 1.08654;
  font-weight: 200;
  letter-spacing: -0.014em; }
  html.oldie .page-safari .section-headline {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .page-safari .section-headline {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .page-safari .section-headline {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .page-safari .section-headline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .page-safari .section-headline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .page-safari .section-headline {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .page-safari .section-headline {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP] .page-safari .section-headline {
    letter-spacing: 0; }
  html[lang=zh-TW] .page-safari .section-headline {
    font-size: 48px;
    line-height: 1.10417;
    letter-spacing: 0;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK] .page-safari .section-headline {
    font-size: 48px;
    line-height: 1.10417;
    letter-spacing: 0;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-CN] .page-safari .section-headline {
    font-size: 48px;
    line-height: 1.08333;
    letter-spacing: 0;
    font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=th-TH] .page-safari .section-headline {
    line-height: 1.17308;
    letter-spacing: 0; }
  html[lang=ko-KR] .page-safari .section-headline {
    letter-spacing: 0; }

.page-safari .subsection-headline {
  font-size: 42px;
  line-height: 1.14286;
  font-weight: 200;
  letter-spacing: -0.01em; }
  html.oldie .page-safari .subsection-headline {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .page-safari .subsection-headline {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .page-safari .subsection-headline {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .page-safari .subsection-headline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .page-safari .subsection-headline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .page-safari .subsection-headline {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .page-safari .subsection-headline {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP] .page-safari .subsection-headline {
    letter-spacing: 0; }
  html[lang=zh-TW] .page-safari .subsection-headline {
    font-size: 40px;
    letter-spacing: 0;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK] .page-safari .subsection-headline {
    font-size: 40px;
    letter-spacing: 0;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-CN] .page-safari .subsection-headline {
    font-size: 38px;
    line-height: 1.18421;
    letter-spacing: 0;
    font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=th-TH] .page-safari .subsection-headline {
    line-height: 1.2619;
    letter-spacing: 0; }
  html[lang=ko-KR] .page-safari .subsection-headline {
    letter-spacing: 0; }

.page-safari .subsection-subheadline {
  font-size: 32px;
  line-height: 1.125;
  font-weight: 200;
  letter-spacing: normal; }
  html.oldie .page-safari .subsection-subheadline {
    font-weight: normal;
    font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ja-JP].oldie .page-safari .subsection-subheadline {
    font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-CN].oldie .page-safari .subsection-subheadline {
    font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=zh-TW].oldie .page-safari .subsection-subheadline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK].oldie .page-safari .subsection-subheadline {
    font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=th-TH].oldie .page-safari .subsection-subheadline {
    font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=ko-KR].oldie .page-safari .subsection-subheadline {
    font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
  html[lang=zh-TW] .page-safari .subsection-subheadline {
    font-size: 30px;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-HK] .page-safari .subsection-subheadline {
    font-size: 30px;
    font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
  html[lang=zh-CN] .page-safari .subsection-subheadline {
    font-size: 30px;
    line-height: 1.16667;
    font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
  html[lang=th-TH] .page-safari .subsection-subheadline {
    line-height: 1.21875; }

.page-safari strong {
  font-weight: 600; }

.page-safari .center {
  text-align: center; }

.page-safari .icon {
  margin-bottom: 20px; }

.page-safari .column.last {
  float: right; }

.page-safari .section {
  padding-top: 100px; }
  .page-safari .section .section-content {
    padding-bottom: 100px;
    border-bottom: 1px solid #d6d6d6; }

.page-safari .section-hero {
  margin-top: -18px;
  text-align: center; }
  .page-safari .section-hero .section-content {
    padding-bottom: 89px; }
  .page-safari .section-hero .image-safari-icon {
    background-repeat: no-repeat;
    background-size: 106px 106px;
    height: 106px;
    width: 106px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("http://images.apple.com/v/safari/e/images/overview/safari_icon_large.png");
    margin-bottom: 10px; }
    @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) {
      .page-safari .section-hero .image-safari-icon {
        background-image: url("http://images.apple.com/v/safari/e/images/overview/safari_icon_large_2x.png"); } }
  .page-safari .section-hero .hero-title {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 200;
    letter-spacing: -0.02em;
    margin-top: 16px;
    margin-bottom: 8px;
    letter-spacing: -1px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
    html.oldie .page-safari .section-hero .hero-title {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .page-safari .section-hero .hero-title {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .page-safari .section-hero .hero-title {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .page-safari .section-hero .hero-title {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .page-safari .section-hero .hero-title {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .page-safari .section-hero .hero-title {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .page-safari .section-hero .hero-title {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP] .page-safari .section-hero .hero-title {
      letter-spacing: 0; }
    html[lang=zh-TW] .page-safari .section-hero .hero-title {
      font-size: 60px;
      line-height: 1.1;
      letter-spacing: 0;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK] .page-safari .section-hero .hero-title {
      font-size: 60px;
      line-height: 1.1;
      letter-spacing: 0;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-CN] .page-safari .section-hero .hero-title {
      font-size: 60px;
      line-height: 1.08333;
      letter-spacing: 0;
      font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=th-TH] .page-safari .section-hero .hero-title {
      line-height: 1.17188;
      letter-spacing: 0; }
    html[lang=ko-KR] .page-safari .section-hero .hero-title {
      letter-spacing: 0; }
  .page-safari .section-hero .hero-subtitle {
    font-size: 52px;
    line-height: 1.08654;
    font-weight: 200;
    letter-spacing: -0.014em;
    color: #333333;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-bottom: 22px; }
    html.oldie .page-safari .section-hero .hero-subtitle {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .page-safari .section-hero .hero-subtitle {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP] .page-safari .section-hero .hero-subtitle {
      letter-spacing: 0; }
    html[lang=zh-TW] .page-safari .section-hero .hero-subtitle {
      font-size: 48px;
      line-height: 1.10417;
      letter-spacing: 0;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK] .page-safari .section-hero .hero-subtitle {
      font-size: 48px;
      line-height: 1.10417;
      letter-spacing: 0;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-CN] .page-safari .section-hero .hero-subtitle {
      font-size: 48px;
      line-height: 1.08333;
      letter-spacing: 0;
      font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=th-TH] .page-safari .section-hero .hero-subtitle {
      line-height: 1.17308;
      letter-spacing: 0; }
    html[lang=ko-KR] .page-safari .section-hero .hero-subtitle {
      letter-spacing: 0; }
  .page-safari .section-hero .image-safari-hero {
    background-repeat: no-repeat;
    background-size: 1046px 606px;
    height: 606px;
    width: 1046px;
    margin-left: -33px;
    background-image: url("http://images.apple.com/v/safari/e/images/overview/safari_hero_large.png");
    margin-top: 30px;
    margin-bottom: 60px; }
    @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) {
      .page-safari .section-hero .image-safari-hero {
        background-image: url("http://images.apple.com/v/safari/e/images/overview/safari_hero_large_2x.png"); } }
  .page-safari .section-hero .intro {
    font-size: 24px;
    line-height: 1.35417;
    font-weight: 200;
    letter-spacing: normal;
    margin-top: 40px;
    padding: 0 90px; }
    html.oldie .page-safari .section-hero .intro {
      font-weight: normal;
      font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ja-JP].oldie .page-safari .section-hero .intro {
      font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-CN].oldie .page-safari .section-hero .intro {
      font-family: "PingHei 200", "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }
    html[lang=zh-TW].oldie .page-safari .section-hero .intro {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK].oldie .page-safari .section-hero .intro {
      font-family: "MHei 200", "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=th-TH].oldie .page-safari .section-hero .intro {
      font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=ko-KR].oldie .page-safari .section-hero .intro {
      font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    html[lang=zh-TW] .page-safari .section-hero .intro {
      font-size: 22px;
      line-height: 1.59091;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-HK] .page-safari .section-hero .intro {
      font-size: 22px;
      line-height: 1.59091;
      font-family: "MHei", "Helvetica Neue", "Helvetica", "STHeitiTC-Light", "Arial", sans-serif; }
    html[lang=zh-CN] .page-safari .section-hero .intro {
      font-size: 22px;
      line-height: 1.54545;
      font-family: "PingHei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; }

.page-safari .section-efficient .image-efficient-icon {
  background-repeat: no-repeat;
  background-size: 108px 108px;
  height: 108px;
  width: 108px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/efficient_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) {
    .page-safari .section-efficient .image-efficient-icon {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/efficient_icon_large_2x.png"); } }

.page-safari .section-efficient p.center {
  padding: 0 200px;
  margin-bottom: 60px; }

.page-safari .section-efficient .image-efficient-hero {
  background-repeat: no-repeat;
  background-size: 1044px 604px;
  height: 604px;
  width: 1044px;
  margin-left: -32px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/efficient_hero_large.png");
  margin-bottom: 60px; }
  @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) {
    .page-safari .section-efficient .image-efficient-hero {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/efficient_hero_large_2x.png"); } }

.page-safari .section-efficient .browse-copy {
  padding: 0 90px;
  margin-bottom: 40px; }

.page-safari .section-efficient .batteries {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.page-safari .section-efficient .battery {
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  vertical-align: top;
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 92px; }
  .page-safari .section-efficient .battery p {
    margin-left: auto;
    margin-right: auto;
    max-width: 130px;
    text-align: left;
    padding-left: 6px;
    font-size: 14px;
    line-height: 1.29286;
    font-weight: 400;
    color: #666666;
    margin-bottom: 0; }
    html[lang=zh-TW] .page-safari .section-efficient .battery p {
      font-size: 12px;
      line-height: 1.83333; }
    html[lang=zh-HK] .page-safari .section-efficient .battery p {
      font-size: 12px;
      line-height: 1.83333; }
    html[lang=zh-CN] .page-safari .section-efficient .battery p {
      font-size: 12px;
      line-height: 1.75; }
  .page-safari .section-efficient .battery .plus {
    margin-left: 20px; }

.page-safari .section-efficient .image-battery {
  background-repeat: no-repeat;
  background-size: 126px 52px;
  height: 52px;
  width: 126px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/battery_large.png");
  padding-top: 4px;
  margin: 0 auto 7px;
  font-size: 24px;
  font-weight: 200;
  color: #333333;
  text-align: left; }
  @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) {
    .page-safari .section-efficient .image-battery {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/battery_large_2x.png"); } }
  .page-safari .section-efficient .image-battery span.plus {
    position: relative;
    bottom: 3px;
    font-size: 21px; }
  .page-safari .section-efficient .image-battery span.number {
    font-size: 32px; }

.page-safari .section-efficient .faster-surfing {
  padding: 50px 90px 25px;
  background-color: #fafafa; }
  .page-safari .section-efficient .faster-surfing .barchart-container {
    position: relative; }
  .page-safari .section-efficient .faster-surfing .chart p {
    width: 515px;
    margin-bottom: 10px;
    margin-left: 90px; }
  .page-safari .section-efficient .faster-surfing .column.first {
    width: 255px; }
  .page-safari .section-efficient .faster-surfing .column.last {
    width: 518px; }
  .page-safari .section-efficient .faster-surfing .data-container {
    position: relative;
    z-index: 1;
    margin-bottom: 70px; }
  .page-safari .section-efficient .faster-surfing .key {
    list-style: none;
    margin: 0;
    width: 420px;
    position: absolute;
    z-index: 1;
    top: -8px;
    left: 90px; }
    .page-safari .section-efficient .faster-surfing .key:before, .page-safari .section-efficient .faster-surfing .key:after {
      content: ' ';
      display: table; }
    .page-safari .section-efficient .faster-surfing .key:after {
      clear: both; }
    html.oldie .page-safari .section-efficient .faster-surfing .key {
      zoom: 1; }
    .page-safari .section-efficient .faster-surfing .key li {
      position: relative;
      z-index: 1;
      border-left: 1px solid #e3e3e3;
      float: left;
      width: 1px;
      height: 106px; }
    .page-safari .section-efficient .faster-surfing .key li:last-child {
      float: right;
      margin-right: 0; }
    .page-safari .section-efficient .faster-surfing .key .number {
      position: absolute;
      z-index: 1;
      left: -3px;
      bottom: -20px;
      font-size: 11px; }
  .page-safari .section-efficient .faster-surfing .key-three li {
    margin-right: 137px; }
  .page-safari .section-efficient .faster-surfing .key-four li {
    margin-right: 102px; }
  .page-safari .section-efficient .faster-surfing .key-five li {
    margin-right: 81px; }
  .page-safari .section-efficient .faster-surfing .key-six li {
    margin-right: 67px; }
  .page-safari .section-efficient .faster-surfing .key-seven li {
    margin-right: 57px; }
  .page-safari .section-efficient .faster-surfing .data {
    position: relative;
    z-index: 2;
    margin: 30px 0 0; }
    .page-safari .section-efficient .faster-surfing .data li {
      list-style: none;
      text-align: right;
      margin-bottom: 10px; }
      .page-safari .section-efficient .faster-surfing .data li:before, .page-safari .section-efficient .faster-surfing .data li:after {
        content: ' ';
        display: table; }
      .page-safari .section-efficient .faster-surfing .data li:after {
        clear: both; }
      html.oldie .page-safari .section-efficient .faster-surfing .data li {
        zoom: 1; }
      .page-safari .section-efficient .faster-surfing .data li .label {
        float: left;
        display: block;
        width: 78px;
        margin-right: 12px;
        font-size: 16px;
        color: #666666;
        line-height: 1.4; }
      .page-safari .section-efficient .faster-surfing .data li .bar-lable {
        font-size: 14px;
        color: white;
        padding-right: 10px; }
      .page-safari .section-efficient .faster-surfing .data li .bar-container {
        float: left;
        display: block;
        margin-top: 0;
        overflow: hidden; }
        .page-safari .section-efficient .faster-surfing .data li .bar-container .bar {
          padding-bottom: 14px;
          display: block;
          height: 5px;
          background-color: #999999;
          line-height: 1;
          -webkit-transition: -webkit-transform 0.5s ease;
                  transition: transform 0.5s ease; }
        .page-safari .section-efficient .faster-surfing .data li .bar-container .bar.safari {
          background-color: #f46c0e; }
        .page-safari .section-efficient .faster-surfing .data li .bar-container .bar.firefox {
          -webkit-transition-delay: 0.1s;
                  transition-delay: 0.1s; }
        .page-safari .section-efficient .faster-surfing .data li .bar-container .bar.chrome {
          -webkit-transition-delay: 0.2s;
                  transition-delay: 0.2s; }
  .page-safari .section-efficient .faster-surfing .jetstream .bar.safari {
    width: 321px;
    -webkit-transform: translate(-321px, 0);
        -ms-transform: translate(-321px, 0);
            transform: translate(-321px, 0); }
  .page-safari .section-efficient .faster-surfing .jetstream .bar.chrome {
    width: 299px;
    -webkit-transform: translate(-299px, 0);
        -ms-transform: translate(-299px, 0);
            transform: translate(-299px, 0); }
  .page-safari .section-efficient .faster-surfing .jetstream .bar.firefox {
    width: 279px;
    -webkit-transform: translate(-279px, 0);
        -ms-transform: translate(-279px, 0);
            transform: translate(-279px, 0); }
  .page-safari .section-efficient .faster-surfing .speedometer .bar.safari {
    width: 357px;
    -webkit-transform: translate(-357px, 0);
        -ms-transform: translate(-357px, 0);
            transform: translate(-357px, 0); }
  .page-safari .section-efficient .faster-surfing .speedometer .bar.chrome {
    width: 273px;
    -webkit-transform: translate(-273px, 0);
        -ms-transform: translate(-273px, 0);
            transform: translate(-273px, 0); }
  .page-safari .section-efficient .faster-surfing .speedometer .bar.firefox {
    width: 105px;
    -webkit-transform: translate(-105px, 0);
        -ms-transform: translate(-105px, 0);
            transform: translate(-105px, 0); }
  .page-safari .section-efficient .faster-surfing .jsbench .bar.safari {
    width: 419px;
    -webkit-transform: translate(-419px, 0);
        -ms-transform: translate(-419px, 0);
            transform: translate(-419px, 0); }
  .page-safari .section-efficient .faster-surfing .jsbench .bar.chrome {
    width: 70px;
    -webkit-transform: translate(-70px, 0);
        -ms-transform: translate(-70px, 0);
            transform: translate(-70px, 0); }
  .page-safari .section-efficient .faster-surfing .jsbench .bar.firefox {
    width: 70px;
    -webkit-transform: translate(-70px, 0);
        -ms-transform: translate(-70px, 0);
            transform: translate(-70px, 0); }
  .page-safari .section-efficient .faster-surfing .data.animate .bar {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .no-js .page-safari .section-efficient .faster-surfing .jsbench .bar,
  .no-js .page-safari .section-efficient .faster-surfing .jetstream .bar,
  .no-js .page-safari .section-efficient .faster-surfing .speedometer .bar {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }

.page-safari .section-security .image-security-icon {
  background-repeat: no-repeat;
  background-size: 77px 105px;
  height: 105px;
  width: 77px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/security_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) {
    .page-safari .section-security .image-security-icon {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/security_icon_large_2x.png"); } }

.page-safari .section-security .section-content {
  padding-bottom: 76px; }

.page-safari .section-security h2 {
  padding: 0 200px; }

.page-safari .section-security .intro {
  padding: 0 95px;
  margin-bottom: 60px; }

.page-safari .section-security .row {
  width: 790px;
  margin: 0 auto; }
  .page-safari .section-security .row .column.first {
    width: 50%; }
  .page-safari .section-security .row .column.last {
    width: 45%; }
  .page-safari .section-security .row p {
    width: 345px; }

.page-safari .section-icloud .image-icloud-icon {
  background-repeat: no-repeat;
  background-size: 106px 66px;
  height: 66px;
  width: 106px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/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) {
    .page-safari .section-icloud .image-icloud-icon {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_icon_large_2x.png"); } }

.page-safari .section-icloud .section-content {
  padding-bottom: 38px; }

.page-safari .section-icloud .intro {
  padding: 0 138px;
  margin-bottom: 18px; }

.page-safari .section-icloud .gallery {
  position: relative;
  z-index: 1;
  min-height: 760px; }
  .page-safari .section-icloud .gallery .togglenav {
    position: absolute;
    bottom: 85px;
    z-index: 3; }
    .no-js .page-safari .section-icloud .gallery .togglenav {
      display: none; }
  .page-safari .section-icloud .gallery .gallery-content {
    position: absolute;
    z-index: 1;
    top: 63px;
    left: 0;
    background-color: white;
    min-height: 710px; }
    .no-js .page-safari .section-icloud .gallery .gallery-content {
      position: relative;
      top: 20px;
      margin-bottom: 50px; }
    .page-safari .section-icloud .gallery .gallery-content figcaption {
      width: 980px; }
    .page-safari .section-icloud .gallery .gallery-content .caption {
      padding: 0 130px;
      margin-top: 83px;
      text-align: center;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 400;
      letter-spacing: normal;
      color: #666666; }
      html[lang=zh-TW] .page-safari .section-icloud .gallery .gallery-content .caption {
        font-size: 14px;
        line-height: 1.78571; }
      html[lang=zh-HK] .page-safari .section-icloud .gallery .gallery-content .caption {
        font-size: 14px;
        line-height: 1.78571; }
      html[lang=zh-CN] .page-safari .section-icloud .gallery .gallery-content .caption {
        font-size: 14px;
        line-height: 1.71429; }

.page-safari .section-icloud .image-icloud-keychain {
  background-repeat: no-repeat;
  background-size: 1038px 536px;
  height: 536px;
  width: 1038px;
  margin-left: -29px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_keychain_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) {
    .page-safari .section-icloud .image-icloud-keychain {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_keychain_large_2x.png"); } }

.page-safari .section-icloud .image-icloud-bookmarks {
  background-repeat: no-repeat;
  background-size: 1038px 536px;
  height: 536px;
  width: 1038px;
  margin-left: -29px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_bookmarks_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) {
    .page-safari .section-icloud .image-icloud-bookmarks {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_bookmarks_large_2x.png"); } }

.page-safari .section-icloud .image-icloud-tabs {
  background-repeat: no-repeat;
  background-size: 1038px 536px;
  height: 536px;
  width: 1038px;
  margin-left: -29px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_tabs_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) {
    .page-safari .section-icloud .image-icloud-tabs {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_tabs_large_2x.png"); } }

.page-safari .section-icloud .image-icloud-reading-lists {
  background-repeat: no-repeat;
  background-size: 1038px 536px;
  height: 536px;
  width: 1038px;
  margin-left: -29px;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_reading_lists_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) {
    .page-safari .section-icloud .image-icloud-reading-lists {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/icloud_reading_lists_large_2x.png"); } }

.page-safari .section-browsing .section-content {
  border-bottom: none;
  padding-bottom: 20px; }

.page-safari .section-browsing .image-browsing-icon {
  background-repeat: no-repeat;
  background-size: 106px 60px;
  height: 60px;
  width: 106px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/browsing_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) {
    .page-safari .section-browsing .image-browsing-icon {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/browsing_icon_large_2x.png"); } }

.page-safari .section-browsing h3 {
  margin-top: 0;
  padding-left: 113px; }

.page-safari .section-browsing p {
  padding: 0 113px;
  margin-bottom: 80px; }

.page-safari .section-browsing p.intro {
  margin-bottom: 60px;
  text-align: center; }

.page-safari .section-browsing .image-pinned {
  background-repeat: no-repeat;
  background-size: 887px 638px;
  height: 638px;
  width: 887px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/pinned_image_large.jpg");
  margin-left: 33px; }
  @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) {
    .page-safari .section-browsing .image-pinned {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/pinned_image_large_2x.jpg"); } }

.page-safari .section-browsing .image-mute-tabs {
  background-repeat: no-repeat;
  background-size: 860px 537px;
  height: 537px;
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/mute_tabs_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) {
    .page-safari .section-browsing .image-mute-tabs {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/mute_tabs_large_2x.jpg"); } }

.page-safari .section-browsing .image-airplay {
  background-repeat: no-repeat;
  background-size: 902px 557px;
  height: 557px;
  width: 902px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/airplay_large.jpg");
  margin-left: 60px; }
  @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) {
    .page-safari .section-browsing .image-airplay {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/airplay_large_2x.jpg"); } }

.page-safari .section-browsing .image-spotlight-suggestions {
  background-repeat: no-repeat;
  background-size: 859px 537px;
  height: 537px;
  width: 859px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/spotlight_suggestions_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) {
    .page-safari .section-browsing .image-spotlight-suggestions {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/spotlight_suggestions_large_2x.png"); } }

.page-safari .section-browsing .image-share-menu {
  background-repeat: no-repeat;
  background-size: 949px 537px;
  height: 537px;
  width: 949px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/share_menu_large.png");
  margin-left: 57px; }
  @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) {
    .page-safari .section-browsing .image-share-menu {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/share_menu_large_2x.png"); } }

.page-safari .section-browsing .image-reader {
  background-repeat: no-repeat;
  background-size: 860px 537px;
  height: 537px;
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("http://images.apple.com/v/safari/e/images/overview/reader_large.png");
  margin-left: 60px; }
  @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) {
    .page-safari .section-browsing .image-reader {
      background-image: url("http://images.apple.com/v/safari/e/images/overview/reader_large_2x.png"); } }

.page-safari .section-router {
  padding-top: 71px;
  padding-bottom: 75px;
  background-color: #fafafa; }
  .page-safari .section-router .section-content {
    border-bottom: none;
    padding: 0; }
  .page-safari .section-router .row {
    width: 930px;
    margin: 0 auto; }
    .page-safari .section-router .row .column {
      padding-top: 16px; }
    .page-safari .section-router .row .column.first {
      width: 410px;
      padding-right: 54px;
      border-right: 1px solid #d6d6d6; }
    .page-safari .section-router .row .column.last {
      width: 405px;
      padding-left: 60px; }
  .page-safari .section-router p {
    margin-bottom: 10px; }