@charset "UTF-8";
.h_s2_122_049 {
  /**************************************************************** 블루 start ***************************************************************/
  /**************************************************************** 핑크 start ***************************************************************/
}
.h_s2_122_049 .intro-title-text {
  font-size: 100px;
  line-height: 113px;
  letter-spacing: -2px;
}
.h_s2_122_049 .modal-layer .aim-madal .bullet-list {
  width: 80%;
  padding-left: 62px;
}
.h_s2_122_049 .scene-layer1 {
  height: 100%;
}
.h_s2_122_049 .scene-layer1 .select-box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  isolation: isolate;
}
.h_s2_122_049 .scene-layer1 .select-box .list {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(160, 170, 181)), to(rgb(233, 238, 244)));
  background: -webkit-linear-gradient(bottom, rgb(160, 170, 181) 0%, rgb(233, 238, 244) 100%);
  background: -moz-linear-gradient(bottom, rgb(160, 170, 181) 0%, rgb(233, 238, 244) 100%);
  background: -o-linear-gradient(bottom, rgb(160, 170, 181) 0%, rgb(233, 238, 244) 100%);
  background: linear-gradient(0deg, rgb(160, 170, 181) 0%, rgb(233, 238, 244) 100%);
  margin: 0px 30px;
  padding: 15px;
  width: 660px;
  height: 660px;
  -moz-border-radius: 40px 40px 100px 100px;
       border-radius: 40px 40px 100px 100px;
}
.h_s2_122_049 .scene-layer1 .select-box .list .tit {
  -moz-border-radius: 30px 30px 5px 5px;
       border-radius: 30px 30px 5px 5px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(57, 117, 190)), to(rgb(78, 133, 199)));
  background: -webkit-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(78, 133, 199) 100%);
  background: -moz-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(78, 133, 199) 100%);
  background: -o-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(78, 133, 199) 100%);
  background: linear-gradient(0deg, rgb(57, 117, 190) 0%, rgb(78, 133, 199) 100%);
  width: 100%;
  height: 95px;
  padding: 0px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h_s2_122_049 .scene-layer1 .select-box .list .tit .txt {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #e4eaf0;
}
.h_s2_122_049 .scene-layer1 .select-box .list .tit .num {
  font-size: 80px;
  line-height: 80px;
  color: #e4eaf0;
  font-weight: bold;
  margin-top: 45px;
}
.h_s2_122_049 .scene-layer1 .select-box .list .con .txt {
  text-align: center;
  color: #2c343e;
  font-size: 46px;
  font-weight: bold;
  margin: 50px 0px 80px;
}
.h_s2_122_049 .scene-layer1 .select-box .list .con .txt span {
  color: #4a82c6;
}
.h_s2_122_049 .scene-layer1 .select-box .acidic.on {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(208, 217, 227)), to(rgb(241, 244, 247)));
  background: -webkit-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: -moz-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: -o-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: linear-gradient(0deg, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  outline: 12px solid #4a82c6;
}
.h_s2_122_049 .scene-layer1 .select-box .acidic .con .img {
  width: 540px;
  height: 200px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/acidic-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer1 .select-box .alkaline.on {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(208, 217, 227)), to(rgb(241, 244, 247)));
  background: -webkit-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: -moz-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: -o-linear-gradient(bottom, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  background: linear-gradient(0deg, rgb(208, 217, 227) 0%, rgb(241, 244, 247) 100%);
  outline: 12px solid #73ab83;
}
.h_s2_122_049 .scene-layer1 .select-box .alkaline .tit {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(102, 165, 124)), to(rgb(141, 181, 146)));
  background: -webkit-linear-gradient(bottom, rgb(102, 165, 124) 0%, rgb(141, 181, 146) 100%);
  background: -moz-linear-gradient(bottom, rgb(102, 165, 124) 0%, rgb(141, 181, 146) 100%);
  background: -o-linear-gradient(bottom, rgb(102, 165, 124) 0%, rgb(141, 181, 146) 100%);
  background: linear-gradient(0deg, rgb(102, 165, 124) 0%, rgb(141, 181, 146) 100%);
}
.h_s2_122_049 .scene-layer1 .select-box .alkaline .con .txt span {
  color: #73aa83;
}
.h_s2_122_049 .scene-layer1 .select-box .alkaline .con .img {
  width: 540px;
  height: 200px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/alkaline-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue {
  height: 100%;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .guide-title-wrap {
  position: absolute;
  top: 130px;
  left: 70px;
}
.h_s2_122_049 .scene-layer2.blue .guide-title-wrap .txt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #79b1f2;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 10px;
}
.h_s2_122_049 .scene-layer2.blue .guide-title-wrap .txt-box .t1 {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(57, 117, 190)), to(rgb(79, 133, 200)));
  background: -webkit-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: -moz-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: -o-linear-gradient(bottom, rgb(57, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: linear-gradient(0deg, rgb(57, 117, 190) 0%, rgb(79, 133, 200) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  width: 110px;
  text-align: center;
  padding: 12px 0px;
  color: #fff;
  font-size: 22px;
}
.h_s2_122_049 .scene-layer2.blue .guide-title-wrap .txt-box .t2 {
  font-size: 24px;
  padding: 11px 40px 11px 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap {
  display: none;
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .litmus-paper {
  position: absolute;
  top: 530px;
  left: 70px;
  width: 1800px;
  height: 250px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-litmus-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .litmus-paper button {
  outline: 0px solid red;
  width: 150px;
  height: 200px;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .litmus-paper .left-crab {
  position: absolute;
  top: 25px;
  left: 110px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .litmus-paper .right-crab {
  position: absolute;
  top: 25px;
  right: 110px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .filter-paper {
  position: absolute;
  top: 579px;
  left: 945px;
  z-index: 1;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .filter-paper button {
  width: 60px;
  height: 156px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  font-size: 0;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .hci {
  position: absolute;
  top: 579px;
  left: 1004px;
  width: 80px;
  height: 156px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-hci.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .hci.active {
  -webkit-animation: hci 3s ease forwards;
     -moz-animation: hci 3s ease forwards;
          animation: hci 3s ease forwards;
}
@-webkit-keyframes hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  40% {
    width: 20px;
  }
  60% {
    width: 50px;
  }
  100% {
    width: 80px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
@-moz-keyframes hci {
  0% {
    width: 0;
    opacity: 0;
    filter: blur(3px);
  }
  40% {
    width: 20px;
  }
  60% {
    width: 50px;
  }
  100% {
    width: 80px;
    opacity: 1;
    filter: blur(1px);
  }
}
@keyframes hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  40% {
    width: 20px;
  }
  60% {
    width: 50px;
  }
  100% {
    width: 80px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-litmus-txt {
  position: absolute;
  top: 480px;
  left: 380px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-litmus-txt span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  background: #fff;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 8px 15px 6px;
  display: inline-block;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-litmus-txt .arr {
  position: absolute;
  width: 0;
  height: 0;
  top: 55px;
  left: 122px;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  -webkit-transform: rotate(-96deg);
     -moz-transform: rotate(-96deg);
      -ms-transform: rotate(-96deg);
          transform: rotate(-96deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-litmus-txt .arr:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #fff;
  -moz-border-radius: 20px 0 0 0;
       border-radius: 20px 0 0 0;
  top: -20px;
  left: -25px;
  width: 28px;
  height: 34px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-hci-txt {
  position: absolute;
  top: 800px;
  left: 817px;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-hci-txt span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  background: #fff;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 8px 15px 6px;
  display: inline-block;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-hci-txt .arr {
  position: absolute;
  width: 0;
  height: 0;
  top: -28px;
  left: 153px;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  -webkit-transform: rotate(82deg);
     -moz-transform: rotate(82deg);
      -ms-transform: rotate(82deg);
          transform: rotate(82deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .guide-hci-txt .arr:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #fff;
  -moz-border-radius: 20px 0 0 0;
       border-radius: 20px 0 0 0;
  top: -20px;
  left: -25px;
  width: 28px;
  height: 34px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .plus-crab {
  position: absolute;
  top: 673px;
  left: 104px;
  width: 134px;
  height: 410px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-plus-crab.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .minus-crab {
  position: absolute;
  top: 673px;
  left: 1672px;
  width: 162px;
  height: 410px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-minus-crab.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .plus {
  position: absolute;
  top: 920px;
  left: 220px;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .plus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .plus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .minus {
  position: absolute;
  top: 920px;
  left: 1640px;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .minus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-wrap .minus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap {
  height: 100%;
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  -moz-transition: all 2s ease;
  transition: all 2s ease;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap.active {
  opacity: 1;
  visibility: unset;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-paper {
  position: absolute;
  top: 390px;
  left: 0px;
  width: 100%;
  height: 560px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-detail-litmus-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .filter-paper {
  position: absolute;
  top: 390px;
  left: 748px;
  width: 425px;
  height: 560px;
  font-size: 0;
  z-index: 1;
  background: url("../../images/h_s2_122_49/img-detail-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .hci {
  position: absolute;
  top: 389px;
  left: 1157px;
  width: 0px;
  height: 562px;
  background: url("../../images/h_s2_122_49/img-detail-hci.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .hci.active {
  -webkit-animation: detail-hci 3s ease forwards;
     -moz-animation: detail-hci 3s ease forwards;
          animation: detail-hci 3s ease forwards;
}
@-webkit-keyframes detail-hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 265px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
@-moz-keyframes detail-hci {
  0% {
    width: 0;
    opacity: 0;
    filter: blur(3px);
  }
  100% {
    width: 265px;
    opacity: 1;
    filter: blur(1px);
  }
}
@keyframes detail-hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 265px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .connection-btn {
  position: absolute;
  top: 415px;
  left: 70px;
  z-index: 3;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .connection-btn button {
  background: #a2afc4;
  color: #303a46;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 25px 10px;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -webkit-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .plus {
  position: absolute;
  top: 650px;
  left: 80px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .plus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .plus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .minus {
  position: absolute;
  top: 650px;
  left: 1750px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .minus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .minus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap {
  width: 100%;
  height: 560px;
  position: absolute;
  top: 390px;
  left: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .ui-droppable {
  width: 747px;
  height: 560px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box {
  position: relative;
  width: 425px;
  height: 560px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag {
  position: relative;
  font-size: 0;
  margin: 20px;
  cursor: pointer;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag.ci {
  width: 120px;
  height: 120px;
  background: url("../../images/h_s2_122_49/img-detail-c.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag.h {
  width: 70px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-detail-h.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(1) {
  top: 22px;
  left: 33px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(2) {
  top: 58px;
  left: 63px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(3) {
  top: -141px;
  left: 233px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(4) {
  top: -390px;
  left: 248px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(5) {
  top: -146px;
  left: 256px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(6) {
  top: -210px;
  left: 93px;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small {
  display: inline-block;
  position: absolute;
  top: 223px;
  left: 101px;
  width: 447px;
  height: 126px;
  background: #3c4857;
  -moz-border-radius: 20px;
       border-radius: 20px;
  -webkit-box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small::before {
  content: "";
  width: 321px;
  height: 0px;
  border-top: 5px dotted #7186a3;
  position: absolute;
  top: 104px;
  left: -108px;
  z-index: 9;
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small::after {
  content: "";
  width: 1580px;
  height: 0px;
  border-top: 5px dotted #7186a3;
  position: absolute;
  top: 106px;
  left: 242px;
  z-index: 9;
  -webkit-transform: rotate(4.1deg);
     -moz-transform: rotate(4.1deg);
      -ms-transform: rotate(4.1deg);
          transform: rotate(4.1deg);
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .litmus-paper {
  position: absolute;
  top: 23px;
  left: 16px;
  width: 415px;
  height: 60px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-litmus-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .litmus-paper::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 22px;
  left: 177px;
  z-index: 10;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 4px solid #7186a3;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .litmus-paper::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 22px;
  left: 223px;
  z-index: 10;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 4px solid #7186a3;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .filter-paper {
  position: absolute;
  width: auto;
  height: auto;
  top: 34px;
  left: 218px;
  z-index: 1;
  background: none;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .filter-paper button {
  width: 15px;
  height: 38px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  font-size: 0;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .hci {
  position: absolute;
  top: 34px;
  left: 223px;
  width: 0px;
  height: 37px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-hci.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .hci.active {
  -webkit-animation: hci_small 3s ease forwards;
     -moz-animation: hci_small 3s ease forwards;
          animation: hci_small 3s ease forwards;
}
@-webkit-keyframes hci_small {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 40px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
@-moz-keyframes hci_small {
  0% {
    width: 0;
    opacity: 0;
    filter: blur(3px);
  }
  100% {
    width: 40px;
    opacity: 1;
    filter: blur(1px);
  }
}
@keyframes hci_small {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 40px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .plus-crab {
  position: absolute;
  top: 59px;
  left: 23px;
  width: 24px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-plus-crab.png") center no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .litmus-paper-detail-wrap .litmus-small .minus-crab {
  position: absolute;
  top: 59px;
  left: 391px;
  width: 34px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-minus-crab.png") center no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  display: none;
}
.h_s2_122_049 .scene-layer2.blue .btn-wrap {
  position: absolute;
  bottom: 40px;
  right: 80px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .scene-layer2.blue .btn-wrap.active {
  opacity: 1;
  visibility: unset;
}
.h_s2_122_049 .scene-layer2.blue .btn-wrap button {
  font-weight: bold;
  background: #a2afc4;
  color: #303a46;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 25px 10px;
  margin: 0px 10px;
}
.h_s2_122_049 .scene-layer3.pink {
  height: 100%;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .guide-title-wrap {
  position: absolute;
  top: 130px;
  left: 70px;
}
.h_s2_122_049 .scene-layer3.pink .guide-title-wrap .txt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #73ab84;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 10px;
}
.h_s2_122_049 .scene-layer3.pink .guide-title-wrap .txt-box .t1 {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(71, 131, 92)), to(rgb(104, 143, 108)));
  background: -webkit-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: -moz-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: -o-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: linear-gradient(0deg, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  width: 110px;
  text-align: center;
  padding: 12px 0px;
  color: #fff;
  font-size: 22px;
}
.h_s2_122_049 .scene-layer3.pink .guide-title-wrap .txt-box .t2 {
  font-size: 24px;
  padding: 11px 40px 11px 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap {
  display: none;
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .litmus-paper {
  position: absolute;
  top: 530px;
  left: 70px;
  width: 1800px;
  height: 250px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-litmus-paper-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .litmus-paper button {
  outline: 0px solid red;
  width: 150px;
  height: 200px;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .litmus-paper .left-crab {
  position: absolute;
  top: 25px;
  left: 110px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .litmus-paper .right-crab {
  position: absolute;
  top: 25px;
  right: 110px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .filter-paper {
  position: absolute;
  top: 579px;
  left: 945px;
  z-index: 1;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .filter-paper button {
  width: 60px;
  height: 156px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  font-size: 0;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .hci {
  position: absolute;
  top: 579px;
  right: 973px;
  width: 80px;
  height: 156px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-hci-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .hci.active {
  -webkit-animation: hci 3s ease forwards;
     -moz-animation: hci 3s ease forwards;
          animation: hci 3s ease forwards;
}
@keyframes hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 80px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-litmus-txt {
  position: absolute;
  top: 480px;
  left: 380px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-litmus-txt span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  background: #fff;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 8px 15px 6px;
  display: inline-block;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-litmus-txt .arr {
  position: absolute;
  width: 0;
  height: 0;
  top: 55px;
  left: 122px;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  -webkit-transform: rotate(-96deg);
     -moz-transform: rotate(-96deg);
      -ms-transform: rotate(-96deg);
          transform: rotate(-96deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-litmus-txt .arr:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #fff;
  -moz-border-radius: 20px 0 0 0;
       border-radius: 20px 0 0 0;
  top: -20px;
  left: -25px;
  width: 28px;
  height: 34px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-hci-txt {
  position: absolute;
  top: 800px;
  left: 735px;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-hci-txt span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  background: #fff;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding: 8px 15px 6px;
  display: inline-block;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-hci-txt .arr {
  position: absolute;
  width: 0;
  height: 0;
  top: -28px;
  left: 230px;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  -webkit-transform: rotate(82deg);
     -moz-transform: rotate(82deg);
      -ms-transform: rotate(82deg);
          transform: rotate(82deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .guide-hci-txt .arr:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #fff;
  -moz-border-radius: 20px 0 0 0;
       border-radius: 20px 0 0 0;
  top: -20px;
  left: -25px;
  width: 28px;
  height: 34px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .plus-crab {
  position: absolute;
  top: 673px;
  left: 104px;
  width: 134px;
  height: 410px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-plus-crab.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .minus-crab {
  position: absolute;
  top: 673px;
  left: 1672px;
  width: 162px;
  height: 410px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-minus-crab.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .plus {
  position: absolute;
  top: 920px;
  left: 220px;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .plus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .plus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .minus {
  position: absolute;
  top: 920px;
  left: 1640px;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .minus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-wrap .minus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap {
  height: 100%;
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  -moz-transition: all 2s ease;
  transition: all 2s ease;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap.active {
  opacity: 1;
  visibility: unset;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-paper {
  position: absolute;
  top: 390px;
  left: 0px;
  width: 100%;
  height: 560px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-detail-litmus-paper-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .filter-paper {
  position: absolute;
  top: 390px;
  left: 748px;
  width: 425px;
  height: 560px;
  font-size: 0;
  z-index: 1;
  background: url("../../images/h_s2_122_49/img-detail-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .hci {
  position: absolute;
  top: 389px;
  right: 1160px;
  width: 0px;
  height: 562px;
  background: url("../../images/h_s2_122_49/img-detail-hci-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .hci.active {
  -webkit-animation: detail-hci 3s ease forwards;
     -moz-animation: detail-hci 3s ease forwards;
          animation: detail-hci 3s ease forwards;
}
@keyframes detail-hci {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  100% {
    width: 265px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .connection-btn {
  position: absolute;
  top: 415px;
  left: 70px;
  z-index: 3;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .connection-btn button {
  background: #a2afc4;
  color: #303a46;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 25px 10px;
  -moz-border-radius: 50px;
       border-radius: 50px;
  -webkit-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .plus {
  position: absolute;
  top: 650px;
  left: 80px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .plus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .plus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .minus {
  position: absolute;
  top: 650px;
  left: 1750px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .minus span {
  display: inline-block;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(90, 114, 141)), to(rgb(139, 159, 181)));
  background: -webkit-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -moz-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: -o-linear-gradient(bottom, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  background: linear-gradient(0deg, rgb(90, 114, 141) 0%, rgb(139, 159, 181) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .minus span strong {
  font-size: 26px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap {
  width: 100%;
  height: 560px;
  position: absolute;
  top: 390px;
  left: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .ui-droppable {
  width: 747px;
  height: 560px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box {
  position: relative;
  width: 425px;
  height: 560px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag {
  position: relative;
  font-size: 0;
  margin: 20px;
  cursor: pointer;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag.ci {
  width: 120px;
  height: 120px;
  background: url("../../images/h_s2_122_49/img-detail-oh.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag.h {
  width: 70px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-detail-na.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(1) {
  top: 22px;
  left: 33px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(2) {
  top: 58px;
  left: 63px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(3) {
  top: -141px;
  left: 233px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(4) {
  top: -390px;
  left: 248px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(5) {
  top: -146px;
  left: 256px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .drag-wrap .drag-box .drag:nth-of-type(6) {
  top: -210px;
  left: 93px;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small {
  display: inline-block;
  position: absolute;
  top: 223px;
  left: 101px;
  width: 447px;
  height: 126px;
  background: #3c4857;
  -moz-border-radius: 20px;
       border-radius: 20px;
  -webkit-box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: inset -1px -1px 4px rgba(0, 0, 0, 0.7), inset 1px 1px 4px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small::before {
  content: "";
  width: 321px;
  height: 0px;
  border-top: 5px dotted #7186a3;
  position: absolute;
  top: 104px;
  left: -108px;
  z-index: 9;
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small::after {
  content: "";
  width: 1580px;
  height: 0px;
  border-top: 5px dotted #7186a3;
  position: absolute;
  top: 107px;
  left: 242px;
  z-index: 9;
  -webkit-transform: rotate(4.1deg);
     -moz-transform: rotate(4.1deg);
      -ms-transform: rotate(4.1deg);
          transform: rotate(4.1deg);
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .litmus-paper {
  position: absolute;
  top: 23px;
  left: 16px;
  width: 415px;
  height: 60px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-litmus-paper-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .litmus-paper::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 22px;
  left: 177px;
  z-index: 10;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 4px solid #7186a3;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .litmus-paper::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 22px;
  left: 223px;
  z-index: 10;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 4px solid #7186a3;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .filter-paper {
  position: absolute;
  width: auto;
  height: auto;
  top: 34px;
  left: 218px;
  z-index: 1;
  background: none;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .filter-paper button {
  width: 15px;
  height: 38px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-filter-paper.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  font-size: 0;
  pointer-events: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .hci {
  position: absolute;
  top: 34px;
  right: 219px;
  width: 0px;
  height: 37px;
  margin: 0 auto;
  background: url("../../images/h_s2_122_49/img-hci-pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .hci.active {
  -webkit-animation: hci_small 3s ease forwards;
     -moz-animation: hci_small 3s ease forwards;
          animation: hci_small 3s ease forwards;
}
@keyframes hci_small {
  0% {
    width: 0;
    opacity: 0;
    -webkit-filter: blur(3px);
            filter: blur(3px);
  }
  40% {
    width: 20px;
  }
  60% {
    width: 30px;
  }
  100% {
    width: 40px;
    opacity: 1;
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .plus-crab {
  position: absolute;
  top: 59px;
  left: 23px;
  width: 24px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-plus-crab.png") center no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .litmus-paper-detail-wrap .litmus-small .minus-crab {
  position: absolute;
  top: 59px;
  left: 391px;
  width: 34px;
  height: 70px;
  background: url("../../images/h_s2_122_49/img-minus-crab.png") center no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  display: none;
}
.h_s2_122_049 .scene-layer3.pink .btn-wrap {
  position: absolute;
  bottom: 40px;
  right: 80px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .scene-layer3.pink .btn-wrap.active {
  opacity: 1;
  visibility: unset;
}
.h_s2_122_049 .scene-layer3.pink .btn-wrap button {
  font-weight: bold;
  background: #a2afc4;
  color: #303a46;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 25px 10px;
  margin: 0px 10px;
}
.h_s2_122_049 .popup-layer {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.h_s2_122_049 .popup-layer .popup-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(74, 88, 105)), to(rgb(100, 115, 133)));
  background: -webkit-linear-gradient(bottom, rgb(74, 88, 105) 0%, rgb(100, 115, 133) 100%);
  background: -moz-linear-gradient(bottom, rgb(74, 88, 105) 0%, rgb(100, 115, 133) 100%);
  background: -o-linear-gradient(bottom, rgb(74, 88, 105) 0%, rgb(100, 115, 133) 100%);
  background: linear-gradient(0deg, rgb(74, 88, 105) 0%, rgb(100, 115, 133) 100%);
  text-align: center;
  -moz-border-radius: 30px;
       border-radius: 30px;
  width: 650px;
  height: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h_s2_122_049 .popup-layer .popup-inner .img {
  margin-bottom: 20px;
  width: 130px;
  height: 120px;
  background: url("../../images/h_s2_122_49/img-pop-character.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
}
.h_s2_122_049 .popup-layer .popup-inner .tit {
  display: inline-block;
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(58, 117, 190)), to(rgb(79, 133, 200)));
  background: -webkit-linear-gradient(bottom, rgb(58, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: -moz-linear-gradient(bottom, rgb(58, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: -o-linear-gradient(bottom, rgb(58, 117, 190) 0%, rgb(79, 133, 200) 100%);
  background: linear-gradient(0deg, rgb(58, 117, 190) 0%, rgb(79, 133, 200) 100%);
  -moz-border-radius: 50px;
       border-radius: 50px;
  width: 140px;
  height: 60px;
  line-height: 65px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
}
.h_s2_122_049 .popup-layer .popup-inner .con {
  color: #fff;
  font-size: 30px;
}
.h_s2_122_049 .popup-layer .popup-inner .btn {
  position: absolute;
  top: 30px;
  right: 30px;
}
.h_s2_122_049 .popup-layer .popup-inner .btn button {
  width: 24px;
  height: 24px;
  background: url("../../images/h_s2_122_49/icon-pop-close.png") center no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  font-size: 0;
}
.h_s2_122_049 .popup-layer.activity2 .popup-inner .tit {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(71, 131, 92)), to(rgb(104, 143, 108)));
  background: -webkit-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: -moz-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: -o-linear-gradient(bottom, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
  background: linear-gradient(0deg, rgb(71, 131, 92) 0%, rgb(104, 143, 108) 100%);
}
.h_s2_122_049 .guide-balloon-tip-wrap {
  z-index: 1;
}
.h_s2_122_049 .guide-balloon-tip-wrap8 {
  top: 370px;
  z-index: 1;
}
.h_s2_122_049 .guide-balloon-tip-wrap {
  z-index: 9;
}
.h_s2_122_049 .guide-balloon-tip-wrap .bubble-box .bubble-text {
  position: relative;
  opacity: 1;
  visibility: unset;
}
.h_s2_122_049 .dote-line1 {
  position: absolute;
  top: 559px;
  left: 877px;
  border: 6px dotted #fff;
  -moz-border-radius: 50%;
       border-radius: 50%;
  width: 190px;
  height: 190px;
  cursor: pointer;
  z-index: 1;
  display: none;
}
.h_s2_122_049 .dote-line2 {
  position: absolute;
  top: 559px;
  left: 877px;
  border: 6px dotted #fff;
  -moz-border-radius: 50%;
       border-radius: 50%;
  width: 190px;
  height: 190px;
  cursor: pointer;
  z-index: 1;
  display: none;
}
.h_s2_122_049 .gesture-finger {
  display: inline-block;
  position: absolute;
  z-index: 3;
  width: 84px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  background-image: url("../../images/common/icon-click-hand.png");
  pointer-events: none;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger1-select {
  left: 587px;
  top: 672px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger1-select.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger2-select {
  left: 1300px;
  top: 672px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger2-select.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger1 {
  left: 962px;
  top: 645px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger1.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger2 {
  left: 247px;
  top: 734px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger2.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger3 {
  left: 1657px;
  top: 734px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger3.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger4 {
  left: 962px;
  top: 645px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger4.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger5 {
  left: 220px;
  top: 440px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger5.active {
  -webkit-animation-name: viewHidden;
     -moz-animation-name: viewHidden;
          animation-name: viewHidden;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.h_s2_122_049 .gesture-finger {
  display: inline-block;
  position: absolute;
  z-index: 3;
  width: 84px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  background-image: url("../../images/common/icon-click-hand-shadow.png");
  pointer-events: none;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger6 {
  left: 1020px;
  top: 462px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger6.active {
  -webkit-animation-name: dragmove;
     -moz-animation-name: dragmove;
          animation-name: dragmove;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger6-1.pink {
  left: 660px;
  top: 500px;
  opacity: 0;
  visibility: hidden;
}
.h_s2_122_049 .gesture-finger.gesture-box-guide-finger6-1.pink.active {
  -webkit-animation-name: dragmovepink;
     -moz-animation-name: dragmovepink;
          animation-name: dragmovepink;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
@-webkit-keyframes dragmove {
  0% {
    left: 1020px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 1250px;
    opacity: 1;
    visibility: unset;
  }
}
@-moz-keyframes dragmove {
  0% {
    left: 1020px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 1250px;
    opacity: 1;
    visibility: unset;
  }
}
@keyframes dragmove {
  0% {
    left: 1020px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 1250px;
    opacity: 1;
    visibility: unset;
  }
}
@-webkit-keyframes dragmovepink {
  0% {
    left: 660px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 840px;
    opacity: 1;
    visibility: unset;
  }
}
@-moz-keyframes dragmovepink {
  0% {
    left: 660px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 840px;
    opacity: 1;
    visibility: unset;
  }
}
@keyframes dragmovepink {
  0% {
    left: 660px;
    opacity: 1;
    visibility: unset;
  }
  100% {
    left: 840px;
    opacity: 1;
    visibility: unset;
  }
}
@-webkit-keyframes topBottomMove1 {
  0% {
    top: 144px;
  }
  100% {
    top: 248px;
  }
}
@-moz-keyframes topBottomMove1 {
  0% {
    top: 144px;
  }
  100% {
    top: 248px;
  }
}
@keyframes topBottomMove1 {
  0% {
    top: 144px;
  }
  100% {
    top: 248px;
  }
}
@-webkit-keyframes topBottomMove2 {
  0% {
    top: 696px;
  }
  100% {
    top: 596px;
  }
}
@-moz-keyframes topBottomMove2 {
  0% {
    top: 696px;
  }
  100% {
    top: 596px;
  }
}
@keyframes topBottomMove2 {
  0% {
    top: 696px;
  }
  100% {
    top: 596px;
  }
}
@-webkit-keyframes viewHidden {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
@-moz-keyframes viewHidden {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
@keyframes viewHidden {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
/*# sourceMappingURL=../maps/page/h_s2_122_049.css.map */