@charset "utf-8";
/* CSS Document */
/*@font-face
{
    font-family: "Roboto";
    src: url( "font/roboto/Roboto-Regular.ttf" );
}*/
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('https://themes.googleusercontent.com/font?kit=biUEjW7P-lfzIZFXrcy-wQ') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('https://themes.googleusercontent.com/font?kit=7KXg6nyyqN8gyMoNwQ7aOQ') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('https://themes.googleusercontent.com/font?kit=daIfzbEw-lbjMyv4rMUUTj8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('https://themes.googleusercontent.com/font?kit=iE8HhaRzdhPxC93dOdA05z8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('https://themes.googleusercontent.com/font?kit=jB4HYzUnEmLtjz-UHQe60fesZW2xOQ-xsNqO47m55DA') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('https://themes.googleusercontent.com/font?kit=vxNK-E6B13CyehuDCmvQvw') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('https://themes.googleusercontent.com/font?kit=1_sFLBJZ_MiiGcnkjN_Mgg') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('https://themes.googleusercontent.com/font?kit=MMDEOSa6i6T9gBocjYCJkQ') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('https://themes.googleusercontent.com/font?kit=owYYXKukxFDFjr0ZO8NXhz8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('https://themes.googleusercontent.com/font?kit=b9PWBSMHrT2zM5FgUdtu0T8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('https://themes.googleusercontent.com/font?kit=d-QWLnp4didxos_6urzFtg') format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('https://themes.googleusercontent.com/font?kit=grlryt2bdKIyfMSOhzd1eA') format('woff');
}
body,
.ui-widget {
    font-family: "Roboto","segoe ui",Helvetica,Arial,sans-serif!important;
    font-size: 13px;
    position: relative;
    padding-right: 50px;
    line-height: 20px;
}
*{
    margin:0px;
    padding:0px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="checkbox"]{
    vertical-align: middle;
}
img{
    border: 0;
}
a{
    text-decoration:none;
    outline: none;
    color: #000;
}
a:hover{
    color: #0BA14B;
}
h3{
    font-size: 14px;
}
ul{
    margin: 0px;
    padding: 0px;
}
ul li{
    list-style:none!important;
}
.fll{
    float:left!important;
}
.flr{
    float:right!important;
}
.clb{
    clear:both;
}
.ovh{
    overflow:hidden;
}
.full{
    width:100%;
}
.pt25{
    padding-top: 25px;
}
.wapper{
    width:1100px;
    margin:0px auto;
}
#header{
    height:50px;
    width:100%;
}
.icon {
    background-image:url(../images/icons.png);
    display: block;
}
.icon_logo{
    background-position: 0px 0px;
    height: 33px;
    width: 147px;
}
.icon-tag{
    width: 18px;
    height: 18px;
    background-position: 0 -360px;
}
.icon-plus{
    width: 24px;
    height: 20px;
    background-position: -153px -356px;
}
.icon-setting{
    width: 24px;
    height: 20px;
    background: url(../images/is.png) no-repeat;
}
.icon-gplus{
    width: 21px;
    height: 22px;
    background-position: -101px -357px;
    position: absolute;
    left: 10px;
}
.icon-facebook-share{
    width: 21px;
    height: 21px;
    background-position: -184px -355px;
    position: absolute;
    left: 10px;
}
.icon-report{
    width: 21px;
    height: 21px;
    background-position: -128px -356px;
    position: absolute;
    left: 10px;
}
.icon-embed{
    width: 20px;
    height: 13px;
    background-position: -108px -338px;
    position: absolute;
    left: 10px;
    top: 13px;
}
a.home{
    float:left;
    margin-top:4px;
}
.main_nav{
    float:left;
}
.main_nav li{
    float: left;
    line-height: 42px;
    position: relative;
    display: inline-flex;
}
.main_nav li a.actived{
    color: #0BA14B
}
.main_nav li ul.sub_nav{
    display: none;
    z-index: 999;
    box-shadow: 1px 2px 4px #888;
}
.main_nav li ul.sub_nav li{
    display: block;
    clear: both;
    float: none;
    height: 42px;
    line-height: 42px;
}
.main_nav li ul.sub_nav li a{
    display: block;
    color: #333333;
    padding-left: 45px;
    border-bottom: 1px solid #e7e7e7;
}
.main_nav li ul.sub_nav li a:hover{
    color: #549c00;
    background: #ccc;
}
.main_nav li:hover ul.sub_nav{
    display: block;
}
.main_nav li:hover>a{
    color: #0ba14b!important;
    background: #fff;
}
.main_nav .sub_nav1 li.root>a{
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
}
.user-nav li:hover>a{
    background: none!important;
}
.btn-menu-minigame{
    height: 42px;
}
.btn-menu-minigame img{
    margin-top: 6px;
}
.float-icon-minigame{
    position: fixed;
    right: 55px;
    top: 50%;
}
.float-icon-minigame img{
    -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}
.float-icon-minigame img:hover{
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}
.user p i.icon_star{
    margin-right:2px;
    margin-top:5px;
    float:left;
}
.user a img{
    width:30px;
    height:30px;
    margin-right:5px;
    vertical-align: middle;
}
.icon_star{
    width:10px;
    height:10px;
    background-position: -184px 0;
}
.icon_mt{
    width:8px;
    height:4px;
    background-position: 185px -141px;
}
.username{
}
.colum1{
    width:745px;
    margin-right: 20px;
    margin-top: 15px;
}
.colum2{
    width:335px;
    overflow: hidden;
    margin-top: 15px;
}
.video-view .colum1{
    margin-top: 5px;
}
#content{
    overflow:hidden;
    margin-top: 94px;
}
.box_title{
    background-position:bottom center;
    background-repeat:repeat-x;
    overflow:hidden;
    position: relative;
}
.box_title .name{
    float:left;
    text-transform:uppercase;
    font-size:22px;
    background-position:bottom center;
    background-repeat:repeat-x;
    font-weight:300;
    line-height: 35px;
}
.title_hotlist{
    font-size: 20px;
    text-align: center;
    text-transform:uppercase;
    line-height: 25px;
}
.name_hotlist{
    font-size: 20px;
    text-align: center;
    text-transform:uppercase;
    font-weight:300;
    line-height: 25px;
}
.box-nav{
    position: absolute;
    right: 0;
    bottom: -5px;
}
.btn_ty{
    overflow: hidden;
    clear: both;
}
.box_title div ul li, ul.btn_ty li{
    display:inline;
    float:left;
    margin:0px 10px;
}
ul.btn_ty li a{
    line-height: 35px;
}
.icon_pre{
    width:12px;
    height:26px;
    background-position: -216px 0px;
}
.icon_next{
    width:12px;
    height:26px;
    background-position: -232px 0px;
}
.box{
    position: relative;
    clear: both;
}
.box_title div ul li a.pre:hover i{
    background-position: -248px 0px!important;
}
.box_title div ul li a.next:hover i, .box_title div ul li a.active i{
    background-position: -264px 0px!important;
}
.box_btn{
    margin-top:10px;
}
.list_playlist li, .list_video li{
    position:relative;
    width:174px;
    float:left;
    display:inline;
    margin-right:16px;
    overflow:hidden;
    margin-top:16px;
}
.list_video li div.info{
    background: none!important;
}
.list_playlist li{
    height:174px;
}
.album_list_large .list_playlist li{
    width: 200px;
    height: 200px;
    margin-right: 25px;
    margin-bottom: 25px;
    margin-top: 0;
}
.playlist_hotlist_right li{
    position:relative;
    float:left;
    display:inline;
    margin-right:16px;
    overflow:hidden;
    margin-top:16px;
    width: calc(50% - 8px);
    height: 158px;
}
.playlist_hotlist_right .avatar_album, .playlist_hotlist_right .avatar_album img{
    width: 100%;
    height: inherit;
}
.playlist_hotlist_right li h3{
    margin-top: 5px;
}
.playlist_hotlist_right li a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.playlist_hotlist_right li.marr_0{
    margin-right: 0;
}
.artist_list_large .box_content{
    padding-top: 20px;
    overflow: hidden!important;
}
.artist_list_large .list_playlist li{
    height: 200px;
    margin-bottom: 45px;
    margin-top: 0;
}
.list_video li{
    height:165px;
}
div.info{
    position:absolute;
    left:0;
    right: 0;
    height:47px;
    bottom:0px;
    padding: 0 5px;
}
.album-list-widget .info, .album_widget .info{
    padding: 0 5px 0 10px;
}
.mv-list-widget .info{
    padding: 0;
    bottom: 10px;
}
.mv-list-widget .info p{
    margin: 0!important;
}
.mr-t-5{
    margin-top: 5px;
}
.mr-bt-30{
    margin-bottom: 30px!important;
}
.mr-bt-20{
    margin-bottom: 20px!important;
}
.mr-bt-15{
    margin-bottom: 15px!important;
}
.mr-r-10{
    margin-right: 10px;
}
.mr-r-20{
    margin-right: 20px;
}
.pdt-40{
    padding-top: 40px;
}
.border-btn{
    border-bottom: none !important;
}
.list_playlist li div.info h3,.list_playlist li div.info h4, .list_video li div.info p, .album_song div.info h3, .list_video_playlist div.info h3{
    margin-top:5px;
}
.list_playlist li div.info h3.name a,.list_playlist li div.info h4.name a, .list_video li div.info h3.name a, .list_song li h3 a, .list_video_playlist li div.info h3.name a{
    font-size:14px;
    font-weight: bold;
}
.list_song li h3 a.singer{
    font-size:13px;
}
.list_playlist li a img{
    width:174px;
    height:174px;
}
.album_list_large .list_playlist li a img,
.artist_list_large .list_playlist li a img{
    width:200px;
    height:200px;
}
.artist_list_large .list_playlist li{
    width: 200px;
    margin-right: 25px;
}
.list_video li a img{
    width:174px;
    height:98px;
}
.video_list_large .box_content,
.album_list_large .box_content{
    padding-top: 20px;
}
.video_list_large .list_video li a img{
    width:200px;
    height:113px;
    vertical-align: bottom;
}
.video_list_large .list_video li{
    width: 200px;
    height: 180px;
    margin-right: 25px;
    margin-top: 0;
}
.video_list_large .box_content .list_video,
.artist_list_large .box_content .list_playlist{
    margin-right: -25px;
}
.video_playlist_widget .list_video li a img{
    width: 193px;
    height: 193px;
}
.box_content{
    overflow:hidden;
}
.list_playlist li div.info h3 a:hover, .list_video li div.info h3 a:hover{
    text-decoration: none;
    color: #0BA14B;
}
.icon_s{
    width:9px;
    height:27px;
    background-position: -279px 0px;
}
.btn_ty li{
    margin: 5px!important;
}
.btn_ty li a{
    font-size:16px;
}
.btn_ty li:nth-child(2n){
    padding:5px 0!important;
    height: 30px;
    overflow: hidden;
}
.list_song li{
    height:50px;
    line-height:50px;
    border-bottom:1px solid #EEEEEE;
    position:relative;
    overflow: hidden;
}
.list_song li:last-child{
    border-bottom: 0;
}
.list_song li .more_action, .bxh_song_list li .more_action{
    position: absolute;
    background: #FFF;
    right: 5px;
    top: 0;
}
.list_song li:hover div.more_action, .bxh_song_list li:hover div.more_action{
    display:block;
}
.list_song li h3{
    float:left;
}
.song_hot_home{
    float:left;
    overflow:hidden;
    width:48%;
}
.song_new_home{
    float:right;
    overflow:hidden;
    width:48%;
}
.more_action ul li {
    float: left;
    text-align: center;
    margin-left: 15px;
    border-bottom: 0;
}
.icon_video{
    width:17px;
    height:14px;
    background-position: 0px -40px;
}
i.icon.icon_video:hover {
    background-position: 0px -56px;
}
.icon_like,
.icon_liked{
    width:15px;
    height:15px;
    background-position: -169px -210px;
}
i.icon.icon_like:hover,
.icon_liked{
    background-position: -169px -192px;
}
.icon_add{
    width:15px;
    height:15px;
    background-position: -208px -210px;
}
i.icon.icon_add:hover,
i.icon.icon_add.active{
    background-position: -208px -192px;
}
.icon_down{
    width:15px;
    height:15px;
    background-position: -285px -210px;
}
.icon_down:hover{
    background-position: -285px -192px;
}
.icon-download-song{
    display: block;
    width: 106px;
    height: 30px;
    background-position: 0px -325px;
    text-indent: -10000px;
}
.icon-download-song:hover{
    display: block;
    width: 106px;
    height: 30px;
    background-position: -360px -253px;
    text-indent: -10000px;
}
.icon-add-song{
    display: block;
    width: 82px;
    height: 20px;
    background: transparent url(../images/icsn.png) no-repeat 0 0;
    text-indent: -10000px;
}
.icsn{
    display: block;
    width: 82px;
    height: 20px;
    background: transparent url(../images/icsn.png) no-repeat;
    text-indent: -10000px;
}
.icsn-add-song{
    background-position: 0 0;
}
.icsn-comment{
    background-position: 0 -21px;
}
.icsn-download{
    background-position: 0 -42px;
    width: 73px;
}
.icd{
    display: block;
    background: transparent url(../images/adf.png) no-repeat;
    width: 182px;
    height: 20px;
}
.icd-song{
    background-position: 0 0;
}
.icd-video{
    background-position: 0 -21px;
}
.icon-add-song:hover{
    display: block;
    width: 106px;
    height: 30px;
    background-position: 0px -114px;
    text-indent: -10000px;
}
.icon-share-song{
    display: block;
    width: 106px;
    height: 30px;
    background-position: 0px -148px;
    text-indent: -10000px;
}
.icon-share-song:hover{
    display: block;
    width: 106px;
    height: 30px;
    background-position: 0px -183px;
    text-indent: -10000px;
}
.icon_share{
    width:15px;
    height:15px;
    background-position: -247px -209px;
}
.icon_detail{
    width:15px;
    height:15px;
    background-position: -323px -211px;
}
.icon_detail:hover{
    background-position: -323px -194px;
}
i.icon.icon_share:hover {
    background-position: -247px -191px;
}
.more_action ul li a i{
    float:right;
    margin-top: 20px;
}
.news_hot{
    clear:both;
}
.song_box{
    overflow:hidden;
}
.news_left, .news_right{
    width:50%;
    float:left;
    text-align: justify;
}
.news_top{
    width:100%;
}
.news_hot .box_content{
    margin-top:20px;
}
h3.news_tt{
    margin:10px 0px;
}
._bx_space_dt{
    margin-bottom: 30px;
}
h3 a.news_title, .list_news li a{
    font-size:16px;
    font-weight:normal;
}
p.news_desc{
    line-height:20px;
}
.news_right .list_news{
    margin-left:35px;
}
.list_news li{
    clear:both;
    overflow:hidden;
    margin-bottom:20px;
}
.list_news li a img{
    float:left;
    margin:0px 15px 0px 0px;
    width: 100px;
    height: 65px;
}
.tags{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.icon_tc{
    width: 30px;
    height: 30px;
    background-position: -296px 0px;
}
.icon_face{
    width: 30px;
    height: 30px;
    background-position: -330px 0px;
}
.icon_gg{
    width: 30px;
    height: 30px;
    background-position: -296px -33px;
}
.icon_tw{
    width: 30px;
    height: 30px;
    background-position: -330px -33px;
}
.vega {
    font-size: 13px;
    margin: 10px 0 10px 0;
}
.social li{
    float: left;
    margin-right: 7px;
}
.ft_left{
    width: 20%;
}
.ft_right{
    width: 80%;
    position: relative;
}
.ul_ft li{
    float: left;
    display: inline;
    width: 16%;
    line-height: 20px;
    text-shadow: 1px 1px 1px #333;
}
.top_li{
    line-height: 30px!important;
}
.sub_ft li{
    clear: both;
    width: 100%;
    text-shadow: 1px 1px 2px #333;
}
.ul_ft{
    overflow: hidden;
}
.info_ft{
    margin-top: 15px;
}
.ft-content-bottom li{
    float: left;
}
.term{
    margin-left:28px;
}
.chatWrap{
    right:45px!important
}
.bct-logo{
    margin-left: 65px;
}
.box_app table tr td{
    border: 1px solid #ccc;
}
.app_download li{
    width: 20%;
    float: left;
    display: inline;
    text-align: center;
    height: 50px;
}
.app_download li:first-child{
    width: 40%!important;
}
.app_download li a{
    display: block;
}
.app_download li div{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
}
.app_download li:last-child div{
    border-right: 1px solid #EBEBEB;
}
.box_app_content{
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding: 15px;
    overflow: hidden;
    clear: both;
}
.box_app_content img{
    float: left;
    margin-right: 15px;
}
.box_app_content p{
    color: #7b7b7b;
    line-height: 18px;
}
.icon_apple{
    width: 18px;
    height: 22px;
    background-position: -96px -40px;
    margin-left: 21px;
    margin-top: 14px;
}
.icon_android{
    margin-left: 21px;
    margin-top: 14px;
    width: 20px;
    height: 23px;
    background-position: -120px -40px;
}
.icon_wp{
    margin-left: 21px;
    margin-top: 14px;
    width: 21px;
    height: 21px;
    background-position: -144px -40px;
}
.radio_list li{
    display: inline;
    float: left;
    height: 180px;
    margin-top: 20px;
    width: 140px;
}
.radio_list li:nth-child(2n){
    margin-left: 20px;
}
.radio_info{
    line-height: 7px;
    padding: 17px 0px 0 0;
}
.radio_list li p a{
    line-height: 15px;
    font-size: 14px;
}
.collection_list li{
    height: 40px;
    line-height: 40px;
}
.icon_playAll{
    width: 97px;
    height: 25px;
    background-position: -175px -32px;
}
.playApp{
    overflow: hidden;
    padding: 15px 0px;
}
.playApp a:hover .icon_playAll, .btn_playall:hover .icon_playAll{
    background-position: -175px -64px;
}
.bxh_song_list li span, .bxh_song_list li i{
    float: left;
}
.bxh_song_list li span{
    width: 40px;
    text-align: center;
    line-height: 70px;
}
.bxh_song_list li i{
    margin: 32px 10px 0px 0px;
}
.bxh_song_list li h3{
    display: inline-block;
    line-height: 25px;
    max-width: 230px;
    overflow: hidden;
    white-space: nowrap;
}
.bxh_song_list{
}
.bxh_album_list li,
.box_items_list li{
    overflow: hidden;
    clear: both;
    position: relative;
    border-top: 1px solid #F8F8F8;
    padding: 11px 0px;
}
.bxh_album_list li a img{
    float: left;
    margin-right: 10px;
}
.bxh_video_list li{
    padding: 15px 0px;
}
.content_bar .bxh_album_list li{
    padding-left: 0;
}
.bxh_album_list li h3{
    margin-top: 15px;
    line-height: 20px;
}
.bxh_album_list li a i,
.box_items_list li a i{
    position: absolute;
    left: 0px;
    bottom: 11px;
    padding: 3px 8px;
    background: #000;
    opacity: 0.7;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    font-size: 14px;
}
.box_items_list li a img{
    float: left;
    margin-right: 10px;
}
.slide img{
    width: 100%;
}
.slide{
    width: 100%;
}
.box_content .list_playlist,
.box_content .list_video{
    margin-right: -16px;
}
.album_list_large .box_content .list_playlist{
    margin-right: -25px;
}
.video_player{
    height: 419px;
    width: 745px;
    background: #000;
}
.list_cat li{
    font-size: 14px;
    display: inline-block;
    width: 148px;
    height: 35px;
    line-height: 35px;
}
#footer{
    margin-top: 20px;
}
.pager{
    float: right;
    margin-top: 20px;
}
.pager li{
    display: inline-block;
}
.pager li a{
    display: block;
    padding: 3px 8px;
    border: 1px solid #DCDCDC;
    color: #656464;
}
.pager li a.active, .pager li a:hover{
    border: 1px solid #0BA14B;
    color: #0BA14B;
}
.btn_playall{
    margin-left: 20px;
    padding: 5px 7px;
    border: 1px solid #ccc;
    font-size: 11px;
}
.album_detail{
    width: 200px;
    height: 200px;
}
.song_detail{
    width: 90px;
    height: 90px;
}
.img_detail{
    margin-right: 20px!important;
    float: left;
}
.name_detail{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 20px;
}

.detail p{
    line-height: 22px;
}
.detail .wrr-dt{
    padding: 15px 0;
    position: relative;
}
.detail .wrr-dt p{
    line-height: 22px;
}
.detail .wrr-dt .share-social{
    position: absolute;
    top: 50px;
    right: 0;
    left: inherit;
}
.video-view .share-social{
    bottom: 5px;
    top: inherit!important;
}
p.desc_detail{
    margin-top: 10px;
    line-height: 25px;
}
.album_order{
    float: left;
    height: 50px;
    line-height: 50px;
    width: 40px;
    text-align: center;
}
.nhacvnplayer .playing .album_order{
    background: transparent url(../images/dance.gif) no-repeat center 14px;
    text-indent: -10000px;
}
.player_album li{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-right: 5px;
    background: #F4F4F4;
}
.player_album li ul li{
    border: none;
}
.btn_group{
    overflow: hidden;
    clear: both;
}
.btn_group a{
    margin-right: 10px;
}
.icon_tv{
    background-position: 0 -79px;
    height: 31px;
    width: 106px;
}
.icon_cs{
    background-position: 0 -147px;
    height: 31px;
    width: 94px;
}
.icon_listen{
    background-position: -276px -35px;
    height: 14px;
    width: 16px;
    margin-right: 10px;
}
.listen_count{
    line-height: 13px;
    display: inline-flex;
    margin-top: 10px;
}
.lyrics{
    padding: 30px 20px;
    background-color: #F5F5F5;
    margin-top: 35px;
}
.album-view .lyrics{
    margin-top: 0;
}
.lyrics h3{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 13px;
}
.lyrics div{
    line-height: 25px;
}
.userbar{
    z-index: 1000;
    height: 100%;
    position: fixed;
    top: 0;
    right: 50px;
}
.ctr_bar{
    width: 50px;
    background: #222428;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
}
.icon_list{
    width: 30px;
    height: 23px;
    background-position: -145px -94px;
}
.icon_his{
    width: 30px;
    height: 30px;
    background-position: -180px -94px;
}
.icon_ulike{
    width: 30px;
    height: 26px;
    background-position: -215px -94px;
}
.content_bar{
    width: 350px;
    height: 100%;
    background: #fff;
}
.album_song{
    position: relative;
    height: 300px;
    width: 300px;
}
.album_song div.info{
    width: 300px;
}
.icon_play{
    width: 65px;
    height: 65px;
    float: left;
    background-image: url(../images/play.png);
}
.btn_play{
    height: 65px;
    left: 118px;
    position: absolute;
    top: 101px;
    width: 65px;
}
.song_detail_list li{
    padding: 10px 0px;
    border-top: none;
    border-bottom: 1px solid #f8f8f8;
}
.song_detail_list li a img{
    width: 48px;
    height: 48px;
}
.song_detail_list li h3{
    margin-top: 5px;
}
.font20{
    font-size: 20px!important;
}
.user_list li{
    float: left;
    margin-right: 15px;
    height: 115px;
    margin-top: 10px;
}
.user_list li a{
    color: #000;
}
.user_list li a img{
    width: 90px;
    height: 90px;
}
.user_list li:nth-child(3n){
    margin-right: 0px;
}
.icon_tai{
    width: 106px;
    height: 30px;
    background-position: 0px -325px;
}
.icon_cai{
    width: 116px;
    height: 30px;
    background-position: 0px -218px;
}
.btn_tl li{
    line-height: 30px!important;
    margin: 3px 0px 0px 0px!important;
}
.btn_tl li a{
    display: block;
    padding: 0px 10px;
    color: #000;
    font-size: 14px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #EEEEEE;
}
.btn_tl li a:hover, .btn_tl li a.active{
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #fff;
    color:#0BA14B;
}
.marl20{
    margin-left: 20px;
    float: left;
}
.bxh_song_list li{
    overflow: hidden;
    clear: both;
    height: 80px;
    position: relative;
    border-bottom: 1px solid #F8F8F8;
}
.bxh_song_list li span{
    line-height: 80px;
}
.bxh_song_list li a img.thumb{
    float: left;
    width: 58px;
    height: 58px;
    margin-top: 11px;
    margin-left: 20px;
    margin-right: 20px;
}
.bxh_song_list li div.more_action ul li{
    float: none;
    display: inline-block;
}
.bxh_song_list li div.more_action ul li a i{
    margin-top: 35px!important;
}
.line90{
    line-height: 90px;
    padding-right: 10px;
}
.line80{
    line-height: 80px;
    padding-right: 10px;
}
.bxh_type{
    overflow: hidden;
    clear: both;
}
.bxh_type li{
    display: inline;
    float: left;
    margin: 0 10px;
}
.bxh_type li a{
    line-height: 45px;
    padding: 0px 10px;
    color: #000;
    font-size: 14px;
    display: block;
}
.bxh_type li a:hover, .bxh_type li a.active{
    color:#37A44D;
    border-bottom: 2px solid #37A44D;
}
.icon_mtl{
    width: 10px;
    height: 19px;
    background-position: -330px -69px;
}
.icon_mtr{
    width: 10px;
    height: 19px;
    background-position: -345px -69px;
}
.icon_cl{
    width: 16px;
    height: 16px;
    background-position: -277px -72px;
}
.select_w{
    margin-top: 5px;
}
.select_w li{
    float: left;
    padding: 0px 5px;
}
.icon_view{
    margin-right: 10px;
    width: 22px;
    height: 14px;
    background-position: -111px -71px;
}
.page_news li{
    padding: 20px 0px!important;
    margin-bottom: 0px!important;
    border-bottom: 1px solid #ccc;
}
.page_news li h3 a{
    font-size: 20px;
}
.page_news li a img{
    width: 235px!important;
    height: 135px!important;
}
.view_more{
    display: inline-block;
    margin-top: 5px;
    font-size: 12px!important;
    padding: 0px 8px;
}
.list_cs{
    overflow: hidden;
    margin-top: 20px;
}
.news_detail_title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    text-transform:uppercase;
}
.news_date {
    padding: 20px 0 0 0;
}
.news_info {
    font-weight: bold;
    padding: 20px 0 0 0;
}
.news_content {
    padding: 20px 0 20px 0;
    text-align: justify;
}
.news_list_item {
    height: 35px !important;
    line-height: 35px !important;
}
.titleh1{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 5px 0;
}
.artist_type{
    margin: 20px 0px;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
}
.artist_abc{
    overflow: hidden;
}
.artist_abc li{
    width: 3.7%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
.artist_type li, .artist_abc li{
    float: left;
    display: inline;
}
.artist_type li a{
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px;
    margin-right: 40px;
    display: inline-block;
    border-bottom: 2px solid #fff;
}
.artist_abc li{
    width: 3.7%;
    text-align: center;
}
.artist_abc li a{
    display: block;
}
.list_artist li.sitem{
    margin: 15px 0px;
    overflow: hidden;
    clear: both;
    display: inline-block;
    width: 100%;
}
.list_artist li a img{
    float: left;
    margin-right: 25px;
}
.list_artist li h2{
    border-bottom: 1px solid #E7E7E7;
    display: flex;
    margin-bottom: 5px;
}
.list_artist li p{
    font-size: 14px;
}
.list_artist li ul li{
    width: 260px;
    float: left;
    display: inline;
}
.song_artist li{
    width: 260px;
    float: left;
    display: inline;
    margin-top: 10px;
}
.song_artist li a{
    padding-left: 5px;
}
.list_artist li h2 a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}
.icon_song{
    width: 14px;
    height: 17px;
    float: left;
    background-position: -253px -100px;
}
.wall{
    width: 100%;
    height: 295px;
}
.topContent-view .wall,
.topContent-tag .wall{
    height: 404px;
}
.awall{
    position: relative;
    width: 100%;
    height: 295px;
    background: #fff;
    overflow: hidden;
}
.topContent-view .awall,
.topContent-tag .awall{
    height: 404px;
}
.wrr-awall{
    position: relative;
}
.awall h1{
    font-size: 32px;
    color: #DFDFDF;
    font-weight: normal;
    z-index: 998;
}
.artist-view .awall h1{
    position: absolute;
    bottom: 20px;
    left: 181px;
    margin: 10px 20px;
}
.awall-hover{
    background: #333;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.awall-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    z-index: 2;
    color: #fff;
}
.topContent-view .awall-info{
    padding-left: 20px;
    padding-bottom: 20px;
    z-index: 77;
}
.topContent-view .awall-info h1,
.topContent-tag .awall-info h1{
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}
.top-content-title{
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.top-content-h1{
    margin-bottom: 5px;
}
.awall-info{
    padding-bottom: 20px;
    padding-left: 20px;
    z-index: 77;
}
.top-content-name .desc{
    color: #DFDFDF;
    padding-right: 10px;
    text-align: justify;
}
.topContent-view .awall-info .desc{
    color: #DFDFDF;
    padding-right: 10px;
    text-align: justify;
}
.anav{
    height: 43px;
    background-color: #F9F9F9;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}
.anav ul{
    margin-left: 195px;
    overflow: hidden;
    float: left;
}
.anav ul li{
    float: left;
    display: inline-block;
    padding: 0 17px;
}
.anav ul li a{
    text-transform: uppercase;
    padding: 0px;
    line-height: 41px;
    display: block;
    font-size: 13px;
    border-bottom: 2px solid transparent
}
.anav ul li a:hover,
.anav ul li a.active,
#user-statistic .anav .active_color{
    border-bottom: 2px solid #0BA14B!important;
}
.aavatar{
    position: absolute;
    bottom: 15px;
    left: 18px;
    padding: 4px;
    background: #fff;
    border: 1px solid #C7C7C7;
}
.aact{
    margin-top: 9px;
    margin-right: 10px;
    float: right;
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #D0D0D0;
}
.icon_fav{
    float: left;
    width: 15px;
    height: 14px;
    background-position: -273px -101px;
    margin-right: 8px;
    margin-top: 3px;
}
.icon_radio{
    float: left;
    width: 14px;
    height: 17px;
    background-position: -293px -100px;
    margin-right: 8px;
    margin-top: 2px;
}
.aact:hover .icon_fav,
.liked .icon_fav{
    background-position: -312px -101px;
}
.liked span{
    color: #5C9C00
}
.aact:hover .icon_radio{
    background-position: -332px -100px;
}
body.artist{
    /*background-image: url(../images/bg_artist.png);*/
    background-position: center top;
    background-repeat: repeat-x;
}
body.artist #content{
    margin-top: 94px;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.user_list_artist_page li:nth-child(8n) {
    margin-right: 0;
}
.user_list_artist_page li {
    float: left;
    height: 115px;
    margin-right: 15px;
    margin-top: 10px;
}
.user_list_artist_page li a {
    color: #000;
}
.top_content h3 {
    padding-top: 3px;
}
.top_content h4 {
    padding-top: 3px;
    font-weight: normal;
}
.playMV{
    width: 860px;
    height: 485px;
}
.listMV{
    width: 320px;
    height: 485px;
    background: #000;
}
.icon_plmv{
    width: 30px;
    height: 25px;
    background-position: -137px -124px;
    float: left;
    margin-top: 6px;
    margin-right: 15px;
}
.toppl{
    padding: 10px 5px 10px 15px;
    overflow: hidden;
    border-bottom: 1px solid #3A3A3A;
}
.toppl h3 a{
    font-size: 16px;
    font-weight: normal;
}
.action_pl{
    clear: both;
    overflow: hidden;
    padding: 10px 20px;
}
.icon_rep{
    width: 19px;
    height: 18px;
    float: left;
    background-position: -161px -129px;
}
.icon_ran{
    width: 19px;
    height: 16px;
    background-position: -162px -148px;
    float: left;
}
.action_pl a{
    margin-right: 20px;
    float: left;
}
.action_pl a:hover i.icon_ran, .action_pl a.active i.icon_ran{
    background-position: -194px -148px;
}
.action_pl a:hover i.icon_rep, .action_pl a.active i.icon_rep{
    background-position: -194px -129px;
}
.listmv1{
    height: 370px;
    overflow: hidden;
}
.listmv1 li{
    overflow: hidden;
    clear: both;
    padding: 10px 20px;
}
.listmv1 li:hover, .listmv1 li.active{
    background: #3A3A3A;
}
.listmv1 li a img{
    float: left;
    margin-right: 10px;
}
.listmv1 li h3 a{
    font-size: 14px;
    font-weight: normal;
}
.box_lyric {
    overflow: hidden;
}
#lyric_box {
    overflow: hidden;
}
.list_artist li {
    width: 140px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.list_artist li a img {
    width: 130px;
    height: 130px;
}
.list_artist li h3 {
    color: #000;
    padding-top: 5px;
}
.info_artist {
    clear: both;
}
.icon_All{
    width: 9px;
    height: 13px;
    display: inline-block;
    background-position: -204px -129px;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
.btn_playall:hover .icon_All{
    background-position: -192px -128px;
}
.btn_playall{
    float: left;
    line-height: 17px;
}
.album_song_list{
    height: 400px;
    overflow-y: scroll;
}
.artist-name {
    color: #000;
}
.icon_download{
    width: 15px;
    height: 15px;
    background-position: -285px -209px;
}
.icon_download:hover{
    background-position: -285px -191px;
}
.btn_tai, .btn_tv, .btn_cai, .btn_cs{
    padding: 4px 7px;
    border: 1px solid #ccc;
    color: #000;
    background: #FAFAFA;
}
.btn_tai:hover, .btn_tv:hover, .btn_cai:hover, .btn_cs:hover{
    color:#0BA14B;
}
.btn_tai:hover .icon_download{
    background-position: -220px -128px;
}
.btn_tv:hover .icon_add{
    background-position: -280px -128px;
}
.icon_add{
    margin-right: 5px;
    width: 14px;
    height: 14px;
    float: left;
    background-position: 152px -210px;
}
.icon_setRT{
    margin-right: 5px;
    width: 10px;
    height: 18px;
    float: left;
    background-position: -332px -128px;
}
.btn_cai:hover .icon_setRT{
    background-position: -344px -128px;
}
.icon_em{
    margin-right: 5px;
    margin-top: 3px;
    width: 14px;
    height: 14px;
    float: left;
    background-position: -297px -128px;
}
.btn_cs:hover .icon_em{
    background-position: -314px -128px!important;
}
.song_detail {
    margin: 0 0;
    overflow: hidden;
}
.artist_detail .list_song li:hover,
.artist_detail .list_song li:hover a{
    color: #0BA14B;
}
.artist-header{
    background: #fff;
}
.search_nav_tab {
    margin: 0;
}
.artist_tab {
    clear: both;
    margin: 10px 0 20px;
    overflow: hidden;
}
.artist_tab li {
    color: #999;
    display: inline;
    float: left;
    padding-right: 40px;
    text-transform: uppercase;
}
.artist_tab h2 {
    background-position: center bottom;
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}
.artist_tab h2.active {
    background-image: url("../images/bg_title_ac.png");
}
.artist_tab li a {
    color: #262626;
    white-space: nowrap;
}





.artist_tab li.search-filter-tab{
    font-family: Roboto_Light, Tahoma;
    text-transform: none;
    font-size: 12px;
    color: #333333;
    padding: 0 0 0 176px;
    cursor: pointer;
}

.artist_tab .search-filter-list li.first-item{
    font-weight: bold;
    color: #333333;
    display: block;
    width: 100% !important;
}

.artist_tab .search-filter-list li{
    text-transform: none;
    margin: 0;
    float: none;
    font-size: 12px;
    padding: 7px 0 7px 0;
}

.artist_tab .search-filter-list li.active{
    color: #333333;
    font-weight: 500;
}

.artist_tab .search-filter-list li.active .icon-filter-active{
    display: inline-block;
    height: 11px;
}

.artist_tab .search-filter-list{
    padding: 15px 0 0 0;
    width: 100%;
    overflow: hidden;
    display: block;
}
.artist_tab .search-filter-list .category{
    width: 80%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.artist_tab .search-filter-list .category li{
    width: 25%;
}

.artist_tab .search-filter-list .category li a{
    color: inherit;
}
.artist_tab .search-filter-list .sort{
    width: 20%;
    float: right;
    display: flex;
    flex-wrap: wrap;
}
.artist_tab .search-filter-list .sort li{
    width: 100%;
}
.artist_tab .search-filter-list .sort li a{
    color: inherit;
}
.result-search .selected-filter{
    float: right;
}
.result-search .selected-filter p{
    display: inline-block;
    color: #ff6600;
    padding: 0 5px;
}

.result-search .selected-filter p a{
    color: inherit;
}




.artist_tab.search_nav_tab > ul {
    background-image: url("../images/bg_title.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    overflow: hidden;
}
.result-search {
    color: #505050;
    padding: 0 5px;
    clear: both;
    background: #ebeaea;
    margin-top: 20px;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 40px;
}
.error-box{
    background: url(../images/404.png);
    width: 541px;
    height: 504px;
    margin: 0 auto;
}
.error-box p{
    padding-top: 400px;
    text-align: center;
    font-size: 15px;
}
.error-box a{
    background: #2162B1;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bolder;
    height: 50px;
    line-height: 50px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 255px;
}
.mr-t-15{
    margin-top: 15px;
}
.mr-r-10{
    margin-right: 10px;
}
.mr-r-5{
    margin-right: 5px;
}
.content_box {
    overflow: hidden;
    z-index: 1 !important;
}

.list_video_playlist li {
    display: inline;
    float: left;
    margin-right: 29px;
    margin-top: 25px;
    overflow: hidden;
    position: relative;
    width: 193px;
}
.list_video_playlist li {
    position: relative;
}
.list_video_playlist li a img {
    height: 193px;
    width: 193px;
}

#overlay {
    background: url("../images/overlay.png") repeat scroll left top transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

.main_nav li ul.sub_nav1{
    position: absolute;
    left: 0px;
    top: 42px;
    display: none;
    z-index: 999;
    width: 650px;
    box-shadow: 1px 2px 4px #888;
    -webkit-box-shadow: 1px 2px 4px #888;
    -moz-box-shadow: 1px 2px 4px #888;
    background: #fff;
}
.main_nav li ul.sub_nav3{
    width: 800px;
}
.main_nav li ul.sub_nav1 li{
    display: block;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px solid #EEEEEE;
    width: 160px;

}
.main_nav li ul.sub_nav1 li a{
    display: block;
    color: #333333;
    text-transform: none;
}
.main_nav li ul.sub_nav1 li ul.sub_nav2 li a{
    font-weight: normal;
}
.main_nav li ul.sub_nav1 li a:hover{
    color: #0BA14B!important;
}
.main_nav li:hover ul.sub_nav1{
    display: block;
}
.main_nav li.over ul.sub_nav1{
    display: block;
}
.lang{
    float: right;
    margin-top: 17px;
}
.icon_cam{
    margin-right: 10px;
    width: 24px;
    height: 16px;
    float: left;
    background-position: -111px -157px;
}
.icon_us{
    margin: 0px 15px 0px 0px;
    width: 27px;
    height: 18px;
    float: left;
    background-position: -141px -157px;
}
.package_list li{
    border-bottom: 1px solid #dddddd;
    padding: 10px 0 20px 0;
}
.package_list li:last-child{
    border-bottom: none;
}
.package_title {
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
    color: #444444;
}
.package_des {
    color: #808080;
    padding-bottom: 10px;
}
.button-gray {
    background-color: #9e9e9e!important;
}
.subscribe-package {
    cursor: pointer;
}
#change-package {
    cursor: pointer;
}
.package-error {
    text-align: center;
    color: red;
}
.popup-playlist-input{
    height: 25px;
    padding-left: 10px;
    width: 200px;
}
.radio_list li p {
    padding-top: 5px;
}

.user_list_artist_page p {
    width: 90px;
}
.user_list p {
    width: 90px;
}
#popup_mask {
    background: #222222 none repeat scroll 0 0;
    bottom: 1px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 998;
}
#vg_popup{
    width: 75%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
#Popup{
    margin: 0 auto 0px;
    width: 50%;
    background: #fff;
    z-index: 999;
    position: relative;
    border: 1px solid #005C9D;
}
.popup_title {
    background: #2162b1 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.popup_close {
    background: #fff none repeat scroll 0 0;
    color: #006cb8;
}
.popup_close {
    background: #000000 none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 20px;
    z-index: 999;
}
.button {
    background: #0ba14b;
    color: #fff;
    cursor: pointer;
    font-size: 12px !important;
    text-align: center;
    padding: 10px 28px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-transform: uppercase;
    font-weight: normal;
}
.button-grey{
    background: #959595;
    border: 1px solid #959595;
}
.button-green{
    background: #0ba14b;
    border: 1px solid #0BA14B;
}
.button:hover{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.button-green:hover{
    border: 1px solid #0B9012;
}
.button-grey:hover{
    border: 1px solid #938B8B;
}
.group-button .button{
    margin: 0 5px;
}
.bt-actived {
    background: #48adf2 none repeat scroll 0 0;
    color: #333;
}
.package_des form {
    float: right;
    margin-top: -10px;
}
.package_des input {
    background: #2162B1 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    height: 35px;
    width: 90px;
}
.box_content .nav_box{
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}
.box_content .nav_play{
    position: absolute;
    right: 0;
    top: -5px;
}
.box_content .nav_box ul,
.box_content .nav_box a.nav_play{
    float: left;
}
.box_content .nav_box a.nav_play span{
    display: block;
    width: 27px;
    height: 27px;
    background: #fff url(../images/icon-play.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 14px;
}
.box_content .nav_box a.nav_play:hover span{
    background: #fff url(../images/icon-play.png) no-repeat 0 -30px;
}
.box_content_body{
    clear: left;
}
.circle-play{
    cursor: pointer;
    display: block;
    width: 42px;
    height: 42px;
    background: transparent url(../images/circle-play.png) no-repeat left top;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
ul li:hover .circle-play{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.artist_song_avatar{
    width: 40px;
    height: 40px;
}
.thumb-hover{
    background: #000;
    position: relative;
}
.thumb-hover .circle-play,
.thumb-hover img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: bottom;
}
.thumb-hover:hover img {
    opacity: 0.65 !important;
    -moz-opacity: 0.65 !important;
    -khtml-opacity: 0.65 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" !important;
    filter: alpha(opacity=65) !important;
    -webkit-backface-visibility: hidden;
}

.thumb-hover:hover h3, .thumb-hover:hover a, .thumb-hover:hover p.singer{
    color:#7f7f7f !important;;
}

.video_widget .circle-play{
    margin: -20px 0 0 -20px;
}
.icon-profile{
    display: block;
    text-indent: -10000px;
    position: absolute;
    top: 10px;
    right: 10px
}
.icon-profile.p-HD{
    background: url(../images/icon-profile.png) no-repeat 0 0;
    width: 22px;
    height: 15px;
}
.icon-profile.p-FULLHD{
    background: url(../images/icon-profile.png) no-repeat 0 -19px;
    width: 48px;
    height: 15px;
}
.jspContainer {
    background: #FAFAFA;
    border-right: 0;
}
.album-player .box_content{
    background: #FAFAFA;
    border-right: 1px solid #EEE!important;
    border-left: 1px solid #EEE!important;
    border-bottom: 1px solid #EEE!important;
}
.album-player .list_song li h3{
    max-width: 580px;
}
.jspDrag{
    background: #C0C0C0!important;
}
.jspTrack {
    background: #E0E0E0!important;
}
.jspVerticalBar{
    width: 8px!important;
}
.wrr-tag{
    background: #f2f2f2;
    padding: 15px 0;
    overflow: hidden;
}
#register_form_dialog .register-form-dialog,
.login-form-dialog,
.form-dialog{
    padding: 30px 38px 15px 38px;
}
#register_form_dialog .register-form-dialog .input-x{
    width: 250px;
    font-size: 13px!important;
}
.input-x{
    padding-left: 55px;
    font-size: 15px;
    height: 40px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    padding: 6px 12px 6px 50px!important;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.l-input{
    position: absolute;
    left: 0;
    top: 7px;
    display: block;
    border-right: 1px solid #D6D6D6;
    bottom: 9px;
    width: 40px;
    height: 27px;
}
.signin-form-icon {
    color: #D6D6D6;
    display: block;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    z-index: 1002;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.fa-user{
    width: 14px;
    height: 10px;
    background: url(../images/icons.png) no-repeat -27px -363px;
    margin: 9px 0 5px 13px;
}
.fa-fullname{
    width: 14px;
    height: 13px;
    background: url(../images/icons.png) no-repeat -49px -361px;
    margin: 9px 0 5px 13px;
}
.fa-pass{
    width: 12px;
    height: 17px;
    background: url(../images/icons.png) no-repeat -76px -359px;
    margin: 5px 0 5px 13px;
}
.form-group{
    padding: 0!important;
    position: relative;
}
.form-group, .row{
    margin-bottom: 10px;
}
.captcha img{
    position: absolute;
    top: 0;
    left: 110px;
    height: 40px;
}
.icon-facebook{
    text-indent: -10000px;
    width: 250px;
    height: 40px;
    background-position: 0 -380px;
}
.icon-facebook-login{
    text-indent: -10000px;
    width: 250px;
    height: 40px;
    background-position: 0 -466px;
}
.icon-google{
    text-indent: -10000px;
    width: 250px;
    height: 40px;
    background-position: 0 -423px;
}
.icon-google-login{
    text-indent: -10000px;
    width: 250px;
    height: 40px;
    background-position: 0 -509px;
}
.line-text{
    color: #777;
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.line-text:before {
    background: #E4E4E4;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.line-text span {
    background: #FFF;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}
.errorSummary ul li{
    color: #FF0000;
    background: url(../images/dg.png) no-repeat left center;
    padding-left: 20px;
    font-size: 13px;
}
.item3-list .album_avatar{
    float: left;
    margin-right: 10px;
}
.items-list .item-row{
    overflow: hidden;
    margin-top: 20px;
}
.items-list .item-row .item-cell{
    width: 50%;
    float: left;
}
.items-list .wrr-main-cell{
    position: relative;
    overflow: hidden;
}
.items-list .item-row .cell-0 .wrr-item-cell{
    padding-right: 10px;
}
.items-list .item-row .cell-1 .wrr-item-cell{
    padding-left: 10px;
}
.items-list h3{
    position: absolute;
    bottom: 10px;
    left: 5px;
}
.items-list h3 a,.items-list h3{
    color: #fff;
    padding-left: 5px;
}
.bg_fake{
    background: transparent url(../images/bg_thumb.png) repeat-x left bottom;
    min-height: 73px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.over-text.black{
    color: #000;
}
.over-text.white{
    color: #fff;
}
.artist-info{
}
.artist-info .thumb{
    float: left;
    margin-right: 20px;
}
.artist-info h3.artist-name{
    font-size: 16px;
}
.artist-info .social-box-like{
    position: absolute;
    right: 10px;
    top: 0;
}
.artist-desc{
    color: #666;
}
.notfound{
    color: #666;
    padding: 10px;
}
.box{
    margin-bottom: 30px!important;
}

.box-search .a-search{
    margin-left: 10px;
    color:#666666;
}
.options-plus{
    position: relative;
}
.options-dialog{
    position: absolute;
    top: 28px;
    right: -64px;
    z-index: 999;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 1px 0px 5px #333;
    display: none;
}
.options-dialog.open{
    display: block;
}
.options-dialog ul li{
    display: inherit;
}
.options-dialog ul li{
    border-bottom: 1px solid #ccc;
    min-width: 200px;
}
.options-dialog ul li a{
    display: block;
    padding: 10px 0 10px 35px;
    color: #333;
    position: relative;
    text-align: left;
}
.options-dialog ul li a:hover{
    color: #0BA14B;
}
.options-dialog ul li:last-child,
.list-link-widget li:last-child{
    border-bottom: 0;
}
.ticker{
    width: 14px;
    height: 9px;
    background: url(../images/arr.png) no-repeat left top;
    position: absolute;
    top: -9px;
    right: 70px;
}
a.btn-plus:hover{
    background: #ccc;
}
.sep-line{
    display: block;
    height: 5px;
}

.suggested-box {
    width: 330px!important;
    /* left: 621.5px!important; */
    padding: 0 0 10px 0!important;
    background-color: #FFF!important;
    border: 1px solid #BEBEBE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete {
    z-index: 1600!important;
    background-color: #ffffff!important;
}

.suggested-box li.group_type{
    padding: 2px 0 2px 35px;
    overflow: hidden;
    margin-bottom: 8px;
}
.suggested-box li.ui-menu-item a{
    display: block;
    padding: 5px 0 5px 30px;
}
li.group_type {
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 33px;
}

.group_type span {
    background: url(../images/search-icon.png) no-repeat;
    display: block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 16px;
}

.group_type p{
    color:#8d8d8d;
    margin: 5px 0;
}

.suggested-box li.ui-state-hover, .suggested-box li.ui-state-focus, .suggested-box li a.ui-state-focus{
    background: #F7F7F7;
    border: 0px;
}

.group-suggest-song span{
    background: url(../images/search-icon.png) no-repeat -1px -7px;
}

.group-suggest-album span{
    background: url(../images/search-icon.png) no-repeat -47px -3px;
}

.group-suggest-artist span{
    background: url(../images/search-icon.png) no-repeat -21px -4px;
}

.group-suggest-video span{
    background: url(../images/search-icon.png) no-repeat -70px -6px;
}

.item-video, .item-artist, .item-song, .item-album {
    background: #fff;
}

li.item-song a, li.item-album a, li.item-artist a, li.item-video a {
    text-decoration: none;
    outline: none;
    color: #505050;
}

.ui-menu-item span {
    color: #999999;
}
ul.list-text li{
    padding: 10px 0;
    border-bottom: 1px solid #F8F8F8;
}
ul.list-text li a{
    color: #333;
    display: block;
}

li.ui-menu-item a b{
    color:#5cb67b;
}
ul.list-text li a:hover{
    color: #5cb67b;
}
.textlink-list-widget ul.list-text li{
    background: transparent url(../images/bg_mt.png) no-repeat right center;
}
.play_all{
    display: block;
    width: 97px;
    height: 25px;
    background: transparent url(../images/icons.png) no-repeat -175px -32px;
    text-indent: -10000px;
    margin-left: 15px;
    margin-top: 5px;
}
.play_all:hover{
    display: block;
    width: 97px;
    height: 25px;
    background: transparent url(../images/icons.png) no-repeat -175px -64px;
    text-indent: -10000px;
}
.play_all.video{
    background: transparent url(../images/icons.png) no-repeat -235px -294px;
}
.play_all.video:hover{
    background: transparent url(../images/icons.png) no-repeat -235px -320px;
}
.nhacvnplayer ul li.playing a,
.nhacvnplayer ul li.onpause a,
.nhacvnplayer ul li.onpause .album_order{
    color: #0ba14b !important;
}
.wrr-column2 .textlink-list-widget{
    margin-top: -10px;
}
.topcontent-list-widget h3 a.title{
    font-weight: bold;
}
.register-form-dialog .errorSummary,
.login-form-dialog .errorSummary{
    position: absolute;
    left: 38px;
    top: 10px;
}
#myplaylist .row{
    margin: 5px 0;
    padding: 0 10px;
}
.bxh_list.siz_w li h3{
    max-width: 500px;
}
#xhrUser_load_ajax h3.over-text{
    max-width: 300px;
}
.box-comment .box_title{
    border-bottom: 2px solid #CCC;
    background: none;
}
.myplaylist .album_list_sb li h3{
    float: left;
    /*width: 255px;*/
    width: 510px;
    overflow: hidden;
}

#my_music .myplaylist .album_list_sb li .album-content{
    /*width: 295px;*/
    width: 590px;
    float: left;
}
#user-profile .album-content{
    width: 240px;
    float: left;
}
.artist_detail .list_song h3.over-text{
    max-width: 600px;
}
#myalbum-player_vast,
#myaudio_vast
{
    z-index: 0!important;
}
.comment_facbook{
    margin-top: 15px;
    background-color: #edeff4;
}

.artist-box-profile:after{
    content:'';
    display: table;
    clear: both;
    margin-bottom: 30px;
}

#verifyCode{
    padding-left: 8px !important;
}
.jcrop-holder{
    margin: 0px auto;
}
.table-list-view-album .list_playlist_table li{
    float: left;
    width: 50%;
}
.s-vertical .list_playlist_table li{
    width: 100%;
    border-bottom: 1px solid #EEE;
}
.table-list-view-album .list_playlist_table li.marr_0 .wrr-row{
    margin-right: 10px;
}
.s-vertical .list_playlist_table li.marr_0 .wrr-row{
    margin-right: 0;
}
.s-vertical .wrr-row{
    display: table-row;
}
.s-vertical .wrr-row .info-table{
    max-width: 273px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.s-vertical .wrr-row .image{
    display: table-cell;
    padding: 12px 0;
}
.s-vertical .list_playlist_table li:last-child{
    border-bottom: 0
}
.table-list-view-album .list_playlist_table li.marr_1 .wrr-row{
    margin-left: 10px;
}
.s-vertical .list_playlist_table li.marr_1 .wrr-row{
    margin-left: 0;
}
.s-vertical .info-table .artist a{
    color: #505050;
}
.table-list-view-album .list_playlist_table li .wrr-row{
    border-bottom: 1px solid #eee;
    padding: 13px 0;
    overflow: hidden;
}
.table-list-view-album .list_playlist_table li.item6 .wrr-row,
.table-list-view-album .list_playlist_table li.item7 .wrr-row{
    border: 0!important;
}
.table-list-view-album .list_playlist_table li .thumb{
    margin-right: 10px;
}
.info-table{
    float: left;
    max-width: 300px;
}
.t-jus{
    text-align: justify;
}
.error_page{
    width: 900px;
    margin: 0px auto;
    padding: 50px 0px 100px 0px;
    overflow: hidden;
}
.img-404, .content-404{
    width: 50%;
    float: left;
}
.img-404{
    width: 600px;
}
.content-404{
    width: 300px;
}
.img-404 img{
    margin-top: 50px;
}
.content-404 ul.box_items_list li:first-child{
    border-top: none;
}
.title_detail_page{
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.page_header{
    height: 40px;
    margin-top: 9px;
}
.page_header .wrr-page-header{
    position: relative;
}
.page_header h1{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 565px;
    padding: 2px 0;
}
.page_header .op_box{
    position: absolute;
    right: 0;
    top: 0;
}
.mfa a{
    cursor: pointer;
}
.mp-icon{
    display: block;
    width: 68px;
    height: 20px;
}
.mp-save span{
    background: transparent url(../images/mpic.png) no-repeat 0 0;
}
.mp-saved span{
    background: transparent url(../images/mpic.png) no-repeat 0 -48px;
}
.mp-close span{
    background: transparent url(../images/mpic.png) no-repeat 0 -24px;
}
#dialog-myplaylist-box{
    border: 1px solid #d2d2d2;
    max-width: 280px;
}
#dialog-myplaylist-box h3{
    background: #f8f8f8;
    color: #333;
    line-height: 45px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 3px 3px 0 0 ;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
.pl-create-nav a{
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
}
.pl-create-nav-mylist a{
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
}
#dialog-myplaylist-box{
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 280px;
    box-shadow: 0px 0px 5px #D2D2D2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#dialog-myplaylist-box ul.l-items li a{
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
    position: relative;
    padding-left: 40px;
}
#dialog-myplaylist-box ul.l-items li a .icon-ms{
    width: 16px;
    height: 16px;
    background-position: -145px -69px;
    position: absolute;
    left: 10px;
    top: 13px;
}
#dialog-myplaylist-box ul.l-items li a .icon_like{
    position: absolute;
    left: 10px;
    top: 15px;
}
#dialog-myplaylist-box ul.l-items li:last-child a{
    border-bottom: 0;
}
#dialog-myplaylist-box .pl-create-nav a{
    position: relative;
    padding-left: 40px;
    font-size: 14px;
}
#dialog-myplaylist-box .pl-create-nav-mylist a{
    position: relative;
    padding-left: 40px;
    font-size: 14px;
}
#dialog-myplaylist-box .jspContainer{
    background: #fff;
}
#dialog-myplaylist-box .pl-create-nav a .icon_add{
    position: absolute;
    left: 10px;
    top: 14px;
    background: rgba(0, 0, 0, 0) url(../images/add.png) no-repeat;
    width: 16px;
    height: 16px;
}
#dialog-myplaylist-box .pl-create-nav-mylist a .icon_add{
    position: absolute;
    left: 10px;
    top: 14px;
    background: rgba(0, 0, 0, 0) url(../images/add.png) no-repeat;
    width: 16px;
    height: 16px;
}
#popuppro-box{
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 280px;
    box-shadow: 0px 0px 5px #D2D2D2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d2d2d2;
    max-width: 280px;
}
#popuppro-box h3{
    background: #f8f8f8;
    color: #333;
    line-height: 45px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
.uarr{
    display: none;
    width: 19px;
    height: 12px;
    background: transparent url(../images/uarr.png) no-repeat;
    position: absolute;
    top: -12px;
    right: 100px;
}
.darr{
    display: none;
    width: 19px;
    height: 12px;
    background: transparent url(../images/darr.png) no-repeat;
    position: absolute;
    bottom: -12px;
    right: 100px;
}
#playlist-items{
    height: 226px;
    overflow: hidden;
}
.mp-f2-back{
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: transparent url(../images/arr-l.png) no-repeat;
    text-indent: -10000px;
}
.loadding{
    background: transparent url(../images/content_loading.gif) no-repeat center center;
}
.loading{
    background: transparent url(../images/content_loading.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.loading_popup{
    background: transparent url(../images/content_loading.gif) no-repeat center center;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 3px;
    top: -36px;
}
.added{
    background: #0BA14B;
    color: #fff;
}
.mp-nav-tool{
    display: none;
    background: #F9F9F9;
    position: absolute;
    top: 25px;
    right: 10px;
}
.mp-nav-tool ul li{
    display: inline-block;
    border: 0;
    padding: 0;
    margin-left: 10px;
}
/*.notifyjs-happyblue-base {
    white-space: nowrap;
    background-color: lightblue;
    padding: 5px;
}
.notifyjs-happyblue-superblue {
    color: white;
    background-color: blue;
}*/
.notifyjs-bootstrap-success{
    background-image: url(../images/success.png)!important;
    padding: 20px!important;
    padding-left: 40px!important;
    background-position: 10px center!important;
}
.notifyjs-close{
    display: block;
    width: 12px;
    height: 13px;
    background: transparent url(../images/close.png) no-repeat;
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 5px;
}
#dialog-myplaylist-box .l-items .over-text{
    width: 270px;
}
.padtb-10{
    padding: 10px 0;
}
.padtb-30{
    padding: 30px 0;
}
.ta-center{
    text-align: center;
}
.pad-20{
    padding: 20px!important;
}
.pad-10{
    padding: 10px!important;
}
.border-bt{
    border-bottom: 1px solid #ededed;
}
.user-my-music .myplaylist ul.box_items_list>li{
    float: left;
    width: 365px;
    display: block;
    clear: none;
    padding-left: 0!important;
}
.user-my-music .myplaylist ul.box_items_list li.row_0{
    margin-right: 15px;
}
.user-my-music .myplaylist ul.box_items_list li.item-6,
.user-my-music .myplaylist ul.box_items_list li.item-7{
    border-bottom: 0;
}
#s-user-profile .anav{
    background: none;
    height: 35px;
    line-height: 35px;
}
#s-user-profile .anav ul{
    margin-left: 0;
}
#s-user-profile .anav ul li a{
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}
#s-user-profile #user-form-update .register-form label{
    width: 150px;
    text-align: right;
    margin-top: 10px;
    margin-right: 20px;
}
#s-user-profile #user-form-update .register-form input[type="text"],
#s-user-profile #user-form-update .register-form input[type="password"],
#s-user-profile #user-form-update .register-form select
{
    width: 510px!important;
    border: 1px solid #ccc;
}
#s-user-profile #user-form-update .register-form select{
    padding: 9px 10px!important;
}
#s-user-profile #user-form-update .register-form input[type="submit"]{
    margin-right: 45px;
}
#user-statistic .awall h1{
    position: absolute;
    bottom: 20px;
    left: 181px;
    margin: 10px 20px;
    color: #FFF;
    font-size: 25px;
}
#user-statistic .a-c-avatar{
    position: absolute;
    background: #333;
    opacity: 0.7;
    left: 23px;
    width: 150px;
    bottom: 20px;
}
#user-statistic .a-c-avatar span i,.cover-avatar .camera,
.upload_thumb .camera{
    display: block;
    background: transparent url(../images/camera_new.png) no-repeat center center;
    width: 32px;
    height: 32px;
    text-indent: -1000px;
}
.qq-upload-button{
    background-color: transparent;
    width: 100%;
}
.upload_thumb{
    position: relative;
}
.upload_thumb .camera{
}
.button_upload_thumb_playlist{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
}
.avatar-image{
    margin: 30px;
}

.button-gray{
    background:#959595;
    border:1px solid #959595;
}

.title-change-avatar{
    position: absolute;
    bottom: 5px;
    left: 30px;
    color: #fff;
    z-index: -1;
}

.cover-avatar{
    position: absolute;
    top: 10px;
    left: 15px;
    display: none;
    width: 140px;
    background: #333;
    opacity: 0.7;
}

.awall:hover .cover-avatar{
    display: block;
}

.title-change-cover-avatar{
    position: absolute;
    top: 8px;
    left: 30px;
    color: #fff;
    width: 104px;
    z-index: -1;
}

#uploadFile{
    opacity: 0;
}

.camera.new .file_upload{
    width: 150px!important;
}

.i-cover{
    width: 100% !important;
    background-position: 0 center !important;
}

.rememberMe{
    position: absolute;
    bottom: 4px;
}
.sp-remember label{
    font-size: 13px;
    margin-left: 20px;
}


.notify{
    margin: 0 auto;
    width: 1100px;
    position: relative;
    padding: 18px 10px;
    z-index: 90;
}

.success-notify{
    border: 1px solid #d6e9c6;
    background:#dff0d8;
}

.error-notify{
    background:#f6f6f6;
    border:1px solid #e9e9e9;
}

.close-notify{
    z-index: 99;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px;
    width: 10px;
    height: 10px;
    background:url(../images/ic-close-msg.png) no-repeat;
}

.msg-notify{
    margin-left: 35px;
    margin-right: 15px;
}

.msg-success-notify{
    color: #4c804c;
}

.msg-error-notify{
    color:#ff0000;
}

.ic-notify{
    width: 21px;
    height: 21px;
    float: left;
    display: block;
    position: absolute;
    margin-right: 5px;
    top: 50%;
    margin-top: -11px;
}

.ic-success-notify{
    background: url(../images/ic-success.png) no-repeat;
}

.ic-error-notify{
    background: url(../images/ic-error-notify.png) no-repeat;
}

#chart_album h3.name a, #chart_song h3.name a, #chart_video h3.name a{
    font-weight: 300;
}

.h3-hidden{
    opacity: 0;
}

.list_playlist_table h4 a{
    color: #000;
    font-weight: normal;
    font-size:14px;
}

.list_playlist_table h4 a:hover{
    color: #00a14b;
}

.list_video h4 a{
    font-weight: normal;
    font-size: 14px;
}

.list_playlist li div.info h4 a{
    color:#fff;
}

.h2-song-detail,.h2-album-detail, .h2-video-detail{
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 1px;
}

.h2-song-detail span,.h2-album-detail span,.h2-video-detail span{
    #color: #505050;
}
span.label{
    color: #505050;
}
.val{
    color: #000;
}
.h4-song-item{
    font-weight: normal;
    font-size: 14px;
    max-width: 550px;
    color: #505050;
}

.h4-song-item .singer{
    color:#505050;
    font-size: 13px;
}

.breadcrumbs li.active a span,
.breadcrumbs li.active span{
    color:#0BA14B!important;
}
.allchartbox,
.allchartbox .ui-tabs-nav{
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    background: #fff;
    border-bottom: 1px solid #e5e5e5!important;
    padding-left: 10px!important;
}
.allchartbox .ui-tabs-nav>li{
    border: 0;
    border-bottom: 1px solid #e5e5e5!important;
    margin: 0!important;
}
.allchartbox .ui-tabs-nav>li{
    border-top: 1px solid #FFF;
}
.allchartbox .ui-tabs-nav>li.ui-state-active{
    border: 1px solid #e5e5e5;
    border-bottom: 0!important;
}
.allchartbox .ui-state-active a,
.allchartbox .ui-state-active a:link,
.allchartbox .ui-state-active a:visited{
    color: #0BA14B!important;
    border-bottom: 0!important;
    background: #fff!important;
    margin-top: 1px!important;
}
.allchartbox .ui-state-default,
.allchartbox .ui-widget-content .ui-state-default,
.allchartbox .ui-widget-header .ui-state-default{
    background: #fff!important;
}
.allchartbox .ui-tabs-nav>li>a{
    padding: .5em 12px!important;
}
.allchartbox .ui-tabs-nav>li>a:hover{
    color: #0BA14B
}
.allchartbox .sborder{
    position: absolute;
    right: -1px;
    color: #E5E5E5;
    z-index: 2;
    width: 1px;
    text-indent: -10000px;
    height: 15px;
    background: #E5E5E5;
    bottom: 10px;
}
.ct-desc{
    text-align: justify;
    margin-top: 10px;
}
.album-view .ct-desc{
    min-height: 100px;
}
.ct-right{
    width: 525px;
    float: left;
    margin-bottom: 10px;
}
.topContent-view .ct-right{
    width: 595px;
}
.excoll{
    color: #0BA14B!important;
}
.limit_content {
    border: 2px solid #F0C6C3;
    background: #FDF1F1;
    margin-bottom: 10px;
}
.limit_content .msglimit {
    padding: 10px;
}
.table-list .list_playlist_table li{
    display: table;
    border-bottom: 1px solid #eee;
    width: 49%;
}
.table-list .list_playlist_table li .wrr-row{
    display: table-row;
}
.table-list .list_playlist_table li.marr_0{
    margin-right: 5px;
}
.table-list .list_playlist_table li.marr_1{
    margin-left: 5px;
}
.table-list .list_playlist_table li .wrr-row .image,
.table-list .list_playlist_table li .wrr-row .info-table{
    display: table-cell;
}
.table-list .list_playlist_table li .wrr-row .image{
    width: 58px;
    padding: 13px 0px;
}
.table-list .list_playlist_table li .wrr-row .info-table{
    width: 100%;
    vertical-align: middle;
    float: none;
}
.table-list .list_playlist_table li .wrr-row .info-table h4{
    overflow: hidden;
}
.table-list .list_playlist_table li.s-album .wrr-row .info-table h4 a.sq-title{
    display: block;
}
#popuppro-msg .popuppro-content{
    padding: 10px;
}
.popuppro-msg .ui-widget-header.ui-dialog-titlebar{
    padding-left: 10px!important;
}
.artist-list-widget ul li,
.artist-list-widget .box_content{
    overflow: inherit;
}
.artist-list-widget ul li{
    margin-top: 32px;
    margin-bottom: 15px;
}
.artist-list-widget ul li h3.name{
    text-align: center;
    padding-top: 8px;
}
.artist-list-widget ul li h3.name a{
    font-weight: bold;
}
.artist-list-widget ul li h3.name a:hover,
.artist-list-widget ul li:hover a{
    color: #00a14b!important;
}
.line_border{
    border-top: 1px solid #eee;
    width: 100%;
    margin-top: 40px;
}
.playlist_info,.playlist_order_song{
    margin-top: 30px;
}
.playlist_thumb{
    margin-right: 20px;
}
.playlist_form .register-form div.row{
    margin-top: 0;
    padding-top: 0;
}
.playlist_form .register-form div.row label{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.playlist_form .register-form input,
.playlist_form .register-form textarea{
    border: 1px solid #d8d8d8;
    width: 100%!important;
    font-family: "Roboto","segoe ui",Helvetica,Arial,sans-serif!important;
}
.playlist_form .register-form textarea{
    height: 80px!important;
}
.playlist_form{
    width: 550px;
}
.playlist_order_song{
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}
.playlist_song_h{
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 20px;
}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.playlist_song_item li span { position: absolute; }
.playlist_song_item{
    border: solid 1px #2f3b49;
}
.playlist_song_item li{
    padding: 10px 20px;
    width: 100%;
    position: relative;
    margin: 0;
    height: 54px;
    background: #fafafa;
    border:0;
    border-bottom: 1px solid #2f3b49;
}

.block-song-playlist{
    display: flex;
    margin-top: 30px;
}
.block-new-song{
    flex: 1 0 0px;
    margin-right: 10px;
}
.block_recent_song{
    flex: 1 0 0px;
    margin-left: 10px;
}
.btn-pick-song{
    color: #61797d !important;
    position: absolute;
    top: 18px;
    right: 10px;
}
.btn-pick-song:hover{
    color: #23b584 !important;
}
#search_song_to_add_pl{
    width: 100%;
    height:35px;
    background-color: #3f4c5d;
    border: solid 1px #5b6775;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding: 0 10px;
    color: #fff;
    font-size: 15px;
    position: relative;
}
.button-sub-reg{
    margin-right: 18px;
}
.btn-sub-001{
    width: 105px;
    border-radius: 20px;
}
#search_song_to_add_pl:after{
    content: "";
    position: absolute;
    right: 0;
    display: block;
    background: #FFF url(../../web-v2/new-image/search-btn.png) no-repeat 80px 5px;
}
.ps_nav{
    float: right;
}
.title-001{
    width: fit-content;
    display: inline-block;
}
.playlist_song_header{
    height: 50px;
    padding: 10px 0;
}
.button_nav{
    border-radius: 20px;
}
.ui-state-default{
    background-color: #192536 !important;
}
.playlist_song_item .stt{
    color: #fff;
    font-weight: 400;
}
.playlist_song_item .ui-state-default .ui-icon{
    background-image: url(../images/icons.png);
    background-position: -293px -234px;
    width: 17px;
    height: 17px;
    display: block;
    right: 10px;
    top: 18px;
    cursor: move;
}
.playlist_song_item .ui-state-default .ui-icon:hover{
    background-position: -293px -252px;
}
.playlist_song_item .ui-state-default .delete-song{
    position: absolute;
    right: 41px;
    top: 19px;
    display: block;
    width: 16px;
    height: 16px;
}
.playlist_song_item .ui-state-default .icon-delete{
    background-image: url(../images/icons.png);
    background-position: -272px -234px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}
.playlist_song_item .ui-state-default .icon-delete:hover{
    background-position: -271px -252px;
}
.playlist_song_item .stt{
    display: block;
    left: 20px;
    top: 18px;
    font-weight: 400;
    color: #fff;
}
.playlist_song_item .ui-state-default .title{
    position: absolute;
    left: 45px;
    top: 18px;
}
.playlist_song_item .ui-state-default .title .song_name{
    color: #fff;
}
.playlist_song_item .ui-state-default .title .artist_name{
    color: #888;
}
.playlist_song_item .ui-state-default .title:hover *{
    color: #00a14b
}
.ps_nav li{
    float: left;
}
.ps_nav li.order_shuffe{
    margin-right: 10px;
}
.button_nav{
    background: #fafafa;
}
.order_shuffe .button_nav{
    background-image: url(../images/icons.png);
    background-position: -128px -230px;
    width: 134px;
    height: 30px;
    display: block;
    text-indent: -10000px;
}
.order_shuffe .button_nav:hover{
    background-position: -128px -261px;
}
.order_desc .button_nav{
    background-image: url(../images/icons.png);
    background-position: -128px -292px;
    width: 104px;
    height: 30px;
    display: block;
    text-indent: -10000px;
}
.order_desc .button_nav:hover{
    background-position: -128px -323px;
}
.playlist_song_h .ps_nav .icons{
    background-image: url(../images/icons.png);
    display: block;
    position: absolute;
}
.playlist_song_h .ps_nav .icon-shuffe{
    background-position: -271px -252px;
    width: 32px;
    height: 32px;
}

#music_slider .slide_label{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    background: rgba(0,0,0,.7);
    height: 100px;
}
#music_slider .slide_label .wrr-slide-label{
    padding: 18px;
    overflow: hidden;
}
#music_slider .slide_label p,
#music_slider .slide_label h3{
    color: #fff;
}
#music_slider .slide_label h3{
    font-size: 17px;
    margin-bottom: 5px;
}
.col-33{
    width: 33.3333%;
}
.items_list_resp .items .wrr-item{
    padding: 0 10px;
}
.items_list_resp{
    margin: 0 -10px;
}
.wrr_items_list_resp .wrr-item-main{
    border: 1px solid #ccc;
}
.wrr_items_list_resp .wrr-item-main h3{
    background: #f1f1f1;
    padding: 10px;
    font-size: 18px;
}
.hotlist-h2{
    background: #f1f1f1;
    padding: 10px;
    font-size: 18px;
}
.wrr_items_list_resp .wrr-item-main .thumb a{
    display: block;
}
.wrr_items_list_resp .items{
    margin-bottom: 20px;
}
.icon-play-item{
    background-image: url(../images/icons.png);
    background-position: -314px -255px;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 10px;
    top: 11px;
}
.wrr-item-content ul li{
    height: 35px;
}
.wrr-item-content ul > li:first-child{
    margin-top: 8px;
}
.wrr-item-content ul > li:last-child{
    margin-bottom: 8px;
}
.wrr-item-content ul li.item-3{
    border-bottom: 0;
}
.wrr-item-content ul li a{
    display: block;
    position: relative;
    padding: 10px 10px 5px 38px;
    font-size: 14px;
    color: #222;
}
.wrr-item-content ul li a:hover{
    color: #0BA14B!important;
}
h1.name_detail span.artist,
h1.name_detail span.artist a{
    color: #000;
    font-size: 20px;
}
.fc-black{
    color: #000!important;
}
.body-header #sl-wg{
    width:745px;
    float: left;
    margin-right: 20px;
}
.body-header .ads{
    float: left;
}
.player-box .content_box{
}
.index-index .box{
    margin-bottom: 10px!important;
}

.play-best-album{
    float: left;
    margin-left: 20px;
    position: relative;
    margin-top: 10px;
}

.play-best-album .playall{
    width: 16px;
    height: 16px;
    background: url(../images/icon-play-ab.png) no-repeat 0 -27px;
    display: inline-block;
    position: absolute;
    top: 1px;
}

.play-best-album span{
    margin-left: 20px;
    color:#666666;
    font-size: 14px;
}

.play-best-album a:hover .playall{
    background-position: 0 0;
}

.play-best-album a:hover span{
    color:#00a14b;
}
.thumb_image{
    position: relative;
    display: block;
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 20px;
}
.dmca{
    margin-left: 20px;
    margin-top: 10px;
}
.dialog_vegaid_login .ui-dialog-titlebar{
    display: none!important;
}
.dialog_vegaid_login iframe{
    border:0;
}
.dialog_vegaid_login .ui-dialog-buttonpane{
    position: absolute;
    top: 0;
    right:10px;
    border: 0;
}
.dialog_vegaid_login .ui-dialog-buttonset{
    background: #f1f1f1;
}
.dialog_vegaid_login .ui-dialog-buttonpane button{
    margin: 0!important;
}
#box_hotlist .wrr-item h3 a,
#hotlist .wrr-item h3 a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.hotlist-h2 a{
    font-weight: 400;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.border{
    clear: both;
    height: 1px;
    background: #ccc;
}
#footer .border{
    margin: 20px 0;
}
#event-container{
    position: relative;
    margin-bottom: 20px;
}
#event-info{
    position: absolute;
    right: 160px;
    top:0;
    bottom: 0;
    text-align: center;
    width: 350px;
}
#event-container .c-main-title{
    color: #860f1b;
    font-weight: 400;
    margin-top: 30px;
    font-size: 22px;
    text-align: center;
}
#event-container .c-sub-title{
    font-weight: 500;
    font-size: 17px;
    text-align: center;
    margin-top: 10px;
}
.c-upgrade-time{
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}
.timer-event-countdown{
    overflow: hidden;
    width: 350px;
    margin: 0 auto;
}
.cday,.chour,.cmin,.csecond{
    color: #fff;
    font-size: 30px;
    background-color: #2f242b;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    display: block;
    float: left;
    text-align: center;
}
.cline{
    display: block;
    float: left;
    background: transparent url(../images/cline.png) no-repeat center center;
    width: 36px;
    height: 60px;
}
.twodot{
    display: block;
    float: left;
    background: transparent url(../images/2dot.png) no-repeat center center;
    width: 36px;
    height: 60px;
}
#btn-livestream{
    margin-top: 10px;
}
.btn-stream-live{
    display: block;
    width: 350px;
    height: 60px;
    background-image: url(../images/btn-livestream.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    margin: 0 auto;
}
.btn-stream-live{
    background-color: #9f8e90;
}
.btn-stream-live.on{
    background-color: #e62117;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}
.btn-stream-live.on:hover{
    background-color: #cc181e;
}
.my_playlist li:last-child{
    border-bottom: none;
}
.my_playlist li{
    padding-left:20px;
}
.my_playlist li p {
    clear: both;
}
.my_playlist_create {
    float: right;
}
.my_playlist_create_link{
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    height: 30px;
    padding: 5px 10px !important;
}
.my_playlist_create_link .icon_add{
    background-position: -336px -155px;
    width: 18px;
    height: 18px;
}
.artist_list li{
    width: 49%;
    border-bottom: 1px #f1f1f1 solid;
    float: left;
    padding: 16px 0;
}
.index-index .artist_list li{
    height: 91px;
    overflow: hidden;
}
.artist_detail .list_playlist li,
.artist_detail .other_artists ul.list_playlist li{
    width: 174px!important;
    padding: 0!important;
}
.artist_list img{
    width: 58px;
    height: 58px;
    float: left;
}
.marr_2 {
    margin-left: 2%;
}
.pl36 {
    padding-left: 36px;
    float: left;
    width: 237px;
}
.pl36 .name {
    padding-top: 10px;
}
.pl36.w305{
    width: 305px;
}
.chart_title {
    border-bottom: solid 1px #f1f1f1;
    width: 100%;
    text-transform: uppercase;
    padding-top: 8px;
}
.chart_title p{
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 6px;
}
.title-chart {
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 6px;
    display: block;
}
.chart_not_found{
    border-top: solid 1px #f1f1f1;
}
.artist_songs_detail {
    margin-top: 8px;
}
.artist_songs_detail a{
    border: solid 1px #cfcfcf;
    padding: 4px 10px;
}
.chart_stt {
    float: left;
    padding: 15px 20px 0 10px;
    font-size: 20px;
    color: #373737;
}
.green-color {
    color: #0f965c!important;
}
.chart_song_item p{
    border-bottom: 1px solid #efefef;
    padding-bottom: 8px;
}
.gray-color a {
    color: #4e4e4e;
}
.song_list_thumb {
    margin-left: 10px!important;
}
.landing-item {
    border: 1px solid #00a04a;
    border-radius: 4px;
    margin: 10px 0;
    height: 80px!important;
    position: relative;
    cursor: pointer;
}
.landing-item .landing-item-c1 {
    background: rgba(0, 0, 0, 0) url("../images/bg-infopackage2.jpg") no-repeat scroll 0 0;
    float: left;
    height: 80px;
    margin-right: 10px;
    padding-right: 40px;
    width: 130px;
}
.landing-item .landing-package-icon {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.landing-item .landing-package-icon span {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
}
.landing-item .landing-item-c2 {
    /*line-height: 1.5;*/
    padding: 15px 10px 11px 0;
}
.landing-item .landing-item-c2 p {
    font-size: 13px;
    margin-bottom: 0;
}
.landing-item .landing-item-c2 .package_description {
    color: #333333;
    font-size: 14px;
    font-style: italic;
}
.landing-item .landing-item-c2 .landing-price {
    color: #ff6600;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.vip {
    width: 90px;
    height: 30px;
    margin: 8px 20px 0 0;
    background: transparent url(../images/ic_vip.png) no-repeat 8px 5px;
    background-color: #0ba14b;
    border-radius: 4px;
    padding: 0 25px 0 46px;
    color: #fff;
    float: left;
    line-height: 30px;
    font-size: 18px;
    float: right;
}
.vip:hover{
    color: #fff;
}
.vip_register{
    margin: 30px  0 20px 0;
}
.vip_register a{
    color: #ff6600!important;
    font-weight: bold;
}
.download-info{
    margin-left: 15px;
}
.pt10{
    padding-top: 10px;
}
.pt20{
    padding-top: 20px;
}
.btn_verify{
    background-color: #0ba14b;
    border-radius: 2px;
    padding: 2px 20px 2px 20px;
    color: #fff!important;
    float:right;
}
.verify_link{
    color: #ff6600!important;
    font-weight: bold;
}
.verify_cnt {
    border-top: #eee 1px solid;
    padding: 10px 0px;
}
.price_song {
    margin-bottom: 30px !important;
    height: 40px;
    margin-top: 15px;
}

.price_song p {
    width : 60%;
    font-size: 16px;
    float: left;
}
.price_button {
    float: right;

}
.btn-price {
    float: right;
    background-color: #0ba14b;
    height: 45px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 15px;
    margin-right: 10px;
}
.btn-price:hover {
    color: #fff;
}
.btn-price-song {
    margin-top: -25px;
}
.text-retail {
    font-size: 16px;
    text-align: center;
}
.song-nav {
    position: relative !important;
    float: right;
}
.popup-cmsn{
    width: 780px;
    height: 465px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1001;
    overflow: hidden;
}
.btn-cbsg{
    width: 280px;
    height: 50px;
    background: url("../images/btn-cbsg.png") no-repeat center center;
    display: inline-block;
    position: absolute;
    bottom: 26px;
    left: -37px;
    right: 0;
    margin: auto;
}
.banner-cmsn{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 706px;
    height: 371px;
}
.close-popup-cmsn{
    position: absolute;
    right: 0;
    top: 5px;
    color: #999;
    padding-left: 30px;
}
.close-popup-cmsn:before{
    position: absolute;
    left: 0;
    top: -3px;
    content: '';
    background: url("../images/close_popup.png") no-repeat;
    width: 25px;
    height: 25px;
}
.bg-popup-cmsn{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 1000;
}
.popup-payment-cmsn{
    width: 800px;
    height: 340px;
    background: #fff;
    border-radius: 5px;
}
.container-popup-cmsn{
    padding: 15px;
}
.title-popup-cmsn{
    font-size: 16px;
    font-weight: 600;
    color: #2c2c2c;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.img-popup-cmsn{
    width: 100%;
}
.btn-vip-cmsn{
    position: absolute;
    bottom: 40px;
    left: 30px;
    display: inline-block;
}
.close-payment-cmsn{
    left: auto;
    right: 15px;
    top: 15px;
    bottom: auto;
}
.banner-ads-hotlist{
    height: 90px;
    width: 100%;
    border: 1px solid #e5e5e5;
}
.center-list-album{
    height: 90px;
    width: 730px;
    margin: 15px auto;
    border: 1px solid #e5e5e5;
}
.banner-ads-left{
    height: 280px;
    border: 1px solid #999;
}
.singer-h4{
    font-size: 13px;
    font-weight: 400;
    margin-top: 0 !important;
}
.singer-h4 a{
    font-size: 13px !important;
}
.no-hover a{
    color: #505050;
}
.no-hover a:hover{
    color: #505050;
}
.wrr_items_list_resp .wrr-item-main .hotlist-h3{
    padding: 0;
    background: #fff;
    font-size: 14px;
}
.artist-h2{
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
}
.lyrics-h2{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 13px;
}
.same-cate-h3 a{
    font-weight: 300;
}
.order-chart{
    width: 15px;
    height: 100%;
    float: left;
    margin-left: 12px;
}
.order_zero{
    width: inherit !important;
    height: 4px;
    background: url("../images/icon.png") no-repeat -96px -140px;
    margin-top: 36px;
}
.oder_asc{
    width: inherit !important;
    height: 7px;
    background: url("../images/icon.png") no-repeat -122px -140px;
    margin-top: 30px;
}
.oder_desc{
    width: inherit !important;
    height: 7px;
    background: url("../images/icon.png") no-repeat -144px -140px;
    margin-top: 30px;
}
.order_num{
    margin-top: 5px;
    width: 100% !important;
    height: 8px;
    line-height: 8px !important;
}
.block-page-topup{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
}
.block-page-topup li{
    display: inline-block;
    width: 49%;
    padding-bottom: 20px;
}
.icon-topup{
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto;
    background-size: 100%;
}
.icon-introduce-topup{
    background: url("../images/topup/icon-introduce.png") no-repeat center center;
}
.icon-check-topup{
    background: url("../images/topup/icon-check.png") no-repeat center center;
}
.icon-active-topup{
    background: url("../images/topup/list.png") no-repeat center center;
}
.about-active .icon-introduce-topup{
    background: url("../images/topup/about_active.png") no-repeat center center;
}
.check-active .icon-check-topup{
    background: url("../images/topup/check_active.png") no-repeat center center;
}
.trungthuong-active .icon-active-topup{
    background: url("../images/topup/list_active.png") no-repeat center center;
}
.about-active{
    color: #7C73EC;
    border-bottom: 1px solid #7C73EC;
}
.check-active{
    color: #3DAFFF;
    border-bottom: 1px solid #3DAFFF;
}
.trungthuong-active {
    color: #5C9C00;
    border-bottom: 1px solid #5C9C00
}
.txt-page-topup{
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 400;
    font-family: "Roboto","segoe ui",Helvetica,Arial,sans-serif;
}
.tb-user-topup{
    border-collapse: collapse;
    width: 100%;
}
.tb-list-user-topup{
    width: 40%;
    float: left;
    border-collapse: collapse;
    margin: 0 40px;
}
.tb-list-user-topup td, .tb-list-user-topup th {
    border: 1px solid #ddd;
    text-align: center;
    padding: 8px 0;
}
.tb-list-user-topup caption{
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}
.float-right{
    float: right;
}
li.w-hotlist, li.w-hotlist li{
    width: 215px !important;
}
li.w-hotlist li{
    overflow: hidden;
}
li.w-hotlist a{
    width: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list_artis_home li{
    width: 135px !important;
    height: 135px !important;
    margin-top: 10px;
    margin-right: 15px;
}
.list_artis_home li a img{
    width: 100% !important;
    height: 100% !important;
}
.info-artist h3.name{
    color: #fff;
    font-weight: 200;
}
.list_artis_home h3.name, .list_artis_home h4.singer{
    opacity: 0;
    visibility: hidden;
    color: #fff;
    transition: all 500ms ease;
}
.thumb-mask-artist{
    background: url(../images/bg_info.png) bottom left repeat-x;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.li_artis_home:hover h3, .li_artis_home:hover a, .li_artis_home:hover h4{
    opacity: 1;
    visibility: visible;
    color: #fff !important;
}
.block_song_home{
    background: url("../images/bg-home-song.jpg") no-repeat top left;
    padding: 10px 20px;
    background-size: cover;
}
.block_song_home .box_title{
    background-image: none;
    border-bottom: 1px solid #b3b3b3;
}
.block_song_home .box_title .name{
    background: none;
}
.info_song_home{
    width: calc(100% - 78px);
    float: right;
    padding-top: 10px;
}
.block_song_home .artist_list li{
    border-bottom: 1px #fff solid;
}
.pt30{
    padding-top: 30px;
}
.box_border_chart{
    border: 1px solid #ccc
}
.box_border_chart .nav_box{
    margin: 5px;
}
.item_list_chart_home li:first-child{
    position: relative;
}
.item_list_chart_home .artist_song_avatar{
    width: 60px;
    height: 60px;
}
.item_list_chart_home li:first-child .artist_song_avatar, .item_list_chart_home li:first-child .video_avatar{
    width: 100% !important;
    height: 160px !important;
}
.item_list_chart_home li:first-child .song_chart_home{
    display: block;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.item_list_chart_home li:first-child .song_chart_home img{
    position: absolute;
    left: -33%;
    top: 0;
    width: auto !important;
}
.item_list_chart_home li:first-child .chart_stt{
    position: absolute;
    left: 13px;
    bottom: 30px;
    color: #fff;
    z-index: 5;
}
.item_list_chart_home .chart_stt{
    float: none;
    padding: 0;
}
.item_list_chart_home li:first-child h3{
    position: absolute;
    bottom: 37px;
    left: 45px;
    z-index: 91;
    width: calc(100% - 50px);
}
.item_list_chart_home li:first-child h3 a{
    margin-left: 0px;
    color: #fff;
}
.item_list_chart_home .chart_stt{
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.item_list_chart_home li:first-child .artist{
    position: absolute;
    bottom: 10px;
    left: 45px;
    width: calc(100% - 65px);
    z-index: 91;
}

.item_list_chart_home li:first-child .artist.rank-top-1{
    width: 100%;
}

.item_list_chart_home li:first-child .artist a{
    color: #fff;
    margin: 0;
}
.item_list_chart_home h3, .item_list_chart_home p{
    padding-right: 13px;
}
.item_list_chart_home li:first-child h3:hover > a{
    color: #549c00;
}
.item_list_chart_home li:nth-child(2) .chart_stt{
    color: #ff0000;
}
.item_list_chart_home li:nth-child(3) .chart_stt{
    color: #009900;
}
.item_list_chart_home li, .item_album_chart_home li{
    border-bottom: 1px solid #ccc
}
.item_list_chart_home li:first-child{
    border: none !important;
    padding-top: 0 !important;
}
.item_list_chart_home li:last-child{
    border: none !important;
}
.item_album_chart_home .chart_stt{
    float: none;
}
.bg-overlay-home{
    top: 0px;
    left: 0;
    bottom: 10px;
    position: absolute;
    width: 100%;
    background: rgba(178,178,178,.2);
    z-index: 90;
}
.item_list_chart_home p{
    border: none;
}
.item_list_chart_home li:first-child .box_order_rank{
    padding: 0;
}
.item_list_chart_home .oder_desc, .item_album_chart_home .oder_desc{
    background: url("../images/icon.png") no-repeat -169px -139px;
}
.box_order_rank{
    padding-top: 15px;
    width: 45px;
    float: left;
    text-align: center;
}
.item_list_chart_home .order-rank-home, .item_album_chart_home .order-rank-home{
    width: 15px !important;
    height: 7px !important;
    margin: 1px auto;
    display: block;
    text-align: center;
}
.color_desc{
    color: #2320a8;
}
.color_asc{
    color: #ff0000;
}
.gr-hotlist, .gr-hotlist img{
    display: block;
    width: 100%;
    height: 80px;
    margin-top: 20px;
}
.pdb-8{
    padding-bottom: 8px;
}
.video-chart-stt{
    bottom: 25px !important;
}
.mgb-20{
    margin-bottom: 20px;
}
#chart_cnt .ovelay-loading-face{
    top: -30px;
}
.block-fblike-chart{
    margin: 3px 10px 0 20px;
}
.categories_hotlist{
    padding: 10px 0 0;
}
.categories_hotlist li, .categories_hotlist li a img{
    height: 80px;
    max-width: 354px;
}
.categories_hotlist li{
    margin-top: 10px;
    display: inline-block;
}
.list-hotlist{
    margin-top: 15px;
}
.list-hotlist li, .list-hotlist li img{
    height: 130px;
    width: 100%;
    max-width: 354px;
}
.list-hotlist li{
    margin-bottom: 20px;
    display: inline-block;
}
.list-hotlist li:last-child{
    margin-bottom: 0;
}
.list_w li{
    margin-right: 20px;
}
.list_w li:nth-child(2n){
    margin-right: 0;
}
.title-option{
    font-family: "Roboto Bold";
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}
.option-categories{
    min-width: 185px;
    font-family: "Roboto Light";
    padding: 0 3px;
}
@media only screen and (max-width: 1170px){
    .wapper {
        width: 950px;
    }
    .colum1{
        width:605px;
    }
    .pl36.w305 {
        width: 235px;
    }
    .colum2{
        width: 325px;
    }
    .body-header #sl-wg{
        width:950px;
    }
    .body-header .ads{
        display: none!important;
    }
    .input_search{
        width: 220px!important;
    }
    .info-table{
        max-width: 230px!important;
    }
    .list_playlist li, .list_video li{
        width: 191px;
    }
    .list_playlist li,
    .list_playlist li a img{
        width: 191px;
        height: 191px;
    }
    .list_video li a img{
        width: 191px;
        height: 107px;
    }
    .album_list_large .list_playlist li,
    .album_list_large .list_playlist li a img
    {
        width: 170px;
        height: 170px;
    }
    .video_list_large .list_video li{
        width: 218px;
        height: 198px;
    }
    .video_list_large .list_video li a img{
        width: 218px;
        height: 134px;
    }
    .artist_list_large .list_playlist li a img,
    .artist_list_large .list_playlist li{
        width: 218px;
        height: 218px;
    }
    /*.list_playlist li:nth-child(3), .list_playlist li:nth-child(7), .list_playlist li:nth-child(11), .list_video li:nth-child(3), .list_video li:nth-child(7), .list_video li:nth-child(11){
        margin-right: 0px;
    }*/
    /*.list_playlist li:nth-child(4n), .video_playlist li:nth-child(4n) {
        display: none;
    }*/
    .playMV{
        width: 640px!important;
    }
    .user-my-music .myplaylist ul.box_items_list>li{
        width: 48%!important;
    }
    #my_music .myplaylist .album_list_sb li .album-content{
        width: 78%!important;
    }
    .video_player{
        width: 605px;
        height: 316px;
    }
    .ct-right{
        width: 385px!important;
    }
    .topContent-view .ct-right{
        width: 455px!important;
    }
    .h4-song-item{
        max-width: 400px;
    }
    #s-user-profile #user-form-update .register-form input[type="text"],
    #s-user-profile #user-form-update .register-form input[type="password"],
    #s-user-profile #user-form-update .register-form select
    {
        width: 410px!important;
    }
    .over_last ul li.it-5{
        display: none;
    }
    .artist_tab li.search-filter-tab{
        padding: 0 0 0 105px;
    }
}




.gr-exp-coll {
    position: relative;
}
.song_embed {
    display: none;
    position: absolute;
    top: -35px;
    left: 58%;
    padding: 8px 8px 0px 8px;
    color: rgba(255, 255, 255, 0.64);
    background-color: #1e2b3c;
    height: 109px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.64);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.song_embed img {
    float: left;
    margin-top: 5px;
}

.song_embed img:hover {
    opacity: 0.8;
}

.song_embed .or {
    float: left;
    padding: 20px 5px;
    font-size: 12px;
}

.text-share {
    color: #e0e0e0;
    font-size: 12px;
}

.input-group{
    display: table;
    border-collapse: collapse;
    margin: 5px 2px;
    border-radius: 3px;
    overflow: hidden;
    /*width:100%;*/
}
.input-group > div{
    display: table-cell;
    border: 1px solid rgba(255, 255, 255, 0.64);
    vertical-align: middle;
}
.input-group-icon{
    color: #192536;
    padding: 0 12px;
    cursor: pointer;
    background: url(/web-v2/new-image/icon_copy.png) no-repeat center;
    background-size: 15px;
}

.input-group-icon:hover{
    background: url(/web-v2/new-image/icon_copy_black.png) no-repeat center;
    background-size: 15px;
    background-color: #fff;
}

.input-group-btn{
    color: #777;
    padding: 0 6px;
    background-color: #ffffff;
}

.input-group-btn p{
    color: #192536;
    width: 45px;
    text-align: center;
    font-size: 13px;
}

.input-group-area{
    width:100%;
}
.input-group input{
    border: 0;
    display: block;
    width: 100%;
    padding: 3px;
    background-color: #1e2b3c;
    font-size: 13px;
}

.input-group input::selection{
    background: #ffffff;
    color: #fff;
}




#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #1e2b3c;
    color: #ffffff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
.embed_div {
    display: none;
    position: absolute;
    z-index: 2;
    top: 32px;
    right: 0;
    margin: auto;
    width: 378px;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #1e2b3c;
    padding: 11px 18px 13px 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.text_share {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -0.3px;
    color: #e0e0e0;
    padding-bottom: 13px;
}

.embed_box {
    margin: 0px;
    padding: 0px;
    display: flex;
}

.embed_img {
    margin: 0px;
    padding: 0px;
    width: 60px;
    margin: 0 auto;
    flex: 1;
    cursor: pointer;
}

.embed_img:hover {
    opacity: 0.8;
}

.text_or {
    width: 50px;
    flex: 1;
    font-size: 12px;
    line-height: 1.83;
    letter-spacing: 1.2px;
    text-align: center;
    color: #e0e0e0;
    margin-top: 10px;
}

.embed_input_group {
    margin-top: -3px;
    padding: 0px;
    height: 60px;
    flex: 5;
}
.input_group {
    padding: 3px 0px;
}

.input_group-btn {
    width: 60px;
    height: 21px;
    padding-top: 2px;
    border: 0px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #ffffff;
    color: black;
    font-size: 10px;
}

.input_group-icon {
    height: 20px;
    color: #192536;
    border: 1px solid rgba(255,255,255,0.64);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    vertical-align: middle;
    padding: 0 12px;
    cursor: pointer;
    background: url(/web-v2/new-image/icon_copy.png) no-repeat center;
    background-size: 13px;
}

.input_group-icon:hover {
    background: url(/web-v2/new-image/icon_copy_black.png) no-repeat center;
    background-size: 13px;
    background-color: #fff;
}

.input_group-input {
    margin: -5px;
    border: 1px solid rgba(255,255,255,0.64) !important;
    color: #ffffff;
    background: #1e2b3c;
    height: 22px;
    width: 146px;
    font-size: 12px;
}
.input_group-input::selection{
    background: #ffffff;
    color: #192536;
}
.btn-share-v2 {
    cursor: pointer;
}

.info-album-box {
    position: relative;
}
#share_embed_album {
    top: -7px;
}
.btn-with-vip{
    position: absolute;
    display: block;
    width: 194px;
    height: 58px;
    background: transparent url("../images/btn-with-vip-bg.png") no-repeat center;
    background-size: contain;
    right: 0;
    top: 12px;
    z-index: 1;
}
.btn-with-vip.video{ top: 29px;}
.btn-with-vip.playlist{ top: 40px;}
.btn-with-vip span.big-text{
    display: block;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 9px;
    font-weight: 600;
}
.btn-with-vip span.sml-text{
    display: block;
    line-height: 12px;
    color: #fff;
    font-size: 11px;
    margin-top: 2px;
    text-align: center;
}
.popup-with-vip{
    position: fixed;
    top:0;left:0;right:0;bottom:0;
    margin: auto;
    width: 820px;
    height: 359px;
    border-radius: 16px;
    background-image: linear-gradient(113deg, #2db1a2, #1a6f88 46%, #537dad);
    z-index: 11;
    padding: 50px;
}
.popup-with-vip.login{
    height: 410px;
}
.l-pwv{
    float: left;
    /*font-family: Averta;*/
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2em;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding-left: 25px;
}
.r-pwv{
    float: right;
    padding-left: 60px;
    padding-right: 25px;
    border-left: solid 1px #1c86a5;
}
.r-pwv .b{
    line-height: 22px;
    /*font-family: Averta;*/
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #ffffff;
}
.r-pwv .sm{
    line-height: 20px;
    /*font-family: Averta;*/
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    text-align: left;
    color: #ffffff;
}
.down-pwv{
    clear: both;
}
.btn-vip-pwv{
    display: block;
    width: 236px;
    height: 54px;
    border-radius: 5px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    background-color: #21b685;

    /*font-family: Verdana;*/
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    line-height: 54px;
    color: #ffffff;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    top: 69px;
}
.btn-login-pwv{
    font-family: Averta-Light;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    top: 100px;
    display: block;
}
.cover-with-vip{
    position: fixed;
    top:0;left: 0;right: 0;bottom: 0;
    background-color: #000;
    opacity: 0.6;
    z-index: 9;
}
#myvideo{
    position: relative;
}
#myaudio{
    position: relative;
}
#myalbum-player{
    position: relative;
}
.alert_block_vip_video{
    position: absolute;
    z-index: 1;
    font-family: Roboto;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    padding: 0 24px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.45);
}
.alert_block_vip_song{
    position: absolute;
    z-index: 1;
    font-family: Roboto;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    top: 170px;
    left: 54%;
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    padding: 0 10px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
}

.pl-video-custom{
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.55);
}

.pl-box-right{
    display: block;
    width: 100%;
    height: auto;
    padding: 0px 18px 0px 300px;
    position: absolute;
    top: 19px;
    right: 7px;
    z-index: 10;
    color: #ffffff;
}

.pl-video-custom .player-suggest-login img{
    width: 230px;
    position: absolute;
    top: 150px;
    left: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    border-radius: 2px;
    max-height: 186px;
}

/*.pl-video-custom .pl-title-video{*/
/*    text-align: center;*/
/*    font-size: 17px;*/
/*    font-family: Averta-Bold,Roboto-Bold;*/
/*    line-height: 25px;*/
/*    padding: 0 0 20px 0;*/
/*}*/

.pl-controller{
    padding-top: 3px;
    text-align: center;
}

.pl-button div.pl-button-left, .pl-button div.pl-button-center {
    float: left;
}
.pl-button-left, .pl-button-right{
    width: 60px;
}

.pl-button-center{
    width: 400px;
}

.pl-button-left{
    top: 8px;
}

.pl-button-left i{
    font-size: 30px;
}

.pl-button-right{
    float: right;
}
.clear{
    clear: both;
}

.yt-progess{
    background: transparent;
}

.pl-icon{
    width: 58px;
    height: 58px;
}

input.yt-progess[type=range] {
    height: 25px;
    -webkit-appearance: none;
    width: 100%;
}
input.yt-progess[type=range]:focus {
    outline: none;
}
input.yt-progess[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #0ba14b;
    border-radius: 1px;
    border: 0px solid #000000;
}
input.yt-progess[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #0ba14b;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #0ba14b;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}
input.yt-progess[type=range]:focus::-webkit-slider-runnable-track {
    background: #0ba14b;
}
input.yt-progess[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #0ba14b;
    border-radius: 1px;
    border: 0px solid #000000;
}
input.yt-progess[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #0ba14b;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #0ba14b;
    cursor: pointer;
}
input.yt-progess[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input.yt-progess[type=range]::-ms-fill-lower {
    background: #0ba14b;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}
input.yt-progess[type=range]::-ms-fill-upper {
    background: #0ba14b;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}
input.yt-progess[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #0ba14b;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #0ba14b;
    cursor: pointer;
}
input.yt-progess[type=range]:focus::-ms-fill-lower,
input.yt-progess[type=range]:focus::-ms-fill-upper{
    background: #0ba14b;
}

.pl-center-img > img{
    vertical-align:middle;
}

.pl-center-img {
    margin-top: -13px;
}

.pl-blur{
    width: 100%;
    height: 100%;
}

.pl-not-found{
    color: #ffffff;
    background: gray;
    line-height: 33px;
    padding: 10px;
    margin: 0 0 19px 0;
}

.pl-image-video-fake{
    height: 200px;
    position: relative;
}

.pl-image-video-fake img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 43px;
    color: #FF0000;
}

.pl-iframe #player-embed-video{
    width: 355px;
}

.pl-iframe .pl-iframe-left{
    width: 441px;
    float: left;
    text-align: right;
}

.pl-iframe .pl-source{
    text-decoration: underline;
    float: right;
    position: absolute;
    margin-left: 20px;
    font-family: Roboto;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
}

.pl-source img{
    position: relative;
    top: 2px;
    left: 3px;
}

.pl-source-hover{
    display: none;
}

.pl-box {
    width: 394px;
    height: 236px;
    background-color: black;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background: #21324A;
    padding: 25px;
    position: absolute;
    float: right;
    margin-bottom: 15px;
    z-index: 999;
    right: -307px;
    top: 64px;
    border-radius: 5px;
}

.pl-box.pl-source-hover:after {
    content: " ";
    position: absolute;
    left: 15px;
    top: -5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #21324A;
    transform: rotate(45deg);
}

.youtube-player{
    position: relative;
}

.yt-btn-hover{
    cursor: pointer;
}

.pl-switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 22px;
}

.pl-switch input {
    display:none;
}

.pl-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #959595;
    -webkit-transition: .4s;
    transition: .4s;
}

.pl-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .pl-slider {
    background-color: #3FB684;
}

input:focus + .pl-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .pl-slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}

.pl-btn{
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

.on{
    left: 15px;
    display: none;
}

.off{
    right: 0;
}

input:checked+ .pl-slider .on{
    display: block;
}

input:checked + .pl-slider .off{
    display: none;
}

.pl-slider.round {
    border-radius: 34px;
}

.pl-slider.round:before {
    border-radius: 50%;
}

.text-bold{
    font-weight: Bold;
}

.banner_music{
    display: block;
    text-align: center;
    margin: 12px 0 -12px 0;
}

.banner_music_custom{
    display: block;
    text-align: center;
    margin: 12px 0 10px 0;
}