.eventkiki-roulette{ position:relative; width:20.588em; height:20.588em; margin:0 auto; z-index:40; background-size:100% auto; transition: transform 5s ease-in-out;}
.eventkiki-roulette .eventkiki-roulette-section-content{ position:absolute; left:0; top:0; width:20.588em; height:20.588em;padding:3.088em 7.059em 0 7.059em; box-sizing:border-box; z-index:20}
.eventkiki-roulette .eventkiki-roulette-section-content > span{ display:block; font-family: 'GmarketSansBold'; font-size:1.324em; line-height:1.156em; letter-spacing:-0.05em; color:#0a0909;text-align:center; }

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

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

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

@-webkit-keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }

@keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }

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

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

@-webkit-keyframes scale-out-br {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; } }

@keyframes scale-out-br {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; } }

@-webkit-keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0; } }

@keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0; } }

@-webkit-keyframes spin-0 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin-0 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(308.57143deg);
    transform: rotate(308.57143deg); } }

@keyframes spin-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(308.57143deg);
    transform: rotate(308.57143deg); } }

@-webkit-keyframes spin-3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(257.14286deg);
    transform: rotate(257.14286deg); } }

@keyframes spin-3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(257.14286deg);
    transform: rotate(257.14286deg); } }

@-webkit-keyframes spin-4 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(205.71429deg);
    transform: rotate(205.71429deg); } }

@keyframes spin-4 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(205.71429deg);
    transform: rotate(205.71429deg); } }

@-webkit-keyframes spin-5 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(154.28571deg);
    transform: rotate(154.28571deg); } }

@keyframes spin-5 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(154.28571deg);
    transform: rotate(154.28571deg); } }

@-webkit-keyframes spin-6 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(102.85714deg);
    transform: rotate(102.85714deg); } }

@keyframes spin-6 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(102.85714deg);
    transform: rotate(102.85714deg); } }

@-webkit-keyframes spin-7 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(51.42857deg);
    transform: rotate(51.42857deg); } }

@keyframes spin-7 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(51.42857deg);
    transform: rotate(51.42857deg); } }

@-webkit-keyframes rotation-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6840deg);
    transform: rotate(6840deg); } }

@keyframes rotation-1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6840deg);
    transform: rotate(6840deg); } }

@-webkit-keyframes rotation-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6788.57143deg);
    transform: rotate(6788.57143deg); } }

@keyframes rotation-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6788.57143deg);
    transform: rotate(6788.57143deg); } }

@-webkit-keyframes rotation-3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6737.14286deg);
    transform: rotate(6737.14286deg); } }

@keyframes rotation-3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6737.14286deg);
    transform: rotate(6737.14286deg); } }

@-webkit-keyframes rotation-4 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6685.71429deg);
    transform: rotate(6685.71429deg); } }

@keyframes rotation-4 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6685.71429deg);
    transform: rotate(6685.71429deg); } }

@-webkit-keyframes rotation-5 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6634.28571deg);
    transform: rotate(6634.28571deg); } }

@keyframes rotation-5 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6634.28571deg);
    transform: rotate(6634.28571deg); } }

@-webkit-keyframes rotation-6 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6582.85714deg);
    transform: rotate(6582.85714deg); } }

@keyframes rotation-6 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6582.85714deg);
    transform: rotate(6582.85714deg); } }

@-webkit-keyframes rotation-7 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6531.42857deg);
    transform: rotate(6531.42857deg); } }

@keyframes rotation-7 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(6531.42857deg);
    transform: rotate(6531.42857deg); } }

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-2px, -1px, 0);
    transform: translate3d(-2px, -1px, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(4px, 2px, 0);
    transform: translate3d(4px, 2px, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-8px, -4px, 0);
    transform: translate3d(-8px, -4px, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(8px, 4px, 0);
    transform: translate3d(8px, 4px, 0); } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-2px, -1px, 0);
    transform: translate3d(-2px, -1px, 0); }
  20%,
  80% {
    -webkit-transform: translate3d(4px, 2px, 0);
    transform: translate3d(4px, 2px, 0); }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-8px, -4px, 0);
    transform: translate3d(-8px, -4px, 0); }
  40%,
  60% {
    -webkit-transform: translate3d(8px, 4px, 0);
    transform: translate3d(8px, 4px, 0); } }

@-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

/*****당첨시*****/

/**/
.eventkiki-roulette-body{ padding-top:2em}	  
.eventkiki-roulette-body { width:100% }
.eventkiki-roulette-body button,
.eventkiki-roulette-body input {outline: none; }
/*
.eventkiki-roulette-body .externalLink {
    display: block;
    position: absolute;
    width: 204.75px;
    height: 40.875px;
    font-size: 1px;
    background-color: rgba(0, 255, 255, 0.5);
    opacity: 0; }
    .eventkiki-roulette-body .externalLink#link1-1 {
      left: 100.125px;
      bottom: 1244.625px; }
    .eventkiki-roulette-body .externalLink#link1-2 {
      right: 100.125px;
      bottom: 13.125px; }
	 
  .eventkiki-roulette-body .externalLink-product {
    display: block;
    position: absolute;
    width: 178.125px;
    height: 26.625px;
    font-size: 1px;
    background-color: rgba(255, 0, 255, 0.5);
    opacity: 0; }
    .eventkiki-roulette-body .externalLink-product#link2-1 {
      left: 60.75px;
      bottom: 130.125px; }
    .eventkiki-roulette-body .externalLink-product#link2-2 {
      left: 120px;
      bottom: 853.125px; }
    .eventkiki-roulette-body .externalLink-product#link2-3 {
      left: 0;
      bottom: 708.75px; }
    .eventkiki-roulette-body .externalLink-product#link2-4 {
      left: 120px;
      bottom: 708.75px; }
    .eventkiki-roulette-body .externalLink-product#link2-5 {
      left: 0;
      bottom: 570px; }
    .eventkiki-roulette-body .externalLink-product#link2-6 {
      left: 120px;
      bottom: 570px; }
    .eventkiki-roulette-body .externalLink-product#link2-7 {
      left: 0;
      bottom: 421.875px; }
    .eventkiki-roulette-body .externalLink-product#link2-8 {
      left: 120px;
      bottom: 421.875px; } */
	  
.eventkiki-roulette-body .eventkiki-roulette-content { margin-top: 0px; padding: 0; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-position: center;}
.eventkiki-roulette-body .eventkiki-roulette-content .eventkiki-roulette-anchor {  position: relative; left: 50%; width:1.471em; height:2.059em; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); text-align: center; z-index: 100; }
.eventkiki-roulette-body .eventkiki-roulette-content .eventkiki-roulette-anchor img { width:100%; height:100%; margin-top:0em }
.eventkiki-roulette-body .eventkiki-roulette-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width:20.588em; height:20.588em;  overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 20.588em; flex-basis: 20.588em; margin: -0.9em auto 0 auto; }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette { position: relative; margin: 0; width: 20.588em; height: 20.588em; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated { -webkit-animation: spin 0.5s linear infinite forwards; animation: spin 0.5s linear infinite forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-0 {  -webkit-animation: spin-0 0.9s ease-in forwards; animation: spin-0 0.9s ease-in forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-1 { -webkit-animation: spin-1 0.9s ease-out forwards; animation: spin-1 0.9s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-2 { -webkit-animation: spin-2 0.8s ease-out forwards; animation: spin-2 0.8s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-3 { -webkit-animation: spin-3 0.7s ease-out forwards; animation: spin-3 0.7s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-4 { -webkit-animation: spin-4 0.6s ease-out forwards; animation: spin-4 0.6s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-5 { -webkit-animation: spin-5 0.5s ease-out forwards; animation: spin-5 0.5s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-6 { -webkit-animation: spin-6 0.4s ease-out forwards; animation: spin-6 0.4s ease-out forwards; } 
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette-animated-7 { -webkit-animation: spin-7 0.3s ease-out forwards; animation: spin-7 0.3s ease-out forwards; }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section { position: absolute; top: 0; left: 0; width: 20.588em; height: 20.588em; border-radius: 50%; clip: rect(0, 20.588em, 20.588em, 10.294em); -webkit-transform: rotate(-25.71429deg); -ms-transform: rotate(-25.71429deg); transform: rotate(-25.71429deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section span { position: absolute; top: 0; left: 0; width: 20.588em; height: 20.588em; border-radius: 50%; clip: rect(0, 10.294em, 20.588em, 0); -webkit-transform: rotate(51.42857deg); -ms-transform: rotate(51.42857deg); transform: rotate(51.42857deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section2 {
          -webkit-transform: rotate(25.71429deg);
          -ms-transform: rotate(25.71429deg);
          transform: rotate(25.71429deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section3 {
          -webkit-transform: rotate(77.14286deg);
          -ms-transform: rotate(77.14286deg);
          transform: rotate(77.14286deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section4 {
          -webkit-transform: rotate(128.57143deg);
          -ms-transform: rotate(128.57143deg);
          transform: rotate(128.57143deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section5 {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section6 {
          -webkit-transform: rotate(231.42857deg);
          -ms-transform: rotate(231.42857deg);
          transform: rotate(231.42857deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette section.section7 {
          -webkit-transform: rotate(282.85714deg);
          -ms-transform: rotate(282.85714deg);
          transform: rotate(282.85714deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content {
        display: block;
        position: absolute;
        width: 20.588em;
        height: 20.588em;
        text-align: center; }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content .preview-number { display:block; font-family: 'GmarketSansBold'; font-size:1.324em; line-height:1.156em; letter-spacing:-0.05em; color:#0a0909;text-align:center; }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content2 {
          -webkit-transform: rotate(51.42857deg);
          -ms-transform: rotate(51.42857deg);
          transform: rotate(51.42857deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content3 {
          -webkit-transform: rotate(102.85714deg);
          -ms-transform: rotate(102.85714deg);
          transform: rotate(102.85714deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content4 {
          -webkit-transform: rotate(154.28571deg);
          -ms-transform: rotate(154.28571deg);
          transform: rotate(154.28571deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content5 {
          -webkit-transform: rotate(205.71429deg);
          -ms-transform: rotate(205.71429deg);
          transform: rotate(205.71429deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content6 {
          -webkit-transform: rotate(257.14286deg);
          -ms-transform: rotate(257.14286deg);
          transform: rotate(257.14286deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-section-content.content7 {
          -webkit-transform: rotate(308.57143deg);
          -ms-transform: rotate(308.57143deg);
          transform: rotate(308.57143deg); }
.eventkiki-roulette-body .eventkiki-roulette-container .eventkiki-roulette .eventkiki-roulette-press { background: none; border: none; margin: 0; padding: 0; background-size: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:5.882em; height:5.882em; background-size: 100%; background-repeat: no-repeat; background-position: top center; font-size:1em; cursor: pointer; z-index:100 }