@charset "UTF-8";
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template,
[hidden] {
  display: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: 600; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Mixin to manage responsive breakpoints
* @param {String} $breakpoint - Breakpoint name
* @require $breakpoints
* @include respond-to('sm') {}
*/
/* IMAGES
* @include imgRetina(images/logo, png, 300px, 60px, left);
*/
.link--default {
  color: #1b89e3;
  text-decoration: none; }
  .link--default:hover {
    text-decoration: underline; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.jem-layout {
  display: flex;
  min-height: 100vh;
  min-width: 320px;
  flex-direction: column;
  font: 16px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  .jem-layout--ja {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, sans-serif; }
  .jem-layout--zh {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "微软雅黑", "正黑体", SimHei, SimSun, "Pingfang SC", "Heiti SC", STHeiti, STSong, Hei, "Droid Sans Fallback", "Arial Unicode MS", "隶书", "宋体", "WenQuanYi Micro Hei", "文泉驿微米黑", "AR PL UKai CN", sans-serif; }
  .jem-layout--modal-is-active {
    overflow: hidden; }
  .jem-layout__body {
    flex: 1; }

.jem-grid-block {
  box-sizing: border-box;
  overflow: hidden;
  padding: 1rem;
  width: 100%; }
  .jem-grid-block--dark {
    background-color: rgba(0, 0, 0, 0.2); }
  .jem-grid-block__content {
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.5rem;
    font-weight: 300; }

.col {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%; }
  .col--no-gutters {
    padding: 0; }

.grid {
  box-sizing: border-box; }
  .grid--container {
    margin: 0 auto;
    max-width: 1600px;
    min-width: 320px;
    width: 100%;
    padding: 0 12px; }
  .grid--no-gutters {
    padding: 0; }

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 100%;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }

.text--left {
  text-align: left; }
.text--center {
  text-align: center; }
.text--right {
  text-align: right; }

.row--ms-top {
  align-items: flex-start; }

.row--ms-center {
  align-items: center; }

.row--ms-bottom {
  align-items: flex-end; }

.col--ms-align-top {
  align-self: flex-start; }

.col--ms-align-center {
  align-self: center; }

.col--ms-align-bottom {
  align-self: flex-end; }

.col--ms-first {
  order: -1; }

.col--ms-last {
  order: 1; }

.col--ms-reset {
  order: 0; }

.row--ms-reverse {
  flex-direction: row-reverse; }

.col--ms-flex {
  display: flex; }

.text--ms-right {
  text-align: right; }

.text--ms-left {
  text-align: left; }

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

.col--ms {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 0 4px; }
.col--ms-1 {
  width: 8.3333333333%;
  flex: none;
  padding: 0 4px; }
.col--ms-2 {
  width: 16.6666666667%;
  flex: none;
  padding: 0 4px; }
.col--ms-3 {
  width: 25%;
  flex: none;
  padding: 0 4px; }
.col--ms-4 {
  width: 33.3333333333%;
  flex: none;
  padding: 0 4px; }
.col--ms-5 {
  width: 41.6666666667%;
  flex: none;
  padding: 0 4px; }
.col--ms-6 {
  width: 50%;
  flex: none;
  padding: 0 4px; }
.col--ms-7 {
  width: 58.3333333333%;
  flex: none;
  padding: 0 4px; }
.col--ms-8 {
  width: 66.6666666667%;
  flex: none;
  padding: 0 4px; }
.col--ms-9 {
  width: 75%;
  flex: none;
  padding: 0 4px; }
.col--ms-10 {
  width: 83.3333333333%;
  flex: none;
  padding: 0 4px; }
.col--ms-11 {
  width: 91.6666666667%;
  flex: none;
  padding: 0 4px; }
.col--ms-12 {
  width: 100%;
  flex: none;
  padding: 0 4px; }
.col--ms-offset-1 {
  margin-left: 8.3333333333%;
  padding-left: 6px; }
.col--ms-offset-2 {
  margin-left: 16.6666666667%;
  padding-left: 6px; }
.col--ms-offset-3 {
  margin-left: 25%;
  padding-left: 6px; }
.col--ms-offset-4 {
  margin-left: 33.3333333333%;
  padding-left: 6px; }
.col--ms-offset-5 {
  margin-left: 41.6666666667%;
  padding-left: 6px; }
.col--ms-offset-6 {
  margin-left: 50%;
  padding-left: 6px; }
.col--ms-offset-7 {
  margin-left: 58.3333333333%;
  padding-left: 6px; }
.col--ms-offset-8 {
  margin-left: 66.6666666667%;
  padding-left: 6px; }
.col--ms-offset-9 {
  margin-left: 75%;
  padding-left: 6px; }
.col--ms-offset-10 {
  margin-left: 83.3333333333%;
  padding-left: 6px; }
.col--ms-offset-11 {
  margin-left: 91.6666666667%;
  padding-left: 6px; }
.col--ms-offset-12 {
  margin-left: 100%;
  padding-left: 6px; }

@media (min-width: 480px) {
  .row--xs-top {
    align-items: flex-start; }

  .row--xs-center {
    align-items: center; }

  .row--xs-bottom {
    align-items: flex-end; }

  .col--xs-align-top {
    align-self: flex-start; }

  .col--xs-align-center {
    align-self: center; }

  .col--xs-align-bottom {
    align-self: flex-end; }

  .col--xs-first {
    order: -1; }

  .col--xs-last {
    order: 1; }

  .col--xs-reset {
    order: 0; }

  .row--xs-reverse {
    flex-direction: row-reverse; }

  .col--xs-flex {
    display: flex; }

  .text--xs-right {
    text-align: right; }

  .text--xs-left {
    text-align: left; }

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

  .col--xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 4px; }
  .col--xs-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 4px; }
  .col--xs-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 4px; }
  .col--xs-3 {
    width: 25%;
    flex: none;
    padding: 0 4px; }
  .col--xs-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 4px; }
  .col--xs-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 4px; }
  .col--xs-6 {
    width: 50%;
    flex: none;
    padding: 0 4px; }
  .col--xs-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 4px; }
  .col--xs-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 4px; }
  .col--xs-9 {
    width: 75%;
    flex: none;
    padding: 0 4px; }
  .col--xs-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 4px; }
  .col--xs-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 4px; }
  .col--xs-12 {
    width: 100%;
    flex: none;
    padding: 0 4px; }
  .col--xs-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 6px; }
  .col--xs-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 6px; }
  .col--xs-offset-3 {
    margin-left: 25%;
    padding-left: 6px; }
  .col--xs-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 6px; }
  .col--xs-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 6px; }
  .col--xs-offset-6 {
    margin-left: 50%;
    padding-left: 6px; }
  .col--xs-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 6px; }
  .col--xs-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 6px; }
  .col--xs-offset-9 {
    margin-left: 75%;
    padding-left: 6px; }
  .col--xs-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 6px; }
  .col--xs-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 6px; }
  .col--xs-offset-12 {
    margin-left: 100%;
    padding-left: 6px; } }
@media (min-width: 596px) {
  .row--sm-top {
    align-items: flex-start; }

  .row--sm-center {
    align-items: center; }

  .row--sm-bottom {
    align-items: flex-end; }

  .col--sm-align-top {
    align-self: flex-start; }

  .col--sm-align-center {
    align-self: center; }

  .col--sm-align-bottom {
    align-self: flex-end; }

  .col--sm-first {
    order: -1; }

  .col--sm-last {
    order: 1; }

  .col--sm-reset {
    order: 0; }

  .row--sm-reverse {
    flex-direction: row-reverse; }

  .col--sm-flex {
    display: flex; }

  .text--sm-right {
    text-align: right; }

  .text--sm-left {
    text-align: left; }

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

  .col--sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 6px; }
  .col--sm-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--sm-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--sm-3 {
    width: 25%;
    flex: none;
    padding: 0 6px; }
  .col--sm-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--sm-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--sm-6 {
    width: 50%;
    flex: none;
    padding: 0 6px; }
  .col--sm-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--sm-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--sm-9 {
    width: 75%;
    flex: none;
    padding: 0 6px; }
  .col--sm-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--sm-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--sm-12 {
    width: 100%;
    flex: none;
    padding: 0 6px; }
  .col--sm-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 9px; }
  .col--sm-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 9px; }
  .col--sm-offset-3 {
    margin-left: 25%;
    padding-left: 9px; }
  .col--sm-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 9px; }
  .col--sm-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 9px; }
  .col--sm-offset-6 {
    margin-left: 50%;
    padding-left: 9px; }
  .col--sm-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 9px; }
  .col--sm-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 9px; }
  .col--sm-offset-9 {
    margin-left: 75%;
    padding-left: 9px; }
  .col--sm-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 9px; }
  .col--sm-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 9px; }
  .col--sm-offset-12 {
    margin-left: 100%;
    padding-left: 9px; } }
@media (min-width: 836px) {
  .row--md-top {
    align-items: flex-start; }

  .row--md-center {
    align-items: center; }

  .row--md-bottom {
    align-items: flex-end; }

  .col--md-align-top {
    align-self: flex-start; }

  .col--md-align-center {
    align-self: center; }

  .col--md-align-bottom {
    align-self: flex-end; }

  .col--md-first {
    order: -1; }

  .col--md-last {
    order: 1; }

  .col--md-reset {
    order: 0; }

  .row--md-reverse {
    flex-direction: row-reverse; }

  .col--md-flex {
    display: flex; }

  .text--md-right {
    text-align: right; }

  .text--md-left {
    text-align: left; }

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

  .col--md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 6px; }
  .col--md-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--md-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--md-3 {
    width: 25%;
    flex: none;
    padding: 0 6px; }
  .col--md-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--md-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--md-6 {
    width: 50%;
    flex: none;
    padding: 0 6px; }
  .col--md-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--md-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--md-9 {
    width: 75%;
    flex: none;
    padding: 0 6px; }
  .col--md-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 6px; }
  .col--md-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 6px; }
  .col--md-12 {
    width: 100%;
    flex: none;
    padding: 0 6px; }
  .col--md-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 9px; }
  .col--md-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 9px; }
  .col--md-offset-3 {
    margin-left: 25%;
    padding-left: 9px; }
  .col--md-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 9px; }
  .col--md-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 9px; }
  .col--md-offset-6 {
    margin-left: 50%;
    padding-left: 9px; }
  .col--md-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 9px; }
  .col--md-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 9px; }
  .col--md-offset-9 {
    margin-left: 75%;
    padding-left: 9px; }
  .col--md-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 9px; }
  .col--md-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 9px; }
  .col--md-offset-12 {
    margin-left: 100%;
    padding-left: 9px; } }
@media (min-width: 976px) {
  .row--xm-top {
    align-items: flex-start; }

  .row--xm-center {
    align-items: center; }

  .row--xm-bottom {
    align-items: flex-end; }

  .col--xm-align-top {
    align-self: flex-start; }

  .col--xm-align-center {
    align-self: center; }

  .col--xm-align-bottom {
    align-self: flex-end; }

  .col--xm-first {
    order: -1; }

  .col--xm-last {
    order: 1; }

  .col--xm-reset {
    order: 0; }

  .row--xm-reverse {
    flex-direction: row-reverse; }

  .col--xm-flex {
    display: flex; }

  .text--xm-right {
    text-align: right; }

  .text--xm-left {
    text-align: left; }

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

  .col--xm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 8px; }
  .col--xm-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xm-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xm-3 {
    width: 25%;
    flex: none;
    padding: 0 8px; }
  .col--xm-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xm-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xm-6 {
    width: 50%;
    flex: none;
    padding: 0 8px; }
  .col--xm-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xm-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xm-9 {
    width: 75%;
    flex: none;
    padding: 0 8px; }
  .col--xm-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xm-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xm-12 {
    width: 100%;
    flex: none;
    padding: 0 8px; }
  .col--xm-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 12px; }
  .col--xm-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 12px; }
  .col--xm-offset-3 {
    margin-left: 25%;
    padding-left: 12px; }
  .col--xm-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 12px; }
  .col--xm-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 12px; }
  .col--xm-offset-6 {
    margin-left: 50%;
    padding-left: 12px; }
  .col--xm-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 12px; }
  .col--xm-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 12px; }
  .col--xm-offset-9 {
    margin-left: 75%;
    padding-left: 12px; }
  .col--xm-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 12px; }
  .col--xm-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 12px; }
  .col--xm-offset-12 {
    margin-left: 100%;
    padding-left: 12px; } }
@media (min-width: 1264px) {
  .row--lg-top {
    align-items: flex-start; }

  .row--lg-center {
    align-items: center; }

  .row--lg-bottom {
    align-items: flex-end; }

  .col--lg-align-top {
    align-self: flex-start; }

  .col--lg-align-center {
    align-self: center; }

  .col--lg-align-bottom {
    align-self: flex-end; }

  .col--lg-first {
    order: -1; }

  .col--lg-last {
    order: 1; }

  .col--lg-reset {
    order: 0; }

  .row--lg-reverse {
    flex-direction: row-reverse; }

  .col--lg-flex {
    display: flex; }

  .text--lg-right {
    text-align: right; }

  .text--lg-left {
    text-align: left; }

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

  .col--lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 8px; }
  .col--lg-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--lg-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--lg-3 {
    width: 25%;
    flex: none;
    padding: 0 8px; }
  .col--lg-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--lg-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--lg-6 {
    width: 50%;
    flex: none;
    padding: 0 8px; }
  .col--lg-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--lg-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--lg-9 {
    width: 75%;
    flex: none;
    padding: 0 8px; }
  .col--lg-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--lg-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--lg-12 {
    width: 100%;
    flex: none;
    padding: 0 8px; }
  .col--lg-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 12px; }
  .col--lg-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 12px; }
  .col--lg-offset-3 {
    margin-left: 25%;
    padding-left: 12px; }
  .col--lg-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 12px; }
  .col--lg-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 12px; }
  .col--lg-offset-6 {
    margin-left: 50%;
    padding-left: 12px; }
  .col--lg-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 12px; }
  .col--lg-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 12px; }
  .col--lg-offset-9 {
    margin-left: 75%;
    padding-left: 12px; }
  .col--lg-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 12px; }
  .col--lg-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 12px; }
  .col--lg-offset-12 {
    margin-left: 100%;
    padding-left: 12px; } }
@media (min-width: 1408px) {
  .row--xl-top {
    align-items: flex-start; }

  .row--xl-center {
    align-items: center; }

  .row--xl-bottom {
    align-items: flex-end; }

  .col--xl-align-top {
    align-self: flex-start; }

  .col--xl-align-center {
    align-self: center; }

  .col--xl-align-bottom {
    align-self: flex-end; }

  .col--xl-first {
    order: -1; }

  .col--xl-last {
    order: 1; }

  .col--xl-reset {
    order: 0; }

  .row--xl-reverse {
    flex-direction: row-reverse; }

  .col--xl-flex {
    display: flex; }

  .text--xl-right {
    text-align: right; }

  .text--xl-left {
    text-align: left; }

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

  .col--xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 8px; }
  .col--xl-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xl-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xl-3 {
    width: 25%;
    flex: none;
    padding: 0 8px; }
  .col--xl-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xl-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xl-6 {
    width: 50%;
    flex: none;
    padding: 0 8px; }
  .col--xl-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xl-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xl-9 {
    width: 75%;
    flex: none;
    padding: 0 8px; }
  .col--xl-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--xl-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--xl-12 {
    width: 100%;
    flex: none;
    padding: 0 8px; }
  .col--xl-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 12px; }
  .col--xl-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 12px; }
  .col--xl-offset-3 {
    margin-left: 25%;
    padding-left: 12px; }
  .col--xl-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 12px; }
  .col--xl-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 12px; }
  .col--xl-offset-6 {
    margin-left: 50%;
    padding-left: 12px; }
  .col--xl-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 12px; }
  .col--xl-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 12px; }
  .col--xl-offset-9 {
    margin-left: 75%;
    padding-left: 12px; }
  .col--xl-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 12px; }
  .col--xl-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 12px; }
  .col--xl-offset-12 {
    margin-left: 100%;
    padding-left: 12px; } }
@media (min-width: 1600px) {
  .row--ml-top {
    align-items: flex-start; }

  .row--ml-center {
    align-items: center; }

  .row--ml-bottom {
    align-items: flex-end; }

  .col--ml-align-top {
    align-self: flex-start; }

  .col--ml-align-center {
    align-self: center; }

  .col--ml-align-bottom {
    align-self: flex-end; }

  .col--ml-first {
    order: -1; }

  .col--ml-last {
    order: 1; }

  .col--ml-reset {
    order: 0; }

  .row--ml-reverse {
    flex-direction: row-reverse; }

  .col--ml-flex {
    display: flex; }

  .text--ml-right {
    text-align: right; }

  .text--ml-left {
    text-align: left; }

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

  .col--ml {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 8px; }
  .col--ml-1 {
    width: 8.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--ml-2 {
    width: 16.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--ml-3 {
    width: 25%;
    flex: none;
    padding: 0 8px; }
  .col--ml-4 {
    width: 33.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--ml-5 {
    width: 41.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--ml-6 {
    width: 50%;
    flex: none;
    padding: 0 8px; }
  .col--ml-7 {
    width: 58.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--ml-8 {
    width: 66.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--ml-9 {
    width: 75%;
    flex: none;
    padding: 0 8px; }
  .col--ml-10 {
    width: 83.3333333333%;
    flex: none;
    padding: 0 8px; }
  .col--ml-11 {
    width: 91.6666666667%;
    flex: none;
    padding: 0 8px; }
  .col--ml-12 {
    width: 100%;
    flex: none;
    padding: 0 8px; }
  .col--ml-offset-1 {
    margin-left: 8.3333333333%;
    padding-left: 12px; }
  .col--ml-offset-2 {
    margin-left: 16.6666666667%;
    padding-left: 12px; }
  .col--ml-offset-3 {
    margin-left: 25%;
    padding-left: 12px; }
  .col--ml-offset-4 {
    margin-left: 33.3333333333%;
    padding-left: 12px; }
  .col--ml-offset-5 {
    margin-left: 41.6666666667%;
    padding-left: 12px; }
  .col--ml-offset-6 {
    margin-left: 50%;
    padding-left: 12px; }
  .col--ml-offset-7 {
    margin-left: 58.3333333333%;
    padding-left: 12px; }
  .col--ml-offset-8 {
    margin-left: 66.6666666667%;
    padding-left: 12px; }
  .col--ml-offset-9 {
    margin-left: 75%;
    padding-left: 12px; }
  .col--ml-offset-10 {
    margin-left: 83.3333333333%;
    padding-left: 12px; }
  .col--ml-offset-11 {
    margin-left: 91.6666666667%;
    padding-left: 12px; }
  .col--ml-offset-12 {
    margin-left: 100%;
    padding-left: 12px; } }
* {
  padding: 0;
  margin: 0; }
  *:focus {
    outline: none; }

body {
  font: normal 12px Helvetica, Arial, sans-serif;
  color: #333;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAAAAADmVT4XAAAAe0lEQVR42u3SMQ0AIAwAsHkgPLA9C/41ImNPjzpovJc5Kar2nhTndE+Kte6d5IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADH/Qz4FtKmxy1AAAAAElFTkSuQmCC"); }

img {
  border: 0; }

html, body, .bg {
  height: 100%;
  min-width: 1000px; }

ul, li {
  list-style: none; }

header {
  height: 54px;
  background: #000;
  box-shadow: 0 2px 9px rgba(1, 1, 1, 0.3);
  text-align: center;
  display: block; }
  header p {
    font-size: 13px;
    font-weight: bold;
    color: #777;
    padding-top: 19px; }
    header p span {
      color: #777;
      display: inline-block;
      margin-left: 22px;
      padding-left: 18px;
      background-position: 0 center;
      background-repeat: no-repeat; }
      header p span.icon1 {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALBAMAAABWnBpSAAAAMFBMVEVMaXFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW7YGZWAAAAD3RSTlMABicsTVqqq8XKy9/3+f7YQP9WAAAANUlEQVR42mPI+w8E/woY3oPo/w8YwNT/D0D6530I/cUKQn9l3A+hNaDy5yE0RD1Mfz6YLgAAGttGWPKiXWoAAAAASUVORK5CYII="); }
      header p span.icon2 {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAMAAACOacfrAAAAYFBMVEVMaXFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUDC1TaAAAAH3RSTlMAAwkiSVRYXHOBi52qrK2zwsXJzNLU4OH0+Pr7/P3+x5cRGwAAAFNJREFUeNpVzUcWgDAIRdEfu2Lvhej+dykmxhzfgMNlAogvFxMEnnBbP8lwqqEGrwKorLa2O9csZ6MlBKJdrkYxpCRtrAKY1PjoKN9m0f876Q+abu7TDlALuhDQAAAAAElFTkSuQmCC"); }
      header p span.icon3 {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAMAAACq939wAAAAQlBMVEVMaXFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV6SB7FAAAAFXRSTlMAQisb/ducmZ78BOySeFxYEdwjJw3X1ZCfAAAASklEQVR42lXOSRKAIAwF0c8QZBSn3P+qUlFT2Lu3a8TEbynCs+bBUwLqKyksYBUXsClqzvVDacfZyoPdYeRIYCAZQVikMDAf/N5uU8MJgyheSyEAAAAASUVORK5CYII="); }
      header p span.icon4 {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAMAAACTbPdTAAAAKlBMVEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWcm03UAAAADXRSTlP9Zsafnl7Y/hUM2g3Z0w/zmAAAADhJREFUGNNdjUkOADAIAqnW7vz/uz01Wuc2IQAq+EBFEAZpA3Trh4TQEUwrD9sp894i0+b/p0H1ArdABazYPbyLAAAAAElFTkSuQmCC"); }
  header .center {
    z-index: 101;
    height: 54px; }

.center {
  width: 954px;
  margin: 0 auto;
  position: relative; }

.logo {
  width: 121px;
  height: 36px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTQ0cHgiIGhlaWdodD0iMTYzcHgiIHZpZXdCb3g9IjI3IDIxNiA1NDQgMTYzIiB2ZXJzaW9uPSIxLjEiPiAgPGRlZnM+ICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAuMDM4NTk0NyUiIHkxPSIyLjY2NDA1OTU5JSIgeDI9IjUwLjAxNDg2NzYlIiB5Mj0iMTAwLjQ3MzE4NCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZCODAyIiBvZmZzZXQ9IjAlIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQzcwMyIgb2Zmc2V0PSI0Mi42NSUiLz4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkY5NzAyIiBvZmZzZXQ9IjQ0LjU5JSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRjg2MDIiIG9mZnNldD0iOTkuNjMlIi8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDxyYWRpYWxHcmFkaWVudCBjeD0iNTAuODM3MzQ3NiUiIGN5PSItMzkuNTUwNjQzOCUiIGZ4PSI1MC44MzczNDc2JSIgZnk9Ii0zOS41NTA2NDM4JSIgcj0iNDcuMjQ1ODg0MSUiIGlkPSJyYWRpYWxHcmFkaWVudC0yIj4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZGMjUzIiBvZmZzZXQ9IjcuMDYzMTI5JSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkY1NTkiIHN0b3Atb3BhY2l0eT0iMC4yMjg0IiBvZmZzZXQ9Ijc4Ljc3JSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkY2NUMiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIi8+ICAgIDwvcmFkaWFsR3JhZGllbnQ+ICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAuMTIzMDU0NSUiIHkxPSIwLjM2NDg4NDAyMSUiIHgyPSI0OS45NjYxNDc5JSIgeTI9Ijk5LjY1OTA4NTElIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjgwMiIgb2Zmc2V0PSIwJSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkM3MDMiIG9mZnNldD0iNjguNTMlIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGOTcwMiIgb2Zmc2V0PSI2OC44NiUiLz4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZDQjU1IiBvZmZzZXQ9Ijg5LjU5JSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkUxNzgiIG9mZnNldD0iOTkuNjMlIi8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNDkuOTEyNTYwNSUiIHkxPSIxLjM1NzY2NzUzJSIgeDI9IjQ5LjkwOTQ0NzclIiB5Mj0iMTA0LjE1NTIxOSUiIGlkPSJsaW5lYXJHcmFkaWVudC00Ij4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZCODAyIiBvZmZzZXQ9IjAlIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQzcwMyIgb2Zmc2V0PSI2OC41MyUiLz4gICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkY5NzAyIiBvZmZzZXQ9IjY4Ljg2JSIvPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkNCNTUiIG9mZnNldD0iODkuNTklIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRTE3OCIgb2Zmc2V0PSI5OS42MyUiLz4gICAgPC9saW5lYXJHcmFkaWVudD4gICAgPHJhZGlhbEdyYWRpZW50IGN4PSI0MC45MTk4NzA0JSIgY3k9Ii0zLjg3NDc0MjI3JSIgZng9IjQwLjkxOTg3MDQlIiBmeT0iLTMuODc0NzQyMjclIiByPSI0Mi45ODIyMzU0JSIgaWQ9InJhZGlhbEdyYWRpZW50LTUiPiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkYyNTMiIG9mZnNldD0iNy4wNjMxMjklIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjM1NSIgc3RvcC1vcGFjaXR5PSIwLjMwNTciIG9mZnNldD0iNzEuNTklIi8+ICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRjY1QyIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz4gICAgPC9yYWRpYWxHcmFkaWVudD4gIDwvZGVmcz4gIDxnIGlkPSJhdjY5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDIxNi4wMDAwMDApIj4gICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjQzJDM0M0IiBwb2ludHM9IjY5LjIgNTQuNiAxMTQuOSAxNTUuOSAxMzguMiAxNTUuOSA3MS40IDcuNyA2Ny42IDcuNyAwLjcgMTU1LjkgMjMuNCAxNTUuOSIvPiAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNDMkMzQzQiIHBvaW50cz0iMTY1LjcgMTA5LjcgMTE5LjkgOC4zIDk2LjYgOC4zIDE2My41IDE1Ni42IDE2Ny4yIDE1Ni42IDIzNC4xIDguMyAyMTEuNCA4LjMiLz4gICAgPHBhdGggZD0iTTIyLjggMTAyLjNMMjAuNiAxMDYuOUM0Ni4xIDEwOS4yIDY2LjMgMTMwLjEgNjcuNSAxNTUuOUw3My45IDE1NS45Qzc1LjEgMTMwLjggOTQuMiAxMTAuMyAxMTguOCAxMDcuMUwxMTYuMSAxMDIuMiAyMi44IDEwMi4yIDIyLjggMTAyLjNaIiBpZD0iU2hhcGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiLz4gICAgPHBhdGggZD0iTTEwMy40IDEwMi4zTDM4IDEwMi4zQzM3LjkgMTAyLjcgMzcuOSAxMDMuMSAzNy45IDEwMy42IDM3LjkgMTEzIDUyLjYgMTI1LjYgNzAuNyAxMjUuNiA4OC44IDEyNS42IDEwMy41IDExMyAxMDMuNSAxMDMuNiAxMDMuNSAxMDMuMiAxMDMuNSAxMDIuNyAxMDMuNCAxMDIuM1oiIGlkPSJTaGFwZSIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudC0yKSIvPiAgICA8cGF0aCBkPSJNMjU5LjkgNjMuNUwyOTEuMiAxOS43IDI3NCA3LjEgMjIzIDc3LjlDMjE1LjcgODYuOCAyMTIgOTkuNCAyMTIgMTExLjggMjEyIDE0MC40IDIzNC41IDE2Mi4zIDI2My4xIDE2Mi4zIDI5MS43IDE2Mi4zIDMxNC44IDEzOS4xIDMxNC44IDExMC42IDMxNC44IDg2LjMgMjk3LjIgNjEuNiAyNTkuOSA2My41Wk0yMzMuNSAxMTAuOEMyMzMuNSA5My42IDI0Ny41IDc5LjYgMjY0LjcgNzkuNiAyODEuOSA3OS42IDI5NS45IDkzLjYgMjk1LjkgMTEwLjggMjk1LjkgMTI4IDI4MS45IDE0MiAyNjQuNyAxNDIgMjQ3LjUgMTQyIDIzMy41IDEyOC4xIDIzMy41IDExMC44WiIgaWQ9IlNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTMpIi8+ICAgIDxwYXRoIGQ9Ik0zNjUuMyA5OC45TDMzNCAxNDIuNyAzNTEuMiAxNTUuMyA0MDIuMyA4NC41QzQwOS42IDc1LjYgNDEzLjMgNjMgNDEzLjMgNTAuNiA0MTMuMyAyMiAzOTAuOCAwLjEgMzYyLjIgMC4xIDMzMy42IDAuMSAzMTAuNSAyMy4zIDMxMC41IDUxLjggMzEwLjQgNzYuMSAzMjggMTAwLjggMzY1LjMgOTguOVpNMzkxLjggNTEuNkMzOTEuOCA2OC44IDM3Ny44IDgyLjggMzYwLjYgODIuOCAzNDMuNCA4Mi44IDMyOS40IDY4LjggMzI5LjQgNTEuNiAzMjkuNCAzNC40IDM0My40IDIwLjQgMzYwLjYgMjAuNCAzNzcuOCAyMC40IDM5MS44IDM0LjMgMzkxLjggNTEuNloiIGlkPSJTaGFwZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIvPiAgICA8cGF0aCBkPSJNMjU5LjkgNjMuNUwyOTEuMiAxOS43IDI3NCA3LjEgMjI4IDcwLjlDMjQ3LjcgNzUuMyAyNjkuOSA3Ny43IDI5My4zIDc3LjcgMjk2LjEgNzcuNyAyOTguOSA3Ny43IDMwMS43IDc3LjYgMjkyLjcgNjguNCAyNzguOSA2Mi41IDI1OS45IDYzLjVaTTQxMy4yIDUwLjNDNDEzLjEgMjEuOSAzOTAuNiAwLjEgMzYyLjEgMC4xIDMzMy41IDAuMSAzMTAuNCAyMy4zIDMxMC40IDUxLjggMzEwLjQgNjAuNSAzMTIuNyA2OS4yIDMxNy4zIDc2LjggMzI0LjggNzYuMiAzMzIuMiA3NS40IDMzOS4zIDc0LjQgMzMzLjIgNjguNyAzMjkuMyA2MC42IDMyOS4zIDUxLjUgMzI5LjMgMzQuMyAzNDMuMyAyMC4zIDM2MC41IDIwLjMgMzc3LjcgMjAuMyAzOTEuNyAzNC4zIDM5MS43IDUxLjUgMzkxLjcgNTUgMzkxLjEgNTguMyAzOTAuMSA2MS41IDM5OC43IDU4LjIgNDA2LjUgNTQuNCA0MTMuMiA1MC4zWiIgaWQ9IlNoYXBlIiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50LTUpIi8+ICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNDMkMzQzQiIGN4PSI0MTIuOCIgY3k9IjE0MS43IiByPSIxMi42Ii8+ICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iI0MyQzNDNCIgcG9pbnRzPSI0NDQuMSA2Ni40IDQ0NC4xIDg2LjUgNDMyLjggODYuNSA0MzIuOCAxMDAuNCA0NDQuMSAxMDAuNCA0NDQuMSAxNTQuNyA0NTguNiAxNTQuNyA0NTguNiAxMDAuNCA0NzEuOSAxMDAuNCA0NzEuOSA4Ni41IDQ1OC42IDg2LjUgNDU4LjYgNjYuNCIvPiAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNDMkMzQzQiIHBvaW50cz0iNTA5LjEgMTU0LjcgNTExIDE1NC43IDU0My4xIDg2LjUgNTI4IDg2LjUgNTEwIDEyNC42IDQ5MiA4Ni41IDQ3Ni45IDg2LjUiLz4gIDwvZz48L3N2Zz4=");
  background-size: 121px 36px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  display: block;
  text-indent: 100%; }

.lang {
  position: absolute;
  right: 0;
  top: 8px;
  text-align: right;
  border: 1px solid transparent;
  padding: 4px 0; }
  .lang li {
    display: none;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 27px;
    white-space: nowrap; }
    .lang li.first {
      display: block;
      padding-right: 13px; }
      .lang li.first a {
        color: #888; }
  .lang a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding-left: 21px;
    background: 0 50% no-repeat;
    background-size: 14px auto; }
  .lang:hover {
    padding-top: 32px;
    border: 1px solid #2c2c2c;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #373737;
    z-index: 101; }
    .lang:hover li {
      display: block; }
      .lang:hover li.first {
        position: absolute;
        top: 4px;
        right: 0; }
        .lang:hover li.first a {
          color: #FFFFFF; }
  .lang .en {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAIAAACdjxhxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDlDOTk4Rjk3QzMyMTFFNUExQTY5M0NEOEFEODJFMjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDlDOTk4RkE3QzMyMTFFNUExQTY5M0NEOEFEODJFMjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOUM5OThGNzdDMzIxMUU1QTFBNjkzQ0Q4QUQ4MkUyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOUM5OThGODdDMzIxMUU1QTFBNjkzQ0Q4QUQ4MkUyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9+040AAAFoSURBVHjaYoyLm8fMzMRACLR/OYJLitnQMKCgwJ2J6X9wsCkeUuPBZUYcgOXv379HjtwwMlLauvWCo6MWhNy27YKDgxZchJGRQWzFTKxO+P//P8ufP/9NTID6L7q66mzfjp3cvfvK88AEXB5h+vv3z44dl4F2bthwFhf59evP/3//4UJAV/yzs9NYseJEYKDpypXYyfXrT0ttWoTVCX/+/AGFxapVp7y9jRYvPhIebomVBCp97BqK0yO/f//18jKYM2cf0DZc5OfP3//9/oMLMbi69jg69syff9rYuAUXCUT/cYBv374Bw+JPcrJbb+/W3Fz3SZN2YCUnT975WMkMixf4eL6zszHa2rb++8fy5ctP/Klz84eNWIzg5fnGysz48eNHPj4+BnLBp0+fWJ6aun9kZPr/5SsZ+hl5uL8w/mf5//cPAyMzw79/5Ljh79//DP8Y3r17958CANTOeI5LnoGRgRIAEGAA78hz0tITuKYAAAAASUVORK5CYII="); }
  .lang .jp {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA30lEQVRIS2NkoDFgpLH5DMPEgv9AQIugYgQBkMHD34Ivl28zPOpbxPDp1BVwSPKZ6TDIFcUx8Oiq4g1ZooLo6aw1DLdy2xn+/fqNYhgTGyuD2uRKBum0EJyWELQA5PLTJhEYhsNMBFliemYFTp8QtOBSUCHD6/V78QaDaKAzg966fqxqCFpwVN6d4cej53gt4JCTZLB+uHOQWkDzIKJ5JIMCFl8yVZ1QziCTGUZ+MoXpBPnkbs1khi8XboKFeAzUGZRbcqmT0SgpBAkmU0oMB+mlnwWUuhSf/mFSZdIyiAAFko4ZeIpw3QAAAABJRU5ErkJggg=="); }
  .lang .fr {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAASklEQVRIS2NkoDFgpLH5DMPFgtAl/3EF1f9V0XhD8YOTGU55wf2nGSFBNGoBjkAaDSJwwIymIobRjDZaVAyWfEDDenO4VJk0DCIAqaZwGd2UPfgAAAAASUVORK5CYII="); }
  .lang .de {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAUElEQVRIS2NkoDFgpLH5DMPHgv80CipGWBCNWoArhOkURMAIoEkcACMY4oNRC3DGMP2C6AyNItkEFsmjFuCIZcbhE0Q0qgvAxg6fKpNmoQQAtgchGbStPHQAAAAASUVORK5CYII="); }
  .lang .es {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABN0lEQVRIS+2VQUsCQRSAv7XNVYOiIGGJ1AqCMoqCikIogiDor/gHvRTUYuWhEIQ9eAhMM4hSkoVW1Gm3wovK7mZ7ER+827z5Zr73mJHwOSSf92dEANmpmPBD1aFRkr4VjQGD9HYVCY3eHgSsMjvt6Pymx0ZJKX560AOQofau8FINIYRAVT+ZnWtC2xuhP8BCfhhQ0kPcXCgIqcP+kcnSRpPp8D8B8pUYxt0b97kZls/TxNcLmI0rduJlT4TeG1inb1smHnInPGo62XqU7eM0a4tPtF4v2T24RlZsp+44fQEtE/TiKfVKjttshLAcYW/TJJhIklzNMGlr+jPAHhYhkSmnmK/lKRejBBsy6kqV58QWZwsaEwF7pNzF4ClyV++4qgsYPxWOT4Xvihy7NcSCEfkyhzDgWPoFTsOCGdSO61oAAAAASUVORK5CYII="); }
  .lang .vi {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABEklEQVRIS2NkoDFgpLH5DMPEgnOCav9pEVRG728xgoNo5FjAofQXHJI/7jETFaIkB5F44g+wwS/nc9DGArUFn8EG30rgpY4FPEZ/GAQcf4ENY2RnYBB0g7Df72Jj+P8TYseH/WwMX86xYLWQqCAS9PjFIJ3/nYGJEzUl//vOyPB0IifD+x1sOH1DlAUg3eyy/xhU53xmYGKHWAIy/HYaL8PPx0x4g4poC1jF/zForvyEYtj1cD6G3y+pZIFoxE8G0YgfDE+6uRgYgClVpuIbw+sVHEAMjBg8gGgfiMX+YHi3lY3hzzuIi1mE/jEIef9ieLUYf3Il2gKi0iQWRaMWEAw5eBARVEmBgmFSZVIQAgS1AgBnJn8ZKbsWAwAAAABJRU5ErkJggg=="); }
  .lang .hi {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA5UlEQVRIS2NkoDFgpLH5DMPEgv8zjf/TIqgY088ygoNo1AJcwUvHIPr/n2Akv3v3g+HixVdgx+rpiTIIC3MSTBeMIACOZAIWvHnznWHDhlsM0tK8DCAdT558ZvD3V2UQFeXCawnRFuzf/4jhx48/DNu332P49+8/g7e3MgMbGzODs7M89Sz4+fMPw5Ytd0G+ZfD1VWFgZaWiBbAgkpLiYWBiYmR4/PgzQ0AAFYMIFA5v335nuHABEskGBmKkRbJQBzvBVEQwyWBR8K7iJyQVjVqAK/joF0TkRCCxeoZJlUmsd8lRBwAAbnYZVJbMogAAAABJRU5ErkJggg=="); }
  .lang .ch {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Qjk3NTY5NUJBQzExRTU4MEI1RkZGOTIwMUYyREM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg5Qjk3NTZBNUJBQzExRTU4MEI1RkZGOTIwMUYyREM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODlCOTc1Njc1QkFDMTFFNTgwQjVGRkY5MjAxRjJEQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODlCOTc1Njg1QkFDMTFFNTgwQjVGRkY5MjAxRjJEQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4znioHAAACSUlEQVR42uxVzW7UMBD+xnb+NmRZfsq2cOFZeA/ECQmJA8/AQ8CL9IKE1IoTB04ICa4coBRE+dls08SOPYyzB4TUQrpQISQiOU7k8XzffDMeEzPjLB+FM37+fQDz/Hr+9nLWV7UGys8KDEJ7HkgsgZX8ZQlge8D3YBrjkhDNCvH0CVltNlO6etEEzA6A9koCktX5fgeeCpjXaG5OQM9qFE89/GwcQBSmoCBvX5m29XU356o7JOjbBmwd2ofCIk/hFxbh0RfgjcPSyjaJUsn807rjlfBaZjGtjZfQ068l2vspylu14Ceo9QUcPaghEKKhML8xAbIUyU4DN7MwPZ0s17BAUDITKSg6l8G+UugfWzhx3onbbrtFvm+R5ELFiHku0hViJxu0yNZLJJ7GDQMnDC8RJtMCzT0PvfRINgU5EUccoDcUaGeJVi+G77JWOMz8wPBXmYjDJAhI5y2a3R76dUBIgmTZwM/FoCP0AkR3t6CevEf1wqGZOahA48vUakLwUo6SXLq2SpBihyCVGRbCmDWWux9Q7gW4koXOoBp49EGTHRzDTWJMNAyzFIm2Krg7G+hSSfvLFtY5sGEkIuxpupc5rsz6lMFNB7wjNMURcidRiqUKa5zkYyutkIWPFn7bIpvGUpAReMWc/gBAlM1nhNRoBKEdKGBknxgJsMKQXuQHv3Ra2jFW4sHLiQDEP85rd9OUfZXFHsqxPBn9b/bweENGX7l8p+grszD5niFVOWnNrL6fwrUBIsEgXZgcDvSkpv938l8H+CbAAJPi+UZQN9wFAAAAAElFTkSuQmCC"); }

body.jp {
  font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif; }

.b-footer {
  font-size: 12px;
  padding: 18px 0;
  display: block;
  clear: left;
  padding-top: 32px;
  color: #888;
  text-align: center;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+8AAAAKCAMAAADyxZ+7AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAe1BMVEX///9dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV3///8HOnS8AAAAKHRSTlMAAAYJCgsMDQ4QERMUFRcZGhwdHyAiIyQhJSYnHhgWEg8IBwMEBQECPA5FyQAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAALeSURBVGje7ZXreqIwEIYR5GCB1t0WV/eggBzu/w53JkMgIUHhqQRtfX8YnEyGLxO/aNmO46xdzw82L2EUv769bbc/gJ/vH8nuF7FL9oxkhyRsSPYfAIUostuxnBZKFhayTCzaRNtpSuBrkjZ7GRISxHa+X4xkgDGik8HFMHs4HH4jfwAcDwcTzUimspzUec5t4kbBJD32vaPX/SASJuCd+Asu3v57PUan0yZNA99znSzLrXNRlLZt55njuq6f4oyfbk4hEsVHJI7wWSQ8ISEldVEAo+wpigFIfAFOIZ9nUV6Pqpy62ZCPRolIKny2mw2FHd0nI0VLp0bNP8rE8Z0044Gkzr/ROOoTcvPE5BuqJfiHDIVJMG6CdIPOS3137azXDlrdtsuyQL8DZYmOd7IcPteu3xAwfJGAbgQx0oLfPI8i4mL+0KsGVw7hB/0XeSbhr5SFB2ZFmBHt67jPZjyQ1Lk32qRp3Eh56gzEPDA5uDxjrkarA0Vxtqq6PhNoezsHx1/CYdBzzmhCTRSXdxniGjmG4a5K1pvPTaKT2ugxquOWorWnBhe9BmfhZjyQVHMbVRF8JhpHKoch0X05/qN3oMmtqgLH18z0zT992dwFPKWZKITp/qhGCqmYVK4tpVbBWRwtcxQSPcHnu2Ok6GIow5bpNXuJZjyQVHMbVZH3OGA1sX77UvhkDkenV1Zj95qP/JsGPkmVxHT6hm/pCtT1lYL6KqwtBv1+UbBBHX09A4wRXU9j1mZM1LKk1FnP7bacydB8w2oDtM7F0RLDqxUfO5QAhHAtn5JuAvltmnJi4EIV1kGYu9ZkniG8QQnw2EC5i4IX+N1UlxkjuprGrM2YqGVJqbOe2w3RWG3Ap0qMd3A1CbVO59SpZfRVVFVdY6+VXeCsnxhi7M9gaZ1zbF2xyTTTfsLvQzeAesPcrsrIg/6aZ/0N0Z/jF/T7WLGqTT6x/6ffn9wXT78reTfx+3/4/jjd2iAYKwAAAABJRU5ErkJggg==") 50% 0 no-repeat; }
  .b-footer .center {
    width: 990px; }
  .b-footer a {
    color: #888;
    text-decoration: none;
    padding: 0 4px;
    text-transform: uppercase; }
    .b-footer a:hover {
      color: #FFFFFF; }
  .b-footer p {
    padding: 0;
    line-height: 18px; }
    .b-footer p.company {
      padding: 10px 0 0; }
  .de .b-footer {
    font-size: 11px; }
  .vi .b-footer {
    font-size: 11px; }
  .b-footer .block-tariff__notes {
    margin: 10px 0; }
    .b-footer .block-tariff__notes li {
      line-height: 20px;
      padding-left: 10px; }
      .b-footer .block-tariff__notes li:first-child:before {
        content: '* '; }
    .b-footer .block-tariff__notes:before {
      display: none; }

.b-join-header {
  text-align: center;
  padding: 22px 0 16px; }

.b-join-title {
  color: #777;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  text-transform: uppercase; }
  .b-join-title strong {
    font-weight: 300; }
  .fr .b-join-title {
    font-size: 23px; }
  .de .b-join-title {
    font-size: 21px; }
  .vi .b-join-title {
    font-size: 20px; }

.b-player .b-player-body {
  position: relative;
  width: 954px;
  height: 535px; }
.b-player .b-player-body:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 0.6;
  background: #000; }
.b-player .b-player-body-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%; }
.b-player .b-player-footer {
  position: relative;
  width: 100%;
  height: 30px;
  background-image: url("data:image/png;base64,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"); }
@-webkit-keyframes swing {
  to {
    width: 954px; } }
@keyframes swing {
  to {
    width: 954px; } }
.b-player .b-player-footer-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #ffa010;
  -webkit-animation: swing 4s linear;
  animation: swing 4s linear;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.b-membership {
  display: table-cell;
  vertical-align: middle; }
  .b-membership-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%; }
  .b-membership .b-membership-inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 300px; }
    .jp .b-membership .b-membership-inner {
      width: 380px; }
    .fr .b-membership .b-membership-inner {
      width: 350px; }
    .de .b-membership .b-membership-inner {
      width: 340px; }
    .es .b-membership .b-membership-inner {
      width: 360px; }
    .vi .b-membership .b-membership-inner {
      width: 360px; }
    .zh .b-membership .b-membership-inner {
      width: 280px; }
    .tw .b-membership .b-membership-inner {
      width: 280px; }
    .hi .b-membership .b-membership-inner {
      width: 300px; }
  .b-membership .b-membership-header {
    border-radius: 4px 4px 0 0;
    height: 10px;
    background-color: #f9a900; }
  .b-membership .b-membership-body {
    background: #fff;
    padding-top: 1px; }
  .b-membership .b-membership-item {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 30px;
    cursor: pointer;
    overflow: hidden; }
  .b-membership .b-membership-item.is-active {
    background-color: #fffbd5;
    border-bottom: 1px solid #fffbd5;
    border-top: 1px solid #fffbd5;
    margin-top: -1px; }
  .b-membership .b-membership-item-input {
    float: left;
    padding-right: 10px;
    line-height: 0;
    height: 38px; }
  .b-membership .b-membership-item-input input[type="radio"] {
    margin: 12px 0 0;
    width: 16px;
    height: 16px; }
  .b-membership .b-membership-item-title, .b-membership .b-membership-item-price {
    float: left;
    font-family: HelveticaNeueBold, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
    color: #424242; }
    .jp .b-membership .b-membership-item-title,
    .jp .b-membership .b-membership-item-price {
      font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif; }
  .b-membership .b-membership-item-title i {
    color: #9d9e9d;
    font-style: normal; }
  .b-membership .b-membership-item-price {
    float: right; }
    .b-membership .b-membership-item-price sup {
      font-size: 10px;
      margin-left: 2px; }
  .b-membership .b-membership-item-price-desc, .b-membership .b-membership-item-price-save {
    float: left;
    color: #4d940d;
    font-family: HelveticaNeueBold, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    clear: right;
    margin-top: 5px; }
    .jp .b-membership .b-membership-item-price-desc,
    .jp .b-membership .b-membership-item-price-save {
      font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif; }
  .b-membership .b-membership-item-price-desc.trial {
    color: #9d9e9d;
    font-family: Arial, sans-serif;
    font-weight: 400; }
  .b-membership .b-membership-item-price-save {
    float: right;
    color: #f9a900; }
  .b-membership .b-membership-item-price, .b-membership .b-membership-item-price-save {
    width: 75px;
    text-align: left;
    white-space: nowrap; }
    .jp .b-membership .b-membership-item-price,
    .jp .b-membership .b-membership-item-price-save {
      width: 100px; }
    .fr .b-membership .b-membership-item-price, .fr .b-membership .b-membership-item-price-save {
      width: 125px; }
    .de .b-membership .b-membership-item-price, .de .b-membership .b-membership-item-price-save {
      width: 78px; }
    .es .b-membership .b-membership-item-price, .es .b-membership .b-membership-item-price-save {
      width: 125px; }
  .b-membership .b-membership-item-price-desc-old {
    display: inline-block;
    vertical-align: top;
    color: #9d9e9d;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    padding: 0 4px;
    margin-top: 2px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /></svg>") 50% 50% no-repeat;
    background-size: cover;
    font-style: normal;
    text-decoration: none; }
  .b-membership .b-membership-footer {
    text-align: center;
    padding: 20px 0 16px;
    background-color: #f8f8f8;
    border-radius: 0 0 4px 4px; }
  .b-membership .b-membership-button {
    display: block;
    margin: 0 auto 16px;
    width: 240px;
    height: 60px;
    background-color: #ffa010;
    background-image: linear-gradient(to bottom, #fff050 0%, #ffa010 100%);
    border: 1px solid #ffa010;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(25, 48, 70, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: 0 1px 3px transparent;
    color: #000000;
    font-family: HelveticaNeueBold, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer; }
    .b-membership .b-membership-button:hover {
      background-color: #ff7800;
      background-image: linear-gradient(to bottom, #fffd51 0%, #ff7800 100%);
      border: 1px solid #ff7800;
      color: #000000; }
    .b-membership .b-membership-button:active {
      background: #ff7800;
      background-image: linear-gradient(to bottom, #fffd51 0%, #ff7800 100%);
      border: 1px solid #ff7800;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
      color: #000000; }
    .jp .b-membership .b-membership-button {
      width: 320px;
      font-size: 20px; }
    .fr .b-membership .b-membership-button {
      width: 290px;
      font-size: 20px; }
    .de .b-membership .b-membership-button {
      width: 280px;
      font-size: 20px; }
    .es .b-membership .b-membership-button {
      width: 300px;
      font-size: 20px; }
    .vi .b-membership .b-membership-button {
      width: 300px;
      font-size: 20px; }
    .zh .b-membership .b-membership-button {
      width: 220px;
      font-size: 20px; }
    .tw .b-membership .b-membership-button {
      width: 220px;
      font-size: 20px; }
    .hi .b-membership .b-membership-button {
      width: 240px;
      font-size: 24px; }
  .b-membership .b-membership-footer-secure {
    display: inline-block;
    vertical-align: top;
    color: #959595;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKBAMAAACUK2mNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZX///+lRCaCAAAACHRSTlMASeY8xMMoJicutQwAAAABYktHRAnx2aXsAAAACXBIWXMAAAsSAAALEgHS3X78AAAALklEQVQI12NgEGoSYGBgUGZWAJINQAglPTo6OgIYgERHA5DMAJMVYBIkApJ1AACPBhGLo/zvKAAAAABJRU5ErkJggg==") 0 50% no-repeat; }
    .vi .b-membership .b-membership-footer-secure {
      line-height: 16px;
      background-position: 0 2px;
      width: 230px; }

.b-thumbs {
  margin: 0 -7px;
  overflow: hidden;
  padding: 0 0 34px; }
  .b-thumbs .b-thumbs-header {
    text-align: center;
    padding: 22px 0 16px;
    margin: 15px 0 -6px; }
  .b-thumbs .b-thumbs-item {
    position: relative;
    float: left;
    width: 230px;
    height: 144px;
    background-color: #8f9fae;
    background-size: cover;
    margin: 6px; }
  .b-thumbs .b-thumbs-item__big {
    width: 472px;
    height: 298px; }
  .b-thumbs .b-thumbs-item:after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: '';
    pointer-events: none;
    width: 30px;
    height: 20px;
    background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMARHdmEbvuVcwi3arp9TY2AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEdJREFUCNdjEDJgMBJQUjJhYNAJYIhROHPmmAGUpd6TCWUJ+Bxi0EkNzQGyWI8y6Jw5cwbKgshynYaxag5DWR1nGmDmLXIAAGVwHnkrivXeAAAAAElFTkSuQmCC") 50% 50% no-repeat;
    border-radius: 2px; }

.b-related-thumb {
  overflow: hidden;
  margin: 0 10px 0 10px;
  border-radius: 0 0 10px 10px; }
  .b-related-thumb__img {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%; }