<div class="ugc-body">
		<div class="ugc-banner">
			<div class="ugc-banner-bg">
				<img src="resources/css/style-yellow/images/ugc-banner-bg.jpg">
				<a id = "auto-show-activity-start-here" class="ugc-start" href="#upload-ugcmusic" title="start here" type="i18n" key="ugc_start_here">START HERE</a>
				<a id = "auto-show-activity-view-contents" class="ugc-view" href="#show-activity-list" title="view contents" type="i18n" key="ugc_view_content">View Content</a>
			</div>
		</div>
		<div class="ugc-con ugc-mb20">
			<div class="ugc-hd">
				<h1 id = "auto-show-activity-campaign-rules" type="i18n" key="ugc_campaign_rules"></h1>
			</div>
			<div class="campaign-rules fn-clear">
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-upload" src="resources/css/style-yellow/images/ugc-activity-upload.png">
						</div>
						<div class="campaign-rules-item-text">
							<p id = "auto-show-activity-campaign-uploads">UPLOAD & SHARE THE MUSIC</p>
							<div id = "auto-show-activity-campaign-uploadms">Upload your music content on MTN Music+; you will receive a link via SMS upon successful content upload. Share this content link on Facebook, Twitter and Instagram to get family and friends to click, listen and like.</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-featurre" src="resources/css/style-yellow/images/ugc-activity-feature.png">
						</div>
						<div class="campaign-rules-item-text">
							<p id = "auto-show-activity-FEATURED-RADIO">FEATURED ON RADIO</p>
							<div id = "auto-show-activity-likes-weekly">Music upload with the highest likes weekly will be featured on MTN sponsored Radio programs across Nigeria</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-expose" src="resources/css/style-yellow/images/ugc-activity-expose.png">
						</div>
						<div class="campaign-rules-item-text">
							<p>EXPOSED ON PORTALS</p>
							<div>Amongst the cumulative pool of entries, 10 top entries with the highest likes will be selected. A panel of producers and/music directors (MTN Ambassadors) will select the top 5. The selected 5 songs will be uploaded on MTN music+ platform for one week to gather likes.</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-win" src="resources/css/style-yellow/images/ugc-activity-win.png">
						</div>
						<div class="campaign-rules-item-text">
							<p>WIN A SALOON CAR</p>
							<div>The person whose song has the highest likes after a week wins a mid-sized saloon car.</div>
						</div>
					</div>
			</div>
					
			<p class="ugc-shares">
				<a id = "auto-show-activity-shares-facebook" class="ugc-icon ugc-icon-facebook" href="#"></a>
				<span id = "auto-show-activity-shares-line" class="ugc-icon ugc-icon-line"></span>
				<a id = "auto-show-activity-shares-twitter" class="ugc-icon ugc-icon-twitter" href="#"></a>
				
			</p>
		</div>
	</div>

<div class="group new-playlist-group">
    	<div class="playlist-title"><p id="playlist-tittle-all" type="i18n" key="common_playlist_all"></p></div>
        <div class="big-img">
            <ul class="mainlist one-line playlist_all"></ul>
        </div>
        <div class="playlist-more"><a id="playlist-all-more" href="#music-hearthis?all" type="i18n" key="click_to_view_more"></a></div>
    </div>
    <div class="group new-playlist-group">
    	<div class="playlist-title playlist-title-new"><p id="playlist-tittle-recommend" type="i18n" key="common_playlist_recommend"></p></div>
        <div class="big-img">
            <ul class="mainlist one-line playlist_recommend"></ul>
        </div>
        <div class="playlist-more"><a id="playlist-recommend-more" href="#music-hearthis?recommend" type="i18n" key="click_to_view_more"></a></div>
    </div>
    
    <div class="group new-playlist-group">
    	<div class="playlist-title playlist-title-new"><p id="playlist-tittle-mtn" type="i18n" key="common_playlist_mtn"></p></div>
        <div class="big-img">
            <ul class="mainlist one-line playlist_mtn"></ul>
        </div>
        <div class="playlist-more"><a id="playlist-mtn-more" href="#music-hearthis?mtn" type="i18n" key="click_to_view_more"></a></div>
    </div>
    <div class="group new-playlist-group">
    	<div class="playlist-title playlist-title-new"><p id="playlist-tittle-dj" type="i18n" key="common_playlist_dj"></p></div>
        <div class="big-img">
            <ul class="mainlist one-line playlist_dj"></ul>
        </div>
        <div class="playlist-more"><a id="playlist-dj-more" href="#music-hotvibe?dj" type="i18n" key="click_to_view_more"></a></div>
    </div>
    <div class="group new-playlist-group">
    	<div class="playlist-title playlist-title-new"><p id="playlist-tittle-fans" type="i18n" key="common_playlist_fans"></p></div>
        <div class="big-img">
            <ul class="mainlist one-line playlist_fans"></ul>
        </div>
        <div class="playlist-more"><a id="playlist-fans-more" href="#music-hotvibe?fan" type="i18n" key="click_to_view_more"></a></div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-music-hotvibe-back" class="second_nav_back" href="#music-playlist"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id = "auto-music-hotvibe-second-user" class="second_nav_user fr" href="#myaccount"></a>
    	<a id = "auto-music-hotvibe-associate" class="second_nav_search fr" href="#associate"></a>
    	<h1 id = "auto-music-hotvibe-h1" class="second_nav_h1"></h1>
    </div>
    <div class="group new-playlist-group">
        <div class="big-img" id="panelList">
            <div id="djhotvibecontent" style="display:none">
                <ul class="mainlist djhotvibelist one-line"></ul>
            </div>
            <div id="fanhotvibecontent">
                <ul class="mainlist fanhotvibelist one-line"></ul>
            </div>
            <div id="hothotvibecontent" style="display:none">
                <ul class="mainlist hothotvibelist one-line"></ul>
            </div>
            <div id="newhotvibecontent">
                <ul class="mainlist newhotvibelist one-line"></ul>
            </div>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-hotvibe-back" class="second_nav_back" href="javascript:gotoBack();"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id = "auto-hotvibe-publisher-user" class="second_nav_user fr" href="#myaccount"></a>
    	<a id = "auto-hotvibe-publisher-search" class="second_nav_search fr" href="#associate"></a>
    	<h1 id = "auto-hotvibe-publisher-h1"  class="second_nav_h1"></h1>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p id = "auto-hotvibe-publisher-listenapp" type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear">
        <div class="music-img">
        	<div class="playlist-play play play-category"><div class="plDimImg"></div></div>
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des">
            <div class="music-des-top clear">
                <p id = "auto-hotvibe-publisher-des" class="title break"></p>
            </div>
            
            <div class="playlist-desc"><span id = "auto-hotvibe-publisher-intro" type="i18n" key="common_intro"></span><span id = "auto-hotvibe-publisher-content" class="desc-content"></span></div>
        </div>
    </div>
    
    <div class="row playlist-icon">
    	<a href="javascript:void(0);" class="span6 border-r fav2">
    		<i class="icon-fav"></i> <span id="auto-hotvibe-publisher-favorite" type="i18n" key="common_favorite"></span>
    	</a>
    	<a  href="javascript:void(0);" class="span6 share">
    		<i class="icon-share"></i> <span id="auto-hotvibe-publisher-share" type="i18n" key="common_share"></span>
    	</a>
    </div>
    <div class="group">
        
        <div id="panelList" style="-webkit-tap-highlight-color:rgba(0,0,0,0)">
            <ul class="mainlist hearthisdetailcontent"></ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-music-hotvibe-detail-back" class="second_nav_back" href="javascript:gotoBack();"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id = "auto-music-hotvibe-detail-user" class="second_nav_user fr" href="#myaccount"></a>
    	<a id = "auto-music-hotvibe-detail-search" class="second_nav_search fr" href="#associate"></a>
    	<h1 id = "auto-music-hotvibe-detail-h1" class="second_nav_h1"></h1>
    </div>
    
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p id = "auto-music-hotvibe-detail-listenapp" type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
    </table>
    </div>
    <div class="music-box clear">
        <div class="music-img">
        	<div class="playlist-play play play-playlist"><div class="plDimImg"></div></div>
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des">
            <div class="music-des-top clear">
                <p class="title break"><span id = "auto-music-hotvibe-detail-hotvibe-title" class="hotvibe-title"></span><span id = "auto-music-hotvibe-detail-color-txt" class="color-txt"></span></p>
            </div>
            
            <div class="publisher cut"></div>
            <div class="playlist-desc"><span id = "auto-music-hotvibe-detail-common-intro" type="i18n" key="common_intro"></span> <span id = "auto-music-hotvibe-detail-desc-content" class="desc-content"></span></div>
            <div class="plShow"><i class="i_show"></i></div>
             <div class="plHide"><i class="i_hide"></i></div>
            
        </div>
    </div>
    <div class="row playlist-icon">
    	<div class="span4 border-r fav2">
    		<i class="icon-fav"></i> <span id = "auto-music-hotvibe-detail-favorite" type="i18n" key="common_favorite"></span>
    	</div>
    	<div class="span4 border-r praise">
    		<i class="icon-good"></i> <span id = "auto-music-hotvibe-detail-favorite" class="count"></span>
    	</div>
    	<div class="span4 share">
    		<i class="icon-share"></i> <span id = "auto-music-hotvibe-detail-favorite" type="i18n" key="common_share"></span>
    	</div>
    </div>
    <div class="group">
    	
        <div id="panelList">
            <ul class="mainlist hotvibedetailcontent"></ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-music-albums-back" class="second_nav_back" href="#index-page"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id = "auto-music-albums-search" class="second_nav_search fr" href="#associate"></a>
    	<h1 id = "auto-music-albums-tittle" class="second_nav_h1"></h1>
    </div>
    <div id="albums-content">
    <div id="subNav">
    	<ul index="1" class="navMenu" id="navListPrev">
            <li style="width:49%" class="nav-focus"><a id = "auto-music-albums-new" href="#music-albums?new"><span type="i18n" key="music_new"></span></a></li>
            <li style="width:48%"><a id = "auto-music-albums-hot" href="#music-albums?hot"><span type="i18n" key="music_hot"></span></a></li>
        </ul>
	</div>
    </div>
    <div class="group new-music-albums-group">
        <div id="panelList" class="big-img">
        	<div id="newcontent" style="display:none;">
                <ul class="mainlist newlist"></ul>
            </div>
            <div id="hotcontent" style="display:none;">
                <ul class="mainlist hotlist"></ul>
            </div>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-music-album-detail-back" class="second_nav_back" href="javascript:gotoBack();"></a>
    	<a id = "auto-music-albums-detail-search" class="second_nav_home " href="#index-page"></a>
    	<h1 id = "auto-music-albums-detail-search" class="second_nav_h1"></h1>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
    </table>
    </div>
   <div class="music-box clear">
       <div class="music-img">
           <div class="mark-bar"><div class="mark-txt"></div></div>
       </div>
       <div class="music-des">
           <div class="music-des-top clear">
               <p id = "auto-music-album-detail-des" class="title break"></p>
           </div>
           <p id = "auto-music-album-detail-artisname" class="album-artistname"></p>
           
        </div>
    </div>
    
    <div class="row playlist-icon">
    	<div id="favAct" class="span6 border-r fav2">
    		<i class="icon-fav"></i> <span id = "auto-music-album-detail-fav" type="i18n" key="common_favorite"></span>
    	</div>
    	<div class="span6 share">
    		<i class="icon-share"></i> <span id = "auto-music-album-detail-share" type="i18n" key="common_share"></span>
    	</div>
    </div>
    <div class="group detail-group">
    	
        <div id="panelList">
            <ul class="mainlist songlist"></ul>
        </div>
    </div>
    <div class="group">
    	
        <div>
            <ul class="mainlist DNAlist"></ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-music-artist-detail-back" class="second_nav_back" href="javascript:gotoBack();"></a>
    	<a id = "auto-music-artist-detail-backhome" class="second_nav_home " href="#index-page"></a>
    	<h1 id = "auto-music-artist-detail-tittle" class="second_nav_h1"></h1>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
       <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
    </table>
    </div>
    <div class="music-box clear">
        <div class="music-img"></div>
        <div class="music-des">
            <p id = "auto-artistdetail-artistname" class="title break"></p>
            <div class="artist-box">
            	<div class="span6 border-r gray-txt">
            		<span class="gray-txt" type="i18n" key="music_albums"></span>:
		    	</div>
		    	<div class="span6 gray-txt">
		    		<span class="gray-txt" type="i18n" key="common_songs"></span>:
		    	</div>
            </div>
            <div class="icon-box">
            	<div id="favAct" class="span6 fav2">
		    		<i class="icon-fav"></i> <span id="auto-music-artist-detail-favorite" type="i18n" key="common_favorite"></span>
		    	</div>
		    	<div id="shareAct" class="span6 share">
		    		<i class="icon-share"></i> <span id = "auto-music-artist-detail-share" type="i18n" key="common_share"></span>
		    	</div>
            </div>
        </div>
    </div>
    <div id="albums-content">
	    <div id="subNav">
	    	<ul index="1" class="navMenu" id="navListPrev">
	            <li style="width:49%" class="nav-focus"><a id="artistSongs" type="i18n" key="common_songs_search"></a></li>
	            <li style="width:48%"><a id="artistAlbums" type="i18n" key="music_albums_search"></a></li>
	        </ul>
		</div>
	</div>
	
    <div class="group artistSongs" style="">
        <div id="panelList"  style="-webkit-tap-highlight-color:rgba(0,0,0,0);">
            <ul class="mainlist artistSongsList"></ul>
        </div>
    </div>
    <div class="group artistAlbums display" style="">
        <div>
            <ul class="mainlist artistAlbumsList"></ul>
        </div>
    </div>
    <div class="group artistDNAs display">
        <div>
            <ul class="mainlist one-line artistLikeList"></ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-search-back" href="#associate" class="second_nav_back"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<h1 id = "auto-search-tittle" class="second_nav_h1">SEARCH</h1>
    </div>
    <div id="search" class="search-box">
        <div id="searchBtnBox">
            <div id="searchBtn"><a href="javascript:void(0)"  key="common_search" type="i18n"></a></div>
        </div>
        <div id="searchInputBox"><input id="auto_search_searchInput" type="text" value="" placeholder="" maxlength="64"></div>
    </div>
    <div class="notice-txt-top" style="display:none;padding:10px;">
        <div style="float: left;background-image: url("resources/img/ico-prompt.png");"></div>
        <p></p>
    </div>
	<div id="subNav">
        <ul id="navListPrev" class="navMenu" index="1">
            <li id="generalTab" class="generalTab" tab="general" style="width:21.5%;"><a style="font-size: 14px;" href="javascript:void(0)" key="common_general_search" type="i18n"></a></li>
            <li id ="songTab" class="songTab" tab="song" style="width:16.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="common_songs_search" type="i18n"></a></li>
            <li id="albumTab" class="albumTab" tab="album" style="width:18.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="music_albums_search" type="i18n"></a></li>
            <li class="playListTab" id="playListTab" tab="playList" style="width:23.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="common_playlists_search" type="i18n"></a></li>
            <li class="artistTab" id="artistTab" tab="artist" style="width:18.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="music_artists_search" type="i18n"></a></li>
        </ul>
    </div>
	<div id="genaralSearch" class="searchArea">
		<div class="group artist_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="artist"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="music_artists_search" type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchArtistList">
				</ul>
			</div>
		</div>
		<div class="group album_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="album"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="music_albums_search" type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchAlbumList">
				</ul>
			</div>
		</div>
		<div class="group playList_group new-playlist-group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="playList"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key=common_playlists_search type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchPlayListList">
				</ul>
			</div>
		</div>
		<div class="group song_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="song"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="common_songs_search" type="i18n"></h1>
			</div>
			<div class="search-content" id="panelList1">
				<ul class="mainlist searchSongList">
				</ul>
			</div>
		</div>
	</div>
	<div class="group  searchArea allSongs" style="display:none;">
        <div class="search-content" id="panelList1">
            <ul class="mainlist allSearchSongList">
            </ul>
        </div>
    </div>
    <div class="group searchArea allAlbums" style="display:none;margin-top:0;">
        <div class="search-content radio">
            <ul class="mainlist allSearchAlbumList">
            </ul>
        </div>
    </div>
     <div class="group new-playlist-group searchArea allPlayLists" style="display:none;">
        <div class="search-content radio">
            <ul class="mainlist allSearchPlayListList">
            </ul>
        </div>
     </div>
     <div class="group searchArea allArtists" style="display:none;margin-top:0;">
        <div class="search-content radio">
            <ul class="mainlist  allSearchArtistList">
            </ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a class="second_nav_home" href="#index-page"></a>
    	<h1 id = "auto-associate-search" class="second_nav_h1">SEARCH</h1>
    </div>
	<div id="search" class="search-box">
        <div id="searchBtnBox">
            <div id="searchBtn"><a id = "auto-associate-common-search" href="javascript:void(0)"  key="common_search" type="i18n"></a></div>
        </div>
        <div id="searchInputBox"><input id="auto_associate_searchInput" type="text" placeholder="" maxlength="64"/></div>
	</div>
	<div class="search-wrap" id="normalSearch" style="display:none;">
        <div class="group clear song_group" style="display:none;">
            <div class="songs" type="i18n" key="common_song"></div>
            <ul class="search-content">
            </ul>
        </div>
        <div class="group clear album_group" style="display:none;">
            <div class="albums" type="i18n" key="common_album"></div>
            <ul class="search-content">
            </ul>
        </div>
        <div class="group clear playList_group" style="display:none;">
            <div class="playlist" type="i18n" key="common_playlist"></div>
            <ul class="search-content">
            </ul>
        </div>
         <div class="group clear artist_group" style="display:none;">
            <div class="artists" type="i18n" key="common_artist"></div>
            <ul class="search-content">
            </ul>
        </div>
	</div>
	<div class="search-wrap detail-group" id="hotSearch" style="display:none;">
        <ul class="clear">
        </ul>    
 	</div>
 	<div class="search-wrap" id="searchHistory" style="display:none;">
 		<div class="group" style="margin-top:0;">
        	<ul class="mainlist clear">
        	</ul>
        </div>    
 	</div>
 	<div class="search-wrap" id="relatedWords" style="display:none;">
        <div class="group" style="margin-top:0;">
        	<ul class="mainlist clear">
        	</ul>
        </div>    
 	</div>

<div class="common_second_nav">
    	<a id = "auto-myfavorite-songs-back" class="second_nav_back" href="#myaccount"></a>
    	<a id = "auto-myfavorite-songs-home" class="second_nav_home " href="#index-page"></a>
    	<div id = "auto-myfavorite-songs-edit" class="second_nav_edit"></div>
    	<div id = "auto-myfavorite-songs-ok" class="second_nav_ok" style="display:none"></div>
    	<h1 id = "auto-myfavorite-songs-mymusic-favoritesingles" class="second_nav_h1" type="i18n" key="common_favoritesingles"></h1>
    </div>
    <div class="empty-box" style="display: none;">
    	<div id = "auto-myfavorite-songs-empty-fav" class="empty-fav-bg"></div>
    	<div id = "auto-myfavorite-songs-yourfav" key="add_songs_to_your_fav" type="i18n" class="empty-info"></div>
    	<div id = "auto-myfavorite-songs-empty-notice" key="fav_empty_notice" type="i18n" class="empty-notice"></div>
    	<a id = "auto-myfavorite-songs-discover-music" key="discover_music" type="i18n" class="empty-btn" href="#index-page"></a>
    </div>
    <div class="group">
        
        <div id="panelList">
            <ul class="mainlist favorite-songs-list">
            </ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-myfavorite-artists-back" class="second_nav_back" href="#myaccount"></a>
    	<a id = "auto-myfavorite-artists-home" class="second_nav_home " href="#index-page"></a>
    	<div id = "auto-myfavorite-artists-edit" class="second_nav_edit"></div>
    	<div id = "auto-myfavorite-artists-ok" class="second_nav_ok" style="display:none"></div>
    	<h1 id = "auto-myfavorite-artists-mymusic-favoriteartists" class="second_nav_h1" type="i18n" key="mymusic_favoriteartists"></h1>
    </div>
    <div class="commom_third_nav">
    	<ul>
    		<li class="active"><a href="#myfavorite-artists" type="i18n" key="music_artists"></a></li>
    		<li><a href="#myfavorite-acts" type="i18n" key="ugc_acts"></a></li>
    	</ul>
    </div>
    <div class="empty-box empty-artists" >
    	<div class="empty-fav-artists-bg"></div>
    	<div key="add_artists_to_your_fav" type="i18n" class="empty-info"></div>
    	<div key="fav_artists_empty_notice" type="i18n" class="empty-notice"></div>
    	<a id="discover_artists1_bln" key="discover_artists1" type="i18n" class="empty-btn" href="#music-artists"></a>
    </div>
    <div class="group">
        
        <div class="artist-content" id="panelList" style="-webkit-tap-highlight-color:rgba(0,0,0,0);">
            <ul class="mainlist favorite-artists-list"></ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-myfavorite-acts-back" class="second_nav_back" href="#mymusic-playlist"></a>
    	<a class="second_nav_home " href="#index-page"></a>
    	<div class="second_nav_edit"></div>
    	<div class="second_nav_ok" style="display:none"></div>
    	<h1 class="second_nav_h1" type="i18n" key="mymusic_favoriteartists"></h1>
    </div>
    <div class="commom_third_nav">
    	<ul>
    		<li><a href="#myfavorite-artists" type="i18n" key="music_artists"></a></li>
    		<li class="active"><a href="#myfavorite-artists" type="i18n" key="ugc_acts"></a></li>
    	</ul>
    </div>
    <div class="empty-box empty-acts" >
    	<div class="empty-fav-artists-bg"></div>
    	<div key="add_acts_to_your_fav" type="i18n" class="empty-info"></div>
    	<div key="fav_acts_empty_notice" type="i18n" class="empty-notice"></div>
    	<a id="discover_acts_bln" key="discover_acts" type="i18n" class="empty-btn" href="#ugc-hot-acts"></a>
    </div>
    <div class="group">
        
        <div class="artist-content" id="panelList" style="-webkit-tap-highlight-color:rgba(0,0,0,0);">
            <ul class="mainlist favorite-artists-list"></ul>
        </div>
    </div>

<div class="group" style="margin-top: 0px">
    	
        
        <div id="panelList">
            <div class="one-line" id="myPublicPage">
                <div class="mainlist-box">
                    <div class="list-img"  style="margin-top:0px;">
                    	<i class="my-music-icon icon-upload"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_myupload_page" href="#myupload-songs?s=1" type="i18n" key="mymusic_myupload_page"></a></p></div>
                    </div>
                </div>
            </div>
            <div class="my-music-split"></div>
            <div class="one-line" id="favSongs">
                <div class="mainlist-box">
                    <div class="list-img"  style="margin-top:0px;">
                    	<i class="my-music-icon icon-fav"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_favorite_singles" href="#myfavorite-songs" type="i18n" key="mymusic_favoritesingles"></a></p></div>
                    </div>
                </div>
            </div>
            
            
            <div class="playlist-div playlist-close">
	            <ul class="mainlist one-line play_list">
	            </ul>
	            <ul class="mainlist one-line hear_this">
	            </ul>
	            <ul class="one-line fav_albums">
	            </ul>
	            <ul class="one-line hot_vibe">
	            </ul>
	            
            </div>
            <div class="playlist-all-bt mainlist-box" style="display:none">
            	<div class="play-notice" type="i18n" key="playlsit_view_more"></div>
            </div>
            
            <div class="one-line">
                <div class="mainlist-box iaddPlayListNew">
                    <div class="list-img iaddPlayListNew" style="margin-top:0px;">
                    	<i class="my-music-icon icon-add"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a href="javascript:void(0)" id="iaddPlayListNew" class="iaddPlayListNew" type="i18n" key="favorite_addnewplaylist"></a></p></div>
                    </div>
                </div>
            </div>
            <div class="my-music-split"></div>
            <div class="one-line" id="favSongs">
                <div class="mainlist-box">
                    <div class="list-img" style="margin-top:0px;">
                    	<i class="my-music-icon icon-user"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_favor_artists" href="#myfavorite-artists" type="i18n" key="mymusic_favoriteartists"></a></p></div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>

<div class="common_second_nav">
    	<a href="#mymusic-playlist" class="second_nav_back" id="auto-mymusic-publicpage-back"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id="auto-mymusic-publicpage-edit" href="#myupload-songs?s=2" class="second_nav_edit"></a>
    	<h1 id="auto-mymusic-publicpage-mypublicpage" key="common_mymusic_mypublicpage" type="i18n" class="second_nav_h1"></h1>
    </div>
	<div class="empty-box">
    	<div class="empty-my-page-bg"></div>
    	<div class="empty-info" type="i18n" key="my_page_empty_notice"></div>
    	<a id="auto-mymusic-publicpage-upload-ugnmusic" href="#upload-ugcmusic" class="empty-btn" type="i18n" key="ugc_upload_btn_touch"></a>
    </div>
	<div class="group" style="margin-top:0px">
		<div class="ugcuser-header mypublicpage">
			<div class="ugcuser-bg">
				<img class="userpic" src="">
	
			</div>
			<div class="ugcuser-content">
				<div class="ugcimg">
					<img class="userpic" src=""/>
				</div>
				<div class="usernick cut"></div>
				<div class="info-row">
					<label type="i18n" key="mymusic_myupload_page_jointime"></label>:<label class="jointime"></label>
				</div>
				<div class="info-row">
					<span class="user_state"></span>
					<label  type="i18n" key="myaccount_region"></label>:<label class="region"></label>
				</div>
				<div class="info-row thirdD">
					<a style="margin-top: 5px;margin-bottom: 5px;padding: 0 40px;" href="#upload-ugcmusic" class="act-btn" type="i18n" key="ugc_upload_btn_touch"></a>
				</div>
				<div class="ugcuser-info">
					<ul>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="common_favorite"></p>
						</li>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="mobile_ugc_like"></p>
						</li>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="common_ugcindex_songs"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="ugc-songs">
			<ul class="mainlist">
			</ul>
		</div>
		<div class="ugc-comments">
			<div class="comments-title clear" style="text-align:center;"><h1 style="color:#ffcb05;font-size:24px;line-height: 24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5)">COMMENTS</h1></div>
			<div class="comments-input">
				<p style="color:red" class="notice"></p>
				<textarea placeholder="Input your comments" class="normal-input" maxlength="200"  rows="1" id="commentTextarea" style="margin: 0;height:4rem;padding-left: 5px;padding-top: 6px;text-indent:0px;width:98%;color:#ccc;border-radius:4px;" />
				<div class="clear">
					<a href="#" type="i18n" style="margin-top: 14px;color:#000;border-radius:2px;" key="common_post" class="post-btn"></a>
					<span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>
				</div>
			</div>
			<ul class="ugc-comment-list">
			</ul>
		</div>
		
    </div>

<div class="common_second_nav">
    	<a href="javascript:gotoBack();" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="auto-ugc-act-detail-tittle" key="mymusic_mypublicpage" type="i18n" class="second_nav_h1"></h1>
    </div>
	<div class="group" style="margin-top:0px">
		<div class="ugcuser-header">
			<div class="ugcuser-bg">
				<img class="userpic" src="">
			
			</div>
			<div class="ugcuser-content">
				<div class="ugcimg">
					<img class="userpic" src=""/>
				</div>
				<div class="usernick cut"></div>
				<div class="info-row" style="font-size:12px;">
					<label type="i18n" key="mymusic_myupload_page_jointime"></label>:<label class="jointime"></label>
				</div>
				<div class="info-row" style="font-size:12px;">
					<span class="user_state"></span>
					<label class="addreddLa" type="i18n" key="myaccount_region"></label>:<label class="region"></label>
				</div>
				<div class="info-row">
					<a href="#" class="ugcuser-btn fav"><i class="icon-fav"></i><span type="i18n" key="common_favorite"></span></a>
					<a href="#" class="ugcuser-btn good"><i class="icon-good"></i><span type="i18n" key="common_like_face"></span></a>
				</div>
				<div class="ugcuser-info">
					<ul>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="common_favorite"></p>
						</li>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="mobile_ugc_like"></p>
						</li>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="common_ugcindex_songs"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="ugc-songs">
			<ul class="mainlist">
			</ul>
		</div>
		<div class="ugc-comments">
			<div class="comments-title clear" style="text-align:center;padding-bottom:6px;"><h1 style="color:#ffcb05;font-size:24px;line-height: 28px;border-bottom:solid 1px rgba(255, 255, 255, 0.5)">COMMENTS</h1></div>
			<div class="comments-input">
				<p style="color:red" class="notice"></p>
				<textarea placeholder="Input your comments" class="normal-input" id="commentTextarea" maxlength="200"  rows="1" style="margin: 0;height:4rem;padding-left: 5px;padding-top: 6px;text-indent:0px;width:98%;color:#ccc;border-radius:4px;" />
				<div class="clear">
					<a href="#" type="i18n" style="margin-top: 14px;color:#000;border-radius:2px;" key="common_post" class="post-btn"></a>
					<span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>
				</div>
			</div>
			<ul class="ugc-comment-list" style="overflow: hidden;">
			</ul>
		</div>
		
    </div>

<div class="common_second_nav" style="position: fixed;top: 0;width: 100%;z-index: 99;margin:0;padding:0;">
    	<a href="#index-page" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="" class="specialExclusive_header_musicName second_nav_h1"></h1>
    	<a href="javascript:void(0);" class="icon-share specialExclusive_share share"></a>
    </div>
	<div class="group" style="margin-top:40px">
		<div id="specialExclusivePlayer">
			<div class="specialExclusivePlayer_box_bg">
			</div>
			<div class="specialExclusivePlayer_bg">
				<div class="specialExclusiveMoreBtn specialExclusiveMoreBtn_a" style=""></div>
				<div class="specialExclusivePreBtn specialExclusivePreBtn_a" style=""></div>
				<div class="specialExclusivePlayer_mu">
					<div class="specialExclusivePlayer_mu_img" style="margin: 26px 0;">
						<img id="fullplayerimg" src="" width="118" height="118">
					</div>
				</div>
				<div class="specialExclusive_bottom_cont">
					<h1 class="specialExclusive_song_name cut"></h1>
					<p class="singer cut">
						<span id="artist_player_0" class="linkable specialExclusive_artistName"></span>
					</p>
					<div class="info-row fullTrack-btnWrap">
						<div class="fullTrack-btn" style="cursor: pointer" musicCode="'+music.musicCode+'">
							<span type="i18n" key="common_special_track"></span><div class="icon_right"></div>
						</div>
					</div>
					<p type="i18n" key="steam_full_track_7days" class="steam_full_track_7days" id="adv"></p>
				</div>
			</div>
			</div>
		</div>
		<div id="hearthis-comments" class="group detail-group" style="display:block;margin-top:2px;">
        	<div class="big-title" style="width:100%;border-bottom:1px solid rgba(255,255,255,0.08);background:#272727;height:40px;text-align:center;">
		        <h1 style="padding:10px 0 0 10px;color:#ffffff;font-size:24px;border:none;width:100%">COMMENTS</h1></div>
		        <div class="comment valentine clear" style="padding:10px 10px 8px;margin:0;border-bottom:1px solid rgba(255,255,255,0.08);">
		            <div class="list-img" style="display:none"></div>
		            <div class="comment-box" style="width:100%">
		                <div class="list-txt-box clear">
		                    <div class="rate-box float-right" style="margin:0;display:none">
		                        <div class="rate">
		                            <div class="rate-on star5" value="5"></div>
		                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                        </div>
		                    </div>
		                    <p class="list-title cut" style="display:none"></p>
		                </div>
		                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color:#575757;border-radius:4px;margin-top:3px;">
		                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;"/></div>
		                <div class="clear">
		                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
		                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
		                </div>
		            </div>
	        </div>
	     </div>
		<div id="hearthis-comments-list">
		    <ul class="mainlist commentslist"></ul>
		</div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-mymusic-playlistdetail-back" href="#myaccount" class="second_nav_back"></a>
    	<a id = "auto-mymusic-playlistdetail-home" href="#index-page" class="second_nav_home "></a>
    	<a id = "auto-mymusic-playlistdetail-remove" href="#mymusic-playlistdetail-remove" class="second_nav_remove"></a>
    	<h1 id = "auto-mymusic-playlistdetail-tittle" class="second_nav_h1"></h1>
    </div>
    <div class="empty-box">
    	<div class="empty-playlist-bg"></div>
    	<div class="empty-info" type="i18n" key="add_songs_to_your_playlist"></div>
    	<div class="empty-notice" type="i18n" key="playlist_empty_notice"></div>
    	<a id = "auto-mymusic-playlistdetail-dis-music" href="#index-page" class="empty-btn" type="i18n" key="discover_music"></a>
    </div>
    <div class="group">
        
        <div class="music-box clear" style="">
			<div class="music-img">
				<div id="playListPlay" class="playlist-play play play-playlist"></div>
				<img width="110px" height="110px" onerror="handleImgError(this,1)" src="">
				<div class="mark-bar"><div class="mark-txt"></div></div>
			</div>
			<div class="music-des">
				<div class="music-des-top clear">
					<p class="title break "><span id = "auto-mymusic-playlistdetail-des" class="my-playlist-title"></span></p>
				</div>
				<div id = "auto-mymusic-playlistdetail-private" class="publisher" type="i18n" key="my_private_playlist"></div>
				<div  class="playlist-desc cut"><span id = "auto-mymusic-playlistdetail-intro" key="common_intro" type="i18n"></span> <span id = "auto-mymusic-playlistdetail-desc-c" class="playlist-desc-c"></span></div>
			</div>
		</div>
		<div class="row playlist-icon unpublish">
	    	<div class="span6 border-r edit_playlist">
	    		<i class="icon-edit"></i> <span key="edit_playlist" type="i18n"></span>
	    	</div>
	    	<div class="span6 share">
	    		<i class="icon-share"></i> <span key="common_share" type="i18n"></span>
	    	</div>
	    </div>
		<div class="row playlist-icon ispublish" style="display:none">
	    	<div class="span4 border-r edit_playlist">
	    		<i class="icon-edit"></i> <span key="edit_playlist" type="i18n"></span>
	    	</div>
	    	<div class="span4 border-r praise">
	    		<i class="icon-good"></i> <span class="count"></span>
	    	</div>
	    	<div class="span4 share">
	    		<i class="icon-share"></i> <span key="common_share" type="i18n"></span>
	    	</div>
	    </div>
		
        <div id="panelList">
            <ul class="mainlist playlist-detail-list">
            </ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-mymusic-playlistdetail-remove-back" href="javascript:gotoBack();" class="second_nav_back"></a>
    	<a id = "auto-mymusic-playlistdetail-remove-home" href="#index-page" class="second_nav_home "></a>
    	<h1 id = "auto-mymusic-playlistdetail-remove-tittle" class="second_nav_h1"></h1>
    </div>
    <div class="group">
		
        <div id="panelList">
            <ul class="mainlist playlist-detail-list">
            </ul>
            <div class="list-remove-btn" type="i18n" key="delete_the_playlit"></div>
        </div>
    </div>

<section  class="section-box">
	
    
    <div  class="common_myacound_second_heard">
	    <div class="clear_background">
	    	<a id="myaccount-back-btn" class="second_nav_white_home" href="index.html#index-page"></a>
	    </div>
	    
        <div style="text-align: center;" class="userbox clear ma_headimg_edit">
    	    <div class="img-covers"></div>
    	    <a href="#mymusic-publicpage"><img width="64.5px" height="64.5px" alt="" style="border-radius:50px;margin-top:-12px;" src="resources/img/user.png"></a>
			<div class="userbox-infos">
				<p style="max-width:76%;display:inline-block;" class="cut nickname_info">
				</p>
				<a href="#myaccount-setting" class="edit_userinfos" />
			</div>
			<div class="user_genres"><span class="user_state"></span><span type="i18n" key="myaccount_region"></span><span>:</span><span class="state"></span></div>
	    </div>
	    
		<div class="myinfo_mask">
			<div class="myinfo_music"><span id="my_music" class="myinfo_mask_st" type="i18n" key="common_mymusic_case_mobile"></span></div>
			<div class="myinfo_account"><span id="myacc_myacount_btn" class="myinfo_mask_stc myinfo_mask_st" type="i18n" key="common_myaccount"></span></div>
		</div>
    </div>
    <div class="border-list">
        <ul id="ma_ul">
            <li id="music_plan">
                <div class="rightarrow"><a id="linkMusicPlan" href="#music-plans"></a></div>
                <div class="list-box">
                    <div id="ma_vip" class="myaccount_vip"></div>
                    <div>
	                    <p><a id="goMusicPlan" href="#music-plans?from=2"></a></p>
	                    <p id="music_club_info"></p>
                	</div>
                </div>
            </li>
            <li id="voucher_redeem" class="myaccount-line">
            	<div class="myaccount-line myaccount-icon"><div class="voucher_icon"></div></div>
                <div class="rightarrow"><a id="linkVoucher" href="voucher.html"></a></div>
                <div class="list-box myaccount-line"><p><a id="goVoucher" href="voucher.html" type="i18n" key="common_Voucher"></a></p></div>
            </li>
            <li id="transaction_history" class="myaccount-line" style="border-bottom: none;">
            	<div class="myaccount-line myaccount-icon"><div class="history_icon"></div></div>
                <div class="rightarrow"><a id="linkHistory" href="#transaction-history"></a></div>
                <div class="list-box myaccount-line"><p><a id="goHistory" href="#transaction-history" type="i18n" key="myaccount_consumptionrecord"></a></p></div>
            </li>
            <li class="ma_horizontal_septum"></li>
            <li class="ma_mobile_li myaccount-line">
           		<div class="rightarrow" style="display:none;"><a href="javascript:void(0)"></a></div>
            	<div class="myaccount-line myaccount-icon"><div class="ma_mobile_icon"></div></div>
            	<div class="myaccount-line" style="float: left;"><div class="ma_mobile_name" type="i18n" key="common_mobile"></div></div>
            	<div class="ma_mobile_info myaccount-line"></div>
            </li>
            <li class="ma_facebook myaccount-line">
            	<div class="rightarrow"><a href="javascript:void(0)"></a></div>
                <div class="myaccount-line myaccount-icon"><div class="ma_facebook_icon"></div></div>
            	<div class="myaccount-line" style="float: left;"><div class="ma_facebook_name one-line" type="i18n" key="common_facebook"></div></div>
            	<div class="ma_facebook_info myaccount-line">Bind Now</div>
            </li>
            <li class="ma_horizontal_septum"></li>
            <li id="morePoints" class="myaccount-line">
                <div class="rightarrow"><a href="javascript:void(0)"></a></div>
                <div class="myaccount-line myaccount-icon"><div class="morePoints_icon"></div></div>
                <div class="list-box myaccount-line" style="float: left;">
                    <p><a href="javascript:void(0)" type="i18n" key="myaccount_points_menu"></a></p>
                </div>
                <div class="vipRankTips myaccount-line"></div>
            </li>
        </ul>
    </div>
    <div class="act-btn big-red-btn" id="btnLogout"> 
        <a href="javascript:void(0)"  type="i18n" key="header_logout"></a>
    </div>
    <div id="mymusic-playlist-htm" class="content-box" > 
      <div class="group" style="margin-top: 0px">    	
        <div id="panelList">
            <div class="one-line" id="myPublicPage">
                <div class="mainlist-box">
                    <div class="list-img"  style="margin-top:0px;">
                    	<i class="my-music-icon icon-upload"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_myupload_page" href="#myupload-songs?s=1" type="i18n" key="mymusic_myupload_page"></a></p></div>
                    </div>
                </div>
            </div>
            <div class="my-music-split"></div>
            <div class="one-line" id="favSongs">
                <div class="mainlist-box">
                    <div class="list-img"  style="margin-top:0px;">
                    	<i class="my-music-icon icon-fav"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_favorite_singles" href="#myfavorite-songs" type="i18n" key="mymusic_favoritesingles"></a></p></div>
                    </div>
                </div>
            </div>
            
           
            <div class="playlist-div playlist-close">
	            <ul class="mainlist one-line play_list">
	            </ul>
	            <ul class="mainlist one-line hear_this">
	            </ul>
	            <ul class="one-line fav_albums">
	            </ul>
	            <ul class="one-line hot_vibe">
	            </ul>
	           
            </div>
            <div class="playlist-all-bt mainlist-box" style="display:none">
            	<div class="play-notice" type="i18n" key="playlsit_view_more"></div>
            </div>
            
            <div class="one-line">
                <div class="mainlist-box iaddPlayListNew">
                    <div class="list-img iaddPlayListNew" style="margin-top:0px;">
                    	<i class="my-music-icon icon-add"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a href="javascript:void(0)" id="iaddPlayListNew" class="iaddPlayListNew" type="i18n" key="favorite_addnewplaylist"></a></p></div>
                    </div>
                </div>
            </div>
            <div class="my-music-split"></div>
            <div class="one-line" id="favSongs">
                <div class="mainlist-box">
                    <div class="list-img" style="margin-top:0px;">
                    	<i class="my-music-icon icon-user"></i>
                    </div>
                    <div class="list-txt">
                        <div class="list-txt-box"><p class="list-title cut"><a id="mymusic_favor_artists" href="#myfavorite-artists" type="i18n" key="mymusic_favoriteartists"></a></p></div>
                    </div>
                </div>
            </div>
           
        </div>
    </div>    
  </div>
</section>

<div class="common_second_nav">
    	<a id = "auto-myaccount-points-back" href="javascript:gotoBack();" class="second_nav_back"></a>
    	<a id = "auto-myaccount-points-home" href="#index-page" class="second_nav_home"></a>
    	<h1 id = "auto-myaccount-points-tittle" class="second_nav_h1" type="i18n" key="common_myaccount_points"></h1>
    </div>
    <div class="myaccount-points">
    	<div class="header-bg">
    		<div class="total-points">
    			<div>
    			<img class="total-points-icon" src="resources/css/style-yellow/images/icon-points.png"/>
				<p class="total-points-count"></p>
				</div>
    		</div>
    		<div class="points-links">
	    		<p style="margin-left:-5px">
					<a class="link-btn exchange cut"  href="javascript:void(0)" type="i18n" key="myaccount_exchangerecord">Exchange Record>> </a>
					<a class="link-btn signin cut" style="" href="javascript:void(0)" type="i18n" key="myaccount_signedrecord">Sign-in Record>></a>
					<a class="link-btn rule cut" href="javascript:void(0)" type="i18n" key="myaccount_bonuspointsrule">Sign-in Rule>></a>
				</p>
    		</div>
    		<div class="points-desc"></div>
    	</div>
    	<div class="points-exchange">
    		<div class="big-title">
    			<div class="exchange-title"><p class="title-text" type="i18n" key="myaccount_pointsexchange"></p></div>
    		</div>
    		<div class="product-list marginPL">
    			
    		</div>
    	</div>
    </div>

<div class="bread clear">
			 <div class="breadicon backarrow"><a id = "auto-music-act-back" href="#index-page"></a></div>
	         <h1 id = "auto-music-act-page-tittle" type="i18n" key="music_act_page_title"></h1>
      	</div>
		<div class="turntable_box" style="overflow-x: hidden;overflow-y:hidden;">
			<img class="turntable" src="resources/css/style-yellow/images/turntable.png">
			<img class="prize" id="zp" src="resources/css/style-yellow/images/prize.png">
			<img class="rotate" id="zbtn2" src="resources/css/style-yellow/images/rotate-static.png" usemap="#btnmap">
			
			<map name="btnmap">
				<area id="zbtnarea" class="zbtn-pointer" shape="circle" coords="254.5,254.5,73" href="javascript:void(0);"/> 
				 
			</map>
			
			<map name="bgmap">
				
			</map>
		</div>
		<div class="act_desc">
			<ul>
				<li class="act_mypoints"></li>
				<li><h3 type="i18n" key="music_act_rule_title"></h3><p id="act-rule-desc"></p></li>
				<li><h3 type="i18n" key="music_act_howto_title"></h3><p id="act-howto-desc"></p></li>
				<li><h3 type="i18n" key="music_act_duration_title"></h3><p id="act-duration-desc"></p></li>
				<li><h3 type="i18n" key="myaccount_morePoints">:</h3>
				<p id="act-point-desc">Get more points by listening to more songs and sharing with your friends on facebook and twitter, download more songs.</p>
				<table width="96%" border="0" cellspacing="0" cellpadding="0">
					<thead><tr><td>Actions </td><td>Points</td></tr></thead>
					<tbody>
						<tr><td>Login </td><td>50MP/Time (Max 200P)</td></tr>
						<tr><td>Share Songs on SNS  </td><td>2MP/Time</td></tr>
						<tr><td>Comment </td><td>2MP/Time</td></tr>
						<tr><td>Buy Anything </td><td>2MP/Naira</td></tr>
						<tr><td>Share Playlist on Hot Vibes  </td><td>2MP/Time</td></tr>
					</tbody>
				</table>
				</li>
				
			</ul>
		</div>
		<div class="act_winner" style="HEIGHT:150px;">
			<div>
				<span class="title" type="i18n" key="music_act_winner_title"></span>
			</div>
			<div id="winner-list" style="height:120px; overflow:hidden;">
			<div  style="height: 200px;" >
			<table width="98%" border="0" cellspacing="5" cellpadding="5">
			</table>
			</div>
			</div>
		</div>
		<div><p style="color:#ffcb05; padding-top: 40px;padding-left: 10px;padding-right: 10px;font-weight: 600; text-align: center;">Welcome to join MTN Music+ BB Group PIN: c001fceef</p></div>

<div class="common_second_nav">
    	<a href="javascript:gotoBack();" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="auto-ugc-act-detail-tittle" class="second_nav_h1" style="margin-right:40px;">Feedback</h1>
    </div>
	
	<div id="feedback-box">
		<div class="feedback-info">
			<div class="feedback-text" id="feedback_username" style="word-wrap:break-word;margin-top:10px;">
				<span key="common_username" type="i18n"></span>: 
			</div>
			<div class="feedback-text" id="feedback_phonenumber">
				<span key="common_phonenumber" type="i18n"></span>: 
			</div>
			<div>
				<div class="textarea"><textarea id="feedback-commentTextarea" maxlimit="200" style="height:4rem;"/></div>
             	<div class="clear">
                 	<div class="post-btn" style="cursor:pointer;color:#000;border-radius:2px;" type="i18n" key="common_post"></div>
                 	<span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
             	</div>
             	<div style="color:red;" class="feedbackMsg"></div>
			</div>
		</div>
		<div class="">
			<div class="group detail-group">
				<div class="big-title"><h1 key="common_feedbackAnswer" type="i18n"></h1></div>
			</div>
			<div id="panelList">
				<ul class="mainlist feedback-answer"></ul>
			</div>
		</div>
	</div>

<div class="common_second_nav">
		<a id="backurl" class="second_nav_back" href="javascript:gotoBack();" ></a>
		<a class="second_nav_home" href="#index-page"></a>
		<h1 id = "auto-myaccount-bind-tittle" class="second_nav_h1" key="music_act_btn_bind" type="i18n"></h1>
		</div>
		<div class="ma_bind_box">
			
			<p class="red-txt bindPhoneError"></p>
			<div class="iterm-box phoneCell input-parents-box">
	            <div class="input-box clearfix input-clear-box" id="phoneNo">
	                <div class="input"><input maxlength="30" type="text" placeholder="" style="padding-left:15px;"></div>
	            </div>
           </div>
        
			
			<div class="iterm-box dynamicCodeCell input-parents-box log_pass">
				<div class="input-box ma_dynamicCodeCell input-clear-box">
					<div class="input"><input maxlength="30" type="text" placeholder="" style="padding-left:15px;"></div>
				</div>
				<div class="act-btn ma_bind_codebtn getCodeBtn"  id="getDynamicCode"><a href="javascript:void(0)" class="" key="common_getDynamicCode" type="i18n"></a></div>
			</div>
			
			
		    <div class="act-btn gray-btn ma_bind_log" id="bindPhoneBtn"><a href="javascript:void(0)" key="buy_linkphone" type="i18n"></a></div>
		</div>

<div id="uploadUgcMusic" style="margin:0;">
	<div class="common_second_nav">
		<a id = "auto-upload-ugcmusic-back" href="javascript:void(0);" class="second_nav_back" ></a>
		<a id="auto-upload-ugcmusic-backhome" class="second_nav_home" href="#index-page"></a>
		<h1 id = "auto-upload-ugcmusic-upload-btn" type="i18n" key="ugc_upload_btn_touch" class="second_nav_h1"></h1>
	</div>
	<div id="steping1" style="display:none;">
		<ul class="upload-step">
			<li class="active"><div class="number_1">1</div><span type="i18n" key="ugc_select_song" style="margin-left:-30px;"></span></li>
			<li><div class="number_2">2</div><span type="i18n" key="ugc_complete_info" style="margin-left:-5px;"></span></li>
		</ul>
		<div class="clear"></div>
	</div>
	<div id="steping2" style="display:none;">
		<ul class="upload-step">
			<li><div class="number_1">1</div><span type="i18n" key="ugc_select_song" style="margin-left:-30px;"></span></li>
			<li class="active"><div class="number_2">2</div><span type="i18n" key="ugc_complete_info" style="margin-left:-5px;"></span></li>
		</ul>
		<div class="clear"></div>
	</div>
	<div class="iterm modify-ugcmusic">
		<form method="post" id="uploadugcform">
			<div class="music-cover" style="margin-top: 18px;">
				<div class="music-cover-img">
					<img style="width: 100px; height: 100px;" src="resources/img/ugc-music-cover.jpg" onerror="handleImgError(this,1)" id="picPath">
					<div class="music-cover-plus"></div>
					<input type="hidden" id="picUrl" name="picUrl">
					<input type="hidden" id="avatarUrl" name="avatar">
					<input type="hidden" name="portalType" value="touch" />
					<input type="file" name="multipartFile" id="uploadpic" class="music-cover-upload">
					<div id="img_progress"><div class="bar"></div></div>
				</div>
				<p key="public_pictureInfo_touch" type="i18n" class="music-cover-title"></p>
				<p key="common_picerror2" type="i18n" class="music-cover-des"></p>
				<p id="errormsg-pic" class="errormsg"></p>
			</div>
			<div id="ugc-step1">
			<div class="music_title">
				<div class="title-name">
					<span key="song_name" type="i18n" class="input-txt"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
					<div>
						<input type="hidden" id="uploadId" name="uploadId">
						<input type="text" id="name" maxlength="30" class="input" name="name">
					</div>
					<div style="text-align:right">
						<span class="light-txt">
							<span class="light-txt promptNum">0</span>
							/30
						</span>
					</div>
					<span class="hidden" id="nickname_h">
					</span>
					<div>
						<span style="display: inline;" id="errormsg-name" class="errormsg"></span>
					</div>
				</div>
			</div>
			<div class="music_title" style="border-bottom: 1px solid #f2f2f2;padding-bottom:10px;">
				<div class="title-name">
					<span key="common_song_file" type="i18n" class="input-txt"></span>
					<span class="input-txt">(</span>
					<span key="only_mp3_file_supported" type="i18n" class="input-txt"></span>
					<span class="input-txt">)</span>
					<span style="color: red;">*</span>
					<span id="music-file-uploaded" class="input-txt"></span>
				</div>
				<div class="">
					<div class="account-btn" id="music-file">
						<input type="hidden" name="musicFileName" id="music-file-name" />
						<a id="myaccount_selectfile" href="#" type="i18n" key="myaccount_selectfile" calss="empty-btn"></a> 
						<div id="mp3_progress"><div class="bar"></div></div>
						<input type="file"
							style="position: absolute; filter: alpha(opacity : 0); opacity: 0; cursor: pointer"
							id="uploadfile" class="type-file-file" name="ugcFile">
					</div>
				</div>
				<div class="clear"></div>
				<span class="errormsg" id="errormsg-file" style="display: inline;"></span>
			</div>
			<div class="music_title">
				<div class="title-name">
					<span class="input-txt" type="i18n" key="ugc_language"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
			        <div class="iterm-box">
                          <select id="language-select" name="language"></select>                                                                
                    </div>
					<div>
						<span class="errormsg" id="errormsg-lang" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="music_title">
				<div class="title-name">
					<span class="input-txt" type="i18n" key="ugc_genre"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
			        <div class="iterm-box">
                          <select id="genre-select" name="genre"></select>                                                                
                    </div>
					<div>
						<span class="errormsg" id="errormsg-genre" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="music_desc">
				<div class="title-name">
					<span key="song_description" type="i18n" class="input-txt">SONG DESCRIPTION</span>
					<span class="light-txt">(<span class="promptNum">0</span>/200)</span>
				</div>
				<div style="margin-top:15px;" class="">
					<textarea maxlength="200" placeholder="Input the song description" rows="3" name="descrption" id="music_desc"/>
					<div>
						<span style="display: inline;" id="errormsg-desc" class="errormsg"></span>
					</div>
				</div>
			</div>
			<div style="margin-top:15px">
				<div class="iterm-txt">
					<input id="join-btn" type="checkbox" checked="true" name="activityLabel" class="checkbox">
					<span class="insteadIpt"><i class="checkImg"></i></span>
					<p class="agreeterms">
						<span id="pjoin" type="i18n" key="ugc_join_underground_beats"></span>
					</p>
				</div>
				<div class="iterm-txt">
					<input id="IAgree" type="checkbox" checked="true" name="agreeCheck" class="checkbox">
					<span class="insteadIpt"><i class="checkImg"></i></span>
					<p class="agreeterms">
						<span id="pagree" type="i18n" key="common_registeragreeto"></span>
						<a id="termsUserLink" href="terms.html" class="a-blue"
							type="i18n" key="common_registerterms" target="_blank"></a>
					</p>
				</div>
			</div>
			<div class="act-btn gray-btn" key="common_Submit" type="i18n" id="submit" style="margin-top:15px"></div>
			</div>
			
			<div id="ugc-step2" style="margin-top:10px">
				<div class="music_title">
					<div class="">
						<span class="input-txt" type="i18n" key="ugc_myaccount_nickname"></span>
						<span style="color: red;">*</span>
					</div>
					<div class="">
						<div>
							<input type="text" name="nickname" class="input" maxlength="50"
								id="nickname">
						</div>
						<div style="text-align: right">
							<span class="light-txt"> <span class="light-txt promptNum">0</span>
								/50
							</span>
						</div>
						<span id="nickname_h" class="hidden"> </span>
						<div>
							<span class="errormsg" id="errormsg-nickname" style="display: inline;"></span>
						</div>
					</div>
				</div>
				<div class="music_title">
					<div class="">
						<span class="input-txt" type="i18n" key="ugc_myaccount_region"></span>
						<span style="color: red;">*</span>
					</div>
					<div class="">
				        <div class="iterm-box">
	                          <select id="region-select" name="region"></select>                                                                
	                    </div>
						<div>
							<span class="errormsg" id="errormsg-region" style="display: inline;"></span>
						</div>
					</div>
				</div>
				<div class="act-btn" key="common_Submit" type="i18n" id="submit2"></div>
			</div>
			
			<!--
			<div id="ugc-step2" style="display:none;">
			<div class="music_title">
				<div class="">
					<span class="input-txt" type="i18n" key="myaccount_nickname"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
					<div>
						<input type="text" name="nickname" class="input" maxlength="30"
							id="nickname">
					</div>
					<div style="text-align: right">
						<span class="light-txt"> <span class="light-txt promptNum">0</span>
							/30
						</span>
					</div>
					<span id="nickname_h" class="hidden"> </span>
					<div>
						<span class="errormsg" id="errormsg-nickname" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="music_title">
				<div class="">
					<span class="input-txt" type="i18n" key="myaccount_region"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
			        <div class="iterm-box">
                          <select id="region-select" name="region"></select>                                                                
                    </div>
					<div>
						<span class="errormsg" id="errormsg-region" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="act-btn" key="common_Submit" type="i18n"
				id="submit2"></div>
			</div>
			<div id="ugc-step1">
			<div class="music_title">
				<div class="">
					<span class="input-txt" type="i18n" key="common_public_name"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
					<div>
						<input type="text" name="name" class="input" maxlength="30"
							id="name">
					</div>
					<div style="text-align: right">
						<span class="light-txt"> <span class="light-txt promptNum">0</span>
							/30
						</span>
					</div>
					<span id="nickname_h" class="hidden"> </span>
					<div>
						<span class="errormsg" id="errormsg-name" style="display: inline;"></span>
					</div>
				</div>
			</div>

<div class="music_file">
				<div class="">
					<span class="input-txt" type="i18n" key="common_select_local_songs"></span>
					<span style="color: red;">*</span>
					<span class="input-txt" id="music-file-uploaded">no file selected</span>
				</div>
				<div class="">
					<div class="account-btn" id="music-file">
						<input type="hidden" name="musicFileName" id="music-file-name" />
						<a href="#" type="i18n" key="myaccount_selectfile"></a> <input
							type="file"
							style="position: absolute; filter: alpha(opacity : 0); opacity: 0; cursor: pointer"
							id="uploadfile" class="type-file-file" name="ugcFile">
					</div>
				</div>
				<div class="clear"></div>
				<span class="errormsg" id="errormsg-file" style="display: inline;"></span>
			</div>

</div>
			</div>
			
			<div class="act-btn gray-btn" key="common_Submit" type="i18n"
				id="submit"></div>
			</div>
			-->
		</form>
	</div>
</div>
<div id="uploadImage" style="display:none;">
    <div class="common_second_nav">
		<a href="javascript:void(0);" class="upload_ugc_music_back" ></a>
		<a class="second_nav_home" href="#index-page"></a>
		<h1 type="i18n" key="ugc_upload_btn_touch_edit_img" class="second_nav_h1"></h1>
	</div>
    <div class="editImage"></div>
</div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3 type="i18n" key="common_custom_page_01_valentine"></h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all"><h3>PLAY ALL</h3></div></div>
    <img src="resources/images/2016-ValentineDay/ValentineDay.jpg" width="100%"/>
    </div>
    
    <div class="valentine-info">
    
    <p  style="font-family:Georgia" type="i18n" key="custom_page_01_Enjoy"></p>
    </div>
    
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="display:none;">
    <a href="javascript:void(0)" class="valentine-plan-order"><i type="i18n" key="custom_page_01_Click"></i> </a>
    <br/>
    <a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    
    
    
    <div class="valentine-info-stream" style="display:none;">
    	<p  style="color:#d0a8ac;font-size:0.75rem;line-height:1rem;text-align:center;" type="i18n" key="custom_page_01_Stream"></p>
    </div>
    
    <div class="valentine-playlist-name" style="padding-top:20px;">
    <h3>PLAYLIST</h3>
    </div>
    
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:35px"><h1 style="color:#fff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);padding-bottom:6px;">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;background-color: #B7606D;border-radius:4px;border:none;">
                <textarea style="background-color: #B7606D;border-radius:4px;padding-left: 5px;padding-top: 6px;width: 98%;height: 4rem;" id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                      
                    </div>
            </div>
        </div>
     </div>
     
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc"  style="background-color:#ffcb05">	
       <div class="valentine-back"></div>
       <h3 class="cut" style="padding-right:0px;width:55%;margin:0 auto;"></h3>
    </div>
    
    <div class="valentine-banner">
       <div class="valentine-banner-wrap">
          <div class="valentine-play-all"><h3>PLAY ALL</h3></div>
       </div>
       <img src="" width="100%"/>
    </div>
    
    <div class="valentine-info">
       <p ></p>
    </div>
    
    <div class="valentine-share">
       <div class="wrap">
    	  <a class="fb" target="blank"></a>
    	  <div class="split-line"></div>
    	  <a class="tw" target="blank"></a>
       </div>
    </div>
    
    <div class="valentine-plan" style="display:none;">
       <a href="javascript:void(0)" class="valentine-plan-order"><i type="i18n" key="custom_page_01_Click"></i> </a>
       <br/>
       <a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    
    <div class="valentine-info-stream" style="display:none;">
    	<p  style="color:#fff;font-size:0.75rem;line-height:1rem;text-align:center;" type="i18n" key="custom_page_01_Stream"></p>
    </div>
    
    <div id="promotion-height" class="valentine-playlist-name" style="padding-top:20px;">
        <div  class="listforward">
        </div>
        <div  class="listnext">
        </div>
        <h3 class="list-name">PLAYLIST</h3>
    </div>
    
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD"><div class="close" style="float:none;"></div></td>
            <td width="35%"><div class="notice-txt"><p type="i18n" key="common_listenapp"></p></div></td>
            <td><div class="act-btn openapp" type="i18n" key="common_openapp"></div></td>
        </tr>
        </table>
    </div>
    
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    
     <div class="pagePGC">
	      <div class="pagePGC-forward canClick">
	      </div>
	      <div class="pagePGC-next canClick">
	      </div>
	      <div class="pagePGC-number">
	        1/1
	      </div>
     </div>
    
    <div class="pageAPP">
    	 <a style="font-size:14px;display:block;" id="appdownlink"  href="javascript:lanchApp('a',9,true);" key="common_app_via" type="i18n">Download APP</a>
    </div>
    
    <div id="hearthis-comments" class="group detail-group">
        <div class="big-title" style="text-align:center;margin-top:20px"><h1 style="color:#fff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);padding-bottom:6px;width:100%">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border-radius:4px;border:none;">
                <textarea style="background-color: #B7616E;height: 4rem;" id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
						
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
                    </div>
            </div>
        </div>
     </div>
     
     <div id="hearthis-comments-list"><ul class="mainlist promotion-commentslist"></ul><ul id="loading" display="none"></ul></div>

<div class="common_second_nav" style="position: fixed;top: 0;width: 100%;z-index: 99;margin:0;padding:0;">
    	<a href="#index-page" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="" class="specialExclusive_header_musicName second_nav_h1"></h1>
    	<a href="javascript:void(0);" class="icon-share specialExclusive_share share"></a>
    </div>
    
	<div class="group" style="margin-top:40px">
		<div id="specialExclusivePlayer">
			<div class="specialExclusivePlayer_box_bg">
			</div>
			<div class="specialExclusivePlayer_bg">
				<div class="specialExclusiveMoreBtn specialExclusiveMoreBtn_a" style=""></div>
				<div class="specialExclusivePreBtn specialExclusivePreBtn_a" style=""></div>
				<div class="specialExclusivePlayer_mu">
					<div class="specialExclusivePlayer_mu_img" style="margin: 26px 0;">
						<img id="fullplayerimg" src="" width="118" height="118">
					</div>
				</div>
				<div class="specialExclusive_bottom_cont">
					<h1 class="specialExclusive_song_name cut"></h1>
					<p class="singer cut">
						<span id="artist_player_0" class="linkable specialExclusive_artistName"></span>
					</p>
					<div class="info-row fullTrack-btnWrap">
						<div class="fullTrack-btn" style="cursor: pointer" musicCode="'+music.musicCode+'">
							<span type="i18n" key="common_special_track"></span><div class="icon_right"></div>
						</div>
					</div>
					<p type="i18n" key="steam_full_track_7days" class="steam_full_track_7days" id="adv"></p>
				</div>
			</div>
			</div>
		</div>
		<div id="hearthis-comments" class="group detail-group" style="display:block;margin-top:10px;">
        	<div class="big-title" style="width:100%;border-bottom:1px solid #4e4e4e;background:#272727;height:40px;text-align:center;">
		        <h1 style="padding:10px 0 0 10px;color:#ffffff;font-size:24px;border:none;width:100%">COMMENTS</h1></div>
		        <div class="comment valentine clear" style="padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:10px;margin:0">
		            <div class="list-img" style="display:none"></div>
		            <div class="comment-box" style="width:100%">
		                <div class="list-txt-box clear">
		                    <div class="rate-box float-right" style="margin:0;display:none">
		                        <div class="rate">
		                            <div class="rate-on star5" value="5"></div>
		                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                        </div>
		                    </div>
		                    <p class="list-title cut" style="display:none"></p>
		                </div>
		                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border-radius:4px;border:none;background-color:#4d4d4d">
		                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="background-color: #4d4d4d;height: 4rem;"/></div>
		                <div class="clear">
		                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
		                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
		                </div>
		            </div>
	        </div>
	     </div>
		<div id="hearthis-comments-list"><ul class="mainlist promotion-commentslist"></ul><ul id="loading" display="none"></ul></div>
    </div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3>STREET JAMZ</h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all streejamz"><h3>PLAY ALL</h3></div></div>
    <img src="resources/images/2016-StreetJAMZ/StreetJAMZ.jpg" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan">
    <a href="javascript:void(0)" class="valentine-plan-order streejamz"><i>Click Here to stream unlimited music and Enjoy 30MB @ N5 for 3 days >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3>PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:40px"><h1 style="color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);width:100%">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border:solid 0px #ffffff"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="color:#ffffff"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3>Easter Tunez</h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all topic" style="background-image: url('resources/images/2016-EasterTunez/EasterTunez-bg.png');"><h3 style="color:#000000">PLAY ALL</h3></div></div>
    <img src="resources/images/2016-EasterTunez/EasterTunez.jpg" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan">
    <a href="javascript:void(0)" class="valentine-plan-order topic" style="color:#ffffff"><i>Click Here to stream unlimited music and Enjoy 30MB @ N5 for 3 days >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3 style="color:#ffffff">PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList" >
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:40px"><h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5)">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border:solid 0px #ffffff"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="background-color:#ad7bba;color:#ffffff"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-banner">
	    <img src="resources/images/2016-ProjectFame/banner.png" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="padding-top:10px;">
    <a href="javascript:void(0)" class="valentine-plan-order topic" style="color:#ffffff;line-height: 13px;"><i>Click here to get 30MB and stream unlimited music!<br/> FREE for 3 days! >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3 style="color:#ffffff;font-weight: 600;padding-top:10px;">PHASE 1</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border chart-line"></ul>
        </div>
		<div class="click_a" id="click-load-more" style="display:none;">
	    	<a href="javascript:void(0)" style="color:#ffffff" type="i18n" key="click_to_view_more"> </a>
	    </div>
	            
    </div>
    <div id="project-fame-phases"></div>

<div class="click_a" id="ugc-home-link">
    	<a href="#music-show" style="color:#ffffff" type="i18n" key="ugc_act_pf9_click_ugc"> </a>
    </div>
    
    <div id="hearthis-comments" class="group detail-group" style="display:block;">
        <div class="big-title" style="text-align:center;margin-top:35px">
		       
        <h1 style="width:100%;color:#ffffff;font-size:24px;line-height: 28px;border-bottom:solid 1px rgba(255, 255, 255, 0.08);padding-bottom:6px;">COMMENTS</h1></div>
        <div class="comment valentine clear" style="padding-top:3px;padding-bottom:8px;">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%;">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color: #575757;border-radius:4px;">
                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;background-color: #575757;border-radius:4px;padding-left: 5px;padding-top: 6px;width: 98%;color:#a7a7a7"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div>

<div class="valentine-banner"></div>
    <div class="valentine-playlist-name">
       <h3 style="color:#ffffff;margin:20px 0;">WEEK 1</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border chart-line"></ul>
        </div>
		<div class="click_a" id="click-load-more" style="display:none;">
	    	<a href="javascript:void(0)" style="color:#ffffff;text-decoration:underline;color:#999;" type="i18n" key="ugc_act_next_rated_click"> </a>
	    </div>
    </div>
    <div id="project-fame-phases"></div>
    <div id="hearthis-comments" class="group detail-group" style="display:block;">
        <div class="big-title" style="text-align:center;margin-top:35px;">
        
        <h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.08);padding-bottom:6px">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color:#575757;border-radius:4px;">
                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;background-color:#575757;color:#a7a7a7;padding-left:5px;border-radius:4px;padding-top: 6px;width: 98%"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc">
    <div class="valentine-back"></div><h3></h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all cpa-special-playall play-in-miniplayer"><h3>PLAY ALL</h3></div></div>
    <img src="" width="100%" style="display:none;"/>
    </div>
    
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="">
    	<a href="javascript:void(0)" class="valentine-plan-order"><i>Click to get 2HD tracks & stream unlimited music @N100 only >></i> </a>
    	<br/>
    	<a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    <div class="valentine-info">
    	<p  style="color:#a7a7a7;font-size:0.75rem;line-height:1rem;text-align:center;">Stream 30s on each song for free and as a subscriber you get unlimited streaming on all songs.</p>
    </div>
    
    <div class="valentine-playlist-name" style="padding-top:20px;">
    <h3>PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:35px"><h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px #414141;padding-bottom:6px">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;background-color: #575757;border-radius:4px;border:none;"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>
     <div style="height:20px;"></div>

Y'ello Top 10

Exclusive Music