body,html{background:#f0f2f5;font-weight:400;font-family:Arial,HelveticaNeue,sans-serif;font-size:15px;line-height:1.4;height:100%;padding:0;margin:0;display:flex;flex-direction:column}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}a{color:#00f}a::hover{color:red}#header{background: #8bc34a;min-height:3rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);flex-shrink:0}#header .navbar-brand{font-size:20px}#header .navbar-brand img{width:250px;height:45px}#header .header{background:#fff;border-top-right-radius:3px;border-top-left-radius:3px}#header .trending-btn{padding:.25rem .75rem}#header .trending-btn path{fill:red}#header .my-navbar-toggler{outline:none;border:none;background:transparent;align-self:stretch;padding:.25rem 1rem}#header #header-search{position:relative;background:#fff;border:1px solid #dadce0;border-radius:5px;flex-direction:row;flex-grow:3;align-items:stretch}#header #header-search:before{content:"";background:url(/svg/search.svg);background-repeat:no-repeat;background-size:15px 15px;background-position:50%;width:2rem;align-self:stretch;flex-shrink:0}#header #header-search.active{background:#fff;border:1px solid #e6e6e6;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}#header #header-search.active #header-search-btn-submit{border-bottom-right-radius:0}#header #header-search.active #header-search-suggest{display:flex;border-top-right-radius:0;border-top-left-radius:0}#header #header-search input{border:none;outline:none;box-shadow:none;background:transparent;flex-grow:1;display:inline-block;width:auto}#header #header-search button{border:0;outline:0}#header #header-search button#header-search-btn-submit{background: #109e4b;color:#fff;font-size:14px;box-shadow: 0 0 0 1px #109e4c;height:2.5rem;border-top-right-radius:5px;border-bottom-right-radius:5px;width:60px;padding:0}#header #header-search button#header-search-btn-clear{background:transparent;margin-right:50px;position:absolute;height:2.5rem;right:0;top:-1px}#header #header-search #header-search-suggest{padding:0;margin:1px 0;list-style:none;position:absolute;width:100%;top:2.5rem;background:#fff;box-shadow:0 0 0 1px #e5e5e5;border-radius:5px;display:none;z-index:1000;flex-direction:column}#header #header-search #header-search-suggest li{display:flex;min-height:2.3rem;align-items:center;flex:1;min-width:0}#header #header-search #header-search-suggest li:not(:last-child){border-bottom:1px solid #e5e5e5}#header #header-search #header-search-suggest li:before{content:"";background:url(/svg/search.svg);background-repeat:no-repeat;background-size:15px 15px;background-position:50%;width:2rem;align-self:stretch;flex-shrink:0}#header #header-search #header-search-suggest li.active{background:#e5e5e5}#header #header-search #header-search-suggest li a{color:#000;display:block;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;flex-grow:1}.searching{background:url(/images/searching.svg);background-repeat:no-repeat;min-height:200px;background-position:50%;width:100%}#subheader .subheader{border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #efefef;padding:0}#subheader h1.lorem{background:#fff;font-size:15px;text-align:justify;padding:1rem;font-weight:700;line-height:1.3}#subheader h1.songname{font-size:18px;text-transform:uppercase;line-height:1.5;font-weight:700;background:#fff}#subheader .nav-menu{background:#fff}#subheader .search-page-keyword{font-size:20px!important}#subheader ul{list-style:none}#subheader ul li{font-size:13px}#subheader ul li a.nav-link{color: #109e4b;transition:background,color .25s ease-in-out}#subheader ul li a.nav-link:hover{background:#f9f9f9;border-radius:5px;color:red}#main-content{flex-grow:1}#footer{background:#fff;justify-content:center;margin-top:1rem}#footer h4{font-size:15px}.btn-home{padding:6px 1rem;border-radius:5px;background: #8bc34a;display:flex;margin:1rem auto;align-items:center}.btn-home a{color:#fff;font-weight:700}.items{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}.items .items-name{font-size:20px;font-weight:700;padding:1rem;border-bottom:1px solid #dadce0;margin-bottom:-1px}.items .items-name b,.items .items-name strong{color:#ff4d00}.items .item{padding:1rem 0;margin:0 1rem;border-top:1px solid #dadce0;display:flex}.items .item:after{display:block;clear:both}.items .item .thumb{width: 60px;height: 60px;margin-right:1rem;border-radius:5px;overflow:hidden;flex-shrink:0}.items .item .thumb a{display:block}.items .item .thumb a,.items .item .thumb img{width: inherit;height: inherit;}.items .item .detail{flex-direction:column;height:60px;flex:1}.items .item .detail .name{font-size:15px;line-height:20px;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px;font-weight:700}.items .item .detail .name a{color: #119e4d;}.items .item .detail .metadata{display:flex;height:12px}.items .item .detail .metadata p{display:flex;font-size:12px;align-items:center;font-weight:400;color:#70757a}.items .item .detail .metadata p:not(:first-child):before{content:"\2022";margin:0 .25rem}.items .item .detail .metadata p.listen:after{content:"";background:url(/svg/listen.svg) no-repeat 50%;background-size:10px;display:inline-block;margin-left:4px;width:12px;height:12px}.items .search-page-tags{display:flex;align-items:center}.items .search-page-tags:after{content:"";position:absolute;background:url(/svg/angle-right.svg) no-repeat 50%;width:1.5rem;height:17px;margin-left:auto;display:inline-flex;right:0}.items .search-page-tags a{padding:.5rem 1.5rem .5rem 1rem;border-top:1px solid #dadce0;flex-grow:1;background:#fefcfc;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items .search-page-tags a:hover{color:red;background:#fafafa;text-decoration:none}@media screen and (min-width:768px){#sidebar .items .item .thumb{width:80px;height:45px}#sidebar .items .item .detail{height:45px;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}#sidebar .items .item .detail .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}}@media screen and (min-width:992px){#subheader h1.lorem{border-bottom:1px solid #efefef}#subheader ul li a.nav-link{padding:.6rem;margin:.25rem;font-weight:700}}@media screen and (max-width:991px){#subheader ul{list-style:none}#subheader ul li{margin:.1rem;width:45%;flex-shrink:0;flex-grow:1}#subheader ul li.menu-title{padding:1rem;margin:0 0 .25rem!important;border:none}#subheader ul li.menu-title .title{text-align:center;justify-content:center;font-size:20px!important;border:none}#subheader ul li a.nav-link{padding:.35rem .1rem;justify-content:center;font-size:14px;font-weight:700;display:flex;align-items:center;flex-grow:1;margin:0;border:1px solid #dadce0;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#subheader ul li a.nav-link:hover{background:#f9f9f9;border-radius:5px}}@media screen and (max-width:767px){#header #header-search{flex-basis:100%;order:3;margin-top:.5rem;margin-left:1rem;margin-right:1rem}#header .my-navbar-toggler{order:2}#header #navbarSupportedContent{order:4}#header .navbar-brand{margin-right:0;order:1;display:flex;justify-content:center}#header .trending-btn{order:0}}@media screen and (max-width:576px){#header .header{border-radius:0}}@media screen and (max-width:450px){#header #header-search{flex-basis:100%;order:3;margin-top:.5rem;margin-left:1rem;margin-right:1rem}#header .my-navbar-toggler{order:2}#header #navbarSupportedContent{order:4}#header .navbar-brand{margin-right:0;order:1;display:flex;justify-content:center}#header .trending-btn{order:0}#subheader ul li a.nav-link{font-size:13px}}@media screen and (max-width:350px){#subheader ul li a.nav-link{font-size:12px}}#wrap-video{margin-top:0;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;background:#fff}#wrap-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.wrap-content{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}.wrap-content h2{font-size:16px;padding:.5rem 1rem .25rem;color:#000}.wrap-content .subinfo{display:flex;font-size:12px;align-items:center;padding:.25rem 1rem;color:#7e7e7e}.wrap-content .subinfo p:not(:last-child){margin-right:1rem}.wrap-content .subinfo p b{font-weight:400;color:#000}.wrap-content .items{box-shadow:none}.wrap-content .admin-edit{background:red;color:#fff;font-size:12px;padding:0 10px;display:flex;align-items:center;justify-content:center;border-radius:15px;margin-left:auto;cursor:pointer}.wrap-content .status{color:#fff;font-size:8px;padding:2px 10px;border-radius:10px}.wrap-content .status.yes{background:#00c91e}.wrap-content .status.no{background:red}.share-group-btn{display:flex;padding:5px 1rem;margin-left:auto}.share-group-btn div{margin-right:5px;display:flex;top:0!important}.share-group-btn a.twitter-share-buttons{position:relative;height:20px;box-sizing:border-box;padding:1px 8px 1px 6px;background-color:#1b95e0;color:#fff;border-radius:3px;font-weight:400;cursor:pointer;font-size:11px;display:flex;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;text-decoration:none}.share-group-btn a.twitter-share-buttons:before{content:"";width:14px;height:14px;margin-right:3px;background:transparent 0 0 no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='none' d='M0 0h72v72H0z'/%3E%3Cpath class='icon' fill='%23fff' d='M68.812 15.14a26.189 26.189 0 01-7.52 2.06 13.125 13.125 0 005.757-7.243 26.133 26.133 0 01-8.314 3.176A13.066 13.066 0 0049.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396a13.057 13.057 0 00-1.77 6.58c0 4.543 2.312 8.552 5.824 10.9a13.05 13.05 0 01-5.93-1.64c-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09a26.29 26.29 0 01-16.26 5.605c-1.055 0-2.096-.06-3.122-.184a37.036 37.036 0 0020.067 5.882c24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693a26.61 26.61 0 006.532-6.774z'/%3E%3C/svg%3E")}.share-group-btn a.twitter-share-buttons:active,.share-group-btn a.twitter-share-buttons:focus,.share-group-btn a.twitter-share-buttons:hover{background-color:#0c7abf}.sinfo{padding:3rem 1rem;display:flex;align-items:center;justify-content:center}.sinfo .button-download{display:flex;background-color:#0018fd;border-radius:2px;color:#fff;padding:.7rem 1rem;font-size:12px;font-weight:600;letter-spacing:.007px;text-transform:uppercase;margin:auto;text-decoration:none}.sinfo .button-download:before{content:"";background:url(/svg/download-white.svg) no-repeat 50%;background-size:12px 12px;vertical-align:top;margin-right:5px;width:12px;height:12px}#lr-wrapper{padding:1rem;border-top:1px solid #cecece}#lr-wrapper,#lr-wrapper h3{border-bottom:1px solid #cecece}#lr-wrapper h3{font-size:15px;margin-bottom:.5rem;padding-bottom:.5rem}#lr-wrapper .content .lyric{height:150px;overflow:hidden;transition:all .5s ease-in-out}#lr-wrapper .content #lr-more{cursor:pointer;color:#00f;font-weight:700;display:flex;width:100px;background:#f5f5f5;padding:.2rem 1rem;border-radius:3px;margin:.5rem 0}#lr-wrapper .content ul{list-style:none;margin:0;padding:0}#lr-wrapper .content ul li{min-height:30px;line-height:30px;font-size:15px;color:#000;border-bottom:1px dashed #dadce0}#lr-wrapper .__{font-style:italic;font-size:12px;line-height:18px!important;display:block}#search-page-keyword{overflow:hidden;border-top:1px solid #dadce0}#search-page-keyword .item:first-child{border-top:none}#search-page-keyword #reload{padding:.8rem 1rem;background:#00f;color:#fff;font-weight:700;border-radius:5px;display:flex;width:200px;margin:3rem auto}.search-keyword{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}.search-keyword .tag-wrapper{display:inline;line-height:20px!important}.search-keyword .tag-wrapper h4.tag{display:inline;line-height:15px;font-size:13px!important}.tags{display:flex;flex-wrap:wrap;padding:.5rem 1rem}.tags .tag{font-size:10px;display:flex;align-items:center;padding:.25rem .5rem;margin-bottom:5px;margin-right:3px;background:#f5f5f5;border-radius:15px;border:1px solid #e1e1e1}.tags .tag-name{font-size:13px}