@charset "UTF-8";
/* Reset By Normalize */
@import url(/css/normalize.css);
@import url(animate.css);
body {
  background-color: #520c2e;
}

.grayscale {
  -webkit-filter: grayscale(1);
}

#ingame > div {
  overflow: inherit !important;
}

.memberlogin__btn--login {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dtNow {
  display: none;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 9999;
  border-radius: 3px;
  padding: 3px;
}

.wrapper {
  font-family: "Helvetica Neue", "微軟正黑體", "Helvetica", "Arial", "PingFangTC-Light", "STHeitiTC-Light","Microsoft JhengHei", sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
}

.wrapper_bg {
  background-image: url(../../images/ingamebg.jpg?20210115);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 105%;
}

.wrapper .center {
  position: absolute;
  width: 79.1%;
  top: 0;
  right: 0;
}

.wrapper .center .box_content {
  position: relative;
  width: 100%;
}

.wrapper .center .box_content .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
}

.wrapper .center .box_content .redEnvelope img {
  width: 90%;
  position: absolute;
  left: 3%;
  top: 20%;
}

@media only screen and (max-width: 927px) {
  .wrapper .center .box_content .redEnvelope img {
    width: 88%;
    top: 15%;
  }
}

.wrapper .center .box_content .taurus .gift_all {
  position: relative;
  width: 100%;
}

.wrapper .center .box_content .taurus .gift_all .knock {
  z-index: 2 !important;
}

.wrapper .center .box_content .taurus .gift_all .taurus_bg {
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: 90% auto;
  background-image: url(../../images/cow.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position1 {
  top: 17%;
  left: 0%;
}

.wrapper .center .box_content .taurus .gift_position2 {
  top: 17%;
  left: 26%;
}

.wrapper .center .box_content .taurus .gift_position3 {
  top: 17%;
  left: 52%;
}

.wrapper .center .box_content .taurus .gift_position4 {
  top: 57%;
  left: 0%;
}

.wrapper .center .box_content .taurus .gift_position5 {
  top: 57%;
  left: 26%;
}

.wrapper .center .box_content .taurus .gift_position6 {
  top: 57%;
  left: 52%;
}

.wrapper .center .box_content .taurus .gift_position1 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic1 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards01.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position2 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic2 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards02.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position3 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic3 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards03.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position4 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic4 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards04.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position5 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic5 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards05.png?20210115);
}

.wrapper .center .box_content .taurus .gift_position6 {
  position: absolute;
  width: 26%;
  padding-bottom: 26%;
  z-index: 0;
}

.wrapper .center .box_content .taurus .gift_all .pic6 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-image: url(../../images/Awards06.png?20210115);
}

.wrapper .center .box_content .taurus_all {
  position: relative;
  width: 100%;
}

.wrapper .center .box_content .taurus_all .taurus1 {
  top: 17%;
  left: 0%;
}

.wrapper .center .box_content .taurus_all .taurus2 {
  top: 17%;
  left: 26%;
}

.wrapper .center .box_content .taurus_all .taurus3 {
  top: 17%;
  left: 52%;
}

.wrapper .center .box_content .taurus_all .taurus4 {
  top: 60%;
  left: 0%;
}

.wrapper .center .box_content .taurus_all .taurus5 {
  top: 60%;
  left: 26%;
}

.wrapper .center .box_content .taurus_all .taurus6 {
  top: 60%;
  left: 52%;
}

.wrapper .center .box_content .taurus_all > div {
  position: absolute;
  width: 20%;
  height: 38%;
}

.wrapper .center .box_content .taurus_all > div .taurus_action {
  position: relative;
  width: 100%;
  height: 100%;
}

.wrapper .center .box_content .taurus_all > div .taurus_action .taurus_bg {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  padding-bottom: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: 95% auto;
  background-image: url(../../images/cow.png?20210115);
}

.wrapper .center .box_content .taurus_all > div .taurus_action .hammer {
  position: absolute;
  top: 0%;
  left: 60%;
  width: 63%;
  padding-bottom: 57%;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(../../images/hammer.png?20210115);
}

.wrapper .center .box_content .taurus_all > div.knock .taurus_bg {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  padding-bottom: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: 100% auto;
  background-image: url(../../images/cow_b.png?20210115);
}

.wrapper .center .box_content .taurus_all > div.knock .hammer {
  position: absolute;
  top: -5%;
  left: 45%;
  width: 75%;
  padding-bottom: 75%;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
  background-image: url(../../images/hammer.png?20210115);
}

.wrapper .center .box_content .ibonus_all {
  position: relative;
  width: 90%;
}

.wrapper .center .box_content .ibonus_all .left {
  position: absolute;
  top: 32%;
  left: 2%;
  width: 50%;
  padding-bottom: 27%;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../../images/img-pic02.png?20210115);
}

.wrapper .center .box_content .ibonus_all .left .number {
  position: absolute;
  width: 27%;
  top: 45%;
  left: 25%;
  text-align: center;
  font-size: 3.8em;
  color: #fcff00;
  font-weight: 1000;
  text-shadow: 4px 4px #cd2619;
}

@media only screen and (max-width: 668px) {
  .wrapper .center .box_content .ibonus_all .left .number {
    top: 40%;
    font-size: 3em;
  }
}

@media screen and (min-width: 1199px) {
  .wrapper .center .box_content .ibonus_all .left .number {
    font-size: 5.8em;
  }
}

.wrapper .center .box_content .ibonus_all .left .time {
  position: absolute;
  top: 4%;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: .8em;
}

@media only screen and (max-width: 668px) {
  .wrapper .center .box_content .ibonus_all .left .time {
    top: 0;
    font-size: .5em;
  }
}

@media screen and (min-width: 1199px) {
  .wrapper .center .box_content .ibonus_all .left .time {
    top: 5%;
    font-size: 1em;
  }
}

@media screen and (min-width: 1366px) {
  .wrapper .center .box_content .ibonus_all .left .time {
    top: 6%;
  }
}

.wrapper .center .box_content .ibonus_all .right, .wrapper .center .box_content .ibonus_all .right_notime {
  position: absolute;
  top: 33%;
  left: 49%;
  width: 40%;
  padding-bottom: 35%;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.wrapper .center .box_content .ibonus_all .right {
  background-image: url(../../images/img-pic03.png?20210115);
}

.wrapper .center .box_content .ibonus_all .right .time {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 1.3em;
}

@media only screen and (max-width: 668px) {
  .wrapper .center .box_content .ibonus_all .right .time {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 1199px) {
  .wrapper .center .box_content .ibonus_all .right .time {
    font-size: 2.4em;
  }
}

.wrapper .center .box_content .ibonus_all .right_notime {
  background-image: url(../../images/img-pic04.png?20210115);
}

.wrapper .center .box_content .ibonus_all .right_notime .time {
  position: absolute;
  top: 25%;
  width: 100%;
  text-align: center;
  color: #d90000;
  letter-spacing: 0;
  font-size: 1.3em;
  font-weight: bold;
}

@media only screen and (max-width: 927px) {
  .wrapper .center .box_content .ibonus_all .right_notime .time {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 1199px) {
  .wrapper .center .box_content .ibonus_all .right_notime .time {
    top: 32%;
  }
}

.wrapper .left_top {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
}

.wrapper .left_top .box_ground {
  position: relative;
  width: 91.8%;
  margin-top: 23%;
  background-image: url(../../images/reel.png?20210115);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

@media only screen and (max-width: 927px) {
  .wrapper .left_top .box_ground {
    margin-top: 15%;
  }
}

.wrapper .left_top .box_ground .box_mune {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
}

.wrapper .left_top .box_ground img {
  width: 100%;
}

.wrapper .left_bottom {
  position: absolute;
  left: 2%;
  width: 20%;
  bottom: 2em;
}

@media (max-aspect-ratio: 20 / 9) and (min-aspect-ratio: 18 / 9) and (max-width: 1200px) {
  .wrapper .left_bottom {
    bottom: 1.5em;
  }
}

.wrapper .left_bottom a {
  float: left;
}

.wrapper .left_bottom .btn_question, .wrapper .left_bottom .btn_value {
  display: block;
  width: 48%;
  padding-bottom: 48%;
  background-image: url(../../images/btnQA.png?20210115);
  background-size: 100% 100%;
  cursor: pointer;
}

.wrapper .left_bottom .btn_awarded {
  display: block;
  width: 48%;
  padding-bottom: 48%;
  background-image: url(../../images/btn_awarded.png?20210115);
  background-size: 100% 100%;
  cursor: pointer;
}

.wrapper .right_bottom {
  position: absolute;
  right: 0;
  bottom: 2em;
  width: 15%;
}

@media (max-aspect-ratio: 20 / 9) and (min-aspect-ratio: 18 / 9) and (max-width: 1200px) {
  .wrapper .right_bottom {
    bottom: 1.5em;
  }
}

.wrapper .right_bottom .btn_number {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 1px 3px 8px black;
}

.wrapper .right_bottom .btn_login {
  background-image: url(../../images/btn_login.png?20210115);
}

.wrapper .right_bottom .btn_get {
  background-image: url(../../images/btn_get.png?20210115);
}

.wrapper .right_bottom .btn_use {
  background-image: url(../../images/btn_use.png?20210115);
}

.wrapper .right_bottom .btn_login, .wrapper .right_bottom .btn_get, .wrapper .right_bottom .btn_use {
  display: block;
  width: 90%;
  padding-bottom: 90%;
  background-size: 100%;
  cursor: pointer;
}

.popup {
  display: none;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
}

.popup .layer_click {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.popup .popup_container {
  position: absolute;
  border-radius: 20px;
  border: 3px solid rgba(166, 133, 76, 0.7);
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow-y: scroll;
}

.popup .popup_container.question, .popup .popup_container.cow, .popup .popup_container.awarded {
  display: none;
  top: 2.5%;
  left: 5%;
  width: 90%;
  height: 95%;
  padding: 1em;
  font-size: 120%;
  color: #FFF;
  line-height: 1.2em;
}

.popup .popup_container.question h3, .popup .popup_container.cow h3, .popup .popup_container.awarded h3 {
  font-size: 1.2em;
  line-height: 2em;
  color: #ffb244;
}

.popup .popup_container.question h4, .popup .popup_container.cow h4, .popup .popup_container.awarded h4 {
  position: relative;
  display: block;
  color: #09f8fe;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 12px 0;
}

.popup .popup_container.question h4:before, .popup .popup_container.cow h4:before, .popup .popup_container.awarded h4:before {
  content: '';
  background-image: url(../../../images/icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: -8px 3px;
}

.popup .popup_container.question ol, .popup .popup_container.cow ol, .popup .popup_container.awarded ol {
  padding-left: 4%;
}

.popup .popup_container.question > p, .popup .popup_container.cow > p, .popup .popup_container.awarded > p {
  font-size: 18px;
  padding: 0 3%;
  line-height: 35px;
}

.popup .btn_close {
  position: absolute;
  display: block;
  top: 3.85%;
  right: 6%;
  width: 2em;
  height: 2m;
  border-radius: 50px;
  background: #7b5e36;
  text-align: center;
  cursor: pointer;
  z-index: 20;
}

.popup .btn_close::before {
  content: '\f00d ';
  font-family: fontAwesome;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}

@media only screen and (max-width: 927px) {
  .popup .btn_close {
    right: 7%;
  }
}

.swal2-image {
  width: 80%;
  max-width: 200px;
}

.go_in {
  display: block;
  opacity: 1;
}

.go_out {
  display: none;
  opacity: 0;
}

/* ================= table設定 ================= */
.table {
  word-break: break-all;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px auto;
  font-size: 80%;
  color: #000;
  border: 5px solid #ffb244;
}

.table-full {
  width: 95%;
}

.table img {
  display: block;
  margin: 0 auto;
}

.table tr {
  background: #e6e6e6;
}

.table tr th {
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border: 1px #863700 solid;
  background: #863700;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #863700), to(#bc5d1b));
  background: linear-gradient(to bottom, #863700 20%, #bc5d1b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.table tr td {
  text-align: center;
  padding: 2px;
  border: 1px #863700 solid;
}

.number.red_diamond span.n00 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d0.png?201910291);
}

.number.red_diamond span.n01 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d1.png?201910291);
}

.number.red_diamond span.n02 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d2.png?201910291);
}

.number.red_diamond span.n03 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d3.png?201910291);
}

.number.red_diamond span.n04 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d4.png?201910291);
}

.number.red_diamond span.n05 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d5.png?201910291);
}

.number.red_diamond span.n06 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d6.png?201910291);
}

.number.red_diamond span.n07 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d7.png?201910291);
}

.number.red_diamond span.n08 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d8.png?201910291);
}

.number.red_diamond span.n09 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/Re_d9.png?201910291);
}

.number.warm_yellow span.n_colon {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y_colon.png?201910291);
}

.number.warm_yellow span.n00 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y0.png?201910291);
}

.number.warm_yellow span.n01 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y1.png?201910291);
}

.number.warm_yellow span.n02 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y2.png?201910291);
}

.number.warm_yellow span.n03 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y3.png?201910291);
}

.number.warm_yellow span.n04 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y4.png?201910291);
}

.number.warm_yellow span.n05 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y5.png?201910291);
}

.number.warm_yellow span.n06 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y6.png?201910291);
}

.number.warm_yellow span.n07 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y7.png?201910291);
}

.number.warm_yellow span.n08 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y8.png?201910291);
}

.number.warm_yellow span.n09 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/wa_y9.png?201910291);
}

.number.metal_yellow span.n00 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y0.png?201910291);
}

.number.metal_yellow span.n01 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y1.png?201910291);
}

.number.metal_yellow span.n02 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y2.png?201910291);
}

.number.metal_yellow span.n03 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y3.png?201910291);
}

.number.metal_yellow span.n04 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y4.png?201910291);
}

.number.metal_yellow span.n05 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y5.png?201910291);
}

.number.metal_yellow span.n06 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y6.png?201910291);
}

.number.metal_yellow span.n07 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y7.png?201910291);
}

.number.metal_yellow span.n08 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y8.png?201910291);
}

.number.metal_yellow span.n09 {
  background-image: url(/test/Action/79_TMD/20191028S/game_daguai/images/number/m_y9.png?201910291);
}

.box_flipInY {
  -webkit-animation-name: box_flipInY;
          animation-name: box_flipInY;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes box_flipInY {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3%) scaleX(1.05);
            transform: translateY(3%) scaleX(1.05);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes box_flipInY {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(3%) scaleX(1.05);
            transform: translateY(3%) scaleX(1.05);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.box_flipInX {
  -webkit-animation-name: box_flipInX;
          animation-name: box_flipInX;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

.an_fast {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}

.an_faster {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}

.delay-03s {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

.delay-05s {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.delay-1s {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-2s {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay-3s {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.taurus_action .hammer {
  -webkit-animation: swinging 2s ease-in-out 0s infinite;
          animation: swinging 2s ease-in-out 0s infinite;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(0) scale(1);
  }
  10% {
    -webkit-transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(-9deg);
  }
  30% {
    -webkit-transform: rotate(8deg);
  }
  40% {
    -webkit-transform: rotate(-7deg);
  }
  50% {
    -webkit-transform: rotate(6deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-3deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}

.knock .taurus_action .hammer {
  -webkit-animation: knock .3s ease-in-out !important;
          animation: knock .3s ease-in-out !important;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

@-webkit-keyframes knock {
  0% {
    -webkit-transform: rotate(0) scale(1);
  }
  50% {
    -webkit-transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(-9deg);
  }
}

.knock .taurus_action .taurus_bg {
  -webkit-animation: delay 0.5s,swinging .9s ease-in-out;
          animation: delay 0.5s,swinging .9s ease-in-out;
}

.gift_move1 {
  -webkit-animation-name: gift_move1;
          animation-name: gift_move1;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes gift_move1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(-10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(-10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(130%);
            transform: translateY(45%) translateX(130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(-10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(-10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move1 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(-10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(-10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(130%);
            transform: translateY(45%) translateX(130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(-10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(-10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move2 {
  -webkit-animation-name: gift_move2;
          animation-name: gift_move2;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes gift_move2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(0%);
            transform: translateY(45%) translateX(0%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move2 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(0%);
            transform: translateY(45%) translateX(0%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(0%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(0%) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move3 {
  -webkit-animation-name: gift_move3;
          animation-name: gift_move3;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes gift_move3 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(-130%);
            transform: translateY(45%) translateX(-130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move3 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(45%) translateX(-130%);
            transform: translateY(45%) translateX(-130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(45%) translateX(-130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(-10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move4 {
  -webkit-animation-name: gift_move4;
          animation-name: gift_move4;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes gift_move4 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(130%);
            transform: translateY(-45%) translateX(130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move4 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(130%);
            transform: translateY(-45%) translateX(130%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(130%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(-25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move5 {
  -webkit-animation-name: gift_move5;
          animation-name: gift_move5;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
}

@-webkit-keyframes gift_move5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(0%);
            transform: translateY(-45%) translateX(0%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move5 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(0%);
            transform: translateY(-45%) translateX(0%);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
            transform: translateY(-45%) translateX(0%) scaleX(0.2) scaleY(0.2);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(0%) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move6 {
  -webkit-animation-name: gift_move6;
          animation-name: gift_move6;
  -webkit-animation-duration: .9s;
          animation-duration: .9s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  visibility: visible !important;
  z-index: 6 !important;
}

@-webkit-keyframes gift_move6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-55%) translateX(-100%);
            transform: translateY(-55%) translateX(-100%);
  }
  40% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
            transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(1.8) scaleY(1.6);
            transform: translateY(-45%) translateX(-100%) scaleX(1.8) scaleY(1.6);
    background-image: url(../../images/cow.png?20210115);
  }
  60% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
            transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(-100%);
            transform: translateY(-45%) translateX(-100%);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

@keyframes gift_move6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
  }
  20% {
    -webkit-transform: translateY(-55%) translateX(-100%);
            transform: translateY(-55%) translateX(-100%);
  }
  40% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
            transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
  }
  50% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(1.8) scaleY(1.6);
            transform: translateY(-45%) translateX(-100%) scaleX(1.8) scaleY(1.6);
    background-image: url(../../images/cow.png?20210115);
  }
  60% {
    -webkit-transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
            transform: translateY(-45%) translateX(-100%) scaleX(2) scaleY(1.8);
    background-image: url(../../images/cow.png?20210115);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-45%) translateX(-100%);
            transform: translateY(-45%) translateX(-100%);
    background-image: url(../../images/cow.png?20210115);
  }
  92% {
    -webkit-transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
            transform: translateY(10%) translateX(10%) rotate(25deg) scaleX(0.8) scaleY(0.8);
    background-image: url(../../images/cow.png?20210115);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
    background-image: url(../../images/cow.png?20210115);
  }
}

.gift_move1 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_move2 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_move3 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_move4 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_move5 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_move6 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.gift_all .knock {
  -webkit-animation: pulse 1s ease-in-out infinite;
          animation: pulse 1s ease-in-out infinite;
}