@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://fonts.googleapis.com/css?family=Amiri&display=swap");
@import url("https://fonts.googleapis.com/css?family=Jomolhari&display=swap");


/* =Global
----------------------------------------------- */
/* html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  height: 100%; } */

/* body {
  margin: 0;
  padding: 0;
  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8F6F\96C5\9ED1, Meiryo, MS PGothic, Lato, Helvetica, Arial, sans-serif;
  position: relative;
  height: 100%;
  color: #333; } */

b, strong {
  font-weight: bold; }

h1, h2, h3, h4 {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400 !important; }

a, a:visited, a:active {
  text-decoration: none !important;
  cursor: pointer;
  -webkit-transition: All 0.5s ease-out;
  -moz-transition: All 0.5s ease-out;
  -o-transition: All 0.5s ease-out;
  transition: All 0.5s ease-out;
  position: relative; }

a:hover, a:visited:hover, a:active:hover {
  text-decoration: none !important; }

a:hover img {
  /*opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;*/ }

a:focus, :focus, a, a:link, a:visited, a:active, select, select:focus {
  -moz-outline-style: none !important;
  outline: none !important;
  outline: 0 !important; }

img {
  vertical-align: bottom; }

input, textarea, select {
  background-color: #fff;
  border: 1px solid #d8d8d8; }

/*input:focus, textarea:focus, select:focus {
  color: #444;
  -webkit-transition: All 0.5s ease-out;
  -moz-transition: All 0.5s ease-out;
  -o-transition: All 0.5s ease-out;
  transition: All 0.5s ease-out;
}*/
::-moz-selection {
  background: #80e0e0; }

::selection {
  background: #80e0e0; }

/* =Common
----------------------------------------------- */
.clear {
  clear: both; }

.floatR {
  float: right; }

.floatL {
  float: left; }

.alC {
  text-align: center; }

.alR {
  text-align: right; }

.alL {
  text-align: left; }

.mgt5 {
  margin-top: 5px !important; }

.mgt10 {
  margin-top: 10px !important; }

.mgt15 {
  margin-top: 15px !important; }

.mgt30 {
  margin-top: 30px !important; }

.tefal_btn a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #c01937;
  padding: 5px;
  color: #fff;
  display: inline-block; }

.tefal_btn a:hover {
  background: #ee1b2e; }

h2.page_title {
  font-size: 3.0rem;
  color: #858585;
  padding-bottom: 20px;
  border-bottom: 3px solid #c01937;
  margin: 10px 0 20px; }

div.page_title img {
  border: 1px solid #dadada;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px; }

/* =Layout
----------------------------------------------- */
.containwrap {
  max-width: 940px;
  margin: 0px auto;
  padding: 20px 0; }

@media screen and (max-width: 940px) {
  .containwrap {
    max-width: 940px;
    margin: 0px auto;
    padding: 20px 2%; } }


/*****************************************
*                  body                  *
*****************************************/
* {
  outline: 0; }

body {
  font-size: 14px;
  font-family: sourcehansans-tc, 'Noto Sans S Chinese', 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  /* 'Noto Serif TC',  */
  /* overflow: hidden; */ }

a, a:hover {
  text-decoration: none;
  cursor: pointer; }

#wrap {
  position: relative;
  width: 100%; }

.outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.inner {
  position: relative;
  width: 940px;
  margin: 0 auto;
  z-index: 1; }

/*****************************************
*                 header                 *
*****************************************/
#headwrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2; }

#headwrap .sub-nav {
  background: #ffffff; }

/*****************************************
*                  main                  *
*****************************************/
#main-pc {
  position: relative;
  /* max-width: 1920px; */
  margin: 0 auto;
  overflow: hidden; }

#main-mobile {
  position: relative; }

#main-mobile .section {
  position: relative; }

#main-mobile .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#main-mobile .bg {
  display: block;
  width: 100%;
  margin: 0 auto; }

.isPC #main-mobile {
  display: none; }

.isMobile #main-pc {
  display: none; }

#main-pc .section .inner {
  height: 100%;
  -webkit-transform-origin: center 20%;
  -moz-transform-origin: center 20%;
  -ms-transform-origin: center 20%;
  -o-transform-origin: center 20%;
  transform-origin: center 20%; }

.temp-caption {
  font-size: 36px;
  font-weight: 500;
  text-align: center; }

#fp-nav {
  opacity: 1;
  -webkit-transition: .35s ease-out .15s;
  -o-transition: .35s ease-out .15s;
  transition: .35s ease-out .15s; }

.fp-viewing-index #fp-nav.right,
.fp-viewing-various #fp-nav.right,
.fp-viewing-series #fp-nav.right {
  opacity: 0; }

body #fp-nav.right {
  right: 0; }

body #fp-nav.right ul {
  overflow: hidden; }

body #fp-nav.right li {
  width: auto;
  height: auto;
  margin: 100px 0;
  padding-right: 80px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

body.fp-viewing-index #fp-nav.right li,
body.fp-viewing-various #fp-nav.right li,
body.fp-viewing-series #fp-nav.right li {
  -webkit-transform: translateX(190px);
  -ms-transform: translateX(190px);
  transform: translateX(190px); }

body #fp-nav.right li:nth-child(1) {
  display: none; }

body #fp-nav.right li:nth-child(2) {
  -webkit-transition: .35s ease-out .1s;
  -o-transition: .35s ease-out .1s;
  transition: .35s ease-out .1s; }

body #fp-nav.right li:nth-child(3) {
  -webkit-transition: .35s ease-out .2s;
  -o-transition: .35s ease-out .2s;
  transition: .35s ease-out .2s; }

body #fp-nav.right li:nth-child(4) {
  -webkit-transition: .35s ease-out .3s;
  -o-transition: .35s ease-out .3s;
  transition: .35s ease-out .3s; }

body #fp-nav.right li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  height: 1px;
  background: #e1c390; }

body #fp-nav.right li a {
  width: 110px;
  text-align: center;
  /* padding-right: 20px; */
  -webkit-transition: .15s ease-out;
  -o-transition: .15s ease-out;
  transition: .15s ease-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

body #fp-nav.right li a.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

body #fp-nav.right li a span {
  display: none; }

body #fp-nav.right li a::before {
  color: #eed3a6;
  font-size: 50px;
  font-family: 'Jomolhari', 'Times New Roman', Times, serif; }

body #fp-nav.right li a.active::before {
  color: #e1c390; }

body #fp-nav ul li:nth-child(2) a::before {
  content: '01'; }

body #fp-nav ul li:nth-child(3) a::before {
  content: '02'; }

body #fp-nav ul li:nth-child(4) a::before {
  content: '03'; }

body #fp-nav.right li a::after {
  display: none;
  position: absolute;
  width: 100%;
  height: 25px;
  color: #e1c390;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  /* padding: 5px 0; */ }

body #fp-nav.right li a.active::after {
  display: block; }

body #fp-nav ul li:nth-child(2) a::after {
  content: '佳溫紅心科技'; }

body #fp-nav ul li:nth-child(3) a::after {
  content: '鈦極不沾塗層'; }

body #fp-nav ul li:nth-child(4) a::after {
  content: '底部導熱更均勻'; }

body #fp-nav ul li a span {
  /* display: inline-block;
	width: 110px;
	height: 70px; */
  background: none;
  border-radius: 0; }

body #fp-nav ul li a.active span {
  /* display: inline-block;
	width: 110px;
	height: 70px; */ }

/*--- page-index ---*/
#page-index .outer .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  -webkit-transform: rotate(53deg) translateX(-22.5%);
  -ms-transform: rotate(53deg) translateX(-22.5%);
  transform: rotate(53deg) translateX(-22.5%); }

#page-index .outer .background > div {
  position: relative;
  display: inline-block;
  /* height: 100%; */
  height: 1000vh;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .75s ease-in-out;
  -o-transition: .75s ease-in-out;
  transition: .75s ease-in-out; }

#page-index .outer .background > div.no-transition {
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

#page-index .outer .background .left {
  width: 70%;
  background: #132867;
  -webkit-transform: translateX(-50%) translateY(-500vh);
  -ms-transform: translateX(-50%) translateY(-500vh);
  transform: translateX(-50%) translateY(-500vh); }

#page-index .outer .background .left::before {
  content: '';
  position: absolute;
  top: -13%;
  left: -270%;
  width: 1000%;
  height: 100%;
  background: url(../images/loading/pattern.gif) 0 0 repeat;
  -webkit-transform: rotate(307deg);
  -ms-transform: rotate(307deg);
  transform: rotate(307deg); }

#page-index .outer .background .middle {
  width: 24%;
  background: #ffffff;
  -webkit-transform: translateY(-500vh);
  -ms-transform: translateY(-500vh);
  transform: translateY(-500vh); }

#page-index .outer .background .right {
  width: 70%;
  background: #a00000;
  -webkit-transform: translateX(50%) translateY(-500vh);
  -ms-transform: translateX(50%) translateY(-500vh);
  transform: translateX(50%) translateY(-500vh); }

#page-index.play-intro .outer .background .left,
#page-index.play-intro .outer .background .right {
  -webkit-transform: translateX(0) translateY(-500vh);
  -ms-transform: translateX(0) translateY(-500vh);
  transform: translateX(0) translateY(-500vh);
  opacity: 1; }

#page-index .caption {
  top: 324px;
  left: -254px;
  width: 513px;
  height: 311px;
  background: url(../images/index/caption.png) 0 0 no-repeat;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s ease-out .45s;
  -o-transition: .5s ease-out .45s;
  transition: .5s ease-out .45s; }

#page-index.play-intro .caption {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

#page-index .logo {
  top: 215px;
  left: -264px;
  width: 113px;
  height: 105px;
  background: url(../images/index/logo.png) 0 0 no-repeat;
  opacity: 0;
  -webkit-transition: .5s ease-out .45s;
  -o-transition: .5s ease-out .45s;
  transition: .5s ease-out .45s; }

#page-index.play-intro .logo {
  opacity: 1; }

#page-index .product {
  position: relative;
  top: 196px;
  left: 21px;
  width: 1053px;
  height: 960px;
  background: url(../images/index/product.png) 0 0 no-repeat;
  -webkit-transform: rotate(10deg) translate(-50px, 50px);
  -ms-transform: rotate(10deg) translate(-50px, 50px);
  transform: rotate(10deg) translate(-50px, 50px);
  -webkit-transform-origin: 930px 140px;
  /*660px 350px*/
  -ms-transform-origin: 930px 140px;
  transform-origin: 930px 140px;
  -webkit-transition: .65s ease-out .4s;
  -o-transition: .65s ease-out .4s;
  transition: .65s ease-out .4s;
  opacity: 0; }

#page-index.play-intro .product {
  -webkit-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  opacity: 1; }

#page-index .product:before {
  position: absolute;
  content: '';
  top: 78px;
  left: 414px;
  width: 484px;
  height: 576px;
  background: url(../images/index/frame.png) 0 0 no-repeat;
  -webkit-transform: rotate(0deg) translateY(50px);
  -ms-transform: rotate(0deg) translateY(50px);
  transform: rotate(0deg) translateY(50px);
  -webkit-transition: .65s ease-in-out .5s;
  -o-transition: .65s ease-in-out .5s;
  transition: .65s ease-in-out .5s;
  opacity: 0; }

#page-index.play-intro .product:before {
  -webkit-transform: rotate(0deg) translateY(0);
  -ms-transform: rotate(0deg) translateY(0);
  transform: rotate(0deg) translateY(0);
  opacity: 1; }

#page-index .product:after {
  position: absolute;
  content: '';
  top: 88px;
  left: 381px;
  width: 426px;
  height: 437px;
  background: url(../images/index/product-extra.png) 0 0 no-repeat; }

#main-pc .section .extra {
  background-position: 0 0;
  background-repeat: no-repeat; }

#page-index .extra-1 {
  top: 184px;
  left: 324px;
  width: 164px;
  height: 186px;
  background-image: url(../images/index/extra-1.png);
  -webkit-transform-origin: 150% 150%;
  -moz-transform-origin: 150% 150%;
  -ms-transform-origin: 150% 150%;
  -o-transform-origin: 150% 150%;
  transform-origin: 150% 150%;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: .5s ease-out .25s;
  -o-transition: .5s ease-out .25s;
  transition: .5s ease-out .25s;
  opacity: 0; }

#page-index.play-intro .extra-1 {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

#page-index .extra-2 {
  top: 173px;
  left: 865px;
  width: 217px;
  height: 138px;
  background-image: url(../images/index/extra-2.png);
  -webkit-transition: .5s ease-out .35s;
  -o-transition: .5s ease-out .35s;
  transition: .5s ease-out .35s;
  opacity: 0; }

#page-index .extra-3 {
  top: 709px;
  left: -86px;
  width: 252px;
  height: 169px;
  background-image: url(../images/index/extra-3.png);
  -webkit-transition: .5s ease-out .55s;
  -o-transition: .5s ease-out .55s;
  transition: .5s ease-out .55s;
  opacity: 0; }

#page-index.play-intro .extra-2,
#page-index.play-intro .extra-3 {
  opacity: 1; }

#page-index .extra-4 {
  top: 665px;
  left: 875px;
  width: 244px;
  height: 275px;
  background-image: url(../images/index/extra-4.png);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: .5s ease-out .45s;
  -o-transition: .5s ease-out .45s;
  transition: .5s ease-out .45s;
  opacity: 0; }

#page-index.play-intro .extra-4 {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

#page-index .tips {
  bottom: 0;
  left: 50%;
  margin-left: -61.5px;
  z-index: 1;
  -webkit-transition: opacity .75s ease-out .75s;
  -o-transition: opacity .75s ease-out .75s;
  transition: opacity .75s ease-out .75s;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  opacity: 0; }

#page-index.play-intro .tips {
  opacity: 1; }

#page-index .tips span {
  display: block;
  width: 123px;
  height: 22px;
  background: url(../images/index/tips.png) 0 0 no-repeat; }

#page-index .line {
  height: 75px;
  margin-top: 20px;
  text-align: center; }

#mobile-index .line {
  width: 2px;
  height: 10.65%;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  text-align: center; }

#mobile-index .line svg {
  width: 100%;
  height: 100%; }

#page-index line {
  stroke: #d2a87d;
  stroke-width: 4px;
  stroke-dasharray: 75 75;
  stroke-dashoffset: 0;
  -webkit-animation: tipsAnimation 1.5s ease-in-out infinite;
  animation: tipsAnimation 1.5s ease-in-out infinite; }

#mobile-index line {
  stroke: #d2a87d;
  stroke-width: 4px;
  stroke-dasharray: 150% 150%;
  stroke-dashoffset: 0;
  -webkit-animation: tipsAnimation 1.5s ease-in-out infinite;
  animation: tipsAnimation 1.5s ease-in-out infinite; }

@-webkit-keyframes tipsAnimation {
  0% {
    stroke-dashoffset: 150%; }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -150%; } }

@keyframes tipsAnimation {
  0% {
    stroke-dashoffset: 150%; }
  50% {
    stroke-dashoffset: 0; }
  100% {
    stroke-dashoffset: -150%; } }

/*--- mobile-index ---*/
#mobile-index {
  background-color: #132867; }

/*--- page-thermo_spot ---*/
#page-thermo_spot .outer,
#page-thermo_spot .outer .background,
#page-thermo_spot .outer .background > div,
#page-titanium_excellence .outer,
#page-titanium_excellence .outer .background,
#page-titanium_excellence .outer .background > div,
#page-conducting .outer,
#page-conducting .outer .background,
#page-conducting .outer .background > div {
  position: absolute;
  width: 100%;
  height: 100%; }

#page-thermo_spot .outer .background .left {
  top: 0;
  right: 50%;
  width: 895px;
  height: 100%;
  margin-right: -208px;
  background: #8c0000;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: -webkit-transform .65s ease-in-out;
  transition: -webkit-transform .65s ease-in-out;
  -o-transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-thermo_spot .outer .background .right {
  /* top: 11.48%; */
  top: 21.48%;
  left: 50%;
  width: 710px;
  /* height: 70%; */
  height: 64.06%;
  margin-left: -67px;
  background: url(../images/loading/pattern.gif) #0a236f 40px 40px repeat;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: -webkit-transform .65s ease-in-out .1s;
  transition: -webkit-transform .65s ease-in-out .1s;
  -o-transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s, -webkit-transform .65s ease-in-out .1s;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-thermo_spot.play-intro .outer .background .left,
#page-thermo_spot.play-intro .outer .background .right {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

#page-thermo_spot .inner {
  /* height: 100%!important;
	transform: scale(1)!important; */
  pointer-events: none; }

#page-thermo_spot .caption {
  top: 294px;
  left: -134px;
  width: 441px;
  height: 150px;
  background: url(../images/thermo_spot/caption.png?v=191105) 0 0 no-repeat;
  -webkit-transition: .65s ease-in-out .3s;
  -o-transition: .65s ease-in-out .3s;
  transition: .65s ease-in-out .3s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-thermo_spot .desc {
  top: 482px;
  left: -134px;
  width: 420px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 200;
  text-align: justify;
  line-height: 38px;
  letter-spacing: 2px;
  -webkit-transition: .65s ease-in-out .4s;
  -o-transition: .65s ease-in-out .4s;
  transition: .65s ease-in-out .4s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-thermo_spot .sample {
  top: 690px;
  left: -135px;
  -webkit-transition: .65s ease-in-out .5s;
  -o-transition: .65s ease-in-out .5s;
  transition: .65s ease-in-out .5s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-thermo_spot.play-intro .caption,
#page-thermo_spot.play-intro .desc,
#page-thermo_spot.play-intro .sample {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-thermo_spot .label {
  position: absolute;
  top: 0;
  left: 166px;
  width: 91px;
  height: 68px;
  background: url(../images/thermo_spot/label.png) 0 0 no-repeat;
  z-index: 2; }

#page-thermo_spot .result {
  position: absolute;
  top: 36px;
  left: 0;
  width: 422px;
  height: 173px;
  background: url(../images/thermo_spot/result.png) 0 0 no-repeat;
  z-index: 1; }

#page-thermo_spot .result:before,
#page-thermo_spot .result:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -2px;
  width: 35px;
  height: 15px;
  border-radius: 5px 0 0 0;
  border: #e60012 3px solid;
  border-top-width: 4px;
  border-right: 0;
  border-bottom: 0; }

#page-thermo_spot .result:after {
  top: auto;
  right: -2px;
  bottom: -3px;
  left: auto;
  border-radius: 0 0 5px 0;
  border: #e60012 3px solid;
  border-top: 0;
  border-left: 0;
  border-bottom-width: 4px; }

#page-thermo_spot .extra-1 {
  top: 190px;
  left: -250px;
  width: 162px;
  height: 115px;
  background-image: url(../images/thermo_spot/extra-1.png);
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: .5s ease-out .25s;
  -o-transition: .5s ease-out .25s;
  transition: .5s ease-out .25s;
  opacity: 0; }

#page-thermo_spot .extra-2 {
  top: 260px;
  left: 1054px;
  width: 158px;
  height: 126px;
  background-image: url(../images/thermo_spot/extra-2.png);
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: .5s ease-out .45s;
  -o-transition: .5s ease-out .45s;
  transition: .5s ease-out .45s;
  opacity: 0; }

#page-thermo_spot .extra-3 {
  /* top: 824px; */
  top: 884px;
  left: 272px;
  width: 209px;
  height: 159px;
  background-image: url(../images/thermo_spot/extra-3.png);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s ease-out .35s;
  -o-transition: .5s ease-out .35s;
  transition: .5s ease-out .35s;
  opacity: 0; }

#page-thermo_spot .extra-4 {
  /* top: 680px; */
  top: 800px;
  left: 1071px;
  width: 101px;
  height: 493px;
  background-image: url(../images/thermo_spot/extra-4.png);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s ease-out .55s;
  -o-transition: .5s ease-out .55s;
  transition: .5s ease-out .55s;
  opacity: 0; }

#page-thermo_spot .extra-5 {
  /* top: 660px; */
  top: 780px;
  left: 1189px;
  width: 93px;
  height: 568px;
  background-image: url(../images/thermo_spot/extra-5.png);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s ease-out .7s;
  -o-transition: .5s ease-out .7s;
  transition: .5s ease-out .7s;
  opacity: 0; }

#page-thermo_spot.play-intro .extra {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

#page-thermo_spot .product-wrap {
  /* top: 11.48%; */
  top: 21.48%;
  left: 50%;
  width: 843px;
  /* height: 81%; */
  height: 74.067%;
  margin-left: -142px;
  overflow: hidden; }

#page-thermo_spot .product {
  width: 100%;
  height: 100%;
  background: url(../images/thermo_spot/product.png) 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: .65s ease-in-out .25s;
  -o-transition: .65s ease-in-out .25s;
  transition: .65s ease-in-out .25s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

#page-thermo_spot.play-intro .product {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

#page-thermo_spot .product::before,
#page-thermo_spot .product::after {
  content: '';
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: .75s ease-in-out;
  -o-transition: .75s ease-in-out;
  transition: .75s ease-in-out;
  opacity: 0; }

#page-thermo_spot .product.elem-in::before,
#page-thermo_spot .product.elem-in::after {
  opacity: 1; }

#page-thermo_spot .product::before {
  top: 16.5%;
  left: 11%;
  width: 80.78%;
  height: 88.67%;
  background-image: url(../images/thermo_spot/product-extra-1.png);
  z-index: 1; }

#page-thermo_spot .product::after {
  top: 16.5%;
  left: 7%;
  width: 68.32%;
  height: 61.78%;
  background-image: url(../images/thermo_spot/product-extra-2.png);
  z-index: 3; }

#page-thermo_spot .temperature {
  top: 50%;
  left: 50%;
  width: 85px;
  height: 35px;
  color: #ffffff;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  margin: -18% 0 0 -3%;
  background: #f30708;
  border-radius: 17.5px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4; }

#page-thermo_spot .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.3867%;
  height: 17.73455%;
  margin: -3% 0 0 -3%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/thermo_spot/circle.png) 0 0 no-repeat;
  background-size: contain;
  z-index: 4; }

#page-thermo_spot .circle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/thermo_spot/circle-complete.png) 0 0 no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: 2s ease-out;
  -o-transition: 2s ease-out;
  transition: 2s ease-out; }

#page-thermo_spot .circle.complete::after {
  opacity: 1; }

#page-thermo_spot .circle.complete.fade-out::after {
  opacity: 0.25; }

#page-thermo_spot .circle .light {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e60012;
  border-radius: 50%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  z-index: 1;
  opacity: 0; }

#page-thermo_spot .circle .light.elem-in {
  -webkit-animation: circleLightAnimation 2s ease-in-out infinite;
  animation: circleLightAnimation 2s ease-in-out infinite; }

@-webkit-keyframes circleLightAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@keyframes circleLightAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

#page-thermo_spot .circle .dot {
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }

#page-thermo_spot .circle .dot:before,
#page-thermo_spot .circle .dot:after {
  position: absolute;
  top: -6px;
  left: 50%;
  content: '';
  width: 8px;
  height: 8px;
  margin-left: -6px;
  border: #e4c085 2px solid;
  border-radius: 50%; }

#page-thermo_spot .circle .dot:after {
  background-color: #e4c085;
  -webkit-transform-origin: center 83px;
  -moz-transform-origin: center 83px;
  -ms-transform-origin: center 83px;
  -o-transform-origin: center 83px;
  transform-origin: center 83px;
  -webkit-transform: rotate(12.5deg);
  -moz-transform: rotate(12.5deg);
  -ms-transform: rotate(12.5deg);
  -o-transform: rotate(12.5deg);
  transform: rotate(12.5deg);
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out; }

#page-thermo_spot .circle.complete .dot:after {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }

#page-thermo_spot .progress {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 190px;
  margin: -94.25px 0 0 -95.25px;
  z-index: 1; }

#page-thermo_spot .progress:before {
  content: '';
  display: block;
  padding-top: 100%; }

.circular {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transform: rotate(-85deg);
  -ms-transform: rotate(-85deg);
  transform: rotate(-85deg); }

.path {
  stroke: #ff0004;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round; }

.circle.complete .path {
  -webkit-animation: dash 2s ease-in-out 0s 1 forwards;
  animation: dash 2s ease-in-out 0s 1 forwards; }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200; }
  100% {
    stroke-dasharray: 125, 200; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200; }
  100% {
    stroke-dasharray: 125, 200; } }

#page-thermo_spot .frame {
  top: 21%;
  left: 19.5%;
  width: 57%;
  height: 65%;
  background: url(../images/thermo_spot/frame.png?v=191105) center center no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .85s ease-in-out .15s;
  -o-transition: .85s ease-in-out .15s;
  transition: .85s ease-in-out .15s;
  opacity: 0; }

#page-thermo_spot .frame.elem-in {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

/*--- mobile-thermo_spot ---*/
#mobile-thermo_spot {
  background-color: #8c0000; }

/*--- page-titanium_excellence ---*/
#page-titanium_excellence .outer,
#page-titanium_excellence .inner {
  /* z-index: auto; */ }

#page-titanium_excellence .caption {
  top: 334px;
  left: 621px;
  width: 430px;
  height: 192px;
  background: url(../images/titanium_excellence/caption.png) 0 0 no-repeat;
  -webkit-transition: .65s ease-in-out .3s;
  -o-transition: .65s ease-in-out .3s;
  transition: .65s ease-in-out .3s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-titanium_excellence .desc {
  top: 572px;
  left: 625px;
  width: 492px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 200;
  text-align: justify;
  line-height: 38px;
  letter-spacing: 2px;
  -webkit-transition: .65s ease-in-out .4s;
  -o-transition: .65s ease-in-out .4s;
  transition: .65s ease-in-out .4s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-titanium_excellence .sample {
  top: 730px;
  left: 626px;
  -webkit-transition: .65s ease-in-out .5s;
  -o-transition: .65s ease-in-out .5s;
  transition: .65s ease-in-out .5s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-titanium_excellence.play-intro .caption,
#page-titanium_excellence.play-intro .desc,
#page-titanium_excellence.play-intro .sample {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-titanium_excellence .detail {
  /* display: none; */
  top: 554px;
  left: 590px;
  padding: 30px 14px 60px 32px;
  background: #8c0000;
  -webkit-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  opacity: 0;
  pointer-events: none; }

#page-titanium_excellence .detail.elem-in {
  /* display: block; */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#mobile-titanium_excellence .detail {
  display: none;
  top: 67.1%;
  left: 0;
  width: 100%;
  text-align: center; }

#mobile-titanium_excellence .detail img {
  width: 97.333%; }

#page-titanium_excellence .sample:before,
#page-titanium_excellence .sample:after,
#page-titanium_excellence .detail:before,
#page-titanium_excellence .detail:after {
  content: '';
  position: absolute;
  top: -4px;
  left: -3px;
  width: 35px;
  height: 15px;
  border-radius: 5px 0 0 0;
  border: #e60012 3px solid;
  border-top-width: 4px;
  border-right: 0;
  border-bottom: 0; }

#page-titanium_excellence .detail:before {
  top: 26px;
  left: 29px; }

#page-titanium_excellence .sample:after,
#page-titanium_excellence .detail:after {
  top: auto;
  right: -2px;
  bottom: -4px;
  left: auto;
  border-radius: 0 0 5px 0;
  border: #e60012 3px solid;
  border-top: 0;
  border-left: 0;
  border-bottom-width: 4px; }

#page-titanium_excellence .detail:after {
  right: 12px;
  bottom: 56px; }

#page-titanium_excellence .sample .image {
  width: 491px;
  height: 170px;
  background: url(../images/titanium_excellence/image.png?v=191105) 0 0 no-repeat; }

#page-titanium_excellence .detail .image {
  width: 524px;
  height: 267px;
  background: url(../images/titanium_excellence/detail.png) 0 0 no-repeat; }

#page-titanium_excellence .outer .background .left {
  /* top: 23.425%; */
  right: 50%;
  /* bottom: 6.66%; */
  bottom: 6.1%;
  width: 710px;
  /* height: 70%; */
  height: 63.98%;
  margin-right: -31px;
  background: url(../images/loading/pattern.gif) #0a236f 40px 40px repeat;
  z-index: 2;
  /* 2 */
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: -webkit-transform .65s ease-in-out .1s;
  transition: -webkit-transform .65s ease-in-out .1s;
  -o-transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s, -webkit-transform .65s ease-in-out .1s;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-titanium_excellence .outer .background .right {
  top: 0;
  left: 50%;
  width: 880px;
  height: 100%;
  margin-left: -156px;
  background: #8c0000;
  z-index: 1;
  /* 1 */
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: -webkit-transform .65s ease-in-out;
  transition: -webkit-transform .65s ease-in-out;
  -o-transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-titanium_excellence.play-intro .outer .background .left,
#page-titanium_excellence.play-intro .outer .background .right {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

#page-titanium_excellence .product-wrap {
  /* top: 15.0925%; */
  right: 50%;
  /* bottom: 6.66%; */
  bottom: 6.1%;
  width: 857px;
  /* height: 78.2407%; */
  height: 71.61%;
  margin-right: -135px;
  overflow: hidden;
  z-index: 2;
  /* 2 */ }

#page-titanium_excellence .product {
  width: 100%;
  height: 100%;
  background: url(../images/titanium_excellence/product.png) 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: .65s ease-in-out .25s;
  -o-transition: .65s ease-in-out .25s;
  transition: .65s ease-in-out .25s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

#page-titanium_excellence.play-intro .product {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

#page-titanium_excellence .product::before,
#page-titanium_excellence .product::after {
  content: '';
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }

#page-titanium_excellence .product::before {
  -webkit-transition: .75s ease-in-out .65s;
  -o-transition: .75s ease-in-out .65s;
  transition: .75s ease-in-out .65s;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0; }

#page-titanium_excellence .product.elem-in::before,
#page-titanium_excellence .product.elem-in::after {
  /* opacity: 1; */ }

#page-titanium_excellence.play-intro .product::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

#page-titanium_excellence .product::before {
  top: 14.9112%;
  left: 18.436%;
  width: 55.1925%;
  height: 66.6272%;
  background-image: url(../images/titanium_excellence/frame.png);
  z-index: 1; }

#page-titanium_excellence .product::after {
  top: 12.544%;
  left: 20.5367%;
  width: 23.1038%;
  height: 18.343%;
  background-image: url(../images/titanium_excellence/product-extra.png);
  z-index: 2; }

#page-titanium_excellence .ripple {
  display: none;
  top: 675px;
  left: 359px;
  width: 80px;
  height: 80px;
  /* filter: blur(1px); */ }

#mobile-titanium_excellence .ripple {
  display: block;
  top: 65.34%;
  left: 46.133%;
  width: 9.9%;
  height: calc(100vw * 0.099); }

#page-titanium_excellence .ripple div,
#mobile-titanium_excellence .ripple div {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 4px solid #a7854c;
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: rippleAnimation 1.5s linear infinite;
  animation: rippleAnimation 1.5s linear infinite; }

#mobile-titanium_excellence .ripple div {
  border: 3px solid #a7854c; }

#page-titanium_excellence .ripple div:nth-child(2),
#mobile-titanium_excellence .ripple div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

@-webkit-keyframes rippleAnimation {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1; }
  30% { }
  100% {
    width: 80px;
    height: 80px;
    opacity: 0;
    border-color: transparent; } }

@keyframes rippleAnimation {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1; }
  30% { }
  100% {
    width: 80px;
    height: 80px;
    opacity: 0;
    border-color: transparent; } }

#page-titanium_excellence .btn {
  display: none;
  top: 692px;
  left: 376px;
  width: 46px;
  height: 46px;
  background: url(../images/titanium_excellence/btn.png) center center no-repeat;
  background-size: contain;
  z-index: 1;
  -webkit-animation: btnAnimation 1.5s ease-in-out infinite;
  animation: btnAnimation 1.5s ease-in-out infinite; }

#mobile-titanium_excellence .btn {
  top: 65.34%;
  left: 46.133%;
  display: inline-block;
  width: 9.9%;
  z-index: 1;
  background-color: transparent;
  -webkit-animation: btnAnimation 1.5s ease-in-out infinite;
  animation: btnAnimation 1.5s ease-in-out infinite; }

#mobile-titanium_excellence .btn img {
  width: 100%; }

@-webkit-keyframes btnAnimation {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  50% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); } }

@keyframes btnAnimation {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  50% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); } }

#page-titanium_excellence svg {
  position: absolute;
  top: 714px;
  left: 418px; }

#page-titanium_excellence line {
  stroke: #d2a87d;
  stroke-width: 4px;
  stroke-dasharray: 240 240;
  stroke-dashoffset: 240;
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#page-titanium_excellence .elem-in line {
  stroke-dashoffset: 0; }

#page-titanium_excellence .extra-1 {
  top: 200px;
  left: -310px;
  width: 156px;
  height: 204px;
  background-image: url(../images/titanium_excellence/extra-1.png);
  -webkit-transform: rotate(-15deg) translateY(-20px);
  -ms-transform: rotate(-15deg) translateY(-20px);
  transform: rotate(-15deg) translateY(-20px);
  -webkit-transform-origin: -20px -20px;
  -ms-transform-origin: -20px -20px;
  transform-origin: -20px -20px;
  -webkit-transition: .75s ease-out .25s;
  -o-transition: .75s ease-out .25s;
  transition: .75s ease-out .25s;
  opacity: 0; }

#page-titanium_excellence.play-intro .extra-1 {
  -webkit-transform: rotate(0deg) translateY(0px);
  -ms-transform: rotate(0deg) translateY(0px);
  transform: rotate(0deg) translateY(0px);
  opacity: 1; }

#page-titanium_excellence .extra-2 {
  top: 900px;
  left: 384px;
  width: 196px;
  height: 181px;
  background-image: url(../images/titanium_excellence/extra-2.png);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: 92px 68px;
  -ms-transform-origin: 92px 68px;
  transform-origin: 92px 68px;
  -webkit-transition: .75s ease-out .45s;
  -o-transition: .75s ease-out .45s;
  transition: .75s ease-out .45s;
  opacity: 0; }

#page-titanium_excellence.play-intro .extra-2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/*--- mobile-titanium_excellence ---*/
#mobile-titanium_excellence {
  background-color: #8c0000; }

/*--- page-conducting ---*/
#page-conducting .outer .background .left {
  top: 0;
  right: 50%;
  width: 783px;
  height: 100%;
  margin-right: -283px;
  background: url(../images/loading/pattern.gif) #0a236f 50px 50px repeat;
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: -webkit-transform .65s ease-in-out;
  transition: -webkit-transform .65s ease-in-out;
  -o-transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out;
  transition: transform .65s ease-in-out, -webkit-transform .65s ease-in-out;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-conducting .outer .background .right {
  /* top: 21.20%; */
  /* top: 19.40%; */
  top: 24.40%;
  left: 50%;
  width: 710px;
  /* height: 66.76%; */
  height: 61.10%;
  margin-left: -67px;
  background: #8c0000;
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: -webkit-transform .65s ease-in-out .1s;
  transition: -webkit-transform .65s ease-in-out .1s;
  -o-transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s;
  transition: transform .65s ease-in-out .1s, -webkit-transform .65s ease-in-out .1s;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

#page-conducting.play-intro .outer .background .left,
#page-conducting.play-intro .outer .background .right {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

#page-conducting .caption {
  top: 602px;
  left: -60px;
  width: 372px;
  height: 100px;
  background: url(../images/conducting/caption.png) 0 0 no-repeat;
  -webkit-transition: .65s ease-in-out .3s;
  -o-transition: .65s ease-in-out .3s;
  transition: .65s ease-in-out .3s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-conducting .desc {
  top: 726px;
  left: -58px;
  width: 370px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 200;
  text-align: justify;
  line-height: 38px;
  letter-spacing: 2px;
  -webkit-transition: .65s ease-in-out .4s;
  -o-transition: .65s ease-in-out .4s;
  transition: .65s ease-in-out .4s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-conducting.play-intro .caption,
#page-conducting.play-intro .desc {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-conducting .product {
  position: relative;
  top: 147px;
  left: 370px;
  width: 1269px;
  height: 856px;
  background: url(../images/conducting/product.png) 0 0 no-repeat;
  -webkit-transform: translateX(150px);
  -ms-transform: translateX(150px);
  transform: translateX(150px);
  -webkit-transition: .65s ease-out .45s;
  -o-transition: .65s ease-out .45s;
  transition: .65s ease-out .45s;
  opacity: 0; }

#page-conducting.play-intro .product {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-conducting .product:before {
  position: absolute;
  content: '';
  top: 153px;
  left: 221px;
  width: 425px;
  height: 515px;
  background: url(../images/conducting/frame.png) 0 0 no-repeat;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .65s ease-in-out .5s;
  -o-transition: .65s ease-in-out .5s;
  transition: .65s ease-in-out .5s;
  opacity: 0; }

#page-conducting.play-intro .product:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

#page-conducting .product:after {
  position: absolute;
  content: '';
  top: 127px;
  left: 186px;
  width: 426px;
  height: 437px;
  background: url(../images/conducting/product-extra.png) 0 0 no-repeat; }

#page-conducting .extra-1 {
  /* top: 0; */
  /* top: 0; */
  /* top: 135px; */
  top: 105px;
  /* left: -223px; */
  left: -160px;
  /* width: 687px; */
  width: 626px;
  /* height: 637px; */
  height: 580px;
  background-image: url(../images/conducting/extra-1.png);
  background-size: contain;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: .5s ease-out .25s;
  -o-transition: .5s ease-out .25s;
  transition: .5s ease-out .25s;
  opacity: 0; }

#page-conducting .extra-2 {
  top: 875px;
  left: -304px;
  width: 186px;
  height: 190px;
  background-image: url(../images/conducting/extra-2.png);
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .5s ease-out .35s;
  -o-transition: .5s ease-out .35s;
  transition: .5s ease-out .35s;
  opacity: 0; }

#page-conducting .extra-3 {
  top: 144px;
  left: 1025px;
  width: 201px;
  height: 186px;
  background-image: url(../images/conducting/extra-3.png);
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: .5s ease-out .45s;
  -o-transition: .5s ease-out .45s;
  transition: .5s ease-out .45s;
  opacity: 0; }

#page-conducting.play-intro .extra {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

/*--- mobile-conducting ---*/
#mobile-conducting {
  background-color: #0a2470; }

/*--- page-conducting ---*/
/*--- page-various ---*/
#page-various .outer .background div {
  position: absolute;
  top: 0; }

#page-various .outer .background {
  height: 100%;
  background: url(../images/various/bg.jpg) #000000 center center no-repeat;
  background-size: cover; }

#page-various .outer .background .left {
  left: 0;
  width: 62.5%;
  height: 100%;
  background: url(../images/various/bg.jpg) #000000 center center no-repeat;
  background-size: cover; }

#page-various .outer .background .right-top {
  left: 62.5%;
  width: 37.5%;
  height: 50%;
  background: url(../images/loading/pattern.gif) #132867 0 0 repeat; }

#page-various .outer .background .right-bottom {
  top: 50%;
  left: 62.5%;
  width: 37.5%;
  height: 50%;
  background: #8c0000; }

#page-various .logo {
  top: 285px;
  left: -285px;
  width: 156px;
  height: 145px;
  background: url(../images/various/logo.png) 0 0 no-repeat;
  -webkit-transition: .65s ease-in-out .2s;
  -o-transition: .65s ease-in-out .2s;
  transition: .65s ease-in-out .2s;
  opacity: 0; }

#page-various.play-intro .logo {
  opacity: 1; }

#page-various .caption {
  top: 518px;
  left: -234px;
  width: 319px;
  height: 118px;
  background: url(../images/various/caption.png) 0 0 no-repeat;
  -webkit-transition: .65s ease-in-out .1s;
  -o-transition: .65s ease-in-out .1s;
  transition: .65s ease-in-out .1s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-various.play-intro .caption {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-various .caption:before,
#page-various .caption:after {
  content: '';
  position: absolute;
  width: 2px;
  background: #e7c385;
  -webkit-transition: .65s ease-in-out .65s;
  -o-transition: .65s ease-in-out .65s;
  transition: .65s ease-in-out .65s; }

#page-various .caption:before {
  /* top: -456px; */
  bottom: 182px;
  left: 200px;
  height: 0; }

#page-various.play-intro .caption:before {
  height: 404px; }

#page-various .caption:after {
  top: 302px;
  left: 200px;
  height: 0; }

#page-various.play-intro .caption:after {
  height: 312px; }

#page-various .desc {
  top: 666px;
  left: -228px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 300;
  line-height: 42px;
  letter-spacing: 3px;
  -webkit-transition: .65s ease-in-out .25s;
  -o-transition: .65s ease-in-out .25s;
  transition: .65s ease-in-out .25s;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0; }

#page-various.play-intro .desc {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1; }

#page-various .products {
  height: 100%;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000; }

#page-various .item {
  position: absolute;
  width: 620px;
  font-size: 0;
  will-change: transform, opacity;
  /* -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden; */
  -webkit-transform: rotateY(180deg) translate3d(0px, 50px, -200px) scale(0.75);
  -moz-transform: rotateY(180deg) translate3d(0px, 50px, -200px) scale(0.75);
  -ms-transform: rotateY(180deg) translate3d(0px, 50px, -200px) scale(0.75);
  -o-transform: rotateY(180deg) translate3d(0px, 50px, -200px) scale(0.75);
  transform: rotateY(180deg) translate3d(0px, 50px, -200px) scale(0.75);
  -webkit-transition: 0.85s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.85s;
  -moz-transform-style: preserve-3d;
  -ms-transition: 0.85s;
  -ms-transform-style: preserve-3d;
  -o-transition: 0.85s;
  -o-transform-style: preserve-3d;
  transition: 0.85s;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  opacity: 0; }

#page-various.play-intro .item {
  /* > div */
  -webkit-transform: rotateY(0deg) translate3d(0, 0, 0) scale(1);
  -moz-transform: rotateY(0deg) translate3d(0, 0, 0) scale(1);
  -ms-transform: rotateY(0deg) translate3d(0, 0, 0) scale(1);
  -o-transform: rotateY(0deg) translate3d(0, 0, 0) scale(1);
  transform: rotateY(0deg) translate3d(0, 0, 0) scale(1);
  opacity: 1; }

#page-various .item:nth-child(1) {
  top: 290px;
  left: 110px;
  z-index: 2; }

#page-various .item:nth-child(2) {
  top: 489px;
  left: 110px;
  z-index: 2; }

#page-various .item:nth-child(3) {
  top: 689px;
  left: 110px;
  z-index: 2; }

#page-various .item:nth-child(4) {
  top: 290px;
  left: 645px;
  z-index: 1; }

#page-various .item:nth-child(5) {
  top: 489px;
  left: 645px;
  z-index: 1; }

#page-various .item:nth-child(6) {
  top: 689px;
  left: 645px;
  z-index: 1; }

#page-various .item > div {
  position: relative;
  display: inline-block;
  width: 195px;
  height: 195px;
  font-size: 16px;
  vertical-align: top;
  overflow: hidden;
  background-color: #ffffff; }

#page-various .item > .category {
  width: 130px;
  text-align: center;
  background-position: center 34px;
  background-repeat: no-repeat; }

#page-various .item:nth-child(1) .category {
  background-image: url(../images/various/products-1-name.png); }

#page-various .item:nth-child(2) .category {
  background-image: url(../images/various/products-2-name.png); }

#page-various .item:nth-child(3) .category {
  background-image: url(../images/various/products-3-name.png); }

#page-various .item:nth-child(4) .category {
  background-image: url(../images/various/products-4-name.png); }

#page-various .item:nth-child(5) .category {
  background-image: url(../images/various/products-5-name.png); }

#page-various .item:nth-child(6) .category {
  background-image: url(../images/various/products-6-name.png); }

#page-various .category span {
  display: inline-block;
  color: #ffffff;
  padding: 8px 15px;
  margin-top: 128px;
  /* background: #000000; */
  background: #ae8237;
  background: -moz-linear-gradient(0deg, #ae8237 0%, #d9b87f 100%);
  background: -webkit-linear-gradient(0deg, #ae8237 0%, #d9b87f 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#ae8237), to(#d9b87f));
  background: -webkit-linear-gradient(bottom, #ae8237 0%, #d9b87f 100%);
  background: -o-linear-gradient(bottom, #ae8237 0%, #d9b87f 100%);
  background: linear-gradient(0deg, #ae8237 0%, #d9b87f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae8237",endColorstr="#d9b87f",GradientType=1); }

/* #page-various .item > .spec {} */
#page-various .item > .spec {
  width: 200px; }

#page-various .spec span {
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 100%;
  color: #bc843d;
  font-size: 13px;
  text-align: center; }

#page-various .item > div.bg-blue {
  background-color: #132867; }

#page-various .item > div.bg-red {
  background-color: #a00001; }

/*--- page-series ---*/
#main-pc #page-series {
  overflow: auto; }

#page-series .outer {
  background: url(../images/series/bg-top.png) center top no-repeat;
  background-position: center -765px;
  /* will-change: background-position; */
  -webkit-transition: .65s ease-out .05s;
  -o-transition: .65s ease-out .05s;
  transition: .65s ease-out .05s; }

#page-series.play-intro .outer {
  background-position: center -260px; }

#page-series .outer:after {
  content: '';
  position: absolute;
  bottom: -588px;
  left: 0;
  width: 100%;
  height: 588px;
  background: url(../images/series/bg-bottom.png) center bottom no-repeat;
  -webkit-transition: .65s ease-out .05s;
  -o-transition: .65s ease-out .05s;
  transition: .65s ease-out .05s; }

#page-series.play-intro .outer:after {
  /* bottom: -248px; */
  bottom: -8px; }

#main-pc #page-series .inner {
  height: 1830px;
  -webkit-transform: translateY(-75px);
  -ms-transform: translateY(-75px);
  transform: translateY(-75px);
  -webkit-transition: .5s ease-out .2s;
  -o-transition: .5s ease-out .2s;
  transition: .5s ease-out .2s;
  opacity: 0; }

#main-pc #page-series.play-intro .inner {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

#page-series .caption {
  width: 278px;
  /* height: 368px; */
  height: 313px;
  /* margin: 0 auto; */
  margin: 10px auto 0;
  background: url(../images/series/caption.png?v=19110402) 0 0 no-repeat; }

#page-series .part {
  position: relative;
  padding-top: 15px;
  padding-bottom: 55px; }

#page-series .part-2 {
  padding-top: 5px; }

#page-series .part-3 {
  padding-top: 5px; }

#page-series .part::before,
#page-series .part::after {
  content: '';
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat; }

#page-series .part-1::before {
  top: 350px;
  left: -125px;
  width: 199px;
  height: 160px;
  background-image: url(../images/series/part-1-extra-1.png); }

#page-series .part-1::after {
  top: 110px;
  left: 900px;
  width: 162px;
  height: 108px;
  background-image: url(../images/series/part-1-extra-2.png);
  z-index: 1; }

#page-series .part-2::before {
  top: 310px;
  left: 850px;
  width: 147px;
  height: 140px;
  background-image: url(../images/series/part-2-extra-1.png); }

#page-series .part-3::before {
  top: 236px;
  left: 172px;
  width: 166px;
  height: 153px;
  background-image: url(../images/series/part-3-extra-1.png);
  z-index: 1; }

#page-series .part .title {
  position: relative;
  margin: 0 auto;
  background-position: 0 0;
  background-repeat: no-repeat; }

#page-series .part-1 .title {
  width: 194px;
  height: 52px;
  background-image: url(../images/series/part-1-title.png?v=191104); }

#page-series .part-2 .title {
  width: 170px;
  height: 54px;
  background-image: url(../images/series/part-2-title.png?v=191104); }

#page-series .part-3 .title {
  width: 144px;
  height: 53px;
  background-image: url(../images/series/part-3-title.png?v=191104); }

#page-series .part .content {
  position: relative;
  padding-top: 35px; }

#page-series .part-3 .content {
  padding-top: 30px; }

#page-series .part .content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 415px;
  margin-left: -1px;
  background: #a27a36; }

#page-series .part-1 .content::after {
  margin-top: 20px; }

#page-series .part-2 .content::after {
  height: 415px;
  margin-top: 20px; }

#page-series .part-3 .content::after {
  height: 15px;
  margin-top: 15px; }

#page-series .part .content > ul {
  font-size: 0;
  text-align: center; }

#page-series .part .item {
  position: relative;
  display: inline-block;
  width: 315px;
  height: 322px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 100;
  vertical-align: top;
  margin: 0 27.5px;
  background: #ffffff;
  -webkit-box-shadow: rgba(50, 50, 50, 0.35) 20px 20px 25px;
  box-shadow: rgba(50, 50, 50, 0.35) 20px 20px 25px; }

#page-series .part-1 .item {
  background-color: #8c0000; }

#page-series .part-2 .item {
  background-color: #132867; }

#page-series .part-3 .item {
  width: 326px;
  height: 294px;
  color: #787878;
  font-weight: 300;
  border: #e7c385 1px solid; }

#page-series .part-1 .item:nth-child(1) {
  margin-top: 35px; }

#page-series .part-2 .item:nth-child(1) {
  margin-top: 30px; }

#page-series .part .item .name {
  margin-top: 35px; }

#page-series .part-3 .item .name {
  margin-top: 25px; }

#page-series .part .item .image {
  display: table-cell;
  height: 140px;
  vertical-align: middle;
  padding-top: 15px; }

#page-series .part .item .image img {
  width: 100%; }

#page-series .part-3 .item .image {
  height: 130px; }

#page-series .part .item ul {
  text-align: left;
  padding-left: 12.5px; }

#page-series .part .item li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 7.5px 0 7.5px 18px; }

#page-series .part .item li:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  vertical-align: top;
  margin-top: 7px;
  margin-right: 9px;
  background: #e5c080; }

#page-series .btn {
  position: absolute;
  display: none;
  /* block */
  bottom: -25px;
  left: 50%;
  width: 166px;
  height: 50px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: 5px;
  text-align: center;
  /* margin: 27px auto 0; */
  margin: 27px 0 0 -83px;
  border: #ffffff 1px solid;
  background: #c59e5b;
  background: -moz-linear-gradient(0deg, #c59e5b 0%, #ecc582 100%);
  background: -webkit-linear-gradient(0deg, #c59e5b 0%, #ecc582 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#c59e5b), to(#ecc582));
  background: -webkit-linear-gradient(bottom, #c59e5b 0%, #ecc582 100%);
  background: -o-linear-gradient(bottom, #c59e5b 0%, #ecc582 100%);
  background: linear-gradient(0deg, #c59e5b 0%, #ecc582 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c59e5b",endColorstr="#ecc582",GradientType=1);
  -webkit-transition: -webkit-filter .5s ease-out;
  transition: -webkit-filter .5s ease-out;
  -o-transition: filter .5s ease-out;
  transition: filter .5s ease-out;
  transition: filter .5s ease-out, -webkit-filter .5s ease-out; }

#page-series .btn:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%); }

#page-series .btn:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14px;
  margin-left: 10px;
  background: url(../images/series/btn-arrow.png) 0 0 no-repeat;
  -webkit-animation: arrowAnimationIn 1.5s ease-in-out infinite;
  animation: arrowAnimationIn 1.5s ease-in-out infinite; }

@-webkit-keyframes arrowAnimationIn {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes arrowAnimationIn {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

#mobile-series .part {
  width: 100%;
  pointer-events: none; }

#mobile-series .part-1 {
  /* top: 17.7%; */
  top: 10%; }

#mobile-series .part-2 {
  top: 43%; }

#mobile-series .part-3 {
  top: 71.7%; }

#mobile-series .btn {
  display: none;
  width: 35.6%; }

#mobile-series .btn img {
  width: 100%; }

#mobile-series .btn-1-1 {
  top: 37%;
  left: 7.4%; }

#mobile-series .btn-1-2 {
  top: 38.6%;
  left: 56.8%; }

#mobile-series .btn-2-1 {
  top: 64.5%;
  left: 6.93%; }

#mobile-series .btn-2-2 {
  top: 67.49%;
  left: 56.8%; }

#mobile-series .btn-3-1 {
  top: 92.17%;
  left: 31.2%; }

/*

*/
/*

#page-series .outer {
	position: relative;
	height: 2640px;
	background: url(../images/series/bg.jpg) center top no-repeat;
}

#page-series .inner {display: none;}

#page-series .inner > div {
}

*/
/*****************************************
*                 footer                 *
*****************************************/
#footwrap {
  position: relative;
  z-index: 2; }

/*****************************************
*                   pop                  *
*****************************************/
/*****************************************
*                 loading                *
*****************************************/
#loading {
  display: none;
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102; }

#loading .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: url(../images/loading/pattern.gif) #132867 center bottom repeat;
  -webkit-transition: .75s ease-in-out 1s;
  -o-transition: .75s ease-in-out 1s;
  transition: .75s ease-in-out 1s; }

#loading .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: url(../images/loading/pattern.gif) #132867 center top repeat;
  -webkit-transition: .75s ease-in-out 1s;
  -o-transition: .75s ease-in-out 1s;
  transition: .75s ease-in-out 1s; }

#loading.play-outro .top {
  top: -50%; }

#loading.play-outro .bottom {
  bottom: -50%; }

#loading .progress {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  margin-top: -0.5px; }

#loading .bar {
  display: block;
  width: 0;
  height: 100%;
  background: #826024;
  -webkit-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out; }

#loading.play-outro .bar,
#loading.play-outro .percentage {
  opacity: 0; }

#loading .percentage {
  display: none;
  color: #e6c898;
  font-size: 40px;
  font-size: 10vw;
  font-family: 'Amiri', 'Times New Roman', Times, serif;
  text-align: center;
  -webkit-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out; }

#loading .text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 39px;
  font-size: 0;
  text-align: center;
  margin-top: -20px;
  overflow: hidden;
  -webkit-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  transition: .25s ease-out; }

#loading.play-outro .text {
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  transform: scale(1, 0); }

#loading .text span {
  position: relative;
  top: 39px;
  display: inline-block;
  width: 39px;
  height: 39px;
  margin: 0 11px;
  background-image: url(../images/loading/text.png);
  background-repeat: no-repeat;
  -webkit-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  transition: .25s ease-out; }

#loading.play-intro .text span {
  top: 0; }

/* #loading.play-outro .text span {top: 39px;} */
#loading .text span:nth-child(1) {
  background-position: 0 0;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

#loading .text span:nth-child(2) {
  background-position: -59px 0;
  -webkit-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s; }

#loading .text span:nth-child(3) {
  background-position: -120px 0;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s; }

#loading .text span:nth-child(4) {
  background-position: -179px 0;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s; }

#loading .text span:nth-child(5) {
  background-position: -240px 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  margin-right: 26px; }

#loading .text span:nth-child(6) {
  background-position: -330px 0;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  margin-left: 26px; }

#loading .text span:nth-child(7) {
  background-position: -390px 0;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s; }

#loading .text span:nth-child(8) {
  background-position: -451px 0;
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s; }

#loading .text span:nth-child(9) {
  background-position: -511px 0;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s; }

#loading .text span:nth-child(10) {
  background-position: -571px 0;
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s; }

#loading .text span:nth-child(11) {
  background-position: -630px 0;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

#loading .text span:nth-child(12) {
  background-position: -691px 0;
  -webkit-transition-delay: 0.55s;
  -o-transition-delay: 0.55s;
  transition-delay: 0.55s; }

#loading .text span:nth-child(13) {
  background-position: -751px 0;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s; }

#loading .text span:nth-child(14) {
  background-position: -811px 0;
  -webkit-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s; }

#loading .text span:nth-child(15) {
  background-position: -870px 0;
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s; }

/*****************************************
*             common settings            *
*****************************************/
.btn {
  padding: 0;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0; }

.progress {
  height: auto;
  overflow: hidden;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none; }

.progress .bar {
  float: none;
  text-shadow: none; }

.clearFix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.clearfix {
  display: block; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table;
  line-height: 0; }

.clearfix:after, .rnClearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.pos-a {
  position: absolute; }

.fltR {
  float: right; }

.fltL {
  float: left; }

.textHide {
  font-size: 0;
  text-indent: -5000px; }

@media screen and (max-width: 800px) {
  #headwrap {
    position: relative;
    padding-top: 0 !important;
    z-index: unset; } }

@media (max-width: 800px) {
  #loading .text {
    display: none; }
  #loading .percentage {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

/* line btn 調整 */
h1 {
  line-height: 40px; }

#headwrap {
  z-index: 10000;
  position: unset; }

#headwrap .header-content .containwrap .head-entry ul li:last-child a {
  width: 69px;
  display: block; }

#headwrap .header-content .containwrap .head-entry ul li:last-child a img {
  width: 100%; }

.fixed_height {
  height: 100vh; }

html,
body {
  /* font-size: 16px; */ }

body {
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  overflow: -moz-scrollbars-none; }
  body::-webkit-scrollbar {
    display: none; }

@-webkit-keyframes donut_spin {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg); } }

@keyframes donut_spin {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
    transform: translateX(-50%) translateY(-50%) rotate(360deg); } }

@media screen and (max-width: 800px) {
  #headwrap.mini-header .header-content .containwrap .head-entry {
    margin-top: 0; }
  .minepc-pc .pc-content {
    top: 0 !important; }
  .minepc-pc .cloud-bg {
    top: 0 !important; }
  .minepc-pc .pc-bgtop {
    background-position: center top !important; } }

/* body被景色 */
/* 設定字體 */
/* 思源黑體 */
/* @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css); */
/* @import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional); */
* {
  font-family: "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", "STHeiti", "sans-serif";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid; */ }

html,
body {
  font-family: "Noto Sans TC", sans-serif; }

.loading {
  background-color: #84d2ed;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000000; }

.dount {
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  border-radius: 50%;
  border: 9px solid white;
  border-left-color: rgba(228, 24, 47, 0.8);
  -webkit-animation: donut_spin 1.2s linear infinite;
  animation: donut_spin 1.2s linear infinite; }

#footwrap {
  width: 100vw; }

@media screen and (max-width: 1000px) {
  #main-pc {
    display: none; } }

#main-mobile {
  display: none; }
  @media screen and (max-width: 1000px) {
    #main-mobile {
      display: block; } }

@-webkit-keyframes air_balloon {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px); } }

@keyframes air_balloon {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px); } }

@media screen and (max-width: 1920px) {
  @-webkit-keyframes air_balloon {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -2.08333vw);
      transform: translate(0, -2.08333vw); } }
  @keyframes air_balloon {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -2.08333vw);
      transform: translate(0, -2.08333vw); } } }

@media screen and (max-width: 1000px) {
  @-webkit-keyframes air_balloon_m {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -40px);
      transform: translate(0, -40px); } }
  @keyframes air_balloon_m {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -40px);
      transform: translate(0, -40px); } } }

@media screen and (max-width: 640px) {
  @-webkit-keyframes air_balloon_m {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -5.25vw);
      transform: translate(0, -5.25vw); } }
  @keyframes air_balloon_m {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -5.25vw);
      transform: translate(0, -5.25vw); } } }

@-webkit-keyframes flag {
  0% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes flag {
  0% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    opacity: 0; }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@media screen and (max-width: 1920px) {
  @-webkit-keyframes flag {
    0% {
      -webkit-transform: translate(0, 0.78125vw);
      transform: translate(0, 0.78125vw);
      opacity: 0; }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1; } }
  @keyframes flag {
    0% {
      -webkit-transform: translate(0, 0.78125vw);
      transform: translate(0, 0.78125vw);
      opacity: 0; }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1; } } }

@-webkit-keyframes massage {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes massage {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes arrow_up {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-60px);
    transform: translateX(-50%) translateY(-60px);
    opacity: 0; } }

@keyframes arrow_up {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-60px);
    transform: translateX(-50%) translateY(-60px);
    opacity: 0; } }

@media screen and (max-width: 1920px) {
  @-webkit-keyframes arrow_up {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
      opacity: 0; }
    50% {
      opacity: 1; }
    100% {
      -webkit-transform: translateX(-50%) translateY(-3.125vw);
      transform: translateX(-50%) translateY(-3.125vw);
      opacity: 0; } }
  @keyframes arrow_up {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
      opacity: 0; }
    50% {
      opacity: 1; }
    100% {
      -webkit-transform: translateX(-50%) translateY(-3.125vw);
      transform: translateX(-50%) translateY(-3.125vw);
      opacity: 0; } } }

@-webkit-keyframes arrow_down {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(60px);
    transform: translateX(-50%) translateY(60px);
    opacity: 0; } }

@keyframes arrow_down {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(60px);
    transform: translateX(-50%) translateY(60px);
    opacity: 0; } }

@media screen and (max-width: 1920px) {
  @-webkit-keyframes arrow_down {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
      opacity: 0; }
    50% {
      opacity: 1; }
    100% {
      -webkit-transform: translateX(-50%) translateY(3.125vw);
      transform: translateX(-50%) translateY(3.125vw);
      opacity: 0; } }
  @keyframes arrow_down {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
      opacity: 0; }
    50% {
      opacity: 1; }
    100% {
      -webkit-transform: translateX(-50%) translateY(3.125vw);
      transform: translateX(-50%) translateY(3.125vw);
      opacity: 0; } } }

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes floating {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes floating2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px); } }

@keyframes floating2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px); } }

@-webkit-keyframes floating3 {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-30px);
    transform: translateX(-50%) translateY(-30px); } }

@keyframes floating3 {
  0% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
  100% {
    -webkit-transform: translateX(-50%) translateY(-30px);
    transform: translateX(-50%) translateY(-30px); } }

@media screen and (max-width: 1920px) {
  @-webkit-keyframes floating {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -0.52083vw);
      transform: translate(0, -0.52083vw); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @keyframes floating {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -0.52083vw);
      transform: translate(0, -0.52083vw); }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  @-webkit-keyframes floating2 {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -1.5625vw);
      transform: translate(0, -1.5625vw); } }
  @keyframes floating2 {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    100% {
      -webkit-transform: translate(0, -1.5625vw);
      transform: translate(0, -1.5625vw); } }
  @-webkit-keyframes floating3 {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
    100% {
      -webkit-transform: translateX(-50%) translateY(-1.5625vw);
      transform: translateX(-50%) translateY(-1.5625vw); } }
  @keyframes floating3 {
    0% {
      -webkit-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0); }
    100% {
      -webkit-transform: translateX(-50%) translateY(-1.5625vw);
      transform: translateX(-50%) translateY(-1.5625vw); } } }

@-webkit-keyframes shining {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes shining {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.pop_btn {
  cursor: pointer; }

#recipe_bg_container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -10;
  opacity: 1;
  -webkit-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out; }
  #recipe_bg_container.recipe_hide {
    opacity: 0; }
  #recipe_bg_container .recipe_container {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    #recipe_bg_container .recipe_container .recipe_img {
      display: block;
      width: 1524px;
      max-height: 80vh;
      margin-left: auto;
      margin-right: auto;
      border-radius: 30px;
      overflow-x: hidden;
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-color: transparent transparent;
      overflow: -moz-scrollbars-none; }
      #recipe_bg_container .recipe_container .recipe_img::-webkit-scrollbar {
        display: none; }
      #recipe_bg_container .recipe_container .recipe_img > img {
        width: 100%;
        image-rendering: -moz-crisp-edges;
        /* Firefox */
        image-rendering: -o-crisp-edges;
        /* Opera */
        image-rendering: -webkit-optimize-contrast;
        /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;
        /* IE (non-standard property) */ }
    #recipe_bg_container .recipe_container .close_btn {
      width: 79px;
      height: 79px;
      cursor: pointer;
      margin-bottom: 20px; }
      #recipe_bg_container .recipe_container .close_btn img {
        width: 100%; }
    @media screen and (max-width: 1600px) {
      #recipe_bg_container .recipe_container .recipe_img {
        width: 95.25vw;
        border-radius: 1.875vw; }
      #recipe_bg_container .recipe_container .close_btn {
        width: 4.9375vw;
        height: 4.9375vw;
        margin-bottom: 1.25vw; } }
    @media screen and (max-width: 1000px) {
      #recipe_bg_container .recipe_container .recipe_img {
        width: 580px; }
      #recipe_bg_container .recipe_container .close_btn {
        width: 79px;
        height: 79px;
        margin-bottom: 35px;
        border-radius: 51px; } }
    @media screen and (max-width: 640px) {
      #recipe_bg_container .recipe_container .recipe_img {
        width: 90.625vw; }
      #recipe_bg_container .recipe_container .close_btn {
        width: 12.34375vw;
        height: 12.34375vw;
        margin-bottom: 5.46875vw;
        border-radius: 6.7vw; } }

#main-pc {
  background-size: cover;
  background-image: url("../images/pc/white_bg.jpg"); }

.minepc-pc {
  position: relative; }

.hide {
  opacity: 0; }

.minepc-pc .scrollbar {
  width: 46px;
  height: 473px;
  position: fixed;
  right: 30px;
  top: 156px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/pc/scroll_bg.png");
  z-index: 10; }
  @media screen and (max-width: 800px) {
    .minepc-pc .scrollbar {
      display: none; } }
  .minepc-pc .scrollbar > div:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    .minepc-pc .scrollbar > div:nth-of-type(1) > div {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #d1d1d1;
      cursor: pointer; }
  .minepc-pc .scrollbar > div:nth-of-type(2) {
    width: 26px;
    height: 40px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/pc/pos_now.png");
    top: 16px;
    left: 50%;
    will-change: top;
    -webkit-transition: top 0.7s linear;
    -o-transition: top 0.7s linear;
    transition: top 0.7s linear;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.minepc-pc .bg_balloons {
  position: absolute;
  bottom: 1050px;
  z-index: 1;
  width: 100%;
  -webkit-animation: air_balloon 5s ease-in-out alternate infinite;
  animation: air_balloon 5s ease-in-out alternate infinite; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .bg_balloons {
      bottom: 54.6875vw; } }

.minepc-pc .pc-bgtop {
  max-width: 1920px;
  width: 100vw;
  background-size: contain;
  background-image: url("../images/pc/pc_bg_2023.jpg");
  margin-left: auto;
  margin-right: auto;
  background-position: center -25px;
  background-repeat: no-repeat;
  position: relative;
  top: -138px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .pc-bgtop {
      background-position: center -1.3020833vw;
      top: -7.1875vw; } }
  @media screen and (max-width: 800px) {
    .minepc-pc .pc-bgtop {
      top: 0; } }

.minepc-pc .test-bg {
  width: 100%;
  position: absolute;
  z-index: 0; }

.minepc-pc .cloud-bg {
  position: absolute;
  top: 113px;
  width: 100%;
  max-width: 1920px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .cloud-bg {
      top: 5.8854166vw; } }

.minepc-pc .minepc-pc {
  position: relative; }

.minepc-pc .pc-content {
  position: relative;
  top: 140px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .pc-content {
      top: 7.2916666vw; } }

.minepc-pc .kv-title {
  position: absolute;
  top: 660px;
  left: 60px;
  z-index: 2; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .kv-title {
      top: 34.375vw;
      left: 3.125vw;
      width: 36.09375vw; } }

.minepc-pc .kv_cloud1 {
  position: absolute;
  z-index: 2;
  right: 80px;
  top: 820px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .kv_cloud1 {
      right: 4.1667vw;
      top: 42.708vw;
      width: 8.9583333vw; } }

.minepc-pc .kv_cloud2 {
  position: absolute;
  z-index: 2;
  left: 790px;
  top: 685px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .kv_cloud2 {
      left: 41.1458333vw;
      top: 35.6770833vw;
      width: 13.28125vw; } }

.minepc-pc .kv_cloud3 {
  position: absolute;
  z-index: 2;
  left: 200px;
  top: 495px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .kv_cloud3 {
      left: 10.4166666vw;
      top: 25.78125vw;
      width: 16.875vw; } }

.minepc-pc .fireballon-group {
  position: relative; }
  .minepc-pc .fireballon-group img {
    position: absolute; }
  .minepc-pc .fireballon-group .food_southKorea {
    right: 295px;
    top: 1px;
    -webkit-animation: air_balloon 6s 1s ease-in-out alternate infinite;
    animation: air_balloon 6s 1s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food_southKorea {
        width: 28.2291666vw;
        right: 15.3645833vw;
        top: 0.0520833vw; } }
  .minepc-pc .fireballon-group .food-japan {
    top: 350px;
    right: 77px;
    z-index: 2;
    -webkit-animation: air_balloon 5s -0.5s ease-in-out alternate infinite;
    animation: air_balloon 5s -0.5s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food-japan {
        width: 35.78125vw;
        top: 18.2291666vw;
        right: 4.0104166vw; } }
  .minepc-pc .fireballon-group .food_taiwan {
    right: 480px;
    top: 425px;
    -webkit-animation: air_balloon 6s -2s ease-in-out alternate infinite;
    animation: air_balloon 6s -2s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food_taiwan {
        width: 35.78125vw;
        right: 25vw;
        top: 22.1354166vw; } }
  .minepc-pc .fireballon-group .food_usa {
    right: 630px;
    top: -120px;
    -webkit-animation: air_balloon 5s ease-in-out alternate infinite;
    animation: air_balloon 5s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food_usa {
        width: 24.0625vw;
        right: 32.8125vw;
        top: -6.25vw; } }
  .minepc-pc .fireballon-group .food_main {
    right: 790px;
    top: -310px;
    z-index: 1;
    -webkit-animation: air_balloon 6s ease-in-out alternate infinite;
    animation: air_balloon 6s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food_main {
        width: 50.46875vw;
        right: 41.1458333vw;
        top: -16.1458333vw; } }
  .minepc-pc .fireballon-group .food_france {
    left: 0px;
    top: -120px;
    -webkit-animation: air_balloon 5s -6s ease-in-out alternate infinite;
    animation: air_balloon 5s -6s ease-in-out alternate infinite; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .fireballon-group .food_france {
        width: 30.9375vw;
        top: -6.25vw; } }

.minepc-pc .section1 {
  height: 1178px;
  position: relative; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section1 {
      height: 61.3541666vw; } }
  .minepc-pc .section1 .flag-container {
    position: absolute;
    width: 100%;
    top: 1152px;
    height: 500px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section1 .flag-container {
        top: 60vw;
        height: 26.0416666vw; } }
    .minepc-pc .section1 .flag-container .sign {
      position: absolute;
      opacity: 0; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(1) {
        left: 715px;
        top: 650px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(2) {
        left: 923px;
        top: 390px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(3) {
        left: 860px;
        top: 729px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(4) {
        right: 580px;
        top: 452px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(5) {
        top: 720px;
        right: 410px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(6) {
        right: 288px;
        top: 382px; }
      .minepc-pc .section1 .flag-container .sign:nth-of-type(7) {
        right: 60px;
        top: 630px; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(1) {
        -webkit-animation: flag 1s ease-in-out both;
        animation: flag 1s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(2) {
        -webkit-animation: flag 1s 0.1s ease-in-out both;
        animation: flag 1s 0.1s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(3) {
        -webkit-animation: flag 1s 0.3s ease-in-out both;
        animation: flag 1s 0.3s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(4) {
        -webkit-animation: flag 1s 0.2s ease-in-out both;
        animation: flag 1s 0.2s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(5) {
        -webkit-animation: flag 1s 0.4s ease-in-out both;
        animation: flag 1s 0.4s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(6) {
        -webkit-animation: flag 1s 0.5s ease-in-out both;
        animation: flag 1s 0.5s ease-in-out both; }
      .minepc-pc .section1 .flag-container .sign.active:nth-of-type(7) {
        -webkit-animation: flag 1s 0.6s ease-in-out both;
        animation: flag 1s 0.6s ease-in-out both; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section1 .flag-container .sign:nth-of-type(1) {
          left: 37.2395833vw;
          top: 33.8541666vw;
          width: 8.125vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(2) {
          left: 48.0729166vw;
          top: 20.3125vw;
          width: 7.8645833vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(3) {
          left: 44.79166666vw;
          top: 37.96875vw;
          width: 7.8645833vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(4) {
          right: 30.2083333vw;
          top: 23.5416666vw;
          width: 8.3333333vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(5) {
          top: 37.5vw;
          right: 21.3541666vw;
          width: 8.3333333vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(6) {
          right: 15vw;
          top: 19.8958333vw;
          width: 7.8645833vw; }
        .minepc-pc .section1 .flag-container .sign:nth-of-type(7) {
          right: 3.125vw;
          top: 32.8125vw;
          width: 8.5416666vw; } }

.minepc-pc .scroll_btn {
  position: fixed;
  display: block;
  z-index: 3;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-animation: floating3 3s ease-in-out infinite alternate both;
  animation: floating3 3s ease-in-out infinite alternate both;
  bottom: 10px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .scroll_btn {
      width: 4.4791666vw;
      height: 4.4791666vw;
      bottom: 0.5208333vw; } }
  @media screen and (max-width: 1200px) {
    .minepc-pc .scroll_btn {
      position: absolute; } }

.minepc-pc .section2 {
  height: 1235px;
  position: relative; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section2 {
      height: 64.3229166vw; } }
  .minepc-pc .section2 .section2-title {
    position: absolute;
    right: 330px;
    top: 87px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section2 .section2-title {
        width: 35.5208333vw;
        right: 17.1875vw;
        top: 4.53125vw; } }
  .minepc-pc .section2 .section2airballoon {
    position: absolute;
    top: 180px;
    z-index: 1;
    width: 100vw;
    max-width: 1920px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section2 .section2airballoon {
        top: 9.375vw; } }
    .minepc-pc .section2 .section2airballoon > img {
      position: absolute; }
      .minepc-pc .section2 .section2airballoon > img:nth-of-type(1) {
        left: 249px;
        -webkit-animation: air_balloon 6s -2.5s ease-in-out alternate infinite;
        animation: air_balloon 6s -2.5s ease-in-out alternate infinite; }
      .minepc-pc .section2 .section2airballoon > img:nth-of-type(2) {
        left: 137px;
        top: 217px;
        -webkit-animation: air_balloon 6s ease-in-out alternate infinite;
        animation: air_balloon 6s ease-in-out alternate infinite; }
      .minepc-pc .section2 .section2airballoon > img:nth-of-type(3) {
        left: 730px;
        top: 20px;
        -webkit-animation: air_balloon 6s -1s ease-in-out alternate infinite;
        animation: air_balloon 6s -1s ease-in-out alternate infinite; }
      .minepc-pc .section2 .section2airballoon > img:nth-of-type(4) {
        right: 483px;
        top: 190px;
        -webkit-animation: air_balloon 6s -3s ease-in-out alternate infinite;
        animation: air_balloon 6s -3s ease-in-out alternate infinite; }
      .minepc-pc .section2 .section2airballoon > img:nth-of-type(5) {
        right: 174px;
        top: 90px;
        -webkit-animation: air_balloon 6s -1.5s ease-in-out alternate infinite;
        animation: air_balloon 6s -1.5s ease-in-out alternate infinite; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .section2airballoon > img:nth-of-type(1) {
          width: 4.53125vw;
          left: 12.96875vw; }
        .minepc-pc .section2 .section2airballoon > img:nth-of-type(2) {
          width: 4.53125vw;
          left: 7.135vw;
          top: 11.3020833vw; }
        .minepc-pc .section2 .section2airballoon > img:nth-of-type(3) {
          left: 38.0208vw;
          width: 4.4270833vw;
          top: 1.0417vw; }
        .minepc-pc .section2 .section2airballoon > img:nth-of-type(4) {
          right: 25.15625vw;
          top: 9.8958333vw;
          width: 4.53125vw; }
        .minepc-pc .section2 .section2airballoon > img:nth-of-type(5) {
          right: 9.0625vw;
          top: 4.6875vw;
          width: 4.53125vw; } }
  .minepc-pc .section2 .pot_model-container {
    position: absolute;
    top: 65px;
    left: 0; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section2 .pot_model-container .pot_model {
        width: 38.5416666vw; } }
    .minepc-pc .section2 .pot_model-container .chat-box {
      position: absolute;
      top: -45px;
      right: -150px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .pot_model-container .chat-box {
          top: -2.34375vw;
          right: -7.8125vw;
          width: 9.8958333vw; } }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section2 .pot_model-container {
        top: 3.3854166vw; } }
  .minepc-pc .section2 .food-container {
    width: 100%; }
    .minepc-pc .section2 .food-container > div {
      position: absolute; }
    .minepc-pc .section2 .food-container .japan_group {
      left: 302px;
      top: 695px;
      z-index: 2; }
      .minepc-pc .section2 .food-container .japan_group .sign {
        position: absolute;
        right: -70px;
        top: -5px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .japan_group {
          left: 15.7291666vw;
          top: 36.1979166vw; }
          .minepc-pc .section2 .food-container .japan_group .meal {
            width: 25.9375vw; }
          .minepc-pc .section2 .food-container .japan_group .sign {
            width: 8.125vw;
            right: -3.6458333vw;
            top: -0.2604166vw; } }
    .minepc-pc .section2 .food-container .french_group2 {
      right: 820px;
      top: 470px; }
      .minepc-pc .section2 .food-container .french_group2 .sign {
        position: absolute;
        right: -10px;
        top: -58px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .french_group2 {
          right: 42.7083333vw;
          top: 24.4791666vw; }
          .minepc-pc .section2 .food-container .french_group2 .meal {
            width: 21.3020833vw; }
          .minepc-pc .section2 .food-container .french_group2 .sign {
            right: -0.5208333vw;
            top: -3.0208333vw;
            width: 7.8645833vw; } }
    .minepc-pc .section2 .food-container .french_group {
      right: 545px;
      top: 535px;
      z-index: 2; }
      .minepc-pc .section2 .food-container .french_group .sign {
        position: absolute;
        right: 40px;
        top: -75px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .french_group {
          right: 28.3854166vw;
          top: 27.8645833vw; }
          .minepc-pc .section2 .food-container .french_group .meal {
            width: 15.2604166vw; }
          .minepc-pc .section2 .food-container .french_group .sign {
            right: 2.0833333vw;
            top: -3.90625vw;
            width: 7.8645833vw; } }
    .minepc-pc .section2 .food-container .singapore_group {
      top: 740px;
      right: 740px;
      z-index: 10; }
      .minepc-pc .section2 .food-container .singapore_group .sign {
        position: absolute;
        right: 164px;
        top: -1px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .singapore_group {
          top: 38.5416666vw;
          right: 38.5416666vw; }
          .minepc-pc .section2 .food-container .singapore_group .meal {
            width: 27.65625vw; }
          .minepc-pc .section2 .food-container .singapore_group .sign {
            width: 8.2291666vw;
            right: 8.5416666vw;
            top: -0.0520833vw; } }
    .minepc-pc .section2 .food-container .russian_group {
      right: 384px;
      top: 780px; }
      .minepc-pc .section2 .food-container .russian_group .sign {
        position: absolute;
        right: 35px;
        top: -54px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .russian_group {
          right: 20vw;
          top: 40.625vw; }
          .minepc-pc .section2 .food-container .russian_group .meal {
            width: 18.8020833vw; }
          .minepc-pc .section2 .food-container .russian_group .sign {
            position: absolute;
            right: 1.8229166vw;
            top: -2.8125vw;
            width: 8.3333333vw; } }
    .minepc-pc .section2 .food-container .spain_group {
      right: 210px;
      top: 460px; }
      .minepc-pc .section2 .food-container .spain_group .sign {
        position: absolute;
        right: 79px;
        top: -70px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .spain_group {
          right: 10.9375vw;
          top: 23.9583333vw; }
          .minepc-pc .section2 .food-container .spain_group .meal {
            width: 19.9479166vw; }
          .minepc-pc .section2 .food-container .spain_group .sign {
            width: 7.8645833vw;
            right: 4.1145833vw;
            top: -3.6458333vw; } }
    .minepc-pc .section2 .food-container .thailand_group {
      right: 106px;
      top: 676px;
      z-index: 2; }
      .minepc-pc .section2 .food-container .thailand_group .sign {
        position: absolute;
        right: -45px;
        top: -40px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .thailand_group {
          right: 5.5208333vw;
          top: 35.2083333vw; }
          .minepc-pc .section2 .food-container .thailand_group .meal {
            width: 14.2708333vw; }
          .minepc-pc .section2 .food-container .thailand_group .sign {
            position: absolute;
            right: -2.34375vw;
            top: -2.0833333vw;
            width: 8.5416666vw; } }
    .minepc-pc .section2 .food-container .decoration-group {
      width: 100%; }
      .minepc-pc .section2 .food-container .decoration-group > img {
        position: absolute; }
      .minepc-pc .section2 .food-container .decoration-group .japan_door {
        right: 1110px;
        top: 567px; }
      .minepc-pc .section2 .food-container .decoration-group .eiffel_tower {
        z-index: 3;
        right: 767px;
        top: 445px; }
      .minepc-pc .section2 .food-container .decoration-group .thailand_temple {
        right: 100px;
        top: 430px;
        width: 200px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section2 .food-container .decoration-group .japan_door {
          right: 57.8125vw;
          top: 29.53125vw;
          width: 15.5729166vw; }
        .minepc-pc .section2 .food-container .decoration-group .eiffel_tower {
          right: 39.9479166vw;
          top: 23.1770833vw;
          width: 13.59375vw; }
        .minepc-pc .section2 .food-container .decoration-group .thailand_temple {
          right: 5.2083333vw;
          top: 22.3958333vw;
          width: 10.4166666vw; } }

.minepc-pc .section3 {
  width: 100%;
  height: auto;
  padding-top: 445px;
  background-size:100% auto;
  background-image: url("../images/pc/PC_3-4.png");
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 270px;
  top: -30px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section3 {
      /*height: 164.1666666vw;*/
      padding-top: 23.1770833vw;
      padding-bottom: 14.0625vw;
      top: -1.5625vw; } }
  .minepc-pc .section3 > .title {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section3 > .title {
        width: 52.23958vw; } }
  .minepc-pc .section3 .strong_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 88px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section3 .strong_point {
        margin-top: 4.5833333vw; } }
    .minepc-pc .section3 .strong_point .point1 {
      position: relative;
      left: 65px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section3 .strong_point .point1 > img {
          width: 23.1770833vw; } }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section3 .strong_point .point1 {
          left: 3.3854166vw; } }
    .minepc-pc .section3 .strong_point .point1 .content_container {
      position: relative;
      right: 223px;
      top: -58px; }
      .minepc-pc .section3 .strong_point .point1 .content_container .press {
        position: absolute;
        width: 70px; }
      .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(2) {
        right: 57px;
        top: 293px;
        -webkit-animation: massage 5.5s -0.3s ease-in-out infinite both;
        animation: massage 5.5s -0.3s ease-in-out infinite both; }
      .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(3) {
        right: 150px;
        top: 180px;
        -webkit-animation: massage 5.5s 0.3s ease-in-out infinite both;
        animation: massage 5.5s 0.3s ease-in-out infinite both; }
      .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(4) {
        right: 220px;
        top: 330px;
        -webkit-animation: massage 5.5s -0.55s ease-in-out infinite both;
        animation: massage 5.5s -0.55s ease-in-out infinite both; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section3 .strong_point .point1 .content_container {
          right: 11.6145833vw;
          top: -3.0208333vw; }
          .minepc-pc .section3 .strong_point .point1 .content_container .press {
            width: 3.6458333vw; }
          .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(1) {
            width: 33.1770833vw; }
          .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(2) {
            right: 2.96875vw;
            top: 15.2604166vw; }
          .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(3) {
            right: 7.8125vw;
            top: 9.375vw; }
          .minepc-pc .section3 .strong_point .point1 .content_container > img:nth-of-type(4) {
            right: 11.4583333vw;
            top: 17.1875vw; } }
    .minepc-pc .section3 .strong_point .point2 {
      position: relative; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section3 .strong_point .point2 > img {
          width: 24.53125vw; } }
      .minepc-pc .section3 .strong_point .point2 .clock {
        position: absolute;
        right: -50px;
        top: -50px;
        width: 202px; }
        @media screen and (max-width: 1920px) {
          .minepc-pc .section3 .strong_point .point2 .clock {
            top: -2.6041666vw;
            right: -2.6041666vw;
            width: 10.5208333vw; } }
      .minepc-pc .section3 .strong_point .point2 .content-container {
        position: relative;
        top: 53px;
        right: 3px; }
        .minepc-pc .section3 .strong_point .point2 .content-container .pot {
          width: 502px; }
          @media screen and (max-width: 1920px) {
            .minepc-pc .section3 .strong_point .point2 .content-container .pot {
              width: 26.1458333vw; } }
        @media screen and (max-width: 1920px) {
          .minepc-pc .section3 .strong_point .point2 .content-container {
            top: 2.7604166vw;
            right: 0.15625vw; } }
      .minepc-pc .section3 .strong_point .point2 .subcontent-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0; }
        .minepc-pc .section3 .strong_point .point2 .subcontent-container .top {
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .minepc-pc .section3 .strong_point .point2 .subcontent-container .top img {
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .top img:nth-of-type(1) {
              z-index: 2;
              top: 90px;
              width: 121px; }
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .top img:nth-of-type(2) {
              top: -70px;
              width: 160px;
              -webkit-animation: arrow_down 4s ease-in-out infinite;
              animation: arrow_down 4s ease-in-out infinite; }
          @media screen and (max-width: 1920px) {
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .top img:nth-of-type(1) {
              top: 4.6875vw;
              width: 6.3020833vw; }
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .top img:nth-of-type(2) {
              top: -3.6458333vw;
              width: 8.3333333vw; } }
        .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom {
          position: absolute;
          left: 50%;
          bottom: 0;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 307px; }
          .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom img {
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom img:nth-of-type(1) {
              top: 36px;
              width: 137px; }
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom img:nth-of-type(2) {
              bottom: 110px;
              width: 307px;
              -webkit-animation: arrow_up 4s ease-in-out infinite;
              animation: arrow_up 4s ease-in-out infinite; }
          @media screen and (max-width: 1920px) {
            .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom {
              width: 15.9896vw; }
              .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom img:nth-of-type(1) {
                top: 1.875vw;
                width: 7.1354166vw; }
              .minepc-pc .section3 .strong_point .point2 .subcontent-container .bottom img:nth-of-type(2) {
                bottom: 5.7291666vw;
                width: 15.9895833vw; } }
      .minepc-pc .section3 .strong_point .point2 .point2_txt {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        bottom: 4px; }
        @media screen and (max-width: 800px) {
          .minepc-pc .section3 .strong_point .point2 .point2_txt {
            width: 23.75vw;
            bottom: 0.2083333vw; } }

.minepc-pc .section4 .section4-titlegroup {
  position: relative;
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 240px; }
  .minepc-pc .section4 .section4-titlegroup > img:nth-of-type(1) {
    width: 100%; }
  .minepc-pc .section4 .section4-titlegroup .section4_dialog {
    position: absolute;
    left: 378px;
    top: -30px;
    -webkit-animation: floating 6s ease-in-out infinite both;
    animation: floating 6s ease-in-out infinite both; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section4 .section4-titlegroup {
      width: 59.375vw;
      margin-top: 12.5vw; }
      .minepc-pc .section4 .section4-titlegroup .section4_dialog {
        left: 19.6875vw;
        top: -1.5625vw;
        width: 18.0208333vw; } }

.minepc-pc .section4 .section4_content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 180px; }
  .minepc-pc .section4 .section4_content-container > img:nth-of-type(2) {
    position: relative;
    top: 0px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section4 .section4_content-container {
      margin-top: 9.375vw; }
      .minepc-pc .section4 .section4_content-container > img:nth-of-type(1) {
        width: 39.2708vw; }
      .minepc-pc .section4 .section4_content-container > img:nth-of-type(2) {
        top: 0vw;
        width: 42.9167vw; } }

.minepc-pc .section5 {
  width: 100%;
  /*height: 1480px;*/
  margin-bottom: -15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pc/section5_bg.jpg"); }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section5 {
      /*height: 77.0833333vw;*/
      margin-top: -0.78125vw; } }
  .minepc-pc .section5 .s5_title-group {
    width: 931px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 10px; }
    .minepc-pc .section5 .s5_title-group > img:nth-of-type(1) {
      width: 100%; }
    .minepc-pc .section5 .s5_title-group > img:nth-of-type(2) {
      position: absolute;
      left: -440px;
      top: -193px;
      -webkit-animation: floating2 3.5s ease-in-out infinite alternate both;
      animation: floating2 3.5s ease-in-out infinite alternate both; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section5 .s5_title-group {
        width: 48.48958vw;
        margin-top: 0.5208333vw; }
        .minepc-pc .section5 .s5_title-group > img:nth-of-type(2) {
          left: -22.9167vw;
          top: -10.0520833vw;
          width: 22.5vw; } }
  .minepc-pc .section5 .s5_recipe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -65px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section5 .s5_recipe {
        width: 75.1041666vw;
        margin-top: -3.3854166vw; } }

.minepc-pc .section67 {
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/pc/s67.jpg"); }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section67 {
      height: auto; } }

.minepc-pc .section6 {
  padding-bottom: 340px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section6 {
      padding-bottom: 16.667vw; } }
  .minepc-pc .section6 .s6_top {
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1210px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px; }
    .minepc-pc .section6 .s6_top .title {
      width: 752px;height: auto; }
    .minepc-pc .section6 .s6_top .pot_container {
      position: relative;
      right: -25px; }
      .minepc-pc .section6 .s6_top .pot_container > img:nth-of-type(1) {
        width: 454px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section6 .s6_top .pot_container {
          right: -1.3020833vw; }
          .minepc-pc .section6 .s6_top .pot_container > img:nth-of-type(1) {
            width: 23.6458vw; } }
    .minepc-pc .section6 .s6_top .s6_circle {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 260px; }
      .minepc-pc .section6 .s6_top .s6_circle > img {
        position: absolute; }
        .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(1) {
          bottom: -10px;
          left: 123px;
          z-index: 1;
          width: 182px; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(1).active {
            -webkit-animation: shining 2.5s 1s ease-in-out infinite alternate;
            animation: shining 2.5s 1s ease-in-out infinite alternate; }
        .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(2) {
          bottom: -14px;
          left: 140px;
          width: 146px; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(2).active {
            -webkit-animation: shining 2.5s 0.5s ease-in-out infinite alternate;
            animation: shining 2.5s 0.5s ease-in-out infinite alternate; }
        .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(3) {
          bottom: -14px;
          left: 153px;
          width: 118px; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(3).active {
            -webkit-animation: shining 2.5s ease-in-out infinite alternate;
            animation: shining 2.5s ease-in-out infinite alternate; }
    .minepc-pc .section6 .s6_top .s6_dialogue {
      position: absolute;
      left: 0;
      top: 10px;
      -webkit-transition: opacity 1.75s ease-in-out;
      -o-transition: opacity 1.75s ease-in-out;
      transition: opacity 1.75s ease-in-out; }
      .minepc-pc .section6 .s6_top .s6_dialogue.active {
        opacity: 1;
        -webkit-animation: floating2 4.25s ease-in-out infinite alternate;
        animation: floating2 4.25s ease-in-out infinite alternate; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section6 .s6_top {
        width: 63.0208333vw;
        margin-bottom: 0vw; }
        .minepc-pc .section6 .s6_top .title {
          width: 39.1667vw; }
        .minepc-pc .section6 .s6_top .s6_circle {
          height: 13.5416666vw; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(1) {
            bottom: -0.5208333vw;
            left: 6.40625vw;
            width: 9.4791666vw; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(2) {
            bottom: -0.729166vw;
            left: 7.2916666vw;
            width: 7.6041666vw; }
          .minepc-pc .section6 .s6_top .s6_circle > img:nth-of-type(3) {
            bottom: -0.7291666vw;
            left: 7.96875vw;
            width: 6.1458333vw; }
        .minepc-pc .section6 .s6_top .s6_dialogue {
          top: 0.5208333vw;
          width: 8.5416666vw; } }
  .minepc-pc .section6 .s6_bottom {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .minepc-pc .section6 .s6_bottom > img:nth-of-type(1) {
      width: 100%; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section6 .s6_bottom {
        width: 61.4583333vw; } }
    .minepc-pc .section6 .s6_bottom .s6b_model {
      position: absolute;
      bottom: 118px;
      right: 22px;
      width: 219px;
      height: 221px; }
      .minepc-pc .section6 .s6_bottom .s6b_model > img {
        position: absolute; }
        .minepc-pc .section6 .s6_bottom .s6b_model > img:nth-of-type(1) {
          width: 219px;
          height: 221px; }
        .minepc-pc .section6 .s6_bottom .s6b_model > img:nth-of-type(2) {
          width: 206px;
          height: 141px;
          top: -140px;
          right: 65px;
          -webkit-animation: floating 5.25s ease-in-out infinite alternate both;
          animation: floating 5.25s ease-in-out infinite alternate both; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section6 .s6_bottom .s6b_model {
          bottom: 6.1458333vw;
          right: 1.1458333vw;
          width: 11.40625vw;
          height: 11.5104166vw; }
          .minepc-pc .section6 .s6_bottom .s6b_model > img:nth-of-type(1) {
            width: 11.40625vw;
            height: 11.5104166vw; }
          .minepc-pc .section6 .s6_bottom .s6b_model > img:nth-of-type(2) {
            width: 10.7291666vw;
            height: 7.34375vw;
            top: -7.2916666vw;
            right: 3.3854166vw; } }

.minepc-pc .section7 .s7_title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 870px;
  margin-left: auto;
  margin-right: auto; }
  .minepc-pc .section7 .s7_title-group .title {
    position: relative;
    left: 77px;
    height: 199px;
    top: 32px; }

.minepc-pc .section7 .dialogue-group > img:nth-of-type(1) {
  position: absolute;
  left: 6px;
  top: -117px;
  z-index: 0;
  -webkit-animation: floating2 4s ease-in-out infinite alternate both;
  animation: floating2 4s ease-in-out infinite alternate both; }

.minepc-pc .section7 .dialogue-group > img:nth-of-type(2) {
  position: relative;
  z-index: 1;
  left: 55px; }

.minepc-pc .section7 .s7_food {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 53px; }

@media screen and (max-width: 1920px) {
  .minepc-pc .section7 .s7_title-group {
    width: 45.3125vw; }
    .minepc-pc .section7 .s7_title-group .title {
      left: 4.0104166vw;
      top: 1.6666666vw;
      width: 34.7395833vw;
      height: 10.3645833vw; }
  .minepc-pc .section7 .dialogue-group > img:nth-of-type(1) {
    left: .3125vw;
    top: -6.09375vw;
    width: 7.7604vw; }
  .minepc-pc .section7 .dialogue-group > img:nth-of-type(2) {
    left: 2.8645833vw;
    width: 10.5729166vw; }
  .minepc-pc .section7 .s7_food {
    width: 64.5833333vw;
    margin-top: 2.7604166vw; } }

.minepc-pc .section8_10 {
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/pc/bg_8_10.jpg");
  margin-bottom: 230px; }
  @media screen and (max-width: 1920px) {
    .minepc-pc .section8_10 {
      height: auto;
      margin-bottom: 11.9791666vw; } }
  @media screen and (max-width: 800px) {
    .minepc-pc .section8_10 {
      margin-bottom: 18px; } }
/*  .minepc-pc .section8_10 .section8 {
    height: 1189px; }*/
/*    @media screen and (max-width: 1920px) {
      .minepc-pc .section8_10 .section8 {
        height: 61.9270833vw; } }*/
    .minepc-pc .section8_10 .section8 .s8_all {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section8_10 .section8 .s8_all {
          width: 61.71875vw; } }
  .minepc-pc .section8_10 .section9 {
    margin-top: 139px;
    height: 1498px; }
    .minepc-pc .section8_10 .section9 .title {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 851px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section8_10 .section9 {
        margin-top: 7.23125vw;
        height: 78.0208333vw; }
        .minepc-pc .section8_10 .section9 .title {
          width: 44.322916vw; } }
    .minepc-pc .section8_10 .section9 .s9_popup {
      width: 1390px;
      height: 1180px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 90px;
      margin-bottom: 104px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .minepc-pc .section8_10 .section9 .s9_popup > div {
        width: 400px;
        height: 546px; }
        .minepc-pc .section8_10 .section9 .s9_popup > div > img:nth-of-type(1) {
          display: block;
          margin-left: auto;
          margin-right: auto; }
      .minepc-pc .section8_10 .section9 .s9_popup .food_recipe {
        width: 400px;
        height: 400px;
        position: relative;
        top: 21px;
        overflow: hidden;
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
        .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          position: relative;
          cursor: pointer; }
          .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container > img:nth-of-type(1) {
            width: 100%;
            position: relative;
            top: 1px;
            left: -1px; }
            @media screen and (max-width: 1920px) {
              .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container > img:nth-of-type(1) {
                top: 0.0520833vw;
                left: -0.0520833vw; } }
          .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .light_circle {
            width: 96%;
            height: 96%;
            left: 8px;
            top: 9px;
            border-radius: 50%;
            position: absolute;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("../images/pc/light_circle.png");
            z-index: 1; }
            @media screen and (max-width: 1920px) {
              .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .light_circle {
                left: 0.4166666vw;
                top: 0.46875vw; } }
          .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .light_circle:hover + .inner_content > img {
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            transform: scale(1.06); }
          .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .inner_content {
            position: absolute;
            width: 95%;
            height: 95%;
            z-index: 1;
            left: 11px;
            top: 11px;
            overflow: hidden;
            z-index: 0;
            border-radius: 50%; }
            @media screen and (max-width: 1920px) {
              .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .inner_content {
                left: 0.5729166vw;
                top: 0.5729166vw; } }
            .minepc-pc .section8_10 .section9 .s9_popup .food_recipe .img-container .inner_content > img {
              width: 100%;
              -webkit-transition: -webkit-transform 0.25s linear;
              transition: -webkit-transform 0.25s linear;
              -o-transition: transform 0.25s linear;
              transition: transform 0.25s linear;
              transition: transform 0.25s linear, -webkit-transform 0.25s linear; }
      .minepc-pc .section8_10 .section9 .s9_popup .pop_btn {
        position: absolute;
        right: 12px;
        bottom: 21px;
        z-index: 1;
        cursor: pointer; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section8_10 .section9 .s9_popup {
          width: 72.3958vw;
          height: 61.4583333vw;
          margin-top: 4.6875vw;
          margin-bottom: 5.4166666vw; }
          .minepc-pc .section8_10 .section9 .s9_popup > div {
            width: 20.8333333vw;
            height: 28.4375vw; }
            .minepc-pc .section8_10 .section9 .s9_popup > div > img:nth-of-type(1) {
              width: 9.0625vw; }
          .minepc-pc .section8_10 .section9 .s9_popup > div:nth-of-type(4),
          .minepc-pc .section8_10 .section9 .s9_popup > div:nth-of-type(5) {
            width: 20.8333333vw;
            height: 28.4375vw; }
            .minepc-pc .section8_10 .section9 .s9_popup > div:nth-of-type(4) > img:nth-of-type(1),
            .minepc-pc .section8_10 .section9 .s9_popup > div:nth-of-type(5) > img:nth-of-type(1) {
              width: 11.875vw; }
          .minepc-pc .section8_10 .section9 .s9_popup .food_recipe {
            width: 20.8333333vw;
            height: 20.8333333vw;
            top: 1.09375vw; }
          .minepc-pc .section8_10 .section9 .s9_popup .pop_btn {
            position: absolute;
            right: 0.625vw;
            bottom: 1.09375vw;
            width: 4.1145833vw; } }
  .minepc-pc .section8_10 .section10 {
    height: 3243px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section8_10 .section10 {
        height: 168.90625vw; } }
    .minepc-pc .section8_10 .section10 > img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 1530px; }
      @media screen and (max-width: 1920px) {
        .minepc-pc .section8_10 .section10 > img {
          width: 79.6875vw; } }
  .minepc-pc .section8_10 .section11 {
    position: relative;
    width: 100%;
    margin-bottom: 216px;
    z-index: 2; }
    .minepc-pc .section8_10 .section11 .main11 {
      display: block;
      width: 1520px;margin-left: auto;
    margin-right: auto; }
    .minepc-pc .section8_10 .section11 .purchase_container {
      position: absolute;
      width: 100%;
      height: 45.7%;
      bottom: 0; }
    .minepc-pc .section8_10 .section11 .purchase_group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 23px; }
      .minepc-pc .section8_10 .section11 .purchase_group > div > a {
        display: block; }
        .minepc-pc .section8_10 .section11 .purchase_group > div > a:not(:first-of-type) {
          margin-top: 14px; }
      .minepc-pc .section8_10 .section11 .purchase_group > div > a > img {
        display: block;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
        .minepc-pc .section8_10 .section11 .purchase_group > div > a > img:hover {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05); }
    .minepc-pc .section8_10 .section11 .purchase-item:first-of-type {
      width: 123px; }
    .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(2) {
      width: 280px; }
    .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(3) {
      position: relative;
      width: 280px;
      left: 0px; }
    .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(4) {
      position: relative;
      width: 280px;
      left: 0px; }
    .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(5) {
      position: relative;
      width: 280px;
      left: 0px; }
    .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(6) {
      position: relative;
      width: 0px; }
    @media screen and (max-width: 1920px) {
      .minepc-pc .section8_10 .section11{margin-bottom: 11.25vw;}
      .minepc-pc .section8_10 .section11 .main11 {
        width: 79.1666666vw;
         }
        .minepc-pc .section8_10 .section11 .purchase_group {
          /*margin-top: 1.1979166vw; */
          margin-top: 0vw; 
        }
          .minepc-pc .section8_10 .section11 .purchase_group > div > a {
            display: block; }
            .minepc-pc .section8_10 .section11 .purchase_group > div > a:not(:first-of-type) {
              margin-top: 0.6291666vw; }
          .minepc-pc .section8_10 .section11 .purchase_group > div > a > img {
            width: 11.09375vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:first-of-type {
          width: 6.40625vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(2) {
          width: 14.5833vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(3) {
          position: relative;
          width: 14.5833vw;
          left: 0vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(4) {
          position: relative;
          width: 14.5833vw;
          left: 0vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(5) {
          position: relative;
          width: 14.5833vw;
          left: 0vw; }
        .minepc-pc .section8_10 .section11 .purchase-item:nth-of-type(6) {
          position: relative;
          width: 14.5833vw;
          left: 0vw; } }

.minepc-mb {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }
  .minepc-mb .hide {
    opacity: 0; }
  .minepc-mb .s1_m {
    width: 100%;
    height: 1330px;
    padding-top: 57px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url("../images/mobile/s1m_bg.jpg");
    background-size: contain; }
    .minepc-mb .s1_m .title {
      width: 579px;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .minepc-mb .s1_m .front,
    .minepc-mb .s1_m .back,
    .minepc-mb .s1_m .decor_cloud_m,
    .minepc-mb .s1_m .decor_cloud_m2,
    .minepc-mb .s1_m .decor_cloud_m3 {
      position: absolute; }
    .minepc-mb .s1_m .front {
      top: 50px;
      width: 100%;
      z-index: 2; }
    .minepc-mb .s1_m .back {
      right: 105px;
      top: 720px; }
    .minepc-mb .s1_m .decor_cloud_m {
      bottom: 360px;
      z-index: 3;
      left: 300px;
      width: 96px;
      height: 62px; }
    .minepc-mb .s1_m .decor_cloud_m2 {
      z-index: 3;
      top: 540px;
      left: 0;
      width: 77px;
      height: 84px; }
    .minepc-mb .s1_m .decor_cloud_m3 {
      z-index: 3;
      bottom: -80px;
      left: 0;
      width: 161px;
      height: 176px; }
    .minepc-mb .s1_m .scroll_btn_m {
      position: fixed;
      bottom: 40px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: opacity 0.35s ease-in-out;
      -o-transition: opacity 0.35s ease-in-out;
      transition: opacity 0.35s ease-in-out;
      will-change: opacity;
      z-index: 3;
      -webkit-animation: floating3 2.5s ease-in-out infinite alternate both;
      animation: floating3 2.5s ease-in-out infinite alternate both; }
    .minepc-mb .s1_m .balloon_group {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-animation: air_balloon 5s ease-in-out alternate infinite;
      animation: air_balloon 5s ease-in-out alternate infinite; }
      .minepc-mb .s1_m .balloon_group > img {
        position: absolute; }
    .minepc-mb .s1_m .food_france {
      top: 385px;
      left: 0;
      z-index: 1;
      -webkit-animation: air_balloon 6s 1.2s ease-in-out alternate infinite;
      animation: air_balloon 6s 1.2s ease-in-out alternate infinite; }
    .minepc-mb .s1_m .food_usa {
      right: 145px;
      top: 337px;
      z-index: 1;
      -webkit-animation: air_balloon 5s -0.7s ease-in-out alternate infinite;
      animation: air_balloon 5s -0.7s ease-in-out alternate infinite; }
    .minepc-mb .s1_m .food_korea {
      right: 0;
      top: 450px;
      -webkit-animation: air_balloon 6s -1.3s ease-in-out alternate infinite;
      animation: air_balloon 6s -1.3s ease-in-out alternate infinite; }
    .minepc-mb .s1_m .food_main {
      left: 0;
      z-index: 1;
      bottom: -260px;
      -webkit-animation: air_balloon 5s ease-in-out alternate infinite;
      animation: air_balloon 5s ease-in-out alternate infinite; }
    .minepc-mb .s1_m .food_japan {
      right: 116px;
      top: 640px;
      -webkit-animation: air_balloon 6s ease-in-out alternate infinite;
      animation: air_balloon 6s ease-in-out alternate infinite; }
    .minepc-mb .s1_m .food_taiwan {
      right: -20px;
      bottom: 50px;
      -webkit-animation: air_balloon 6s -2s ease-in-out alternate infinite;
      animation: air_balloon 6s -2s ease-in-out alternate infinite; }
    @media screen and (max-width: 640px) {
      .minepc-mb .s1_m {
        height: 207.8125vw;
        padding-top: 8.90625vw; }
        .minepc-mb .s1_m .title {
          width: 90.454616vw; }
        .minepc-mb .s1_m .front {
          top: 7.8125vw; }
        .minepc-mb .s1_m .back {
          top: 112.5vw;
          right: 16.40625vw;
          width: 56.71875vw; }
        .minepc-mb .s1_m .decor_cloud_m {
          width: 15vw;
          height: 9.6875vw;
          bottom: 56.25vw;
          left: 46.875vw; }
        .minepc-mb .s1_m .decor_cloud_m2 {
          top: 84.375vw;
          width: 12.03125vw;
          height: 13.125vw; }
        .minepc-mb .s1_m .decor_cloud_m3 {
          bottom: -4.1666666vw;
          width: 25.15625vw;
          height: 27.5vw; }
        .minepc-mb .s1_m .scroll_btn_m {
          bottom: 6.25vw;
          width: 14.6875vw; }
        .minepc-mb .s1_m .food_france {
          top: 60.15625vw;
          width: 45.78125vw;left: -3vw; }
        .minepc-mb .s1_m .food_france {
          top: 55.15625vw;
          width: 45.78125vw; }
        .minepc-mb .s1_m .food_usa {
          right: 22.65625vw;
          top: 52.65625vw;
          width: 48.28125vw; }
        .minepc-mb .s1_m .food_korea {
          top: 52.40625vw;
          width: 45vw; }
        .minepc-mb .s1_m .food_main {
          bottom: -38.625vw;
          width: 78.75vw; }
        .minepc-mb .s1_m .food_japan {
          left: 20.9375vw;
          top: 80.3125vw;
          width: 63.4375vw; }
        .minepc-mb .s1_m .food_taiwan {
          width: 54.53125vw;right: -3vw;bottom: 20.8125vw; } }
  .minepc-mb .s2_m {
    width: 100%;
    height: 1255px;
    background-repeat: no-repeat;
    background-image: url("../images/mobile/s2m_bg.jpg");
    background-size: contain;
    position: relative; }
    .minepc-mb .s2_m .balloon_group {
      position: relative;
      top: 320px; }
      .minepc-mb .s2_m .balloon_group > img {
        position: absolute; }
        .minepc-mb .s2_m .balloon_group > img:first-of-type {
          width: 80px;
          left: 456px;
          top: 20px;
          -webkit-animation: air_balloon 4s ease-in-out alternate infinite;
          animation: air_balloon 4s ease-in-out alternate infinite; }
        .minepc-mb .s2_m .balloon_group > img:nth-of-type(2) {
          width: 62px;
          left: 350px;
          top: 70px;
          -webkit-animation: air_balloon 5s 0.5s ease-in-out alternate infinite;
          animation: air_balloon 5s 0.5s ease-in-out alternate infinite; }
        .minepc-mb .s2_m .balloon_group > img:nth-of-type(3) {
          width: 53px;
          left: 149px;
          top: 88px;
          -webkit-animation: air_balloon 4s -0.5s ease-in-out alternate infinite;
          animation: air_balloon 4s -0.5s ease-in-out alternate infinite; }
        .minepc-mb .s2_m .balloon_group > img:nth-of-type(4) {
          right: 142px;
          top: 125px;
          width: 54px;
          -webkit-animation: air_balloon 5s -1s ease-in-out alternate infinite;
          animation: air_balloon 5s -1s ease-in-out alternate infinite; }
/*        .minepc-mb .s2_m .balloon_group > img:last-of-type {
          width: 54px;
          right: 55px;
          top: 63px;
          -webkit-animation: air_balloon 4s ease-in-out alternate infinite;
          animation: air_balloon 4s ease-in-out alternate infinite; }*/
      @media screen and (max-width: 640px) {
        .minepc-mb .s2_m .balloon_group {
          top: 50vw; }
          .minepc-mb .s2_m .balloon_group > img:first-of-type {
            width: 12.5vw;
            left: 71.25vw;
            top: 7.8125vw; }
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(2) {
             width: 9.6875vw;
          left: 54.6875vw;
          top: 10.9375vw;}
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(3) {
            width: 8.28125vw;
            left: 23.28125vw;
            top: 13.75vw; }
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(4) {
            right: 22.1875vw;
            top: 19.53125vw;
            width: 8.4375vw; }
          .minepc-mb .s2_m .balloon_group > img:last-of-type {
            width: 8.4375vw;
            right: 8.59375vw;
            top: 9.84375vw; } }
    .minepc-mb .s2_m .flag_group {
      position: absolute;
      width: 100%;
      height: 626px;
      bottom: 0; }
      .minepc-mb .s2_m .flag_group .sign {
        opacity: 0; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(1) {
          -webkit-animation: flag 0.85s ease-in-out both;
          animation: flag 0.85s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(2) {
          -webkit-animation: flag 0.85s 0.1s ease-in-out both;
          animation: flag 0.85s 0.1s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(3) {
          -webkit-animation: flag 0.85s 0.3s ease-in-out both;
          animation: flag 0.85s 0.3s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(4) {
          -webkit-animation: flag 0.85s 0.2s ease-in-out both;
          animation: flag 0.85s 0.2s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(5) {
          -webkit-animation: flag 0.85s 0.4s ease-in-out both;
          animation: flag 0.85s 0.4s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(6) {
          -webkit-animation: flag 0.85s 0.5s ease-in-out both;
          animation: flag 0.85s 0.5s ease-in-out both; }
        .minepc-mb .s2_m .flag_group .sign.active:nth-of-type(7) {
          -webkit-animation: flag 0.85s 0.6s ease-in-out both;
          animation: flag 0.85s 0.6s ease-in-out both; }
      .minepc-mb .s2_m .flag_group > img {
        position: absolute;
        z-index: 1; }
        .minepc-mb .s2_m .flag_group > img:first-of-type {
          bottom: 228px;
          left: 40px; }
        .minepc-mb .s2_m .flag_group > img:nth-of-type(2) {
          left: 276px;
          top: 180px; }
        .minepc-mb .s2_m .flag_group > img:nth-of-type(3) {
          left: 128px;
          bottom: 75px; }
        .minepc-mb .s2_m .flag_group > img:nth-of-type(4) {
          right: 28px;
          bottom: 170px; }
        .minepc-mb .s2_m .flag_group > img:nth-of-type(5) {
          right: 70px;
          bottom: 0; }
        .minepc-mb .s2_m .flag_group > img:nth-of-type(6) {
          right: 93px;
          top: 34px; }
        .minepc-mb .s2_m .flag_group > img:last-of-type {
          right: 0;
          top: 132px; }
    @media screen and (max-width: 640px) {
      .minepc-mb .s2_m {
        height: 196.09375vw; }
        .minepc-mb .s2_m .balloon_group {
          top: 50vw; }
          .minepc-mb .s2_m .balloon_group > img:first-of-type {
            width: 12.5vw;
            left: 71.25vw;
            top: 7.8125vw; }
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(2) {
             width: 9.6875vw;
          left: 54.6875vw;
          top: 10.9375vw;}
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(3) {
            width: 8.28125vw;
            left: 23.28125vw;
            top: 13.75vw; }
          .minepc-mb .s2_m .balloon_group > img:nth-of-type(4) {
            right: 22.1875vw;
            top: 19.53125vw;
            width: 8.4375vw; }
          .minepc-mb .s2_m .balloon_group > img:last-of-type {
            width: 8.4375vw;
            right: 8.59375vw;
            top: 9.84375vw; }
        .minepc-mb .s2_m .flag_group {
          height: 97.8125vw; }
          .minepc-mb .s2_m .flag_group > img:first-of-type {
            width: 23.90625vw;
            bottom: 35.625vw;
            left: 6.25vw; }
          .minepc-mb .s2_m .flag_group > img:nth-of-type(2) {
            width: 23.28125vw;
            left: 43.125vw;
            top: 28.125vw; }
          .minepc-mb .s2_m .flag_group > img:nth-of-type(3) {
            width: 24.375vw;
            left: 20vw;
            bottom: 11.71875vw; }
          .minepc-mb .s2_m .flag_group > img:nth-of-type(4) {
            width: 23.28125vw;
            right: 4.375vw;
            bottom: 26.5625vw; }
          .minepc-mb .s2_m .flag_group > img:nth-of-type(5) {
            width: 24.6875vw;
            right: 10.9375vw; }
          .minepc-mb .s2_m .flag_group > img:nth-of-type(6) {
            width: 23.28125vw;
            right: 14.53125vw;
            top: 5.3125vw; }
          .minepc-mb .s2_m .flag_group > img:last-of-type {
            width: 21.40625vw;
            top: 20.625vw; } }
  .minepc-mb .s3_4_m {
    height: auto;
    background-repeat: no-repeat;
    background-image: url("../images/mobile/s3_4_m_bg.jpg");
    background-size: contain;
    position: relative;
    padding-top: 140px;
    top: -1px; }
    .minepc-mb .s3_4_m .mb_bg {
      position: absolute;
      width: 100%;
      max-width: 640px;
      z-index: 10;
      top: 0;
      -webkit-animation: air_balloon_m 7s ease-in-out alternate infinite;
      animation: air_balloon_m 7s ease-in-out alternate infinite; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s3_4_m .mb_bg {
          width: 100vw;
          left: -0.5625vw; } }
    .minepc-mb .s3_4_m .title {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .minepc-mb .s3_4_m .s3m {
      margin-top: 54px;
      z-index: 3; }
      .minepc-mb .s3_4_m .s3m > img {
        display: block; }
      .minepc-mb .s3_4_m .s3m .top {
        position: relative; }
        .minepc-mb .s3_4_m .s3m .top > img {
          margin-left: 90px; }
      .minepc-mb .s3_4_m .s3m .bottom {
        margin-top: 12px;
        position: relative; }
        .minepc-mb .s3_4_m .s3m .bottom > img {
          margin-left: 54px; }
        .minepc-mb .s3_4_m .s3m .bottom .arrow_up {
          position: absolute;
          bottom: 124px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .minepc-mb .s3_4_m .s3m .bottom .arrow_up > img:nth-of-type(2) {
            position: absolute;
            right: -68px;
            bottom: 0;
            left: 50%;
            -webkit-animation: arrow_up 4s ease-in-out infinite;
            animation: arrow_up 4s ease-in-out infinite; }
        .minepc-mb .s3_4_m .s3m .bottom .arrow_down {
          position: absolute;
          bottom: 243px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .minepc-mb .s3_4_m .s3m .bottom .arrow_down > img:nth-of-type(1) {
            position: relative;
            z-index: 1; }
          .minepc-mb .s3_4_m .s3m .bottom .arrow_down > img:nth-of-type(2) {
            position: absolute;
            right: -15px;
            bottom: -32px;
            left: 50%;
            -webkit-animation: arrow_down 4s ease-in-out infinite;
            animation: arrow_down 4s ease-in-out infinite; }
      .minepc-mb .s3_4_m .s3m .push_group {
        position: absolute;
        width: 100%;
        bottom: 225px; }
        .minepc-mb .s3_4_m .s3m .push_group > img {
          position: absolute; }
          .minepc-mb .s3_4_m .s3m .push_group > img:first-of-type {
            left: 295px;
            top: -162px;
            -webkit-animation: massage 5.5s -0.3s ease-in-out infinite both;
            animation: massage 5.5s -0.3s ease-in-out infinite both; }
          .minepc-mb .s3_4_m .s3m .push_group > img:nth-of-type(2) {
            left: 220px;
            top: -5px;
            -webkit-animation: massage 5.5s 0.3s ease-in-out infinite both;
            animation: massage 5.5s 0.3s ease-in-out infinite both; }
          .minepc-mb .s3_4_m .s3m .push_group > img:last-of-type {
            right: 190px;
            bottom: -20px;
            -webkit-animation: massage 5.5s -0.55s ease-in-out infinite both;
            animation: massage 5.5s -0.55s ease-in-out infinite both; }
        @media screen and (max-width: 640px) {
          .minepc-mb .s3_4_m .s3m .push_group {
            bottom: 35.15625vw; }
            .minepc-mb .s3_4_m .s3m .push_group > img {
              width: 10vw; }
              .minepc-mb .s3_4_m .s3m .push_group > img:first-of-type {
                left: 46.09375vw;
                top: -25.3125vw; }
              .minepc-mb .s3_4_m .s3m .push_group > img:nth-of-type(2) {
                left: 34.375vw;
                top: -0.78125vw; }
              .minepc-mb .s3_4_m .s3m .push_group > img:last-of-type {
                right: 29.6875vw;
                bottom: -3.125vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s3_4_m {
        /*height: 605vw;*/
        padding-top: 21.875vw;
        top: -0.15625vw; }
        .minepc-mb .s3_4_m .title {
          width: 72.96875vw; }
        .minepc-mb .s3_4_m .s3m {
          margin-top: 8.4375vw; }
          .minepc-mb .s3_4_m .s3m .top > img {
            margin-left: 14.0625vw;
            width: 81.5625vw; }
          .minepc-mb .s3_4_m .s3m .bottom {
            margin-top: 1.875vw; }
            .minepc-mb .s3_4_m .s3m .bottom > img {
              margin-left: 8.4375vw;
              width: 88.28125vw; }
            .minepc-mb .s3_4_m .s3m .bottom .arrow_up {
              bottom: 19.375vw; }
              .minepc-mb .s3_4_m .s3m .bottom .arrow_up > img:nth-of-type(1) {
                width: 18.90625vw; }
              .minepc-mb .s3_4_m .s3m .bottom .arrow_up > img:nth-of-type(2) {
                right: -10.625vw;
                width: 39.21875vw; }
            .minepc-mb .s3_4_m .s3m .bottom .arrow_down {
              bottom: 37.96875vw; }
              .minepc-mb .s3_4_m .s3m .bottom .arrow_down > img:nth-of-type(1) {
                width: 16.875vw; }
              .minepc-mb .s3_4_m .s3m .bottom .arrow_down > img:nth-of-type(2) {
                right: -2.34375vw;
                bottom: -5vw;
                width: 21.40625vw; } }
    .minepc-mb .s3_4_m .s4m {
      margin-top: 0; }
      .minepc-mb .s3_4_m .s4m > img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s3_4_m .s4m {
          margin-top: 0vw; }
          .minepc-mb .s3_4_m .s4m > img {
            width: 86.25vw; } }
  .minepc-mb .s5_10_m {
    width: 100%;
    padding-bottom: 60px;
    background-size: contain;
    background-image: url("../images/mobile/s5_10m.jpg");
    position: relative;
    margin-top: -1px; }
    .minepc-mb .s5_10_m img {
      max-width: none; }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m {
        margin-top: -0.15625vw; } }
    .minepc-mb .s5_10_m .s5m {
       }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s5m { } }
      .minepc-mb .s5_10_m .s5m > .title {
        width: 100%;
        position: relative;
        z-index: 11; }
    .minepc-mb .s5_10_m .swiper1 {
      width: 52%;
      margin-left: auto;
      margin-right: auto;
      height: 584px;
      z-index: 10;
      margin-top: 0px;
      overflow: visible; }
      .minepc-mb .s5_10_m .swiper1 .pic-img.type_brown-img {
        left: 48%; }
      .minepc-mb .s5_10_m .swiper1 .pic-img.type_rice-img {
        left: 49%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper1 {
          height: 91.25vw;
          margin-top: -39.84375vw; } }
    .minepc-mb .s5_10_m .swiper-prev,
    .minepc-mb .s5_10_m .swiper-next {
      position: absolute;
      top: 50%;
      height: 70%;
      -webkit-transform: translateY(-70%);
      -ms-transform: translateY(-70%);
      transform: translateY(-70%);
      -webkit-transition: opacity 0.45s ease-in-out;
      -o-transition: opacity 0.45s ease-in-out;
      transition: opacity 0.45s ease-in-out;
      z-index: 2; }
      .minepc-mb .s5_10_m .swiper-prev > img,
      .minepc-mb .s5_10_m .swiper-next > img {
        opacity: 0; }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .type_brown-img {
        width: 39.2188vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .type_rice-img {
        width: 37.96875vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .type_jp1-img {
        width: 48.90625vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .type_jp2-img {
        width: 50.15625vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .type_jp3-img {
        width: 45vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .progress1_food-img {
        width: 44.53125vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .progress2_food-img {
        width: 45.3125vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .progress3_food-img {
        width: 46.40625vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .progress4_food-img {
        width: 40.3125vw; } }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m .progress5_food-img {
        width: 45.46875vw; } }
    .minepc-mb .s5_10_m .swiper-prev > div {
      width: 100%;
      height: 100%;
      position: absolute;
      background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0));
      background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
    .minepc-mb .s5_10_m .swiper-prev.type_brown-img {
      left: -300px; }
      .minepc-mb .s5_10_m .swiper-prev.type_brown-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.type_brown-img {
          left: -46.875vw; } }
    .minepc-mb .s5_10_m .swiper-prev.type_rice-img {
      left: -290px; }
      .minepc-mb .s5_10_m .swiper-prev.type_rice-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.type_rice-img {
          left: -45.3125vw; } }
    .minepc-mb .s5_10_m .swiper-prev.type_jp1-img {
      left: -323px; }
      .minepc-mb .s5_10_m .swiper-prev.type_jp1-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.type_jp1-img {
          left: -50.46875vw; } }
    .minepc-mb .s5_10_m .swiper-prev.type_jp2-img {
      left: -330px; }
      .minepc-mb .s5_10_m .swiper-prev.type_jp2-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.type_jp2-img {
          left: -51.5625vw; } }
    .minepc-mb .s5_10_m .swiper-prev.type_jp3-img {
      left: -308px; }
      .minepc-mb .s5_10_m .swiper-prev.type_jp3-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.type_jp3-img {
          left: -48.125vw; } }
    .minepc-mb .s5_10_m .swiper-prev.progress1_food-img {
      left: -310px; }
      .minepc-mb .s5_10_m .swiper-prev.progress1_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.progress1_food-img {
          left: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-prev.progress2_food-img {
      left: -315px; }
      .minepc-mb .s5_10_m .swiper-prev.progress2_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.progress2_food-img {
          left: -49.21875vw; } }
    .minepc-mb .s5_10_m .swiper-prev.progress3_food-img {
      left: -315px; }
      .minepc-mb .s5_10_m .swiper-prev.progress3_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.progress3_food-img {
          left: -49.21875vw; } }
    .minepc-mb .s5_10_m .swiper-prev.progress4_food-img {
      left: -300px; }
      .minepc-mb .s5_10_m .swiper-prev.progress4_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.progress4_food-img {
          left: -46.875vw; } }
    .minepc-mb .s5_10_m .swiper-prev.progress5_food-img {
      left: -310px; }
      .minepc-mb .s5_10_m .swiper-prev.progress5_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-prev.progress5_food-img {
          left: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-next > div {
      width: 100%;
      height: 100%;
      position: absolute;
      background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
      background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }
    .minepc-mb .s5_10_m .swiper-next.type_brown-img {
      right: -318px; }
      .minepc-mb .s5_10_m .swiper-next.type_brown-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.type_brown-img {
          right: -49.6875vw; } }
    .minepc-mb .s5_10_m .swiper-next.type_rice-img {
      right: -280px; }
      .minepc-mb .s5_10_m .swiper-next.type_rice-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.type_rice-img {
          right: -43.75vw; } }
    .minepc-mb .s5_10_m .swiper-next.type_jp1-img {
      right: -310px; }
      .minepc-mb .s5_10_m .swiper-next.type_jp1-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.type_jp1-img {
          right: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-next.type_jp2-img {
      right: -345px; }
      .minepc-mb .s5_10_m .swiper-next.type_jp2-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.type_jp2-img {
          right: -53.90625vw; } }
    .minepc-mb .s5_10_m .swiper-next.type_jp3-img {
      right: -310px; }
      .minepc-mb .s5_10_m .swiper-next.type_jp3-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.type_jp3-img {
          right: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-next.progress1_food-img {
      right: -320px; }
      .minepc-mb .s5_10_m .swiper-next.progress1_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.progress1_food-img {
          right: -50vw; } }
    .minepc-mb .s5_10_m .swiper-next.progress2_food-img {
      right: -327px; }
      .minepc-mb .s5_10_m .swiper-next.progress2_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.progress2_food-img {
          right: -51.09375vw; } }
    .minepc-mb .s5_10_m .swiper-next.progress3_food-img {
      right: -314px; }
      .minepc-mb .s5_10_m .swiper-next.progress3_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.progress3_food-img {
          right: -49.0625vw; } }
    .minepc-mb .s5_10_m .swiper-next.progress4_food-img {
      right: -310px; }
      .minepc-mb .s5_10_m .swiper-next.progress4_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.progress4_food-img {
          right: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-next.progress5_food-img {
      right: -310px; }
      .minepc-mb .s5_10_m .swiper-next.progress5_food-img > img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-next.progress5_food-img {
          right: -48.4375vw; } }
    .minepc-mb .s5_10_m .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
    .minepc-mb .s5_10_m .swiper-pagination-bullet {
      width: 17px;
      height: 17px; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-pagination-bullet {
          width: calc(2.65625vw * 1.2);
          height: calc(2.65625vw * 1.2); } }
    .minepc-mb .s5_10_m .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 8px; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
          margin: 0 1.25vw; } }
    .minepc-mb .s5_10_m .swiper-pagination-bullet-active {
      background: #7eadda; }
    .minepc-mb .s5_10_m .type-container {
      position: relative;
      width: 100%; }
    .minepc-mb .s5_10_m .pic-img {
      position: absolute;
      left: 50%;
      top: 70%;
      -webkit-transform: translateX(-50%) translateY(-70%);
      -ms-transform: translateX(-50%) translateY(-70%);
      transform: translateX(-50%) translateY(-70%);
      z-index: 1;
      width: 267px; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .pic-img {
          width: 41.71875vw; } }
    .minepc-mb .s5_10_m .swiper-slide {
      width: 100%; }
    .minepc-mb .s5_10_m .s5m .pic {
      position: absolute;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 1;
      opacity: 0;
      will-change: opacity;
      -webkit-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
      .minepc-mb .s5_10_m .s5m .pic.active {
        opacity: 1; }
    .minepc-mb .s5_10_m .s6m .pic {
      position: absolute;
      left: 50%;
      top: 70%;
      -webkit-transform: translateX(-50%) translateY(-70%);
      -ms-transform: translateX(-50%) translateY(-70%);
      transform: translateX(-50%) translateY(-70%);
      z-index: 1;
      opacity: 0;
      will-change: opacity;
      -webkit-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
      .minepc-mb .s5_10_m .s6m .pic.active {
        opacity: 1; }
    @media screen and (max-width: 640px) {
      .minepc-mb .s5_10_m {
        padding-bottom: 9.375vw; }
        .minepc-mb .s5_10_m .s5m .pic {
          width: 38.2812vw; }
        .minepc-mb .s5_10_m .s6m .pic {
          width: 33.59375vw; } }
    .minepc-mb .s5_10_m .s6m {
      margin-top: 89px; }
      .minepc-mb .s5_10_m .s6m .s12_title {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 640px;
        height: 1px; }
      .minepc-mb .s5_10_m .s6m .s6_title {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 640px;
        z-index: 1;
        position: relative; }
      .minepc-mb .s5_10_m .s6m .swiper_subtitle2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -168px; }
      .minepc-mb .s5_10_m .s6m .swiper-container2 {
        margin-top: 47px;
        z-index: 10;
        position: relative;
        width: 50%;
        margin-left: auto;
        margin-right: auto; }
        .minepc-mb .s5_10_m .s6m .swiper-container2 .type-container {
          height: 398px; }
        .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-pagination2 {
          bottom: -55px;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          z-index: 10; }
        .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev,
        .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next {
          position: absolute;
          top: 67%;
          -webkit-transform: translateY(-70%);
          -ms-transform: translateY(-70%);
          transform: translateY(-70%); }
        .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev {
          z-index: 2; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev > div {
            width: 100%;
            height: 100%;
            position: absolute;
            background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
            background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
            background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0));
            background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev > div > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.chicken-img {
            left: -305px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.chicken-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.steak-img {
            left: -309px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.steak-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.pudding-img {
            left: -283px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.pudding-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.egg-img {
            left: -283px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-prev.egg-img > img {
              width: 100%; }
        .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next {
          z-index: 1; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next > div {
            width: 100%;
            height: 100%;
            position: absolute;
            background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
            background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
            background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
            background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.chicken-img {
            right: -305px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.chicken-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.egg-img {
            right: -305px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.egg-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.steak-img {
            right: -305px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.steak-img > img {
              width: 100%; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.pudding-img {
            right: -285px; }
            .minepc-mb .s5_10_m .s6m .swiper-container2 .swiper-next.pudding-img > img {
              width: 100%; }
      .minepc-mb .s5_10_m .s6m .swiper_subtitle2 {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s6m {
          margin-top: 13.5938vw; }
          .minepc-mb .s5_10_m .s6m .swiper-container2 {
            margin-top: 7.34375vw; }
          .minepc-mb .s5_10_m .s6m .type-container {
            height: 62.1875vw !important; }
          .minepc-mb .s5_10_m .s6m .s6_title {
            width: 100vw; }
          .minepc-mb .s5_10_m .s6m .swiper_subtitle2 {
            margin-top: -26.34375vw;
            width: 27.1875vw; }
          .minepc-mb .s5_10_m .s6m .swiper-prev.chicken-img {
            left: -47.65625vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-prev.steak-img {
            left: -48.28125vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-prev.pudding-img {
            left: -44.21875vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-prev.egg-img {
            left: -44.21875vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-next.chicken-img {
            right: -47.65625vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-next.egg-img {
            right: -47.65625vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-next.steak-img {
            right: -47.65625vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-next.pudding-img {
            right: -44.53125vw !important; }
          .minepc-mb .s5_10_m .s6m .pudding-img {
            width: 38.75vw !important; }
          .minepc-mb .s5_10_m .s6m .steak-img {
            width: 46.2vw !important; }
          .minepc-mb .s5_10_m .s6m .chicken-img {
            width: 45vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper-pagination2 {
            bottom: -8.59375vw !important; }
          .minepc-mb .s5_10_m .s6m .swiper_subtitle2 {
            width: 27.1875vw !important; } }
    .minepc-mb .s5_10_m .s7m {
      margin-top: 120px; }
      .minepc-mb .s5_10_m .s7m > img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s7m {
          margin-top: 18.75vw; }
          .minepc-mb .s5_10_m .s7m > img {
            width: 84.0625vw; } }
    .minepc-mb .s5_10_m .s8m {
      position: relative;
      margin-top: 87px;
      height: 1687px; }
      .minepc-mb .s5_10_m .s8m > .img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s8m {
          margin-top: 13.59375vw;
          height: 263.59375vmin; }
          .minepc-mb .s5_10_m .s8m > .img {
            width: 80.15625vw; } }
    .minepc-mb .s5_10_m .s9m {
      margin-top: 20px;
      position: relative;
      z-index: 10;
      height: 1490px; }
      .minepc-mb .s5_10_m .s9m > .img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .minepc-mb .s5_10_m .s9m .popup-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-top: 43px; }
        .minepc-mb .s5_10_m .s9m .popup-container > div {
          margin-bottom: 35px;
          position: relative; }
          .minepc-mb .s5_10_m .s9m .popup-container > div > div {
            position: absolute;
            width: 100%;
            height: 75%;
            bottom: 0; }
          @media screen and (max-width: 640px) {
            .minepc-mb .s5_10_m .s9m .popup-container > div > img:first-of-type {
              width: 42.3438vw; }
            .minepc-mb .s5_10_m .s9m .popup-container > div > img:nth-of-type(2) {
              width: 9.84375vw; } }
        .minepc-mb .s5_10_m .s9m .popup-container .pop_btn {
          position: absolute;
          right: 12px;
          bottom: 12px; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s9m {
          margin-top: 3.125vw;
          height: 232.28125vmin; }
          .minepc-mb .s5_10_m .s9m > .img {
            width: 80.625vw; }
          .minepc-mb .s5_10_m .s9m .popup-container > div > img:first-of-type {
            width: 42.3438vw; }
          .minepc-mb .s5_10_m .s9m .popup-container > div > img:nth-of-type(2) {
            width: 9.84375vw; }
          .minepc-mb .s5_10_m .s9m .popup-container .pop_btn {
            right: 1.875vw;
            bottom: 1.875vw; } }
    .minepc-mb .s5_10_m .s10m {
      position: relative;
      margin-top: 112px;
      z-index: 9; }
      .minepc-mb .s5_10_m .s10m .title {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .minepc-mb .s5_10_m .s10m .spec-container {
        margin-top: 62px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%; }
        .minepc-mb .s5_10_m .s10m .spec-container .poly-content {
          width: 25px; }
        .minepc-mb .s5_10_m .s10m .spec-container .body {
          overflow-y: hidden;
          overflow-x: auto; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s10m {
          margin-top: 17.5vw; }
          .minepc-mb .s5_10_m .s10m .spec-container {
            width: 100%; }
            .minepc-mb .s5_10_m .s10m .spec-container .poly-content {
              padding-left: 3.90625vw; }
          .minepc-mb .s5_10_m .s10m .title {
            width: 92.34375vw; }
          .minepc-mb .s5_10_m .s10m .spec-container {
            margin-top: 9.6875vw; }
            .minepc-mb .s5_10_m .s10m .spec-container .head > img {
              width: 39.6875vw; }
            .minepc-mb .s5_10_m .s10m .spec-container .body > img {
              width: 197.1875vw; } }
    .minepc-mb .s5_10_m .s11m {
      position: relative;
      z-index: 9;
      margin-top: 104px;
      height: 1187px; }
      .minepc-mb .s5_10_m .s11m .title {
        display: block;
        margin-left: auto;
        margin-right: auto; }
      .minepc-mb .s5_10_m .s11m .path-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 600px;
        margin-top: 95px; }
        .minepc-mb .s5_10_m .s11m .path-container .poly-content {
          padding-left: 25px; }
        .minepc-mb .s5_10_m .s11m .path-container .body {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow-y: hidden;
          overflow-x: auto; }
          .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item {
            position: relative; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item .purchase_link > a > img {
              margin-left: auto;
              margin-right: auto;
              -webkit-transform: translateX(-1.5px);
              -ms-transform: translateX(-1.5px);
              transform: translateX(-1.5px);
              pointer-events: none; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(4) .purchase_link > a > img {
              -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
              transform: translateX(0); }
          .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link {
            position: absolute;
            width: 100%;
            height: 617px;
            bottom: 0; }
            .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a {
              display: block; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a > img {
                display: block; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a:first-of-type {
                margin-top: 5px; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a:not(:first-of-type) {
                margin-top: 10px; }
      @media screen and (max-width: 640px) {
        .minepc-mb .s5_10_m .s11m {
          margin-top: 16.25vw;
          height: 185.46875vw; }
          .minepc-mb .s5_10_m .s11m .title {
            width: 38.90625vw; }
          .minepc-mb .s5_10_m .s11m .path-container {
            width: 100%;
            margin-top: 14.84375vw; }
            .minepc-mb .s5_10_m .s11m .path-container .poly-content {
              padding-left: 3.90625vw; }
            .minepc-mb .s5_10_m .s11m .path-container .head > img {
              width: 19.53125vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:first-of-type > img {
              width: 43.75vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(2) > img {
              width: 43.59375vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(3) > img {
              width: 43.75vmin; }
              .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(4) > img {
              width: 43.75vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(5) > img {
              width: 43.75vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:last-of-type > img {
              width: 42.8125vmin; }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item .purchase_link > a > img {
              -webkit-transform: translateX(-0.23438vmin);
              -ms-transform: translateX(-0.23438vmin);
              transform: translateX(-0.23438vmin); }
            .minepc-mb .s5_10_m .s11m .path-container .body > .purchase-item:nth-of-type(4) .purchase_link > a > img {
              -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
              transform: translateX(0); }
            .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link {
              height: 96.40625vmin; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a::first-of-type {
                margin-top: 3vw; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a:not(:first-of-type) {
                margin-top: 1.875vw; }
              .minepc-mb .s5_10_m .s11m .path-container .body .purchase_link a > img {
                width: 36.09375vmin; } }


/*cyrus*/
.kv-pros{
  width: 363px;
  position: absolute;
  right: 114px;
  bottom: -80px;
  z-index: 9;
}
.section3-1{padding-bottom: 170px;position: relative;}
.section3-1-title{
  width: 863px;
  position: relative;
  left: 50%;
  margin-left: -257px;
}
.strong_point{position: relative;}

.section3-1-dialog{
  position: absolute;
  left: -150px;
  top: -430px;
}
.section3-1-content{
  display: flex;
  justify-content: center;
  margin-top: 78px;
}
.section3-1-sp{width: 293px;position: relative;}
.section3-1-left{width: 568px;position: relative;}
.section3-1-right{width: 568px;position: relative;}


.s3-products{
  position: absolute;
  width: 363px;
  right: 110px;
  bottom: 50px;
}

.section3-1 .s3-products{
  width: 192px;
}
.strong_point .s3-products{
  bottom: -140px;
}
.section5{padding-bottom: 140px;}
.s5_recipe_title1{
  width: 840px;
  margin:0 auto;
  display: block;
  margin-bottom: 60px;
}
.s5_recipe1{width: 1088px;  margin:0 auto;  display: block;  margin-bottom: 60px;}
.s5_recipe_title2{
  width: 864px;
  margin:0 auto;
  display: block;
  margin-bottom: 60px;
}
.s5_recipe2{width: 1101px;  margin:0 auto;  display: block;  margin-bottom: 60px;}

.section6{position: relative;}
.section6 .s3-products{bottom: 140px; }
.section7{margin-bottom: 140px;}
.s7-header{
  display: flex;
  margin-bottom: 88px;
  justify-content: center;
}

.minepc-pc .section7 .dialogue-group{
  position: relative;
  width: 302px;
  margin-top: 50px;
  /*width: 15.72916vw;*/
}
.minepc-pc .section7 .dialogue-group > img:nth-of-type(2){
  width: 100%;
  left: 0;
}
.s7-header > div:nth-child(2){
  width: 771px;text-align: center;
}
.s7-header > div:nth-child(2) .title{width: 754px;margin-bottom: 100px;}
.s7-table{width: 1054px;margin:0 auto;position: relative;left: 50%;transform: translateX(-50%);}


.minepc-pc .section8_10 .section9{height: auto;}

.minepc-pc .bg_balloons{pointer-events: none;}
.comingsoon{
  font-size: 24px;
  font-weight: 500;
  color: #2a4b60;
  text-align: center;
  margin-top: 70px;
  line-height: 48px;
}

.s8-title{width: 625px;margin:0 auto;margin-bottom: 140px;}
.s8-body{display: flex;width: 1140px;margin:0 auto;justify-content: space-between;align-items: flex-start;}
.s8-content{margin-right: -245px;}
.s8-txt{margin-bottom: 30px;width: 363px;}
.s8-assures{width: 364px;overflow: hidden;position: relative;}
.s8-pros{width: 611px;overflow: hidden;margin-left: -50px;position: relative;}
.s8-pros-left,.s8-pros-right{width: 16px;height: 51px;background: url(../images/pc/s8-pros-arro.png);position: absolute;z-index: 3;background-size: cover;}

.s8-pros-left{left: 0;top: 50%;transform: scale(-1);}
.s8-pros-right{right: 22%;top: 50%;}
.section8 .swiper-pagination{margin-left: -50px;}
.section8 .swiper-pagination-bullet{width: 20px;height: 20px;border:3px solid #7eadda;background: transparent;opacity: 1; }
.section8 .swiper-pagination-bullet-active{width: 20px;height: 20px;border:3px solid #7eadda;background: #7eadda;opacity: 1; }

.s9-recipes{
  margin-top: 140px;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
}
.s9-recipe-title{margin-bottom: 90px;}
.s9-recipe-title1{width: 713px;}
.s9-recipe-title2{  width: 938px;}

.s9-recipe-list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin:0 auto;
}

.s9-recipe-list li{
  width: 414px;
  margin: 0 56px 86px 56px;
  position: relative;
}
.s9-recipe-box-name{
  position: relative;
  width: 100%;
  height: 82px;
  background: url(../images/pc/recipe_title_bg1.png);
  background-size: cover;
  font-size: 24px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  padding-top: 16px;
  display: flex;justify-content: center;align-items: center;
  z-index: 2;
}
.s9-recipe-box-pic{
  position: relative;
  margin-top: -11px;
  z-index: 1;
  /*width: */
}

.s9-recipe-list li .pop_btn{
  width: 76px;
  position: absolute;
  right: -25px;
  bottom: -25px;
  z-index: 3;
}

.s9-recipe-list2 .s9-recipe-box-name{
  background-image: url(../images/pc/recipe_title_bg2.png);
}
.section3,.section5,.section8,.section7,.section8_10{position: relative;}
.s3-ballons,.s4-ballons,.s5-ballons,.s6-ballons,.s7-ballons,.s9-ballons,.s11-ballons,.s8-ballons {
  position: absolute;
  top: -110px;
  z-index: 1;
  width: 100%;
  -webkit-animation: air_balloon 5s ease-in-out alternate infinite;
  animation: air_balloon 5s ease-in-out alternate infinite; pointer-events: none;}
.s3-ballons{top: -50px;}
.s5-ballons{top: 0%;}
.s6-ballons{top: -170px;}
.s7-ballons{width: 193px;right: 93px;top: 20%;}
.s11-ballons {top: 0;}

@media screen and (max-width: 1920px) {
  .kv-pros{
    width: 18.90625vw;
    right: 5.9375vw;
    bottom: -4.1667vw;
  }
  .s3-ballons{top:-2.5vw; }
  .s6-ballons{top: -8.854vw;}
  .s7-ballons{width: 10.05vw;right: 4.84375vw;}
  .minepc-pc .s9-ballons{top:-5.729vw; }
  .section3-1{padding-bottom: 8.85416vw;}
  .section3-1-title{
    width: 44.9479vw;
    left: 50%;
    margin-left: -13.3854vw;
  }

  .section3-1-dialog{
    left: -7.8125vw;
    top: -22.3958vw;
  }
  .section3-1-content{
    margin-top: 4.0625vw;
  }
  .section3-1-sp{width: 15.2604vw;}
  .section3-1-left{width: 29.5833vw;}
  .section3-1-right{width: 29.5833vw;}


  .s3-products{
    position: absolute;
    width: 18.90625vw;
    right: 5.729vw;
    bottom: 2.604vw;
  }

  .section3-1 .s3-products{
    width: 10vw;
  }
  .strong_point .s3-products{
    bottom: -7.29167vw;
  }

  .section5{padding-bottom: 7.29vw;}
  .s5_recipe_title1{    width: 43.75vw;    margin-bottom: 3.125vw;  }
  .s5_recipe1{width: 56.667vw;margin-bottom: 3.125vw;}
  .s5_recipe_title2{    width: 45vw;    margin-bottom: 3.125vw;  }
  .s5_recipe2{width: 57.34375vw; margin-bottom: 3.125vw;}


  .section6 .s3-products{bottom: 7.2916vw; }
  .section7{margin-bottom: 7.2916vw;}
  .s7-header{
    margin-bottom: 4.583vw;
  }
  .minepc-pc .section7 .dialogue-group{
    width: 15.7291vw;
    margin-top: 2.604vw;
  }
  .s7-header > div:nth-child(2){
    width: 40.15625vw;
  }
  .s7-header > div:nth-child(2) .title{width: 39.2708vw;margin-bottom: 5.2083vw;}
  .s7-table{width: 54.895vw;}


  .s8-title{width: 32.552vw;margin-bottom: 7.2916vw;}
  .s8-body{width: 59.375vw;}
  .s8-content{margin-right: -12.76vw;}
  .s8-txt{margin-bottom: 1.5625vw;width: 18.90625vw}
  .s8-assures{width: 18.958vw;}
  .s8-pros{width: 31.8229vw;overflow: hidden;margin-left: -2.604vw;}
  .s8-pros-left,.s8-pros-right{width: .833vw;height: 2.65625vw;}
  .s8-pros-right{right: 22%;}
  .section8 .swiper-pagination{margin-left: -2.60416vw;}
  .section8 .swiper-pagination-bullet{width: 1.04167vw;height: 1.04167vw;border:.15625vw solid #7eadda;}
  .section8 .swiper-pagination-bullet-active{width: 1.04167vw;height: 1.04167vw;border:.15625vw solid #7eadda;}


  .comingsoon{
    font-size: 1.25vw;
    line-height: 2.5vw;
    margin-top: 3.64583vw;
  }

  .s9-recipes{
    margin-top: 7.2916vw;
  }
  .s9-recipe-title{margin-bottom: 4.6875vw;}
  .s9-recipe-title1{width: 37.1354vw;}
  .s9-recipe-title2{  width: 48.85416vw;}
  .s9-recipe-list li{
    width: 21.5625vw;
    margin: 0 2.9167vw 4.47916vw 2.9167vw;
    position: relative;
  }
  .s9-recipe-box-name{
    height: 4.271vw;
    font-size: 1.25vw;
    padding-top: .833vw;

  }
  .s9-recipe-box-pic{    margin-top: -.573vw;  }

  .s9-recipe-list li .pop_btn{
    width: 3.9583vw;
    right: -1.3021vw;
    bottom: -1.3021vw;
  }
}

@media screen and (max-width: 1000px) {
  .kv-pros{width: 200px;right: 25px;}
  .s3-1{position: relative;display: flex;flex-direction: column;align-items: center;padding-bottom: 260px;}
  .s3m,.s4m{padding-bottom: 260px;position: relative;}
  .s3-1-title{width: 559px;margin-bottom: 50px;}
  .s3-1-top{width: 456px;margin-bottom: 30px;}
  .s3-1-bottom{width: 445px;}
  .s3-products{width: 200px;right: 25px;bottom: 70px;}
  .s3-1 .s3-products{width: 17.03125vw;}
  .minepc-mb .s3_4_m .s3m .bottom .arrow_up > img:nth-of-type(2){width: 251px; max-width: initial;}
  .minepc-mb .s5_10_m .s7m{position: relative;display: flex;flex-direction: column;align-items: center;}
  .minepc-mb .s5_10_m .s7m > img.s7-table{width:522px;margin-top: 48px;left: 0;transform: none;}
  .s5m{position: relative;}
  .minepc-mb .s5_10_m .s5m .swiper-prev {
      left: -315px; }
  .minepc-mb .s5_10_m .s5m .swiper-next {
      right: -315px; }
  .minepc-mb .s5_10_m .s5m .pic-img{top: 60%;}
  .minepc-mb .s5_10_m .swiper1,.minepc-mb .s5_10_m .swiper2-2,.minepc-mb .s5_10_m .swiper3-3,.minepc-mb .s5_10_m .swiper4-4{height: 376px;    width: 52%;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    margin-top: 0px;
    overflow: visible;}
  .minepc-mb .s5_10_m .swiper2-2,.minepc-mb .s5_10_m .swiper4-4{margin-top: 50px;}


  .s5_recipe_model{width: 174px;position: absolute;right: 0px;top: 1120px;}
  .s5_recipe_title1{margin-top: -98px;margin-bottom: 50px;width: 390px;}
  .s5_recipe_title2{margin-bottom: 50px;margin-top: 150px;width: 390px;}
  .s6m{padding-bottom: 348px;position: relative;}
  .s6m .s3-products{bottom: 120px;}
  .s8m img{max-width: 100% !important;}
  .s8-title{width: 505px;}
  .s8-body{flex-direction: column;width: 100%;align-items: center;}
  .s8-assures{width: 550px;}
  .s8-content{margin-right: 0;width: 100%;margin-top: 70px;}
  .s8-txt{width: 363px;margin: 0 auto;margin-bottom: 25px;}
  .s8-pros{width: 100%;margin-left: 0;}
  .s8-pros-left, .s8-pros-right{width: 16px;height: 51px;}
  .s8-pros-left{left: 56px;}
  .s8-pros-right{right: 56px;}

  .minepc-mb .s5_10_m .s9m{height: auto;}
  .s9-recipes{
    margin-top: 70px;
  }
  .s9-recipe-title{margin-bottom: 60px;}
  .s9-recipe-title1{width: 419px;}
  .s9-recipe-title2{  width: 371px;margin-top: 80px;}
  .s9-recipe-list li{
    width: 280px;
    margin: 0 8px 30px 8px;
    position: relative;
  }
  .s9-recipe-box-name{
    height: 75px;
    font-size: 24px;
    padding-top: 16px;
    background-image: url(../images/mobile/recipe_title_bg1.png);

  }
  .s9-recipe-list2 .s9-recipe-box-name{
    background-image: url(../images/mobile/recipe_title_bg2.png);
  }
  .s9-recipe-box-pic{    margin-top: -8px;  }
  .s9-recipe-box-pic img{width: 97%;left: 1.5%;position: relative;}

  .s9-recipe-list li .pop_btn{
    width: 57px;
    right: -15px;
    bottom: -15px;
  }
  .s11m{position: relative;}
  .s3-ballons{top: -150px;width: 619px;}
  .s4-ballons{top: 180px;width: 618px;}
  .s6-ballons{top: -100px;}
  .s5-ballons{top: 100px;width: 574px;left: 25px;}
  .s8-ballons{position: absolute;right: 0;top: 100px;z-index: 99;}
  .s11-ballons{width: 558px;right: 13px;top: -80px;}
  .minepc-mb .s5_10_m .s10m{margin-top: 235px;z-index: 0;}
  .minepc-mb .s5_10_m .s3-products img,.s5-ballons img,.s6-ballons img,.s8-ballons img,.s11-ballons img{max-width: 100%;}
  .comingsoon{
    font-size: 20px;margin-top: 72px;line-height: 2.4em;
  }
  .s6m-tip{width: 306px;margin:0 auto;margin-top: 80px;}
  .minepc-mb .s5_10_m .swiper-prev > div{
        background-image: linear-gradient(to right, white, rgba(255, 255, 255, .2));
  }
  .minepc-mb .s5_10_m .swiper-next > div{
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, .2));
  }
  .minepc-mb .s5_10_m .swiper-prev, .minepc-mb .s5_10_m .swiper-next{height: 100%;}
}


@media screen and (max-width: 640px) {
  .kv-pros{width: 31.25vw;right: 3.90625vw;bottom: 5vw;}
  .s3-1{padding-bottom: 40.625vw;}
  .s3m,.s4m{padding-bottom: 40.625vw;}
  .s3-1-title{width: 87.34375vw;margin-bottom: 7.8125vw;}
  .s3-1-top{width: 71.25vw;margin-bottom: 4.6875vw;}
  .s3-1-bottom{width: 69.53125vw;}
  .s3-products{width: 31.25vw;right: 3.90625vw;bottom: 10.9375vw;}
  .minepc-mb .s3_4_m .s3m .bottom .arrow_up > img:nth-of-type(2){width: 39.21875vw;}

  .minepc-mb .s5_10_m .s7m > img.s7-table{width: 81.5625vw;}

  .minepc-mb .s5_10_m .s5m .swiper-prev {      left: -49.21875vw; }
  .minepc-mb .s5_10_m .s5m .swiper-next {      right: -49.21875vw; }
  .minepc-mb .s5_10_m .swiper1,.minepc-mb .s5_10_m .swiper2-2,.minepc-mb .s5_10_m .swiper3-3,.minepc-mb .s5_10_m .swiper4-4{height: 58.75vw;}
  .minepc-mb .s5_10_m .swiper2-2,.minepc-mb .s5_10_m .swiper4-4{margin-top: 7.8125vw;}

  
  .s5_recipe_model{width: 27.1875vw;position: absolute;right: 0px;top: 175vw;}

  .s5_recipe_title1{margin-top: -15.3125vw;margin-bottom: 7.8125vw;width: 60.9375vw;}
  .s5_recipe_title2{margin-bottom: 7.8125vw;width: 60.9375vw;margin-top: 23.4375vw;}
  .minepc-mb .s5_10_m .swiper-prev, .minepc-mb .s5_10_m .swiper-next{width:49.21875vw }

  .s6m{padding-bottom: 54.375vw;position: relative;}
  .s6m .s3-products{bottom: 18.75vw;}
  .s6m-tip{width: 47.8125vw;margin:0 auto;margin-top: 12.5vw;}
  .s8-title{width: 78.90625vw;}
  .s8-body{}
  .s8-assures{width: 85.9375vw;}
  .s8-content{margin-top: 10.9375vw;}
  .s8-txt{width: 56.71875vw;margin-bottom: 3.90625vw;}
  .s8-pros-left, .s8-pros-right{width: 2.5vw;height: 7.96875vw;}
  .s8-pros-left{left: 8.5vw;}
  .s8-pros-right{right: 8.75vw;}


  .s9-recipe-title img,.s9-recipe-title1 img,.s9-recipe-title2 img,.s6m-tip img{max-width: 100% !important;}
  .s9-recipes{
    margin-top: 10.9375vw;
  }
  .s9-recipe-title{margin-bottom: 9.375vw;}
  .s9-recipe-title1{width: 65.46875vw;}
  .s9-recipe-title2{  width: 57.96875vw;margin-top: 12.5vw;}
  .s9-recipe-list li{
    width: 43.75vw;
    margin: 0vw 1.25vw 4.6875vw 1.25vw;
  }
  .s9-recipe-box-name{
    height: 11.71875vw;
    font-size: 3.75vw;
    padding-top: 2.5vw;
  }

  .s9-recipe-box-pic{    margin-top: -1.25vw;  }
  .s9-recipe-box-pic img{width: 97%;left: 1.5%;position: relative;}

  .s9-recipe-list li .pop_btn{
    width: 8.90625vw;
    right: -2.34375vw;
    bottom: -2.34375vw;
  }
  .s3-ballons{top: -23.4375vw;width: 96.71875vw;}
  .s4-ballons{top: 28.125vw;width: 96.5625vw;}
  .s6-ballons{top: -15.625vw;}
  .s5-ballons{top: 15.625vw;width: 89.6875vw;left: 3.90625vw;}
  .s8-ballons{position: absolute;right: 2vw;top: 15.625vw;z-index: 99;width: 97.8125vw !important;}
  .s11-ballons{width: 87.1875vw;right: 2.03125vw;top: -12.5vw;}
  .minepc-mb .s5_10_m .s10m{margin-top: 36.71875vw;z-index: 0;}
  .comingsoon{
    font-size: 3.125vw;margin-top: 11.25vw;line-height: 2.4em;
  }
}