.sc-inner{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.slot-btn{width:auto;height:auto;display:inline-block;position:relative;margin:0 5px;margin-bottom:10px;z-index:0;transition:.3s;perspective:900px;border-radius:1px;overflow:hidden}.slot-btn:hover{z-index:1}.slot-btn .inner{width:100%;height:100%;float:left;transition:.3s;cursor:pointer}.slot-btn.before-hover .inner{transform:rotateY(30deg) scale(.9);opacity:.5}.slot-btn.after-hover .inner{transform:rotateY(-30deg) scale(.9);opacity:.5}.slot-btn .slot-bg{width:100%;opacity:0}.slot-btn .hover-bg{width:100%;height:100%;float:left;position:absolute;left:0;top:0}.slot-btn .hover-bg span{width:100%;height:25%;display:block;float:left;overflow:hidden;position:relative;opacity:0;top:0;left:0;background-image:url(../img/bg/slot-bg.png);background-size:100% 400%;animation:slotBgAnim .8s ease 1 forwards}.slot-btn:hover .hover-bg span{animation:slotBgOverAnim .8s ease 1 forwards}.slot-btn .hover-bg span:nth-child(1){animation-delay:0s;background-position:0 0}.slot-btn .hover-bg span:nth-child(2){animation-delay:.1s;background-position:0 -100%}.slot-btn .hover-bg span:nth-child(3){animation-delay:.2s;background-position:0 -200%}.slot-btn .hover-bg span:nth-child(4){animation-delay:.3s;background-position:0 -300%}@keyframes slotBgAnim{0%{opacity:0;top:-20px}100%{opacity:1;top:0}}@keyframes slotBgOverAnim{0%{opacity:1;top:0}100%{opacity:0;top:-20px}}.slot-btn .hover-bg span img{width:100%;position:relative;top:0}.slot-btn .hover-bg span:nth-child(1) img{top:0}.slot-btn .hover-bg span:nth-child(2) img{top:-100%}.slot-btn .hover-bg span:nth-child(3) img{top:-200%}.slot-btn .hover-bg span:nth-child(4) img{top:-300%}.slot-btn .slot-cont{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.slot-btn .slot-cont .slot-img{width:100%;position:absolute;left:0;bottom:0}.slot-btn .icon-cont{width:auto;height:auto;position:absolute;left:0;top:0}.slot-btn .icon-cont .bg{width:100%}.slot-btn .icon-cont .icon{position:absolute;left:3px;top:3px}.slot-btn .name-btn{width:96px;height:30px;position:absolute;left:0;right:0;bottom:13%;margin:auto;border-radius:3px;background-color:#b70f0f;border:solid 1px #c33838;color:#edc9c5;font-size:14px;font-family:SCDream6;text-shadow:0 1px 1px #711108;box-shadow:0 5px 5px rgba(0,0,0,.79);transition:.3s}.slot-btn:hover .name-btn{background-color:#003733;background:linear-gradient(to top,#003a33,#007933);border:solid 1px #058a3b;color:#fff;text-shadow:0 1px 1px #038c3b}.slot-btn:hover .name-btn{width:100%;bottom:0}.slot-btn .gi-img{width:100%;pointer-events:none}.slot-btn .sg-form{width:100%;height:auto;position:absolute;bottom:13%;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.slot-btn .sg-form .text-cont{width:auto;height:30px;border-radius:3px;background-color:#b70f0f;border:solid 1px #c33838;box-shadow:0 5px 5px rgba(0,0,0,.79),inset 0 0 1px rgba(255,255,255,.35);padding:0 6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.slot-btn:hover .sg-form .text-cont{background-color:#003733;background:linear-gradient(to top,#003a33,#007933);border:solid 1px #058a3b}.slot-btn .sg-form .text-cont p{color:#edc9c5;font-size:14px;font-family:SCDream6;text-shadow:0 1px 1px #711108}.slot-btn:hover .sg-form .text-cont p{color:#fff;text-shadow:0 1px 1px #038c3b}.slot-btn .sg-form .text-cont p span{font-family:SCDream7;position:relative}.slot-btn .sg-form .text-cont p span:before{content:'';position:absolute;width:100%;height:1px;background-color:#edc9c5;left:0;bottom:0}.slot-btn .sg-form .tutorial-btn{width:70px;height:30px;border-radius:3px;background-color:#c3ce12;border:solid 1px #cdd63b;color:#000;font-size:14px;font-family:SCDream6;margin-left:4px;transition:.3s;display:inline-block;float:left;padding:5px 7px;text-decoration:none}.slot-btn .sg-form .tutorial-btn:hover{background-color:#b70f0f;border:solid 1px #c33838;color:#edc9c5;text-shadow:0 1px 1px #711108}.power-btn{width:auto;height:auto;display:inline-block;position:relative;margin:0 5px;margin-bottom:10px;z-index:0;transition:.3s;perspective:900px;border-radius:1px;overflow:hidden}.power-btn:hover{z-index:1}.power-btn .inner{width:100%;height:100%;float:left;transition:.3s;cursor:pointer}.power-btn.before-hover .inner{transform:rotateY(30deg) scale(.9);opacity:.5}.power-btn.after-hover .inner{transform:rotateY(-30deg) scale(.9);opacity:.5}.power-btn .slot-bg{width:100%;opacity:0}.power-btn .hover-bg{width:100%;height:100%;float:left;position:absolute;left:0;top:0}.power-btn .hover-bg span{width:100%;height:25%;display:block;float:left;overflow:hidden;position:relative;opacity:0;top:0;left:0;background-image:url(../img/bg/slot-bg.png);background-size:100% 400%;animation:slotBgAnim .8s ease 1 forwards}.power-btn:hover .hover-bg span{animation:slotBgOverAnim .8s ease 1 forwards}.power-btn .hover-bg span:nth-child(1){animation-delay:0s;background-position:0 0}.power-btn .hover-bg span:nth-child(2){animation-delay:.1s;background-position:0 -100%}.power-btn .hover-bg span:nth-child(3){animation-delay:.2s;background-position:0 -200%}.power-btn .hover-bg span:nth-child(4){animation-delay:.3s;background-position:0 -300%}.power-btn .hover-bg span img{width:100%;position:relative;top:0}.power-btn .hover-bg span:nth-child(1) img{top:0}.power-btn .hover-bg span:nth-child(2) img{top:-100%}.power-btn .hover-bg span:nth-child(3) img{top:-200%}.power-btn .hover-bg span:nth-child(4) img{top:-300%}.power-btn .slot-cont{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.power-btn .slot-cont .slot-img{width:100%;position:absolute;left:0;bottom:0}.power-btn .icon-cont{width:auto;height:auto;position:absolute;left:0;top:0}.power-btn .icon-cont .bg{width:100%}.power-btn .icon-cont .icon{position:absolute;left:3px;top:3px}.power-btn .name-btn{width:96px;height:30px;position:absolute;left:0;right:0;bottom:13%;margin:auto;border-radius:3px;background-color:#b70f0f;border:solid 1px #c33838;color:#edc9c5;font-size:14px;font-family:SCDream6;text-shadow:0 1px 1px #711108;box-shadow:0 5px 5px rgba(0,0,0,.79);transition:.3s}.power-btn:hover .name-btn{background-color:#003733;background:linear-gradient(to top,#003a33,#007933);border:solid 1px #058a3b;color:#fff;text-shadow:0 1px 1px #038c3b}.power-btn:hover .name-btn{width:100%;bottom:0}.power-btn .gi-img{width:100%;pointer-events:none}.power-btn .sg-form{width:100%;height:auto;position:absolute;bottom:13%;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.power-btn .sg-form .text-cont{width:auto;height:30px;border-radius:3px;background-color:#b70f0f;border:solid 1px #c33838;box-shadow:0 5px 5px rgba(0,0,0,.79),inset 0 0 1px rgba(255,255,255,.35);padding:0 6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.power-btn:hover .sg-form .text-cont{background-color:#003733;background:linear-gradient(to top,#003a33,#007933);border:solid 1px #058a3b}.power-btn .sg-form .text-cont p{color:#edc9c5;font-size:14px;font-family:SCDream6;text-shadow:0 1px 1px #711108}.power-btn:hover .sg-form .text-cont p{color:#fff;text-shadow:0 1px 1px #038c3b}.power-btn .sg-form .text-cont p span{font-family:SCDream7;position:relative}.power-btn .sg-form .text-cont p span:before{content:'';position:absolute;width:100%;height:1px;background-color:#edc9c5;left:0;bottom:0}.power-btn .sg-form .tutorial-btn{width:70px;height:30px;border-radius:3px;background-color:#c3ce12;border:solid 1px #cdd63b;color:#000;font-size:14px;font-family:SCDream6;margin-left:4px;transition:.3s;display:inline-block;float:left;padding:5px 7px;text-decoration:none}.power-btn .sg-form .tutorial-btn:hover{background-color:#b70f0f;border:solid 1px #c33838;color:#edc9c5;text-shadow:0 1px 1px #711108}.mdl-close-btn{width:54px;height:54px;background-image:url(images/icon/close-gl.png);background-color:transparent;border:none;position:absolute;right:54px;top:24px;z-index:2;transition:.5s;transform:rotate(0deg)}.mdl-close-btn:hover{animation:cbmAnim .5s ease 1 forwards}@keyframes cbmAnim{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}100%{transform:rotate(0deg)}}.mdl-close-btn span{color:#40fb0e;font-size:12px;display:inline-block;position:absolute;left:0;right:0;top:0;margin:auto;opacity:0;transition:.3s}.mdl-close-btn:hover span{opacity:1;top:105%}.slot-btn .mdl-close-btn{width:26px;height:26px;position:absolute;right:-4px;top:-4px;background-color:transparent;border:none;background-image:url(images/icon/close.png);background-repeat:no-repeat;z-index:2}.slot-btn .mdl-close-btn:hover{filter:brightness(100)}.slot-btn .gi-tag{width:100%;height:100%;float:left;position:absolute;left:0;top:0}.sg-border-tb{width:100%;height:3px;position:absolute;left:0;background-color:#ffd144;overflow:hidden;background:linear-gradient(to right,#a1a5a9,#e9f1f4,#a1a5a9,#e9f1f4);z-index:1}.sg-border-tb.top{top:0}.sg-border-tb.bot{bottom:0}.sg-border-tb:before{content:'';width:30%;height:100%;position:absolute;left:35%;top:0;background:linear-gradient(to right,transparent,#fff,transparent);animation:mdlTopBotLeftAnim 1s ease infinite}@keyframes mdlTopBotLeftAnim{0%{left:35%}100%{left:-30%}}.sg-border-tb:after{content:'';width:30%;height:100%;position:absolute;right:35%;top:0;background:linear-gradient(to right,transparent,#fff,transparent);animation:mdlTopBotRightAnim 1s ease infinite}@keyframes mdlTopBotRightAnim{0%{right:35%}100%{right:-30%}}.slot-btn .hover-bg{width:100%;height:100%;float:left;position:absolute;left:0;top:0}.slot-btn .hover-bg span{width:100%;height:25%;display:block;float:left;overflow:hidden;position:relative;opacity:0;top:0;left:0;background-image:url(../../img/bg/slot-bg.png);background-size:100% 400%;animation:slotBgAnim .8s ease 1 forwards}.slot-btn:hover .hover-bg span{animation:slotBgOverAnim .8s ease 1 forwards}.slot-btn .hover-bg span:nth-child(1){animation-delay:0s;background-position:0 0}.slot-btn .hover-bg span:nth-child(2){animation-delay:.1s;background-position:0 -100%}.slot-btn .hover-bg span:nth-child(3){animation-delay:.2s;background-position:0 -200%}.slot-btn .hover-bg span:nth-child(4){animation-delay:.3s;background-position:0 -300%}@keyframes slotBgAnim{0%{opacity:0;top:-20px}100%{opacity:1;top:0}}@keyframes slotBgOverAnim{0%{opacity:1;top:0}100%{opacity:0;top:-20px}}.slot-btn .hover-bg span img{width:100%;position:relative;top:0}.slot-btn .hover-bg span:nth-child(1) img{top:0}.slot-btn .hover-bg span:nth-child(2) img{top:-100%}.slot-btn .hover-bg span:nth-child(3) img{top:-200%}.slot-btn .hover-bg span:nth-child(4) img{top:-300%}