.h_s1_213_061 .choice-button-area .choice-button .image-item {
  margin-top: 43px;
}
.h_s1_213_061 .choice-button-area .choice-button .image-item.img1 {
  width: 399px;
  height: 218px;
}
.h_s1_213_061 .choice-button-area .choice-button .image-item.img2 {
  width: 255px;
  height: 233px;
}
.h_s1_213_061 .modal-layer {
  z-index: 20;
}
.h_s1_213_061 .modal-layer .activity-modal {
  padding: 75px 70px;
}
.h_s1_213_061 .modal-layer .activity-modal.warning {
  width: 656px;
  min-height: 288px;
  border-radius: 50px;
  -webkit-box-shadow: 17.732px 19.015px 62px 0px rgba(17, 21, 27, 0.51);
          box-shadow: 17.732px 19.015px 62px 0px rgba(17, 21, 27, 0.51);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(51, 60, 71)), to(rgb(66, 78, 92)));
  background-image: -o-linear-gradient(bottom, rgb(51, 60, 71) 0%, rgb(66, 78, 92) 100%);
  background-image: linear-gradient(360deg, rgb(51, 60, 71) 0%, rgb(66, 78, 92) 100%);
  display: block;
  padding: 0;
}
.h_s1_213_061 .modal-layer .activity-modal.warning .button-close {
  top: 33px;
  right: 41px;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s1_213_061/btn-close-warning.png");
}
.h_s1_213_061 .modal-layer .activity-modal.warning .bullet-list {
  width: inherit;
  height: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h_s1_213_061 .modal-layer .activity-modal.warning .bullet-list li {
  font-size: 33px;
}
.h_s1_213_061 .modal-layer .activity-modal.video-modal {
  max-width: 1400px;
  height: 900px;
}
.h_s1_213_061 .modal-layer .activity-modal.video-modal .video-wrap {
  width: 1280px;
  height: 720px;
}
.h_s1_213_061 .modal-layer .aim-madal .bullet-list {
  width: 72%;
}
.h_s1_213_061 .modal-layer .text-content-area {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center {
  position: absolute;
  top: 54%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .text {
  display: block;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: -0.25px;
  color: #303a46;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .text > li {
  position: relative;
  padding-left: 23px;
  line-height: 1.3;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .text > li + li {
  margin-top: 21px;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .text > li::before {
  position: absolute;
  left: 0;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: "";
  background-color: #303a46;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .video-btn-area {
  margin-top: 50px;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .video-btn-area .btn-play {
  width: 466px;
  height: 82px;
  border-radius: 41px;
  background-color: #708399;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 0 55px;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .video-btn-area .btn-play span {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}
.h_s1_213_061 .modal-layer .text-content-area .text-align-center .video-btn-area .btn-play i {
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s1_213_061/btn-play.png");
}
.h_s1_213_061 .modal-layer .character {
  width: 233px;
  height: 237px;
  top: auto !important;
  left: auto;
  right: 155px;
  bottom: 107px !important;
}
.h_s1_213_061 .modal-layer.active {
  display: block;
}
.h_s1_213_061 .modal-layer.active .tab-modal {
  right: 0;
}
.h_s1_213_061 .modal-layer.active .dimmed {
  opacity: 0.859;
}
.h_s1_213_061 .scene {
  display: none;
}
.h_s1_213_061 .scene.scene-layer-area1 .active-litle-area {
  width: 884px;
}
.h_s1_213_061 .scene.scene-layer-area2 .active-litle-area, .h_s1_213_061 .scene.scene-layer-area3 .active-litle-area {
  width: 918px;
}
.h_s1_213_061 .scene.scene-layer-area3 .guide-wrap .bubble-box {
  height: 185px;
  border-radius: 13px 110px 110px 13px;
}
.h_s1_213_061 .scene .guide-wrap {
  top: 125px;
  z-index: 10;
  opacity: 0;
  right: calc(-100% - 66px);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.h_s1_213_061 .scene .guide-wrap .bubble-box {
  height: 152px;
  border-radius: 13px 74px 74px 13px;
}
.h_s1_213_061 .scene .guide-wrap .bubble-box .img-area {
  margin-left: 10px;
}
.h_s1_213_061 .scene .guide-wrap .bubble-box .img-area.type3 {
  right: 40px;
  top: 30px;
}
.h_s1_213_061 .scene .guide-wrap .bubble-box .bubble-txt {
  display: none;
}
.h_s1_213_061 .scene .guide-wrap .bubble-box .bubble-txt.active {
  display: block;
}
.h_s1_213_061 .scene .guide-wrap.active {
  right: 66px;
  opacity: 1;
}
.h_s1_213_061 .scene.active {
  display: block;
}
.h_s1_213_061 .scene .scene-layer {
  display: none;
}
.h_s1_213_061 .scene .scene-layer.active {
  display: block;
}
.h_s1_213_061 .box-wrap {
  position: absolute;
  top: 327px;
}
.h_s1_213_061 .box-wrap.left {
  left: 123px;
}
.h_s1_213_061 .box-wrap.left p {
  font-weight: 700;
}
.h_s1_213_061 .box-wrap.left .box.active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(32, 91, 162)), to(rgb(74, 135, 206)));
  background-image: -o-linear-gradient(bottom, rgb(32, 91, 162) 0%, rgb(74, 135, 206) 100%);
  background-image: linear-gradient(360deg, rgb(32, 91, 162) 0%, rgb(74, 135, 206) 100%);
}
.h_s1_213_061 .box-wrap.right {
  right: 123px;
}
.h_s1_213_061 .box-wrap.right .box.on {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(75, 89, 107)), color-stop(39%, rgb(57, 68, 82)), color-stop(82%, rgb(38, 46, 56)));
  background-image: -o-linear-gradient(bottom, rgb(75, 89, 107) 0%, rgb(57, 68, 82) 39%, rgb(38, 46, 56) 82%);
  background-image: linear-gradient(360deg, rgb(75, 89, 107) 0%, rgb(57, 68, 82) 39%, rgb(38, 46, 56) 82%);
  border: 5px solid #6b8eff;
}
.h_s1_213_061 .box-wrap.right .box.active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(149, 52, 52)), to(rgb(194, 85, 85)));
  background-image: -o-linear-gradient(bottom, rgb(149, 52, 52) 0%, rgb(194, 85, 85) 100%);
  background-image: linear-gradient(360deg, rgb(149, 52, 52) 0%, rgb(194, 85, 85) 100%);
}
.h_s1_213_061 .box-wrap .box-inner {
  position: relative;
}
.h_s1_213_061 .box-wrap .box-inner .box {
  width: 581px;
  height: 215px;
  border-radius: 31px;
  -webkit-box-shadow: 24.042px 24.042px 106px 0px rgba(29, 36, 45, 0.64);
          box-shadow: 24.042px 24.042px 106px 0px rgba(29, 36, 45, 0.64);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(47, 55, 65)), to(rgb(71, 83, 98)));
  background-image: -o-linear-gradient(bottom, rgb(47, 55, 65) 0%, rgb(71, 83, 98) 100%);
  background-image: linear-gradient(360deg, rgb(47, 55, 65) 0%, rgb(71, 83, 98) 100%);
  border: 1.5px solid rgba(135, 141, 148, 0.431);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.h_s1_213_061 .box-wrap .box-inner .box + .box {
  margin-top: 66px;
}
.h_s1_213_061 .box-wrap .box-inner .box .icon {
  position: absolute;
  left: 47px;
  top: -20px;
  width: 80px;
  height: 83px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 1;
}
.h_s1_213_061 .box-wrap .box-inner .box p {
  font-size: 34px;
  color: #fff;
  padding-left: 46px;
}
.h_s1_213_061 .box-wrap .box-inner .box.type1-1 .icon {
  background-image: url("../../images/h_s1_213_061/icon1-1.png");
}
.h_s1_213_061 .box-wrap .box-inner .box.type1-2 .icon {
  background-image: url("../../images/h_s1_213_061/icon1-2.png");
}
.h_s1_213_061 .box-wrap .box-inner .box.type1-3 .icon {
  background-image: url("../../images/h_s1_213_061/icon1-3.png");
}
.h_s1_213_061 .box-wrap .box-inner .box.type2-1 .icon {
  background-image: url("../../images/h_s1_213_061/icon2-1.png");
}
.h_s1_213_061 .box-wrap .box-inner .box.type2-2 .icon {
  background-image: url("../../images/h_s1_213_061/icon2-2.png");
}
.h_s1_213_061 .box-wrap .box-inner .box.type2-3 .icon {
  background-image: url("../../images/h_s1_213_061/icon2-3.png");
}
.h_s1_213_061 .box-wrap.drag-drop-wrap {
  left: 119px;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap.top {
  top: 342px;
  z-index: 2;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap.bottom {
  top: auto;
  bottom: 140px;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner .box {
  width: 488px;
  height: 252px;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner .box + .box {
  margin-left: 109px;
  margin-top: 0;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner .box p {
  font-weight: 700;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drag-inner .box {
  cursor: pointer;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drag-inner .box .drag {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drag-inner .box.active .drag {
  display: none;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box p {
  display: none;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box::after {
  content: "";
  position: absolute;
  right: -95px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 70px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s1_213_061/arrow.png");
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box:last-child::after {
  display: none;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box.on {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(75, 89, 107)), color-stop(39%, rgb(57, 68, 82)), color-stop(82%, rgb(38, 46, 56)));
  background-image: -o-linear-gradient(bottom, rgb(75, 89, 107) 0%, rgb(57, 68, 82) 39%, rgb(38, 46, 56) 82%);
  background-image: linear-gradient(360deg, rgb(75, 89, 107) 0%, rgb(57, 68, 82) 39%, rgb(38, 46, 56) 82%);
  border: 5px solid #6b8eff;
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box.active {
  border: none;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(32, 91, 162)), to(rgb(74, 135, 206)));
  background-image: -o-linear-gradient(bottom, rgb(32, 91, 162) 0%, rgb(74, 135, 206) 100%);
  background-image: linear-gradient(360deg, rgb(32, 91, 162) 0%, rgb(74, 135, 206) 100%);
}
.h_s1_213_061 .box-wrap.drag-drop-wrap .box-inner.drop-inner .box.active p {
  display: block;
}
.h_s1_213_061 .button-active-wrap {
  position: absolute;
  top: 404px;
  left: 737px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.h_s1_213_061 .button-active-wrap .button-area {
  position: relative;
  top: 0;
  width: 72.5px;
  height: auto;
}
.h_s1_213_061 .button-active-wrap .button-area + .button-area {
  margin-left: 300px;
}
.h_s1_213_061 .button-active-wrap .button-area.left {
  left: -10px;
}
.h_s1_213_061 .button-active-wrap .button-area.right {
  right: -14px;
}
.h_s1_213_061 .button-active-wrap .button-area .btn {
  cursor: pointer;
  width: 72.5px;
  height: 72.5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s1_213_061/bg-drag-btn.png");
  position: relative;
}
.h_s1_213_061 .button-active-wrap .button-area .btn + .btn {
  margin-top: 210px;
}
.h_s1_213_061 .button-active-wrap .button-area .btn::after {
  content: "";
  position: absolute;
  top: 47%;
  left: 46%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  -webkit-box-shadow: 4.243px 4.243px 6px 0px rgba(179, 199, 223, 0.43);
          box-shadow: 4.243px 4.243px 6px 0px rgba(179, 199, 223, 0.43);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(17%, rgb(72, 88, 106)), to(rgb(36, 46, 57)));
  background-image: -o-linear-gradient(bottom, rgb(72, 88, 106) 17%, rgb(36, 46, 57) 100%);
  background-image: linear-gradient(360deg, rgb(72, 88, 106) 17%, rgb(36, 46, 57) 100%);
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area {
  visibility: hidden;
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 1;
  width: 406px;
  height: 7px;
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area .line {
  position: absolute;
  left: 8px;
  top: 0;
  width: 0;
  display: inline-block;
  border: 3.5px solid #fff;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  border-radius: 3px;
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area.diagonal {
  width: 490px;
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area.diagonal .line.top {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area.diagonal .line.bottom {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area.dashed .line {
  border: 3.5px dashed #fff;
}
.h_s1_213_061 .button-active-wrap .button-area .btn .line-area.active {
  visibility: unset;
}
.h_s1_213_061 .title2-area {
  position: absolute;
  left: 56px;
  top: 218px;
  background-color: rgb(39, 48, 59);
  -webkit-box-shadow: 7.502px 8.045px 30px 0px rgba(6, 9, 12, 0.16);
          box-shadow: 7.502px 8.045px 30px 0px rgba(6, 9, 12, 0.16);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 50px 0 21px;
  min-width: 604px;
  height: 79px;
}
.h_s1_213_061 .title2-area span {
  display: inline-block;
  width: 72px;
  height: 47px;
  border-radius: 23px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(47, 75, 107)), to(rgb(75, 109, 151)));
  background-image: -o-linear-gradient(bottom, rgb(47, 75, 107) 0%, rgb(75, 109, 151) 100%);
  background-image: linear-gradient(360deg, rgb(47, 75, 107) 0%, rgb(75, 109, 151) 100%);
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 52px;
}
.h_s1_213_061 .title2-area p {
  font-size: 30px;
  color: #b4bac2;
  padding-left: 27px;
}
.h_s1_213_061 .object-wrap {
  position: absolute;
  top: 325px;
  left: 148px;
  width: 1600px;
  height: 700px;
}
.h_s1_213_061 .object-wrap .object-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.h_s1_213_061 .object-wrap .object-inner .object {
  position: absolute;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj1 {
  top: 100px;
  left: 0;
  width: 375px;
  height: 242px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj1 img {
  width: 303px;
  height: 140px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj2 {
  top: 0;
  left: 507px;
  width: 417px;
  height: 241px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj2 img {
  width: 281px;
  height: 153px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj3 {
  top: 72px;
  left: auto;
  right: 380px;
  width: 263px;
  height: 167px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj3 img {
  width: 172.5px;
  height: 67px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj4 {
  top: 50px;
  left: auto;
  right: 57px;
  width: 272px;
  height: 244px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj4 img {
  width: 177px;
  height: 89px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj4 .btn {
  padding-top: 53px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj5 {
  top: auto;
  bottom: 123px;
  left: 15px;
  width: 262px;
  height: 200px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj5 img {
  width: 154px;
  height: 123px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj6 {
  top: 268px;
  left: 422px;
  width: 266px;
  height: 171px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj6 img {
  width: 166px;
  height: 53px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj6 .btn {
  padding-top: 46px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj7 {
  top: 268px;
  left: 770px;
  width: 326px;
  height: 131px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj7 img {
  width: 159px;
  height: 29px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj7 .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj7 .btn span {
  margin-left: 28px;
  margin-top: 0;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj8 {
  top: auto;
  bottom: 0;
  left: 324px;
  width: 334px;
  height: 228px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj8 img {
  width: 208px;
  height: 136px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj9 {
  top: auto;
  bottom: 0;
  left: 714px;
  width: 304px;
  height: 258px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj9 img {
  width: 43px;
  height: 142px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj10 {
  top: auto;
  bottom: 0;
  left: auto;
  right: 300px;
  width: 261px;
  height: 271px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj10 img {
  width: 148px;
  height: 174px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj11 {
  top: auto;
  bottom: 105px;
  left: auto;
  right: 0;
  width: 260px;
  height: 285px;
}
.h_s1_213_061 .object-wrap .object-inner .object.obj11 img {
  width: 136px;
  height: 167px;
}
.h_s1_213_061 .object-wrap .object-inner .object .btn {
  width: inherit;
  height: inherit;
  border-radius: 25px;
  background-color: #36414e;
  -webkit-box-shadow: 6.62px 8.785px 43px 0px rgba(15, 19, 24, 0.24);
          box-shadow: 6.62px 8.785px 43px 0px rgba(15, 19, 24, 0.24);
  border: 1.5px solid rgba(135, 141, 148, 0.3);
  position: absolute;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  position: relative;
}
.h_s1_213_061 .object-wrap .object-inner .object .btn span {
  display: block;
  font-size: 25px;
  color: #fff;
  margin-top: auto;
}
.h_s1_213_061 .object-wrap .object-inner .object .btn::after {
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 83px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s10_321_115/drag-hand-left.png");
}
.h_s1_213_061 .object-wrap .object-inner .object .btn.hand-on::after {
  -webkit-animation-name: buttonMotion;
          animation-name: buttonMotion;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.h_s1_213_061 .object-wrap .object-inner .object .btn.on {
  background-color: none;
  border: 3px solid rgb(211, 43, 75);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(40, 49, 59)), color-stop(83%, rgb(55, 66, 79)));
  background-image: -o-linear-gradient(bottom, rgb(40, 49, 59) 0%, rgb(55, 66, 79) 83%);
  background-image: linear-gradient(360deg, rgb(40, 49, 59) 0%, rgb(55, 66, 79) 83%);
}
.h_s1_213_061 .btn-area {
  position: absolute;
  right: 85px;
  bottom: 73px;
  width: 284px;
  height: 69px;
}
.h_s1_213_061 .btn-area .btn-choice {
  width: inherit;
  height: inherit;
  border-radius: 32px;
  font-size: 29px;
  font-weight: 700;
  text-align: center;
  line-height: 75px;
  -webkit-box-shadow: 7.053px 9.708px 37px 0px rgba(21, 27, 34, 0.35);
          box-shadow: 7.053px 9.708px 37px 0px rgba(21, 27, 34, 0.35);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(85, 19, 32)), to(rgb(139, 44, 62)));
  background-image: -o-linear-gradient(bottom, rgb(85, 19, 32) 0%, rgb(139, 44, 62) 100%);
  background-image: linear-gradient(360deg, rgb(85, 19, 32) 0%, rgb(139, 44, 62) 100%);
  color: #a8848a;
  cursor: auto;
}
.h_s1_213_061 .btn-area .btn-choice.on {
  cursor: pointer;
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(117, 31, 48)), to(rgb(200, 67, 93)));
  background-image: -o-linear-gradient(bottom, rgb(117, 31, 48) 0%, rgb(200, 67, 93) 100%);
  background-image: linear-gradient(360deg, rgb(117, 31, 48) 0%, rgb(200, 67, 93) 100%);
}
.h_s1_213_061 .guide-hand-row {
  display: none;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 47%;
  right: -183px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 237px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/h_s1_213_061/drag-right.png");
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: arrowRight;
          animation-name: arrowRight;
}
.h_s1_213_061 .guide-hand-row::after {
  opacity: 0;
  content: "";
  top: 45px;
  right: -70px;
  width: 84px;
  height: 75px;
  background-image: url("../../images/h_s1_213_061/drag-hand-left.png");
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-name: leftRight;
          animation-name: leftRight;
}
.h_s1_213_061 .guide-hand-row.on {
  display: block;
}
.h_s1_213_061 .guide-hand {
  z-index: 1;
  display: none;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  bottom: -185px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 233px;
  width: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  background-image: url("../../images/h_s1_213_061/drag-down.png");
  -webkit-animation-name: arrowDown;
          animation-name: arrowDown;
}
.h_s1_213_061 .guide-hand::after {
  opacity: 0;
  content: "";
  top: 30px;
  left: 25px;
  width: 84px;
  height: 75px;
  background-image: url("../../images/h_s1_213_061/drag-hand-left.png");
  -webkit-animation-name: topDown;
          animation-name: topDown;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.h_s1_213_061 .guide-hand.on {
  display: block;
}

@-webkit-keyframes buttonMotion {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes buttonMotion {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes leftRight {
  0% {
    left: 25px;
    opacity: 0;
  }
  100% {
    left: 160px;
    opacity: 1;
  }
}
@keyframes leftRight {
  0% {
    left: 25px;
    opacity: 0;
  }
  100% {
    left: 160px;
    opacity: 1;
  }
}
@-webkit-keyframes arrowRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-image: url("../../images/h_s1_213_061/drag-right-on.png");
  }
}
@keyframes arrowRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-image: url("../../images/h_s1_213_061/drag-right-on.png");
  }
}
@-webkit-keyframes arrowDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-image: url("../../images/h_s1_213_061/drag-down-on.png");
  }
}
@keyframes arrowDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-image: url("../../images/h_s1_213_061/drag-down-on.png");
  }
}
@-webkit-keyframes topDown {
  0% {
    top: 30px;
    opacity: 0;
  }
  100% {
    top: 145px;
    opacity: 1;
  }
}
@keyframes topDown {
  0% {
    top: 30px;
    opacity: 0;
  }
  100% {
    top: 145px;
    opacity: 1;
  }
}
/*# sourceMappingURL=../maps/page/h_s1_213_061.css.map */