#footer{background:#2f0403}#header{background:#670c02}#footer{filter:drop-shadow(0 0.1em 0.25em rgba(32,0,0,0.5)) drop-shadow(0 0.1em 0.05em rgba(32,0,0,0.5))}html,body,#main{background:#5a0803;color:#fff}#header .nav{filter:drop-shadow(0 0.1em 0.25em rgba(32,0,0,0.5)) drop-shadow(0 0.1em 0.05em rgba(32,0,0,0.5))}.bg-area{background:#5a0803!important;height:100%;overflow:hidden}.bg-area .repeat-bg{flex:1 1 auto;background-position:top center;background-size:100% auto;background-repeat:repeat-y;z-index:-1}.head-title{padding-top:1.8em;margin-bottom:6.7em;height:8.4em}.slogan{width:9em;margin:4em 0 1em 15.2em;z-index:1;position:relative!important;top:0!important;left:0!important}.mb-2{margin-bottom:1em!important}.border,.border2{position:relative;display:table;z-index:0;font-weight:700;max-width:90%;margin:.5em auto;color:#fff}.border::after,.border2::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;filter:drop-shadow(0 0.1em 0.25em rgba(32,0,0,0.5)) drop-shadow(0 0.1em 0.05em rgba(32,0,0,0.5));pointer-events:none;filter:drop-shadow(0 0 0.3em rgb(255,246,237)) drop-shadow(0 0 0.4em rgb(255,255,255))}.border img,.border2 img{display:block!important}.border .video,.border .video-preview,.border2 .video,.border2 .video-preview{width:18.5em!important}.border::after{-o-border-image:none;border-image:none;border:0 solid transparent;border-radius:.05em;-o-border-image:linear-gradient(#ffdc38,#ff9c1c) 5/.1em;border-image:linear-gradient(#ffdc38,#ff9c1c) 5/.1em;box-shadow:0 0 0 .02em #fff;filter:drop-shadow(0 0 0.2em #000)}h2{font-size:.65em!important;text-align:center}#event1 p{font-size:.6em!important;margin:0 2em 1em}#content-area{position:relative;left:50%;transform:translate(-50%);width:18.5em;max-width:960px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-play{position:absolute;z-index:1;display:block;width:-moz-max-content;width:max-content;margin:6.5em 0 0 auto;width:5.1em;height:1.55em;left:17.2em;background:url(../../../img/Edm/Ruby/btn-play.png) top/100% auto no-repeat;transition:transition 1s,opacity 1s,filter .1s}.btn-play:hover,.btn-play:active{animation:none;background-position:bottom;filter:brightness(1.1) drop-shadow(0 0 0.1em #fa0)}@media(max-width:1850px){.box .finger{margin-left:12.8em!important}}@media(max-width:1800px){.box .finger{margin-left:13.3em!important}}@media(max-width:1750px){.box .finger{margin-left:13.8em!important}}@media(max-width:1700px){.box .finger{margin-left:14.3em!important}}#main .swiper{overflow:visible}#main .swiper .swiper-container{overflow:hidden;max-width:100%;margin:.75em auto;padding:0}#main .swiper .swiper-slide{padding:.1em;position:relative;z-index:-1}#main .swiper .swiper-slide .border{max-width:91%;padding:.1em}#main .swiper .swiper-slide p{margin:.25em 0;text-align:center}#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{width:2em;height:2em;border-radius:1em;color:transparent;background:url(../../../img/Edm/Ruby/swiper-btns.png) 0 0/200% 200% no-repeat;top:5.5em;margin-top:-.8em;left:.25em;right:auto}#main .swiper .swiper-button-next:hover,#main .swiper .swiper-button-next:active,#main .swiper .swiper-button-prev:hover,#main .swiper .swiper-button-prev:active{background-position-y:100%}#main .swiper .swiper-button-next{background-position-x:100%;left:auto;right:.25em}#main .swiper .swiper-pagination{top:100%}#main .swiper .swiper-pagination-bullet{width:1em;height:1em;opacity:1;background:url(https://www.xin-stars.com/img/Edm/Ruby/swiper-tabs.png) 0 0/100% 200% no-repeat}#main .swiper .swiper-pagination-bullet-active{opacity:1;background-position:0 100%}@media(max-width:1920px){#main,.modal{font-size:3.125vw}}@media(max-width:1880px){.border2 .video,.border .video-preview,#video1{height:9.35em!important}}@media(max-width:1280px){#main,.modal{font-size:40px}}@media(max-width:666px){#main,.modal{font-size:5.5vw!important}}@keyframes btnPlay{0%{background-position:top}50%{background-position:bottom}}