@charset "utf-8";html{width:100%;height:100%;background-color:#141414}body{width:100%;height:100%;background-color:#141414;overflow-y:scroll;color:#fff}.hidden{display:none !important}#wrapper{position:relative;width:100%;min-height:100%;display:block;padding-bottom:95px}#header{position:fixed;display:block;top:0;left:0;width:100%;z-index:1000;background-color:#212121;box-shadow:0 0 8px rgba(0,0,0,1)}#header-body-container{display:block;width:100%;background:#212121}.pie{position:relative;width:18px;line-height:18px;border-radius:50%;background:#b80a38;background-image:linear-gradient(to right,transparent 50%,#ff1744 0);color:transparent;text-align:center}.pie .before{position:absolute;top:0;left:50%;width:50%;height:100%;border-radius:0 100% 100% 0/50%;background-color:inherit;transform-origin:left}.pie.complete{background:#64dd17 !important}.pie.complete .before{transform:rotate(1turn) !important;background:#64dd17 !important}.pie::after{content:"";position:absolute;display:block;top:0;bottom:0;left:0;right:0;background:url(/image/done.svg?20170228) center center no-repeat;background-size:16px}.directory-menu-container{position:relative;display:block;padding:0 50px;height:48px;white-space:nowrap;background:#212121;overflow:hidden}.directory-menu-item{position:relative;display:inline-block;height:48px;vertical-align:top}.directory-menu-item-title{color:#9e9e9e;display:inline-block;font-size:14px;height:100%;padding:0 10px;min-width:64px;line-height:48px;text-align:center;vertical-align:top}.directory-menu-item-link{position:absolute;display:block;cursor:pointer;left:0;top:0;width:100%;height:100%}.directory-menu-item.home .directory-menu-item-title,.directory-menu-item.active .directory-menu-item-title{color:#fff}.directory-menu-item.menu .directory-menu-item-title{min-width:0;width:32px;background:url(../image/menu_w.svg) center center no-repeat;background-size:22px}.directory-menu-item-link:hover+.directory-menu-item-title{background-color:rgba(255,255,255,.1)}.directory-menu-item-bottom{position:absolute;display:none;bottom:1px;height:3px;width:100%;background-color:#ff1744}.directory-menu-container .directory-menu-action{width:32px;height:48px;display:block;float:right;line-height:48px;background-position:center center;background-repeat:no-repeat;background-size:22px}.directory-menu-container a.directory-menu-action:hover{background-color:rgba(255,255,255,.1);cursor:pointer}.directory-menu-container .directory-menu-action.secret{display:none;background-image:url(/image/secret_r.svg?20170228)}.secret .directory-menu-container .directory-menu-action.secret{display:block}.directory-menu-container .directory-menu-action.refresh{background-image:url(/image/refresh_w.svg?20170228)}.directory-menu-container .directory-menu-action.cast{background-image:url(/image/cast.svg?20170228);display:none}.cast-available .directory-menu-container .directory-menu-action.cast{display:block}.cast-connected .directory-menu-container .directory-menu-action.cast{background-image:url(/image/cast_connected.svg?20170228)}.search-container{display:none;float:right;height:46px;padding:11px 0 0 0;margin-right:10px}.directory-menu-container.enabled-search .search-container{display:block}.search-input-wrapper{position:relative;display:block;border-radius:3px;border:1px solid rgba(0,0,0,0);height:26px;padding:2px 28px 2px 2px;background-color:rgba(255,255,255,.05)}.search-input-wrapper>input{border:none;box-shadow:none;background-color:rgba(0,0,0,0);color:#9e9e9e !important;font-size:13px;height:100%;width:200px}.search-input-wrapper>a{position:absolute;display:block;top:0;right:0;border:none;box-shadow:none;background:url("../image/s_search_g.png") no-repeat center center,rgba(0,0,0,0);height:100%;width:26px;cursor:pointer}.search-input-wrapper:hover{border-color:#ccc}.search-input-wrapper:hover>a{background-image:url("../image/s_search_w.png")}.search-input-wrapper.focus{border-color:#fff;background-color:#fff}.search-input-wrapper.focus>input{color:#555 !important}.search-input-wrapper.focus>a{background-image:url("../image/s_search_b.png")}.tag-menu-container{display:block;padding:0 50px;min-height:48px}.tag-menu-item{position:relative;display:inline-block;height:48px;vertical-align:top;white-space:nowrap}.tag-menu-item-link{cursor:pointer;display:inline-block;font-size:14px;height:48px;line-height:48px;text-decoration:none;vertical-align:top}.tag-menu-item-link:hover{background-color:rgba(255,255,255,.3);text-decoration:line-through}.tag-menu-item-link>a{display:block;height:100%;padding:0 10px;width:100%;color:#fff}.cluster-menu-container{display:block;padding:0 50px;min-height:48px}.cluster-menu-item{position:relative;display:inline-block;height:48px;vertical-align:top;white-space:nowrap}.cluster-menu-item-link{color:#9e9e9e;cursor:pointer;display:inline-block;font-size:14px;height:48px;line-height:48px;text-decoration:none;vertical-align:top}.cluster-menu-item-link:hover{background-color:rgba(255,255,255,.1)}.cluster-menu-item-link>a{display:block;font-weight:400;height:100%;padding:0 10px;width:100%;color:inherit}.cluster-menu-item-bottom{position:absolute;display:none;bottom:0;height:3px;width:100%;background-color:#ff1744}.cluster-menu-item.active .cluster-menu-item-bottom{display:block}.cluster-menu-item.active .cluster-menu-item-link{color:#fff}#page{display:block;padding:48px 0 0 0;width:100%}#page-body-container{display:block}.cluster-container{display:block;position:relative;margin:25px auto;max-width:none !important}.cluster-divider{background-color:#ccc;height:1px;margin:10px auto;max-width:1800px;display:none}.cluster{display:block;position:relative;padding:0 50px}.cluster-heading{display:block;position:relative;padding:5px;color:#fff;font-size:24px;font-weight:100;white-space:nowrap}.cluster-heading>a{position:absolute;display:block;left:5px;top:5px;right:5px;bottom:5px}.cluster-button{position:absolute;display:none;margin-top:5px;padding:0 13px;right:5px;height:30px;line-height:30px;font-size:14px;font-weight:500;color:#ff1744 !important;vertical-align:middle;cursor:pointer}.cluster-list{display:block;position:relative;padding:0 50px;width:100%}.cluster-loading{display:block;padding:0 50px;height:48px;position:relative}.cluster-loading:not(.hidden).fire:after{content:"";position:absolute;display:block;width:48px;height:48px;background:url(/image/refresh_b.svg?20170228) center center no-repeat;background-size:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px;-webkit-animation:spin 1s ease-out infinite;-moz-animation:spin 1s ease-out infinite;-ms-animation:spin 1s ease-out infinite;animation:spin 1s ease-out infinite}.card{display:inline-block;padding:5px;width:170px;position:relative;text-align:left;vertical-align:top;white-space:nowrap}#cardtest-container{display:block;width:100%;height:0;position:relative;overflow:hidden}#cardtest{display:block;position:absolute;visibility:hidden}#cardtest:before{content:"";display:block;width:100%;padding-top:153.125%}#cardtest:after{content:"";display:block;width:100%;height:74px}#spacer-top,#spacer-bottom{display:block}.card-content{display:block;position:relative;border-radius:5px;box-shadow:0 0 6px rgba(0,0,0,1);background:#212121;height:100%;width:100%;vertical-align:top}.card-content>*{opacity:0}.card.preload .card-content>*{transition:opacity .15s ease-out}.card.loaded .card-content>*{opacity:1}.card .cover{display:block;position:relative;width:100%;height:auto;border-radius:5px 5px 0 0;background-color:inherit;overflow:hidden;pointer-events:none}.card .cover:before{content:"";padding-top:153.125%;display:block}.card .cover-image-container{height:100%;left:0;position:absolute;top:0;width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}.card .cover-image-preloader{display:none}.card .link-overlay{position:absolute;display:block;left:0;top:0;right:0;bottom:0}.card .details{display:block;overflow:hidden;padding:7px 10px;height:74px;position:relative;pointer-events:none}.card .details .title{color:inherit;display:block;font-size:16px;line-height:20px;overflow:hidden;text-decoration:none;position:relative;white-space:normal;word-break:break-word;text-overflow:ellipsis;width:100%;max-height:60px;pointer-events:auto;cursor:pointer}.card .details .title:after{position:absolute;display:block;content:"";top:40px;right:0;background:linear-gradient(to right,rgba(33,33,33,0),rgba(33,33,33,1));height:20px;width:50%}.card .details .track{display:none}.card .details.trackon .title{max-height:40px}.card .details.trackon .title:after{top:20px;width:50%}.card .details.trackon .track{display:block;width:100%;font-size:13px;overflow:hidden;white-space:nowrap;word-break:normal;color:#9e9e9e;line-height:20px}.card .details.trackon .track>span{display:inline-block;height:20px;line-height:20px}.card .details.trackon .track>span:empty{display:none}.card .options{position:absolute;bottom:0;right:0;background:linear-gradient(to right,rgba(33,33,33,0),rgba(33,33,33,1) 18px);padding:1px 5px 7px 20px;pointer-events:none;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:0 0 5px 0}.card .options:empty{display:none}.card .options>i,.card .options>b{display:inline-block;line-height:16px;height:18px;position:relative;padding:0 3px;font-style:normal;font-weight:normal;border-radius:3px;border:1px solid #9e9e9e;color:#9e9e9e;margin-right:5px;-webkit-order:1;order:1}.card .options>i.attr_4k,.card .options>i.attr_vr{border-color:#0091ea;color:#0091ea}.card .options>b{-webkit-order:0;order:0}.card .options .pie{display:inline-block;margin-right:5px;-webkit-order:2;order:2}.card .options .favorite{display:inline-block;margin-right:5px;width:18px;height:18px;line-height:18px;background:url(/image/star_y.svg?20170228) center center no-repeat;-webkit-order:3;order:3}.screenshot{display:inline-block;box-shadow:0 0 4px #8d8d8d;display:inline-block;margin:5px 5px 5px 5px;vertical-align:top}#footer{display:block;position:absolute;bottom:0;width:100%}.footer-cluster{display:block;padding:30px 50px}.footer-container{display:block;padding:8px 5px;color:rgba(255,255,255,.2)}#page-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:1;z-index:999;background-color:rgba(20,20,20,.7)}#preloader{position:absolute;display:block;width:102px;height:102px;background:url(/image/refresh_b.svg?20170228) center center no-repeat;background-size:102px;left:50%;top:50%;margin-left:-51px;margin-top:-51px;-webkit-animation:spin 1s ease-out infinite;-moz-animation:spin 1s ease-out infinite;-ms-animation:spin 1s ease-out infinite;animation:spin 1s ease-out infinite;cursor:inherit}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}80%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}80%{-moz-transform:rotate(360deg)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}80%{-ms-transform:rotate(360deg)}100%{-ms-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}80%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.details-wrapper{position:relative;text-align:center;width:100%;padding:0 55px;margin:0 auto}.details-info{display:inline-block;text-align:left;background-color:#212121;position:relative;width:100%;margin:25px 0 0 0;border-radius:5px;box-shadow:0 0 6px rgba(0,0,0,1);overflow:hidden}.details-info .cover-container{position:relative;display:block;white-space:nowrap;margin-right:20px}.details-info .cover-image-container{box-shadow:0 0 8px rgba(0,0,0,1);margin:0}.details-info .cover-image{display:block;width:279px;border-radius:5px}.details-info .position-overlay{display:block;width:279px;height:7px;padding-top:2px}.details-info .position-overlay .bar{display:block;background-color:#ce5043;height:100%}.details-info .info-container{padding:20px 20px 10px 20px}.details-info .title-group-container{display:flex;margin-bottom:20px}.details-info .title-container{display:flex;flex-direction:column;width:100%}.details-info .document-title{font-size:24px;font-weight:300;line-height:35px;margin-bottom:10px;white-space:normal}.details-info .document-title *{word-break:break-word}.details-info .document-title .track{white-space:nowrap}.details-attributes{display:block;margin:0 0 10px 0;color:#9e9e9e;font-size:14px}.details-attributes>i,.details-attributes>b{position:relative;display:inline-block;padding:0 6px;color:#9e9e9e;font-style:normal;font-weight:normal;white-space:nowrap;margin-right:10px;line-height:18px;height:20px;border-radius:3px;border:1px solid #9e9e9e}.details-attributes>i.attr_4k,.details-attributes>i.attr_vr{border-color:#0091ea;color:#0091ea}.details-attributes>*:last-child{margin-right:0}.details-sizes{display:block;margin:0 0 10px 0;color:#9e9e9e;font-size:14px}.details-sizes>i{font-style:normal}.details-sizes>i:before{content:",";margin-right:8px}.details-sizes>i:first-child:before{display:none}.details-options{display:block;line-height:24px;margin:0 0 10px 0;color:#9e9e9e;font-size:14px}.details-info .playstate{display:none;cursor:pointer;margin-right:15px;white-space:nowrap}.details-info .playstate.show{display:inline-block}.details-options .playstate .pie{width:20px;line-height:20px;display:inline-block;margin-right:5px}.details-info .playstate .pie::after{background-size:18px}.details-options .favorite{display:inline-block;padding-left:25px;background:url(/image/star_border.svg?20170228) left center no-repeat;cursor:pointer;margin-right:15px;white-space:nowrap}.details-options .favorite.active{background-image:url(/image/star_y.svg?20170228)}.details-actions{margin-top:auto;white-space:nowrap;text-align:right}.details-actions .button{position:relative;display:none;line-height:36px;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.4);color:#737373;cursor:pointer;font-size:14px;font-style:normal;font-weight:500;height:36px;min-width:100px;padding:0 20px;position:relative;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle}.details-actions .button.play{display:inline-block;background-color:#ff1744;color:#fff}.download-enabled .details-actions .button.download{display:inline-block;background-color:#ff1744;color:#fff;margin-left:10px}.details-info.artwork2 .info-container{padding-top:0}.details-info.artwork2 .title-group-container{flex-direction:column}.details-info.artwork2 .cover-container{left:-20px;margin-right:0;margin-bottom:20px;width:calc(100% + 40px)}.details-info.artwork2 .cover-image{width:100%;border-radius:5px 5px 0 0}.details-info-divider{border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.1);margin:15px 0;width:100%}.details-info .tag-contents{width:100%;border-collapse:collapse;border-width:0;empty-cells:show;margin:15px 0;line-height:24px}.details-info .tag-contents td{color:#9e9e9e;font-size:14px;font-weight:500;vertical-align:top;padding-bottom:5px;word-break:break-word}.details-info .tag-contents td.label{white-space:nowrap;padding-right:30px}.details-info .tag-contents tr:last-child td{padding-bottom:0}.details-info .tag-contents td .multi-contents{display:inline-block}.details-info .tag-contents td .multi-contents>span{margin-right:8px}.details-info .tag-contents a{color:#9e9e9e}.details-info .tag-contents a:hover{text-decoration:underline}.details-info .description{line-height:24px;font-size:14px;color:#9e9e9e;display:block;margin:10px 0}