.white-popup,body{position:relative}.checkbox+label,body{-moz-osx-font-smoothing:grayscale}.autocomplete-result .ac-lyric,.text-italic,.text-quote,dfn{font-style:italic}.hopamchuan_chord_show,.inline-block,.keycap,.label,.label.label-small,.link-highlighted,.loading-block,.status,form label,ul.tab-list li{display:inline-block}.textarea:focus,a:active,a:hover,input:focus,select:focus,textarea:focus{outline:0}.blue-header,.error-msg,.panel .panel-title{text-shadow:0 1px #fff}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}body,html{-webkit-overflow-scrolling:touch!important}body{padding:0;font-family:BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',-apple-system;font-size:14px;color:#333;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;line-height:1.3em;background:linear-gradient(180deg,#599fca 120px,#599fca 120px,#fff 120px,#fff 100%) no-repeat}a{color:inherit;text-decoration:none}#footer a:hover,.blue-link:hover,.link:hover,.text-underline,.underline{text-decoration:underline}b,th{font-weight:600}input,select,textarea{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}input[disabled],select[disabled],textarea[disabled]{color:#aaa}hr{border:1px solid #ddd;border-bottom:0;margin:20px 0}form label{font-weight:600;font-size:13px;margin-bottom:5px}h1,h2{font-weight:400}.label,.text-bold,b,optgroup,strong{font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left!important}.text-justify{text-align:justify!important}.text-red{color:red}.text-green{color:#4caf50}.text-gray{color:#8a8a8a}.text-quote{padding-left:10px;text-align:justify;font-size:13px}.blue-header,.chord-panel,.error-msg,.pagination{text-align:center}.ads-banner{height:100px;border:1px solid #ccc;background:#eee}.loading-svg path,.loading-svg rect{fill:#4c78a3}.margin-right{margin-right:10px!important}.error-msg{margin:20px 0;color:#999;font-size:20px}.small-textbox{padding:0 5px;border:1px solid #ccc;font-size:12px}.medium-textbox{padding:2px 5px}.big-textbox{padding:8px 10px;width:100%;border:1px solid #ccc;border-radius:5px;font-size:15px}.big-textbox:focus{border:1px solid #217cdf}.loading-block{width:30px;height:30px;background:url(https://static.hopamchuan.com/assets/svg/loading.svg) center center no-repeat;background-size:100% 100%;vertical-align:middle}.loading-block.spin{background:url(https://static.hopamchuan.com/assets/svg/loading2.svg) center center no-repeat;background-size:100% 100%}.hide{display:none!important}.white-popup{margin:20px auto;padding:20px;width:auto;border-radius:10px;background:#fff}.red{color:#ff5353}.textarea{padding:5px 8px;width:100%;height:48px;border:1px solid #d6d6d6;font-size:12px;resize:none}.textarea:focus{border:1px solid #6195cd}.description{color:#888}.error-message{margin-bottom:10px;color:red;font-size:12px}.error-message.no-margin{margin-bottom:0}.error-message p{margin:0}.blue-link{color:#5185ea;cursor:pointer}.link-highlighted{margin:0 10px;padding:5px 10px;border-radius:4px;background:#3c85f2;color:#fff}.link-highlighted i,.link-highlighted span{color:#fff}.link-highlighted:first-child{margin-left:0}.link-highlighted:last-child{margin-right:0}.loading-background{background:url(https://static.hopamchuan.com/assets/svg/loading2.svg) center center no-repeat}.margin-small{margin:5px}.text-small{font-size:11px!important}.text-regular{font-size:13px!important}.alert{position:fixed;z-index:100;padding:11px;width:100%;background:#f08f8f;color:#fff}.alert~.alert-space{height:40px}.nowrap,.one-line{text-overflow:ellipsis;white-space:nowrap}.white-box{margin:10px 0;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15)}.white-box.border{border-radius:5px}.white-box.border-orange{border:1px solid #d47e00}.padding-vertical{padding-top:10px;padding-bottom:10px}.padding-both{padding:10px}ul.tab-list{margin:0;padding:0;list-style:none}ul.tab-list li{position:relative;cursor:pointer}ul.tab-list li a{display:block;padding:10px 20px;color:#8e8e8e}ul.tab-list li a:hover,ul.tab-list li.active a{color:#333}ul.tab-list li.active:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;background-color:#217cdf;content:''}.pagination a:hover{background-color:#dcdcdc}.pagination a,.pagination strong{margin:0 1px;padding:0 10px;height:25px;border-radius:3px;line-height:25px}.pagination strong{background-color:#8e8e8e;color:#fff}.padding-horizontal{padding-right:30px;padding-left:30px}.song-chords{padding-right:1px;padding-bottom:1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:190px;line-height:23px}.song-chords:hover{white-space:normal}.song-chords span{color:#777;overflow:hidden;padding:0 5px;border-radius:3px;background-color:#f1f1f1;box-shadow:1px 1px 0 #d6d6d6}.blue-header{color:#5c9bcb;padding:5px;font-size:16px;text-transform:uppercase}.warning-block{margin-bottom:10px;padding:10px;border-radius:10px;background:#fff3cf}.flex-center-between,.flex-middle-between{display:flex;justify-content:space-between;align-items:center}.flex-center-end{display:flex;justify-content:flex-end;align-items:center}.flex-center-start{display:flex;justify-content:flex-start;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.label{padding:5px 10px;border-radius:3px;background-color:#fff;color:#333;font-size:12px;line-height:1}.label.label-yellow{background-color:#F7A845;color:#fff}.label.label-light-blue{background-color:#45C6F7;color:#fff}.label.label-gray{background-color:#AFAFAF;color:#fff}.label.label-red{background-color:#F57979;color:#fff}.label.label-blue{background-color:#217cdf;color:#fff}.label.label-gray-blue{background-color:#607D8B;color:#fff}.label.label-small{padding:3px 5px;font-size:11px;margin:2px}.max-width-100{max-width:100%}.badge{margin-left:5px;padding:0 4px;border-radius:2px;background:#5b9dca;color:#fff;font-size:13px}.mt-10{margin-top:10px}.fixed-sidebar{position:fixed;top:100px;width:300px}.status{width:15px;height:15px;border-radius:7.5px;vertical-align:middle}.status.status-yellow{background:#F7A845}.status.status-light-blue{background-color:#45C6F7;color:#fff}.status.status-gray{background-color:#AFAFAF;color:#fff}.status.status-red{background-color:#F57979;color:#fff}.status.status-blue{background-color:#217cdf;color:#fff}.status.status-gray-blue{background-color:#607D8B;color:#fff}.bg-white,.keycap{background:#fff}.no-result{padding:10px;color:#909090}#dev-info{color:#a7a7a7;font-size:9px}.keycap{width:25px;height:25px;border:1px solid #9a9a9a;border-radius:4px;box-shadow:0 2px 0 0;color:#5f5f5f}.border,.list-item-white{border:1px solid #eee}.list-item-white.floating,.list-item-white:hover{box-shadow:0 3px 5px rgba(0,0,0,.1)}.no-margin{margin:0!important}.no-padding{padding:0!important}.block,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.bg-orange{background:#d47e00}.table{width:100%;border-collapse:collapse}.table tr:nth-child(even){background-color:#f2f2f2}.table th{background-color:#6095cc;color:#fff}.table td,.table th{padding:8px;text-align:left}.mt-20{margin-top:20px}.mr-10{margin-right:10px}.ml-10{margin-left:10px}.mb-10{margin-bottom:10px}.mb-5{margin-bottom:5px}.highlighted-area,.mb-20{margin-bottom:20px}.pr-10{padding-right:10px}.pt-10{padding-top:10px}.p-10{padding:10px}.diff .added{background:#ceff95}.diff .removed{background:#ffb4af;text-decoration:line-through}.list-item-white{margin-bottom:5px;min-height:75px;padding:10px;background:#fff;transition:transform .3s,box-shadow .3s}.list-item-white.highlight{outline:#03a9f4 solid 1px}.list-item-white:hover{transform:translate3d(0,-2px,0)}.cursor-default{cursor:default}.checkbox-box{display:inline-block;width:30px;height:30px;border:1px solid #ccc;background:#eee;text-align:center;line-height:30px}.arrow-box-right{position:relative;background:#fff;border:1px solid #ccc}.arrow-box-right:after,.arrow-box-right:before{left:100%;top:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.arrow-box-right:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.arrow-box-right:before{border-color:rgba(204,204,204,0);border-left-color:#ccc;border-width:9px;margin-top:-9px}.arrow-box-top{position:relative;background:#fff;border:1px solid #d6d6d6}.arrow-box-top:after,.arrow-box-top:before{bottom:100%;left:80%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.arrow-box-top:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}.arrow-box-top:before{border-color:rgba(214,214,214,0);border-bottom-color:#d6d6d6;border-width:11px;margin-left:-11px}.hover-shadow{transition:box-shadow .3s}.hover-shadow:hover{box-shadow:0 2px 7px -2px rgba(121,121,121,.79)}@-webkit-keyframes ring{0%,100%,43%{-webkit-transform:rotateZ(0)}1%,9%{-webkit-transform:rotateZ(30deg)}11%,3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}}@-moz-keyframes ring{0%,100%,43%{-moz-transform:rotate(0)}1%,9%{-moz-transform:rotate(30deg)}11%,3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}}@keyframes ring{0%,100%,43%{transform:rotate(0)}1%,9%{transform:rotate(30deg)}11%,3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}}.ring-the-bell{-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}.highlighted-area{padding:10px;background:#fff5d0;border-radius:10px}.p5{padding:5px}.green-highlighted-area{font-size:12px;background:rgba(139,195,74,.18039216);padding:15px;text-align:justify}.tips-close-button{float:right;background:#fff;padding:0 5px;border:1px solid #ccc;border-radius:5px;cursor:pointer;user-select:none}.tips-close-button:hover{background:#efefef}.tips-close-button:active{background:#ddd}.big-blue-link{vertical-align:middle;display:inline-block;max-width:230px;border-bottom:1px dashed;color:#3464c4}.big-blue-link:hover{border-bottom:1px solid}.gray-badge{margin:0 0 0 5px;display:inline-block;padding:5px;font-size:12px;background:#e6e6e6;border-radius:15px}#footer,#page-content #content-loader{padding:10px;text-align:center}.go-to-top,.growl{border-radius:4px}.go-to-top{position:fixed;right:10px;bottom:10px;z-index:1;background:rgba(0,0,0,.26);color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.go-to-top:hover{background:rgba(0,0,0,.46)}#page-content{position:relative;z-index:2;background-color:#f5f8fa;padding-bottom:100px;min-height:100vh}#page-content .container_16>h1{margin-left:5px}#footer{background-color:#eff3f5;font-size:12px}#footer #footer-icons{font-size:18px;color:#6c6c6c}body.dark-theme{background:#1b1b1b}body.dark-theme #page-content{background-color:#1b1b1b}body.dark-theme #top-nav-bar{background:linear-gradient(180deg,#121c29 0,#121e23 68%,#2b2a2a 69%,#2b2a2a 100%)!important}body.dark-theme #mobile-menu,body.dark-theme #mobile-menu-toggle{background:#2b2a2a}body.dark-theme #top-nav-bar #nav-bar #top-search-bar #nav-search-bar{color:#fff}body.dark-theme #nav-search-bar{background:rgba(255,255,255,.12156863);color:#fff}body.dark-theme #footer{background-color:#212121;color:#ccc}body.dark-theme #comment-section{background:#333}body.dark-theme #comment-section #comment-login{background:#333;color:#eee}body.dark-theme .blue-link{color:#6697f7}body.dark-theme .select2-container--default .select2-selection--single{background-color:#333;border:1px solid #777}body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered{color:#dedede}body.dark-theme .select2-dropdown{background-color:#1f1f1f;color:#eee}body.dark-theme .select2-container--default .select2-results__option[aria-selected=true]{background-color:#464646}body.dark-theme .comment-item .discussion-content{color:#fff}body.dark-theme .comment-item-username{color:#55a6fd}body.dark-theme .comment-item-like-count{color:#49a0fd}body.dark-theme .comment-hidden{background:#2f2f2f}body.dark-theme .comment-hidden .comment-hide-labels a{color:#82acff}body.dark-theme .popup-window{background:#232323;border:1px solid #545454;color:#eee}body.dark-theme .checkbox+label:before{color:#fff}body.dark-theme .checkbox+label:hover:before{color:#ccc}body.dark-theme .textarea{border:1px solid #8c8c8c;background:#0a0a0a;color:#fff}body.dark-theme .hac-button.disabled,body.dark-theme .hac-button[disabled]{background:#353535;color:#797979}body.dark-theme .notif-list .notif-item:hover{background-color:#464646}body.dark-theme .notif-list .notif-item{border-bottom:1px solid #525252}body.dark-theme .notification-box #notif-see-all{border-top:1px solid #444}body.dark-theme .transaction-item:nth-child(odd){background:#131313}body.dark-theme .white-popup{background:#292929;color:#fff}body.dark-theme .big-textbox{border:1px solid #4c4c4c;background:#282828}img,legend{border:0}body.dark-theme .transaction-item.un-seen{background:#232323}body.chord-imperfect #mobile-menu-toggle{background:#00695c}body.chord-imperfect #mobile-menu{background:#0f695d}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.mfp-container,img.mfp-img{-moz-box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media screen and (max-width:1199px){.clear,.clearfix:after{clear:both}body{min-width:992px}.container_16{margin-left:auto;margin-right:auto;width:992px;overflow:hidden}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.pull_1,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15,.pull_16,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_12,.push_13,.push_14,.push_15,.push_16,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:52px}.container_16 .grid_2{width:114px}.container_16 .grid_3{width:176px}.container_16 .grid_4{width:238px}.container_16 .grid_5{width:300px}.container_16 .grid_6{width:362px}.container_16 .grid_7{width:424px}.container_16 .grid_8{width:486px}.container_16 .grid_9{width:548px}.container_16 .grid_10{width:610px}.container_16 .grid_11{width:672px}.container_16 .grid_12{width:734px}.container_16 .grid_13{width:796px}.container_16 .grid_14{width:858px}.container_16 .grid_15{width:920px}.container_16 .grid_16{width:982px}.clear,.clearfix:after,.clearfix:before{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.container_16 .prefix_1{padding-left:62px}.container_16 .prefix_2{padding-left:124px}.container_16 .prefix_3{padding-left:186px}.container_16 .prefix_4{padding-left:248px}.container_16 .prefix_5{padding-left:310px}.container_16 .prefix_6{padding-left:372px}.container_16 .prefix_7{padding-left:434px}.container_16 .prefix_8{padding-left:496px}.container_16 .prefix_9{padding-left:558px}.container_16 .prefix_10{padding-left:620px}.container_16 .prefix_11{padding-left:682px}.container_16 .prefix_12{padding-left:744px}.container_16 .prefix_13{padding-left:806px}.container_16 .prefix_14{padding-left:868px}.container_16 .prefix_15{padding-left:930px}.container_16 .suffix_1{padding-right:62px}.container_16 .suffix_2{padding-right:124px}.container_16 .suffix_3{padding-right:186px}.container_16 .suffix_4{padding-right:248px}.container_16 .suffix_5{padding-right:310px}.container_16 .suffix_6{padding-right:372px}.container_16 .suffix_7{padding-right:434px}.container_16 .suffix_8{padding-right:496px}.container_16 .suffix_9{padding-right:558px}.container_16 .suffix_10{padding-right:620px}.container_16 .suffix_11{padding-right:682px}.container_16 .suffix_12{padding-right:744px}.container_16 .suffix_13{padding-right:806px}.container_16 .suffix_14{padding-right:868px}.container_16 .suffix_15{padding-right:930px}.container_16 .push_1{left:62px}.container_16 .push_2{left:124px}.container_16 .push_3{left:186px}.container_16 .push_4{left:248px}.container_16 .push_5{left:310px}.container_16 .push_6{left:372px}.container_16 .push_7{left:434px}.container_16 .push_8{left:496px}.container_16 .push_9{left:558px}.container_16 .push_10{left:620px}.container_16 .push_11{left:682px}.container_16 .push_12{left:744px}.container_16 .push_13{left:806px}.container_16 .push_14{left:868px}.container_16 .push_15{left:930px}.container_16 .pull_1{left:-62px}.container_16 .pull_2{left:-124px}.container_16 .pull_3{left:-186px}.container_16 .pull_4{left:-248px}.container_16 .pull_5{left:-310px}.container_16 .pull_6{left:-372px}.container_16 .pull_7{left:-434px}.container_16 .pull_8{left:-496px}.container_16 .pull_9{left:-558px}.container_16 .pull_10{left:-620px}.container_16 .pull_11{left:-682px}.container_16 .pull_12{left:-744px}.container_16 .pull_13{left:-806px}.container_16 .pull_14{left:-868px}.container_16 .pull_15{left:-930px}.clearfix:after,.clearfix:before{content:'\0020'}.clearfix{zoom:1}}@media screen and (min-width:1200px) and (max-width:1407px){.clear,.clearfix:after{clear:both}body{min-width:1200px}.container_16{margin-left:auto;margin-right:auto;width:1200px;overflow:hidden}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.pull_1,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15,.pull_16,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_12,.push_13,.push_14,.push_15,.push_16,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:65px}.container_16 .grid_2{width:140px}.container_16 .grid_3{width:215px}.container_16 .grid_4{width:290px}.container_16 .grid_5{width:365px}.container_16 .grid_6{width:440px}.container_16 .grid_7{width:515px}.container_16 .grid_8{width:590px}.container_16 .grid_9{width:665px}.container_16 .grid_10{width:740px}.container_16 .grid_11{width:815px}.container_16 .grid_12{width:890px}.container_16 .grid_13{width:965px}.container_16 .grid_14{width:1040px}.container_16 .grid_15{width:1115px}.container_16 .grid_16{width:1190px}.clear,.clearfix:after,.clearfix:before{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.container_16 .prefix_1{padding-left:75px}.container_16 .prefix_2{padding-left:150px}.container_16 .prefix_3{padding-left:225px}.container_16 .prefix_4{padding-left:300px}.container_16 .prefix_5{padding-left:375px}.container_16 .prefix_6{padding-left:450px}.container_16 .prefix_7{padding-left:525px}.container_16 .prefix_8{padding-left:600px}.container_16 .prefix_9{padding-left:675px}.container_16 .prefix_10{padding-left:750px}.container_16 .prefix_11{padding-left:825px}.container_16 .prefix_12{padding-left:900px}.container_16 .prefix_13{padding-left:975px}.container_16 .prefix_14{padding-left:1050px}.container_16 .prefix_15{padding-left:1125px}.container_16 .suffix_1{padding-right:75px}.container_16 .suffix_2{padding-right:150px}.container_16 .suffix_3{padding-right:225px}.container_16 .suffix_4{padding-right:300px}.container_16 .suffix_5{padding-right:375px}.container_16 .suffix_6{padding-right:450px}.container_16 .suffix_7{padding-right:525px}.container_16 .suffix_8{padding-right:600px}.container_16 .suffix_9{padding-right:675px}.container_16 .suffix_10{padding-right:750px}.container_16 .suffix_11{padding-right:825px}.container_16 .suffix_12{padding-right:900px}.container_16 .suffix_13{padding-right:975px}.container_16 .suffix_14{padding-right:1050px}.container_16 .suffix_15{padding-right:1125px}.container_16 .push_1{left:75px}.container_16 .push_2{left:150px}.container_16 .push_3{left:225px}.container_16 .push_4{left:300px}.container_16 .push_5{left:375px}.container_16 .push_6{left:450px}.container_16 .push_7{left:525px}.container_16 .push_8{left:600px}.container_16 .push_9{left:675px}.container_16 .push_10{left:750px}.container_16 .push_11{left:825px}.container_16 .push_12{left:900px}.container_16 .push_13{left:975px}.container_16 .push_14{left:1050px}.container_16 .push_15{left:1125px}.container_16 .pull_1{left:-75px}.container_16 .pull_2{left:-150px}.container_16 .pull_3{left:-225px}.container_16 .pull_4{left:-300px}.container_16 .pull_5{left:-375px}.container_16 .pull_6{left:-450px}.container_16 .pull_7{left:-525px}.container_16 .pull_8{left:-600px}.container_16 .pull_9{left:-675px}.container_16 .pull_10{left:-750px}.container_16 .pull_11{left:-825px}.container_16 .pull_12{left:-900px}.container_16 .pull_13{left:-975px}.container_16 .pull_14{left:-1050px}.container_16 .pull_15{left:-1125px}.clearfix:after,.clearfix:before{content:'\0020'}.clearfix{zoom:1}}@media screen and (min-width:1408px){.clear,.clearfix:after{clear:both}body{min-width:1408px}.container_16{margin-left:auto;margin-right:auto;width:1408px;overflow:hidden}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.pull_1,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15,.pull_16,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_12,.push_13,.push_14,.push_15,.push_16,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:78px}.container_16 .grid_2{width:166px}.container_16 .grid_3{width:254px}.container_16 .grid_4{width:342px}.container_16 .grid_5{width:430px}.container_16 .grid_6{width:518px}.container_16 .grid_7{width:606px}.container_16 .grid_8{width:694px}.container_16 .grid_9{width:782px}.container_16 .grid_10{width:870px}.container_16 .grid_11{width:958px}.container_16 .grid_12{width:1046px}.container_16 .grid_13{width:1134px}.container_16 .grid_14{width:1222px}.container_16 .grid_15{width:1310px}.container_16 .grid_16{width:1398px}.clear,.clearfix:after,.clearfix:before{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.container_16 .prefix_1{padding-left:88px}.container_16 .prefix_2{padding-left:176px}.container_16 .prefix_3{padding-left:264px}.container_16 .prefix_4{padding-left:352px}.container_16 .prefix_5{padding-left:440px}.container_16 .prefix_6{padding-left:528px}.container_16 .prefix_7{padding-left:616px}.container_16 .prefix_8{padding-left:704px}.container_16 .prefix_9{padding-left:792px}.container_16 .prefix_10{padding-left:880px}.container_16 .prefix_11{padding-left:968px}.container_16 .prefix_12{padding-left:1056px}.container_16 .prefix_13{padding-left:1144px}.container_16 .prefix_14{padding-left:1232px}.container_16 .prefix_15{padding-left:1320px}.container_16 .suffix_1{padding-right:88px}.container_16 .suffix_2{padding-right:176px}.container_16 .suffix_3{padding-right:264px}.container_16 .suffix_4{padding-right:352px}.container_16 .suffix_5{padding-right:440px}.container_16 .suffix_6{padding-right:528px}.container_16 .suffix_7{padding-right:616px}.container_16 .suffix_8{padding-right:704px}.container_16 .suffix_9{padding-right:792px}.container_16 .suffix_10{padding-right:880px}.container_16 .suffix_11{padding-right:968px}.container_16 .suffix_12{padding-right:1056px}.container_16 .suffix_13{padding-right:1144px}.container_16 .suffix_14{padding-right:1232px}.container_16 .suffix_15{padding-right:1320px}.container_16 .push_1{left:88px}.container_16 .push_2{left:176px}.container_16 .push_3{left:264px}.container_16 .push_4{left:352px}.container_16 .push_5{left:440px}.container_16 .push_6{left:528px}.container_16 .push_7{left:616px}.container_16 .push_8{left:704px}.container_16 .push_9{left:792px}.container_16 .push_10{left:880px}.container_16 .push_11{left:968px}.container_16 .push_12{left:1056px}.container_16 .push_13{left:1144px}.container_16 .push_14{left:1232px}.container_16 .push_15{left:1320px}.container_16 .pull_1{left:-88px}.container_16 .pull_2{left:-176px}.container_16 .pull_3{left:-264px}.container_16 .pull_4{left:-352px}.container_16 .pull_5{left:-440px}.container_16 .pull_6{left:-528px}.container_16 .pull_7{left:-616px}.container_16 .pull_8{left:-704px}.container_16 .pull_9{left:-792px}.container_16 .pull_10{left:-880px}.container_16 .pull_11{left:-968px}.container_16 .pull_12{left:-1056px}.container_16 .pull_13{left:-1144px}.container_16 .pull_14{left:-1232px}.container_16 .pull_15{left:-1320px}.clearfix:after,.clearfix:before{content:'\0020'}.clearfix{zoom:1}}.tipsy{font-size:10px;position:absolute;padding:5px;z-index:100000}.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;padding:5px 8px 4px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow,.tipsy-nw .tipsy-arrow{border-left-color:transparent;border-right-color:transparent;top:0;border-bottom-style:solid;border-top:none}.tipsy-n .tipsy-arrow{left:50%;margin-left:-5px}.tipsy-nw .tipsy-arrow{left:10px}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow,.tipsy-se .tipsy-arrow,.tipsy-sw .tipsy-arrow{bottom:0;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{left:50%;margin-left:-5px}.tipsy-sw .tipsy-arrow{left:10px}.tipsy-se .tipsy-arrow{right:10px}.tipsy-e .tipsy-arrow,.tipsy-w .tipsy-arrow{top:50%;margin-top:-5px;border-top-color:transparent;border-bottom-color:transparent}.tipsy-e .tipsy-arrow{right:0;border-left-style:solid;border-right:none}.tipsy-w .tipsy-arrow{left:0;border-right-style:solid;border-left:none}.mfp-bg,.mfp-container,.mfp-wrap{top:0;height:100%;width:100%;left:0}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{max-width:100%;line-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}#growls{z-index:50000;position:fixed}#growls.default{top:10px;right:10px}#growls.tl{top:10px;left:10px}#growls.tr{top:10px;right:10px}#growls.bl{bottom:10px;left:10px}#growls.br{bottom:10px;right:10px}#growls.tc{top:10px;right:10px;left:10px}#growls.bc{bottom:10px;right:10px;left:10px}#growls.bc .growl,#growls.tc .growl{margin-left:auto;margin-right:auto}.growl{filter:alpha(opacity=80);position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.growl.growl-incoming,.growl.growl-outgoing,.select2-close-mask{opacity:0;filter:alpha(opacity=0)}.growl.growl-small{width:200px;padding:5px;margin:5px}.growl.growl-medium{width:250px;padding:10px;margin:10px}.growl.growl-large{width:300px;padding:15px;margin:15px}.growl.growl-default{color:#FFF;background:#7f8c8d}.growl.growl-error{color:#FFF;background:#C0392B}.growl.growl-notice{color:#FFF;background:#2ECC71}.growl.growl-warning{color:#FFF;background:#F39C12}.growl .growl-close{cursor:pointer;float:right;font-size:14px;line-height:18px;font-weight:400;font-family:helvetica,verdana,sans-serif}.growl .growl-title{font-size:18px;line-height:24px}.growl .growl-message{font-size:14px;line-height:18px}.growl{opacity:1}.popup-window{position:absolute;display:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.3);padding:10px;border:1px solid #ccc;z-index:10}.autocomplete-result{border-bottom:1px solid #fff;padding:4px 20px 5px;cursor:pointer;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;-ms-transition:background-color .1s;-o-transition:background-color .1s;transition:background-color .1s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none}.autocomplete-result.selected,.autocomplete-result:hover{background-color:rgba(255,255,255,.8)}.autocomplete-result.selected .ac-lyric,.autocomplete-result.selected .ac-title,.autocomplete-result:hover .ac-lyric,.autocomplete-result:hover .ac-title{white-space:normal}.autocomplete-result:last-child{border-bottom:0}.autocomplete-result .ac-title{font-size:20px;color:#555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.autocomplete-result .ac-lyric{color:#888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.autocomplete-result .ac-description{font-size:15px;vertical-align:middle;color:#696969;margin-left:10px}.auto-complete{position:absolute;background:rgba(255,255,255,.75);padding:11px 0 22px;border-radius:0 0 10px 10px;box-shadow:0 2px 2px -3px;display:none;z-index:11}#btn-more-content,.notification-box{box-shadow:0 1px 70px rgba(0,0,0,.5)}.auto-complete[target=nav-search-bar]{background:#F9FCFF;border-radius:10px;margin-top:7px;padding-top:7px}.auto-complete[target=nav-search-bar] .autocomplete-result.selected,.auto-complete[target=nav-search-bar] .autocomplete-result:hover{background:#e0efff}.auto-complete[target=nav-search-bar] .see-all{background:#d9eafc}.auto-complete .see-all{text-align:center;font-size:12px;background:rgba(255,255,255,.7);cursor:default;position:absolute;width:100%;bottom:0;height:22px;line-height:22px;border-radius:0 0 10px 10px;color:#3464c4}#top-nav-bar,#top-nav-bar #nav-bar #top-search-bar{position:relative}#top-nav-bar{z-index:3;height:80px;background:-moz-linear-gradient(270deg,#599fca 0,#6294cd 68%,#3e6586 69%,#406387 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#599fca),color-stop(68%,#6294cd),color-stop(69%,#3e6586),color-stop(100%,#406387));background:-webkit-linear-gradient(270deg,#599fca 0,#6294cd 68%,#3e6586 69%,#406387 100%);background:-o-linear-gradient(270deg,#599fca 0,#6294cd 68%,#3e6586 69%,#406387 100%);background:-ms-linear-gradient(270deg,#599fca 0,#6294cd 68%,#3e6586 69%,#406387 100%);background:linear-gradient(180deg,#599fca 0,#6294cd 68%,#3e6586 69%,#406387 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599fca', endColorstr='#406387', GradientType=0)}#top-nav-bar.development{background:linear-gradient(180deg,#60cbef 0,#1ab5c3 68%,#70d035 69%,#43bb1d 100%)!important}#top-nav-bar.chord-imperfect{background:linear-gradient(180deg,#009688 0,#009688 68%,#00695c 69%,#00695c 100%)!important}#top-nav-bar #nav-bar{height:55px}#top-nav-bar #nav-bar #top-search-bar #search-bar-icon{margin-left:-5px;padding:3px;width:55px;height:55px;vertical-align:middle}#top-nav-bar #nav-bar #top-search-bar #nav-search-bar{padding:0 13px;width:600px;height:40px;border:0;border-radius:10px;color:#555;vertical-align:middle;font-size:17px}#top-nav-bar #nav-bar .profile-area{text-align:right;font-size:15px}#top-nav-bar #nav-bar .profile-area #profile-inbox{display:inline-block;margin:0 15px;vertical-align:middle;font-size:20px;line-height:19px;cursor:pointer}#top-nav-bar #nav-bar .profile-area #profile-inbox:hover #profile-inbox-count{background-color:#f4511e}#top-nav-bar #nav-bar .profile-area #profile-inbox.unread{color:#ffeb3b}#top-nav-bar #nav-bar .profile-area #profile-inbox.unread #profile-inbox-count{display:inline-block}#top-nav-bar #nav-bar .profile-area #profile-inbox i{vertical-align:middle}#top-nav-bar #nav-bar .profile-area #profile-inbox #profile-inbox-count{display:none;padding:0 3px;border-radius:3px;background-color:#ff5722;color:#fff;vertical-align:middle;text-decoration:none;font-size:13px}.hopamchuan_chord:hover,.notification-box #notif-see-all a:hover,.notification-box #notif-tools a:hover,.text-bar .text-item:hover{text-decoration:underline}#top-nav-bar #nav-bar #btn-more{font-size:20px;cursor:pointer}#top-nav-bar #nav-bar #btn-more i{vertical-align:middle}.text-bar{height:25px;color:#fff;line-height:25px}.text-bar .text-item{margin-right:10px;font-size:13px}.text-bar .text-item:last-child{margin-right:0}.text-bar .text-item .text-item-count{padding:0 3px;border-radius:3px;background-color:rgba(255,255,255,.2)}#btn-more-content{position:absolute;z-index:8;display:none;padding:5px 0;border-radius:2px;background:#fff}#btn-more-content:after{position:absolute;right:2px;bottom:100%;margin-left:-7px;width:0;height:0;border:7px solid transparent;border-bottom-color:#fff;content:' ';pointer-events:none}#btn-more-content ul{margin:0;padding:0;list-style:none;font-size:13px}#btn-more-content ul li{border-top:1px solid #fff;border-bottom:1px solid #fff}#btn-more-content ul li.border_bottom{border-bottom:1px solid #ddd}#btn-more-content ul li:hover{border-top:1px solid #4e79a3;border-bottom:1px solid #4e79a3;background:#5887b6;color:#fff}#btn-more-content ul li a{display:block;padding:2px 20px}.voice-input{display:none;position:absolute;width:30px;height:30px;border-radius:15px;background:#d0d0d0;line-height:30px;padding-left:10px;font-size:16px;top:12px;left:60px;cursor:pointer;transition:top .1s,left .1s,height .1s,width .1s,color .1s,line-height .1s}.voice-input:hover{background:#e4e4e4}.voice-input:active{background:#bdbdbd}.voice-input.active{top:7px;height:40px;left:54px;border-radius:10px;line-height:40px;width:600px;text-align:left;padding-left:10px}.voice-input.active i{color:#f44336}.voice-input .voice-input-candidate{padding-left:15px}#mobile-search-input .voice-input{left:8px}#mobile-search-input .voice-input.active{left:0;width:100%!important;top:0;border-radius:0;height:55px;line-height:55px}.with-voice-input #nav-search-bar{padding-left:45px!important}.with-voice-input .voice-input{display:block}#nav-profile-aligner{display:inline-block;width:1px;height:55px;vertical-align:middle}@media screen and (min-width:1408px){#nav-search-bar,.voice-input.active{width:600px!important}}@media screen and (min-width:1200px) and (max-width:1407px){#nav-search-bar,.voice-input.active{width:500px!important}}@media screen and (max-width:1199px){#nav-search-bar,.voice-input.active{width:400px!important;font-size:15px!important}#create-song-link span{display:none}}@keyframes blink{0%,100%{color:red}50%{color:#000}}@-webkit-keyframes blink{0%,100%{color:red}50%{color:#000}}.blink{-webkit-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;animation:blink 1s linear infinite}.global-notification{display:none;padding:10px;background:#fff9c4;border-bottom:1px solid #ccc;position:relative}.global-notification .notification-content{text-align:justify;padding-right:30px!important}.global-notification .notification-close{bottom:10px;position:absolute;right:10px;font-size:25px;color:#5f5f5f;cursor:pointer}.global-notification .notification-close:hover{color:#333}.notification-box{background:#fff;position:absolute;top:750px;left:520px;z-index:12;width:400px;border-radius:10px;display:none;padding:0}.notification-box:focus{outline:0}.hac-button,.notif-list{outline-style:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.notification-box:after{bottom:100%;right:20px;content:" ";height:0;width:0;position:absolute;pointer-events:none;border:10px solid transparent;border-bottom-color:#fff;margin-left:-10px}.notification-box #notif-title{padding:6px 10px;border-bottom:1px solid #aaa}.notification-box #notif-title i{color:#888}.notification-box #notif-see-all a,.notification-box #notif-tools a{color:#5185ea;cursor:pointer}.notification-box #notif-tools{font-size:12px;float:right}.notification-box #notif-see-all{font-size:12px;font-weight:600;padding:3px;text-align:center;border-top:1px solid #ddd}.notif-list{-webkit-touch-callout:none;user-select:none}.notif-list .notif-item{display:block;position:relative;border-bottom:1px solid #eee;overflow:hidden;font-size:12px}.notif-list .notif-item a{display:block;padding:7px}.notif-list .notif-item.unread,.notif-list .notif-item:hover{background-color:#e6f3ff}.notif-list .notif-item:hover .notif-item-controls{display:block}.notif-list .notif-item .notif-item-controls .notif-control-item{height:13px;width:13px;text-align:center;line-height:13px;cursor:pointer}.notif-list .notif-item .notif-item-controls .notif-control-item:hover{background:#afd0e7;color:#fff}.notif-list .notif-item .notif-item-controls .notif-control-item:active{background-color:#88b9db}.notif-list .notif-item .notif-item-thumb{width:50px;height:50px;float:left;margin-right:7px}.notif-list .notif-item .notif-item-title{display:block;font-size:12px;overflow:hidden;margin:0 10px 5px}.notif-list .notif-item .notif-item-time{color:#999;margin-left:10px}.notif-list .notif-item .notif-item-controls{position:absolute;top:0;right:0;font-size:10px;padding:4px;color:#909090;display:none}.notif-list #notif-list-loading{text-align:center;padding:15px}.hopamchuan_chord{display:inline-block;margin-right:5px;color:#f44336;font-weight:600;cursor:pointer}.hopamchuan_chord_inline{position:absolute;display:inline-block;margin-top:-1.5em}.hopamchuan_lyric{display:inline-block;white-space:pre-wrap}span.hopamchuan_lyric.falling_chars_after{display:none!important}.chord_lyric_line.empty_line{line-height:1.4em}.chord_lyric_line.text_only{margin-bottom:1em;line-height:1em}.chord_lyric_line.text_only+.empty_line{line-height:1em}.chord_lyric_line.inline .hopamchuan_chord_inline{position:relative;margin:0 3px}.chord_lyric_line.inline .hopamchuan_chord_inline .hopamchuan_chord{margin:0 2px}.chord_lyric_line.inline .hopamchuan_chord_inline .hopamchuan_chord:before{content:'['}.chord_lyric_line.inline .hopamchuan_chord_inline .hopamchuan_chord:after{content:']'}.pre.inline .chord_lyric_line{line-height:1.6em}.pre.inline .chord_lyric_line.text_only{margin-bottom:0}.pre.inline .hopamchuan_chord_inline{position:relative;display:inline}.pre.inline .hopamchuan_chord_inline .hopamchuan_chord{margin:0 2px}.pre.inline .hopamchuan_chord_inline .hopamchuan_chord:before{content:'['}.pre.inline .hopamchuan_chord_inline .hopamchuan_chord:after{content:']'}.pre.inline .hopamchuan_lyric{display:inline}.pre.inline span.hopamchuan_lyric.falling_chars_before{display:none!important}.pre.inline span.hopamchuan_lyric.falling_chars_after{display:inline!important}div#song-lyric{position:relative;z-index:1;overflow:auto;padding-top:15px;padding-bottom:20px;padding-left:0;min-height:70vh;flex:1;background:#fff;font-size:15px;line-height:20px}div#song-lyric.hidden-chords .hopamchuan_chord{display:none}div#song-lyric.loading-version{padding:30px;text-align:center}div#song-lyric.no-column{padding-left:30px}div#song-lyric.no-column .pre{display:block;height:auto}div#song-lyric.no-column .chord_lyric_line{border-right:none}div#song-lyric .lyric-page-divider{margin:0 50px;padding:5px;background:#e8e8e8;text-align:center;font-size:12px}div#song-lyric .pre{position:relative;display:-webkit-flex;display:flex;margin:0;padding:15px 0;height:720px;line-height:49.5px;-webkit-flex-flow:column wrap;flex-flow:column wrap}div#song-lyric .pre.repeat-mode{overflow:hidden;padding-top:200px;padding-bottom:200px;border-top:1px dashed #ccc}div#song-lyric .pre.repeat-mode:before{position:absolute;right:0;bottom:0;left:0;display:block;color:#aaa;content:'(' attr(data-content) ')';font-size:13px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}.song-lyric-note{margin:0 10px 20px;max-width:500px;padding:10px 0;border:1px dashed #969696;background-color:#fffce0;font-size:13px}#preview-content .song-lyric-note,.song-item.feed .song-lyric-note{padding:10px}.song-lyric-note .chord_lyric_line{border-right:0;line-height:1.6em}.song-lyric-note .chord_lyric_line.text_only{margin-bottom:0}.song-lyric-note .hopamchuan_chord_inline{position:relative;display:inline}.song-lyric-note .hopamchuan_chord_inline .hopamchuan_chord{margin:0 2px}.song-lyric-note .hopamchuan_chord_inline .hopamchuan_chord:before{content:'['}.song-lyric-note .hopamchuan_chord_inline .hopamchuan_chord:after{content:']'}.pre.inline .song-lyric-note{margin:0 10px 10px}span.hopamchuan_chord_inline i{display:inline-block;margin-left:0;width:0;color:transparent}.copyrighted#song-lyric .hopamchuan_lyric{color:transparent;text-shadow:0 0 6px rgba(0,0,0,.5)}.copyrighted#song-lyric .hopamchuan_lyric:first-child,.copyrighted#song-lyric .hopamchuan_lyric:nth-child(2){color:inherit}.copyrighted#song-lyric .hopamchuan_lyric:first-child:after,.copyrighted#song-lyric .hopamchuan_lyric:nth-child(2):after{content:'...'}.copyrighted#song-lyric .song-lyric-note .hopamchuan_lyric{color:#333;text-shadow:none}#song-lyric-diff{margin-top:4px;padding:20px;white-space:pre;line-height:32px}.chord_lyric_line .hac_tab{font-family:monospace;white-space:pre;line-height:.8em!important;font-size:12px;padding:10px;background:#f5f5f5;max-width:450px;overflow:auto}.onboarding-page h1{margin-bottom:0;padding:15px;background:#3e97ed;color:#fff;font-size:20px}.onboarding-page .onboarding-title{font-size:30px}.onboarding-popup{max-width:1100px}#onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:rgba(0,0,0,.85);color:#fff}body.onboarding #song-action-add,body.onboarding .contribute-description{background:#fff}.onboarding-item{position:relative;z-index:201}body.onboarding #top-nav-bar{position:static}body.onboarding #top-nav-bar #nav-bar{overflow:visible;position:relative;z-index:201}body.onboarding #page-content{position:static}body.onboarding #display-rhythm,body.onboarding #song-action-add,body.onboarding #song-info #song-title #song-favorite-btn,body.onboarding .contribute-description,body.onboarding .song-action-contribute,body.onboarding .tool-box-item{position:relative;z-index:201}body.onboarding #chord-list-title{z-index:201;overflow:visible}body.onboarding #song-lyric,body.onboarding #song-lyric .pre{position:static}body.onboarding #view-song{position:relative;overflow:visible}body.onboarding #good-songs,body.onboarding #song-comments{background:#f5f8fa;position:relative;z-index:201}body.onboarding #footer:after,body.onboarding #nav-bar:after{width:270px;height:30px;background-image:url(/assets/svg/onboarding/instruction.svg)}body.onboarding #footer:after,body.onboarding #nav-bar:after,body.onboarding #song-favorite-btn:after,body.onboarding #top-search-bar:after{background-repeat:no-repeat;content:'';z-index:201;display:block}body.onboarding #song-commens-container{overflow:visible}body.onboarding #nav-bar:after{position:absolute;bottom:-30px;left:10px}body.onboarding #footer:after{position:absolute;right:10px;bottom:10px}body.onboarding #top-search-bar:after{position:absolute;left:480px;width:620px;height:260px;background-image:url(/assets/svg/onboarding/auto_complete_box.svg)}body.onboarding #song-favorite-btn:after{position:absolute;top:-40px;right:0;width:290px;height:50px;background-image:url(/assets/svg/onboarding/favorite.svg)}body.onboarding #song-action-add:after{position:absolute;top:-48px;left:50px;z-index:201;display:block;width:190px;height:50px;background-image:url(/assets/svg/onboarding/add_to_playlist.svg);background-repeat:no-repeat;content:''}body.onboarding #display-rhythm:after,body.onboarding .song-action-contribute:after{left:10px;width:240px;background-repeat:no-repeat;content:'';position:absolute;z-index:201}body.onboarding .song-action-contribute:after{top:40px;display:block;height:60px;background-image:url(/assets/svg/onboarding/contribute.svg)}body.onboarding #display-rhythm:after{top:27px;display:block;height:60px;background-image:url(/assets/svg/onboarding/rhythm_vote.svg)}body.onboarding #profile-inbox:after{position:absolute;top:37px;right:24px;z-index:201;display:block;width:200px;height:60px;background-image:url(/assets/svg/onboarding/notification.svg);background-repeat:no-repeat;content:''}body.onboarding .contribute-description:after{position:absolute;top:0;left:155px;z-index:201;display:block;width:340px;height:30px;background-image:url(/assets/svg/onboarding/contribute_rate.svg);background-repeat:no-repeat;content:''}body.onboarding #view-song:after{position:absolute;top:35px;left:9px;z-index:201;display:block;width:840px;height:240px;background-image:url(/assets/svg/onboarding/tools.svg);background-repeat:no-repeat;content:''}body.onboarding #good-songs:after,body.onboarding #song-comments:after{position:absolute;top:-54px;left:100px;z-index:201;width:260px;height:80px;background-repeat:no-repeat;content:'';display:block}body.onboarding #song-comments:after{background-image:url(/assets/svg/onboarding/song_comments.svg)}body.onboarding #good-songs:after{background-image:url(/assets/svg/onboarding/good_songs.svg)}#floating-onboard{position:fixed;bottom:50px;left:0;z-index:13;padding:15px 40px 15px 15px;border-radius:0 5px 5px 0;background:#03a9f4;color:#fff;transition:transform .5s;transform:translate3d(0,0,0)}#floating-onboard.nup{transform:translate3d(-100%,0,0)}#floating-onboard h4{margin:0}#floating-onboard p{margin-bottom:0}#floating-onboard #floating-onboard-close-btn{position:absolute;top:0;right:0;width:20px;height:20px;border-radius:0 5px;background:#01557a;text-align:center;cursor:pointer}#playlist-select{width:200px}#playlist-select #search-box{position:relative;width:100%;overflow:hidden;height:22px;margin-top:5px}#playlist-select #search-box #playlist-search{position:absolute;width:100%;padding:0 20px 0 5px;height:22px;line-height:22px}#playlist-select #search-box i{position:absolute;z-index:1;top:3px;right:5px;color:#aaa}#playlist-select #playlist-list{margin-top:10px;max-height:200px;min-height:50px;overflow:auto;overflow-x:hidden}#playlist-select #playlist-list .playlist-item{overflow:hidden;padding:0 5px 0 0}#playlist-select #playlist-list .playlist-item:hover{background:#eee}#playlist-select #playlist-list .playlist-item label{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:1px 5px}#playlist-select #playlist-list .playlist-item .sharing-mode{float:right;width:12px;padding:3px 0;color:#aaa}#playlist-select #playlist-add-label{padding:0 5px;cursor:pointer;margin:10px 0}#playlist-select #playlist-add-label:hover{background:#F4F4F4}#playlist-select #playlist-add-label i{vertical-align:middle}#playlist-select #playlist-add{margin-top:10px;display:none}#playlist-select #playlist-add #playlist-add-name{font-size:14px;height:23px;line-height:23px;width:100%}#playlist-select #playlist-add #add-playlist-public+label{height:23px;line-height:23px;padding:0 10px;display:inline-block;margin:5px 0}#playlist-select #playlist-add .hac-button{float:right;margin-right:0;padding:2px 5px;height:23px;line-height:19px}#playlist-select #playlist-error{font-size:12px;color:#989898;padding:5px;text-align:center;display:none}#playlist-select #playlist-notify{font-size:12px;text-align:center;height:0;line-height:20px;color:#006eff;background:#f7f7f7;overflow:hidden;-webkit-transition:height .3s;-moz-transition:height .3s;-ms-transition:height .3s;-o-transition:height .3s;transition:height .3s}#playlist-select #playlist-notify.show{height:20px}#notifier{position:fixed;bottom:10px;left:20px;width:300px;z-index:100}#notifier .notify-item{width:100%;max-height:0;position:relative;opacity:0;background:#c4ecff;box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:5px;margin-bottom:0;-ms-transform:translateX(-120%);-webkit-transform:translateX(-120%);transform:translateX(-120%);-ms-transition:-ms-transform .5s,opacity .5s,max-height .5s,margin-bottom .5s;-webkit-transition:-webkit-transform .5s,opacity .5s,max-height .5s,margin-bottom .5s;transition:transform .5s,opacity .5s,max-height .5s,margin-bottom .5s}#notifier .notify-item .content{padding:10px 30px 10px 15px}#notifier .notify-item .close{position:absolute;top:5px;right:6px;font-size:20px;color:#7f7f7f;cursor:pointer}.main-profile h1.one-line,.social-button{position:relative}#notifier .move-right{opacity:1;max-height:150px;margin-bottom:10px;-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.g-recaptcha{display:inline-block;border:1px solid #eee;min-height:75px;min-width:300px}.fb_iframe_widget iframe{z-index:1}.profile-area{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.3);font-size:17px}.profile-area .avatar{margin-right:7px}.profile-area #create-song-link{margin-right:10px}.profile-area #login-link{margin:0 10px}.profile-area #register-link{margin:0 20px 0 10px}.profile-area .song-poster-points{display:inline-block;margin-left:10px;vertical-align:middle;cursor:pointer}.profile-area .song-poster-points>i{vertical-align:middle;font-size:20px}.profile-area .song-poster-points .scores-items{display:inline-block;margin-left:10px;padding:0 5px;border-radius:4px;background:rgba(0,0,0,.2);vertical-align:middle;font-size:12px;line-height:18px}.profile-area .song-poster-points:hover .scores-items{background-color:rgba(0,0,0,.4)}.profile-area .song-poster-points:hover .scores-items a span{text-decoration:none;font-weight:400}.profile-area a:hover span{text-decoration:underline}.profile-area .username{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.user-profile{display:flex;overflow:hidden;min-width:200px;white-space:nowrap}.user-profile .song-poster-username{color:#656565;font-size:16px;max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.user-profile .song-poster-username:hover{text-decoration:underline}.user-profile.small{min-width:auto}.user-profile.small .avatar-thumb{margin-top:4px;width:35px;min-width:35px;height:35px}.user-profile.small .song-poster-username{font-size:13px}.song-poster-points{white-space:nowrap}.song-poster-points i{font-size:10px}.hac-button,.main-profile{font-size:13px}.song-poster-points a:hover{font-weight:600}.main-profile .name{display:block;margin-bottom:5px;color:#737373;font-size:17px}.main-profile .social-link a,.main-profile .social-link span{display:inline-block;overflow:hidden;max-width:200px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}.main-profile .social-link i{vertical-align:middle}.main-profile .big-avatar{margin:10px auto}.main-profile .wrap-profile-songs .white-box{margin-top:0}.main-profile .wrap-profile-about{padding:10px 0}.main-profile .wrap-profile-about .profile-about{padding:0 10px}.main-profile .wrap-profile-about .profile-about .profile-bio{margin-bottom:15px;white-space:pre-line}.main-profile .wrap-profile-about .profile-about .expandable-text.collapse{max-height:110px}.main-profile ul.tiny-pagination{padding-left:0}.main-profile h1.one-line a.hac-button{margin-top:3px;margin-left:10px}.main-profile a.view-all{display:inline-block;color:#5c9bcb;vertical-align:middle;font-weight:600;font-size:12px}.main-profile a.view-all:hover{text-decoration:underline}.profile-update{padding:10px 0}.profile-update h3{padding:0 30px}.profile-update form label{padding:0 10px;text-align:right}.profile-update form .hac-input{margin-bottom:10px;width:50%}.profile-update form textarea.hac-input{width:80%}.profile-update .error{padding:0 30px}.profile-update .hac-button{margin-bottom:20px}.profile-update .profile-username{margin-top:10px;margin-bottom:10px}.profile-update .profile-avatar-preview{display:block;margin:10px 0 10px 10px;width:200px;height:200px;background-position:50% 50%;background-size:cover;box-shadow:0 2px 2px rgba(0,0,0,.3)}.user-report-btn{padding:3px;border:1px solid #ccc;border-radius:5px;color:#333;font-size:12px}.transaction-item{display:flex;padding:5px 0;align-items:center;justify-content:flex-start}.transaction-item.un-seen{background:#d2f1ff}.transaction-item.un-seen:nth-child(odd){background:#dcf4ff}.transaction-item:nth-child(odd){background:#f7f7f7}.avatar,.avatar .avatar-nav-bar,.rhythm-tag{background-position:center center}.transaction-item .transaction-adj{display:inline-block;min-width:50px;color:#4caf50;text-align:right;font-weight:700;font-size:12px}.transaction-item .transaction-score{margin-right:10px;min-width:75px}.avatar{display:inline-block;overflow:hidden;width:36px;height:36px;border-radius:18px;background-color:#fff;background-size:cover;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 2px 2px 2px rgba(0,0,0,.1);vertical-align:middle}.avatar .avatar-nav-bar,.big-avatar{display:block;background-size:cover}.avatar .avatar-nav-bar{width:100%;height:100%}.big-avatar{margin:10px;width:200px;height:200px;background-position:50% 50%;box-shadow:0 2px 2px rgba(0,0,0,.3)}.medium-avatar,.small-avatar{display:inline-block;vertical-align:middle}.small-avatar{width:16px;height:16px;border-radius:2px;background:center center no-repeat;background-size:cover;border:1px solid #eee}.medium-avatar{border-radius:2px;background:center center no-repeat;background-size:cover;border:1px solid #eee;width:25px;height:25px}.avatar-thumb{float:left;margin-right:10px;width:48px;height:48px;border:1px solid #ccc;border-radius:5px;background:center center no-repeat;background-size:cover;vertical-align:middle}.hac-button,.social-button{margin:5px 0;display:inline-block}.gold-point{color:#fcd85d}.blue-point{color:#4cacef}.red-point{color:#f46e6e}.certificated-song{color:#4bb658}.hac-button{padding:5px 10px;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#555;text-align:center;cursor:pointer;-webkit-touch-callout:none;user-select:none;background:-moz-linear-gradient(270deg,#fff 0,#fdfdfd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fdfdfd));background:-webkit-linear-gradient(270deg,#fff 0,#fdfdfd 100%);background:-o-linear-gradient(270deg,#fff 0,#fdfdfd 100%);background:-ms-linear-gradient(270deg,#fff 0,#fdfdfd 100%);background:linear-gradient(180deg,#fff 0,#fdfdfd 100%)}.hac-button:focus,.hac-button:hover{background:-moz-linear-gradient(270deg,#f7f7f7 0,#f5f5f5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(270deg,#f7f7f7 0,#f5f5f5 100%);background:-o-linear-gradient(270deg,#f7f7f7 0,#f5f5f5 100%);background:-ms-linear-gradient(270deg,#f7f7f7 0,#f5f5f5 100%);background:linear-gradient(180deg,#f7f7f7 0,#f5f5f5 100%)}.hac-button:active{background:-moz-linear-gradient(270deg,#f0f0f0 0,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#eee));background:-webkit-linear-gradient(270deg,#f0f0f0 0,#eee 100%);background:-o-linear-gradient(270deg,#f0f0f0 0,#eee 100%);background:-ms-linear-gradient(270deg,#f0f0f0 0,#eee 100%);background:linear-gradient(180deg,#f0f0f0 0,#eee 100%)}.hac-button.block{margin-right:10px;width:100%}.hac-button.block:last-child{margin-right:0}.hac-button.half{margin-right:10px;width:50%}.hac-button.half:last-child{margin-right:0}.hac-button.blue{border:0;color:#fff;background:-moz-linear-gradient(270deg,#5aa6f0 0,#2c8eed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5aa6f0),color-stop(100%,#2c8eed));background:-webkit-linear-gradient(270deg,#5aa6f0 0,#2c8eed 100%);background:-o-linear-gradient(270deg,#5aa6f0 0,#2c8eed 100%);background:-ms-linear-gradient(270deg,#5aa6f0 0,#2c8eed 100%);background:linear-gradient(180deg,#5aa6f0 0,#2c8eed 100%)}.hac-button.blue:focus,.hac-button.blue:hover{background:-moz-linear-gradient(270deg,#4c9eef 0,#1e86ec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4c9eef),color-stop(100%,#1e86ec));background:-webkit-linear-gradient(270deg,#4c9eef 0,#1e86ec 100%);background:-o-linear-gradient(270deg,#4c9eef 0,#1e86ec 100%);background:-ms-linear-gradient(270deg,#4c9eef 0,#1e86ec 100%);background:linear-gradient(180deg,#4c9eef 0,#1e86ec 100%)}.hac-button.blue:active{background:-moz-linear-gradient(270deg,#3e97ed 0,#147fe7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3e97ed),color-stop(100%,#147fe7));background:-webkit-linear-gradient(270deg,#3e97ed 0,#147fe7 100%);background:-o-linear-gradient(270deg,#3e97ed 0,#147fe7 100%);background:-ms-linear-gradient(270deg,#3e97ed 0,#147fe7 100%);background:linear-gradient(180deg,#3e97ed 0,#147fe7 100%)}.hac-button.green{border:0;color:#fff;background:-moz-linear-gradient(270deg,#2cbf52 0,#35a927 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2cbf52),color-stop(100%,#35a927));background:-webkit-linear-gradient(270deg,#2cbf52 0,#35a927 100%);background:-o-linear-gradient(270deg,#2cbf52 0,#35a927 100%);background:-ms-linear-gradient(270deg,#2cbf52 0,#35a927 100%);background:linear-gradient(180deg,#2cbf52 0,#35a927 100%)}.hac-button.green:focus,.hac-button.green:hover{background:-moz-linear-gradient(270deg,#29b34d 0,#319d24 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#29b34d),color-stop(100%,#319d24));background:-webkit-linear-gradient(270deg,#29b34d 0,#319d24 100%);background:-o-linear-gradient(270deg,#29b34d 0,#319d24 100%);background:-ms-linear-gradient(270deg,#29b34d 0,#319d24 100%);background:linear-gradient(180deg,#29b34d 0,#319d24 100%)}.hac-button.green:active{background:-moz-linear-gradient(270deg,#26a647 0,#2d9021 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#26a647),color-stop(100%,#2d9021));background:-webkit-linear-gradient(270deg,#26a647 0,#2d9021 100%);background:-o-linear-gradient(270deg,#26a647 0,#2d9021 100%);background:-ms-linear-gradient(270deg,#26a647 0,#2d9021 100%);background:linear-gradient(180deg,#26a647 0,#2d9021 100%)}.hac-button.orange{border:0;color:#fff;background:-moz-linear-gradient(270deg,#ef7735 0,#e65100 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef7735),color-stop(100%,#e65100));background:-webkit-linear-gradient(270deg,#ef7735 0,#e65100 100%);background:-o-linear-gradient(270deg,#ef7735 0,#e65100 100%);background:-ms-linear-gradient(270deg,#ef7735 0,#e65100 100%);background:linear-gradient(180deg,#ef7735 0,#e65100 100%)}.hac-button.orange:focus,.hac-button.orange:hover{background:-moz-linear-gradient(270deg,#ee6d27 0,#d74c00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ee6d27),color-stop(100%,#d74c00));background:-webkit-linear-gradient(270deg,#ee6d27 0,#d74c00 100%);background:-o-linear-gradient(270deg,#ee6d27 0,#d74c00 100%);background:-ms-linear-gradient(270deg,#ee6d27 0,#d74c00 100%);background:linear-gradient(180deg,#ee6d27 0,#d74c00 100%)}.hac-button.orange:active{background:-moz-linear-gradient(270deg,#ed6419 0,#c74600 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ed6419),color-stop(100%,#c74600));background:-webkit-linear-gradient(270deg,#ed6419 0,#c74600 100%);background:-o-linear-gradient(270deg,#ed6419 0,#c74600 100%);background:-ms-linear-gradient(270deg,#ed6419 0,#c74600 100%);background:linear-gradient(180deg,#ed6419 0,#c74600 100%)}.hac-button.red{border:0;color:#fff;background:-moz-linear-gradient(270deg,#fa6d60 0,#ed4509 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa6d60),color-stop(100%,#ed4509));background:-webkit-linear-gradient(270deg,#fa6d60 0,#ed4509 100%);background:-o-linear-gradient(270deg,#fa6d60 0,#ed4509 100%);background:-ms-linear-gradient(270deg,#fa6d60 0,#ed4509 100%);background:linear-gradient(180deg,#fa6d60 0,#ed4509 100%)}.social-button,.social-button i{border-radius:3px;line-height:50px;height:50px}.hac-button.red:focus,.hac-button.red:hover{background:-moz-linear-gradient(270deg,#fa5f51 0,#de4108 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa5f51),color-stop(100%,#de4108));background:-webkit-linear-gradient(270deg,#fa5f51 0,#de4108 100%);background:-o-linear-gradient(270deg,#fa5f51 0,#de4108 100%);background:-ms-linear-gradient(270deg,#fa5f51 0,#de4108 100%);background:linear-gradient(180deg,#fa5f51 0,#de4108 100%)}.hac-button.red:active{background:-moz-linear-gradient(270deg,#f95242 0,#d03c08 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f95242),color-stop(100%,#d03c08));background:-webkit-linear-gradient(270deg,#f95242 0,#d03c08 100%);background:-o-linear-gradient(270deg,#f95242 0,#d03c08 100%);background:-ms-linear-gradient(270deg,#f95242 0,#d03c08 100%);background:linear-gradient(180deg,#f95242 0,#d03c08 100%)}.hac-button.big{padding:8px 20px;font-size:15px}.hac-button.big-x{padding:10px 30px;font-size:18px}.hac-button.disabled,.hac-button[disabled]{background:#ccc;color:#fff;cursor:default}.hac-button.disabled:active,.hac-button.disabled:hover,.hac-button[disabled]:active,.hac-button[disabled]:hover{background:#ccc}.social-button{padding-left:50px;width:100%;color:#fff;text-align:center;font-weight:700;font-size:17px;cursor:pointer}.social-button:hover.facebook-btn{background:#4264aa}.social-button:hover.google-btn{background:#e05f3e}.social-button.facebook-btn{background:#3b5998}.social-button.google-btn{background:#dc4d28}.social-button i{position:absolute;top:0;left:0;width:50px;background:rgba(0,0,0,.1);font-size:30px}.flat-button{border:0;background:#eee;padding:8px;border-radius:5px;font-size:12px;margin-bottom:5px;display:inline-block}.flat-button:hover{background:#dcdcdc}.flat-button:active{background:#ccc}.flat-button.orange{color:#fff;background:#ef7735}.flat-button.orange:hover{background:#e65100}.hac-form label{display:block;margin-bottom:5px;margin-top:10px;font-weight:700;font-size:13px}.hac-form .hac-input{width:100%;padding:0 12px;line-height:32px;border:1px solid #B5B5B5;box-shadow:1px 1px 5px #E6E6E6 inset}.hac-form .hac-input:focus{outline:0;border:1px solid #217cdf}.hac-form textarea.hac-input{resize:vertical;padding:10px;line-height:22px}.hac-form textarea.hac-input.large{line-height:32px;padding:20px}.checkbox{display:none}.checkbox:checked+label:before{content:"\f046"}.checkbox+label{display:inline-block;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.checkbox+label:before{font:normal normal normal 14px/1 FontAwesome;display:inline-block;width:15px;vertical-align:middle;color:#666;content:"\f096"}.rhythm-wrap-slider .owl-next:before,.rhythm-wrap-slider .owl-prev:before{font-family:FontAwesome;font-size:17px;line-height:50px;font-weight:400;color:#fff}.checkbox+label:hover:before{color:#333}.rhythm-item{white-space:nowrap;background-color:#ddd;padding:0 7px;font-size:12px;line-height:24px;border-radius:4px;cursor:pointer;-webkit-transition:box-shadow .1s,background-color .1s;-moz-transition:box-shadow .1s,background-color .1s;-ms-transition:box-shadow .1s,background-color .1s;-o-transition:box-shadow .1s,background-color .1s;transition:box-shadow .1s,background-color .1s;margin:2px;display:inline-block}.rhythm-item:first-child{margin-left:0}.rhythm-item:last-child{margin-right:0}.rhythm-item:hover{background-color:#fff!important;box-shadow:0 0 2px rgba(0,0,0,.4)}.rhythm-item[data-rhythm=slow]{background-color:#ffe2e2}.rhythm-item[data-rhythm=fox]{background-color:#fdfdad}.rhythm-item[data-rhythm=rhumba]{background-color:#ddc6a2}.rhythm-item[data-rhythm=ballad]{background-color:#c7cdff}.rhythm-item[data-rhythm=bollero]{background-color:#eed9be}.rhythm-item[data-rhythm=disco]{background-color:#d6ffc3}.rhythm-item[data-rhythm=rock]{background-color:#c9c9c9}.rhythm-item[data-rhythm=valse]{background-color:#ffeab5}.rhythm-item[data-rhythm=tango]{background-color:#edbeff}.rhythm-item[data-rhythm=boston]{background-color:#edff90}.rhythm-item[data-rhythm=slowrock]{background-color:#e2f9ff}.rhythm-item[data-rhythm=pop]{background-color:#ffd2f4}.rhythm-item[data-rhythm=chachacha]{background-color:#b2ddff}.rhythm-item[data-rhythm=bossanova]{background-color:#f8d09d}.rhythm-item[data-rhythm=blue]{background-color:#9ea9f3}.rhythm-tag{cursor:pointer;transition:.2s background-color;-webkit-transition:.2s background-color;-moz-transition:.2s background-color;-ms-transition:.2s background-color;padding:1px 6px;border-radius:3px;vertical-align:middle;font-weight:700;color:#555;display:inline-block;border:1px solid #bdbdbd;margin-bottom:10px;background-size:cover}.rhythm-wrap-slider .owl-next,.rhythm-wrap-slider .owl-prev{position:absolute;top:50px;border-radius:25px;display:block;overflow:hidden}.rhythm-tag.image{color:#fff}.rhythm-tag:hover{background-color:#fff!important;box-shadow:0 0 2px rgba(0,0,0,.4)}.rhythm-tag[data-rhythm=slow]{background-color:#ffe2e2}.rhythm-tag[data-rhythm=fox]{background-color:#fdfdad}.rhythm-tag[data-rhythm=rhumba]{background-color:#ddc6a2}.rhythm-tag[data-rhythm=ballad]{background-color:#c7cdff}.rhythm-tag[data-rhythm=bollero]{background-color:#eed9be}.rhythm-tag[data-rhythm=disco]{background-color:#d6ffc3}.rhythm-tag[data-rhythm=rock]{background-color:#c9c9c9}.rhythm-tag[data-rhythm=valse]{background-color:#ffeab5}.rhythm-tag[data-rhythm=tango]{background-color:#edbeff}.rhythm-tag[data-rhythm=boston]{background-color:#edff90}.rhythm-tag[data-rhythm=slowrock]{background-color:#e2f9ff}.rhythm-tag[data-rhythm=pop]{background-color:#ffd2f4}.rhythm-tag[data-rhythm=chachacha]{background-color:#b2ddff}.rhythm-tag[data-rhythm=bossanova]{background-color:#f8d09d}.rhythm-tag[data-rhythm=blue]{background-color:#9ea9f3}.rhythm-wrap-slider .item{padding:0 10px}.rhythm-wrap-slider .owl-prev{width:50px;height:50px;left:17px;background:rgba(255,255,255,.6)}.rhythm-wrap-slider .owl-prev:hover{background:rgba(255,255,255,.4)}.rhythm-wrap-slider .owl-prev:before{content:"\f053";font-style:normal;display:block;width:100%;height:100%;text-align:center}.rhythm-wrap-slider .owl-next{width:50px;height:50px;right:17px;background:rgba(255,255,255,.6)}.rhythm-wrap-slider .owl-next:hover{background:rgba(255,255,255,.4)}.rhythm-wrap-slider .owl-next:before{content:"\f054";font-style:normal;display:block;width:100%;height:100%;text-align:center}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.select2-container--default .select2-results>.select2-results__options{overflow-y:auto;max-height:400px}.select2-container--default .select2-results__option--highlighted[aria-selected] i{color:#fff}#homepage-tabs{overflow:hidden;text-align:center;width:300px;margin:0 auto}#homepage-tabs .homepage-tab{display:block;float:left;width:150px;height:50px;font-size:15px;line-height:50px;background-color:#fff;text-align:center;border:1px solid #aaa;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;background:-moz-linear-gradient(90deg,#e3e3e3 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e3e3e3));background:-webkit-linear-gradient(90deg,#e3e3e3 0,#fff 100%);background:-o-linear-gradient(90deg,#e3e3e3 0,#fff 100%);background:-ms-linear-gradient(90deg,#e3e3e3 0,#fff 100%);background:linear-gradient(0deg,#e3e3e3 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0)}#homepage-tabs .homepage-tab.selected{background:#759cc0!important;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.25) inset;text-shadow:0 3px 3px rgba(0,0,0,.25)}#homepage-tabs .homepage-tab#tab1{border-radius:25px 0 0 25px}#homepage-tabs .homepage-tab#tab2{border-radius:0 25px 25px 0;border-left:0}#home-page-content{padding:30px 0}.hot-today-item{padding:4px 2px}.hot-today-item:hover{background:rgba(0,0,0,.05882353)}.hot-today-item:nth-child(0) .hot-today-views{color:#F44336}.hot-today-item:nth-child(1) .hot-today-views{color:#ff5722}.hot-today-item:nth-child(2) .hot-today-views{color:#ff9800}.hot-today-item:nth-child(3) .hot-today-views{color:#FFC107}.hot-today-item:nth-child(4) .hot-today-views{color:#8bc34a}.hot-today-item:nth-child(5) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(5) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(6) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(6) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(7) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(7) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(8) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(8) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(9) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(9) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(10) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(10) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(11) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(11) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(12) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(12) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(13) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(13) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(14) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(14) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(15) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(15) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(16) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(16) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(17) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(17) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(18) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(18) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(19) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(19) .hot-today-views span{color:#7b841c}.hot-today-item:nth-child(20) .hot-today-views{color:#cddc39}.hot-today-item:nth-child(20) .hot-today-views span{color:#7b841c}.hot-today-item .hot-today-item-song{font-weight:600}.hot-today-item .hot-today-item-song:hover{text-decoration:underline}.hot-today-item .hot-today-item-singers{margin-left:10px;font-size:13px;color:#888}.hot-today-item .hot-today-views{vertical-align:middle;position:relative;min-width:40px;height:30px;display:inline-block;text-align:center;color:#bdbdbd}.hot-today-item .hot-today-views i{font-size:18px}.hot-today-item .hot-today-views .hot-today-view-count{position:absolute;bottom:0;left:0;width:40px;font-size:10px}#weekly-filter~.select2{width:180px!important;text-align:left;margin-top:-5px;outline:0!important}#weekly-filter~.select2 .select2-selection{background-color:rgba(0,0,0,0);border:none}#weekly-filter~.select2 .select2-selection .select2-selection__rendered{color:#5c9bcb!important;text-shadow:0 1px #fff!important}#welcome-screen{position:relative;width:100%;height:100vh;overflow:hidden;background:url(https://static.hopamchuan.com/assets/svg/bg.svg);background-size:100% 100%}#welcome-screen #top-profile-area{position:absolute;z-index:3;top:0;right:0;padding:20px 35px}#welcome-screen #text-logo{max-width:500px;width:100%}#welcome-screen #search-content{margin-bottom:200px;padding:5px}#welcome-screen #search-content #search-bar-wrapper{position:relative}#welcome-screen #search-content #search-bar-wrapper #search-bar-icon{position:absolute;top:36px;left:5px;width:30px;z-index:3}#welcome-screen #search-content #search-bar-wrapper #hac-search-box{position:relative;width:100%;padding:8px 14px 8px 40px;font-size:17px;font-weight:300;border:0;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.4);color:#555;margin-top:30px;z-index:2;-webkit-transition:box-shadow .5s;-moz-transition:box-shadow .5s;-ms-transition:box-shadow .5s;-o-transition:box-shadow .5s;transition:box-shadow .5s}#welcome-screen #search-content #search-bar-wrapper #hac-search-box:focus{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 4px rgba(255,255,255,.55)}#welcome-screen #bottom-arrow{text-align:center;position:absolute;width:100%;bottom:0;padding-bottom:10px;z-index:4}#welcome-screen #bottom-arrow img{width:60px;opacity:.7;cursor:pointer;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}#welcome-screen #bottom-arrow img:hover{opacity:1}#center-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.song-feed .panel-content{background:0 0!important;box-shadow:none!important}.comment-search-box{position:absolute;right:0;top:20px}.comment-search-box select{margin-left:5px;margin-bottom:5px;background-color:#fff;border:1px solid #aaa;border-radius:4px}.comment-search-box form input{line-height:30px;padding:0 12px;border:1px solid #B5B5B5;box-shadow:1px 1px 5px #E6E6E6 inset}.comment-search-box form input:focus{outline:0;border:1px solid #217cdf}.comment-search-box form input[type=text]{width:140px;padding:1px 12px}.comment-search-box form input[type=date]{width:160px}.comment-search-box form button{line-height:34px;padding:0 12px}.comment-list .comment-item{position:relative;border-bottom:1px solid #eee;padding:5px 10px 5px 0;line-height:1.5em;border-left:4px solid #8BC34A;background:#fff;margin-bottom:10px}.comment-list .comment-item.completed{border-left:4px solid #9E9E9E}.comment-list .comment-item .comment-link{margin-left:10px;text-align:left;font-size:12px;display:block}.comment-list .comment-item .avatar-box{position:absolute;right:0;top:24px}.comment-list .comment-item .avatar-box b{margin-right:5px}.comment-list .comment-item .comment-content{padding-left:10px}.comment-list .comment-item .comment-content .user-info{font-size:smaller}.comment-list .comment-item .wrap-content{display:block;overflow:hidden;margin-right:10px;white-space:pre-wrap;font-size:13px}.no-result{min-height:150px;text-align:center;line-height:150px;font-size:20px}.user-avatar{display:inline-block;vertical-align:middle;background-position:center center;background-size:cover;width:32px;height:32px;border-radius:18px;margin-right:10px;overflow:hidden;border:1px solid #d6d2ce}.video-item{overflow:hidden;padding:5px 10px;display:block}.video-item:hover .video-title{text-decoration:underline}.video-item:first-child{padding-top:10px}.video-item:last-child{padding-bottom:10px}.video-item .video-thumb{width:80px;height:60px;background:center center no-repeat;background-size:cover;border-radius:5px;float:left;margin-right:7px}.video-item .video-title{display:block;display:-webkit-box;height:36.4px;margin:0 auto;font-size:13px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-item .video-length{color:#888}.video-thumb-small{width:60px;height:40px;display:inline-block;border-radius:5px;background:center center no-repeat;background-size:cover;cursor:pointer}.video-thumb-small.blur{opacity:.4}.video-thumb-small:hover{opacity:1}.song-item{display:block;padding:5px 10px 10px;border-bottom:1px solid #eee}.song-item.small .song-title{font-size:16px!important}.song-item.small .song-info{font-size:12px}.song-item.small .song-status{float:left;margin-right:10px;height:40px;line-height:40px}.song-item.small .song-singers{overflow:hidden;padding-left:0;max-width:150px;text-overflow:ellipsis;font-size:13px}.song-item.feed{overflow:hidden;margin-bottom:10px;border-bottom:0;box-shadow:0 1px 1px rgba(0,0,0,.2);transition:box-shadow .3s;background:-moz-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));background:-webkit-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-o-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-ms-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:linear-gradient(180deg,#fff 0,#fbfbfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0)}.song-item.feed:hover{box-shadow:0 1px 2px rgba(0,0,0,.3)}.song-item.feed .song-title{font-size:20px}.song-item.feed .song-preview-lyric{display:block;margin:10px 0;padding:5px 0 5px 10px;height:auto;white-space:normal;font-style:normal}.song-item.feed .song-chords,.song-item.feed .song-preview-lyric pre{margin:0}.song-item.feed .song-preview-lyric:hover{background-color:#f9f9f9}.song-item.feed .song-preview-lyric .hopamchuan_chord{color:#659cd8!important}.song-item.feed .song-poster-date{max-width:380px!important}.song-item:first-child{padding-top:10px}.song-item:last-child{padding-bottom:10px;border-bottom:0}.song-item:hover .song-item-actions{visibility:visible}.song-item .song-title-singers{display:flex;white-space:nowrap;justify-content:flex-start}.song-item .song-title-singers .song-title{overflow:hidden;text-transform:capitalize;text-overflow:ellipsis;font-size:18px}.song-item .song-title-singers .song-title:hover{text-decoration:underline;white-space:normal}.song-item .song-singers{overflow:hidden;padding:3px 0 0 5px;color:#4a4949;vertical-align:middle;text-align:left;text-overflow:ellipsis;font-size:16px;flex-grow:10}.song-item .song-singers:hover{white-space:normal}.song-item .song-singers .author-item:hover{text-decoration:underline}.song-item .song-preview-lyric{overflow:hidden;margin-bottom:2px;color:#8A8A8A;text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-size:13px}.song-item .song-item-actions{visibility:hidden;float:right;cursor:pointer}.song-item .song-item-actions .song-inline-action-add{color:#7f7f7f}.song-item .song-item-actions .song-inline-action-add:hover{color:#555}.song-item .song-item-actions .song-like{color:#A9A9A9}.song-item .song-item-actions .song-like:hover{color:#7f7f7f}.song-item .song-item-actions .song-like.starred{visibility:visible;color:#fab400}.song-item .song-item-actions .song-like.starred:hover{color:#FFD568}.song-item .song-chords{display:inline-block;overflow:hidden;margin:0 10px;color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;flex-grow:10}.song-item .song-chords:hover{white-space:normal}.song-item .song-lyric{display:block;display:-webkit-box;overflow:hidden;margin:0 auto;max-width:450px;height:33.6px;color:#666;text-overflow:ellipsis;font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.song-item .song-info{display:flex;color:#777;white-space:nowrap;font-size:12px;justify-content:space-between}.song-item .song-info span{vertical-align:middle}.song-item .song-info .song-poster-date{overflow:hidden;max-width:260px;text-overflow:ellipsis;white-space:nowrap}.song-item .song-info .song-poster:hover span{text-decoration:underline}.song-item .song-info .song-poster span{max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.song-item .song-comment{float:right;color:#777;font-size:12px}.song-item .song-rhythm{float:right;font-size:10px}.song-item .song-list-contributes{margin-top:10px;padding-left:20px}.song-item .song-list-contributes .song-list-contribute-item{overflow:hidden;padding:3px 0;border-bottom:1px solid #eee;text-overflow:ellipsis;white-space:nowrap}.song-item .song-list-contributes .song-list-contribute-item:hover{text-decoration:underline}.song-item .song-list-contributes .song-list-contribute-item:last-child{border-bottom:0}.song-item .song-list-contributes .song-list-contribute-rating{display:inline-block;margin-right:10px;width:90px;color:#fab400;text-align:right}.song-item .song-list-contributes .song-list-contribute-user{color:#9e9e9e;font-weight:700;font-size:11px}.song-item .approving-users a{display:inline-block;margin-right:2px}.song-item .approving-users a:last-child{margin-right:0}ul.tiny-pagination{list-style-type:none;padding:0}ul.tiny-pagination li{display:inline-block;padding:0 5px;border-radius:3px;color:#696969;cursor:pointer}ul.tiny-pagination li:hover{background-color:#DAE3EA}ul.tiny-pagination li.active{background-color:#708A9E;color:#fff}.panel{margin-bottom:20px}.panel .panel-title{color:#5c9bcb;padding:5px;font-size:16px;text-align:center;text-transform:uppercase}.panel .panel-content{background:-moz-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb));background:-webkit-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-o-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:-ms-linear-gradient(270deg,#fff 0,#fbfbfb 100%);background:linear-gradient(180deg,#fff 0,#fbfbfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb', GradientType=0);margin-bottom:5px;box-shadow:0 1px 1px rgba(0,0,0,.2)}.panel .panel-footer{font-size:12px;font-weight:600;text-align:center}.panel .panel-footer a{color:#5c9bcb}.panel .panel-footer a:hover{text-decoration:underline}.flat-panel{padding:10px;background-color:#fff;margin:10px 0;box-shadow:0 1px 1px rgba(0,0,0,.15)}.flat-panel .panel-title{color:#6195cd;text-transform:uppercase;text-align:center;font-size:18px}.centered-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.playlist-item{padding:8px 12px;overflow:hidden;text-align:left;position:relative}.playlist-item .playlist-item-image{width:110px;height:110px;background:linear-gradient(141deg,#0fb8ad 0,#1fc8db 51%,#2cb5e8 75%);background-size:cover;background-position:center center}.playlist-item .playlist-item-count{position:absolute;top:8px;right:12px;text-align:center;font-size:12px;padding:2px;background:linear-gradient(to left,#6F6F6F,transparent);color:#fff}.playlist-item .playlist-item-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;max-width:110px}.playlist-item .playlist-item-title:hover{text-decoration:underline;white-space:normal}.playlist-item .playlist-item-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:lighter;color:#777}.playlist-item .playlist-item-description .playlist-poster:hover span{text-decoration:underline;white-space:normal}.playlist-item .playlist-item-description .playlist-poster span{max-width:90px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item{display:flex;border-bottom:1px solid #eee;padding:10px;text-align:left}.small-playlist-item .small-playlist-item-thumbnail{width:20%;width:40px;height:40px;background:linear-gradient(141deg,#0fb8ad 0,#1fc8db 51%,#2cb5e8 75%);background-size:cover;background-position:center center}.small-playlist-item .small-playlist-item-main{width:60%;margin-left:3%}.small-playlist-item .small-playlist-item-main .small-playlist-item-title{font-size:16px;max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item .small-playlist-item-main .small-playlist-item-title:hover span{text-decoration:underline;white-space:normal}.small-playlist-item .small-playlist-item-main .small-playlist-item-description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:lighter;color:#777}.small-playlist-item .small-playlist-item-main .small-playlist-item-description .small-playlist-poster{max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.small-playlist-item .small-playlist-item-main .small-playlist-item-description .small-playlist-poster:hover span{text-decoration:underline;white-space:normal}.small-playlist-item .small-playlist-item-count{width:20%;color:#777;text-align:right}