@import url(../../../files/css/common/layout.css);#all{position:relative;overflow:hidden}#all:before{display:block;content:"";position:absolute;left:0;bottom:-15%;width:100%;height:100%;background:url("../img/bg.png") no-repeat center top;background-size:cover;z-index:0}#all #contents{position:relative}#title{margin-bottom:50px;background-image:url("../img/description/bg.png")}#title .wrap{margin:0 auto;padding:44px 0 37px}#title .wrap h1,#title .wrap h2{display:inline-block}#title .wrap h1 img,#title .wrap h2 img{width:100%;height:auto}#title .wrap h1{margin-bottom:10px}#title .wrap .image{display:inline-block}#title .wrap .image img{width:100%;height:auto}#title .wrap #title-star{position:relative;top:-45px;left:65px}#title .wrap #title-charactor{position:absolute;top:90px;right:-120px}#content{position:relative;margin:0 0 200px;text-align:center}#content #movie{display:inline-block;position:relative;margin-bottom:10px;padding:33px 50px;background:url("../img/movie/frame.png") no-repeat top center;background-size:600px}#content #movie .screen{display:block;overflow:hidden;position:relative;width:502px;height:303px}#content #movie .screen iframe{position:absolute;left:-69px;top:0;width:640px;height:100%}#content #movie .aside{position:absolute;left:-140px;top:200px}#content #movie #movie-charactor{position:absolute;top:85%;left:-36%;pointer-events:none}#content #movieplayer{display:block;position:relative}#content #movieplayer #movieplayer-title{text-align:center}#content #movieplayer #movieplayer-title ul{display:inline-block}#content #movieplayer #movieplayer-title ul .title{display:none;position:relative;opacity:0}#content #movieplayer #movieplayer-title ul .title img{width:100%;height:auto}#content #movieplayer #movieplayer-list{position:absolute;top:-1240px;left:50%}#content #movieplayer #movieplayer-list ul{position:relative}#content #movieplayer #movieplayer-list ul .medal{position:absolute;width:110px;text-align:center;cursor:pointer}#content #movieplayer #movieplayer-list ul .medal.current .front{display:none}#content #movieplayer #movieplayer-list ul .medal.current .back{-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}#content #movieplayer #movieplayer-list ul .medal.current .front,#content #movieplayer #movieplayer-list ul .medal:hover .front{-webkit-transform:perspective(500px) rotateX(180deg);-moz-transform:perspective(500px) rotateX(180deg);-ms-transform:perspective(500px) rotateX(180deg);-o-transform:perspective(500px) rotateX(180deg);transform:perspective(500px) rotateX(180deg)}#content #movieplayer #movieplayer-list ul .medal.current .back,#content #movieplayer #movieplayer-list ul .medal:hover .back{-webkit-transform:perspective(500px) rotateX(0deg);-moz-transform:perspective(500px) rotateX(0deg);-ms-transform:perspective(500px) rotateX(0deg);-o-transform:perspective(500px) rotateX(0deg);transform:perspective(500px) rotateX(0deg)}#content #movieplayer #movieplayer-list ul .medal.boss:before{display:block;content:"";position:absolute;top:0;left:50%;width:79px;height:45px;margin-left:-41px;background:transparent url("../img/medal/icon_boss.png") left top no-repeat;z-index:3}#content #movieplayer #movieplayer-list ul .medal .frame{display:block;position:absolute;top:27px;left:0;z-index:2}#content #movieplayer #movieplayer-list ul .medal .frame img{width:100%;height:auto}#content #movieplayer #movieplayer-list ul .medal .front,#content #movieplayer #movieplayer-list ul .medal .back{position:absolute;top:27px;left:0;width:100%;overflow:hidden;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#content #movieplayer #movieplayer-list ul .medal .front img,#content #movieplayer #movieplayer-list ul .medal .back img{width:100%;height:auto}#content #movieplayer #movieplayer-list ul .medal .front{-webkit-transform:perspective(1000px) rotateX(0);-moz-transform:perspective(1000px) rotateX(0);-ms-transform:perspective(1000px) rotateX(0);-o-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}#content #movieplayer #movieplayer-list ul .medal .back{background:transparent url("../img/medal/bg.jpg") left top no-repeat;background-size:100% auto;-webkit-transform:perspective(1000px) rotateX(180deg);-moz-transform:perspective(1000px) rotateX(180deg);-ms-transform:perspective(1000px) rotateX(180deg);-o-transform:perspective(1000px) rotateX(180deg);transform:perspective(1000px) rotateX(180deg)}#content #movieplayer #controller{display:block;position:relative;top:180px}#content #movieplayer #controller button{display:inline-block;margin:0 60px;border:none;background-color:transparent;cursor:pointer}