body,html{height:100%}body{font-size:14px;color:#000;font-family:OpenSansRegular,Arial,sans-serif;user-select:none;overflow-y:auto;overflow-x:hidden;background:#fff}body::-webkit-scrollbar{width:6px;background-color:#eee}body::-webkit-scrollbar-track{background-color:#ccc}body::-webkit-scrollbar-thumb{height:25%;background-color:#000}.deck{min-height:750px}footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:2}footer h5{margin:auto;padding:20px}.deck,.deck-home{display:block}.deck-home .well{display:block;height:inherit;margin:0 auto;max-width:1350px}.deck-home .well .deck-layer .wrap::after,.deck-home .well .head .wrap .content ul::after,.deck-home .well .head .wrap::after,.deck-home .well::after,.deck-song .well .wrapper .content ul::after,.deck-soon .content ul::after{content:"";display:block;clear:both}.deck-home .well .head{display:flex;margin:10px auto;padding:20px;max-width:1160px;height:150px;border-bottom:1px dashed #ccc}.deck-home .well .head .wrap{display:flex;margin:auto;flex-basis:100%}.deck-home .well .head .wrap .content,.deck-home .well .head .wrap .image{display:inline-block;float:left}.deck-home .well .head .wrap .image{width:150px;height:150px;background:#eee url(../images/logo.png?tests)center no-repeat;background-size:cover;margin-right:20px}.deck-home .well .head .wrap .content{width:calc(100% - 170px);margin:auto 10px}.deck-home .well .head .wrap .content h1{font-size:28px;text-transform:uppercase;font-family:OpenSansExtraBold,Arial,sans-serif}.deck-home .well .head .wrap .content p.text{padding:10px 0;line-height:20px;font-size:16px}.deck-home .well .head .wrap .content ul,footer h5{display:table}.deck-home .well .head .wrap .content ul li{font-size:18px;text-transform:capitalize}.deck-home .well .head .wrap .content ul li a{color:#000}.deck-home .well .deck-layer{display:block;color:#000}.deck-home .well .deck-layer .wrap{display:table;max-width:1200px;margin:0 auto;padding:15px 10px}.deck-home .well .deck-layer .wrap .col{display:inline-block;float:left;width:200px}.deck-home .well .deck-layer .wrap .col .col-pad{padding:5px}.deck-home .well .deck-layer .wrap .col .col-box{display:block;width:100%;margin-right:3px;height:200px;position:relative;background:#000;border-radius:5px;box-sizing:border-box}.deck-song,.deck-soon{width:100%;height:100%;overflow:hidden;user-select:none}.deck-soon{display:flex;position:absolute;top:0;left:0;background:#333}.deck-soon .content{margin:auto;text-align:center}.deck-soon .content .app-logo{display:table;margin:0 auto 20px;width:60px;height:60px;position:relative;border-radius:100%;overflow:hidden}.deck-soon .content .app-logo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/app-logo-1.png)center no-repeat;background-size:cover}.deck-soon .content h1{display:block;font-size:28px;color:#fff}.deck-soon .content h1 span{display:block;margin-top:10px;font-size:16px}.deck-soon .content .message{display:none;padding:10px;margin-top:10px;color:#fff}.deck-soon .content .message p{text-decoration:underline}.deck-song .well .wrapper .content ul,.deck-soon .content ul{display:table;margin:10px auto}.deck-home .well .head .wrap .content ul li,.deck-soon .content ul li{display:inline-block;float:left;margin-right:10px}.deck-soon .content ul li a{display:block;padding:10px;font-size:24px;color:#fff}.deck-song{display:block;background:#eee;position:relative}.deck-song .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.42);backdrop-filter:blur(5px)}.deck-song .well{display:flex;height:inherit;position:relative;z-index:10}.deck-song .well .wrapper{margin:10%auto;flex-basis:100%;padding:10px}.deck-song .well .wrapper .content{display:block;max-width:320px;margin:0 auto;text-align:center;background:#fff;padding:10px;border-radius:10px}.deck-song .well .wrapper .content .back{display:table;margin:10px auto;font-size:13px;border-bottom:1px solid #000}.deck-song .well .wrapper .content .image{display:table;width:300px;height:300px;margin:20px auto;background:#000}.deck-song .well .wrapper .content ul li{display:block;width:300px;margin-bottom:10px;text-align:left;text-transform:capitalize}.deck-song .well .wrapper .content ul li a{display:block;padding:10px;font-size:16px;color:#000;border:2px solid #000;font-weight:700;border-radius:5px}.deck-song .well .wrapper .content ul li a i.fa-play-circle{display:inline-block;float:right}@media all and (max-width:768px){.deck-home .well .content{flex-basis:90%}}@media all and (max-width:500px){body{padding-bottom:60px}}@media all and (max-width:375px){.deck-home .well .deck-layer .wrap .col{max-width:162.5px}}