@charset "UTF-8";
/*
 * 基础模块 & 全局变量配置
 * 
 * 字体策略
 * 1. 默认：使用无衬线体，OSX中文使用苹方与冬青黑体，Windows中文使用微软雅黑，Linux中文使用文泉雅黑；
 * 2. 黑体：通过字体辅助类.u-heiti 或者 @extend %u-heiti来调用；
 * 3. 宋体：通过字体辅助类.u-songti 或者 @extend %u-songti来调用；
 * 3. 楷体：通过字体辅助类.u-kaiti 或者 @extend %u-kaiti来调用；
 * 4. 参考链接：http://www.zhihu.com/question/19911793   http://zenozeng.github.io/fonts.css/
 *
 */
/**
 * @name:      SASS常用Function与Mixins
 * @copyright: MIT License
*/
/* ==========================================================================
   SASS function
   ========================================================================== */
/*
 * @name:  px转em
 * @param: $px {string}  对齐类型
 * @param: $base-font-size {dimension}  基准字号大小
 */
/*
 * @name:  半透明颜色
 * @param: $opacity {number}  透明度值
 */
/* ==========================================================================
   SASS mixins
   ========================================================================== */
/*
 * @name:    BEM模块
 * @param:   $elementSeparator {string}  BE连接符
 * @param:   $modifierSeparator {string}  M连接符
 * @param:   $selector {string}  类名
 * @thanks:  https://medium.com/@marcmintel/pushing-bem-to-the-next-level-with-sass-3-4-5239d2371321 by @Marcmintel(https://twitter.com/marcmintel)
 * @expamle:
    ============= user =============
    @include b(block) {
        background: red;
        @include e(header){
            font-size: 14px;
            @include m(css) {
                font-size: 18px;
            }
        };
        @include m(book) {
            color: blue;
            @include e(kindlebook) {
                background: gray;
            }
        }
    }
    ============= output =============
    .block {
        background: red;
    }
    .block__header {
        font-size: 14px;
    }
    .block__header--css {
        font-size: 18px;
    }
    .block--book {
        color: blue;
    }
    .block--book .block__kindlebook {
        background: gray;
    }
 */
/* @name: 重置 */
/*
 * @name:  inline-block
 * @param: $alignment {string}  对齐类型
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/* @name: 闭合浮动 */
/*
 * @name:  浮动
 * @param: $side {string}  浮动方向
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/*
 * @name:  文本隐藏 (text-indent: -9999px;有性能问题)
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/*
 * @name:  隐藏增加可访问性的文字，注意与hide-text的区别是，他隐藏整个元素
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/*
 * @name:  图片代替文字
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/*
 * @name:  文字溢出显示省略号
 * @param: $width {dimension}  指定宽度 (需带单位)
 */
/*
 * @name: 强制不换行
 * @link: http://www.hicss.net/solve-change-line-in-css
 */
/* @name: 连续字符换行 */
/* @name: 阻止长字符串（例如url或无意义连续英文字符）打破布局 */
/*
 * @name:  resizable
 * @param: $direction {string}  缩放的方向 (horizontal || vertical || both)
 * @link:  https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_resize.scss
 * @1:     Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
 */
/*
 * @name:  最小高度
 * @param: $height {dimension}  最小高度
 */
/*
 * @name:  背景透明
 * @param: $color {color}  颜色
 * @param: $opacity {number}  透明度
 * @param: $support-for-ie {boolean}  是否支持IE6
 * @link:  https://github.com/airen/Sass_mixins_function/tree/master/mixins
 */
/*
 * @name:  背景线性渐变
 * @param: $startColor {number}  渐变始点颜色
 * @param: $endColor {boolean}  渐变终点颜色
 * @param: $direction {color}  渐变方向
 */
/*
 * @name:  透明度
 * @param: $opacity {number}  透明度
 * @param: $support-for-ie {boolean}  是否支持IE6
 */
/* @name: 重置滤镜 */
/*
 * @name:  液态比例缩放
 * @param: $large-size {dimension}  背景图片大尺寸
 * @param: $small-size {dimension}  背景图片小尺寸
 * @link:  http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios
 */
/*
 * @name:  border三角形
 * @param: $base {dimension}  底边尺寸
 * @param: $height {dimension}  高度
 * @param: $color {color}  颜色
 * @param: $direction {string}  方向 (top || bottom || left || right)
 * @link:  http://codepen.io/zhouwenbin/pen/emZVZp
 */
/* ==========================================================================
   媒体查询@Media Queries
   ========================================================================== */
/*
 * @name:       媒体查询
 * @thanks:     http://paranoida.com/　by @Rafal Bromirski (http://twitter.com/paranoida)
 * @resolution: http://screensiz.es/tablet
 * @link:       http://www.stephen.io/mediaqueries/
 */
/* ========= Screen ========= */
/* ========= hdpi ========= */
/* ========= iPhone5 ========= */
/* ========= iPhone4 ========= */
/* ========= iPhone3 ========= */
/* ========= iPad All ========= */
/* ========= iPad Mini ========= */
/* ========= iPad Retina ========= */
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: rgba(255, 255, 255, 0);
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*
 * @file: 重置样式
 */
/* 去除现代浏览器图片底部的空隙 */
img {
  vertical-align: top;
}

em {
  font-style: normal;
}

ol,
ul,
menu {
  list-style: none outside none;
}

fieldset,
iframe {
  border: 0 none;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
blockquote,
form,
fieldset,
legend,
input,
button,
textarea,
th,
td,
hr,
p,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}

/* IE6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}

/* IE bug fixed: th 不继承 text-align */
th {
  text-align: inherit;
}

/* 修正表单元素不继承父级字体族的问题 */
input,
button,
select,
textarea {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
}

/**
 * 移除 IE6-11 中默认的垂直滚动条
 * 禁止水平拖动，防止破坏布局
 */
textarea {
  resize: vertical;
  overflow: auto;
  /* 1 */
}

/**
 * 修正 Firefox 19+ Placeholder 设置了opacity 的问题
 */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: darkGray;
  opacity: 1;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

abbr {
  cursor: help;
}

/* pre允许溢出滚动 */
pre {
  overflow: auto;
}

/* 以下为排版样式 */
hr {
  height: 10px;
  margin-bottom: 0.8em;
  border: 0;
  border-bottom: 1px solid #cfcfcf;
}

body {
  -webkit-font-smoothing: antialiased;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (min-resolution: 2dppx) {
  /* Retina下仍使用默认字体渲染 */
  body {
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 400 !important;
  }
}
/**
 * @component: CSS三角形
 */
.u-arrow {
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: -2px;
  *vertical-align: auto;
  *display: inline;
  zoom: 1;
  border: 0 solid rgba(255, 255, 255, 0);
  border-width: 6px;
  font-size: 0;
  /* ◤左上角 */
  /* ◥右上角 */
  /* ◣左下角 */
  /* ◢右下角 */
}
.u-arrow.ext-top {
  border-bottom-style: solid;
  border-bottom-color: #666;
}
.u-arrow.ext-bottom {
  border-top-style: solid;
  border-top-color: #666;
}
.u-arrow.ext-left {
  border-right-style: solid;
  border-right-color: #666;
}
.u-arrow.ext-right {
  border-left-style: solid;
  border-left-color: #666;
}
.u-arrow.ext-leftTop {
  border-top-style: solid;
  border-top-color: #666;
  border-left-width: 0 !important;
}
.u-arrow.ext-rightTop {
  border-top-style: solid;
  border-top-color: #666;
  border-right-width: 0 !important;
}
.u-arrow.ext-leftBtm {
  border-bottom-style: solid;
  border-bottom-color: #666;
  border-left-width: 0 !important;
}
.u-arrow.ext-rightBtm {
  border-bottom-style: solid;
  border-bottom-color: #666;
  border-right-width: 0 !important;
}

.control {
  cursor: pointer;
  outline: none;
}

.ccc_bg .suits-trans {
  width: 225px;
  height: 213px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/btn-trans-b.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.ccc_bg .png.suits-trans {
  width: 225px;
  height: 213px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/btn-trans-b.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.ccc_bg .suits-trans.cur {
  width: 224px;
  height: 214px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/btn-trans-r.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.ccc_bg .png.suits-trans.cur {
  width: 224px;
  height: 214px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/btn-trans-r.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .ccc {
  width: 1718px;
  height: 1380px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/ccc.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .png.ccc {
  width: 1718px;
  height: 1380px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/ccc.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .ddd {
  width: 1522px;
  height: 1491px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/ddd.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .png.ddd {
  width: 1522px;
  height: 1491px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/ddd.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .diamonds {
  width: 536px;
  height: 268px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/diamonds.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .png.diamonds {
  width: 536px;
  height: 268px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/diamonds.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .divider-l {
  width: 2110px;
  height: 43px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-lighter.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .png.divider-l {
  width: 2110px;
  height: 43px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-lighter.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.divider-lo {
  width: 2121px;
  height: 43px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-line.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.png.divider-lo {
  width: 2121px;
  height: 43px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-line.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .divider-s {
  width: 781px;
  height: 35px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-short.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .png.divider-s {
  width: 781px;
  height: 35px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/divider-short.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-and,
.slide-dd-bg .download-btns .btn-and,
.nav-slide .btn-and {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-and.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-and,
.slide-dd-bg .download-btns .png.btn-and,
.nav-slide .png.btn-and {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-and.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-ands,
.slide-dd-bg .download-btns .btn-ands,
.nav-slide .btn-ands {
  width: 388px;
  height: 134px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-ands.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-ands,
.slide-dd-bg .download-btns .png.btn-ands,
.nav-slide .png.btn-ands {
  width: 388px;
  height: 134px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-ands.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-andt,
.slide-dd-bg .download-btns .btn-andt,
.nav-slide .btn-andt {
  width: 387px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-andt.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-andt,
.slide-dd-bg .download-btns .png.btn-andt,
.nav-slide .png.btn-andt {
  width: 387px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-andt.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-ios,
.slide-dd-bg .download-btns .btn-ios,
.nav-slide .btn-ios {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-iost.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-ios,
.slide-dd-bg .download-btns .png.btn-ios,
.nav-slide .png.btn-ios {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-iost.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-iost,
.slide-dd-bg .download-btns .btn-iost,
.nav-slide .btn-iost {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-iost.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-iost,
.slide-dd-bg .download-btns .png.btn-iost,
.nav-slide .png.btn-iost {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-iost.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-qr,
.slide-dd-bg .download-qr,
.nav-slide .download-qr {
  width: 272px;
  height: 271px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-qr.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .png.download-qr,
.slide-dd-bg .png.download-qr,
.nav-slide .png.download-qr {
  width: 272px;
  height: 271px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-qr.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .btn-tap,
.slide-dd-bg .download-btns .btn-tap,
.nav-slide .btn-tap {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-tap.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs-download .download-btns .png.btn-tap,
.slide-dd-bg .download-btns .png.btn-tap,
.nav-slide .png.btn-tap {
  width: 388px;
  height: 122px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/down-tap.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.infos-grid .info2 .icon {
  width: 75px;
  height: 75px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-bd.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.infos-grid .info2 .png.icon {
  width: 75px;
  height: 75px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-bd.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.wv-tabs .icon-ne {
  width: 178px;
  height: 178px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-ne.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.wv-tabs .png.icon-ne {
  width: 178px;
  height: 178px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-ne.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.infos-grid .info3 .icon,
.infos-grid .info4 .icon {
  width: 56px;
  height: 55px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-qq.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.infos-grid .info3 .png.icon,
.infos-grid .info4 .png.icon {
  width: 56px;
  height: 55px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-qq.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.wv-tabs .icon-wv {
  width: 178px;
  height: 178px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-wv.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.wv-tabs .png.icon-wv {
  width: 178px;
  height: 178px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-wv.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

#swiper_designers .designers-info {
  width: 454px;
  height: 151px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/info_bg.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

#swiper_designers .png.designers-info {
  width: 454px;
  height: 151px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/info_bg.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .new-boxs .tab-more,
.main-home .av-boxs .tab-more {
  width: 94px;
  height: 28px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/more.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .new-boxs .png.tab-more,
.main-home .av-boxs .png.tab-more {
  width: 94px;
  height: 28px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/more.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

#swiper_designers .control,
.main-home .swiper .control,
.ccc_bg .control,
.page-control .control .icon {
  width: 90px;
  height: 111px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/next.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

#swiper_designers .png.control,
.main-home .swiper .png.control,
.ccc_bg .png.control,
.page-control .control .png.icon {
  width: 90px;
  height: 111px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/next.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .play-btn {
  width: 306px;
  height: 155px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/play-b.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .png.play-btn {
  width: 306px;
  height: 155px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/play-b.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .play-btn .play-c {
  width: 292px;
  height: 142px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/play-bg.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .play-btn .png.play-c {
  width: 292px;
  height: 142px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/play-bg.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.av-text .vi span i,
.main-audiovisual .av-topvideo .play-btn {
  width: 172px;
  height: 173px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/playbtn.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.av-text .vi span i.png,
.main-audiovisual .av-topvideo .png.play-btn {
  width: 172px;
  height: 173px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/playbtn.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .infomation .to-top {
  width: 228px;
  height: 273px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/to-top.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-home .infomation .png.to-top {
  width: 228px;
  height: 273px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/to-top.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

#swiper_designers {
  width: 100%;
}
#swiper_designers .control {
  position: absolute;
  top: 70%;
  z-index: 10;
  width: 35px;
  height: 40px;
  cursor: pointer;
  outline: none;
}
#swiper_designers .prev {
  left: -webkit-calc(50% - 620px);
  left: calc(50% - 620px);
}
#swiper_designers .next {
  left: -webkit-calc(50% + 200px);
  left: calc(50% + 200px);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#swiper_designers .designers {
  width: 100%;
  height: 700px;
}
#swiper_designers .designers .main {
  width: 1400px;
  height: 700px;
  position: relative;
  margin: 0 auto;
}
#swiper_designers .designers img {
  display: inline-block;
  z-index: 2;
  position: absolute;
}
#swiper_designers .designers-info {
  position: absolute;
  width: 225px;
  height: 73px;
  bottom: 30px;
  left: 800px;
  z-index: 2;
  text-align: left;
  padding: 15px 0 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
}
#swiper_designers .designers-bg {
  width: 100%;
  height: auto;
  z-index: 0;
  left: 0;
  bottom: 0;
}
#swiper_designers .designers-name {
  width: 176px;
  left: 130px;
  cursor: pointer;
  outline: none;
  top: 200px;
}
#swiper_designers .designers-words {
  width: 192px;
  left: 730px;
  top: 50px;
}
#swiper_designers .designers-pic {
  width: 604.8px;
  height: 625.6px;
  bottom: 5px;
  left: 240px;
}
#swiper_designers .designers-pagination {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 200px;
  left: -webkit-calc(45% + 100vw / 1922 * 570);
  left: calc(45% + 100vw / 1922 * 570);
  bottom: 50px;
  z-index: 2;
  height: 410px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#swiper_designers .designers-pagination::before,
#swiper_designers .designers-pagination::after {
  position: relative;
  content: "";
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  display: block;
}
#swiper_designers .designers-pagination::before {
  background-image: url("data:image/png;base64,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");
  height: 75px;
}
#swiper_designers .designers-pagination::after {
  background-image: url("data:image/png;base64,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");
  height: 164px;
}
#swiper_designers .designers-pagination .kind {
  width: 80px;
  height: 80px;
  cursor: pointer;
  outline: none;
}
#swiper_designers .designers-pagination .kind img {
  width: 100%;
}

.top-bg {
  position: absolute;
  width: 100%;
  height: -webkit-calc(100vw / 16 * 8 - 0px);
  height: calc(100vw / 16 * 8 - 0px);
  min-height: -webkit-calc(1400px / 16 * 8 - 0px);
  min-height: calc(1400px / 16 * 8 - 0px);
  top: 0;
  left: 0;
}
.top-bg .open-video {
  width: 100vw;
  height: 100vh;
  min-height: -webkit-calc(1400px / 16 * 8 - 0px);
  min-height: calc(1400px / 16 * 8 - 0px);
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
.top-bg .open-video .slogan {
  width: 100%;
  height: 12vw;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/slogan_new.png");
  -webkit-background-size: 60vw 60vw;
  background-size: 60vw;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  bottom: 11vh;
  background-position: 56% center;
}
.top-bg .open-video .open-title {
  width: 100%;
  height: 5vw;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/open-title.png");
  -webkit-background-size: 27vw 27vw;
  background-size: 27vw;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
  bottom: 10vh;
  background-position: center;
}
.top-bg .open-video video {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom top;
  object-position: bottom top;
}
.top-bg .open-video .close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjIuODYgNDIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDp1cmwoI+aWsOW7uua4kOWPmOiJsuadv18yNyk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSLmlrDlu7rmuJDlj5joibLmnb9fMjciIHkxPSIyMCIgeDI9IjYyLjg2IiB5Mj0iMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNkMTljNzEiLz48c3RvcCBvZmZzZXQ9IjAuODEiIHN0b3AtY29sb3I9IiNlNmJhOGUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlYmMyOTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+6LWE5rqQIDE8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IueZu+mZhuinhumikSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMxLjQzIDIgMCA0MiAzMS40MyAxOS42MiA2Mi44NiA0MiAzMS40MyAyIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjMxLjQzIDAgMCA0MCAzMS40MyAxNy42MiA2Mi44NiA0MCAzMS40MyAwIi8+PC9nPjwvZz48L3N2Zz4=");
  width: 63px;
  height: 40px;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  bottom: 40px;
  right: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
  z-index: 1;
}
.top-bg .open-video .play,
.top-bg .open-video .pause {
  cursor: pointer;
  outline: none;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 140px;
  -webkit-background-size: contain;
  background-size: contain;
  left: 30px;
  background-repeat: no-repeat;
}
.top-bg .open-video .pause {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjkuMzYgNzEuMzYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDp1cmwoI+aWsOW7uua4kOWPmOiJsuadv18yKTt9LmNscy0ze2ZpbGw6dXJsKCPmlrDlu7rmuJDlj5joibLmnb9fMi0yKTt9LmNscy00e2ZpbGw6dXJsKCPmlrDlu7rmuJDlj5joibLmnb9fMSk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSLmlrDlu7rmuJDlj5joibLmnb9fMiIgeTE9IjM0LjY4IiB4Mj0iNjkuMzYiIHkyPSIzNC42OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2MwOGE1NSIvPjxzdG9wIG9mZnNldD0iMC4wMiIgc3RvcC1jb2xvcj0iI2MyOGQ1OCIvPjxzdG9wIG9mZnNldD0iMC4yMiIgc3RvcC1jb2xvcj0iI2RjYjE3YyIvPjxzdG9wIG9mZnNldD0iMC4zOSIgc3RvcC1jb2xvcj0iI2VjYzc5MyIvPjxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjZjJjZjliIi8+PHN0b3Agb2Zmc2V0PSIwLjYxIiBzdG9wLWNvbG9yPSIjZWRjODk0Ii8+PHN0b3Agb2Zmc2V0PSIwLjc2IiBzdG9wLWNvbG9yPSIjZTBiNjgxIi8+PHN0b3Agb2Zmc2V0PSIwLjk0IiBzdG9wLWNvbG9yPSIjYzk5NzYyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYzA4YTU1Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IuaWsOW7uua4kOWPmOiJsuadv18yLTIiIHgxPSI2Ljg3IiB5MT0iMzQuNjgiIHgyPSI2Mi41IiB5Mj0iMzQuNjgiIHhsaW5rOmhyZWY9IiPmlrDlu7rmuJDlj5joibLmnb9fMiIvPjxsaW5lYXJHcmFkaWVudCBpZD0i5paw5bu65riQ5Y+Y6Imy5p2/XzEiIHgxPSIzNC45NiIgeTE9IjIxLjU4IiB4Mj0iMzQuOTYiIHkyPSI0OC44OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2UyYjc3ZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2MwOGE1NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT7otYTmupAgMjwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i55m76ZmG6KeG6aKRIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC4zOSw2MS4yMUEzMi41OSwzMi41OSwwLDAsMSwxMC4xNSw1NywzMS43LDMxLjcsMCwwLDEsMi44OCwzOC4zNkgwYTM0Ljc2LDM0Ljc2LDAsMCwwLDMzLDMzVjY4LjQ5QTMxLjY4LDMxLjY4LDAsMCwxLDE0LjM5LDYxLjIxWm01Mi4xLTIyLjg1QTMxLjcxLDMxLjcxLDAsMCwxLDU5LjIxLDU3LDMyLjUxLDMyLjUxLDAsMCwxLDU1LDYxLjIxYTMxLjcxLDMxLjcxLDAsMCwxLTE4LjYyLDcuMjh2Mi44N0EzNC41MiwzNC41MiwwLDAsMCw1Nyw2My4yNSwzNS4zNywzNS4zNywwLDAsMCw2MS4yNSw1OWEzNC41MiwzNC41MiwwLDAsMCw4LjExLTIwLjY1Wm0tNS4yNC0yNEEzNC44OSwzNC44OSwwLDAsMCwzNi4zNiwyVjQuODhBMzEuNywzMS43LDAsMCwxLDU1LDEyLjE1YTMyLjU5LDMyLjU5LDAsMCwxLDQuMjMsNC4yNEEzMS42OCwzMS42OCwwLDAsMSw2Ni40OSwzNWgyLjg3QTM0LjUyLDM0LjUyLDAsMCwwLDYxLjI1LDE0LjM1Wm0tNDguOS00LjIzYTMzLjgxLDMzLjgxLDAsMCwwLTQuMjMsNC4yM0EzNC40NywzNC40NywwLDAsMCwwLDM1SDIuODhhMzEuNjcsMzEuNjcsMCwwLDEsNy4yNy0xOC42MSwzMi42NiwzMi42NiwwLDAsMSw0LjI0LTQuMjRBMzEuNjcsMzEuNjcsMCwwLDEsMzMsNC44OFYyQTM0LjQ3LDM0LjQ3LDAsMCwwLDEyLjM1LDEwLjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcuNTksMzYuNjhjMC0uNTYsMC0xLjEzLDAtMS42OGEyNi45MywyNi45MywwLDAsMSw1Ljg4LTE1LjIyTDEzLDE5LjI3QTI3LjYyLDI3LjYyLDAsMCwwLDYuOTIsMzVjMCwuNTUsMCwxLjEyLDAsMS42OHMwLDEuMTMsMCwxLjY5QTI3LjY1LDI3LjY1LDAsMCwwLDEzLDU0LjFsLjUxLS41MkEyNi45MiwyNi45MiwwLDAsMSw3LjY0LDM4LjM3QzcuNiwzNy44MSw3LjU5LDM3LjI1LDcuNTksMzYuNjhaTTYyLjQ0LDM1YTI3LjYyLDI3LjYyLDAsMCwwLTYuMDktMTUuNzNsLS41MS41MUEyNi45MywyNi45MywwLDAsMSw2MS43MiwzNWMwLC41NS4wNSwxLjEyLjA1LDEuNjhzMCwxLjEzLS4wNSwxLjY5YTI2LjkyLDI2LjkyLDAsMCwxLTUuODgsMTUuMjFsLjUxLjUyYTI3LjY1LDI3LjY1LDAsMCwwLDYuMDktMTUuNzNjMC0uNTYuMDYtMS4xMi4wNi0xLjY5UzYyLjQ4LDM1LjU1LDYyLjQ0LDM1Wk0zNC42OCw4Ljg3Yy0uNTYsMC0xLjEzLDAtMS42OC4wNUEyNy42MiwyNy42MiwwLDAsMCwxNy4yNywxNWwuNTEuNTFBMjYuOTMsMjYuOTMsMCwwLDEsMzMsOS42NGMuNTUsMCwxLjEyLS4wNSwxLjY4LS4wNXMxLjEzLDAsMS42OS4wNWEyNi45MiwyNi45MiwwLDAsMSwxNS4yMSw1Ljg4TDUyLjEsMTVBMjcuNjUsMjcuNjUsMCwwLDAsMzYuMzcsOC45MkMzNS44MSw4Ljg4LDM1LjI1LDguODcsMzQuNjgsOC44N1ptMTYuOSw0OWEyNi45MiwyNi45MiwwLDAsMS0xNS4yMSw1Ljg4Yy0uNTYsMC0xLjEyLjA1LTEuNjkuMDVzLTEuMTMsMC0xLjY4LS4wNWEyNi45MywyNi45MywwLDAsMS0xNS4yMi01Ljg4bC0uNTEuNTFBMjcuNTUsMjcuNTUsMCwwLDAsMzMsNjQuNDRjLjU1LDAsMS4xMi4wNiwxLjY4LjA2czEuMTMsMCwxLjY5LS4wNkEyNy41OCwyNy41OCwwLDAsMCw1Mi4xLDU4LjM1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI1LjE1LDUwLjE4VjIzLjg0aDYuMTdWNTAuMThabTEzLjUxLDBWMjMuODRoNi4xMVY1MC4xOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNC4zOSw1OS4yMUEzMi41OSwzMi41OSwwLDAsMSwxMC4xNSw1NSwzMS43LDMxLjcsMCwwLDEsMi44OCwzNi4zNkgwYTM0Ljc2LDM0Ljc2LDAsMCwwLDMzLDMzVjY2LjQ5QTMxLjY4LDMxLjY4LDAsMCwxLDE0LjM5LDU5LjIxWm01Mi4xLTIyLjg1QTMxLjcxLDMxLjcxLDAsMCwxLDU5LjIxLDU1LDMyLjUxLDMyLjUxLDAsMCwxLDU1LDU5LjIxYTMxLjcxLDMxLjcxLDAsMCwxLTE4LjYyLDcuMjh2Mi44N0EzNC41MiwzNC41MiwwLDAsMCw1Nyw2MS4yNSwzNS4zNywzNS4zNywwLDAsMCw2MS4yNSw1N2EzNC41MiwzNC41MiwwLDAsMCw4LjExLTIwLjY1Wm0tNS4yNC0yNEEzNC44OSwzNC44OSwwLDAsMCwzNi4zNiwwVjIuODhBMzEuNywzMS43LDAsMCwxLDU1LDEwLjE1YTMyLjU5LDMyLjU5LDAsMCwxLDQuMjMsNC4yNEEzMS42OCwzMS42OCwwLDAsMSw2Ni40OSwzM2gyLjg3QTM0LjUyLDM0LjUyLDAsMCwwLDYxLjI1LDEyLjM1Wk0xMi4zNSw4LjEyYTMzLjgxLDMzLjgxLDAsMCwwLTQuMjMsNC4yM0EzNC40NywzNC40NywwLDAsMCwwLDMzSDIuODhhMzEuNjcsMzEuNjcsMCwwLDEsNy4yNy0xOC42MSwzMi42NiwzMi42NiwwLDAsMSw0LjI0LTQuMjRBMzEuNjcsMzEuNjcsMCwwLDEsMzMsMi44OFYwQTM0LjQ3LDM0LjQ3LDAsMCwwLDEyLjM1LDguMTJaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNy41OSwzNC42OGMwLS41NiwwLTEuMTMsMC0xLjY4YTI2LjkzLDI2LjkzLDAsMCwxLDUuODgtMTUuMjJMMTMsMTcuMjdBMjcuNjIsMjcuNjIsMCwwLDAsNi45MiwzM2MwLC41NSwwLDEuMTIsMCwxLjY4czAsMS4xMywwLDEuNjlBMjcuNjUsMjcuNjUsMCwwLDAsMTMsNTIuMWwuNTEtLjUyQTI2LjkyLDI2LjkyLDAsMCwxLDcuNjQsMzYuMzdDNy42LDM1LjgxLDcuNTksMzUuMjUsNy41OSwzNC42OFpNNjIuNDQsMzNhMjcuNjIsMjcuNjIsMCwwLDAtNi4wOS0xNS43M2wtLjUxLjUxQTI2LjkzLDI2LjkzLDAsMCwxLDYxLjcyLDMzYzAsLjU1LjA1LDEuMTIuMDUsMS42OHMwLDEuMTMtLjA1LDEuNjlhMjYuOTIsMjYuOTIsMCwwLDEtNS44OCwxNS4yMWwuNTEuNTJhMjcuNjUsMjcuNjUsMCwwLDAsNi4wOS0xNS43M2MwLS41Ni4wNi0xLjEyLjA2LTEuNjlTNjIuNDgsMzMuNTUsNjIuNDQsMzNaTTM0LjY4LDYuODdjLS41NiwwLTEuMTMsMC0xLjY4LDBBMjcuNjIsMjcuNjIsMCwwLDAsMTcuMjcsMTNsLjUxLjUxQTI2LjkzLDI2LjkzLDAsMCwxLDMzLDcuNjRjLjU1LDAsMS4xMiwwLDEuNjgsMHMxLjEzLDAsMS42OSwwYTI2LjkyLDI2LjkyLDAsMCwxLDE1LjIxLDUuODhMNTIuMSwxM0EyNy42NSwyNy42NSwwLDAsMCwzNi4zNyw2LjkyQzM1LjgxLDYuODgsMzUuMjUsNi44NywzNC42OCw2Ljg3Wm0xNi45LDQ5YTI2LjkyLDI2LjkyLDAsMCwxLTE1LjIxLDUuODhjLS41NiwwLTEuMTIuMDUtMS42OS4wNXMtMS4xMywwLTEuNjgtLjA1YTI2LjkzLDI2LjkzLDAsMCwxLTE1LjIyLTUuODhsLS41MS41MUEyNy41NSwyNy41NSwwLDAsMCwzMyw2Mi40NGMuNTUsMCwxLjEyLjA2LDEuNjguMDZzMS4xMywwLDEuNjktLjA2QTI3LjU4LDI3LjU4LDAsMCwwLDUyLjEsNTYuMzVaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMjUuMTUsNDguMThWMjEuODRoNi4xN1Y0OC4xOFptMTMuNTEsMFYyMS44NGg2LjExVjQ4LjE4WiIvPjwvZz48L2c+PC9zdmc+");
}
.top-bg .open-video .play {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjkuMzYgNzEuMzYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDp1cmwoI+aWsOW7uua4kOWPmOiJsuadv18xKTt9LmNscy0ze2ZpbGw6dXJsKCPmlrDlu7rmuJDlj5joibLmnb9fMik7fS5jbHMtNHtmaWxsOnVybCgj5paw5bu65riQ5Y+Y6Imy5p2/XzItMik7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSLmlrDlu7rmuJDlj5joibLmnb9fMSIgeDE9IjE1LjI4IiB5MT0iMzQuNjgiIHgyPSI0OS4xNyIgeTI9IjM0LjY4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTJiNzdkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYzA4YTU1Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IuaWsOW7uua4kOWPmOiJsuadv18yIiB5MT0iMzQuNjgiIHgyPSI2OS4zNiIgeTI9IjM0LjY4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzA4YTU1Ii8+PHN0b3Agb2Zmc2V0PSIwLjAyIiBzdG9wLWNvbG9yPSIjYzI4ZDU4Ii8+PHN0b3Agb2Zmc2V0PSIwLjIyIiBzdG9wLWNvbG9yPSIjZGNiMTdjIi8+PHN0b3Agb2Zmc2V0PSIwLjM5IiBzdG9wLWNvbG9yPSIjZWNjNzkzIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNmMmNmOWIiLz48c3RvcCBvZmZzZXQ9IjAuNjEiIHN0b3AtY29sb3I9IiNlZGM4OTQiLz48c3RvcCBvZmZzZXQ9IjAuNzYiIHN0b3AtY29sb3I9IiNlMGI2ODEiLz48c3RvcCBvZmZzZXQ9IjAuOTQiIHN0b3AtY29sb3I9IiNjOTk3NjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjMDhhNTUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0i5paw5bu65riQ5Y+Y6Imy5p2/XzItMiIgeDE9IjYuODciIHkxPSIzNC42OCIgeDI9IjYyLjUiIHkyPSIzNC42OCIgeGxpbms6aHJlZj0iI+aWsOW7uua4kOWPmOiJsuadv18yIi8+PC9kZWZzPjx0aXRsZT7otYTmupAgMzwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i55m76ZmG6KeG6aKRIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMzIuOTQgMzYuNjggMjcuNjcgNTAuMDYgNDQuNjkgMzYuNjggMjcuNjcgMjMuMyAzMi45NCAzNi42OCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LjM5LDYxLjIxQTMyLjU5LDMyLjU5LDAsMCwxLDEwLjE1LDU3LDMxLjcsMzEuNywwLDAsMSwyLjg4LDM4LjM2SDBhMzQuNzYsMzQuNzYsMCwwLDAsMzMsMzNWNjguNDlBMzEuNjgsMzEuNjgsMCwwLDEsMTQuMzksNjEuMjFabTUyLjEtMjIuODVBMzEuNzEsMzEuNzEsMCwwLDEsNTkuMjEsNTcsMzIuNTEsMzIuNTEsMCwwLDEsNTUsNjEuMjFhMzEuNzEsMzEuNzEsMCwwLDEtMTguNjIsNy4yOHYyLjg3QTM0LjUyLDM0LjUyLDAsMCwwLDU3LDYzLjI1LDM1LjM3LDM1LjM3LDAsMCwwLDYxLjI1LDU5YTM0LjUyLDM0LjUyLDAsMCwwLDguMTEtMjAuNjVabS01LjI0LTI0QTM0Ljg5LDM0Ljg5LDAsMCwwLDM2LjM2LDJWNC44OEEzMS43LDMxLjcsMCwwLDEsNTUsMTIuMTVhMzIuNTksMzIuNTksMCwwLDEsNC4yMyw0LjI0QTMxLjY4LDMxLjY4LDAsMCwxLDY2LjQ5LDM1aDIuODdBMzQuNTIsMzQuNTIsMCwwLDAsNjEuMjUsMTQuMzVabS00OC45LTQuMjNhMzMuODEsMzMuODEsMCwwLDAtNC4yMyw0LjIzQTM0LjQ3LDM0LjQ3LDAsMCwwLDAsMzVIMi44OGEzMS42NywzMS42NywwLDAsMSw3LjI3LTE4LjYxLDMyLjY2LDMyLjY2LDAsMCwxLDQuMjQtNC4yNEEzMS42NywzMS42NywwLDAsMSwzMyw0Ljg4VjJBMzQuNDcsMzQuNDcsMCwwLDAsMTIuMzUsMTAuMTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy41OSwzNi42OGMwLS41NiwwLTEuMTMsMC0xLjY4YTI2LjkzLDI2LjkzLDAsMCwxLDUuODgtMTUuMjJMMTMsMTkuMjdBMjcuNjIsMjcuNjIsMCwwLDAsNi45MiwzNWMwLC41NSwwLDEuMTIsMCwxLjY4czAsMS4xMywwLDEuNjlBMjcuNjUsMjcuNjUsMCwwLDAsMTMsNTQuMWwuNTEtLjUyQTI2LjkyLDI2LjkyLDAsMCwxLDcuNjQsMzguMzdDNy42LDM3LjgxLDcuNTksMzcuMjUsNy41OSwzNi42OFpNNjIuNDQsMzVhMjcuNjIsMjcuNjIsMCwwLDAtNi4wOS0xNS43M2wtLjUxLjUxQTI2LjkzLDI2LjkzLDAsMCwxLDYxLjcyLDM1YzAsLjU1LjA1LDEuMTIuMDUsMS42OHMwLDEuMTMtLjA1LDEuNjlhMjYuOTIsMjYuOTIsMCwwLDEtNS44OCwxNS4yMWwuNTEuNTJhMjcuNjUsMjcuNjUsMCwwLDAsNi4wOS0xNS43M2MwLS41Ni4wNi0xLjEyLjA2LTEuNjlTNjIuNDgsMzUuNTUsNjIuNDQsMzVaTTM0LjY4LDguODdjLS41NiwwLTEuMTMsMC0xLjY4LjA1QTI3LjYyLDI3LjYyLDAsMCwwLDE3LjI3LDE1bC41MS41MUEyNi45MywyNi45MywwLDAsMSwzMyw5LjY0Yy41NSwwLDEuMTItLjA1LDEuNjgtLjA1czEuMTMsMCwxLjY5LjA1YTI2LjkyLDI2LjkyLDAsMCwxLDE1LjIxLDUuODhMNTIuMSwxNUEyNy42NSwyNy42NSwwLDAsMCwzNi4zNyw4LjkyQzM1LjgxLDguODgsMzUuMjUsOC44NywzNC42OCw4Ljg3Wm0xNi45LDQ5YTI2LjkyLDI2LjkyLDAsMCwxLTE1LjIxLDUuODhjLS41NiwwLTEuMTIuMDUtMS42OS4wNXMtMS4xMywwLTEuNjgtLjA1YTI2LjkzLDI2LjkzLDAsMCwxLTE1LjIyLTUuODhsLS41MS41MUEyNy41NSwyNy41NSwwLDAsMCwzMyw2NC40NGMuNTUsMCwxLjEyLjA2LDEuNjguMDZzMS4xMywwLDEuNjktLjA2QTI3LjU4LDI3LjU4LDAsMCwwLDUyLjEsNTguMzVaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjMyLjk0IDM0LjY4IDI3LjY3IDQ4LjA2IDQ0LjY5IDM0LjY4IDI3LjY3IDIxLjMgMzIuOTQgMzQuNjgiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNC4zOSw1OS4yMUEzMi41OSwzMi41OSwwLDAsMSwxMC4xNSw1NSwzMS43LDMxLjcsMCwwLDEsMi44OCwzNi4zNkgwYTM0Ljc2LDM0Ljc2LDAsMCwwLDMzLDMzVjY2LjQ5QTMxLjY4LDMxLjY4LDAsMCwxLDE0LjM5LDU5LjIxWm01Mi4xLTIyLjg1QTMxLjcxLDMxLjcxLDAsMCwxLDU5LjIxLDU1LDMyLjUxLDMyLjUxLDAsMCwxLDU1LDU5LjIxYTMxLjcxLDMxLjcxLDAsMCwxLTE4LjYyLDcuMjh2Mi44N0EzNC41MiwzNC41MiwwLDAsMCw1Nyw2MS4yNSwzNS4zNywzNS4zNywwLDAsMCw2MS4yNSw1N2EzNC41MiwzNC41MiwwLDAsMCw4LjExLTIwLjY1Wm0tNS4yNC0yNEEzNC44OSwzNC44OSwwLDAsMCwzNi4zNiwwVjIuODhBMzEuNywzMS43LDAsMCwxLDU1LDEwLjE1YTMyLjU5LDMyLjU5LDAsMCwxLDQuMjMsNC4yNEEzMS42OCwzMS42OCwwLDAsMSw2Ni40OSwzM2gyLjg3QTM0LjUyLDM0LjUyLDAsMCwwLDYxLjI1LDEyLjM1Wk0xMi4zNSw4LjEyYTMzLjgxLDMzLjgxLDAsMCwwLTQuMjMsNC4yM0EzNC40NywzNC40NywwLDAsMCwwLDMzSDIuODhhMzEuNjcsMzEuNjcsMCwwLDEsNy4yNy0xOC42MSwzMi42NiwzMi42NiwwLDAsMSw0LjI0LTQuMjRBMzEuNjcsMzEuNjcsMCwwLDEsMzMsMi44OFYwQTM0LjQ3LDM0LjQ3LDAsMCwwLDEyLjM1LDguMTJaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNy41OSwzNC42OGMwLS41NiwwLTEuMTMsMC0xLjY4YTI2LjkzLDI2LjkzLDAsMCwxLDUuODgtMTUuMjJMMTMsMTcuMjdBMjcuNjIsMjcuNjIsMCwwLDAsNi45MiwzM2MwLC41NSwwLDEuMTIsMCwxLjY4czAsMS4xMywwLDEuNjlBMjcuNjUsMjcuNjUsMCwwLDAsMTMsNTIuMWwuNTEtLjUyQTI2LjkyLDI2LjkyLDAsMCwxLDcuNjQsMzYuMzdDNy42LDM1LjgxLDcuNTksMzUuMjUsNy41OSwzNC42OFpNNjIuNDQsMzNhMjcuNjIsMjcuNjIsMCwwLDAtNi4wOS0xNS43M2wtLjUxLjUxQTI2LjkzLDI2LjkzLDAsMCwxLDYxLjcyLDMzYzAsLjU1LjA1LDEuMTIuMDUsMS42OHMwLDEuMTMtLjA1LDEuNjlhMjYuOTIsMjYuOTIsMCwwLDEtNS44OCwxNS4yMWwuNTEuNTJhMjcuNjUsMjcuNjUsMCwwLDAsNi4wOS0xNS43M2MwLS41Ni4wNi0xLjEyLjA2LTEuNjlTNjIuNDgsMzMuNTUsNjIuNDQsMzNaTTM0LjY4LDYuODdjLS41NiwwLTEuMTMsMC0xLjY4LDBBMjcuNjIsMjcuNjIsMCwwLDAsMTcuMjcsMTNsLjUxLjUxQTI2LjkzLDI2LjkzLDAsMCwxLDMzLDcuNjRjLjU1LDAsMS4xMiwwLDEuNjgsMHMxLjEzLDAsMS42OSwwYTI2LjkyLDI2LjkyLDAsMCwxLDE1LjIxLDUuODhMNTIuMSwxM0EyNy42NSwyNy42NSwwLDAsMCwzNi4zNyw2LjkyQzM1LjgxLDYuODgsMzUuMjUsNi44NywzNC42OCw2Ljg3Wm0xNi45LDQ5YTI2LjkyLDI2LjkyLDAsMCwxLTE1LjIxLDUuODhjLS41NiwwLTEuMTIuMDUtMS42OS4wNXMtMS4xMywwLTEuNjgtLjA1YTI2LjkzLDI2LjkzLDAsMCwxLTE1LjIyLTUuODhsLS41MS41MUEyNy41NSwyNy41NSwwLDAsMCwzMyw2Mi40NGMuNTUsMCwxLjEyLjA2LDEuNjguMDZzMS4xMywwLDEuNjktLjA2QTI3LjU4LDI3LjU4LDAsMCwwLDUyLjEsNTYuMzVaIi8+PC9nPjwvZz48L3N2Zz4=");
}
.top-bg .diamonds {
  width: 268px;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  -webkit-animation: diamondShake 3s 0.5s linear infinite;
  animation: diamondShake 3s 0.5s linear infinite;
  z-index: 1;
}
.top-bg .diamondsr {
  background-position: -268px 0;
  top: 10%;
  right: 0;
}
.top-bg .diamondsl {
  top: 70%;
  left: -5%;
}
.top-bg .ddd {
  width: 80vw;
  position: absolute;
  top: -10vh;
  left: -webkit-calc(50% - 40vw);
  left: calc(50% - 40vw);
  -webkit-animation: diamondShake 2s 1s linear infinite;
  animation: diamondShake 2s 1s linear infinite;
  z-index: 1;
}
.top-bg .ccc {
  width: 80vw;
  position: absolute;
  top: -20vh;
  left: -webkit-calc(50% - 40vw);
  left: calc(50% - 40vw);
  -webkit-animation: diamondShake 2s 0s linear infinite;
  animation: diamondShake 2s 0s linear infinite;
  z-index: 1;
}
.top-bg canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 90%;
}
.top-bg .play-btn {
  position: absolute;
  top: 200px;
  cursor: pointer;
  outline: none;
  left: -webkit-calc(50% - 580px);
  left: calc(50% - 580px);
  width: 306px;
  height: 155px;
  z-index: 20;
}
.top-bg .play-btn .play-c {
  position: absolute;
  top: 7px;
  left: 7px;
}
.top-bg .play-btn .play-v {
  width: 288px;
  height: 138px;
  -webkit-border-radius: 72px;
  border-radius: 72px;
  position: absolute;
  top: 8px;
  left: 8px;
  overflow: hidden;
}
.top-bg .play-btn .play-v video {
  width: 102%;
}
.top-bg .playbtn.tw {
  position: absolute;
  top: 200px;
  left: 200px;
  width: 80px;
  height: 80px;
  z-index: 1;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_out.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0 auto 30px 20px;
  -webkit-animation: rotateOut 2s linear infinite;
  animation: rotateOut 2s linear infinite;
  cursor: pointer;
  outline: none;
}
.top-bg .playbtn.tw .play-btn-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_in.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: rotateIn 2s linear infinite;
  animation: rotateIn 2s linear infinite;
}
.top-bg .playbtn.tw .play-btn-new {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_new.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: rotateStop 2s linear infinite;
  animation: rotateStop 2s linear infinite;
}
.top-bg .top-abs {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.top-bg .top-abs .slogan {
  width: 1220px;
  height: 245px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/slogan_new.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.top-bg .top-abs .download-pre {
  width: 538px;
  height: 101px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/btn-home-pre.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center 0;
  background-repeat: repeat;
  position: relative;
  cursor: pointer;
  outline: none;
  display: block;
  margin: -40px auto 40px;
  z-index: 1;
}
.top-bg .top-abs-download {
  width: 700px;
  height: 90px;
  border: 1px #e2b77d solid;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
  margin: -20px auto 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 31;
  position: relative;
}
.top-bg .top-abs-download::before,
.top-bg .top-abs-download::after {
  content: "";
  position: absolute;
  top: 27px;
  background-image: url("data:image/png;base64,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");
  width: 24px;
  height: 38px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.top-bg .top-abs-download::before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -20px;
}
.top-bg .top-abs-download::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: -20px;
}
.top-bg .top-abs-download .download-qr {
  top: -50px;
  padding: 7px;
  margin-left: 20px;
  position: relative;
  width: 110px;
  height: 110px;
}
.top-bg .top-abs-download .download-qr img {
  width: 110px;
  height: 110px;
}
.top-bg .top-abs-download .download-qr p {
  text-align: center;
  line-height: 2.5;
  font-size: 14px;
  color: #c18c56;
}
.top-bg .top-abs-download .download-qr-cover {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  background: -webkit-repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  background: -o-repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  background: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  -webkit-background-size: 900% 900%;
  background-size: 900% 900%;
  -webkit-animation: Gradient 15s linear infinite;
  animation: Gradient 15s linear infinite;
}
.top-bg .top-abs-download .download-divider {
  fill: #d6b17e;
  width: 10px;
  margin: 0 20px;
}
.top-bg .top-abs-download .download-divider line {
  stroke: #e2b77d;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.top-bg .top-abs-download .download-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 670px;
  margin-right: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.top-bg .top-abs-download .download-btns .btn {
  width: 160px;
  height: 50px;
}

.divider-lo {
  width: 1160px;
  height: 25px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

.slide-dd {
  position: fixed;
  top: 40%;
  left: 0;
  color: #c18c56;
  z-index: 10;
}
.slide-dd.cn {
  right: 0;
  left: auto;
}
.slide-dd-bg.cur {
  margin-left: 0;
}
.slide-dd-bg {
  width: 0;
  display: inline-block;
  padding: 0;
  width: auto;
  padding: 10px 5px;
  background-color: #fff;
  border: #e2b77d 1px solid;
  text-align: center;
  margin-left: -200px;
  position: relative;
}
.slide-dd-bg::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 48px;
  background-image: url("data:image/png;base64,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");
  width: 24px;
  height: 38px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.slide-dd-bg .download-qr {
  width: 100px;
  height: 100px;
  padding: 7px;
}
.slide-dd-bg .download-qr img {
  width: 100%;
  height: 100%;
}
.slide-dd-bg .download p {
  font-size: 14px;
  line-height: 2;
}
.slide-dd-bg .download-btns .btn {
  width: 110px;
  height: 40px;
  display: block;
}
.slide-dd-close {
  width: 24px;
  height: 25px;
  position: relative;
  left: 100px;
  margin-bottom: 5px;
  fill: #898989;
}
.slide-dd .close.cur {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.slide-dd .close {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  cursor: pointer;
  width: 40px;
  height: 28px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjIuODYgNDIiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDp1cmwoI+aWsOW7uua4kOWPmOiJsuadv18yNyk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSLmlrDlu7rmuJDlj5joibLmnb9fMjciIHkxPSIyMCIgeDI9IjYyLjg2IiB5Mj0iMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNkMTljNzEiLz48c3RvcCBvZmZzZXQ9IjAuODEiIHN0b3AtY29sb3I9IiNlNmJhOGUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlYmMyOTYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+6LWE5rqQIDE8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IueZu+mZhuinhumikSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjMxLjQzIDIgMCA0MiAzMS40MyAxOS42MiA2Mi44NiA0MiAzMS40MyAyIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjMxLjQzIDAgMCA0MCAzMS40MyAxNy42MiA2Mi44NiA0MCAzMS40MyAwIi8+PC9nPjwvZz48L3N2Zz4=");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 12px;
  margin-bottom: 20px;
}

.main-home {
  width: 100%;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/all-bg.jpg");
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center 0;
  background-repeat: repeat;
  position: relative;
}
.main-home .divider-lo {
  margin: 0 auto 40px;
}
.main-home .bg {
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/bg.jpg");
  height: -webkit-calc(100vw / 1924 * 1445 - 0px);
  height: calc(100vw / 1924 * 1445 - 0px);
  width: 100%;
  min-width: 1300px;
  min-height: -webkit-calc(1300px / 1924 * 1445 - 0px);
  min-height: calc(1300px / 1924 * 1445 - 0px);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
  margin-bottom: -16vw;
}
.main-home .divider-s {
  width: 390px;
  margin: 0 auto;
}
.main-home .divider-l {
  margin: 10px auto 30px;
  width: 1160px;
}
.main-home .new-boxs {
  margin: 20px auto;
  position: relative;
  width: 1160px;
  height: 360px;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-home .new-boxs .news-pics {
  width: 560px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 560px;
  -ms-flex: 1 0 560px;
  flex: 1 0 560px;
}
.main-home .new-boxs .news-pics .swiper-wrapper {
  height: 315px;
}
.main-home .new-boxs .news-pics .swiper-wrapper img {
  height: 315px;
  width: 560px;
}
.main-home .new-boxs .news-pics .tabs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 560px;
  bottom: 0;
  font-weight: normal;
}
.main-home .new-boxs .news-pics .tabs .tab {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20px;
  -ms-flex: 1 1 20px;
  flex: 1 1 20px;
  padding: 12px 0;
  color: #fff;
  background-color: #d6b17e;
  cursor: pointer;
  outline: none;
}
.main-home .new-boxs .news-pics .tabs .tab.cur,
.main-home .new-boxs .news-pics .tabs .tab:hover {
  color: #d6b17e;
  background-color: #fff;
}
.main-home .new-boxs .tab-more {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 22;
}
.main-home .new-boxs .news-text {
  margin: 0 auto;
  background-color: #fff;
}
.main-home .new-boxs .news-text svg {
  vertical-align: middle;
  padding: 5px;
}
.main-home .new-boxs .news-text svg path {
  fill: none;
  stroke: #e2b77d;
  stroke-width: 1px;
}
.main-home .new-boxs .news-text .tabs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  font-size: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-bottom: 1px #d6b17e solid;
  margin: 0 auto;
  width: 1400px;
}
.main-home .new-boxs .news-text .tabs .tab {
  margin: 0 5px -3px 0;
  padding: 15px 18px;
  color: #898989;
  cursor: pointer;
  outline: none;
}
.main-home .new-boxs .news-text .tabs .tab.cur,
.main-home .new-boxs .news-text .tabs .tab:hover {
  border-bottom: 3px #d6b17e solid;
  color: #d6b17e;
}
.main-home .new-boxs .news-text .news-title {
  font-size: 15px;
  line-height: 4;
  display: block;
  color: #404040;
  width: 95%;
  margin: 0 auto;
}
.main-home .new-boxs .news-text .news-title span {
  float: right;
  padding-right: 0.2rem;
}
.main-home .new-boxs .news-text .news {
  height: 100%;
  width: 500%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-home .av-boxs {
  margin: 20px auto 50px;
  position: relative;
  width: 1160px;
}
.main-home .av-boxs .tab-more {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 22;
}
.main-home .title {
  font-family: "nikki_20200603";
  text-align: center;
  font-size: 30px;
  color: #c18c56;
  margin: 80px auto 0;
}
.main-home .swiper {
  position: relative;
  padding-bottom: 120px;
  margin: 30px 0 0;
}
.main-home .swiper .control {
  position: absolute;
  z-index: 10;
  width: 25px;
  height: 31px;
  cursor: pointer;
  outline: none;
  top: 40%;
}
.main-home .swiper .prev {
  left: -webkit-calc(50% - 750px);
  left: calc(50% - 750px);
}
.main-home .swiper .next {
  left: -webkit-calc(50% + 725px);
  left: calc(50% + 725px);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.main-home .feature-pics {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  position: relative;
  font-size: 0;
  padding-bottom: 20px;
}
.main-home .feature-pics .swiper-wrapper .swiper-slide {
  position: relative;
  width: 1000px;
  height: 590px;
}
.main-home .feature-pics .swiper-wrapper .swiper-slide svg {
  width: 1000px;
  height: 590px;
  fill: #c18c56;
  display: block;
}
.main-home .feature-pics .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 26px;
  left: 20px;
  width: 960px;
  height: 540px;
}
.main-home .feature-pics .bullets {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 10px;
}
.main-home .feature-pics .bullets .bullet {
  width: 10px;
  height: 10px;
  border: 1px #c18c56 solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #c18c56;
  background-color: #fff;
  margin: 0 10px;
}
.main-home .feature-pics .bullets .bullet.cur {
  color: #fff;
  background-color: #c18c56;
}
.main-home .infomation {
  width: 100%;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/bg-audio.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
  padding: 50px 0;
  margin-top: 50px;
  position: relative;
}
.main-home .infomation .to-top {
  position: absolute;
  right: 20px;
  top: -130px;
  cursor: pointer;
  outline: none;
  width: 90px;
  height: 110px;
}
.main-home .infomation .title {
  color: #c18c56;;
  margin: 50px auto 0;
  letter-spacing: 8px;
}

.av-text {
  margin: 0 auto;
  width: 1160px;
  position: relative;
}
.av-text-nav {
  position: fixed;
  right: -webkit-calc(50% - 720px);
  right: calc(50% - 720px);
  top: 60%;
  font-size: 15px;
  color: #898989;
  z-index: 20;
  cursor: pointer;
  outline: none;
}
.av-text-nav p {
  margin: 30px 0;
}
.av-text-nav p::before {
  width: 14px;
  height: 14px;
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC43MSAxNC43MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNlMmI3N2Q7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7otYTmupAgMjwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i6KeG5ZCs6aaGIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjIuNCIgeT0iMi40IiB3aWR0aD0iOS45IiBoZWlnaHQ9IjkuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4zNSAxNy43NSkgcm90YXRlKC0xMzUpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy4zNSwxNC43MSwwLDcuMzUsNy4zNSwwbDcuMzYsNy4zNVpNLjcxLDcuMzUsNy4zNSwxNCwxNCw3LjM1LDcuMzUuNzFaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjQ2IiB5PSIzLjQ2IiB3aWR0aD0iNy43OCIgaGVpZ2h0PSI3Ljc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wNSA3LjM1KSByb3RhdGUoLTQ1KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTcuMzUsMi41Nmw0LjgsNC43OS00LjgsNC44TDIuNTYsNy4zNSw3LjM1LDIuNTZtMC0uNzEtNS41LDUuNSw1LjUsNS41LDUuNS01LjUtNS41LTUuNVoiLz48L2c+PC9nPjwvc3ZnPg==");
  vertical-align: middle;
  margin-right: 15px;
}
.av-text-nav p:hover,
.av-text-nav .cur {
  color: #d6b17e;
}
.av-text-nav p:hover::before,
.av-text-nav p.cur::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC43MSAxNC43MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiNlMmI3N2Q7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7otYTmupAgMzwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i6KeG5ZCs6aaGIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjIuNCIgeT0iMi40IiB3aWR0aD0iOS45IiBoZWlnaHQ9IjkuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4zNSAxNy43NSkgcm90YXRlKC0xMzUpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy4zNSwxNC43MSwwLDcuMzUsNy4zNSwwbDcuMzYsNy4zNVpNLjcxLDcuMzUsNy4zNSwxNCwxNCw3LjM1LDcuMzUuNzFaIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIzLjQ2IiB5PSIzLjQ2IiB3aWR0aD0iNy43OCIgaGVpZ2h0PSI3Ljc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wNSA3LjM1KSByb3RhdGUoLTQ1KSIvPjwvZz48L2c+PC9zdmc+");
}
.av-text-nav .line {
  position: absolute;
  left: 3.5px;
  margin-top: -20px;
  top: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjMgMjAwLjY5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2UyYjc3ZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPui1hOa6kCAxPC90aXRsZT48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLop4blkKzppoYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTMyLjY4IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxMzUuNjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjEyOS42OSIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTQ3LjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjEzOC42NCIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTQ0LjYxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxNDEuNjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjEyNi43MSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTExLjc5IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxMDUuODIiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjEwMi44MyIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTIwLjc0IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI5OS44NSIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTIzLjcyIiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxMTcuNzUiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjExNC43NyIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTgwLjQyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxNzcuNDQiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE4My40MSIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTc0LjQ2IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxODkuMzgiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE5Mi4zNiIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTg2LjM5IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxNTYuNTUiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE1MC41OCIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTU5LjUzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxNTMuNTciIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE2Mi41MiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTY4LjQ5IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxNzEuNDciIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE2NS41IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIxMDguOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMzcuMTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjM0LjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI0OS4xMiIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMzEuMjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjQ2LjEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI0MC4xNiIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iNDMuMTUiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjI4LjIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIyNS4yNCIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTAuMzIiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjcuMzMiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjEzLjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjE2LjI5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSIyMi4yNiIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iMTkuMjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjU1LjA4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI3NS45NyIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iODQuOTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9Ijc4Ljk2IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI4MS45NCIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iODcuOTEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjkzLjg4IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI5MC45IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI1OC4wNyIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iNjEuMDUiIHdpZHRoPSIxIiBoZWlnaHQ9IjAuOTkiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjUyLjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9Ijk2Ljg2IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI3Mi45OSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy4xNSIgeT0iNzAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjMuMTUiIHk9IjY0LjA0IiB3aWR0aD0iMSIgaGVpZ2h0PSIwLjk5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjE1IiB5PSI2Ny4wMiIgd2lkdGg9IjEiIGhlaWdodD0iMC45OSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1LjQ2IDE5Ni40MiA1LjQzIDE5NC4zMSAzLjYyIDE5NS4zOSAxLjc3IDE5NC4zNyAxLjgxIDE5Ni40OCAwIDE5Ny41NiAxLjg0IDE5OC41OCAxLjg3IDIwMC42OSAzLjY4IDE5OS42MSA1LjUzIDIwMC42NCA1LjQ5IDE5OC41MyA3LjMgMTk3LjQ0IDUuNDYgMTk2LjQyIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEuODQgNC4yNyAxLjg3IDYuMzggMy42OCA1LjMgNS41MyA2LjMzIDUuNDkgNC4yMSA3LjMgMy4xMyA1LjQ2IDIuMTEgNS40MyAwIDMuNjIgMS4wOCAxLjc3IDAuMDYgMS44MSAyLjE3IDAgMy4yNSAxLjg0IDQuMjciLz48L2c+PC9nPjwvc3ZnPg==");
  width: 10px;
  height: 200px;
  background-repeat: no-repeat;
}
.av-text .tabs {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-bottom: 1px #d6b17e solid;
  margin: 0 0 20px;
}
.av-text .tabs .tab {
  margin: 0 0 -3.5px 0;
  padding: 15px 30px;
  color: #d6b17e;
  cursor: pointer;
  outline: none;
}
.av-text .tabs .tab.cur,
.av-text .tabs .tab:hover {
  border-bottom: 3px #d6b17e solid;
  color: #d6b17e;
}
.av-text .cloumns {
  position: relative;
  font-size: 12px;
  margin: 0 auto 10px;
  width: 100%;
}
.av-text .cloumns .cloumn {
  color: #898989;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
.av-text .cloumns .cloumn.cur span,
.av-text .cloumns .cloumn span:hover {
  color: #d6b17e;
}
.av-text .cloumns .cloumn:first-child::before,
.av-text .cloumns .cloumn::after {
  content: "|";
  padding: 0 15px;
}
.av-text img {
  width: 100%;
  height: auto;
}
.av-text .av-titles {
  width: 100%;
  height: 315px;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.av-text .av {
  width: 280px;
  height: 150px;
  position: relative;
  overflow: hidden;
  margin-left: 22.5px;
}
.av-text .av-1,
.av-text .av-6 {
  width: 560px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 560px;
  -ms-flex: 1 1 560px;
  flex: 1 1 560px;
  height: 315px;
  margin: 0;
}
.av-text .av-4,
.av-text .av-9 {
  position: absolute;
  right: 302.5px;
  bottom: 0;
}
.av-text .av-5,
.av-text .av-10 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.av-text .av.pic:hover .cover {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  outline: none;
}
.av-text .av.pic:hover .pic-btn {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAMAAADUbMsyAAABJlBMVEUAAAD8zYzvt3bvt3f3xIP8zoz8zozyvXzxunnutnbwuXj9zo3utnb0v37wuHj3xYT5yIbvt3b8zozxunrvtnb+0I75yYfxunr/0Y/8zYz/05H1woHutnb8zoz7y4nutnb7y4rwuXj90I7utXX7y4n6yoj+0Y7xunr/0o/4x4X2w4Lvt3f/0pD3xYTutnb/0pD5yIf+0I76yoj+0pD0v379z43zvX34xoX+0o/+0Y/utnXvt3b0v37utnX5x4bzvn390I33xIPzvn3xunn0wYD7zIr1wYDwuXn5yIbzvXzxu3rxu3v/05DyvHvwunnzvn75yIfzvn3xvHvttHTzv375yIbutXX+0Y/3xIP/05Hxunn7y4r1wYDvt3f8zoz5yYf4xoXyvXwhdU+FAAAAVnRSTlMAEIAQQCAwEDDvUGBgIO+/n5/v79+PYGBAz7+/v59AQO/PUCDfv6+fgICAcGAwMO/fv6+fgHBwUN/Pz6+fj3Dv39/fz4+AYCDPv49Az8+/j++vrzDPj9Xga3UAAARUSURBVFjD7ZlZW9pAFIZPgBA2WcpeZJGtLG3ZoSiCqGjdatcgu/z/P9E5A6lgm5Bk2pu278U8cvN6znzJMDPAX4Ppoh6J9B8Ql8udN/HsyinSj0QiLsLDI6HsbnFszvN6683TJ87UdZcXi4W7pce1B7K86b5fLMoBrcVarnoCgILWnZgkulqMwqvl8mpPKhgzmtKM+piRNAuDxCQdU620eZd3N+s/O6ennbppPaOCKZB3Pbq6/Mr6bTKpciqLHHubqwrve1+bP89ry/0xEwDEnJkk1JRqORufXVLjp969XFCBTHllbUzmg91K5/h6XW9TKaVYJt2ipabnUVAmOB4HqRp2EktneJzV8LzCKSudaBM+34EKBokkSqPzsILUNqNKy+krbFtNqVQWVXC+dVKlzRsEbcgrjc6ZA/v33mjx8YqTuT8rUqUFtOBXmkzD7Ig+SxbQRjQqP5kznxHg0hkEjXBhv3zncTIeGEAz3IskEHIheIZD9GD/H0AHsRccAD989zxzn9WID9Ml6MGfxWH4+llAogE7L4IuuJMQGUrPCqVlOg5AJ8kTnNDtQh20TF8c9FKxA3DbM3oopoh4H3QTwkJrw43oU+IRlmkD/bSTAOZhbTMhoov7gAE7Rv+utNG6lQyeIouTw2fUP0xut25NAQtROzbvf0rdQVo/BGBuvnQrfTwWvwAYjtmc3JAM2REnLR8iDjZgox0CyI2kp0ncx+k0Mjr9DYDQiAyIUTwmgxUYaZB8+FEOKHHRQIZ9VmeoQobRy7UTY7d5WJ1mdJbQKWEwACsY/Ms/4Rz9w85beKLI7OTbZLh9yui3P5/giAO8PWR1vq4BcKPa5vv+ltWZy+H7npOWeR8AO5UQqXUkLfQe0QjslDiA2oiXMsevOKOD8XXH2Nsl6eMXutjNGJdPXOqGWZCw4oQesS30J2YynRu7G49IUnccMTkxnOyQBwnbaqVPAevXXHtrW4fVHjM6G1sbOwMu9SmGrzm7mW5tONjchB1ioR7d68ecx4Toi7mRUhwPXXpf0GwOy8SEtgr16T4i4DYZDwkVLHO70KJ0lNF5mPkZoxUTwlOcjs7lDl1FejQMOrVnP5A/ce7TU/H1gVap/QUPcqSsVoz91ZmgUWkGeWx4iqVSzUp5rWF2oFXaSJhRrHB341lJr9XeNHDR8Eqp1L9nTKU2b13V0h6ucruU2PdKenl1Z9lZ5CDRBRVKlHqprdnr7IESgXSVPkNRVO6gOB43gSDcL+WtXKCcidEFKTwP87CTG+/48+oSsN67uhB+eaH6EY009kmUAxUIH6TLSrj4NI3UTcKmL+Aul/P8j6tKO6gk6F2eBqXbzvPIFP9DoVA4d7ke++7uulfePZnglKpFuF6idQN0tkxvNvqf4NWvJvY6y6VCROTiOx0AzQgyewhTnggX1RjbrX+kUyiYCBf5vOs9+SFhUcW7eTbnlPCw4rFfpbfp7AimNXvwH2W+AzpMkdFFVcs+AAAAAElFTkSuQmCC");
  -webkit-background-size: contain;
  background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  outline: none;
  -webkit-animation: rotateOut 5s linear infinite;
  animation: rotateOut 5s linear infinite;
  bottom: 15px;
  right: 15px;
}
.av-text .av.pic:hover .pic-btn::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAYAAADjsjsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgyQTBBREEzMTlEMTFFOUIzM0ZBODVFRTg2MzE0RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgyQTBBREIzMTlEMTFFOUIzM0ZBODVFRTg2MzE0RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzVENTFGRjMxOUQxMUU5QjMzRkE4NUVFODYzMTREMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzVENTIwMDMxOUQxMUU5QjMzRkE4NUVFODYzMTREMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph2pvvgAAAToSURBVHja7JzdUtNQEICzHcHhx7GPUN4gjKIzgtJeOMMd+ASWJ5BeCI4F+4Pgzw3wBMUnAK688KdV0PHCGfoG9Akk4FBxHK27yUlJIdAkTdqTsjuTJk3P75fds3vOaQu1Wk1h8UeAYTJMhskwWRgmw2SYLAyTYTJMhskSEpgAoJ+77UF2FKZVmrXDmkfWh9B2mHYg3QrDZJjygWSYPoK89DD9BHmpYfoNUuqQihoW1NGqVLfzSTyK+vXO4h4eSZn7HJhmtqqRR5/zKhaxKwpbx9ekXiIow32jC2UZtTsSBER/TLtWsLyxaCSsXIoZkF/j49Hn3BSeNurliTOcXCf6RudLXamZ/mljXR62+HlHHGNExkahTLX4efjMPAiQaOIqnnYbyj9r5iRDaOoVmUw9IolZWyXqMF1MNs2MSGLWXSERRsAwGaZDcepUyrI13LU3b8eYiR59jxzMBd68gp58SLYppaxm3mx2s8lm7lxyTeCudUXQ7tXMf35coPhR1Y3VKKJyLZGvXGDqBayLFjjK/XefDVd3FveBYlCAVTTx1Hn5fn97EbeMCcrV209K7TJzVzDdgjx8Px/H/uA8Gmj6FwXRQQUayiOT3cJ3m4PxrHYCM0/p9xQDYN05gbEEV093/HUphp8/wkuqS4V64caLyIrOCkr4dq13ZK4SKpgH79NxTLmCOVSzUye+4wxM856Gr7mB8eyqWU51O09TyyImJK0mgIn+MWMt89fXJbq3ArQ8B2Apxg5mw711PKV6RmY16WEevEtj55QCKFZwjmCaqTbxYnrgXkarAwV9DTNVB/nlOT2kIqaNNszXncGke6SdD67ceFyWFubBu6c4X4ZdbG/UM0zjHnUyYQK1ig5S11aaw4PiEaZeB8IcltabX7+/TE98yGNATeZtdo6AzZyTrqiPozWl3HcnDcL8XUcLPTdnfQXpCqYzEyfN1JfPVA9tIc+9Ia4J0Po56VJCy1QcN4suVpmskvnz/XVB6jhTaGbJY3aCEiONEyZeEWNmFMOiLB46NAyLCPK0yBP3WBc9rE8dizPdhEXozWcwdYYchMsxk0ydPLrpfKLCm6vmOIpOSBPenO6Ro1Ndjpkl4c3LHfPm7mPMNDmIpIgz1QtganqsCZAbHM82BPEI0xgyTuouIcyENQ3GmRQaTSq0lXExTIoS3mCcudnROLPVxY3DDwsxY+FCnwEJbVVQQ0AbTOTK9jOgfBbTZ/RVJIBpoYUUoOfQ1LN2eY6/LWN8C3pdAiYF+ZXeW/azoFDC9LBqROa9B2awDkBz8YwIg0iTaf9Ha7Wey7JqNGPx0nTOnHJUyVCuGnVoz2eyyecPQwmTTOHH29krbTbxZnGqGkqYwhf+bWObHIHCaWU8lDCjE69q+2/nePPNLwcUnXj5j3H56M3512w+h0YSAdVkg+n5i1tBhkzo0WsNddh8cQuD9sAa4JVJpN0VOpRm66Hdt9Xr1w8BbKTZVu6WbFrZkpkHOQScmpufNnNfvs0RhKVFgnq6rWitsfcD0/ZmX0vJCDIwzfRLW6vbedpaiGNm2q+hPfT1/rGFlGwQbbWoHYcHoDH9vLOoyt5n6f9WIkw/YO1amB35h4dugtnpvoQOpsztDQXMsCyw8P8aMUyGyTBZGCbDZJgsDJNhMkyGycIwGSbDZGGYDDMs8l+AAQBho02n1uX5jwAAAABJRU5ErkJggg==");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-animation: rotateInner 5s linear infinite;
  animation: rotateInner 5s linear infinite;
}
.av-text .vi-titles {
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.av-text .av.vid:hover .cover,
.av-text .vid:hover .cover {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  outline: none;
}
.av-text .av.vid:hover .cover::before,
.av-text .vid:hover .cover::before {
  content: "";
  border: #d6b17e 1px solid;
  width: 94%;
  height: 91%;
  position: relative;
  display: block;
  margin: 2.5% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.av-text .av.vid:hover .play-btn,
.av-text .vid:hover .play-btn {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: 100%;
  -webkit-background-size: 55px 55px;
  background-size: 55px;
  display: block;
  width: 55px;
  height: 55px;
  position: absolute;
  -webkit-animation: rotateOut 5s linear infinite;
  animation: rotateOut 5s linear infinite;
  cursor: pointer;
  outline: none;
  top: 50%;
  left: 50%;
  margin-top: -27.5px;
  margin-left: -27.5px;
}
.av-text .av.vid:hover .play-btn::after,
.av-text .vid:hover .play-btn::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAMAAABjROYVAAAAdVBMVEUAAAD2w4L1wYD2woH1wYD0wH/1wYD1woH1wYD1wYD4xoX1wH/4xoX1wYD2woH0wH/4x4b1wYD4xoX4x4b2w4L4xoX1wYD4xoX3xYT3xIP0v375yYj3xoX5yIf5yYf3xYT4x4b1wYD2w4L3xIP3xYT4x4X5yIdTn88vAAAAIXRSTlMAEJ9gMO/PgN+/zyDvcO+vn0Awv49wUEDfUFAwIN+vr1B/17+nAAABf0lEQVRo3u3YW5KCMBCF4ZOEACp4Ge86t4iw/yUOloOAwGOfp/428D90VyrVUEoppZRSSimSCOCbOfC5YMHnQ7wAmw3Bb0AWhVoOsjjUVgZULjzEEZiMDw/+ACYbnnYgisK/mQFP3FTTCDR5E73dHFhMG71ZsNg2ept/gmPTiRbLIzjSTrQo9qDIe9Hix4DA9KP3+QcIbD96z86Qd+hHazvIS3vRh62BtGQQLU/ig10Mo2XpIGw1Ei3XkHUYi5bSj2I6Fi2zIyQlo9Gq2kPQYiJafRvImU1Eq/kVYpKpaLWFmHQquoaYzcRMMwc5djz6dYUcE0ajss9+PhpNICoeiWa/EBWFYVT802KH0bWBLOMH0T2kufAWzY4QF79F5wbiotCPrkFge9GlA4PvRk8fYHChE2UdAWadaAKORXhFl2eQ7F5R4gnLN1FrwOKaZg6Sdo2WG5C0axQbECXPcYIqrZPegerS3gR5VszrZ7tGCdgSfwHdKoJSSimllFJKKbY/yYVnMyVb+QwAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  -webkit-background-size: 55px 55px;
  background-size: 55px;
  background-position: 100%;
  width: 55px;
  height: 55px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-animation: rotateInner 5s linear infinite;
  animation: rotateInner 5s linear infinite;
}
.av-text .vi {
  width: 360px;
  position: relative;
  overflow: hidden;
  margin: 10px 40px 25px 0;
  cursor: pointer;
  outline: none;
}
.av-text .vi:nth-child(3n) {
  margin-right: 0;
}
.av-text .vi .vid {
  width: 360px;
  height: 202px;
  position: relative;
}
.av-text .vi .vid .cover::before {
  content: "";
  border: #d6b17e 1px solid;
  width: 94%;
  height: 91%;
  position: relative;
  display: block;
  margin: 2.5% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.av-text .vi span {
  left: 0;
  text-align: center;
  position: relative;
  display: block;
  line-height: 2;
  font-size: 14px;
  color: #fff;
  background-color: #d6b17e;
  width: 100%;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.av-text .vi span i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 7px;
}
.av-text .pic-rect {
  height: 202px;
}
.av-text .pic-rect .cover::before {
  content: "";
  border: #d6b17e 1px solid;
  width: 94%;
  height: 91%;
  position: relative;
  display: block;
  margin: 2.5% 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.av-text .pic-square {
  height: 360px;
}
.av-text .pic-square .cover::before {
  content: "";
  border: #d6b17e 1px solid;
  width: 96%;
  height: 96%;
  position: relative;
  display: block;
  margin: 2% 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.av-text .pic-rect,
.av-text .pic-square {
  width: 360px;
  position: relative;
  overflow: hidden;
  margin: 10px 40px 25px 0;
  cursor: pointer;
  outline: none;
}
.av-text .pic-rect:nth-child(3n),
.av-text .pic-square:nth-child(3n) {
  margin-right: 0;
}
.av-text .pic-rect:hover .pic-btn,
.av-text .pic-square:hover .pic-btn {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAMAAADUbMsyAAABJlBMVEUAAAD8zYzvt3bvt3f3xIP8zoz8zozyvXzxunnutnbwuXj9zo3utnb0v37wuHj3xYT5yIbvt3b8zozxunrvtnb+0I75yYfxunr/0Y/8zYz/05H1woHutnb8zoz7y4nutnb7y4rwuXj90I7utXX7y4n6yoj+0Y7xunr/0o/4x4X2w4Lvt3f/0pD3xYTutnb/0pD5yIf+0I76yoj+0pD0v379z43zvX34xoX+0o/+0Y/utnXvt3b0v37utnX5x4bzvn390I33xIPzvn3xunn0wYD7zIr1wYDwuXn5yIbzvXzxu3rxu3v/05DyvHvwunnzvn75yIfzvn3xvHvttHTzv375yIbutXX+0Y/3xIP/05Hxunn7y4r1wYDvt3f8zoz5yYf4xoXyvXwhdU+FAAAAVnRSTlMAEIAQQCAwEDDvUGBgIO+/n5/v79+PYGBAz7+/v59AQO/PUCDfv6+fgICAcGAwMO/fv6+fgHBwUN/Pz6+fj3Dv39/fz4+AYCDPv49Az8+/j++vrzDPj9Xga3UAAARUSURBVFjD7ZlZW9pAFIZPgBA2WcpeZJGtLG3ZoSiCqGjdatcgu/z/P9E5A6lgm5Bk2pu278U8cvN6znzJMDPAX4Ppoh6J9B8Ql8udN/HsyinSj0QiLsLDI6HsbnFszvN6683TJ87UdZcXi4W7pce1B7K86b5fLMoBrcVarnoCgILWnZgkulqMwqvl8mpPKhgzmtKM+piRNAuDxCQdU620eZd3N+s/O6ennbppPaOCKZB3Pbq6/Mr6bTKpciqLHHubqwrve1+bP89ry/0xEwDEnJkk1JRqORufXVLjp969XFCBTHllbUzmg91K5/h6XW9TKaVYJt2ipabnUVAmOB4HqRp2EktneJzV8LzCKSudaBM+34EKBokkSqPzsILUNqNKy+krbFtNqVQWVXC+dVKlzRsEbcgrjc6ZA/v33mjx8YqTuT8rUqUFtOBXmkzD7Ig+SxbQRjQqP5kznxHg0hkEjXBhv3zncTIeGEAz3IskEHIheIZD9GD/H0AHsRccAD989zxzn9WID9Ml6MGfxWH4+llAogE7L4IuuJMQGUrPCqVlOg5AJ8kTnNDtQh20TF8c9FKxA3DbM3oopoh4H3QTwkJrw43oU+IRlmkD/bSTAOZhbTMhoov7gAE7Rv+utNG6lQyeIouTw2fUP0xut25NAQtROzbvf0rdQVo/BGBuvnQrfTwWvwAYjtmc3JAM2REnLR8iDjZgox0CyI2kp0ncx+k0Mjr9DYDQiAyIUTwmgxUYaZB8+FEOKHHRQIZ9VmeoQobRy7UTY7d5WJ1mdJbQKWEwACsY/Ms/4Rz9w85beKLI7OTbZLh9yui3P5/giAO8PWR1vq4BcKPa5vv+ltWZy+H7npOWeR8AO5UQqXUkLfQe0QjslDiA2oiXMsevOKOD8XXH2Nsl6eMXutjNGJdPXOqGWZCw4oQesS30J2YynRu7G49IUnccMTkxnOyQBwnbaqVPAevXXHtrW4fVHjM6G1sbOwMu9SmGrzm7mW5tONjchB1ioR7d68ecx4Toi7mRUhwPXXpf0GwOy8SEtgr16T4i4DYZDwkVLHO70KJ0lNF5mPkZoxUTwlOcjs7lDl1FejQMOrVnP5A/ce7TU/H1gVap/QUPcqSsVoz91ZmgUWkGeWx4iqVSzUp5rWF2oFXaSJhRrHB341lJr9XeNHDR8Eqp1L9nTKU2b13V0h6ucruU2PdKenl1Z9lZ5CDRBRVKlHqprdnr7IESgXSVPkNRVO6gOB43gSDcL+WtXKCcidEFKTwP87CTG+/48+oSsN67uhB+eaH6EY009kmUAxUIH6TLSrj4NI3UTcKmL+Aul/P8j6tKO6gk6F2eBqXbzvPIFP9DoVA4d7ke++7uulfePZnglKpFuF6idQN0tkxvNvqf4NWvJvY6y6VCROTiOx0AzQgyewhTnggX1RjbrX+kUyiYCBf5vOs9+SFhUcW7eTbnlPCw4rFfpbfp7AimNXvwH2W+AzpMkdFFVcs+AAAAAElFTkSuQmCC");
  -webkit-background-size: contain;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  cursor: pointer;
  outline: none;
  -webkit-animation: rotateOut 5s linear infinite;
  animation: rotateOut 5s linear infinite;
  bottom: 15px;
  right: 15px;
  z-index: 2;
}
.av-text .pic-rect:hover .pic-btn::after,
.av-text .pic-square:hover .pic-btn::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAYAAADjsjsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgyQTBBREEzMTlEMTFFOUIzM0ZBODVFRTg2MzE0RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgyQTBBREIzMTlEMTFFOUIzM0ZBODVFRTg2MzE0RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzVENTFGRjMxOUQxMUU5QjMzRkE4NUVFODYzMTREMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzVENTIwMDMxOUQxMUU5QjMzRkE4NUVFODYzMTREMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph2pvvgAAAToSURBVHja7JzdUtNQEICzHcHhx7GPUN4gjKIzgtJeOMMd+ASWJ5BeCI4F+4Pgzw3wBMUnAK688KdV0PHCGfoG9Akk4FBxHK27yUlJIdAkTdqTsjuTJk3P75fds3vOaQu1Wk1h8UeAYTJMhskwWRgmw2SYLAyTYTJMhskSEpgAoJ+77UF2FKZVmrXDmkfWh9B2mHYg3QrDZJjygWSYPoK89DD9BHmpYfoNUuqQihoW1NGqVLfzSTyK+vXO4h4eSZn7HJhmtqqRR5/zKhaxKwpbx9ekXiIow32jC2UZtTsSBER/TLtWsLyxaCSsXIoZkF/j49Hn3BSeNurliTOcXCf6RudLXamZ/mljXR62+HlHHGNExkahTLX4efjMPAiQaOIqnnYbyj9r5iRDaOoVmUw9IolZWyXqMF1MNs2MSGLWXSERRsAwGaZDcepUyrI13LU3b8eYiR59jxzMBd68gp58SLYppaxm3mx2s8lm7lxyTeCudUXQ7tXMf35coPhR1Y3VKKJyLZGvXGDqBayLFjjK/XefDVd3FveBYlCAVTTx1Hn5fn97EbeMCcrV209K7TJzVzDdgjx8Px/H/uA8Gmj6FwXRQQUayiOT3cJ3m4PxrHYCM0/p9xQDYN05gbEEV093/HUphp8/wkuqS4V64caLyIrOCkr4dq13ZK4SKpgH79NxTLmCOVSzUye+4wxM856Gr7mB8eyqWU51O09TyyImJK0mgIn+MWMt89fXJbq3ArQ8B2Apxg5mw711PKV6RmY16WEevEtj55QCKFZwjmCaqTbxYnrgXkarAwV9DTNVB/nlOT2kIqaNNszXncGke6SdD67ceFyWFubBu6c4X4ZdbG/UM0zjHnUyYQK1ig5S11aaw4PiEaZeB8IcltabX7+/TE98yGNATeZtdo6AzZyTrqiPozWl3HcnDcL8XUcLPTdnfQXpCqYzEyfN1JfPVA9tIc+9Ia4J0Po56VJCy1QcN4suVpmskvnz/XVB6jhTaGbJY3aCEiONEyZeEWNmFMOiLB46NAyLCPK0yBP3WBc9rE8dizPdhEXozWcwdYYchMsxk0ydPLrpfKLCm6vmOIpOSBPenO6Ro1Ndjpkl4c3LHfPm7mPMNDmIpIgz1QtganqsCZAbHM82BPEI0xgyTuouIcyENQ3GmRQaTSq0lXExTIoS3mCcudnROLPVxY3DDwsxY+FCnwEJbVVQQ0AbTOTK9jOgfBbTZ/RVJIBpoYUUoOfQ1LN2eY6/LWN8C3pdAiYF+ZXeW/azoFDC9LBqROa9B2awDkBz8YwIg0iTaf9Ha7Wey7JqNGPx0nTOnHJUyVCuGnVoz2eyyecPQwmTTOHH29krbTbxZnGqGkqYwhf+bWObHIHCaWU8lDCjE69q+2/nePPNLwcUnXj5j3H56M3512w+h0YSAdVkg+n5i1tBhkzo0WsNddh8cQuD9sAa4JVJpN0VOpRm66Hdt9Xr1w8BbKTZVu6WbFrZkpkHOQScmpufNnNfvs0RhKVFgnq6rWitsfcD0/ZmX0vJCDIwzfRLW6vbedpaiGNm2q+hPfT1/rGFlGwQbbWoHYcHoDH9vLOoyt5n6f9WIkw/YO1amB35h4dugtnpvoQOpsztDQXMsCyw8P8aMUyGyTBZGCbDZJgsDJNhMkyGycIwGSbDZGGYDDMs8l+AAQBho02n1uX5jwAAAABJRU5ErkJggg==");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-animation: rotateInner 5s linear infinite;
  animation: rotateInner 5s linear infinite;
}
.av-text .pic-rect:hover span,
.av-text .pic-square:hover span {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.av-text .pic-rect span,
.av-text .pic-square span {
  left: 0;
  position: absolute;
  bottom: 0;
  font-size: 12px;
  width: 100%;
  padding: 8px 20px 20px;
  color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.infos-grid {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.infos-grid .info {
  /* background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(rgba(255, 255, 255, 0.6))
  );
  background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0.6));
  background: -o-linear-gradient(#fff, rgba(255, 255, 255, 0.6));
  background: linear-gradient(#fff, rgba(255, 255, 255, 0.6));
  border: 1px #d6b17e solid;
  -webkit-border-radius: 5px;
  border-radius: 5px; */
  color: #c18c56;
  fill: #c18c56;
  line-height: 1.8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  margin: 20px 30px;
}
.infos-grid .info .qr {
  width: 135px;
  height: 135px;
}
.infos-grid .info a {
  display: block;
  color: #c18c56;
  fill: #c18c56;
}
.infos-grid .info a:hover {
  color: #d6b17e;
  fill: #d6b17e;
}
.infos-grid .info span {
  font-size: 12px;
}
.infos-grid .info svg {
  display: inline-block;
  width: 15px;
  padding: 0 2px;
}
.infos-grid .info1 {
  width: 167px;
  height: 224px;
}
.infos-grid .info2 {
  height: 160px;
}
.infos-grid .info2 .icon {
  margin: 30px;
}
.infos-grid .info2 .icon2 {
  width: 105px;
  height: 35px;
  margin: 50px 0;
  background-image: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/home/img/m/taptap.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-fb {
  width: 75px;
  height: 75px;
  margin: 30px 0;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icon-fb.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-ba {
  width: 75px;
  height: 75px;
  margin: 30px 0;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icon-ba.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-you {
  width: 75px;
  height: 75px;
  margin: 30px 0;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icon-you.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-tap {
  width: 105px;
  height: 35px;
  margin: 50px 0;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icon-tap.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-kf {
  width: 75px;
  height: 75px;
  margin: 30px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icon-ky.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info2 .icon-faq {
  width: 75px;
  height: 75px;
  margin: 30px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/faq.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info3,
.infos-grid .info4 {
  width: 337px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.infos-grid .info3 .divider,
.infos-grid .info4 .divider {
  background-color: #d6b17e;
  width: 1px;
  height: 40%;
}
.infos-grid .info3-text,
.infos-grid .info4-text {
  width: 70%;
  font-size: 12px;
}
.infos-grid .info3 .icon,
.infos-grid .info4 .icon {
  width: 55px;
  height: 55px;
  margin: 30px;
}
.infos-grid .info3 .icon-kf,
.infos-grid .info4 .icon-kf {
  width: 55px;
  height: 55px;
  margin: 30px;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/icon-sq.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.infos-grid .info3 {
  height: 120px;
  margin-bottom: 10px;
}
.infos-grid .info4 {
  height: 90px;
  margin-top: 10px;
}

@-webkit-keyframes arrowShake {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes arrowShake {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes diamondShake {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@keyframes diamondShake {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.video-wrapper,
.pic-wrapper {
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.video-wrapper .close,
.pic-wrapper .close {
  width: 40px;
  height: 40px;
  cursor: pointer;
  outline: none;
  -webkit-transition: -webkit-transform 3s;
  transition: -webkit-transform 3s;
  -o-transition: transform 3s;
  transition: transform 3s;
  transition: transform 3s, -webkit-transform 3s;
  position: absolute;
  right: 0;
  top: -50px;
}
.video-wrapper .close svg,
.pic-wrapper .close svg {
  width: 100%;
  fill: #d6b17e;
}
.video-wrapper .close:hover,
.pic-wrapper .close:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.video-wrapper .video-container,
.video-wrapper .pic-container,
.pic-wrapper .video-container,
.pic-wrapper .pic-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 95%;
  max-height: 90%;
  padding: 15px 10px;
}
.video-wrapper .video-container .pic img,
.video-wrapper .pic-container .pic img,
.pic-wrapper .video-container .pic img,
.pic-wrapper .pic-container .pic img {
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 80vh;
}
.video-wrapper .video-container .corner-1,
.video-wrapper .video-container .corner-2,
.video-wrapper .video-container .corner-3,
.video-wrapper .video-container .corner-4,
.video-wrapper .pic-container .corner-1,
.video-wrapper .pic-container .corner-2,
.video-wrapper .pic-container .corner-3,
.video-wrapper .pic-container .corner-4,
.pic-wrapper .video-container .corner-1,
.pic-wrapper .video-container .corner-2,
.pic-wrapper .video-container .corner-3,
.pic-wrapper .video-container .corner-4,
.pic-wrapper .pic-container .corner-1,
.pic-wrapper .pic-container .corner-2,
.pic-wrapper .pic-container .corner-3,
.pic-wrapper .pic-container .corner-4 {
  position: absolute;
  background: #fff;
}
.video-wrapper .video-container .corner-1,
.video-wrapper .pic-container .corner-1,
.pic-wrapper .video-container .corner-1,
.pic-wrapper .pic-container .corner-1 {
  width: 1px;
  height: 30%;
  top: 0;
  left: 0;
}
.video-wrapper .video-container .corner-2,
.video-wrapper .pic-container .corner-2,
.pic-wrapper .video-container .corner-2,
.pic-wrapper .pic-container .corner-2 {
  width: 1px;
  height: 20%;
  bottom: 0;
  right: 0;
}
.video-wrapper .video-container .corner-3,
.video-wrapper .pic-container .corner-3,
.pic-wrapper .video-container .corner-3,
.pic-wrapper .pic-container .corner-3 {
  height: 1px;
  width: 80%;
  left: 0;
  top: 0;
}
.video-wrapper .video-container .corner-4,
.video-wrapper .pic-container .corner-4,
.pic-wrapper .video-container .corner-4,
.pic-wrapper .pic-container .corner-4 {
  height: 1px;
  width: 90%;
  bottom: 0;
  right: 0;
}
.video-wrapper .video-container .video-border,
.video-wrapper .video-container .pic-border,
.video-wrapper .pic-container .video-border,
.video-wrapper .pic-container .pic-border,
.pic-wrapper .video-container .video-border,
.pic-wrapper .video-container .pic-border,
.pic-wrapper .pic-container .video-border,
.pic-wrapper .pic-container .pic-border {
  background: #000;
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.video-wrapper .video-container .video-border video,
.video-wrapper .video-container .pic-border video,
.video-wrapper .pic-container .video-border video,
.video-wrapper .pic-container .pic-border video,
.pic-wrapper .video-container .video-border video,
.pic-wrapper .video-container .pic-border video,
.pic-wrapper .pic-container .video-border video,
.pic-wrapper .pic-container .pic-border video {
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 80vh;
}

.fb-page-control {
  width: 380px;
  position: fixed;
  right: 10px;
  bottom: 0;
  z-index: 25;
}
.fb-page-control .damiao {
  width: 332px;
  height: 150px;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/miao.png");
  display: inline-block;
  vertical-align: bottom;
}
.fb-page-control .fb-control {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABWCAYAAAEbNuA6AAAACXBIWXMAABYlAAAWJQFJUiTwAAAWuklEQVR4nMWcWZcbRZbHf5GLpFTtVTJ2Y5DLmKWxMcgG2maRsWmW09MzDH3mzJnHgW8AnwD4BO5vAPMwpx/m9AGm6YaBxlVG0LYxUAUG06YxLgQGU/smpaRcYh5yUaa2kqpsc8+JKikyMuLGPyJu3Lj3hmAzVP3D67L6h9dlNE9Ev6z/zxuxh/3//s8iVmj5j3+WAEO/fRSky8pfJgEY/rffCg1g4dU3pROUdmxwbBxFIXimALhCMPrUE7hCMP/OB8yfOBPLE2axMLE2VToKsC1/EFJ9HhNmmbnCxwAowEsIAUJA0gBdB02HZIogXzGy+UkJyJAfB1wvBfkawGAuPbM6XR6vLJdZnf4QgMF79uI/GwkhMIuF3Op0eSqK0/annozh2D2ZxcJS9Q+vS7NYGI7ma5ECU86ZlWFHU+HMyhKR0VD8ArJ6djVnK4K+f30cWxEs//HP0iwWpgA0s1gYL3+8Dv4wRIek/PF6DkDMvfaWzDz+EKga82+dDPnIPPEwCIXF995HkwLm/voBANseexBUDVybuXfep86TD/22o7/yhiORBFVn25H76sPSv9/whkTTwXXBtkC6oGlIYCCXnlTSu48IgNl3/walVWb/7yQIwezEGQCMbP5YiMXi++9Ka9EO+ejfa9B365HuhsUsFpbs/361aRQaqW1tZrEwJU8t5Rrz0//xVMt3mjLNYkFaH67G8gaefJi1/3s/lqf/avB5I5v/fVNFZrEgKx+txQobd99J8uZfeONk1Vh+c7KJk9R9Ay8Z2fyLAmBtakJWv60w9uQR76njsOAPuJ4ZZfDgXSy8/V748lj+XkilQddZ+MsJ+g72o5nFwtPrUyVvsM2yVwCJFILMo4fD8R47dgiEYH7ijD9JVKhVkUKwPlUKpED5aJRdNW0wevhub+IoqteIlGGlq+e/oXplNtZFxcjmj0kB0TR64HZvRQg/qar/XYCiMLjnxlh5bUzz1lvjWp/926dgmmDVkI7D7J/fxVpeBasGlTKzf5uuc28ojD78axGrwCwWllanyx0nXpQGc+kDRjY/DZ0n5DCw5JguOKD2KwAzRja/u9uGrg1Zr/1JmsWC3Kic0ulh9X/fkK7ponywyEaVta2ofOIt6ZgujiJwFIE8tdSxspZglwpvS3ml1vIF9dAQRjbf9F4TR2t/elM6P1m4QuAKQd9TjyETifC79eEq5X+cbOIsuvqHq2dXl6IPh/7lMX/fc1l540Scs0yCgUcej+8kAJWP1pakEEQTtgWqt0yGfvto7Jm9YLF29l0Zq2j9swkZsB5N1KpQq4FtYV76vul57ftaOADCLBbGS5+sXwIYe/xhb3FKycLbBQBGHjmM+f0VKhdnvJbTBiMPHgQBC+94Mivz9G+EAlySCAYPHfDEhp4Ax0YikAgWT57BvPht+H3kcM6TR4kUY489hERgFgvPicV335HOuqfdZH79ICgKC5OnUXSdkfv2eSIEwHFY/vQC9soamSfygMCtWSxOnqL/QB9i9vW3modS18g8dNDjLhAQUoJtsXjmM5yyGSufvi2F4s2AeMocvge0hCcdo0nTGb1vX1N5ECj6mNacr6qg+PqVqoGmhRs4qtpUXu1XUFLZRKhXhXqXlP4HvJxo5yXN5eGY0mrd4DieliBd77Nj14W/Y8eKClVgZPOTCsBgLt2ANp58dhzmTnzgaRaO7c10140VHdhvTAavADD/zjvSMeuFbnjgbmZPfRZ7qTFvYL9BoM7EurVw8q/SXnHohqKVQIMYGXvkMdHUzRY0mEtPRitp4ihKZrHwMvCMs+51199Ffmdk86+1Kr9JJbip0SVsOYwmwn1us7QlhsxiYUmdWhkWpfrUsh8eAxgxsvnl68aQWSxMia9LOWZb7zMA8sGRlnvNVWXILBZelnO1Z+TFctfvKIeHe2Ksq4JmsbDkfmMOu3OtERG6TvroIUrvvN/yOYB2aAhgwzm2oY5VO7varggA/U8cQdH8vUFVWXvrJNKy2jO220DJ6JNGNn+sK4YCRhr1/0ZShwYZeOCAJ71VX5o7NrgO1vwKpQ+nOr+f0dHHU9NGNn8gxnADM5cq06Vx6cj6RtaG9Bu3g3TAFYC/ynyBrmeGPe2jA9kLNvbCeq586T0pVBGuytipqPzxeuyl4UcfRJH+zpFIsvh2fI70HbiL5IB/HhHC2xCMNItvnqSRhK4zeCiHkkpgXrocKiMAifEU2pi228jmZ0SATOmT0nhQIJndSf/tu+pnGaS3rdUqLEx82LHnrWjsybz3vqZHzkUOtaV11s56czx9V5r0rUc8Y429aI/LCML62LD3EnjMSH9LThpEyyV23ED/HbtDgwKAVHVKFy5R+e5ymGeXq2iGr88oarh3JwZTYX2lL8qYxcKSMIuFF9emSi80Q6wx8sC9qKkE1cVVVj/6FIDUzTsZGN/uTWRFrZs3EIR6hOuGysHazBUq3132FK2jh8G2QbpINcH8u/EpMHCgr/Xxsx1te/whT7PVtPopUgTKUYSkrGswtg2KwtyJMxvWn74tiQKcbKG8NaWRh+71VO2AGUWpa4Gq6uWrDc+EGhpjMo8+sGEbar+KYmTzL6bvSDUpcI1Jw64jEkUlmBfB8AmlLjIC4IRA1MwN2wA8XU81lFeUxEa7iL+spesPiYwokk4oFMPnNJRxOx9fB3NpjGz+mAJgZPPP9u81ZoTanqn1K0ue8mlZEROlP3ld32wZpPCZ471jW5RXK23rHthvhBtwo+HhudqcfbxyufUmmtxxA0O7d9QPAOl+T1NuoL479tC3fcRHzWX1+3kq3/3QCZmQj5aQmMXCUulCZTiqZUdJ6BqKrjediXqhgf0GQm3WMDtOHLNYmHBM92jpQnu4eyHVUOi7IwUdNMquFSezWHgGeNlatKlctpDOhjYWtCGV9O4kXG/T0EaW1l6oo6WoGzKLhRy2XDKLhaWNS19jhnxmpvRTC2jnV4cDO/7PwlDAjHZ60VPGFi2Uf6zntsrUZo9Bw9hySTnTPEryhiTytr4m1bRb6hmhQOcWHy7TaDCTQsBcDWZrOf8I3TP1ei4bBpbkqY3nr7i1D7YlXjGy+Wd7aaNXhJbc062RaUzuxTJyrvZMr0h1e1D07OBnVnrkH5RbDEQPSG2IkFks5HDkkn1mpa0ek/7NI22fOd+YuN9WnjGLhUtbZsgsFl6UZWfK+nit7dCIkSEELn3/dKxtGeenGvbnpfFubPqdjtIT7rx11L7UfkfXbtxO+sC+UCGzflrE/PiztuUBEvcPQq+bq1ksTNmXKjlnvr25Rds2Rt/9++M+KOlir5YpFTor9MkOTDUNmVksTFkzlZy9YHVcRX2H7on4sjT/9Kqg9ac2XIG+3WCp1aasNDDzov1TLefMt7dehGRZhFM3tAB7U0QdGtzw9YCptgyZxcKwdOQL1ve1ruSMpztHrMVu/bu92n4RxJCaLtG4+qIILZnTpQ2PKmFSVHCsMB4hiJfAcbquw3Uk7pozbhYL4wETgbEhZy/YU7WZuqqqZ0YZOHBnaOauLJYon/syBu/o0fv9bnnuFhybtfMzWPOLTUOU3n8nqRsz2Ksl1j46FzNqpe/tDxX9AKGp6reVukN12ygDuTu8FZQ0IGWQygygbRuNOV4XTp6lumKCpmNVbBZPn6O2sEijQ3fksYdIbRsCKdEG0ow8ch+JXTvD5/aCTYCSBuCaLlEJMHhgb+SorHhDoicw9uzCmo/Pw/XpL4hblZoliXAsLxZF8U1/rkr/bbuoFr2jUfXbKtqY9ipwQDGLhecqM9X4kda2Qne0Z65TwuNz13PMT1pmtF5HYAPwz/9aZjR6jM4FCL3gVtx4xxz/5ClckL6rRErWP/97rNxAbh/JbSNeBwA0nercEmvTX4RlrIXF+tHalb7VxhMVatrA8uuz/ZgODWgSTpYl0dVg0glPAlft8GA4dPgguu4jaFl1Ji2L5FCaZP5eXC3J4sTfvMYcieY4HhSCMKogatSyvHn0tEILmJdPf0L5xwXvbUVh7cIMS4UzSCDz5CPoCcWDXtN9M4zupSBP11Fci8yvH0QCS++dobpS8pxVtSpYNda++SHWpu25JHNi/fykLP+ju5Np5rE8wjLr1rMmg1WjVcT2LGUnPuiq/oEDfZNKOCwbJD0ziqiWQQmYicRlhHYjhbrBylsQwq6SunlnV20Agb90Yxo+sDceEBJNAQOx/LolbeD2XV21AaCp/V3yZJa9+LZGZkKEqA8VQYeF57+tVbvt98mulHx9bLTZnCfw0RFxU16Y/Jf978YtnVHSRzXwTXqTGwk3PTMS1B6pQtT/xxhthML7nsyMdG5jmxb6k1/yueuCIipxYFiPmoBDI3ukaLRcB1INb7AUI5ufNLKJLniJGDtpYMaNpGiZ0DjqUltdb1u1b3B9Beq7/WQng2f5m28jDTZYYUMra4v8CMPVH2fb1t93R4rg3BZYYY/17021B8eyPQnsOOC49SGSjQy68f+ub5VFYK+29r8JVSBUMRN81yIPJlVDOdrO0FmaXaZvtA8cfwUpgKKwfvE7D0F8K+3dv/SldN1+XSnbLeuE0CQcmvvCZW9k88d8g2Rrhi5cBKOvHizh2Cx++FnIDED1yiyzb79HEL2CbUHKYPXT8y3rTO1MADwfzWuUQyMD+422TM2eOAUpAxwHB7XtMCx/+pXHeCIVxpA2kmooJLZpM9EYS2ghP81iIScdObV2rv2JNTE2Sm2hWW/ulnzz8LKRzY80Pmt3ct2Qqc2SbypuyUxbhnymhoGl0oUK7SZ6r9R3RwrVUNq6yDsyFGFswq3Jo+vnN4+WPqrhC9/NBxK0YOwSMF6+VKWb4CChClI79WDTfNbI5l/ppp2erbBmsfA0cBwYBwjiggBQ63sS3lbwfK9RMpsyC18LMouFHDABLOMFPG0pDulq0c8OUAiMLYf1zzybqnX3EGhiGdi92bioq0U/G0BRYLRzq4j1+Pbrbk/i3N4PMA0c+7mAuu4ARYFRPl9FrHcWaHJ7Eve2PviZgLpuAPn74gSQE39fh8X25uaWdLOBvNkA6NmZsxW65gBFgeHrkudK2wp5Hi+4TkBdU4DMYuFV4Gl5sUyneNBN0a1pxHUA6qoDFJ0xcq5GL/GpmyGx59oCddUA8oXvy0DO/cakXbxsJ9LHb0LWLOwffur5XdVzocJVFuZbBigIlsGR2F+WkOXuYvAbKXn3nSS2j4CiUvvuJ6rnv9pUPcqIjnqLAapYxlPhW0bYd0ubBigI+ZdrDtZXZegiiqgd9eV/hToQObgLgXVlY69tR1IF+p1pRFqFLSy/zcRXTAA554cqzuXqZtoEQN91E8bdv/QsESKwkfvsRExzTrlK6f2zvh91c6TuTKLemIRNLL9ewismgJx9qUJXjuEONPDkES+OV7QwskPdNBhY4xQF89wFat9e7ljvRqRmdLTdKegBqG7sC68CT1szWwcGIHXnbaSyO+L29eCzohC60lwnbtjVEiy/8dcttw/hFQCA14xs/nedynayCB0FJtw1h+pXV2+r7svdRSIzFMY+NHlLoKUhGUVh7aNz2C183Jul5O1plAEVvNk02apMS2+LWSwcByaqFytUvzLpzrnVXar9NE/00kfd7N8YXhwJM3Zs3KqFPb90VXmpfmVSvVgBmPD73EStrK4TwFHzXBlZ62xLTPxiO1pmFC2dxHUlzlqJavEy7gZRw6k946R3bfc63ziTQudMHTiZTLN84lTHKz1bIZFQMPanocWSiwEUbN3m5+3BSWZ30rf3Vs8pqKh1R2GwHBxPD6rMr1H+/MuWdQTUl7uLZGYIzFKzW01RkMk+1qY+73pZqUODDN5/N8KqhnX4nk1QVKSqs/ZJ62UqEgrGXWloUAlCrsxi4TnguPml6Ud+NNPIsQdQhFu/HBG9jxCVGb6Lpbpisj71eVed2yr15/aRHEzVL2/EPL8QeuscB6moLH/wEW45HgygGArGnQZ4ptnfQ/03RMaB47Xva23B6c/tQ5FO5L6NWr9I1nijRPWeK4lu/aRbI3VowJuJQRiFqkaSH14R3oPWENJl5JFDCD3On2u61L6vARyPxQoBx2VNUpuzWkglj5SkTszhC96ICOlFIDU+EwK7XIndrGpHQtPQWgTN2SurSLu9oy8st7rmgRE6lUVdfVCUOmuu6/EqBFRMUnvGKV/4OlZXbc5Cv0FHJMRx4HfCP2ROVb+vYc21F4KJHTcwuG9P5I6a4sULNMacuN4yqy6sxEKGAkrdvJP0niyKKqBWqXcGGuSQjC8NPYFUdczij02dCurtv31XXK9qrM8NRIANisry2c+wV5r9jfo2neRNCYDdGvA01GOZ2lHtyiwLC4sMHTqAhuVruGqECemFwZUrrJ6d9nzWQYOZUQbv2esF9SBA2p7bOLgM2DL2IQKSL9+EVSW9fZj0DQchPcD6+a/D8KfKd5epXvmJocMH0fRojE5QVT1YiESSlanzLcEJsPABekaYxcKEa7pHS3+/Fn7LAUYOH4TyWlxbjl02axU4AvH4Df9Po/LoupBMsXZhJhYnBt6gJHfcgJZOhe3YJRPzm2+7urzU90sDxVAmNaCr+zy90kBuH6lBw9vCG3e9aGhPAEqITXTJBlm+nBNBngLCBcUFq8bA7l+Q2rmD5dMfh+1b84stI0u7pQCTrkPNeknDh+8l1Z/0vqvRX9NoEZoWkxktwtbCz9H/gQBWw2Wu6zB69IGr3BcPoOkw2uwqpP677kDXZSQcrk1YXFPEWgSUloFibVIkMld1qgzk9l6Vfvg/aTGtAJ+Cd7N1qyR0DWNHxv8i/Ki4yJJq3LEaZ1ETqBFwaVFPC4BTIwNepN4WKILFp0oQVaANqT2HHzcm45ZdUCk1d4b6vxCc8HMErFYzrhHYxrqIvA9gVdE3iPrbKGlDHkBGNv9KcJr/fWKbxsY3kLugWARgj8JfRtmMPWiot+nF2LfEYH9v7UZISQgS2zSA+lHDyOafB5aNbHLTFYcUs+U0fA86Hwu7jCuY8ajHIEXqhmYMG9tpqVN1Rz4Gyz4mMXvQMbVfIblD33Tl1vyS92NSsqGDRDsWBSkAx20NTmB2bSxPm3elZ1irzm/uTm1yhx4I52NBXjROcRp4NrlD3zRItYVFbIc64zGDWJuwVNnQ0agi2BQh2vA5eMeptyMTRix2shdw/H4/G41NapqLgam1NmfT7p5/JxK6Rubh+xGVUtM23LR1B8qioiJdib1WDxjWBvoRquL/ZBfUFcfGmRMZhHQ/C6emer7mn9qZCOROk+m15WL1j/pTjukOb+Zqv9A1MkcOI8r+DwE16jf+1i+1JEunP2kboBpQ+pZd9N+6y7v1Id0GeeUZ6KTRz+Lp3sHxIyeX8QIWZ5r60unlwKNhFmtYGxxmWze+h74bM1DxmQ70Hl2n9OOCF17cJQldY/TB+1Cdah0gAE2nslZldbo3w1wkkrOjZ2NDcR8EPElHDpe/rm4q5jV9yy76dt3o3SHTE6x88XXTz5p2S4mxUVI37UCoKtW5hbY/zdGOVEMhfWsS4bmmj13NMNctA/VzUq/ABNSzwuAD9SowvllBfj0pIoBn2ET07JZUZ7NYeBF4AaB6xaI2Z18T00kvJFRPE46oKi8Z2fyLm67vqnBFGAbzAjDu1iTWon1dAAsA0UfDo9IMHiivXJX6r0YlrcjXp/4TeCbIc9Zd7HUHZ93Frbm4te7AUxICJaGg9ito/Wqg7Qb0CvBf7VzHW6VrBlA78iNFcsBRYMj/3ImmgRVgEpi+3mHA/w9hhgN0oL4XRwAAAABJRU5ErkJggg==");
  display: inline-block;
  width: 35px;
  height: 42px;
  -webkit-background-size: contain;
  background-size: contain;
  margin-left: 10px;
  margin-bottom: 10px;
  -webkit-animation: arrowShake 2s linear infinite;
  animation: arrowShake 2s linear infinite;
}
.fb-page-control blockquote {
  display: none;
}
.fb-page-control .fb-control.cur {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fb-page-control .fb-page {
  width: 380px;
  height: 560px;
  padding: 25px 20px;
  margin-top: -12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/fb-bg.png");
  -webkit-background-size: cover;
  background-size: cover;
}

@-webkit-keyframes Gradient {
  form {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@keyframes Gradient {
  form {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1500px) {
  .main-home .swiper .prev {
    left: 60px;
  }
  .main-home .swiper .next {
    left: auto;
    right: 60px;
  }

  .video-wrapper .video-container .pic img,
  .video-wrapper .pic-container .pic img,
  .pic-wrapper .video-container .pic img,
  .pic-wrapper .pic-container .pic img {
    width: 100%;
  }
}
.main-story {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vw / 16 * 8.2 - 0px);
  height: calc(100vw / 16 * 8.2 - 0px);
  min-width: 1400px;
  min-height: -webkit-calc(1400px / 16 * 8.2 - 0px);
  min-height: calc(1400px / 16 * 8.2 - 0px);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-story video {
  position: absolute;
  width: 100%;
  height: -webkit-calc(100vw / 16 * 8.2 - 0px);
  height: calc(100vw / 16 * 8.2 - 0px);
  min-width: 1400px;
  min-height: -webkit-calc(1400px / 16 * 8.2 - 0px);
  min-height: calc(1400px / 16 * 8.2 - 0px);
  top: 0;
  left: 0;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom center;
  object-position: bottom center;
}
.main-story .wv-tabs {
  font-family: "nikki_20200603";
}
.main-story .wv-tabs .tab-divider {
  fill: #fff;
  width: 120px;
}
.main-story .wv-tabs a {
  color: #fff;
}
.main-story .wv-tabs p:hover {
  text-shadow: 1px 1px 5px #fff;
}
.main-story .play-btn {
  position: relative;
  width: 80px;
  height: 80px;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_out.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0 auto 30px 20px;
  -webkit-animation: rotateOut 2s linear infinite;
  animation: rotateOut 2s linear infinite;
  cursor: pointer;
  outline: none;
}
.main-story .play-btn .play-btn-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_in.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: rotateIn 2s linear infinite;
  animation: rotateIn 2s linear infinite;
}
.main-story .play-btn .play-btn-new {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/yuyue/smallImages/play_btn_new.png)
    no-repeat 0 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-animation: rotateStop 2s linear infinite;
  animation: rotateStop 2s linear infinite;
}

.wv-tabs {
  position: fixed;
  left: 200px;
  top: 230px;
  text-align: center;
  z-index: 10;
  width: 127px;
}
.wv-tabs a {
  color: #c18c56;
}
.wv-tabs p {
  font-size: 22px;
  line-height: 1;
}
.wv-tabs span {
  font-size: 12px;
}
.wv-tabs p:hover {
  text-shadow: 1px 1px 5px #c18c56;
}
.wv-tabs .icon {
  width: 100px;
  height: 100px;
  margin: 20px auto 5px;
}
.wv-tabs .tab-divider {
  margin: 0 auto;
  fill: #c18c56;
}
.wv-tabs .tab-divider line {
  stroke: #e2b77d;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}

.story-text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  font-family: "nikki_20200603";
  z-index: 2;
  margin-top: 30px;
}
.story-text i svg {
  width: 18px;
  vertical-align: text-top;
  fill: #fff;
}
.story-text span {
  font-size: 30px;
  color: #d6b17e;
}
.story-text span i svg {
  width: 26px;
  fill: #d6b17e;
}
.story-cover {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: -webkit-calc(100vw / 16 * 9 - 0px);
  height: calc(100vw / 16 * 9 - 0px);
  min-width: 1400px;
  min-height: -webkit-calc(1400px / 16 * 9 - 0px);
  min-height: calc(1400px / 16 * 9 - 0px);
}

.main-words {
  position: relative;
  width: 100%;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/bg-nikki.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
  padding: 480px 0 100px;
  font-family: "nikki_20200603";
}
.main-words img {
  display: block;
  margin: 30px auto;
  height: auto;
}
.main-words .words p {
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.5;
  color: #a87771;
}
.main-words .words span {
  font-size: 30px;
}
.main-words .words-divider {
  width: 804px;
  height: 35px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/words-divider.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 70px auto 30px;
}
.main-words .words-jiyizhihai img {
  width: 800px;
}
.main-words .words-fangzhou img {
  width: 1057px;
}
.main-words .words-shejishizhimeng img {
  width: 542px;
}

@media screen and (max-width: 1500px) {
  .story-text {
    font-size: 18px;
    line-height: 1.4;
  }
  .story-text span {
    font-size: 26px;
  }
}
.main-suits,
.main-designers {
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/cloth_bg.jpg");
  position: relative;
  width: 100%;
  max-height: -webkit-calc(100vw / 16 * 6 - 0px);
  max-height: calc(100vw / 16 * 6 - 0px);
  min-height: 780px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat;
  padding-top: 20vh;
}

.ccc_bg {
  width: 1200px;
  height: 740px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/ccc_bg.png");
  -webkit-background-size: 600px 600px;
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.ccc_bg .control {
  position: absolute;
  top: 52%;
  z-index: 10;
  width: 25px;
  height: 31px;
  cursor: pointer;
  outline: none;
}
.ccc_bg .swiper-button-disabled {
  display: none;
}
.ccc_bg .prev {
  left: 260px;
}
.ccc_bg .next {
  right: 460px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ccc_bg .suits {
  position: relative;
}
.ccc_bg .suits img {
  position: relative;
}
.ccc_bg .suits-trans {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 240px;
  bottom: 170px;
  cursor: pointer;
  outline: none;
  z-index: 1;
}
.ccc_bg .suits-trans.cur {
  width: 100px;
  height: 100px;
}
.ccc_bg .suits-name {
  width: 150px;
  margin-left: 150px;
  top: 40px;
}
.ccc_bg .suits-pic {
  width: 450px;
  height: 777px;
  margin: 0 auto;
  top: 0;
}
.ccc_bg .suits-plays {
  position: absolute;
  bottom: 50px;
  right: 430px;
}
.ccc_bg .suits-plays .designer {
  width: 22px;
  height: auto;
}
.ccc_bg .designer{
  width: 25px;
    position: absolute !important;
    top: 93px;
    right: 860px;
}
.ccc_bg .suits-plays .gifbtn {
  bottom: 0;
  width: 65px;
  position: relative;
  display: inline-block;
  z-index: 3;
  margin-left: 5px;
}
.ccc_bg .suits-plays .gifbtn .cover {
  position: absolute;
  height: 190px;
  width: 100%;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(white),
    color-stop(45%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    white,
    rgba(255, 255, 255, 0) 45%
  );
  background-image: -o-linear-gradient(
    bottom,
    white,
    rgba(255, 255, 255, 0) 45%
  );
  background-image: linear-gradient(0deg, white, rgba(255, 255, 255, 0) 45%);
}
.ccc_bg .suits-plays .gifbtn .cover:hover {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(white),
    color-stop(95%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    white,
    rgba(255, 255, 255, 0) 95%
  );
  background-image: -o-linear-gradient(
    bottom,
    white,
    rgba(255, 255, 255, 0) 95%
  );
  background-image: linear-gradient(0deg, white, rgba(255, 255, 255, 0) 95%);
}
.ccc_bg .suits-plays .gifbtn img,
.ccc_bg .suits-plays .gifbtn video {
  width: 65px;
  height: 190px;
  border: 1px #fff solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ccc_bg .suits-plays .playbtn {
  position: relative;
}
.ccc_bg .suits-plays .playbtn i {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: 34px 34px;
  background-size: 34px;
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  -webkit-animation: rotateOut 5s linear infinite;
  animation: rotateOut 5s linear infinite;
  cursor: pointer;
  outline: none;
  left: 10px;
  top: -27px;
}
.ccc_bg .suits-plays .playbtn i::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAMAAABjROYVAAAAdVBMVEUAAAD2w4L1wYD2woH1wYD0wH/1wYD1woH1wYD1wYD4xoX1wH/4xoX1wYD2woH0wH/4x4b1wYD4xoX4x4b2w4L4xoX1wYD4xoX3xYT3xIP0v375yYj3xoX5yIf5yYf3xYT4x4b1wYD2w4L3xIP3xYT4x4X5yIdTn88vAAAAIXRSTlMAEJ9gMO/PgN+/zyDvcO+vn0Awv49wUEDfUFAwIN+vr1B/17+nAAABf0lEQVRo3u3YW5KCMBCF4ZOEACp4Ge86t4iw/yUOloOAwGOfp/428D90VyrVUEoppZRSSimSCOCbOfC5YMHnQ7wAmw3Bb0AWhVoOsjjUVgZULjzEEZiMDw/+ACYbnnYgisK/mQFP3FTTCDR5E73dHFhMG71ZsNg2ept/gmPTiRbLIzjSTrQo9qDIe9Hix4DA9KP3+QcIbD96z86Qd+hHazvIS3vRh62BtGQQLU/ig10Mo2XpIGw1Ei3XkHUYi5bSj2I6Fi2zIyQlo9Gq2kPQYiJafRvImU1Eq/kVYpKpaLWFmHQquoaYzcRMMwc5djz6dYUcE0ajss9+PhpNICoeiWa/EBWFYVT802KH0bWBLOMH0T2kufAWzY4QF79F5wbiotCPrkFge9GlA4PvRk8fYHChE2UdAWadaAKORXhFl2eQ7F5R4gnLN1FrwOKaZg6Sdo2WG5C0axQbECXPcYIqrZPegerS3gR5VszrZ7tGCdgSfwHdKoJSSimllFJKKbY/yYVnMyVb+QwAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  -webkit-background-size: 34px 34px;
  background-size: 34px;
  background-position: 50%;
  width: 45px;
  height: 45px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-animation: rotateInner 5s linear infinite;
  animation: rotateInner 5s linear infinite;
}
.ccc_bg .suits-plays .playbtn::before {
  width: 45px;
  height: 45px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  left: 10px;
  top: -27px;
  display: block;
  content: "";
}
.ccc_bg .suits-kinds {
  font-size: 17px;
  color: #c18c56;
  font-weight: 500;
  z-index: 2;
  font-family: "nikki_20200603";
}
.ccc_bg .suits-kinds .kind {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
}
.ccc_bg .suits-kinds .kind-1 {
  left: 630px;
  top: 120px;
}
.ccc_bg .suits-kinds .kind-2 {
  left: 690px;
  top: 180px;
}
.ccc_bg .suits-kinds .kind-3 {
  left: 750px;
  top: 260px;
}
.ccc_bg .suits-kinds .kind-4 {
  left:780px;

  top: 350px;
}
.ccc_bg .suits-kinds .kind-5 {
  left: 780px;
  top: 440px;
}
.ccc_bg .suits-kinds .kind img {
  width: 70px;
  height: 78px;
  position: relative;
  margin-top: -28px;
  margin-left: -23px;
}
.ccc_bg .suits-kinds .kind span {
  width: 100px;
  text-align: center;
  display: inline-block;
  font-size: 13px;
}
.divider-m{
    background-color: #898989;
    width: 1px;
    height: 40px;
    margin-left: 89px;
}
.ccc_bg .suits-kinds .kind.cur span,
.ccc_bg .suits-kinds .kind:hover span {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(55%, white)
  );
  background-image: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    white 55%
  );
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), white 55%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), white 55%);
}
.ccc_bg .suits-kinds .kind.cur::before,
.ccc_bg .suits-kinds .kind:hover::before {
  -webkit-transition: -webkit-transform 3s;
  transition: -webkit-transform 3s;
  -o-transition: transform 3s;
  transition: transform 3s;
  transition: transform 3s, -webkit-transform 3s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  content: " ";
  position: absolute;
  left: -10px;
  width: 25px;
  height: 25px;
  -webkit-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTMuNjMgMTMuMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOnVybCgj5paw5bu65riQ5Y+Y6Imy5p2/XzQyKTt9PC9zdHlsZT48cmFkaWFsR3JhZGllbnQgaWQ9IuaWsOW7uua4kOWPmOiJsuadv180MiIgY3g9IjYuODEiIGN5PSI2LjYiIHI9IjYuNzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmYmQzZGUiLz48c3RvcCBvZmZzZXQ9IjAuNiIgc3RvcC1jb2xvcj0iI2ZlZjBmNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT7otYTmupAgMTwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5aWX6KOFIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjE0LDEzLjA5YTQsNCwwLDAsMCwxLTIuNzQsMy4xOSwzLjE5LDAsMCwwLS45MS0yLjIsMy4xOCwzLjE4LDAsMCwwLDIsMS4zM0E0LDQsMCwwLDAsMTMuMTIsOWwtLjU0LTEuMTgsMS4wNS0uNzZhNCw0LDAsMCwwLTIuMjktMS44M0EzLjE4LDMuMTgsMCwwLDAsOSw1LjQ0LDMuMiwzLjIsMCwwLDAsMTAuODUsNGE0LDQsMCwwLDAsLjQ1LTIuODlMMTAsMS4yMyw5LjYyLDBBNCw0LDAsMCwwLDcuMTcsMS42MWEzLjE1LDMuMTUsMCwwLDAtLjU1LDIuMzFBMy4yLDMuMiwwLDAsMCw1LjgsMS42OSwzLjkzLDMuOTMsMCwwLDAsMy4yLjM2TDIuOTQsMS42M0gxLjY0YTQsNCwwLDAsMCwuNzgsMi44MiwzLjE0LDMuMTQsMCwwLDAsMiwxLjI0LDMuMjIsMy4yMiwwLDAsMC0yLjM3LjA4QTQsNCwwLDAsMCwwLDcuODRsMS4xMy42NEwuNzMsOS43MmE0LDQsMCwwLDAsMi45Mi4xM0EzLjE4LDMuMTgsMCwwLDAsNS40Niw4LjMxYTMuMTcsMy4xNywwLDAsMC0uNjYsMi4yOEE0LDQsMCwwLDAsNi4xMywxMy4ybDEtLjg4WiIvPjwvZz48L2c+PC9zdmc+");
  background-repeat: no-repeat;
}
.ccc_bg .suits-cicle1 {
  z-index: 2;
}
.ccc_bg .suits-cicle1,
.ccc_bg .suits-cicle2 {
  position: absolute;
  bottom: 0;
  left: 320px;
}
.ccc_bg .suits-cicle1 svg,
.ccc_bg .suits-cicle2 svg {
  width: 420px;
}

#path1,
#path2 {
  fill: none;
  stroke: #fbb03b;
  -webkit-animation: starspace 4s linear infinite;
  animation: starspace 4s linear infinite;
}

.ant {
  -webkit-transform: scale(2) translate(-2.5px, -2.5px);
  -ms-transform: scale(2) translate(-2.5px, -2.5px);
  transform: scale(2) translate(-2.5px, -2.5px);
  fill: #fbb03b;
  -webkit-animation: antmove 4s linear infinite;
  animation: antmove 4s linear infinite;
}
.ant1 {
  motion-path: path(
    "M458.06,50.5c0,19-93.15,34.35-208.06,34.35S41.94,69.47,41.94,50.5"
  );
  offset-path: path(
    "M458.06,50.5c0,19-93.15,34.35-208.06,34.35S41.94,69.47,41.94,50.5"
  );
}
.ant2 {
  motion-path: path(
    "M41.94,50.5c0-19,93.15-34.35,208.06-34.35S458.06,31.53,458.06,50.5"
  );
  offset-path: path(
    "M41.94,50.5c0-19,93.15-34.35,208.06-34.35S458.06,31.53,458.06,50.5"
  );
}

@-webkit-keyframes antmove {
  100% {
    motion-offset: 100%;
    offset-distance: 100%;
  }
}

@keyframes antmove {
  100% {
    motion-offset: 100%;
    offset-distance: 100%;
  }
}
@-webkit-keyframes starspace {
  from {
    stroke-dasharray: 0, 20, 411.5;
  }
  to {
    stroke-dasharray: 411.5, 20, 0;
  }
}
@keyframes starspace {
  from {
    stroke-dasharray: 0, 20, 411.5;
  }
  to {
    stroke-dasharray: 411.5, 20, 0;
  }
}
.main-detail {
  background-image: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/home/img/bg-detail.jpg);
  position: relative;
  width: 100%;
  min-height: -webkit-calc(100vw / 16 * 9 - 0px);
  min-height: calc(100vw / 16 * 9 - 0px);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-bottom: 50px;
}
.main-detail-news {
  position: relative;
  left: -webkit-calc(50% - 180px);
  left: calc(50% - 180px);
  width: 52vw;
  max-width: 909px;
  padding-top: 15vw;
}
.main-detail-news .faq-content {
  padding: 20px;
  line-height: 2;
  height: 100%;
  max-height: 500px;
  overflow-y: scroll;
  font-size: 16px;
  word-wrap: break-word;
}
.main-detail-news .title {
  height: 118px;
  background-image: url(https://nikki4web-cdn.shiningnikki.jp/home/images/news-title-bg.jpg);
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: round;
  color: #fff;
  position: relative;
}
.main-detail-news .title h1 {
  font-family: "nikki_20200603";
  font-size: 45px;
  font-weight: 300;
  padding: 20px 30px;
}
.main-detail-news .title span {
  font-size: 15px;
  position: absolute;
  text-align: right;
  bottom: 40px;
  right: 50px;
}
.main-detail-news .title a {
  color: #fff;
}
.main-detail-news .news-text {
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 500px;
}
.main-detail-news .news-text .infos-grid {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.main-detail-news .news-text .tabs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  font-size: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.main-detail-news .news-text .tabs .tab {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50px;
  -ms-flex: 1 1 50px;
  flex: 1 1 50px;
  padding: 15px 0;
  color: #fff;
  background-color: #e9b2b9;
  cursor: pointer;
  outline: none;
  position: relative;
  overflow: hidden;
}
.main-detail-news .news-text .tabs .tab.cur,
.main-detail-news .news-text .tabs .tab:hover {
  background-color: rgba(255, 255, 255, 0);
  color: #898989;
}
.main-detail-news .news-text .tabs .tab.cur::before,
.main-detail-news .news-text .tabs .tab:hover::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  top: -15px;
  left: -15px;
  background-color: #e9b2b9;
}
.main-detail-news .news-text .news-title {
  font-size: 15px;
  line-height: 3.4;
  display: block;
  margin: 0 auto;
  color: #404040;
  padding: 0 0.1rem;
  border-bottom: 1px #f0f0f0 solid;
}
.main-detail-news .news-text .news-title span {
  float: right;
  padding-right: 0.2rem;
}
.main-detail-news .news-text .news {
  height: 100%;
  width: 500%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main-detail-news .news-text .news-titles {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-detail-news-content {
  background-color: #fff;
  padding: 0 30px 40px;
}
.main-detail-news-content .divider {
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#404040),
    color-stop(50%, #404040),
    color-stop(50%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(
    left,
    #404040 0%,
    #404040 50%,
    rgba(255, 255, 255, 0) 50%
  );
  background-image: -o-linear-gradient(
    left,
    #404040 0%,
    #404040 50%,
    rgba(255, 255, 255, 0) 50%
  );
  background-image: linear-gradient(
    to right,
    #404040 0%,
    #404040 50%,
    rgba(255, 255, 255, 0) 50%
  );
  -webkit-background-size: 15px 1px;
  background-size: 15px 1px;
  background-repeat: repeat-x;
}
.main-detail-news-content .content-title {
  color: #b4777f;
  text-align: center;
  font-size: 30px;
  line-height: 3;
}
.main-detail-news-content .content-share {
  margin: 10px 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #898989;
  position: relative;
  height: 30px;
}
.main-detail-news-content .content-share a {
  height: 30px;
}
.main-detail-news-content .content-share svg {
  display: inline-block;
  width: 17px;
  vertical-align: middle;
  fill: #898989;
  padding: 0 5px;
}
.main-detail-news-content .content-share svg:hover {
  fill: #c18c56;
}
.main-detail-news-content .content-share .icon-f {
  width: 25px;
  height: 25px;
  font-size: 20px;
  margin-left: 5px;
}
.main-detail-news-content .content-share .icon-f rect {
  fill: gray;
}
.main-detail-news-content .content-share .icon-f path,
.main-detail-news-content .content-share .icon-f text {
  fill: #fff;
}
.main-detail-news-content .content-share #wx_qr_pop:hover > .pop-menu {
  visibility: visible;
}
.main-detail-news-content .content-share #wx_qr_pop {
  position: relative;
}
.main-detail-news-content .content-share .pop-menu {
  top: 30px;
  left: -45px;
  background: #fff;
  color: #898989;
  -webkit-box-shadow: 0 0 6px #898989;
  box-shadow: 0 0 6px #898989;
}
.main-detail-news-content .content-text {
  padding: 20px;
  line-height: 2;
  height: 100%;
  max-height: 900px;
  overflow-y: auto;
  font-size: 16px;
  word-wrap: break-word;
}
.main-detail-news-content .content-text video,
.main-detail-news-content .content-text img {
  max-width: 100%;
  margin: 20px auto;
  display: block;
}
.main-detail-news-content .content-control {
  height: 40px;
  color: #c18c56;
}
.main-detail-news-content .content-control a {
  color: #c18c56;
}
.main-detail-news-content .content-control .prev {
  display: inline-block;
}
.main-detail-news-content .content-control .next {
  text-align: right;
  display: inline-block;
  float: right;
}
.main-detail-news .caption {
  display: block;
  position: relative;
  font-size: 18px;
  color: #808080;
  width: 100%;
}
.main-detail-news .caption::after {
  width: 460px;
  height: 15px;
  display: inline-block;
  content: "";
  background-image: url("data:image/png;base64,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");
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  left: 40px;
  position: relative;
}
.main-detail-news .caption-text {
  color: #808080;
  margin: 0 auto;
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  margin: 20px 0 30px;
}

.main-audiovisual,
.main-special {
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/bg-audio.jpg");
  position: relative;
  width: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-color: #fdf8f9;
  padding-bottom: 30px;
}
.main-special {
  height: 80vh;
}
.main-special .special_warpper {
  padding: 80px 15% 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
.main-special .special_warpper .special_divider_lo {
  width: 900px;
}
.main-special .special_warpper .special_title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 400;
  color: #c08a55;
  margin: 80px 0 10px;
  letter-spacing: 5px;
}
.main-special .special_warpper .special_content {
  display: flex;
  padding: 3% 3% 0 3%;
  justify-content: space-evenly;
}
.main-special .special_warpper .special_content .special_img {
  width: 450px;
}
.main-special .special_warpper .special_content .special_text {
  color: #c08a55;
  font-size: 1.5rem;
}
.special_icon_flex .special_text{
  font-size: 1rem;
}
.main-special .special_warpper .special_content .special_line {
  width: 200px;
  border-bottom: 4px solid #d6b17e;
}
.main-special .special_warpper .special_icon_flex {
  display: flex;
  justify-content: space-between;
  padding: 40px 120px;
}
.main-special .special_warpper .special_icon_flex .special_icon_left {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 31px;
  background-image: url(//nikki4webstorage.papegames.com/tw/home/images/next.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.main-special .special_warpper .special_icon_flex .special_icon_right {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 31px;
  background-image: url(//nikki4webstorage.papegames.com/tw/home/images/next.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.sl-details-content {
  padding: 60px 60px;
  width: 280px;
  line-height: 2.2rem;
  letter-spacing: 1.5px;
}
.sl-details-flex {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.sl-details-key {
  color: #bc8655;
}
.sl-details-value {
  width: 200px;
}
.sl-details-lineNormal {
  line-height: normal;
}
.sl-details-toTop {
  width: 165px;
  position: fixed;
  top: 85%;
  right: 0px;
  padding: 7px 0;
  z-index: 90;
}
.sl-details-toTopImg {
  width: 100px;
  cursor: pointer;
}
.main-audiovisual .av-topvideo {
  width: 1160px;
  position: relative;
  top: 200px;
  height: 653px;
  margin: 0 auto;
  margin-bottom: 200px;
}
.main-audiovisual .av-topvideo-pic img,
.main-audiovisual .av-topvideo-pic video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-audiovisual .av-topvideo span {
  position: absolute;
  bottom: 0;
  line-height: 3;
  font-size: 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.32);
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-audiovisual .av-topvideo span i {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: 100%;
  -webkit-background-size: 30px 30px;
  background-size: 30px;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  -webkit-animation: rotateOut 5s linear infinite;
  animation: rotateOut 5s linear infinite;
  cursor: pointer;
  outline: none;
  right: 8px;
  bottom: 8px;
}
.main-audiovisual .av-topvideo span i::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAMAAABjROYVAAAAdVBMVEUAAAD2w4L1wYD2woH1wYD0wH/1wYD1woH1wYD1wYD4xoX1wH/4xoX1wYD2woH0wH/4x4b1wYD4xoX4x4b2w4L4xoX1wYD4xoX3xYT3xIP0v375yYj3xoX5yIf5yYf3xYT4x4b1wYD2w4L3xIP3xYT4x4X5yIdTn88vAAAAIXRSTlMAEJ9gMO/PgN+/zyDvcO+vn0Awv49wUEDfUFAwIN+vr1B/17+nAAABf0lEQVRo3u3YW5KCMBCF4ZOEACp4Ge86t4iw/yUOloOAwGOfp/428D90VyrVUEoppZRSSimSCOCbOfC5YMHnQ7wAmw3Bb0AWhVoOsjjUVgZULjzEEZiMDw/+ACYbnnYgisK/mQFP3FTTCDR5E73dHFhMG71ZsNg2ept/gmPTiRbLIzjSTrQo9qDIe9Hix4DA9KP3+QcIbD96z86Qd+hHazvIS3vRh62BtGQQLU/ig10Mo2XpIGw1Ei3XkHUYi5bSj2I6Fi2zIyQlo9Gq2kPQYiJafRvImU1Eq/kVYpKpaLWFmHQquoaYzcRMMwc5djz6dYUcE0ajss9+PhpNICoeiWa/EBWFYVT802KH0bWBLOMH0T2kufAWzY4QF79F5wbiotCPrkFge9GlA4PvRk8fYHChE2UdAWadaAKORXhFl2eQ7F5R4gnLN1FrwOKaZg6Sdo2WG5C0axQbECXPcYIqrZPegerS3gR5VszrZ7tGCdgSfwHdKoJSSimllFJKKbY/yYVnMyVb+QwAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  -webkit-background-size: 30px 30px;
  background-size: 30px;
  background-position: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-animation: rotateInner 5s linear infinite;
  animation: rotateInner 5s linear infinite;
}
.main-audiovisual .av-topvideo .play-btn {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
}

.page-control {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto;
}
.page-control ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  color: #898989;
}
.page-control ul li {
  cursor: pointer;
  outline: none;
  padding-right: 10px;
}
.page-control ul li.cur,
.page-control ul li:hover {
  color: #d6b17e;
  font-size: 16px;
}
.page-control ul li::after {
  padding-left: 10px;
  content: "·";
  color: #898989;
}
.page-control ul li:last-child:after {
  content: "";
  display: none;
}
.page-control .control .icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 31px;
}
.page-control .next .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-control .prev {
  color: #c18c56;
  position: absolute;
  left: 10px;
}
.page-control .next {
  color: #c18c56;
  text-align: right;
  position: absolute;
  right: 10px;
}

@media screen and (max-width: 1500px) {
  .main-detail-news {
    position: relative;
    left: -webkit-calc(50% - 180px);
    left: calc(50% - 180px);
    width: 52vw;
    max-width: 909px;
    top: 150px;
    margin-bottom: 220px;
  }
  .main-detail-news-text {
    height: 500px;
  }
  .main-detail-news .caption::after {
    width: 460px;
    height: 15px;
  }
}
.top-bg .gifts-bg .counts .count {
  width: 97px;
  height: 55px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/icccc.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs .arrow {
  width: 54px;
  height: 95px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABfCAYAAAHUuQTZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM0M0M4NEE5M0Y4MTFFODlBMTVBN0FDMjM5OTgyMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM0M0M4NEI5M0Y4MTFFODlBMTVBN0FDMjM5OTgyMTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzQzQzg0ODkzRjgxMUU4OUExNUE3QUMyMzk5ODIxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MzQzQzg0OTkzRjgxMUU4OUExNUE3QUMyMzk5ODIxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiSATiIAACWMSURBVHjaPFC/S8NAFP7uEtR2iArFBqRu0U1wcRTc3HVxFQX/EGfB2UncnbvXtS4OVlBsS0lKU5qQpPnZ3PMuQb/HHe/dfbzvfY/ZgxEAJqMGqUoW5n4HnHHICzDwQWvNddoKX97+mJyDSyaD1jlBw2iCHdwcaaMnqn7drwlEKUiUJa2ygtIwpiLJSALc6d3p/thBZC+Q+hGKMKl1lLb/baPR3qbY9aQGh1gJGHs76D9eA8HQwev9JRXLhIKfKaWLgNK5T/HMI7YcTiFki43WJjGN1z7kmQ96ygqDrjF8dh9qk2kO5AXah6eMa4opH63jqyqhUqD/fOtVA+WT2f9+3HGXyiyCaV0wfbelhq5D6WTz9zPTOldLq/ArAI1ksNIwEIThf5PtZk0jpkJFkB6lr+FL6Ev4AMWrR/HgA9SbL6AgXsW74LGCILYQafDS1KSJm804m7Z72B12dmb3//4V35MpaINLcHsXu/VwOGjZuQnhbpeUSGnbxQ3pYMQHATWehtXH6CpFi+RHrMHzKbXXh8cadRSiynIs325u22sWszlRQ/BVh/v4kEqyHMJOLxLe+8PoHqzNsniblwi4uqPV+oHZZ8LoYjLLArYyCOIIjanxenc+xi+zfb46pbooiTcZgiH7Z1o/UXylWE3nMHlJlk2us5xers/apChnafvBoA3JcB8wBjZbCTXoO38dBE5XUnhNg8nj6Eh4WwiuyueITf14usDw5DLZoMW/AESUu0scURTGz9mNj9nVbBBjRIhB/QPSBKL+DSIWhrQpYpdgLYpiYciSKqQTSauVEHsh2CgiNlY+8mCjmJ016mbHeTk7J9+5d7MODJc7zNxzzvf9vuHfhyVK5f+O6KG/MV/rmlgsXG3ErjPW1hS7cSnPRj2ju5bFmndXz+OBV4stuQ6q9b5sdTpz0t7piBPuieOuvmHm5gHkHv+i8tEplb7MSD0B1hg/DiMJvUAUdcX75s9fibFWvp2RTm9w1zkud4vyePwdVU8rFFzWKIb6hIFjP8AdUez5BrGLnffNnuEvtGnvoSs4w6K2RbANH1Q93D4lXkAP+h9RBj4Pjhdpf3lqxWbox3kjzFXJ9zwhv3JtoTdawRTI4PTBC7CgrKfopO1+nnGOVY25wFwXyXcXsM+YysqFUhW5VZI0tS22ZGlr+bUAgTL5P8t0g/Vr8cXTuBZIojj4kcl/gvzXIZQGN8EzsLRg8Si5dOcS0f769Pbzqc/DWlVbFZAoJp5oM7zl1t4uW1mfZUzIATv8fDb5ceRg7a2ZmpVKtHiy+YFSL2RK0mYBvj27IBErj/FXo4dDvm8vSZrUIXuWBkZn2byEF+71dTfIwZVlW9Gm1RxBgyNznCt0fBoanWPzNzCt35HzTwAmyya0iSCK4282u/kwTdPEphLqx0ERoR4U8aAHwR4UBU/iwUNVxIuCFkGkgp5FvBi96aHgR04iitSPe1CovRSEIoJYqkmagk2aNNvszmZ8781km8CwZHdm3se8/++NKCMHwkLFJXn/w7ZK9PSyoW14NL01eWav6B2FolyAL9LVYXdG5drvcxS8CD0J14FNW1naUxisv/7U3nUJFAkuULXBWhHW0uc4LhWy3vCEpYKjmx8/aeOhWo4DtmODNzoBCVREvFZUOlph0m8CtX5PB9HhfcgZXBCzwUlEESkxGMilwR67CpHFaaenInaPzGeP32Hhk9SJYjQoCs/1QK53oLPR8WIGnZyI5nxBRWyHK53YZFk6bGwv0PUkOAMJiI4exQ0NfBdeXncC5BQJsvGnppordeU2WqqDNeg21lWz+o9FTO8WXt1wqBZt35deHTkWQXeogXSxP8hAVwQxVSI2yRv673vSIxcs6csrXKg4gXoV1ZryA5AdZCxuwEEQBnDDob3jpsn9KsNa5avK7DwGge+xxvQXwSeRoOwhmCm+AOObf34tyjP+zr2tR4eSEM+m+05eZ5XE2UXLCj2w8FUQBB5SvcoT4tmUUhFdmC7iQJjzT2RSaEUiBoBpVfk+o/s+Bfrl6eWwRpP5rXxeEZQAgh6CNibHdTFWCfmxU2Br2FI1K1JJwPpFESZGMixGMNZ71Vp6PLHCvGibUSpcVH7L5R4jEaI+thHNjA3l47vZZ5P6/hBSGZ/Sc+9ZsCkh6nVk1UKsUYNwG5UR/kANigb1I3qW5z5rQlHDwmuEv9pUEiuj9Oi8cpeWwVjSTdocDSzNFj3os0QWVhfn4PDZgrBMq2c9cQbNxergmYexTcB1GWtL31484E2tUE96MlnT8sa7ypubOjAM5cfHKdh/4v5UP1hsZRYp0dX3EPyG4hv4+e5WiyZsP3BBiP7s6Hub3sPqXTjQ791H7q7jBQ9iyXhry9Ae7YnoY4QwxcYJ6a3DnR3HebLj0O3UZqPUWKDffwHIsNbYKKoofO7dbpd2t9BmW1ikDQXbGB8xCOGRim1jFP2hBhIVSEyqEiGISoy2PhIJiYkQ0Rqp+ANCDRgJVH+oJCa+/tCIFrJW0jQqggYbC4XWQh/bdnZmruece+/MbN1kOtvZmXPuvee73/edEdZbapr1jQEKbsPYPixwvjLEAsuvFD/UG/ymlHVDEEwzwlqWJ4O1CLVaaYUTvCsD0k1Pfq4mFj6Bu8IngPyccK9D6t+v6eer+GzNSHK9owzD6VSqYMDRj7h8foC3mP3dN8KaHOki7Lvqlq2BuNJMfF8ZzdQPyfF+iI1lKVbXROXGjdI38xJ6CJn66jDZFUxWkJ2mO3i0GgMNpFa9yMFJwRn6Rvl4/Mqog9DzSZTOYbyN//gOeDUtQougD/PrayLoMNiTptDexUMPu25sYN7drRArKmJRwKJDnLgevSXZR/KYxXhOpedCCbpGSoTkC2j6QWbWgHvhYCeYgUQ/kkXHrPVkX8deSC38sureNqZ5e5Co0INkTuIlBFGkejwjezM1ukTSeJBVTS29B6Zz009N9u2Pz66ZtGI5mm0/lVy69pVMwzYdmMjhxiTkRsdgagxdFQYSuKSeCeohpRKtUhIidkpahpxGhJ+5bxcqgePIWSgpIgK4enrPcHXT1nSiog7G/7nGIxYoHSxetA2Rpz2SGQxKDsYXelN6VD9SEVdft0WnfZWqbYShn/YeTtd1bCmoWT7vpPNOOeSGr2NATQeKQYGjd9EBuMjxNKMZ9JAos/5UHvKoZ+SvWOfwnKwq571K+ifRfqdvWwfOjPP0ucPb4pFlBFjcvFtc+n43kD2kzc6oY7uLz2NS32X5wRmgaLo0AJPccXlLEFiotppVjAdAYN36WDve7zqFAME/qLbylyPPQgkiLLWggkEgAh6hDU0G0ePklACM96ZzaaaCdZTqRf/rmFrFK29/EHoOtBzSrdOfl4O17v/i5ToRi/+x4skPTUvMwgYz6N19ShQpuCWk4rJSKELo87IrLQ60yTzeh8xykD26nW6Ny4BI8b87Nrx7wXWmX/j15D4jGooVIVE5F5KZNAe1cxUCAuF3sRdwSYrxcKmJyE1jXbG++J1c0rLH3ycTkBfj2L0xgvywwc9+uvOb2oZN9y+68wE22JrKTHRq7nEA00Ojug5YL639aIRws9Mt5DZoSbnTxhn/0NGCy5xvFBMo5db0aDugF+ts13O5FZvfLkmUz9cSYUyspXnBzb5rBE1E2F97Wh80qtE3UFzZ1HpCCfIN1svM6vjgzInn1drtH3EyPUMFuq3Q9fTpFYAUAS0pEe61mRvX4OzHL6nmti4Z7jPbrdq237xjoDqu3vSBOH1wSwFNS9NlgEWep18tEEAEHwr+6j4CvcfbTq3ZfEAW0FUok2CAYkeqryH5Jno6n2GkxRQEKCVRZfYw8Nfm0IfsJztg+Hz3upWP7m+arWnSliEIr6wQ6qB3rW934nPiDf2ftYFtpZTRSL7HwJ2Oc8d3kkmUyze8960wHXyBfDnYA4PRJ1pS0i5rs8LmV8Fv373xVrKq/rUlTTvQa0hNytQ34yc38jtc6umEuubXkVJLQkuBQYoXVUa6PZssMAIRRY/0XYSyi91v9tF2nFe7EiqWNMNQ9hhMTQxS4jM3N+5arZGsCpk+msy1ycz7JIauRRfWgJFortPlv3v2eNh0SFq2eCJOa/3I4lWvnmTM2KYMNHLpeyyazMM+1o+0ZMKAgKBDfChF4STpPNi7T5llKKpe1uqpEPEcS2o25Zixm9KRZIPDQc0sAtUsTxJ6LxGsteuMI1OUgfj/jeG9NOZIsv8E4NNqYPOsqvC59/1++7P+rqtuDIk4FU0KbCsSjCxiyjIdCWzaiTHijDHRONRgiMHfRoNTNmMRiSwimDFDEdAlbNk0OKPAZJmEITrZHNMN2tV2bddubb9+73s9555z73vf72tM8+X7e7/33HvOuec8z3PKupm7g3JMXXElsewVOXR1vxrOb8gGwwgw9RVBGqdcxbtViBtTdKW51KTpbq9KZC8khFb2fRpjl3RXntkfbsC7VlBWWIWcIRuHLOARDCg4zxlxxrFaPzzZthkuFd6+vuvSXtM5u3dQuV1ACEalPpr0t6rmVFuli0OqvNihJNTtF3+zq1Jcbt0633A1TLZ/FCq6+4sdl35rECl/IYs3ZbGeEJg6VKxG/nnGny5T8+OWqSfNwhV32LJUtU1RujTxz/F9AAvER9XNk62bDspSxZ3GL35ZgPW1j7RyvucO2zQ+9ErS0csygNUVlNWQqUdR0Z7t/DDMdm8BxFUHms4PJU3jT1zpmqmWHgiLuRFMGmGFV5VHf9WEQOW9qrPHGqAyFolRgnjUKAlfRPkCLKy4HeLlH0O0F58oje6ZzuFBN0ayUpkaYyYoxPICDZ0rvLPf7ooVk5wV3shIRCgqR4Yii6AItuWa26B8zTZsEa1N6tTPNygxokDXImIVJAe+Ov3wtRiihnzLcrt6gmhRTtsd2mcLydkIvS8j4CmISqFW9BHA3W2jo2qrpIuZWwWhorh6tP36O3lHOo2Tdq6LIruwYkMZyksaBR7EllhEhVaC6W35Uk70zLp+xqSYCufc8Qc/D4U20IWyvYmWZNDuNSFedB8ZIXeSiEMtKSGhHB8K3aqKbTDz8uB6l2w1CcIAhYzirh7oXvclhgjycAatLI83owSwzEt4GxkC3BlBcVpA81WbiGTsUYuQT+1O+dRLOx8rv6XHk3L70EwmSFBmSQ2syywgTVgPASv38oG2ml1TJy26jeJaV0FcBuKPb+9au8UjJYrBNGLDeTREnxG5IEOJo7xkhKQreuDnpCi6hUblThg/vH19/TnDNY0d3v5aR8+tNk3IyOSZUZgenpAexMGnHcaWVPAjjtmFjK7waJfyPgPbr+nHa5PdqiZmuXPP3duGNt6x5G3vg4tjU1CZmRVGwrwrtgkiCEpzkU6UyBJVplXETmiCYuUm/C7f2IUejjuUzkIejYTuTNfarXBheAwWELNrzk/+E2xobLbxzuhBi6CkILJB8YpjwwklQy2Kdb5xKbzxx4G+jDHMqPXDR3Yz1hcMmNjA2zhaVyWiVTI5TN0ZS+oTwfcFXLK4a/UnaDF7MsZWrvvmn6tz03i2cly7nPgOIk4nDHyQA3GaGyGGscgUmDj5xlKqfSo+l6W2t9IiO2qyEegmPxg7/jT+qCGL6US+ZKjNqW7EEC3ADmPo/Mm0yxuk3WGXyDcshaM/+0xfBn5f2ffdu8+fOGzV5WJLo/Q+TgamupIgFvmCNWCE9NF5itArPKQyvsYSaVj5ga0U7z01h5qyK/n75KkjuMoiNCD5s5XD4kYuZUkGc7AhMlhsLLFx7wFB1zR2a0VXmqQj2880hSG57tShh+xNlML619UKuXIx4NVWYc+ASEv8ygUm9HLu2M1cK8loobkbXhj8ZF+g8AC8Z+MPZ5LYJNXZaVbl8OJiSxMU8PwoDyeUf22voekzniUjVR9EjCERhooBKe2Xv38ree2xoJ9xA8Utb/jb0wP+xuSWHLqp2NrI+qob4Fhn4B96ALE4SxQLJCtVrS5iP8P3tIhy8zI6h50SM2nVeJee23YemJse99jeCOmjbCuiWxVrDkJpja00Zp4NmUrMz2iIjkNSEb0Ed1hCg3/a+fEPaQcV3O4wFX5y+rlHBfcHBIMQ1bJ2ThxPrZXVskjhSWSHro4yCjO24XIKm15Fs16TwbgKjj6xzdzwuUcYrEoJcuKnbTvIpecnZiDXUGCNCxdAYwCaI9lDTdNcug4P/dzECBz5xVcMEnhqwcKpRWkX9nn6/H+O+U7LCkDKTCNSqmlCsqTJxlTj+6hQ4LpKC6Nqs8B978gjX6YfLuWYJcI6BKfzMVfX/mPfTq/6akdtPc1llmpHGCYl8151Tbhmnji4i27+7I13PT4OXl4H7bE7Ge3dcv8EXRVX5iCqYaMeXcesDoA/XwkbF1lJYXKMvHoIbvzq0E2Z5ulnDhmeoPqPPfmddFQe8jand0jF0G5g7SA+vn5+12fpsg8uikE8ZZL79PbfPzQ7OQIh/dIe9rleB74Yayll9P6/WGdNXB2/rv+BP9SgK5AEMX4Q4AAP4vtf/vsvQxBOH4wnKXxj145olwkXFTj57EOENZfWQzlHdSBAxnKTNZsHPzXyygEwGUbtRjgmMCiJgs/HnvoWheV7azf/2CwiSKeAiyVhxrJu8htFanhm+ESGa1sXxgZCJZ0WNI/VZ+7CMKzZNPh1rRYhg16vEuQhEqP3MVaA1ScP/sj9zwwbdecv6G/kiVf3foPgebebkKtaOYmBk4LwCKSzSgVX33LfsMrRdKEatBblD57j42df+jUyquj5no/cd84iaFMjO1gC79NeeLVrjjLDovoYRfqOk7/b4ZPDa1ySidiYYOL1F6Bn47038AjZZLTJgJ+loiUbYG3RyQz08qqbv//o/IU3sV9dDLq1AL5kDo7vv4fq4wZjtC/gut6WBUIBy0+1Rl++5D2Shqdee+bbaHDW8+bKzCicOrSdsnPqXTcN7PfuF32kzhifGZUVx6QgqkDuW7VuYBP2SvjXwQFYmB6FqTdehLMv/hS/J/ai252Sp1IRsy5mOT//C1UFqZGgTEYnwgSYTJJq6+u/3+7dgtm344rr70nYE6nyohax5pmnNmnhYiNSo+TA2kTJ6bX5fE4EBmX52srVd95Vp1/Zemv+D2UK2ogKdVav5Bi4vPdrJwknUjAK5RLt7LJcvjmjf2iT5kC9bBskBhtOPIymA2tjIdlis0zrbeWmEq3yr5etufusc4RxqMsBI6OCMufFzTFBVqIWZAS8Gi1QVvvmyztMy4qNqrFjVSjIgfHKHG/PitiBuKldZVbBrN/pMOG6jEm1KPz+3Q3tq4IUML7NqdD9Nbn/PwH6uBIgqaoret/vbTaGAWaGYV8UAopDFEUMGklEgihaGhUqLlgoJrEM0RQmxlS0TDAaEVQMiqTMItEIFi4Ql0pKsFJGMYygOKziEBYZkIEZhmG27v9f7n3vvuX3zNBVTX96fv/+97377rv3nHNb6XMsbmjHArqAnA5m1cMqPfx4QPYtSldrJIUSEL84nJmxwd4t37ngi0ofrWViyRDsMvIgX5vuu1HVdJtDohQW+o0h0N0j6UZGT1lkA6hwMdkS7YHyH2kBoQAqO/5RhJ/ZLSE3KJseAqnskfWVbetU/omnv4KX/fWRzNV1MraMHeNs3YRpPC+39+6BjYrADSrj3T09RP2ufXnLQXjgs/QSV5vS2ffKT71ZhWfjvipK2vpcBp3Jcpv6iPAUpFtrId2x3yTrLfiZJ/Cqi48VXd0SxTIDfwPWs6EGGWTeGaILLlo1ekhPhh0AALdfdEWA/KLX7KcBlJ1ccw7+ZwuJXDsGXAVRslSDIoaZ1VQ/lUV66881QObkZ5DIHTUA9B4870E8eqWx9FqZj3MLXqRdEf/4o8qD1rvgw5JXvD8++lUTQNL7InrtdXz1dDx4BwIs2offiLtFRsusopDVlYLLY1d7S88NaQ2lWusg2YK1RK7V+Oh7+M/9zX1vrCHVRcQUDQciPXtSOuBXRc8IqkYN7cGw3futiM9WRAokEG4m2WhyxMKjf5+HxyuCdCkkRs1WpY1CKAznYFyRb86m7kx8xASDNivsgKC5FoIT24kWBv2PWIHPhW0Vs+oNtSO9zcREgtPOmJsmzxWlDVo2JGfqV/4GLf41YO1fMHqWJR4jKwyI9MJmYySLBWjdhX5gFXyjguUrUthMR627XBNEDR+DbKqj2W9EL+nfMeCmbBd6T8YZg1hUNFW4BgmFyzyFp9WmEw/85c94c7elKsZA4ZlXc9qsq4gElzNS8ggE0uZ6EYf6ZH7NJTRkpD6PtXEik1asnwZSCiHsNRM6D34IufqP++Anns8UZuZ2tnX4mqaelp2+bVIoS1azum0spuyHqO6P7+HLd4uGToLikVNtLWDdztSDJjuW0nM3F8csvRxoJUWSwFNflRlq3FJ6EuPOnS9Dro0oUjkjGDnvHRnb3OJCpLhhuw9wYOgKv3fufJ6wR1zhcmyvMTOgZOiFXnZgGEtpd1L7nnT5iFl7yikItSDwLplglD5iAF1DmHRMOCmV4wQQQToFKWiB4xufpTXfiMPfPzX6h1k1CZGegopR3a8x1ZVgqSV2RbKvrXZZaS6XOxRmc2PLxs+GXsMnMf1jKCAWzVhyyxAn+tXm7skA0kUFkCkpVKpcUvZoEDj0gHr9qkBg1tOSgSkSX5VUQMGwSxTZkstml1M6LCNPgtLDIzDyPXMeHTdvfXoYcVlhGFZUXnwXFA0821EXwoe2hTJKcVtCg1ckuqIZI6kZ0Rb0N2sIzQijn9KiMtLSHkoUxCh3kEFnIf6FhEHDL4GgoB8plOY21TwxPfCAjR4NC/I248ZPllyAF96Lcatg6Pfuh0zfwTyZceuNfri9uRXaGluwYG9T64PcTSkEGUmNzIxIvWYgMusn1BCGpVaMG2peoKC0SDGQxpv6VF+v+YQoeun4J0+kfAVlt1FRkjKG8/KGTY9fhze9JpEugWFX/BJHrNAaRTcWdmqSSQGkJNnRJZmiP9UMKvxSWMJC2hkmGkfYiKa2CMbV9NqSHuwVQhKLoiQVSOAS40RxBZSeMQVO7H6vL569PJEUt0e5oOcZE5xgHvnosXtwxNYQazJi5kOYVBQoozowxJ48fBya9hHXdAyyLW0KZlblt2TdZi7HjIzGuTX3xLRdjvWBigTLaf6Q/66eocbyJGN6lG1kijO27tGlf6CghNKR34GgqJw+M/fwB7+bDqeZMXFszyGo/8/CxXjKzworR8Ggi+ZBFo3J4VN9GQOCgcV0hKvyhJMxGRc1sk+DC1lcw4iBpcsf7friASJXJtknCfRMuLdrkXmYjqbDcOD9JXTBY1S1jJuzLNvtjCmENAwH08glMv2h9dgJyBLVKIGbK/Q9yrx9SnDaBKFjcCW7ks8YEswulaozp9Se9IxYm2XYKakUoKFlPBzWpQkjHYkTykvSZVVQNvoyunY/HIzlPbsimjbk0odm4WhtafxyA7Qd/VwZFaliXXp+zhi1lz6pAABOwmgCg7RcXmQNUO7G/J5UMD8NAM9YmFMJAm0L9JSeVM/gCQF7B0XE8rHTIFlcSYFk7qcv3DmthxnTLhOFucn4JQ1ff/YqukoDUM+GkLFmGIeMSCOcpsWvDYqMS5l1x1FQhtJGRmBlv3I7mk3VuhCpGaRtI1mUiQVx01inicx408mgb81hz4he3rzijm5EwzwiIy//bRt++QTcZ3L/W/8MLmABRZVlkO5VyFS7rrWCwFuwEYfcyAnklHtKp9MGQ8ubJFkZF9p6TUOuoPr8qCHEDk5cvabXdBCwe2oCtfKcKxTzhwP4bPdRkeuwM6c/sh/3lGlhrhN2vrlQuVoKXaMYDaRGk2RBSvWHmCkTwvCgjtu0UHskXcUgmP318khh0zGszXCmUtQ5qmEl25XlSh2vava2kP5oWLqkP3nGHR8vu21aF75AUxjauDEzHt2A7vPj9lNNUPfuEtaehIqDy5T1guKqvrh5FitVjdFyCenlN6aPwMAVluR1FbHkAbCVgxLsChZf8ExzUDGv5mkGzKgXh196u3Jl/MxLG5+5NRmbMSsPYrho7FW/X47r4MkT9V+A4gMJ5KOb4/2GCMii8t5QWFGmePYg4aVukoFBw4qwui6m/TRUELoyuR/pZKTd/7wnUbOKpsWInjX/N6KQUBldUFoFVdXkkrIcv/I5GxGa99bHJWPC6Qw/f2PBW3g8Y9ikG6D/uGm6xPDVrkIDwmo0Mb1SEmjihz2IxFfGmn5cwZJPCuGUHAsM8VY47pXHlj3y6roYDOIdb1/7MLQ1U7sVTJt8z0v/4t4r6FYqufW1e+nau/FvZ46ePh/Kho6PMQDGUOFTJzijubZOCNUGL50wz6uhzPwGSRI1FOrAICOLbUpp1mRMw+gNjhMLmu9tO3EIdrz1CH22AU8foFspgjgLpZMFCdXfX4I1qDwfT2zZ9e5SaG88pEFslnCIGLbEwgiMWCmMpCR4T5VktH7P67I0m77qFcB8UJUp2U5uzejkTV23Z1A6Jom8x2CmSOCs7sfT/QehTc+ooigo7g+VZ02jQFKOg/ucEsoLUxDGCme94COM35tX33MWulNtkEyLCbc8CclMkR1/B3zG97vAo26oOyNq71AzqV2Oz1TaQQ3cG0TMFrtcd+hNOaHXLheqGq8XumDluH5g0+uwf+NrtIy24z2di4bVW0mHZCF9dwB3zavzr0FHf6MQU5rzZj8GMnBRMC6OdOvIWGsNx5ulFpMQ1yLVaoK7B4RJqNW6CywiLfLoKIszcriXDBrVrlkITQe342fEC1PuW3WHOqXFtDYYfa9BjXwkmO+8ZtXdC/B1UdmQcTDuygWKffINi+El3fCaZg+SRgoQGwvhgVCii/raT0lMkdnZfhI2//XnkG0/QW/ceul9q1faU8kw4atuYyC7w+2N1nzTqrtX4FvzBlZPhREX32JJJnMzMsaiiHhzHadHQKU/yLiYWEBM8W0HOtaaJyzK3vzVLvjstYU0HARdVaNRu2NjQC0b1lUkgMz/Qh+tt8b9hFQBU0ZecjNUjZsKCb77SEgra/UbWOzSNb0lOcY7hGPApXDKkxB8bY3w5lJjkgdr1sG+j16lt3bhW+PRqI5u2Ra7YeZBipCHvHo7+uV4A1/WffC3oUVlA6DP4HG6D0wFG0+Vnof+GzfUdZ6h8AKm9Tl8mOISXJN7xFQvbQjb1i2CEwe20RsvXjRnxZw0tX/1VEH7zF7A/JzO7FkjxoVmwMcXzv5DDm9yApYQHdvfXgztLUdNkhFjl0UeQmnXFdmUi3TUNQmySqClRY8tjMfv5TpOQc2LP4XmgzvoyrdP+sFzc6L27OmgAeG6iQ1gE2jpsNWd+FIXHTFg4o3PNKBxF1NA+/z1h9VeoyIyuHYX24HpUW1gs3fh6jhPryKsfIQBWeqLPPwF/HflfAg7Wjrxhs6aOHvpn6ieO93DUd5ex5gRX7to52cbYIX051+/tCZIJG6Ocu3oIo9y07J+JMzmzWCs1VPY3jpGnqX7P3hYqwnt9bX/hB1vP04F5h7cCnpPvGHpDiGFTct6xDyoM1t4XSvC1ZDabKnpWb0GvIYWzjzo2lvWLngYDx7sO/J8OOPbd2o/kF7XhnDULLWRq3SLkWGvDcCTdGq/3vP+Mmj6ahsZ8PKEG56+ibIQyKNwM4MrenBFKRwgY/Y/01oiJfeFG0WGcLWO19ty7jWLH8IsYFXTvs1waOs6l7wCxFRLwnS4mD0usmWXM01qlVrt2l9B8+EdlE/+6Lxrn7JG2YURdMuS57VPmPrJ/m4Fuk8grSHS9qmIOFvihevqqxbNTqSSW47UvgvH924C6e1prg2GAxArgP1BDDj0th7fD9vefABzx5NZvF519ZWPP28rbn/7kN2KG1y4Nxc0zfcmtAX2N1REjH4VsfxCxF6TicTkKJD7D25aWZ7uVQ4l5SNV+HdMKQcHYZQBHilI6rk96+HIjndwlmAvZoLjxlz+SKuQTkViu2mcPLbnNUb9eZZKd402btM0MgXhNm9TPhhNm/QEjTvXPzgU954vSYHbZ8QEqDx7JiQK+/Bv3AgFooanOuz20tl6FFobdkEDGpXrbKUrrR54zrWzSivPjdG7sd4kj59MeUKSro2HBscD7kwNpGMaIb5hQ+ynE5ip5iLQ1Gdf/PvhKfjGBqVLTWWgbMRk6Dd6KgjqNqEquK0Nsi1fw7G6DXAKjYqiHN+CuHvYxLuWpQsqnEQkz+ViOhEybHAPhpkmR/BYel/BY8l1cAynZJLb4ArmyyLPVes+XDgPX1cY6tY0HdAsZ1sb0Zisdiud2OfwcxcMn3T/pwpLCYQXmsG257rvcD93khjUrwfDvmrw+wXjmZkwmudAI1H2N30CS/TZ1cP5mIILpCbW9218dBG+vcA0RLjP6FosocgM2I/vnT3iwgdaIl7bktnVwOoV/Q0hpmuBxMDTzphzRaO4EiJPH2TkEEZLILyeRmYXlQBSeh2YeHyg5rG1eDwz5GYZqTqGU6Yt6PXeg6de17tqgk1wQbrIJ81GLKXte4fYr2uA/VGkrlGRf1FEEQUi8HxbF7FWu+RvpcKFcU+iadekQ72UFPsatGI7Zihj6DfcVIGpE8t7K8fc+lS6uMpWS2AjsbmuxkHoPiIu8QVP5enkRrqCoJ+NcnoBvpS0YjUrXrENpxQsdBeRaYF3N+ZJlczN4R8ObV1UQiIgfJZoXBsmVVXPr0kk0qpSDryUx8NqrEAeONsJDAzBay3I67Dtkt0HHl4mfOlmYLBG6ZUuwooK8zNOYSoAsx3zJj5o/H0tGDEvwL8fxNe+g765oCYIdB9kYOoxQ0J4AxhwfeAvDdGNCKq7x/8B2T7GaNLlMZoAAAAASUVORK5CYII=);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg .to-hide {
  width: 27px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAASCAYAAACq26WdAAABdUlEQVQ4jbWUrU4DQRSFv23ThIBCASUhSFDAAyAqkMg6kKSiL4AHjakCi6QILAbRB4A6LAha1yCKuW0PYu+SZtrtboGeZLKZe8/P7MzuRJKVgTXgmcXhAOgWgA+gAtQXFFR3/04kGUAReAQ6QA3o/0PICnANbABHwCgJAygDbaALVIHXPwTtAHfAOrBHvHsg2fg4lmwk2adk1aCXd1RdP3K/n940ckMyOflKslLOkJLzR65vhJxpoiXJ2i6QZC3JNjOCNp2XaNrukxmGZLuS9cfEXckqKdyK9xNu3/UT3FmrrY0ZSLKBZOeSRd6PfD4IeLU0z6xzaAZGkuxBsm1/hr3mLL/xT38aVoEXYCuoC4iC2juwD/TSzAoZ/0sPOAGGQT0MGjovNShPGEALuMjgXDpvJrK2MUEReAIOUxZTYfLtfx0G8bm9EJ9jgh7xjf6WxyDPNiZ4B86C2lneoHnDAO6Jb3KAG5/nxjzbmGAZuAVOga95hN/2Hk3nCzNjWQAAAABJRU5ErkJggg==);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg .gifts-title {
  width: 979px;
  height: 29px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/gift-names-s.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg {
  width: 1920px;
  height: 265px;
  background-image: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/home/img/bg-gifts.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs .btn-book {
  width: 536px;
  height: 98px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg .btn-yy {
  width: 248px;
  height: 149px;
  background-image: url("https://nikki4web-cdn.shiningnikki.jp/home/images/btn-yy-t.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg .gifts .gift {
  width: 176px;
  height: 149px;
  background-image: url(https://nikki4web-cdn.shiningnikki.jp/blcdnsmall/home/img/sprite.png);
  background-position: -0 -0;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .gifts-bg .gifts .open {
  width: 164px;
  height: 150px;
  background-position: -0 -153px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .top-abs .slogan {
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.top-bg .play-btn .play-v video {
  width: 102%;
}

.top-bg .top-abs {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.divider-lo {
  margin-top: 6vw;
}

.top-bg .top-abs .slogan {
  margin: 0 auto;
}

.top-bg .top-abs .btn-book {
  margin: -10px auto 30px;
  display: block;
  z-index: 1;
  position: relative;
}

.top-bg .top-abs .arrow {
  margin: 30px auto;
  -webkit-animation: arrowShake 2s 0s ease-in infinite;
  animation: arrowShake 2s 0s ease-in infinite;
  z-index: 1;
  position: relative;
}

.top-bg .gifts-btn {
  width: 30px;
  width: 45px;
  position: absolute;
  fill: #c18c56;
  right: 140px;
  bottom: 50px;
  -webkit-animation: arrowShake 1s 0s ease-in infinite;
  animation: arrowShake 1s 0s ease-in infinite;
  z-index: 1;
}

.top-bg .gifts-bg {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center 0;
  z-index: 1;
}

.top-bg .gifts-bg .to-hide {
  position: absolute;
  top: 30px;
  right: 10px;
}

.top-bg .gifts-bg .gifts-containter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

.top-bg .gifts-bg .btn-yy {
  font-size: 18px;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 248px;
  -webkit-flex: 0 1 248px;
  flex: 0 1 248px;
  margin: 50px 0;
  color: #898989;
}

.top-bg .gifts-bg .btn-yy p {
  position: relative;
  top: 150px;
}

.top-bg .gifts-bg .btn-yy span {
  font-size: 24px;
  color: #b4777f;
}

.top-bg .gifts-bg .divider {
  background-color: #fff;
  width: 1px;
  height: 200px;
}

.top-bg .gifts-bg .divider {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1px;
  -webkit-flex: 0 1 1px;
  flex: 0 1 1px;
}

.top-bg .gifts-bg .counts {
  margin: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1030px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.4;
}

.top-bg .gifts-bg .counts .count {
  text-indent: 7px;
  margin-right: 70px;
}

.top-bg .gifts-bg .gifts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: 20px;
}

.top-bg .gifts-bg .gifts-title {
  position: absolute;
  top: 100px;
  left: 50px;
}

.top-bg .gifts-bg .gifts .gift {
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.top-bg .gifts-bg .gifts .gift {
  position: relative;
  margin: 0 -30px;
}

.top-bg .gifts-bg .gifts .gift img {
  display: none;
  position: absolute;
  top: -100%;
  right: 10%;
  height: 220px;
  z-index: 2;
}

.top-bg .gifts-bg .gifts .gift:hover img {
  display: block;
}

.top-bg .gifts-bg .gifts .open {
  background-position: 0 -153px !important;
}

.top-bg .gifts-bg .progresses {
  width: 1030px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1030px;
  -webkit-flex: 0 1 1030px;
  flex: 0 1 1030px;
  height: 150px;
  margin-top: -50px;
}

.top-bg .gifts-bg .progress {
  height: 12px;
  width: 1030px;
  padding-top: 1px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  overflow: hidden;
  position: relative;
}

.top-bg .gifts-bg .progress .progress-bar {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
  margin-left: 1px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  min-width: 13px;
  background: #c18c56;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(30%, #c18c56),
    to(#d6b17e)
  );
  background: -webkit-linear-gradient(left, #c18c56 30%, #d6b17e 100%);
  background: -o-linear-gradient(left, #c18c56 30%, #d6b17e 100%);
  background: linear-gradient(to right, #c18c56 30%, #d6b17e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c18c56',endColorstr='#d6b17e',GradientType=1);
}

.divider-lo {
  margin-top: 0;
}

.main-cooperation {
  position: relative;
  width: 100%;
  height: -webkit-calc(100vw / 16 * 8.2 - 0px);
  height: calc(100vw / 16 * 8.2 - 0px);
  min-width: 1400px;
  min-height: -webkit-calc(1400px / 16 * 8.2 - 0px);
  min-height: calc(1400px / 16 * 8.2 - 0px);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/bg-coo.jpg");
}
.main-cooperation-info {
  background-image: url("//nikki4webstorage.papegames.com/tw/home/images/bg-coo-info.png");
  position: relative;
  left: 20vw;
  width: 52vw;
  height: 32vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 0 5vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-cooperation-info img {
  width: 150px;
  height: 150px;
  margin-right: 1vw;
}
.main-cooperation-info .text {
  font-size: 20px;
  line-height: 2;
}
.main-cooperation-info .back {
  position: absolute;
  top: 3.3vw;
  right: 0;
  width: 3.6vw;
  height: 9.5vw;
  cursor: pointer;
  outline: none;
}

@media screen and (max-width: 1500px) {
  .story-text {
    font-size: 18px;
    line-height: 1.4;
  }
  .story-text span {
    font-size: 26px;
  }
}
html,
body {
  width: 100%;
  min-width: 1500px;
  position: relative;
}

body {
  font: 500 12px/1.5 "Segoe UI", "Helvetica Neue", sans-serif;
  color: #808080;
  height: 100%;
}
body a {
  text-decoration: none;
  color: #898989;
}

@media screen and (max-width: 1500px) {
  html,
  body {
    overflow: auto;
  }
}
.share-icon {
  margin: 0 auto;
  display: none;
}

header {
  position: fixed;
  width: 100%;
  height: 80px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 50;
}
header:after {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  bottom: 0;
  background: #cc95c0;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #fff, #dbd4b4, #fff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fff),
    color-stop(#dbd4b4),
    to(#fff)
  );
  background: -webkit-linear-gradient(right, #fff, #dbd4b4, #fff);
  background: -o-linear-gradient(right, #fff, #dbd4b4, #fff);
  background: linear-gradient(to left, #fff, #dbd4b4, #fff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
header .logo {
  /* width: 120px;
  position: absolute;
  left: 200px;
  z-index: 2; */
  width: 220px;
  position: absolute;
  left: -50%;
  z-index: 2;
  top: 5px;
}
header .list {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #898989;
  fill: #898989;
  right: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 150px;
  height: 100%;
}
header .divider {
  background-color: #c18c56;
  width: 1px;
  height: 14px;
}
header ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
header ul svg,
header ul li p {
  cursor: pointer;
  outline: none;
}
header ul a {
  display: block;
}
header ul li {
  font-size: 18px;
  display: table;
  height: 55px;
  position: relative;
  padding-top: 25px;
}
header ul li a,
header ul li a:active,
header ul li a:visited,
header ul li a:hover {
  fill: #898989;
  color: #898989;
}
header ul li .icon {
  width: 21px;
  height: 21px;
  vertical-align: text-bottom;
}
header ul li .icon-s {
  padding: 0 5px 0 15px;
}
header ul li .icon-l {
  padding: 0 15px;
}
header ul li .icon-t,
header ul li .icon-f,
header ul li .icon-x
{
  padding: 0 10px;
}
header ul li .icon-x:hover{
  filter: sepia(1);
}
header ul li .icon-f {
  width: 55px;
  height: 28px;
  margin-bottom: -7px;
  font-size: 20px;
}
header ul li .icon-f rect {
  fill: gray;
}
header ul li .icon-f path,
header ul li .icon-f text {
  fill: #fff;
}
header ul li:hover a,
header ul li:hover .icon-l,
header ul li:hover .icon-s,
header ul li:hover .icon-t,
header ul li:hover p,
header ul li:hover span {
  color: #c18c56;
  fill: #c18c56;
}
header ul li:hover .pop-menu a,
header ul li:hover .pop-menu p {
  fill: #fff;
  color: #fff;
}
header ul li:hover .icon-f rect {
  fill: #c18c56;
}
header ul li:hover > .pop-menu {
  visibility: visible;
}
header .home li {
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}
header .home li:hover:after {
  position: absolute;
  width: 100px;
  height: 20px;
  content: "";
  background-image: url(//nikki4webstorage.papegames.com/tw/home/images/header-hover.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -50px;
}
header .sns a {
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
}
header .sns a p {
  font-size: 12px;
  display: none;
  line-height: 2;
}
header .sns a:hover p {
  display: block;
}
header .share .divider,
header .sec-menu .divider {
  background-color: #fff;
  height: 1px;
  width: 80%;
}
header .share .divider,
header .sec-menu .divider {
  height: 2px;
  margin: 5px auto;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    #fff,
    rgba(255, 255, 255, 0)
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0),
    #fff,
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    #fff,
    rgba(255, 255, 255, 0)
  );
}
header .share .pop-menu,
header .sec-menu .pop-menu {
  width: 100px;
  left: -10px;
}
header .share .pop-menu a,
header .sec-menu .pop-menu a {
  fill: #fff;
}
header .share .pop-menu a:hover,
header .sec-menu .pop-menu a:hover {
  fill: #c18c56;
  color: #c18c56;
}
header .share .pop-menu #wx_qr:hover + .share-component,
header .sec-menu .pop-menu #wx_qr:hover + .share-component {
  display: block;
}

.pop-menu {
  z-index: 2;
  position: absolute;
  top: 80px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  left: -35px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e2b77d),
    to(#f5d6b0)
  );
  background: -webkit-linear-gradient(#e2b77d, #f5d6b0);
  background: -o-linear-gradient(#e2b77d, #f5d6b0);
  background: linear-gradient(#e2b77d, #f5d6b0);
  color: #fff;
  padding: 10px;
}
.pop-menu img {
  width: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pop-menu a {
  color: #fff;
  line-height: 2;
}

footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.8vw;
  color: #898989;
  line-height: 2;
  padding: 30px 0;
}
footer .logo {
  width: 153px;
}
footer .logo-like {
  width: 145px;
  margin: 0 20px;
}
footer .logo-fu {
  width: 64px;
  margin: 0 10px;
}
footer .logo img {
  width: 100%;
}
footer .content-t,
footer .content-f {
  line-height: 1.3;
}
footer .content-t {
  margin: 0 30px;
}
footer .divider {
  background-color: #898989;
  width: 1px;
  height: 40px;
  margin-left: 89px;
}
footer .divider1 {
  margin: 60px;
}
footer .divider2 {
  height: 10px;
  margin: 0 20px;
  display: inline-block;
}

.nav-slide {
  /* background-image: url("//nikki4webstorage.papegames.com/tw/home/images/slide-nav-l.png"); */
  width: 165px;
  position: fixed;
  top: 85%;
  right: 0px;
  padding: 7px 0;
  z-index: 90;
  /* -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: 138px;
  height: 386px;
  position: fixed;
  top: 40%;
  right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 7px 0;
  z-index: 90; */
}
.nav-slide .download-qr {
  width: 100px;
  height: 100px;
  position: relative;
  padding: 5px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.nav-slide .download-qr img {
  width: 100px;
  height: 100px;
}
.nav-slide .download-qr-cover {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  background: -webkit-repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  background: -o-repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  background: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.8) 1%,
    rgba(255, 255, 255, 0) 4%,
    rgba(255, 255, 255, 0.8) 7%
  );
  -webkit-background-size: 900% 900%;
  background-size: 900% 900%;
  -webkit-animation: Gradient 15s linear infinite;
  animation: Gradient 15s linear infinite;
}
.nav-slide .download-divider {
  fill: white;
  width: 10px;
  margin: -20px 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nav-slide .download-divider line {
  stroke: white;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
.nav-slide .btn {
  width: 107px;
  height: 33px;
  display: block;
  margin-bottom: 10px;
}
.nav-slide .to-top {
  position: relative;
  width: 60%;
  height: 110px;
  cursor: pointer;
  outline: none;
}
.footer_item {
  margin-left: 100px;
  font-size: 20px;
}

@keyframes arrowShake {
  0% {
    -webkit-transform: translateY(-0.16rem);
    transform: translateY(-0.16rem);
  }
  50% {
    -webkit-transform: translateY(0.16rem);
    transform: translateY(0.16rem);
  }
  to {
    -webkit-transform: translateY(-0.16rem);
    transform: translateY(-0.16rem);
  }
}
@keyframes arrowShake {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes rotateStop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateStop {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateInner {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotateInner {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 1200px) {
  header .logo {
    display: none;
  }
}
@media screen and (min-width: 1280px) and (max-width : 1400px) {
  header .logo {
    left: -30%;
  }
}