﻿.hero{overflow:hidden}.hero--dev{background-color:rgba(246,70,86,.04)}.hero label{display:inline-block}.hero h1,.hero h2,.hero h3,.hero h4{font-weight:700 !important}.hero h1{font-size:32px}.hero h2{font-size:28px}.hero h2,.hero h3,.hero h4{margin:15px 0}.hero hr{margin-bottom:30px}.hero textarea{min-height:120px}.hero .table{margin-bottom:15px}.hero .table tr.highlight{background-color:rgba(246,134,6,.8)}.hero .table tr.banned{background-color:rgba(246,70,86,.8);color:#fff}.hero .table tbody tr td{vertical-align:middle}.hero .table .fixed{white-space:nowrap}.hero .input-group>select{border-radius:3px 0 0 3px}.hero .radio>label,.hero .checkbox>label{margin-right:5px}.hero .badge-mini{padding:2px 6px;font-size:10px !important}.hero .badge-danger{background-color:#d9534f}.hero .badge-warning{background-color:#f0ad4e}.hero .badge-info{background-color:#5bc0de}.hero .badge-info.hold{background-color:#d9534f}.hero .badge-info.sent{background-color:#5cb85c}.hero .badge-info.processing{background-color:#f0ad4e}.hero .badge-info.failed{background-color:#815672}.hero .badge-success{background-color:#5cb85c}.hero .badge-primary{background-color:#337ab7}.hero .badge-tapas{background-color:#815672}.hero input.form-control{min-height:inherit;padding:6px 12px;font-size:14px;font-weight:400 !important}.hero .form-group{margin:0 10px 10px}.hero .input-group-btn>.btn{line-height:22px}.hero .length-error{margin-left:6px;font-size:14px}.hero .alert{padding:6px 12px;margin:0}.hero .alert>ul{width:inherit}.hero .alert-tapas{background-color:#e8e3f3;border-color:#dad4e8;color:#865676}.hero .hero-alert{font-weight:400 !important;font-size:14px}.hero .hero-alert span{display:inline-block}.hero .hero-alert .close{top:0;opacity:1}.hero .sort-wrap{line-height:40px;background-color:#f6f6f6;padding:0 10px;position:relative}.hero .sort-wrap .title{font-size:14px;color:#868696}.hero .sort-wrap .sort-menu{font-size:14px;color:#666676;padding:0 5px}.hero .sort-wrap .sort-menu:hover,.hero .sort-wrap .sort-menu.selected{color:#26b6b6}.hero .hero-content{min-height:840px;margin:40px 20px auto 260px;overflow:hidden}.hero .hero-content .desc{margin:25px 0}.hero .hero-content .desc p{line-height:2;padding-left:5px;border-radius:4px;background-color:#f6f6f6}.hero .hero-content .desc form{padding-top:10px;margin-bottom:10px;border-radius:4px;border:1px solid #d6d6d6}.hero .hero-content .content-info{display:flex;justify-content:space-between;align-items:flex-end}.hero .hero-content .content-info .scheduling-container{display:flex;flex-direction:column;margin-bottom:10px}.hero .hero-content .content-info .scheduling-container .scheduling-info{color:#f34;margin-bottom:10px}.hero .hero-content .content-info .scheduling-container .scheduling-btn{display:flex;justify-content:end;align-items:center}.hero .hero-content .content-info .scheduling-container .scheduling-btn>.scheduling-date{margin-right:5px}.hero .hero-content .episode-status-change-info{display:flex;line-height:35px}.hero .hero-content .episode-status-change-info .info-item{flex:1;background-color:#eee;padding-left:10px}.hero .hero-content .episode-status-change-info .status-change-arrow{margin:0 10px;text-align:center}.hero .hero-content--wine .episode-list-btn .ico{transform:rotate(180deg)}.hero .hero-content--wine .episode-list-btn .ico--up{transform:rotate(0deg)}.hero .hero-content .preview-img img.title-asset{background-color:#313234}.hero .tags{width:100%;font-size:0;line-height:0;margin:-30px 0 40px;min-height:1px}.hero .tags .tag-wrap{vertical-align:middle;display:inline-block;font-size:16px;color:#fff;background-color:#26b6b6;padding:0 10px;border-radius:3px;margin:0 5px 5px 0;line-height:30px}.hero .tags .tag-wrap .tag-x{display:inline-block;margin-left:5px}.hero #js-sortable li,.hero #js-sortable>div{cursor:pointer}.hero .control-group-box{margin:10px 5px 10px 0;padding:10px;border:1px solid #c6c6c6;border-radius:3px}.hero .country-code-section{transition:height .3s ease-out .1s;height:500px;overflow:auto;margin-top:15px}.hero .country-code-section.closed{height:0}.hero .country-grid{display:inline-block}.hero .lined{border:1px solid #e6e6e6;border-radius:4px}.hero .text-info{color:#5bc0de}.hero .text-success{color:#56c676}.hero .text-muted{color:#868696}.hero .text-danger{color:#f64656}.hero .tag-list{max-height:110px;overflow-y:auto}.hero .larger-img{position:relative;overflow:hidden;vertical-align:middle}.hero .larger-img>a{display:none;position:absolute;top:10px;left:35px;width:30px;height:30px;padding:6px;border-radius:15px;background-color:#f6f6f6;border:1px solid #464656;z-index:1}.hero .larger-img:hover>a{display:block}.hero .larger-img:hover img{filter:blur(4px)}.hero .confirm-msg{text-align:center}.hero table.dataTable.sortable .ico-wrap{display:inline-block;vertical-align:middle;font-size:0;line-height:0}.hero table.dataTable.sortable .ico{opacity:.4}.hero table.dataTable.sortable .ico--dark{opacity:1}.hero table.dataTable.sortable th .blurb{font-weight:600 !important;font-size:12px;color:#868696}.hero .round-15{border-radius:15px}.hero .bulk-unlock-discount-description{display:inline-flex}.hero .js-bulk-unlock-discount-input,.hero .js-bulk-unlock-discount-list{padding-top:10px}.hero .bulk-unlock-discount-js-error,.hero .bulk-unlock-discount-error{float:left;width:100%}.hero .ico-mini{position:relative;display:inline-flex;align-self:center;flex-shrink:0;border-radius:50%;width:16px;height:16px;vertical-align:middle}.hero .ico-mini i{margin:auto}.hero .ico-mini--right{margin-right:8px}.hero .ico-mini--right-m{margin-right:6px}.hero .ico-mini--right-4{margin-right:4px}.hero .ico-mini--left{margin-left:4px}.hero .ico-mini--left-6{margin-left:6px}.hero .ico-mini--top{align-self:flex-start;margin-top:3px}.hero .ico-mini--brd-2w{border:2px solid #fff}.hero .ico-mini--ink{background-color:#262636}.hero .ico-mini--ink-4{background-color:rgba(38,38,54,.4)}.hero .ico-mini--srb{background-color:#f64656}.hero .ico-mini--mnt{background-color:#56c676}.hero .ico-mini--qnc{background-color:#f6b606}.hero .ico-mini--ash{background-color:#b6b6c0}.hero .ico-mini--wht{background-color:#fff}.hero .ico-mini--kki{background-color:#f68606}.hero .ico-mini--pointer{cursor:pointer}.hero .btn-group .btn{border-radius:4px !important}.hero .btn-group .btn:not(:last-child){margin-right:4px !important}.hero .btn{text-transform:capitalize;border-radius:4px;line-height:1.5;font-size:12px;color:#fff !important;font-weight:700 !important}.hero .btn:hover{color:#fff !important}.hero .btn.btn-default{color:#262636 !important}.hero .btn.default-cursor{cursor:default}.hero .btn--disabled{opacity:.65}.hero .btn-tapas{color:#fff;background-color:#9a6688}.hero .btn-tapas:hover,.hero .btn-tapas:active,.hero .btn-tapas.active,.hero .btn-tapas.disabled,.hero .btn-tapas[disabled]{color:#fff;background-color:#815672;border-color:#693d5c}.hero .btn-tapas:active,.hero .btn-tapas.active{background-color:#403152}.hero .btn-mini{padding:0 4px;font-size:10px;line-height:20px}.hero .btn-i{padding:7px 9px 7px 10px;font-size:0}.hero .btn-i.mod-e{padding:7px 8px}.hero .btn-star{display:block;font-size:0;line-height:0;width:20px;margin:4px auto}.hero .btn-round{border-style:solid;border-width:1px}.hero .btn-round--ink{border-color:#262636}.hero-nav{float:left;width:220px;margin:40px 0 0 20px;background-color:#f6f6f6;font-size:16px;color:#262636;border-radius:4px 4px 0 0}.hero-nav .nav-top{display:block;width:100%;padding:0 16px;margin-bottom:24px;background-color:#e6e6e6;border-radius:4px 4px 0 0;line-height:40px;font-size:20px;color:#060616;font-weight:700 !important}.hero-nav .nav-top>i{margin-right:4px}.hero-nav .nav-title{padding:0 16px;line-height:16px;margin-bottom:8px;font-size:14px;color:#060616;font-weight:700 !important;cursor:pointer}.hero-nav .nav-title--srb{color:#f64656}.hero-nav .nav-title>i{float:right;margin-top:5px}.hero-nav .nav-title.closed+.nav{display:none}.hero-nav .nav-title.closed>i{transform:rotate(180deg)}.hero-nav .nav{list-style:disc inside;margin-bottom:8px;padding:0 16px}.hero-nav .nav li{margin-bottom:4px}.hero-nav .nav li a{padding:0 8px;line-height:24px;font-size:12px;color:#060616;border-radius:4px}.hero-nav .nav li a.on{background-color:#464656;color:#fff;font-weight:700 !important}.hero-nav .nav li a.on .ico--normal{display:none !important}.hero-nav .nav li a.on .ico--on{display:inline-block !important}.hero-nav .nav li a.clicked .ico--normal{display:inline-block}.hero-nav .nav li a.clicked .ico--on{display:none}.hero-nav .nav li a.clicked+.sub-nav{display:block}.hero-nav .nav li a.deprecated{color:#a6a6a6}.hero-nav .nav li a>.ico{float:right;margin-top:9px}.hero-nav .nav li a>.ico--on{display:none}.hero-nav .nav li a>.ico--up{transform:rotate(180deg)}.hero-nav .nav li a>.ico.mod-mature{margin-top:5px}.hero-nav .sub-nav{padding-left:8px;margin-top:4px;display:none}.hero-nav .sub-nav li a{display:block;padding:0 8px;line-height:24px;font-size:12px;color:#060616}.hero-nav .sub-nav li a.on:hover{background-color:#464656;color:#fff}.hero-nav .sub-nav>li>a:hover{background-color:#eee}.hero-modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;background-color:#fff;border:1px solid #a6a6a6;min-width:480px}.hero-modal--size-xs{width:370px}.hero-modal--size-s{width:410px}.hero-modal--size-m{width:426px}.hero-modal--size-l{width:618px}.hero-modal--size-xl{width:840px}.hero-modal.mod-small{min-width:240px}.hero-modal.mod-mini{min-width:100px}.hero-modal input{box-shadow:none;outline:none;min-height:initial}.hero-modal .modal-content{overflow:scroll;min-height:150px;max-height:560px;padding:10px 20px;border:none;border-radius:0;box-shadow:none;background-clip:border-box;background-color:#fff}.hero-modal .modal-content--max-560{max-width:560px}.hero-modal .modal-content--word-break{word-break:break-word}.hero-modal .modal-content.carousel{overflow:hidden}.hero-modal .modal-header{padding:10px 20px;border:none;border-radius:4px 4px 0 0;background-color:#f6f6f6}.hero-modal .modal-footer{padding:10px 20px;border:none;border-radius:0 0 4px 4px;background-color:#f6f6f6}.hero .preview-img{padding:5px 0}.hero .preview-img img{display:block}.hero .preview-series,.hero .preview-episode,.hero .preview-collection{padding:3px 0;overflow:hidden;display:flex}.hero .preview-file{position:relative;display:block;padding-bottom:3px}.hero .preview-file>.file-name{left:103px;cursor:pointer;position:absolute;background-color:#d6d6d6;line-height:2.15;padding:0 3px;overflow:auto;text-overflow:ellipsis;border-radius:3px}.hero .preview-file>.file-name.saved{background-color:#868696}.hero .preview-asset{width:120px;height:120px;display:flex;justify-content:center;align-items:center}.hero .preview-asset img{max-width:100px;max-height:100px}.hero .preview-bgm>.file-name{left:93px;cursor:pointer;position:absolute;background-color:#d6d6d6;line-height:2.15;padding:0 3px;overflow:auto;text-overflow:ellipsis;border-radius:3px}.hero .preview-bgm>.file-name.saved{background-color:#868696}.hero .preview-plan{width:320px;margin:0 auto;color:#262636;background-color:#fff;box-shadow:0 2px 2px rgba(6,6,22,.3)}.hero .preview-plan.padded{padding:0 16px}.hero .preview-plan header{margin-bottom:8px;line-height:32px;font-size:24px;color:#464656;font-weight:700 !important}.hero .preview-plan .headline{margin:0;line-height:24px !important;font-size:16px;color:#868696;background-color:#fff !important;font-weight:400 !important}.hero .preview-plan .img-wrap{position:relative;display:block;margin-top:16px;margin-bottom:12px}.hero .preview-plan .img-wrap .carousel{overflow:hidden}.hero .preview-plan .img-wrap .img-carousel-wrap{font-size:0;line-height:0;overflow:hidden;width:100%}.hero .preview-plan .img-wrap .img-carousel-wrap>li{display:none;font-size:0;line-height:0;transition:display .3s linear;border-radius:4px}.hero .preview-plan .img-wrap .img-carousel-wrap>li.on{display:inline-block;margin-left:0;transition:display .3s linear}.hero .preview-plan .img-wrap .img-carousel-wrap>li>a{display:block;line-height:0}.hero .preview-plan .img-wrap .img-carousel-wrap>li>a>img{vertical-align:top}.hero .preview-plan .img-wrap .img-carousel-wrap.mod-daily-book>li{width:100%;min-height:152px}.hero .preview-plan .img-wrap .img-carousel-wrap.mod-daily-book>li a{min-height:152px;padding:0 16px;line-height:24px;font-size:20px;color:#fff;font-weight:700 !important;text-align:center;background-color:rgba(6,6,22,.5);border-radius:4px}.hero .preview-plan .img-wrap img{margin:0 auto;border-radius:4px}.hero .preview-plan .info-section>p{background-color:#fff !important}.hero .preview-plan .info-section .stats{padding:12px 0 !important}.hero .preview-plan .info-section .plan-label{margin-bottom:4px;line-height:16px;font-size:14px;color:#a6a6a6;font-weight:700 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .preview-plan .info-section .info-head{margin-bottom:8px;line-height:24px;font-size:20px;font-weight:700 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .preview-plan .info-section .blurb{margin-bottom:16px;line-height:20px;font-size:14px;font-weight:400 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .preview-plan .info-section .likeCnt{float:left;margin-top:4px;line-height:16px !important;font-size:12px !important;opacity:.8}.hero .preview-plan .info-section .likeCnt>i{float:left;margin-top:2px}.hero .preview-plan .info-section .cta{float:right;line-height:24px !important;font-size:16px !important;font-weight:700 !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .preview-plan .info-section .cta.quince{color:#f6b606}.hero .preview-plan .info-section .cta i{transform:rotate(-90deg);margin:4px 0 0 6px !important}.hero .preview-plan .info-section .stats{height:48px;padding:16px 0;line-height:0}.hero .preview-plan .info-section .stats a{margin-right:12px;line-height:16px;font-size:14px;color:#868696}.hero .preview-plan .info-section .stats a:last-child{margin-right:0}.hero .preview-plan .info-section .stats a>i{margin-right:4px;vertical-align:middle}.hero .preview-merch{display:inline-block}.hero .preview-merch .item{width:480px;height:480px;margin:5px}.hero .hero-editor.mod-book .note-editor{font-family:"Lato","Helvetica Neue",Helvetica,sans-serif;font-weight:400}.hero .hero-editor .note-editing-area{background-color:#fff}.hero .hero-editor .note-editing-area i{display:inline;font-size:inherit;line-height:inherit}.hero .hero-editor .note-toolbar i{font-size:12px !important}.hero .hero-editor .note-popover .popover-content .note-btn i{font-size:12px !important}.hero .series-list{margin-top:12px}.hero .series-list.mod-scrollable{max-height:500px;overflow:scroll}.hero .series-list.mod-height li{height:inherit}.hero .series-list li{height:70px;margin-bottom:4px}.hero .series-list li.full{height:100%}.hero .series-list li a{margin-left:20px}.hero .series-list li .tag-name{display:-ms-inline-flexbox;display:inline-flex;margin:0;color:#26b6b6}.hero .asset-list-wrap{position:relative}.hero .asset-section li,.hero .asset-list li{display:-ms-flexbox;display:flex;margin-bottom:2px;padding:6px;border:1px solid #e6e6e6;border-radius:4px}.hero .asset-section li:last-child,.hero .asset-list li:last-child{margin:0}.hero .asset-section li .description,.hero .asset-list li .description{-ms-flex:1;flex:1;padding:0 5px}.hero .asset-section li a,.hero .asset-list li a{height:100%}.hero .asset-section{min-height:30px;border:1px solid #f68606;border-radius:4px}.hero .asset-section:empty{display:none}.hero .asset-list{display:none;position:absolute;width:100%;height:0;overflow-y:scroll;background-color:#fff;z-index:999;border:1px solid #f68606;border-radius:4px;opacity:0;transition:opacity .3s ease-in-out 0s,height .3s ease-in-out 0s}.hero .asset-list.loaded{display:block;height:180px;opacity:1}.hero .import-row{display:inline-flex;flex-direction:column;margin-left:12px}.hero .import-row>h5{line-height:20px}.hero .import-row>p{margin:4px 0}.hero .import-row .btn{width:60px;margin:0}.hero .carousel-inner img{margin:auto;border-radius:0 !important}.hero .carousel-inner .img-wrap{width:320px;height:320px;text-align:center;margin:0}.hero .carousel-inner .info-section{margin-top:30px;padding:0 16px}.hero .carousel-inner .info-section>p{background-color:#fff !important}.hero .carousel-inner .info-section .plan-label{margin-bottom:4px;line-height:16px;font-size:14px;color:#f6b606;font-weight:700 !important}.hero .carousel-inner .info-section .info-head{margin-bottom:8px;line-height:24px;font-size:20px;font-weight:700 !important}.hero .carousel-inner .info-section .blurb{margin-bottom:16px;line-height:20px;font-size:14px;font-weight:400 !important}.hero .carousel-indicators.mod-quince{top:320px}.hero .carousel-indicators.mod-quince li{width:8px;height:8px;background-color:#e6e6e6}.hero .carousel-indicators.mod-quince li.active{width:8px;height:8px;margin:1px;background-color:#f6b606}.hero .added-menu{border:1px solid #d6d6d6;border-radius:4px;padding:6px 12px}.hero .added-menu li{font-size:0;line-height:0;margin-bottom:10px}.hero .added-menu li::before{line-height:25px;font-size:14px;color:#666676;font-weight:700 !important;content:"·"}.hero .added-menu li>a{display:inline-block;line-height:25px;margin-left:4px;font-size:14px;color:#666676;font-weight:700 !important}.hero .added-menu li>a:hover{color:#161626}.hero .recent-menu li{font-size:0;line-height:0;width:190px;display:inline-block;margin-bottom:10px}.hero .recent-menu li::before{line-height:25px;font-size:14px;color:#666676;font-weight:700 !important;content:"–"}.hero .recent-menu li>a{display:inline-block;line-height:25px;margin-left:4px;font-size:14px;color:#666676;font-weight:700 !important}.hero .recent-menu li>a:hover{color:#464656}.hero .announcement-preview>ul{margin:20px 0}.hero .announcement-preview .preview-item{width:380px;overflow:hidden;padding:10px;margin:0 auto;background-color:#262636;color:#fff}.hero .announcement-preview .preview-item>a{display:table-cell}.hero .announcement-preview .preview-thumb{width:60px;font-size:0;line-height:0}.hero .announcement-preview .preview-thumb>img{max-width:inherit}.hero .announcement-preview .preview-desc{position:relative;padding:0 16px;vertical-align:middle;box-sizing:border-box;font-size:16px}.hero .announcement-preview .preview-desc:hover{color:#fff}.hero .announcement-preview .dot-indicator{display:block;position:absolute;top:50%;right:26px;width:10px;height:10px;border-radius:100%;background-color:#f6b606}.hero .announcement-preview .preview-content{width:263px;margin:0 25px 6px 0;word-wrap:break-word;color:#fff}.hero .announcement-preview .preview-content strong{font-weight:700 !important}.hero .announcement-preview .preview-date{margin:0;line-height:13px;font-size:12px;color:#868696}.hero .preview-ad{padding:30px 10px 10px 10px;background:#fff;border:1px solid #d6d6d6;min-height:50px;border-radius:4px;position:relative;margin-top:20px;font-size:16px}.hero .preview-ad ul{list-style-type:inherit;list-style-position:inside;margin:20px 0}.hero .preview-ad a{color:#26b6b6}.hero .preview-ad a:hover{color:#26b6b6}.hero .preview-ad img{vertical-align:middle}.hero .preview-ad.error{color:#f64656}.hero .preview-ad:after{background-color:#666676;border:1px solid #d6d6d6;border-radius:4px 0 4px 0;color:#fff;content:"Preview";font-size:12px;font-weight:700 !important;left:-1px;padding:3px 7px;position:absolute;top:-1px}.hero .preview-html{max-height:300px;margin-top:7px;overflow-y:scroll;font-size:16px !important}.hero .content-cropping{position:relative;max-width:940px;min-height:300px;margin:0 auto;overflow-y:scroll}.hero .content-cropping canvas{display:block;margin:0 auto}.hero .content-cropping img{display:block;margin:0 auto;max-width:100%}.hero .content-cropping .direction-btn{position:fixed;top:0;display:flex;width:60px;height:60px;background-color:#fff;border-radius:8px}.hero .content-cropping .direction-btn.right>i{transform:rotate(-90deg);margin:auto}.hero .content-cropping .direction-btn.left>i{transform:rotate(90deg);margin:auto}.hero .content-cropping+.button-wrap{position:fixed;bottom:0;width:100%}.hero .device-list{display:none;position:absolute;width:100%;max-height:80px;overflow-y:scroll;background-color:#fff}.hero .device-list.on{display:block}.hero .device-list>li{padding:4px 6px;cursor:pointer}.hero .device-list>li:hover{background-color:#e6e6e6}.hero .timer{display:flex;align-items:center;line-height:20px;color:#f68606}.hero .timer i{vertical-align:middle;margin-right:6px}.hero .banner-list-wrap{display:block;border:solid 1px #c6c6c6;border-radius:3px;min-height:100px;padding:12px 16px 40px 16px;margin-bottom:20px;overflow-y:scroll}.hero .banner-list-wrap .banner-list{display:-ms-flexbox;display:flex}.hero .banner-list-wrap .banner-list .banner-item{width:100px;height:100px;border:solid 1px #868696;border-radius:3px;margin-right:20px}.hero .banner-list-wrap .banner-list .banner-item>a{display:block}.hero .banner-list-wrap .banner-list .banner-item .banner{position:relative}.hero .banner-list-wrap .banner-list .banner-item .banner .flag{position:absolute;width:90%;height:20px;border-radius:4px 0 4px 0;background-color:#e6e6e6;line-height:20px;font-size:10px;color:#000;font-weight:600 !important;text-align:center}.hero .banner-list-wrap .banner-list .banner-item img{display:block;width:98px;height:98px;border-radius:3px}.hero .banner-list-wrap .banner-list .banner-item>p{margin-bottom:0;font-size:12px}.hero .hr-genre-code{display:-ms-inline-flexbox;display:inline-flex;padding:0 8px;line-height:16px;font-size:10px;color:#fff;font-weight:700 !important;border-radius:8px}.hero .hr-genre-img{display:-ms-inline-flexbox;display:inline-flex;position:relative;font-size:0;line-height:0;height:76px}.hero .hr-genre-img.icon>p{left:0;width:100%;text-align:center}.hero .hr-genre-img>img{height:inherit;border-radius:4px}.hero .hr-genre-img>p{position:absolute;left:10px;top:30px;line-height:18px;margin:0;font-size:14px;color:#fff;font-weight:700 !important;z-index:1}.hero .hr-genre-img .layer{position:absolute;top:0;left:0;width:69%;height:100%;background-image:linear-gradient(to right, rgba(6, 6, 22, 0.8), rgba(6, 6, 22, 0));background-image:-webkit-linear-gradient(left, rgba(6, 6, 22, 0.8), rgba(6, 6, 22, 0));border-radius:4px 0 0 4px}.hero .hr-genre-img .layer-full{position:absolute;top:0;left:0;width:76px;height:76px;background-color:rgba(6,6,22,.5);border-radius:4px}.hero .preview-layout,.hero .layout-modules{vertical-align:top}.hero .preview-layout p,.hero .layout-modules p{line-height:16px;margin-bottom:4px}.hero .preview-layout p.type,.hero .preview-layout p.inactive,.hero .layout-modules p.type,.hero .layout-modules p.inactive{display:table;padding:2px 10px;border-radius:10px;font-size:12px;color:#fff}.hero .preview-layout .see-detail,.hero .layout-modules .see-detail{display:block;float:right;position:absolute;line-height:1.4;color:#0676f6;top:15px;right:15px}.hero .preview-layout .element-title,.hero .layout-modules .element-title{display:block}.hero .preview-layout .element-blurb,.hero .layout-modules .element-blurb{font-size:14px;font-weight:500}.hero .layout-modules{position:relative;margin-left:400px}.hero .preview-layout{position:relative;float:left;margin-left:20px;background-color:#262636;border-radius:30px}.hero .preview-layout .speaker{position:absolute;width:72px;height:10px;margin:28px 144px 0;background-color:#fff;border-radius:10px}.hero .preview-layout>i.logo{position:absolute;bottom:16px;margin:0 116px}.hero .preview-layout>i.nav,.hero .preview-layout .ft{display:none}.hero .preview-layout.web{border-radius:0}.hero .preview-layout.web .speaker,.hero .preview-layout.web>i.logo{display:none}.hero .preview-layout.web>i.nav{display:block;position:absolute;top:12px;left:20px}.hero .preview-layout.web .ft{display:block;position:absolute;bottom:0;width:480px;height:60px;background-color:#f6b606}.hero .preview-layout.web .preview-wrapper{width:480px;height:520px;padding:0 80px;margin:60px 0}.hero .preview-layout.web .preview-wrapper li{height:80px;line-height:80px;border-radius:8px}.hero .preview-layout.web .preview-layout-content,.hero .preview-layout.web .preview-layout-top-content{min-height:80px}.hero .preview-layout.web+.layout-modules{margin-left:520px}.hero .preview-wrapper{display:block;overflow-y:scroll;width:320px;height:480px;margin:80px 20px;background-color:#fff}.hero .preview-layout-content,.hero .preview-layout-top-content{display:block;min-height:100px;background-color:#fff}.hero .preview-layout-content li,.hero .preview-layout-top-content li{min-height:100px;line-height:100px;background-color:rgba(246,134,6,.6);margin-bottom:4px;padding:16px;font-size:16px;font-weight:700 !important;position:relative}.hero .preview-layout-content li>a,.hero .preview-layout-top-content li>a{position:absolute;right:8px;top:10px}.hero .preview-layout-content li.disabled,.hero .preview-layout-top-content li.disabled{background-color:rgba(246,134,6,.3)}.hero .preview-layout-content li.inactive,.hero .preview-layout-top-content li.inactive{background-color:rgba(246,134,6,.3)}.hero .preview-layout-content li.banner,.hero .preview-layout-top-content li.banner{background-color:rgba(246,70,86,.6);cursor:pointer}.hero .preview-layout-content li.banner p.type,.hero .preview-layout-top-content li.banner p.type{background-color:#f64656}.hero .preview-layout-content li.off,.hero .preview-layout-top-content li.off{background-color:rgba(70,70,86,.3)}.hero .preview-layout-content p.type,.hero .preview-layout-top-content p.type{background-color:#f68606}.hero .preview-layout-content p.inactive,.hero .preview-layout-top-content p.inactive{background-color:#262636}.hero .preview-layout-content p.tile,.hero .preview-layout-top-content p.tile{width:210px;height:50px;overflow-y:auto}.hero .layout-banner-preview{font-size:0;line-height:0;width:100%;height:0;opacity:0;visibility:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out}.hero .layout-banner-preview.on{visibility:visible;height:460px;opacity:1}.hero .layout-banner-preview>p{margin:0;line-height:28px;font-size:16px;font-weight:700 !important}.hero .layout-banner-preview .layout-banners{width:100%;overflow-x:scroll}.hero .layout-banner-preview .layout-banners>ul{display:block;width:1600px;height:160px;vertical-align:top}.hero .layout-banner-preview .layout-banners>ul>li{display:inline-block}.hero .layout-banner-preview .layout-banners>ul>li>a{display:block}.hero .layout-banner-preview .button-wrap{margin:10px 0;text-align:center}.hero .layout-module-search{min-height:48px;margin-bottom:32px}.hero .layout-module-search>select,.hero .layout-module-search>div{display:inline-block;vertical-align:top}.hero .layout-module-search select{width:120px}.hero .layout-module-search>div{position:relative;width:320px}.hero .layout-module-search>div>ul{display:none;position:absolute;overflow-y:scroll;width:100%;height:190px;margin-top:2px;background-color:#fff;border-radius:4px;border:1px solid #c6c6c6;z-index:1}.hero .layout-module-search>div>ul.on{display:block}.hero .layout-module-search>div>ul li{padding:8px 6px;line-height:18px}.hero .layout-module-search>div>ul li:hover{cursor:pointer;background-color:#e6e6e6}.hero .layout-modules-content{overflow-y:scroll;font-size:0;line-height:0;min-width:500px;max-width:700px;height:560px}.hero .layout-modules-content li{position:relative;display:inline-block;width:320px;height:80px;line-height:80px;background-color:rgba(66,133,244,.6);margin:0 4px 4px 0;padding:16px;border-radius:8px;font-size:16px;font-weight:700 !important;vertical-align:top;overflow:hidden}.hero .layout-modules-content li p.type{background-color:#4285f4}.hero .layout-modules-content li p.inactive{background-color:#262636}.hero .layout-modules-content li>a{position:absolute;right:8px;bottom:8px}.hero .layout-modules-content li:last-child{margin:0}.hero .layout-modules-content li.inactive{background-color:rgba(38,38,54,.3)}.hero .layout-modules-content li.big_tile{background-color:rgba(38,38,54,.6)}.hero .layout-modules-content li.big_tile p.type{background-color:#262636}.hero .layout-modules-content li.small_tile{background-color:rgba(38,182,182,.6)}.hero .layout-modules-content li.small_tile p.type{background-color:#26b6b6}.hero .discover-add-section{position:relative;overflow:hidden;height:0;opacity:0;transition:all .3s ease-in-out}.hero .discover-add-section>form{display:none}.hero .discover-add-section.on{opacity:1}.hero .discover-add-section .pre-vue{overflow:hidden;position:absolute;top:0;right:0;width:320px;height:309px;padding:40px 16px 0 16px;background-color:#fff;box-shadow:0 2px 2px rgba(6,6,22,.3);opacity:0;z-index:1;transition:height .3s ease-in-out,opacity .3s ease-in-out}.hero .discover-add-section .pre-vue.reverse{background-color:#000}.hero .discover-add-section .pre-vue.reverse .title{line-height:24px !important;font-size:16px !important;color:#e6e6e6 !important}.hero .discover-add-section .pre-vue.reverse.big{height:332px !important}.hero .discover-add-section .pre-vue.on{opacity:1}.hero .discover-add-section .pre-vue.big{height:394px}.hero .discover-add-section .pre-vue.both{height:590px}.hero .discover-add-section .pre-vue.ranking{height:450px}.hero .discover-add-section .pre-vue .non-support{display:none;height:262px;line-height:262px;border-radius:4px;background-color:#e6e6e6;text-align:center}.hero .discover-add-section .pre-vue .non-support.on{display:block}.hero .discover-add-section .pre-vue .header{margin-bottom:8px}.hero .discover-add-section .pre-vue .header.toggle>.title{max-width:160px}.hero .discover-add-section .pre-vue .header.more>.title{max-width:220px}.hero .discover-add-section .pre-vue .header p,.hero .discover-add-section .pre-vue .header span{display:inline-block}.hero .discover-add-section .pre-vue .header .title{margin:0;line-height:32px;font-size:24px;color:#464656;font-weight:700 !important}.hero .discover-add-section .pre-vue .header span{float:right;margin-top:8px;line-height:24px;font-size:16px;color:#f6b606}.hero .discover-add-section .pre-vue .header span>i{margin:4px 0 0 6px;vertical-align:top}.hero .discover-add-section .pre-vue .header .toggle{float:right;width:64px;margin:8px 0 0;padding:0 8px;line-height:24px;font-size:14px;color:#f6b606;text-align:center}.hero .discover-add-section .pre-vue .header .toggle.right{border-radius:0 4px 4px 0}.hero .discover-add-section .pre-vue .header .toggle.left{border-radius:4px 0 0 4px}.hero .discover-add-section .pre-vue .header .toggle.on{color:#fff;background-color:#f6b606}.hero .discover-add-section .pre-vue .header .toggle.off{background-color:rgba(246,182,6,.1)}.hero .discover-add-section .pre-vue>p{margin:0 0 20px;line-height:24px;font-size:16px;color:#868696}.hero .discover-add-section .pre-vue .bundle{font-size:0;line-height:0;width:600px;margin-bottom:8px}.hero .discover-add-section .pre-vue .bundle.small li{width:90px}.hero .discover-add-section .pre-vue .bundle.small li .thumb{height:135px}.hero .discover-add-section .pre-vue .bundle.small li>.main-title{margin:8px 0 0;line-height:16px;font-size:14px}.hero .discover-add-section .pre-vue .bundle.small li>.sub-desc{margin:2px 0 0;line-height:16px;font-size:12px}.hero .discover-add-section .pre-vue .bundle li{display:inline-block;width:140px;margin-right:8px}.hero .discover-add-section .pre-vue .bundle li .thumb{height:210px;background-color:#e6e6e6;border-radius:4px}.hero .discover-add-section .pre-vue .bundle li>.main-title{margin:12px 0 0;line-height:20px;font-size:16px;color:#262636;font-weight:700 !important}.hero .discover-add-section .pre-vue .bundle li>.sub-desc{margin:4px 0 0;line-height:16px;font-size:14px;color:#868696;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .discover-add-section .pre-vue .bundle li .pill{display:inline-block;margin-top:8px;padding:0 8px;border:1px solid #fff;border-radius:10px;line-height:20px;font-size:10px;color:#fff}.hero .discover-add-section .pre-vue .tiles{font-size:0;line-height:0;width:888px}.hero .discover-add-section .pre-vue .tiles.small li{width:140px}.hero .discover-add-section .pre-vue .tiles.small li .thumb{height:70px}.hero .discover-add-section .pre-vue .tiles li{display:inline-block;width:288px;margin-right:8px}.hero .discover-add-section .pre-vue .tiles li .thumb{height:144px;background-color:#e6e6e6;border-radius:4px}.hero .discover-add-section .pre-vue .inner>.bundle{margin-bottom:24px}.hero .discover-add-section .pre-vue .inner>div{margin-bottom:16px}.hero .discover-add-section .pre-vue .inner>div p,.hero .discover-add-section .pre-vue .inner>div span{display:inline-block}.hero .discover-add-section .pre-vue .inner>div>p{margin:0;line-height:24px;font-size:16px;font-weight:700 !important}.hero .discover-add-section .pre-vue .inner>div span{float:right;line-height:24px;font-size:16px;color:#f6b606}.hero .discover-add-section .pre-vue .inner>div span>i{margin:4px 0 0 6px;vertical-align:top}.hero .discover-add-section .pre-vue .ranking-wrap{width:600px}.hero .discover-add-section .pre-vue .ranking{display:inline-block;width:264px;font-size:0;line-height:0}.hero .discover-add-section .pre-vue .ranking li{margin-bottom:16px}.hero .discover-add-section .pre-vue .ranking li p,.hero .discover-add-section .pre-vue .ranking li div{display:inline-block}.hero .discover-add-section .pre-vue .ranking li .num{width:24px;margin:0 4px 0 0;line-height:52px;font-size:14px;color:#666676;font-weight:700 !important;vertical-align:top;text-align:center}.hero .discover-add-section .pre-vue .ranking li .thumb{width:52px;height:52px;margin-right:12px;background-color:#e6e6e6;border-radius:4px}.hero .discover-add-section .pre-vue .ranking li .info{vertical-align:top;color:#262636}.hero .discover-add-section .pre-vue .ranking li .info span{padding:1px 0 0;line-height:12px;font-size:12px;opacity:.3}.hero .discover-add-section .pre-vue .ranking li .info span>i{margin-right:2px;vertical-align:top}.hero .discover-add-section .pre-vue .ranking li .series-title{display:block;margin:0 0 4px;line-height:16px;font-size:14px;font-weight:700 !important}.hero .discover-add-section .pre-vue .complex-row-wrap{width:600px}.hero .discover-add-section .pre-vue .complex-row{display:inline-block;font-size:0;line-height:0}.hero .discover-add-section .pre-vue .complex-row li{width:140px;position:relative;display:inline-block;margin-right:8px}.hero .discover-add-section .pre-vue .complex-row li .bg-thumb{width:140px;height:116px;background-color:#e6e6e6;border-radius:4px}.hero .discover-add-section .pre-vue .complex-row li .thumb{position:absolute;top:78px;left:32px;box-shadow:0 0 0 0 #e6e6e6,0 0 0 2px #fff;width:72px;height:72px;background-color:#e6e6e6;border-radius:36px}.hero .discover-add-section .pre-vue .complex-row li .main-title{margin:46px 0 0;line-height:20px;font-size:16px;color:#262636;font-weight:700 !important;text-align:center}.hero .discover-add-section .pre-vue .complex-row li>.sub-desc{margin:4px 0 0;line-height:16px;font-size:14px;color:#868696;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center}.hero .discover-add-section .pre-vue .square-grid-wrap{width:288px}.hero .discover-add-section .pre-vue .square-grid{display:inline-block;font-size:0;line-height:0}.hero .discover-add-section .pre-vue .square-grid>li{position:relative;display:inline-block;width:66px;height:66px;background-color:#e6e6e6;border-radius:4px;margin-right:8px;margin-bottom:8px}.hero .discover-add-section .pre-vue .square-grid>li:nth-child(4n){margin-right:0}.hero .discover-add-section .pre-vue .square-grid>li .main-title{margin:23px 0 0;line-height:20px;font-size:16px;color:#262636;font-weight:700 !important;text-align:center}.hero .user-targeting{min-height:90px;margin-right:4px;padding:0;border:1px solid #c6c6c6;border-radius:4px;text-align:center}.hero .user-targeting.mod-condition{position:relative}.hero .user-targeting a{margin-top:30px}.hero .user-targeting .condition-form{display:none;position:absolute;bottom:-1px;left:-1px;width:101%;z-index:1;padding:28px 14px;background-color:#fff;border:1px solid #a6a6a6;border-radius:4px;opacity:0}.hero .user-targeting .condition-form.on{transition:opacity .3s ease-in 0s;display:block;opacity:1}.hero .series-pair-list>div{min-height:100px;margin-right:4px;padding:4px 6px;border:1px solid #c6c6c6;border-radius:4px}.hero .series-pair-list>div>ul{padding:0 2px;max-height:180px;min-height:180px;overflow-y:scroll}.hero .price-label-box>.input-group-addon{padding-top:6px;padding-bottom:6px}.hero .price-label-box>.input-group-addon>label{line-height:20px;margin-right:0 !important}.hero .price-label-box>.input-group-addon>label>.check-label{top:10px}.hero .user-balance-details-holder{margin:50px 0}.hero .user-balance-details-holder .name{display:inline-block;font-weight:700 !important;line-height:1;font-size:16px}.hero .user-balance-details-holder .balance-wrap{display:inline-block;float:left;border:1px solid #d6d6d6;border-radius:3px;padding:0 10px;width:178px}.hero .user-balance-details-holder .balance-wrap:first-child{background-color:#f6f6f6;margin-right:20px}.hero .user-balance-details-holder .balance-wrap .title{font-size:16px;color:#666676;line-height:1.9;font-weight:700 !important}.hero .user-balance-details-holder .balance-wrap .amount{display:inline-block;float:right;line-height:2;font-size:16px;color:#464656;font-weight:700 !important}.hero .series-thumb-desc{position:relative;width:50px;border:1px solid #a6a6a6;padding:2px;border-radius:3px;font-size:0}.hero .series-thumb-desc .error{font-size:14px}.hero .series-thumb-desc .series-status-icons{display:flex;position:absolute;top:-8px;left:0;font-size:0;line-height:0}.hero .series-thumb-desc .series-status-icons .status-icon{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;font-size:0;line-height:0;border-radius:50%}.hero .series-thumb-desc .series-status-icons .status-icon--bg-ink{background-color:#262636}.hero .series-thumb-desc .series-status-icons .status-icon--bg-ink>p{color:#fff}.hero .series-thumb-desc .series-status-icons .status-icon--bg-srb{background-color:#f64656}.hero .series-thumb-desc .series-status-icons .status-icon--bg-srb>p{color:#fff}.hero .series-thumb-desc .series-status-icons .status-icon>p{font-size:10px;font-weight:700 !important;cursor:default}.hero .series-table td{vertical-align:middle}.hero .series-table .updated-date{color:#f68606;font-weight:700 !important}.hero .series-table .genre{display:inline-block;color:#262636;font-size:12px;padding:4px 12px;border-radius:16px;font-weight:600 !important}.hero .tile-item{border-radius:3px;border:1px solid #d6d6d6;padding:5px;margin:5px 0}.hero .tile-item .schedule-box{height:34px;margin-top:4px}.hero .tile-row{display:inline-block;vertical-align:middle}.hero .image-contents{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.hero .nav--center{display:flex;flex-wrap:wrap}.hero .nav .navbar__row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;-ms-flex-wrap:wrap;width:100%}.hero .nav .navbar__row--between{justify-content:space-between}.hero .nav .dropdown-menu{width:30vw}.hero .nav .dropdown-menu .label-group .label{margin:0 2px}.hero .navbar.navbar-fixed-bottom{margin-left:240px}.hero .navbar.navbar-fixed-right{position:fixed !important;right:50px;border-width:1px 0 0;width:200px}.hero .navbar.navbar-fixed-right .nav__body{max-height:250px;overflow-y:auto}.hero .btn-secondary{background-color:#6c757d}