/* 
---------------------------------------------
index s1
--------------------------------------------- 
*/
.index .wrapper {
  background-image: none;
}
.index-s1 {
  background-image: url(../images/index-bg-s1.jpg);
  background-size: cover;
  background-position: center;
  min-height: calc(100vh - 60px);
  padding-bottom: 250px;
}
.nav-slide {
    background-image: url(../images/slide-nav-l.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 138px;
    height: 386px;
    position: absolute;
    top: 55%;
    right: 13%;
    padding: 7px 0;
    z-index: 2;
    transform: translateY(-50%);
}
.nav-slide .download-qr {
      background-image: url(https://nikki4webstorage.papegames.cn/tw/home/images/down-qr.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: relative;
    padding: 5px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 3px auto 0;
}
.nav-slide .download-qr-cover {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.8) 7%);
    background: -o-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.8) 7%);
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.8) 7%);
    -webkit-background-size: 900% 900%;
    background-size: 900% 900%;
    -webkit-animation: Gradient 15s linear infinite;
    animation: Gradient 15s linear infinite;
    box-sizing: content-box;
}
.nav-slide .download-divider {
    fill: white;
    width: 10px;
    margin: -20px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nav-slide .download-divider line {
    stroke: white;
    stroke-miterlimit: 10;
    stroke-width: 0.5px;
}
.nav-slide .btn {
    width: 107px;
    height: 34px;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    margin: 0 auto 10px;
    cursor: pointer;
}

.nav-slide .btn-iost {
    background-image: url(https://nikki4webstorage.papegames.cn/tw/home/images/down-iost.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-slide .btn-andt {
    background-image: url(https://nikki4webstorage.papegames.cn/tw/home/images/down-andt.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-slide .btn-ands {
    background-image: url(https://nikki4webstorage.papegames.cn/tw/home/images/down-ands.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}
.nav-slide .to-top {
    position: relative;
    width: 60%;
    height: 110px;
    cursor: pointer;
    outline: none;
}
.index-s1-main-img img {
  max-height: 80vh;
  margin-top: 5vh;
  min-height: 460px;
}
.index-s1-main {
  position: relative;
  width: 100vw;
  text-align: center;
  z-index: 1;
}
.index-s1-main-title {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  max-width: 860px;
}
.index-s1-main-title .title02 {
      max-width: 80%;
    margin-top: -4%;
}
.page img.background-img01_blur {
  top: 100px;
  right: 24%
}
.index .star {
  background-color: #fff;
    box-shadow: #f2b4b7 0 0px 7px 1px, #fbe6b2 0 0 12px, #fbe6b2 0 0 12px;
}
.index .banner_star  {
  right: 3px;
    bottom: 40px;
    width: 120px;
    position: absolute;
    z-index: 2;
}

/* 
---------------------------------------------
index s2
--------------------------------------------- 
*/
.index-s2 {
  background-image: url(../images/index-bg-s2.png);
  background-size: cover;
  background-position: top left;
  position: relative;
  margin-top: -280px;
  padding-top: 350px;
  padding-bottom: 200px;
  z-index: 1;
}
.index-s2-img01 {
  position: absolute;
  width: 25%;
  bottom: 0;
  left: -8%;
}
.index-jennlanngong-img {
    position: absolute;
    right: 20px;
    width: 60px;
    top: -20px;
}
.label-title {
  margin-bottom: 30px;
  margin-left: -10px;
}
.label-title img {
  width: 200px;
}
.index .page2-text p {
  text-align: left;
  text-align: left;
  justify-content: left;
  min-height: 40px;
  font-size: 19px;
}
.page2-text {
    max-width: 440px;
    margin: 30px auto 70px;
}
.index .papper-box {
    background-size: 45%;
}
.index .papper-box {
    background-image: url(../images/box-bg01.png), url(../images/box-bg02.png);
    background-size: 45%, 30%;
    background-position: top -40% right -10%, bottom left;
}
/* 
---------------------------------------------
index s3
--------------------------------------------- 
*/
.index-s3 {
    background-image: url(../images/index-bg-s3.png);
    background-size: cover;
    background-position: top right;
    position: relative;
    margin-top: -280px;
    padding-top: 350px;
    padding-bottom: 200px;
    z-index: 1;
}
.index-s3 .lickbox {
  position: absolute;
  transform: rotate(-8deg);
/*  -webkit-animation-name: headShake;
  animation-name: headShake;
  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake*/
}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
.index-s3 ul {
  margin-left: 16px;
}
.index-s3 ul, .index-s3  li,
.index-s4 ul, .index-s4  li{
  list-style: decimal;
  color: #797981;
}
.index-s3 .page2-text  li  p {
  font-size: 18px;
  min-height: auto;
  margin-bottom: 12px;
}
.main-btn {
  display: inline-block;
    width: 80%;
    max-width: 240px;
    margin-top: 36px;
  border: 1px solid rgba(239, 205, 153 ,0.2);
  -webkit-animation-name: pulse;
  animation-name: pulse;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.index-s3 .papper-box {
    background-size: 45%, 36%;
    background-position: top -40% left -10%, bottom right 12%;
}
.index-s3 .page2-text ,
.index-s4 .page2-text {
  margin-bottom: 40px;
}
/* 
---------------------------------------------
index s3
--------------------------------------------- 
*/

.index-s4 {
    background-image: url(../images/index-bg-s4.png);
    background-size: cover;
    background-position: top right;
    position: relative;
    margin-top: -280px;
    padding-top: 350px;
    padding-bottom: 200px;
    z-index: 1;
}
.index-s4 .papper-box {
  background-image: url(../images/index-box-bg1.jpg);
  background-size: cover;
  background-position: center center;
  word-break: break-all;
}
.index-s4 .papper-box:before {
  display: none;
}
.index-s4 .page2-text {
  max-width: 90%;
}

.index-s4 .page2-text p{
  display: block;
  font-size: 16px;
  min-height: auto;
}
.index-s4 .page2-text li a {
      color: #b38f78;
}

.index-s4 .page2-text li a:hover {
      color:#8e6d59;
}

.index-s4 .page2-text li {
  font-size: 16px;
  margin-bottom: 15px;
}
.prize-box {
      max-width: 600px;
    margin: 0 auto 50px;
    color: #9e8386;
    font-weight: 500;
    font-size: 14px;
}
.prize-img {
  width: 160px;
  height: 160px;
  padding: 10px;
  margin: 12px auto 8px;
  background-image: url(../images/index-s4-box.png);
  background-size: cover;
}

/* 
---------------------------------------------
scroll-down
--------------------------------------------- 
*/
.scroll-down{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 150px;    
    margin-top: -200px;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTIuNzYgMTAzLjI2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTJ7ZmlsbDojZTJiNzdkO30uY2xzLTN7b3BhY2l0eTowLjU1O21peC1ibGVuZC1tb2RlOm11bHRpcGx5O30uY2xzLTR7ZmlsbDp1cmwoI+acquWRveWQjeeahOa4kOWPmF8xMTgpO30uY2xzLTV7ZmlsbDpub25lO3N0cm9rZTojZTJiNzdkO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDowLjI1cHg7fTwvc3R5bGU+PHJhZGlhbEdyYWRpZW50IGlkPSLmnKrlkb3lkI3nmoTmuJDlj5hfMTE4IiBjeD0iLTU5ODAuMjciIGN5PSItNTMzOC4wMiIgcj0iNC41MSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg4MDI5LjYyIC00NDApIHJvdGF0ZSgtNDUpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjAxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuNCIvPjxzdG9wIG9mZnNldD0iMC4yNiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjUzIi8+PHN0b3Agb2Zmc2V0PSIwLjgxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuODciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48dGl0bGU+6LWE5rqQIDI8L3RpdGxlPjxnIGNsYXNzPSJjbHMtMSI+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0iYmciPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTUyLjc2LDU0QzI5LjgxLDUyLDI4LjI3LDUwLjUsMjYuNDIsMjcuNTUsMjQuNDksNTAuNSwyMyw1MiwwLDUzLjg5YzIzLDEuOTIsMjQuNDgsMy40NiwyNi4zNiwyNi40MUMyOC4yNyw1Ny4zNiwyOS44LDU1LjgyLDUyLjc2LDU0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM5LjU3LDkwLjA4Yy0xMS40OC0xLTEyLjI0LTEuNzItMTMuMTctMTMuMi0xLDExLjQ3LTEuNzMsMTIuMjQtMTMuMjEsMTMuMTcsMTEuNDgsMSwxMi4yNCwxLjczLDEzLjE4LDEzLjIxQzI3LjMyLDkxLjc4LDI4LjA5LDkxLDM5LjU3LDkwLjA4WiIvPjxpbWFnZSBjbGFzcz0iY2xzLTMiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMzQpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJ3QUFBQWNDQVlBQUFCeURkK1VBQUFBQ1hCSVdYTUFBQXNTQUFBTEVnSFMzWDc4QUFBRHlFbEVRVlJJUzhXV1RVOGpSeENHbitvWmo4ZnhCeDloSXJPd3NKcEREcHRqVG52am1oL0E3d0gvSGwrUjlwckxIblBsa0lNVklnZ29KaGlQYlhsbVBOT1ZReHNiSXJBNUlGSlNTNjJ1Nm42cnF0K3FibEZWM2xQOGRRWUxFUkVlbk90MEJJQ1RFNTNyNEpXZWU2ZW5wK3RzQUFRUjRhaHYrTzJiaDMvZ0VVV0c5SnZoUXcva0p6ZzZXbmNHQVBJS3g0UnUxeERIaHJ6bnM0SEhYM2dBZktCa1NFa1FGL1I2bHVOakM2dzgwS3hTQWdKZFE2UGhrMTZGQkxVNkkyK1RnRzBDdHQyOFZpZTlDbWswZk9nYXQyZkZnU3NpZEdDL1RpbzA2MVhTYWgwemE2SFNCR3B6bXltaUkyd2xJY3dtakNZWlIvVVp2QnpwUzRCenNLZ0M5eUZHbWhpN2pXOGlyTjFCcEE2QTZnUmpiaWxzSDJ2dXNEcUN6WlNqL291Z3p3RStCYXY0TFd5K2c4Y3V3ajVxMmtCcmJwc2c5Z2Jsa3BKclRIRExyRWhXZ2Y0WGNKbEdOaDJZRmhGaTl4QU93UndpN0tLNjRheGxpSElOOWdMbEFqVlhpTjkzb1BmcGMrbDlYSWVPalkyR3p3OVVtVWdUbSs5ZzJFUGtFeEFqZW9EU1JxUUJnT29Zb1lhS2p5Qmd3ZWFLOFpSNlhmbmFVTWJkNGpGN3pkeFRvZE1SNHRqUW1nV09JSFo3bnNaRElBWStvZklSMVRab0JCcWgya2JsSXpCM2lFTThkakYybTdSYXB6VUxpR05EcCtQcWVCR2hLblM3UXQ3ekNXdFY4cXlGK0JGbHVZOXdpSENBNmg0UUlkTEVhblh1YUFCcVFFSEVvaFFvT2I3SjBGbEdVTTNKZXdXZlA5dUhUclJNYVR3d2pINzB5TzVDUEsrRlozY1EwNTdmV1J2aGV4UlhFaUlQKytZWndxTE1FRE1GUmxnN3BQUVNzbndNVVVyOHV3SHNja09uSS9TMmhLTHZZY29LYWtOSGZXMmh1dUh1VEdxb1ZwMlQ2cm1CNzlha2hrakRrVWxiaU5SUkcyTEtDa1hmbzdjbEQvMTNYYWQ1YzNHQUp5ZEtQRkQ4cU1SNk04U2txRTVBRWtkOUhZTk9FY21BQXFSMGc4S3Q2ZFF4Vm9ZZ0Nhb1R4S1JZYjRZZmxjUURmWGhabG5mWTI3THM5MHVDV2txZUpZaC9TMWx1QUUxRWFpaVZoWU82SUUwR2pGRCtRYmhCN1RYS0RaNTNpeFFKMzFWVDhuNUpiOHZ5OCtNSVJlRDhYQW5pZ3RSbTJFcENZZnNJbDhBRnlwOGdWeUI5VkljWUdXRmtoT29RcEE5eTVXeTRRTGgwcmE2U2tOcU1JQzQ0UDFkY1ZUenBOSThLZnh3eUNWcElHV0hZWHhZK3p4WCt6UnlzaCtvZldDNVJyMDg5VC9pN2tUSWVQeW44ZDI5dC8zdnpYcXkvNS9PMDBMM25BN3pRUTlmd3RlSFRtZ1dFcGtxUmgyUmxCWUNxTjhNUFVsS2JrVlJ5ZmhrWHE4QmdmYWRST0xhTXh3WGhYa28rbmRBczc4bTVJK2ZPemFjVHdqM0h4alZnc0I0UVFEayt0cHlkbFh3aFp6cklHREJsd0pUcElPTUxPV2RuNVd0K2JMQStwVXQ1bzQvdzZ3SGZTUDRGUllkZDZ5b04rNU1BQUFBQVNVVk9SSzVDWUlJPSIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjEuNzkiIHk9IjkuNTUiIHdpZHRoPSI5LjE3IiBoZWlnaHQ9IjkuMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjI3IDIyLjc5KSByb3RhdGUoLTQ1KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI2LjM4LDguMzZsNS43OCw1Ljc4LTUuNzgsNS43OEwyMC42LDE0LjE0bDUuNzgtNS43OG0wLTEuNDEtLjcxLjcxLTUuNzgsNS43Ny0uNy43MS43LjcxLDUuNzgsNS43Ny43MS43MS43MS0uNzEsNS43Ny01Ljc3LjcxLS43MS0uNzEtLjcxTDI3LjA5LDcuNjYsMjYuMzgsN1oiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE5Ljg5IiB5PSI3LjY1IiB3aWR0aD0iMTIuOTgiIGhlaWdodD0iMTIuOTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1LjAzIDQyLjc5KSByb3RhdGUoLTEzNSkiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-down:before {
    content: '';
    width: 1px;
    height: 100px;
  background-color: #e2b77d;
    display: inline-block;
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 0;
    margin-bottom: 60px;
    margin-left: -0.5px;
    -webkit-animation: elasticus 1.5s cubic-bezier(1,0,0,1) infinite;
    -moz-animation: elasticus 1.5s cubic-bezier(1,0,0,1) infinite;
    -o-animation: elasticus 1.5s cubic-bezier(1,0,0,1) infinite;
    animation: elasticus 1.5s cubic-bezier(1,0,0,1) infinite;
}
@-webkit-keyframes elasticus{ 
  0%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
 50%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 50.1%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 100%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
}
 @-moz-keyframes elasticus{ 
  0%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
 50%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 50.1%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 100%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
}
 @-o-keyframes elasticus{ 
  0%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
 50%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 50.1%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 100%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
}
 @keyframes elasticus{ 
  0%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
 50%{ -webkit-transform-origin:0% 0%;  -ms-transform-origin:0% 0%;  -moz-transform-origin:0% 0%;  -o-transform-origin:0% 0%;  transform-origin:0% 0%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 50.1%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,1);  -ms-transform:scale(1,1);  -moz-transform:scale(1,1);  -o-transform:scale(1,1);  transform:scale(1,1)}
 100%{ -webkit-transform-origin:0% 100%;  -ms-transform-origin:0% 100%;  -moz-transform-origin:0% 100%;  -o-transform-origin:0% 100%;  transform-origin:0% 100%;  -webkit-transform:scale(1,0);  -ms-transform:scale(1,0);  -moz-transform:scale(1,0);  -o-transform:scale(1,0);  transform:scale(1,0)}
}