@import url(../../../files/css/common/layout.css);#title{margin-bottom:65px;background-image:url("../img/title/bg.png")}#title .wrap{padding:130px 0 64px}#title h1,#title h2{display:block}#title h1{margin-bottom:10px}#title h2{margin-left:5px}#title .image{display:inline-block;position:absolute;top:5%;right:0}#title .image img{width:100%;height:auto}@media screen and (max-width: 960px){#title{margin-bottom:30px;background-size:auto 100%;text-align:center}#title .wrap{padding:20px 10px 4%}#title h1{display:inline-block;position:relative;z-index:1}#title h1 img{width:90%;height:auto}#title h2{position:relative;z-index:1}#title h2 span{display:inline-block}#title h2 span img{width:100%;height:auto}#title .image{display:none}}#content{position:relative;margin-bottom:30px;text-align:center}#content .title{height:52px;margin-bottom:10px}#content .title p{display:none}#content .title p img{width:100%;height:auto}#content .title p.active{display:inline-block}#content .title .intro02{margin-top:-28px}#content .movie{display:inline-block;position:relative;width:100%;height:574px;margin-bottom:30px;background:url("../img/movie/frame.png") no-repeat top center;background-size:100% auto}#content .movie .movieplayer{display:none;overflow:hidden;left:-6px;top:-6px;width:100%;height:100%;border:#fff 6px solid;border-radius:6px}#content .movie .movieplayer.active{display:block}#content .movie .movieplayer .screen,#content .movie .movieplayer .poster{left:0;top:0;width:100%;height:100%}#content .movie .movieplayer .screen iframe{left:0;width:100%;height:100%}#content .movie .movieplayer .frame,#content .movie .movieplayer .button{display:none}#content .controller ul{max-width:640px;margin:0 auto}#content .controller li{display:inline-block;float:left;width:40%;max-width:230px;margin:0 40px 30px;cursor:pointer}#content .controller li:nth-child(even){float:right}#content .controller li.active .off{display:none}#content .controller li.active .on{display:block}#content .controller li.active .thumnail:before{display:block}#content .controller li:hover:not(.active) .text{opacity:.8}#content .controller li .thumnail{position:relative;margin-bottom:15px}#content .controller li .thumnail:before{display:none;content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;padding:5px;background:url("../img/movie/on_thumnail.png") no-repeat;background-size:100% 100%}#content .controller li .thumnail p{overflow:hidden;border:4px solid #0db2d6;border-radius:10px}#content .controller li .thumnail p img{width:100%;height:auto}#content .controller li .text{display:inline-block}#content .controller li .text img{width:100%;height:auto}#content .controller li .off{display:block}#content .controller li .on{display:none}@media screen and (max-width: 960px){#content .title p{width:140px}#content .title .intro02{margin-top:0}#content .controller ul{max-width:auto}#content .controller li{width:40%;margin:0 2% 15px}#content .controller li.new:before{width:47px}#content .controller li .thumnail{margin-bottom:6%}#content .controller li .thumnail:before{top:-4.5%;left:-2%;padding:2.5% 2%}#content .controller li .thumnail p{border-width:2px}}body.ds #content .movie{display:inline-block;width:224px;height:125px;padding:20px 28px}body.ds #content .movie .movieplayer:first-child{display:block}body.ds #content .controller{display:none}