<div class="download-box clear"> <div class="download-img"> <img src="resources/img/truemusic_app_logo_20160823.png"> </div> <div class="download-des"> <h3 class="download-title" type="i18n" key="common_indexDownTitle"></h3> <p class="download-txt" type="i18n" key="common_indexDownTip"></p> <div class="rate-box"> <div class="rate"> <div class="rate-on star4-5"></div> </div> </div> </div> <div class="download-btn" id="appdownlink"> <a href="#download" type="i18n" key="common_indexDownBtn"></a> </div> </div> <div id="search"> <div id="searchBtnBox"> <div id="searchBtn"><a href="#associate"></a></div> </div> <div id="searchInputBox"><input type="text" /></div> </div> <div id="owl-demo" class="owl-carousel"></div> <div id="radioLists" class="radio-content group index-group"> <div class="big-title"> <div class="more"><a href="#radio"></a></div> <h1 ></h1> </div> <ul class="mainlist radio-list big-img group"></ul> </div> <div id="suggestionLists" class="group index-group" style="display:none;"> <div class="big-title"> <div class="more"><a href="#music-suggestion"></a></div> <h1 type="i18n" key="home_suggestion"></h1> </div> <ul class="img-list-box clear"></ul> </div> <div id="truegiftLists" class="truegift-content group index-group" style="display:none;"> <div class="big-title"> <div class="more"><a href="#truegift"></a></div> <h1 ></h1> </div> <ul class="mainlist truegift-list big-img group"></ul> </div> <div id="hearthisLists" class="group index-group" style="display:none;"> <div class="big-title"> <div class="more"><a href="#music-hearthis"></a></div> <h1 ></h1> </div> <ul class="img-list-box clear"></ul> </div> <div id="newReleaseLists" class="group index-group" style="display:none;"> <div class="big-title"> <div class="more"><a href="#music-hearthis"></a></div> <h1 ></h1> </div> <ul class="img-list-box clear"></ul> </div> <div class="line-box"></div> <div id="horoscopeLists" class="group index-group" style="display:none;"> <div class="big-title"> <h1 ></h1> </div> <div id="horoscopeImage"></div> </div> <div class="line-box" id="horoscopeLine" style="display:none;"></div> <div id="leaderboard" class="group index-group"> <div class="big-title" id="chartsTitle"> <div class="more"><a></a></div> <h1></h1> </div> <div class="big-title" id="topChartMore"> <div class="more"><a></a></div> <h1></h1> </div> <div class="sub-group" id="topChart"> <div id="panelList"> <ul class="mainlist chart-line"></ul> </div> <!-- <div class="title-box"> <div class="title-txt"></div> </div> <div class="img-txt-box clear"> <div class="img-box"> <a href="#" class="imgContent"></a> </div> <ul class="ol-list"></ul> </div> --> </div> <div class="sub-group"></div> <div class="big-title" id="topFeatureMore"> <div class="more"><a></a></div> <h1></h1> </div> <div class="sub-group" id="topFeature"> <div id="panelList"> <ul class="mainlist chart-line"></ul> </div> <!-- <div class="title-box"> <div class="title-txt"></div> </div> <div class="img-txt-box clear"> <div class="img-box"> <a href="#" class="imgContent"></a> </div> <ul class="ol-list"></ul> </div> --> </div> <div class="sub-group"></div> </div> <table width="100%" border="0" cellspacing="5" cellpadding="5" class="tab-group" id="popularArtists"> <tbody></tbody> </table> <div class="app" id="applink"> <a href="#download" type="i18n" key="common_downloadapp"></a> </div>
<div id="subNav"></div> <div class="group"> <div class="mainlist"> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-img"> <ul class="mainlist one-line hearthis_list"></ul> <div id="alllink" class="app" style="background: none repeat scroll 0 0 #ff5555;"> <a href="#music-hearthis-labels" class="" style="" type="i18n" key="discover_all"></a> </div> </div> </div>
<div id="subNav"></div> <div id="thirdNav"> <ul class="two-li" id="navListPrev"> <li class="nav-focus"><a href="#music-hotvibe?hot" type="i18n" key="music_hot"></a></li> <li><a href="#music-hotvibe?new" type="i18n" key="music_new"></a></li> </ul> </div> <div class="group"> <div class="big-img" id="panelList"> <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 id="subNav"></div> <div class="publish-title"> <h2><span class="publish-txt" key="common_publisher" type="i18n"></span><span class="publisher"></span></h2> </div> <div class="group"> <div class="big-img" id="panelList"> <ul class="mainlist hotvibepublist one-line"></ul> </div> </div>
<div id="subNav"></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"> <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"> <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 class="big-title"> <h1 type="i18n" key="common_songs"></h1> </div> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton1" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton1" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist hearthisdetailcontent"></ul> </div> </div>
<div id="subNav"></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="group"> <div class="big-title"> <h1 type="i18n" key="home_suggestion"></h1> </div> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton1" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton1" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist suggestioncontent"></ul> </div> </div>
<div id="subNav"></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"> <div class="music-des-top clear"> <p class="title break"><span class="hotvibe-title"></span><span class="color-txt"></span></p> </div> <a class="goto-hotvibe-publisher dl-txt" href="javascript:void(0)"><div class="publisher-icon"></div><p><span class="dd-txt" key="common_publisher" type="i18n"></span><span class="publisher"></span></p></a> <div class="icon-box clear"> <div class="icon-bar play play-playlist"></div> <div class="icon-bar share"></div> <div class="icon-bar fav2"></div> </div> </div> </div> <div class="group"> <div class="big-title"> <h1 type="i18n" key="common_songs"></h1> </div> <div id="panelList"> <ul class="mainlist hotvibedetailcontent"></ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-img"> <ul class="mainlist one-line chartChangeUrl"></ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-title"> <div class="icon-box float-right clear"> <div class="icon-bar play float-right play-chart" id="chartAllPlay"></div> <div class="icon-bar share float-right" id="chartShare"></div> </div> <h1></h1> </div> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton5" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton5" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist chart-line"></ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="mainlist"> </div> </div>
<div id="subNav"></div> <div id="thirdNav"> <ul class="two-li" id="navListPrev"> <li class="nav-focus"><a href="#music-songs?o=hot" type="i18n" key="music_hot"></a></li> <li><a href="#music-songs?o=new" type="i18n" key="music_new"></a></li> </ul> </div> <div class="group"> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton2" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton2" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <div id="hotsongscontent" style="display:none"> <ul class="mainlist hotsongslist"></ul> </div> <div id="newsongscontent"> <ul class="mainlist newsongslist"></ul> </div> <div id="alllink" class="app" style="background: none repeat scroll 0 0 #ff5555;"> <a href="#music-songs-labels" class="" style="" type="i18n" key="discover_all"></a> </div> </div> </div>
<div id="subNav"></div> <div class="iterm-box notice-bg for-btn clear appNotice" style="display:none; width:100%;"> <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="group"> <div class="music-box clear"> <div class="music-img"></div> <div class="music-des"> <div class="music-des-top clear"> <p class="title break"></p> <div class="icon-bar play"></div> </div> <p class="normal-txt"><span class="music-artistname"></span></p> <p class="normal-txt"><span class="music-albumName"></span></p> <p class="music-publish"><span type="i18n" key="common_published"></span> <span class="music-validity"></span></p> <div class="rate"></div> <div class="icon-box icon-song clear"> <div class="icon-bar share"></div> <div class="icon-bar fav"></div> <div class="icon-bar req-lrc" style="display:none;"></div> </div> </div> </div> </div> <div class="intro-txt display"> <h1 class="center-txt" type="i18n" key="discover_Lyric_t"></h1> <div class="moreDetail float-right"> <span class="blue-p" type="i18n" key="common_seemore"></span> <div class="downarrow"></div> </div> <div id="lyrics" class="lyricHeight"> <ul class="lyrics-txt lyricAddress"></ul> </div> <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="line-box"></div> <div class="group detail-group"> <div class="big-title"><h1 type="i18n" key="touch_dnasongs"></h1></div> <div id="panelList"><ul class="mainlist"></ul></div> </div> <div id="comments" class="group detail-group" style="display:none;"> <div class="big-title"><h1 type="i18n" key="common_comments"></h1></div> <div class="comment clear"> <div class="list-img"></div> <div class="comment-box"> <div class="list-txt-box clear"> <div class="rate-box float-right" style="margin:0;"> <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"></p> </div> <div class="textarea"><textarea id="commentTextarea" maxlimit="200"/></div> <div class="clear"> <div class="post-btn" style="cursor:pointer;" 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 no-login clear" id="nologin-comment" style="display:none;"> <div class="list-img"><img src="resources/images/data/default-user.jpg"></div> <div class="comment-box"> <!-- <p><a href="javascript:void(0);" class="a-blue" id="register_comment" type="i18n" key="common_register"></a> <span type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="a-blue" id="login_comment" type="i18n" key="common_login"></a> <span type="i18n" key="common_saysomething"></span></p> --> <p><a href="javascript:void(0);" class="a-blue" id="login_comment" type="i18n" key="common_login"></a> <span type="i18n" key="common_saysomething"></span></p> </div> </div> <div id="comments-list"><ul class="mainlist commentslist"></ul></div>
<div id="subNav"></div> <div class="group"> <div id="panelList" class="big-img"> <div id="hotcontent" style="display:none;"> <ul class="mainlist hotlist"></ul> </div> <div id="newcontent" style="display:none;"> <ul class="mainlist newlist"></ul> </div> </div> </div>
<div id="subNav"></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"> <div class="music-des-top clear"> <p class="title break"></p> </div> <p class="album-artistname"></p> <p><span type="i18n" key="common_published"></span> <span class="updatetime"></span></p> <div class="icon-box clear"> <div class="icon-bar play play-album"></div> <div class="icon-bar share"></div> <div class="icon-bar fav2"></div> </div> </div> </div> <div class="intro-txt"> <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 class="albumdes"></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 detail-group"> <div class="big-title"> <h1 type="i18n" key="discover_trackalbum"></h1> </div> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton6" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton6" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist songlist"></ul> </div> </div> <div class="group"> <div class="big-title"> <h1 type="i18n" key="discover_DCPalbums"></h1> </div> <div> <ul class="mainlist DNAlist"></ul> </div> </div>
<div id="subNav"></div> <div id="artistLetter" class="clear"> <ul> <li id="hot" class="hot nav-focus"><a href="javascript:void(0);" type="i18n" key="music_artistpop"></a></li> <li id="a" class="a"><a href="javascript:void(0);">A</a></li> <li id="b" class="b"><a href="javascript:void(0);">B</a></li> <li id="c" class="c"><a href="javascript:void(0);">C</a></li> <li id="d" class="d"><a href="javascript:void(0);">D</a></li> <li id="e" class="e"><a href="javascript:void(0);">E</a></li> <li id="f" class="f"><a href="javascript:void(0);">F</a></li> <li id="g" class="g"><a href="javascript:void(0);">G</a></li> <li id="h" class="h"><a href="javascript:void(0);">H</a></li> <li id="i" class="i"><a href="javascript:void(0);">I</a></li> <li id="j" class="j"><a href="javascript:void(0);">J</a></li> <li id="k" class="k"><a href="javascript:void(0);">K</a></li> <li id="l" class="l"><a href="javascript:void(0);">L</a></li> <li id="m" class="m"><a href="javascript:void(0);">M</a></li> <li id="n" class="n"><a href="javascript:void(0);">N</a></li> <li id="o" class="o"><a href="javascript:void(0);">O</a></li> <li id="p" class="p"><a href="javascript:void(0);">P</a></li> <li id="q" class="q"><a href="javascript:void(0);">Q</a></li> <li id="r" class="r"><a href="javascript:void(0);">R</a></li> <li id="s" class="s"><a href="javascript:void(0);">S</a></li> <li id="t" class="t"><a href="javascript:void(0);">T</a></li> <li id="u" class="u"><a href="javascript:void(0);">U</a></li> <li id="v" class="v"><a href="javascript:void(0);">V</a></li> <li id="w" class="w"><a href="javascript:void(0);">W</a></li> <li id="x" class="x"><a href="javascript:void(0);">X</a></li> <li id="y" class="y"><a href="javascript:void(0);">Y</a></li> <li id="z" class="z"><a href="javascript:void(0);">Z</a></li> <li id="#" class="figure"><a href="javascript:void(0);">More</a></li> <li id="letterEnEn" class="letterEnEn" style="background:#ff5555;"><span style="color:#ffffff;">Eng</span></li> <li id="letterEnTh" class="letterEnTh"><span style="cursor:pointer;" onclick="javascript:jQuery('#artistLetter').hide();jQuery('#artistLetterTh').show();jQuery('#artistLetterTh li#hotTh a').trigger('click');">Thai</span></li> </ul> </div> <div id="artistLetterTh" class="clear" style="display:none;"> <ul> <li id="hotTh" class="hot nav-focus"><a href="javascript:void(0);" type="i18n" key="music_artistpopTH"></a></li> <li id="ก" class="ก"><a href="javascript:void(0);">ก</a></li> <li id="ข" class="ข"><a href="javascript:void(0);">ข</a></li> <li id="ฃ" class="ฃ"><a href="javascript:void(0);">ฃ</a></li> <li id="ค" class="ค"><a href="javascript:void(0);">ค</a></li> <li id="ฅ" class="ฅ"><a href="javascript:void(0);">ฅ</a></li> <li id="ฆ" class="ฆ"><a href="javascript:void(0);">ฆ</a></li> <li id="ง" class="ง"><a href="javascript:void(0);">ง</a></li> <li id="จ" class="จ"><a href="javascript:void(0);">จ</a></li> <li id="ฉ" class="ฉ"><a href="javascript:void(0);">ฉ</a></li> <li id="ช" class="ช"><a href="javascript:void(0);">ช</a></li> <li id="ซ" class="ซ"><a href="javascript:void(0);">ซ</a></li> <li id="ฌ" class="ฌ"><a href="javascript:void(0);">ฌ</a></li> <li id="ญ" class="ญ"><a href="javascript:void(0);">ญ</a></li> <li id="ฎ" class="ฎ"><a href="javascript:void(0);">ฎ</a></li> <li id="ฏ" class="ฏ"><a href="javascript:void(0);">ฏ</a></li> <li id="ฐ" class="ฐ"><a href="javascript:void(0);">ฐ</a></li> <li id="ฑ" class="ฑ"><a href="javascript:void(0);">ฑ</a></li> <li id="ฒ" class="ฒ"><a href="javascript:void(0);">ฒ</a></li> <li id="ณ" class="ณ"><a href="javascript:void(0);">ณ</a></li> <li id="ด" class="ด"><a href="javascript:void(0);">ด</a></li> <li id="ต" class="ต"><a href="javascript:void(0);">ต</a></li> <li id="ถ" class="ถ"><a href="javascript:void(0);">ถ</a></li> <li id="ท" class="ท"><a href="javascript:void(0);">ท</a></li> <li id="ธ" class="ธ"><a href="javascript:void(0);">ธ</a></li> <li id="น" class="น"><a href="javascript:void(0);">น</a></li> <li id="บ" class="บ"><a href="javascript:void(0);">บ</a></li> <li id="ป" class="ป"><a href="javascript:void(0);">ป</a></li> <li id="ผ" class="ผ"><a href="javascript:void(0);">ผ</a></li> <li id="ฝ" class="ฝ"><a href="javascript:void(0);">ฝ</a></li> <li id="พ" class="พ"><a href="javascript:void(0);">พ</a></li> <li id="ฟ" class="ฟ"><a href="javascript:void(0);">ฟ</a></li> <li id="ภ" class="ภ"><a href="javascript:void(0);">ภ</a></li> <li id="ม" class="ม"><a href="javascript:void(0);">ม</a></li> <li id="ย" class="ย"><a href="javascript:void(0);">ย</a></li> <li id="ร" class="ร"><a href="javascript:void(0);">ร</a></li> <li id="ล" class="ล"><a href="javascript:void(0);">ล</a></li> <li id="ว" class="ว"><a href="javascript:void(0);">ว</a></li> <li id="ศ" class="ศ"><a href="javascript:void(0);">ศ</a></li> <li id="ษ" class="ษ"><a href="javascript:void(0);">ษ</a></li> <li id="ส" class="ส"><a href="javascript:void(0);">ส</a></li> <li id="ห" class="ห"><a href="javascript:void(0);">ห</a></li> <li id="ฬ" class="ฬ"><a href="javascript:void(0);">ฬ</a></li> <li id="อ" class="อ"><a href="javascript:void(0);">อ</a></li> <li id="ฮ" class="ฮ"><a href="javascript:void(0);">ฮ</a></li> <li id="#" class="figure"><a href="javascript:void(0);">เพิ่มเติม</a></li> <li id="letterThEn" class="letterThEn"><span style="cursor:pointer;" onclick="javascript:jQuery('#artistLetterTh').hide();jQuery('#artistLetter').show();jQuery('#artistLetter li#hot a').trigger('click');">อังกฤษ</span></li> <li id="letterThTh" class="letterThTh" style="background:#ff5555;"><span style="color:#ffffff;">ไทย</span></li> </ul> </div> <div class="group"> <div class="artist-content music-artists big-img" id="panelList"> <ul class="mainlist song"></ul> </div> </div>
<div id="subNav"></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 class="title break"></p> <div class="icon-box clear"> <div id="shareAct" class="icon-bar share"></div> <div id="favAct" class="icon-bar fav2"></div> </div> </div> </div> <div class="tab-box"> <div id="artistSongs" class="tab current" type="i18n" key="common_songs"></div> <div id="artistAlbums" class="tab" type="i18n" key="music_albums"></div> <div id="artistDNAs" class="tab width" type="i18n" key="music_youmaylike"></div> </div> <div class="group artistSongs"> <div id="panelList"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton7" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton7" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist artistSongsList"></ul> </div> </div> <div class="group artistAlbums display"> <div> <ul class="mainlist artistAlbumsList"></ul> </div> </div> <div class="group artistDNAs display"> <div> <ul class="mainlist one-line artistLikeList"></ul> </div> </div>
<div id="search" class="search-box"> <div id="searchBtnBox"> <div id="searchBtn"><a href="javascript:void(0)"></a></div> </div> <div id="searchInputBox"><input type="text" value="" placeholder=""></div> </div> <div class="notice-txt notice-txt-top" style="display:none;"> <div class="prompt"></div><p></p> </div> <div id="subNav"> <ul id="navListPrev" class="navMenu" index="1"> <li id="generalTab" class="generalTab" tab="general"><a href="javascript:void(0)" key="common_general" type="i18n"></a></li> <li id ="songTab" class="songTab" tab="song"><a href="javascript:void(0)" key="common_song" type="i18n"></a></li> <li id="albumTab" class="albumTab" tab="album"><a href="javascript:void(0)" key="common_album" type="i18n"></a></li> </ul> <ul id="navListNext" class="navMenu" index="2"> <li class="playListTab" id="playListTab" tab="playList"><a href="javascript:void(0)" key="common_playlist" type="i18n"></a></li> <li class="artistTab" id="artistTab" tab="artist"><a href="javascript:void(0)" key="common_artist" type="i18n"></a></li> </ul> <div class="nav-btn-next" currentIndex="1"></div> </div> <div id="genaralSearch" class="searchArea"> <div class="group song_group" style="display:none;"> <div class="big-title"> <div class="more" tab="song"><a href="javascript:void(0)"></a></div> <h1 key="common_song" type="i18n"></h1> </div> <div class="search-content" id="panelList1"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton8" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton8" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist searchSongList"> </ul> </div> </div> <div class="group album_group" style="display:none;"> <div class="big-title"> <div class="more" tab="album"><a href="javascript:void(0)"></a></div> <h1 key="common_album" type="i18n"></h1> </div> <div class="search-content radio"> <ul class="mainlist searchAlbumList"> </ul> </div> </div> <div class="group playList_group" style="display:none;"> <div class="big-title"> <div class="more" tab="playList"><a href="javascript:void(0)"></a></div> <h1 key=common_playlist type="i18n"></h1> </div> <div class="search-content radio"> <ul class="mainlist searchPlayListList"> </ul> </div> </div> <div class="group artist_group" style="display:none;"> <div class="big-title"> <div class="more" tab="artist"><a href="javascript:void(0)"></a></div> <h1 key="common_artist" type="i18n"></h1> </div> <div class="search-content radio"> <ul class="mainlist searchArtistList"> </ul> </div> </div> </div> <div class="group searchArea allSongs" style="display:none;"> <div class="search-content" id="panelList1"> <div class="multi-select-nav"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-fav" title="Add to Favorite"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton9" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton9" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist allSearchSongList"> </ul> </div> </div> <div class="group searchArea allAlbums" style="display:none;"> <div class="search-content radio"> <ul class="mainlist allSearchAlbumList"> </ul> </div> </div> <div class="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;"> <div class="search-content radio"> <ul class="mainlist allSearchArtistList"> </ul> </div> </div>
<div id="search" class="search-box"> <div id="searchBtnBox"> <div id="searchBtn"><a href="javascript:void(0)"></a></div> </div> <div id="searchInputBox"><input type="text" placeholder=""/></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 id="subNav"></div> <div class="group"> <div class="big-title"> <h1 type="i18n" key="mymusic_favoritesingles"></h1> </div> <div class="big-title gray"> <div class="icon-box float-right clear"> <div class="icon-bar play play-favoritesongs float-right" id="favsongsPlay"></div> <div class="icon-bar share float-right" id="favsongsShare"></div> </div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <div class="multi-select-nav" style="display:none"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-del" title="Delete from List"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton3" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton3" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist favorite-songs-list"> </ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-title gray"> <div class="edit-li" id="editList"></div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div class="artist-content" id="panelList"> <ul class="mainlist favorite-artists-list"></ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-title gray"> <div class="edit-li" id="editList"></div> <h1><em type="i18n" key="cart_totalPrice"></em><span>1</span></h1> </div> <div id="panelList"> <div class="one-line" id="favSongs"> <div class="mainlist-box"> <div class="list-img"><img src="resources/images/data/default-playlist.jpg"></div> <div class="list-txt"> <div class="list-txt-box"><p class="list-title cut"><a href="#myfavorite-songs" type="i18n" key="mymusic_favoritesingles"></a></p></div> </div> </div> </div> <ul class="mainlist one-line play_list"> </ul> <ul class="mainlist one-line hear_this"> </ul> <ul class="mainlist one-line fav_albums"> </ul> <ul class="mainlist one-line hot_vibe"> </ul> <div id="addLi"> <div class="mainlist-box"> <div class="add-li" id="iaddPlayList"></div> <div> <div class="list-txt-box"> <p class="list-title"><span class="add_playlist" id="taddPlayList" type="i18n" key="mymusic_NewPlaylist"></span></p> <div class="clear add-box display"> <div class="input-box"><input type="text" id="add_playlist" class="list-title" placeholder=""></div><div class="act-btn cancelBtn" id="addCancel" type="i18n" key="common_Cancel"></div><div class="act-btn" id="addOk" type="i18n" key="common_confirm"></div> </div> </div> </div> </div> </div> </div> </div>
<div id="subNav"></div> <div id="thirdNav"></div> <div id="myPurchaseMusic"> <div class="group unexpired"> <div class="big-title"> <h1 type="i18n" key="common_Unexpired_t"></h1> </div> <div class="big-title gray"> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <ul id="panelList01" class="mainlist mypurchase-music-list"></ul> </div> <div class="group expired"> <div class="big-title"> <h1 type="i18n" key="common_expired"></h1> </div> <div class="big-title gray"> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <ul id="panelList02" class="mainlist"></ul> </div> </div>
<div id="subNav"></div> <div id="thirdNav"></div> <div id="myPurchaseRBT"> <div class="group"> <div class="big-title gray"> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <ul class="mainlist mypurchase-rbt-list"></ul> </div> </div> </div>
<div id="subNav"></div> <div id="thirdNav"></div> <div id="myPurchaseRingtone"> <div class="group unexpired"> <div class="big-title"> <h1 type="i18n" key="common_Unexpired_t"></h1> </div> <div class="big-title gray"> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <ul id="panelList01" class="mainlist mypurchase-ringtone-list"></ul> </div> <div class="group expired"> <div class="big-title"> <h1 type="i18n" key="common_expired"></h1> </div> <div class="big-title gray"> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <ul id="panelList02" class="mainlist mypurchase-ringtone-list"></ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-title"> <h1></h1> </div> <div class="big-title gray"> <div class="icon-box float-right clear"> <div class="icon-bar play play-playlist display float-right" id="playListPlay"></div> <div class="icon-bar share display float-right" id="playListShare"></div> <div class="icon-bar publish display float-right" id="playListPublish"></div> </div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <div class="multi-select-nav" style="display:none;"> <div class="multi-select-div"> <div class="multi-select-show" onclick="showMultiSelect()"> <span class="multi-select-show-icon"></span> <span type="i18n" key="multi_select_button"></span> </div> <div class="multi-select-buttons"> <div class="multi-select-del" title="Delete from List"></div> <div class="multi-select-close" title="Cancel" onclick="clearMultiSelect()"></div> </div> </div> <div class="multi-select-all mainlist-box"> <label> <input id="multiSelectAllButton4" class="multi-select-all-button" type="checkbox" value="" onclick="checkAllSong($(this))"> <span></span></label> <label for="multiSelectAllButton4" type="i18n" key="multi_select_all"></label> </div> </div> <div class="clearfix"></div> <ul class="mainlist playlist-detail-list"> </ul> </div> </div>
<div id="subNav"></div> <div class="group"> <div class="big-title"> <h1></h1> </div> <div class="big-title gray"> <div class="icon-box float-right clear"> <div class="icon-bar play play-album float-right" id="favAlbPlay"></div> <div class="icon-bar share float-right" id="favAlbPlay"></div> </div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <ul class="mainlist favalbums-detail-list"> </ul> </div> </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="group"> <div class="big-title"> <h1></h1> </div> <div class="big-title gray"> <div class="icon-box float-right clear"> <div class="icon-bar play play-playlist float-right"></div> </div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <ul class="mainlist shareplay-list"> </ul> </div> </div>
<div class="group"> <div class="big-title"> <h1 type="i18n" key="mymusic_favoritesingles"></h1> </div> <div class="big-title gray"> <div class="icon-box float-right clear"> <div class="icon-bar play play-favoritesongs float-right"></div> </div> <h1><em type="i18n" key="cart_totalPrice"></em><span>0</span></h1> </div> <div id="panelList"> <ul class="mainlist share-favorite-songs-list"> </ul> </div> </div>
<div class="bread clear"> <div class="breadicon backarrow"><a href="javascript:void(0)"></a></div> <h1 key="buy_confirmation" type="i18n"></h1> </div> <div class="main-content buyPage" style="display:none;"> <!-- 歌曲信息--开始 --> <div class="music-display clear"> <div class="list-img"><div class="playbox playRBT" style="display:none;"> <a class="play play-rbt" href="javascript:void(0)"></a></div><img onerror="handleImgError(this,'1');"> </div> <div class="list-txt"> <div class="list-txt-box"><p class="list-title cut musicName" style="line-height: 20px;"></p></div> <div> <p class="light-txt cut albumName"></p> <p class="light-txt cut singerName"></p> </div> </div> <div class="list-txt-box rbtLists"></div> </div> <!-- 歌曲信息--结束 --> <!-- 价格信息--开始 --> <div class="price-section subsribed" style="display:none;"> <p><span class="orederedPackageName"></span><span class="price-big realPrice"></span></p> <p><span class="line-blue originalPrice"></span></p> <!-- <p class="normal-txt validTime" style="display:none;"><span type="i18n" key="buy_validtime"></span><span class="validTimeNum"></span> <span key="common_Days_t" type="i18n"></span></p> --> </div> <div class="price-section unsubsribed" style="display:none;"> <p class="price-big realPrice"></p> <!-- <p class="light-txt validTime" style="display:none;"><span type="i18n" key="buy_validtime"></span><span class="validTimeNum"></span> <span key="common_Days_t" type="i18n"></span></p> --> <p class="recArea"><span class="recPackageName"></span>:<span class="recPrice"></span><a href="javascript:void(0)" class="blue-p go goClub" type="i18n" key="buy_clickhere_t"></a></p> </div> <!-- 价格信息--结束 --> <!-- 设置RBT--开始 --> <div class="iterm-txt setRBT noSelect" style="display:none;"> <div class="checkbox checked selectRBT"></div> <p class="normal-txt" key="common_setAsDefaultRbt" type="i18n"></p> </div> <!-- 设置RBT--结束 --> <!-- 绑定手机--开始 --> <div class="unbound" style="display:none;"> <div class="iterm-box"> <div class="notice-txt"> <div class="prompt"></div><p key="buy_bindphonetips" type="i18n"></p> </div> </div> <div class="iterm-box phoneCell"> <div class="input-box clearfix" id="phoneNo"> <div class="input"><input type="text" placeholder=""></div> </div> <p class="red-txt"></p> </div> <div class="act-btn"><a href="javascript:void(0)" class="getCodeBtn" key="common_getDynamicCode" type="i18n"></a></div> <div class="iterm-box dynamicCodeCell"> <div class="input-box"> <div class="input"><input type="text" placeholder="Please input the Dynamic Code"></div> </div> <p class="red-txt"></p> </div> <div class="act-btn gray-btn" id="bindPhoneBtn"><a href="javascript:void(0)" key="buy_linkphone" type="i18n"></a></div> <p class="red-txt bindPhoneError" style="text-align: center;"></p> </div> <!-- 绑定手机--结束 --> <!-- 购买按钮--开始 --> <div class="act-btn buyBtn" id="buyBtn" style="display:none;"><a href="javascript:void(0)"></a></div> <!-- 购买按钮--结束 --> <p class="center-txt rbtFeeTips" style="display:none;"></p> </div> <div class="iterm resultPage" style="display:none;"> <h2 class="iterm-title"><span class="failed resultIcon"></span><span class="resultTips"></span></h2> <div class="iterm-box"> <p class="light-txt resultMSG"></p> </div> <div class="act-btn resultActionBtn" style="display:none;"><a style="width:100%;display:block;" href="javascript:void(0)"></a></div> <div class="act-btn backtohome"><a href="javascript:void(0)" key="common_GoHome_t" type="i18n"></a></div> </div>
<div class="radio-title-box"><div class="radio-title" id="radio-title"><div class="radio-box"><div class="radio-icon"></div><span type="i18n" key="radio_luckyRadio"></span></div></div><div class="list-tools display"></div></div> <div class="radio-content" id="radioList"> <div class="radio-subtitle" type="i18n" key="radio_publicRadio"></div> <ul class="mainlist radio-list big-img group"> </ul> </div>
<div class="truegift-title-box"><div class="truegift-title" id="truegift-title"><div class="truegift-box"></div></div></div> <div class="truegift-content" id="truegiftList"> <iframe id="truegift_show" src="" style="width:100%; border:none;"></iframe> </div>
<div id="my_package" style="display:none;"></div> <div id="payment_result_view" style="display:none;"> </div> <div id="package_list"> <div id="show_package"> <div id="all_package_detail"> <h1>TrueMusic Premium</h1> <div id="package_info_rows"> </div> </div> <div id="all_package_lists"> <div id="package_list_rows"> </div> </div> </div> </div> <div id="payment_channel" style="display:none;"> <div id="payment_channel_list"> <div id="payment_channel_header"> <div class="payment_channel_close_btn"> <img src="resources/css/style-yellow/images/payment_close_btn.png"> </div> <h1>Choose Payment Channel</h1> </div> <div id="payment_channel_detail"> <div id="payment_detail_row"> </div> <div id="payment_checkout"> <button class="payment_checkout_btn" id="payment_checkout_btn" class="disable">Next</button> </div> </div> </div> </div>
<!-- a 标签上的hash --> <section class="section-box"> <div class="bread clear"> <div class="breadicon backhome"><a href="#index-page"></a></div> <div class="edit"><a id="editInfo" href="#myaccount-setting"></a></div> <h1 class="myaccount_h1" type="i18n" key="myaccount_accountName"></h1> </div> <div id="my_package_info"></div> <div class="userbox clear"></div> <div class="border-list"> <ul> <li id="music_plan"> <div class="rightarrow"><a id="linkMusicPlan" href="#music-plans"></a></div> <div class="list-box"> <p><a id="goMusicPlan" href="#music-plans" type="i18n" key="myaccount_musicclub"></a></p> <p id="music_club_info"></p> </div> </li> <!-- <li id="morePoints"> <div class="rightarrow"><a href="javascript:void(0)"></a></div> <div class="list-box"> <p><a href="javascript:void(0)" type="i18n" key="myaccount_morePoints"></a></p> <p class="vipRankTip"></p> </div> </li> --> <li id="transaction_history"> <div class="rightarrow"><a id="linkHistory" href="#transaction-history?song"></a></div> <div class="list-box"><p><a id="goHistory" href="#transaction-history?song" type="i18n" key="myaccount_consumptionrecord"></a></p></div> </li> </ul> </div> <div class="act-btn red-btn" id="btnLogout"> <a href="javascript:void(0)" type="i18n" key="header_logout"></a> </div> </section>
<div id="clubtitle" class="bread clear"> <div class="breadicon backarrow"><a id="backhistory" href="javascript:void(0)"></a></div> <!-- <div id="assistBtn" class="info"><a href="javascript:void(0)"></a></div> --> <h1 type="i18n" key="myaccount_musicclub"></h1> </div> <div id="musicClub" class="myaccount_content"></div> <div id="linkphonetitle" class="bread clear" style="display:none"> <div class="breadicon backarrow"><a id="backmusicplans" href="javascript:void(0)"></a></div> <div class="info" style="display:none"><a href="javascript:void(0)"></a></div> <h1 type="i18n" key="bindmobilephone_bindmobilephone"></h1> </div> <div id="linkphonebody" class="main-content iterm" style="display:none"> <div class="iterm-box"> <div class="notice-txt"> <div class="prompt"></div><p key="bindmobilephone_enternumber" type="i18n"></p> </div> </div> <p id="errormessage" class="red-txt"></p> <div class="iterm-box phoneinput"> <div id="phoneNo" class="input-box clearfix"> <div class="input placefixed"><input id="usephone" type="text"></div> </div> <p id="errormsg-mobileNumber" class="red-txt"></p> </div> <div id="codebutton" class="act-btn"><a href="javascript:void(0)" type="i18n" key="common_registergetcode"></a></div> <div class="iterm-box dynamicinput"> <div class="input-box"> <div class="input"><input id="validateCode" type="text"></div> </div> <p id="errormsg-verfication-code" class="red-txt"></p> </div> <div id="bindPhone" class="act-btn"><a href="javascript:void(0)" type="i18n" key="bindmobilephone_bind"></a></div> </div>
<div class="bread clear"> <div class="breadicon backarrow"><a id="linktoMyaccount" href="#myaccount"></a></div> <h1 type="i18n" key="common_ConsumptionDetail_t"></h1> </div> <div id="subNav"> <ul id="queryType" class="four-li"> <li><a id="songHistory" href="#transaction-history?song" type="i18n" key="mymusic_music"></a></li> <li><a id="ringtoneHistory" href="#transaction-history?ringtone" type="i18n" key="mymusic_Ringtone"></a></li> <li><a id="rbtHistory" href="#transaction-history?rbt" type="i18n" key="touch_rbt"></a></li> <li><a id="packageHistory" href="#transaction-history?package" type="i18n" key="myaccount_packageself"></a></li> </ul> </div> <div> <ul class="mainlist"></ul> </div>
<div class="bread clear"> <div class="breadicon backarrow"><a href="#myaccount"></a></div> <h1 type="i18n" key="myaccount_edituserinfo"></h1> </div> <span id="errormsg-result" class="errormsg"></span> <div class="iterm" id="editbody"> <div class="iterm-box"> <div class="input-box" for="nickname"> <div class="input placefixed"> <input type="text" id="nickname" maxlength="50" class="noplayer" name="nickname" /> <span id="nickname_h" class="hidden"></span> </div> </div> </div> <div class="iterm-box clear"> <div class="inputradio-box"> <input type="radio" id="gender-female" name="gender" value="2" /><span type="i18n" key="myaccount_female" class="normal-txt"></span><span class="female"></span> </div> <div class="inputradio-box"> <input type="radio" id="gender-male" name="gender" value="1" /><span type="i18n" key="myaccount_male" class="normal-txt"></span><span class="male"></span> </div> </div> <div class="iterm-box"> <select id="year-select" name="BirthYear"></select> <select id="month-select" name="BirthMonth"></select> <select id="day-select" name="BirthDay"></select> </div> <div class="iterm-box"> <p type="i18n" key="referral_code_popup_title"></p> <div class="input-box"> <div class="input placefixed"><input id="friendCode" type="text"></div> </div> </div> <div class="iterm-box"> <div class="input-box"> <div class="input placefixed"><input id="email" type="text"></div> </div> <div class="iterm-txt"><p type="i18n" key="myaccount_emailFormat"></p></div> </div> <span id="errormsg-email" class="errormsg"></span> <div id="submit" type="i18n" key="common_save" class="act-btn"></div> </div>
