<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en-gb" lang="en-gb">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>交響曲，協奏曲。愛上古典樂，從今天開始|MUZIK ONLINE</title>
	<link rel="canonical" href="https://www.muzik-online.com" />
    <link rel="shortcut icon" href="misc/favicon.ico" type="image/vnd.microsoft.icon"/>
    <meta name="keywords" content="古典樂、交響曲、協奏曲"/>
    <meta name="description" content="MUZIK ONLINE提供供各式古典樂曲，包括交響曲、協奏曲等各式古典樂。知名曲目曲譜下載、古典樂知識庫、相關介紹，經典的古典樂歌單，貝多芬的鋼琴協奏曲、莫札特的管弦交響曲、舒伯特的奏鳴曲。更多古典樂、交響曲、協奏曲相關資訊，請上MUZIK ONLINE"/>
    <!--  -->
    <meta property="og:image" />
    <meta property="og:type" content="article"/>
    <meta property="og:title" content="MUZIK ONLINE - 古典樂、交響曲、協奏曲"/>
    <meta property="og:site_name" content="MUZIK ONLINE"/>
    <meta property="og:url" content="http://www.muzik-online.com/index.php"/>
    <meta property="og:description" content="MUZIK ONLINE | 古典樂。從今天開始"/>
    <meta property="fb:app_id" content="339999192774080"/>
        <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/muzik_playlist.css"/>
    <link rel="stylesheet" href="css/vt_playlist.css">
    <link rel="stylesheet" href="css/tip/tip-darkgray/tip-darkgray.css" type="text/css"/>
    <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="css/muzik.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/tutorial.css">
    <link rel="stylesheet" href="css/kappa_a-20130109-1.css">
    <!--<link href="js/skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />-->
    <link rel="stylesheet" id="camera-css" href="css/camera.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/tip/tip-yellow/tip-yellow.css" type="text/css"/>
<!--    <link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> -->
    <link href="css/tipsy.css" rel="stylesheet" type="text/css"/>
    <link href="css/up_style.css" rel="stylesheet" type="text/css"/>
    <!-- banner CSS -->
    <!-- <link href="css/global.css" rel="stylesheet" type="text/css" /> -->
    <!--<script type='text/javascript' src='js/jquery-1.8.0.min.js'></script>-->
    <script type="text/javascript" src="jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/jquery.history.js"></script>
    <script type="text/javascript" src="js/clip.js"></script>
    <script type="text/javascript" src="js/froogaloop.js"></script>
    <script type="text/javascript" src="js/less-1.1.6.js"></script>
    <script src="ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>!window.jQuery.ui && document.write(unescape('%3Cscript src="jquery/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
    <script type="text/javascript" src="js/jquery_placeholder.js"></script>
    <script type="text/javascript" src="js/setmeta.js"></script>
    <script type="text/javascript" src="js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mu.image.resize.js"></script>
    <!-- <script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script> -->
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- <script src="js/jquery-1.8.0.min.js"></script>
    <script src="js/jquery.hashchange.min.js"></script> -->
    <!--<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>-->
     <!-- <script src="js/index.js"></script> -->
    <script type="text/javascript">
      var bgTime = 6000; // Background Image/Video animation display duration (ms)
      var bgPaused=false; // Background Image/Video animation paused
      var menuTime = 100; // menu delay (ms)
      var autoPlay = true; // Background audio autoplay
      var loop = false; // Background audio loop or next song
      var drawActions = true; // Enable or Disable draw actions
      var videoLoop = true; // True ise bg pause ise video repeat eder degilse durur
      var muteWhilePlayVideo = true; // True ise video baslayinca playlis mute olur
      var frontPage = ""; // Front Page URL
      var NormalFade = false; // Normal fade or animated bg image
      var videoMuted = false; // Star bg video mute
      var loopBg = true; //bg items loop
      var bgPatternV = 'block' // block or none;
      var bgControllerV = 'block' // block or none;
      //-- v1.1
      var videoPaused = false;
      var bgStretch = true;
      function search(obj){
// var selectedValues = $('input:checkbox:checked[name="cate"]').map(function() { return $(this).val(); }).get();
// alert(selectedValues);
            // var keyword = $.trim(obj.k.value.replace(/ /ig, '+');
          var tmp = obj.k.value;
          // alert(tmp);
          var keyword = $.trim(tmp.replace(/ /ig, '+'));
          // alert(keyword);
          obj.k.value = '';
      }
    </script>
<script type="">
  // index hot-key-header 輪播
  $(function(){
  // 先取得 div#abgne_marquee ul
  // 接著把 ul 中的 li 項目再重覆加入 ul 中(等於有兩組內容)
  // 再來取得 div#abgne_marquee 的高來決定每次跑馬燈移動的距離
  // 設定跑馬燈移動的速度及輪播的速度
  var $marqueeUl = $('div#abgne_marquee_header ul'),
    $marqueeli = $marqueeUl.append($marqueeUl.html()).children(),
    _height = $('div#abgne_marquee_header').height() * -1,
    scrollSpeed = 600,
    timer,
    speed = 3000 + scrollSpeed,
    direction = 0,  // 0 表示往上, 1 表示往下
    _lock = false;
  // 先把 $marqueeli 移動到第二組
  $marqueeUl.css('top', $marqueeli.length / 2 * _height);
  // 幫左邊 $marqueeli 加上 hover 事件
  // 當滑鼠移入時停止計時器；反之則啟動
  $marqueeli.hover(function(){
    clearTimeout(timer);
  }, function(){
    timer = setTimeout(showad, speed);
  });
  // 判斷要往上還是往下
  $('div#abgne_marquee_header .marquee_btn').click(function(){
    if(_lock) return;
    clearTimeout(timer);
    direction = $(this).attr('id') == 'marquee_next_btn' ? 0 : 1;
    showad();
  });
  // 控制跑馬燈上下移動的處理函式
  function showad(){
    _lock = !_lock;
    var _now = $marqueeUl.position().top / _height;
    _now = (direction ? _now - 1 + $marqueeli.length : _now + 1)  % $marqueeli.length;
    // $marqueeUl 移動
    $marqueeUl.animate({
      top: _now * _height
    }, scrollSpeed, function(){
      // 如果已經移動到第二組時...則馬上把 top 設回到第一組的最後一筆
      // 藉此產生不間斷的輪播
      if(_now == $marqueeli.length - 1){
        $marqueeUl.css('top', $marqueeli.length / 2 * _height - _height);
      }else if(_now == 0){
        $marqueeUl.css('top', $marqueeli.length / 2 * _height);
      }
      _lock = !_lock;
    });
    // 再啟動計時器
    timer = setTimeout(showad, speed);
  }
  // 啟動計時器
  timer = setTimeout(showad, speed);
  $('a').focus(function(){
    this.blur();
  });
});
</script>
    </head>
  <body class="">
  <div id="vt-header">
        <div class="vt-header-body">
            <a href="/" id="vt-brand">Muzik Online</a>

            <ul class="vt-mainmenu">
                <li>
                  <a href="https://www.muzik-online.com/channel">CHANNEL</a>
                  <div class="vt-submenu">
                    <ul>
                                    <li><a href="#!classical_7">名人DJ</a></li>
                                    <li><a href="#!classical_8">古典天使</a></li>
                                    <li><a href="#!classical_9">主題音樂館</a></li>
                                    <li><a href="#!classical_23">會員精選</a></li>
                                  </ul>
                  </div>
                </li>
                <!-- <li><a href="#!column">玩家專欄</a></li> -->
                </li>
                <li>
                  <a href="#!article">新鮮事</a>
                  <div class="vt-submenu">
                    <ul>
                                  <li><a href="#!article_2">樂壇前線</a></li>
                                  <li><a href="#!article_24">音樂生活</a></li>
                                  <li><a href="#!article_3">發燒商品</a></li>
                                </ul>
                  </div>
                </li>
                <li><a href="#!concert">愛樂情報</a></li>
                <li><a href="#!download_tw_composer">音樂典藏</a></li>
                <li><a href="#!knowledge?by=list">知識庫</a></li>
                <li><a href="#!forums">討論區</a></li>
                <li class="vt-search">
                  <a href="javascript:;"><i class="icon-search icon-white"></i></a>
                  <div class="vt-submenu">
                    <form action="" class="vt-main-search" method="" onsubmit="search(this);return false;">
                      <input type="text" class="vt-search" placeholder="Search" name="k">
                      <!-- <input type="hidden" class="vt-search" placeholder="Search" name="f" value="all">
                      <label><input type="checkbox" name="cate" value="6">古典輕鬆聽</label>
                      <label><input type="checkbox" name="cate" value="1">古典新鮮事</label>
                      <label><input type="checkbox" name="cate" value="4">音樂會快訊</label>
                      <label><input type="checkbox" name="cate" value="5">古典知識庫</label>
                      <label><input type="checkbox" name="cate" value="34">曲譜下載</label> -->
                    </form>
                  </div>
                </li>
            </ul>
            <div class="hot-key-header">            	<div class="popular">推薦:</div>
				  <div id="abgne_marquee_header">
				    <ul>
				      <li>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=古典樂&amp;page=1">古典樂</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=貝多芬&amp;page=1">貝多芬</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=巴哈&amp;page=1">巴哈</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=莫札特&amp;page=1">莫札特</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=交響曲&amp;page=1">交響曲</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=蕭邦&amp;page=1">蕭邦</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=協奏曲&amp;page=1">協奏曲</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=小提琴&amp;page=1">小提琴</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=三大男高音&amp;page=1">三大男高音</a>
				      </li>
				      <li>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=卡拉揚&amp;page=1">卡拉揚</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=大提琴&amp;page=1">大提琴</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=長笛&amp;page=1">長笛</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=柏林愛樂&amp;page=1">柏林愛樂</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=交響樂團&amp;page=1">交響樂團</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=管絃樂團&amp;page=1">管絃樂團</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=維也納&amp;page=1">維也納</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=郎朗&amp;page=1">郎朗</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=鋼琴&amp;page=1">鋼琴</a>
				      </li>
				      <li>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=管樂團&amp;page=1">管樂團</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=巴洛克&amp;page=1">巴洛克</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=浪漫樂派&amp;page=1">浪漫樂派(時期)</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=合唱團&amp;page=1">合唱團</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=奏鳴曲&amp;page=1">奏鳴曲</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=室內樂&amp;page=1">室內樂</a>
				        <a href="/#!search_result?f=all&amp;c=2&amp;k=錄音版本&amp;page=1">錄音版本</a>
				      </li>
				    </ul>
				    <div class="marquee_btn" id="marquee_prev_btn"></div>
				    <div class="marquee_btn" id="marquee_next_btn"></div>
				  </div></div>
        </div>
    </div>
 <!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.cityinn.com.tw/images/cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.cityinn.com.tw/images/warning.jpg' alt='Warning!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
      </div>
      <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='images/firefox.jpg' style='border: none;' alt='Get Firefox New Version'/></a></div>
      <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='images/ie.jpg' style='border: none;' alt='Get Internet Explorer New Version'/></a></div>
      <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='images/safari.jpg' style='border: none;' alt='Get Safari New Version'/></a></div>
      <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='images/chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
    </div>
  </div>
  <![endif]-->
<div id="wrapper" class="clearfix">
      <div id="content">
    <div id="contentBox">
      <div id="contentBoxContainer"></div>
    </div>
  </div>
  <div id="contentBoxScroll">
    <a id="closeButton" href="#!//"></a>
    <div class="dragcontainer">
      <div id="contentBoxScrollDragger" class="dragger">
        <div class="scroll_up"></div>
        <div class="scroll_down"></div>
      </div>
    </div>
  </div>
<!-- ------------------------------------------------------------------ KAPPA Start -------------------------------------------------------------------------- -->
<!-- <header id="header">
  <<div class="top">
  </div>
</header>
<div id="wrapper" class="clearfix">
      <div id="content">
    <div id="contentBox">
      <div id="contentBoxContainer"></div>
    </div>
  </div>
  <div id="contentBoxScroll">
    <a id="closeButton" href="#!//"></a>
    <div class="dragcontainer">
      <div id="contentBoxScrollDragger" class="dragger">
        <div class="scroll_up"></div>
        <div class="scroll_down"></div>
      </div>
    </div>
  </div> -->
<section id="main" class="clearfix">
<!--
<div class="hot-key-top">
  <div class="label">快速認識古典樂</div>
  <div id="abgne_marquee_top">
    <ul>
      <li>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=古典樂&page=1';return false;" href="search_result?f=all&c=2&k=古典樂&page=1">古典樂</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=貝多芬&page=1';return false;" href="search_result?f=all&c=2&k=貝多芬&page=1">貝多芬</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=巴哈&page=1';return false;" href="search_result?f=all&c=2&k=巴哈&page=1">巴哈</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=莫札特&page=1';return false;" href="search_result?f=all&c=2&k=莫札特&page=1">莫札特</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=交響曲&page=1';return false;" href="search_result?f=all&c=2&k=交響曲&page=1">交響曲</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=蕭邦&page=1';return false;" href="search_result?f=all&c=2&k=蕭邦&page=1">蕭邦</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=協奏曲&page=1';return false;" href="search_result?f=all&c=2&k=協奏曲&page=1">協奏曲</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=小提琴&page=1';return false;" href="search_result?f=all&c=2&k=小提琴&page=1">小提琴</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=三大男高音&page=1';return false;" href="search_result?f=all&c=2&k=三大男高音&page=1">三大男高音</a></span>
      </li>
      <li>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=卡拉揚&page=1';return false;" href="search_result?f=all&c=2&k=卡拉揚&page=1">卡拉揚</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=大提琴&page=1';return false;" href="search_result?f=all&c=2&k=大提琴&page=1">大提琴</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=長笛&page=1';return false;" href="search_result?f=all&c=2&k=長笛&page=1">長笛</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=柏林愛樂&page=1';return false;" href="search_result?f=all&c=2&k=柏林愛樂&page=1">柏林愛樂</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=交響樂團&page=1';return false;" href="search_result?f=all&c=2&k=交響樂團&page=1">交響樂團</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=管絃樂團&page=1';return false;" href="search_result?f=all&c=2&k=管絃樂團&page=1">管絃樂團</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=維也納&page=1';return false;" href="search_result?f=all&c=2&k=維也納&page=1">維也納</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=郎朗&page=1';return false;" href="search_result?f=all&c=2&k=郎朗&page=1">郎朗</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=鋼琴&page=1';return false;" href="search_result?f=all&c=2&k=鋼琴&page=1">鋼琴</a></span>
      </li>
      <li>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=管樂團&page=1';return false;" href="search_result?f=all&c=2&k=管樂團&page=1">管樂團</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=巴洛克&page=1';return false;" href="search_result?f=all&c=2&k=巴洛克&page=1">巴洛克</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=浪漫樂派&page=1';return false;" href="search_result?f=all&c=2&k=浪漫樂派&page=1">浪漫樂派(時期)</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=合唱團&page=1';return false;" href="search_result?f=all&c=2&k=合唱團&page=1">合唱團</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=奏鳴曲&page=1';return false;" href="search_result?f=all&c=2&k=奏鳴曲&page=1">奏鳴曲</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=室內樂&page=1';return false;" href="search_result?f=all&c=2&k=室內樂&page=1">室內樂</a></span>
        <span><a onclick="location.href='#!search_result?f=all&c=2&k=錄音版本&page=1';return false;" href="search_result?f=all&c=2&k=錄音版本&page=1">錄音版本</a></span>
      </li>
    </ul>
    <div class="marquee_btn" id="marquee_prev_btn"><img src="../image/marquee_prev_btn.png"></div>
    <div class="marquee_btn" id="marquee_next_btn"><img src="../image/marquee_next_btn.png"></div>
  </div>
</div> -->
			<div id="primary" class="homepage"></div>
            <div id="primary" class="inside hidden"></div>
			<!--
                <section id="primary">
                    <section class="breadcrumb"></section>
                    <section class="magazine-tab clearfix"></section>
                    <section class="people-list clearfix"></section>
                    <section class="multi-lists clearfix"></section>
                    <section class="feature-list clearfix"></section>
                    <section class="people-page"></section>
                    <section class="user-center clearfix"></section>
                    <section class="download"></section>
                    <section class="news-lists hidden clearfix"></section>
                    <section class="discuss clearfix"></section>
					<section class="news clearfix"></section>
                </section>
				-->
            <section id="secondarygrop">
                <section id="secondary">
                    <section class="user-info">
                        <div class="guest ">
	                        <header>
                                <a href="javascript:;" id="openlogin">會員登入</a>|
	                            <!--<a href="#modal-register" data-dismiss="modal" data-toggle="modal">註冊</a>-->
								<a href="javascript:;" id="goreg">註冊</a>
	                        </header>
	                        <article class="clearfix">
	                            <div>請先登入會員，立即體驗古典音樂的無窮樂趣！</div>
	                            <p><img src="upload/member_photo/default.png" style="width:60px"></p>
	                        </article>
                        </div>
                        <div class="member hidden">
                            <header>
                                <span>
                                    <a href="#!message" class="new-msg icon"></a>
                                    <cite class="count icon">0</cite>
	                            </span>
	                            <p>
                                    <!--span></span-->
	                                <a href="javascript:;" class="logout">登出</a>
	                            </p>
                            </header>
                            <article class="clearfix">
                                <div>
                                    <span>Hi, </span>
                                    <ul class="clearfix">
										<input type="hidden" id="h_mid" name="h_mid" value=""/>
                                        <li><a href="#!member">會員中心</a></li>
                                        <!-- <li><a href="javascript:;">追蹤目標</a></li> -->
                                        <li><a href="javascript:;">我的歌單</a></li>
                                        <!-- <li><a href="javascript:;">繳費記錄</a></li> -->
                                    </ul>
									<br>
                                    <!--span><!--會員到期日:2013-09-09></span-->
                                </div>
                                <p>
                                    <img src="https://www.muzik-online.com/" height="60" width="60" />
                                </p>
                            </article>
                        </div>
                    </section>
          			  <section id="vt-song-player">
                  	 <ul class="nav nav-tabs vt-tabs">
				<li class="active black" s="暫存歌單"><a href="#vt-song-tagContent1" data-toggle="tab">暫存歌單</a></li>
				<li s="我的歌單"><a href="#vt-song-tagContent2" data-toggle="tab">我的歌單</a></li>
				<li s="我的收藏"><a href="#vt-song-tagContent3" data-toggle="tab">我的收藏</a></li>
			</ul>
			<div class="tab-content">
				<!-- tag content 1 -->
				<div class="tab-pane fade active in" id="vt-song-tagContent1">
					<div id="jp-media22"></div>
					<div id="jp_container_N22">
						<!-- player UI -->
			            <div class="player">
							<ul class="clearfix">
								<li><a class="jp-previous" href="javascript:;"></a></li>
								<li><a class="jp-play" href="javascript:;"></a></li>
								<li><a class="jp-pause" href="javascript:;"></a></li>
								<li><a class="jp-next" href="javascript:;"></a></li>
								<li><a class="jp-mute" href="javascript:;"></a></li>
								<li><a class="jp-unmute" href="javascript:;" title="unmute"></a></li>
								<li>
							 		<div class="jp-volume-bar">
							 			<div class="jp-volume-bar-value" style="width: 80%; "></div>
									</div>
								</li>
								<li><a class="jp-volume-max" href="javascript:;"></a></li>
								<li><a class="jp-repeat" href="javascript:;"></a></li>
								<li><a class="jp-repeat-off" href="javascript:;" title="repeat off"></a></li>
								<!-- <li><a class="jp-shuffle" href="javascript:;"></a></li> -->
							</ul>
							<!-- song progresser -->
							<div class="jp-progress">
								<div class="jp-seek-bar" style="width: 100%; ">
									<div class="jp-play-bar" style="width: 0%; "></div>
								</div>
							</div>
							<!-- song title -->
							<h3 class="jp-title">
							<ul></ul>
							</h3>
			            </div>
			        </div>
			        <!-- WTF -->
			        <div class="group-bar"> 
			        	<a href="javascript:;" class="lang-en icon"></a> 
			        </div>
			        <!-- song list -->
			        <div class="jp-playlist vt-songlist" id="vt-songlist1">
			        	<ul>
			        		<li class="list-item">
			        			<div class="addonBtn">
			        				<a href="javascript:;" class="song-add" title="加入我的歌單"></a>
			        				<a href="javascript:;" class="song-del" title="刪除"></a>
			        				<a href="javascript:;" class="song-play" title="播放"></a>
			        				<a href="javascript:;" class="song-info" title="資訊"></a>
			        				<a href="javascript:;" class="song-s" title="分享"></a>
			        			</div>
			        			<a href="javascript:;" title="" class="jp-playlist-item"></a>
			        		</li>
			        	</ul>
			        </div>
			        <!-- expend button -->
			        <a href="javascript:;" class="slide-button slide-out"><i></i></a>
				</div>
				<div class="tab-pane fade" id="vt-song-tagContent2">
					<div id="jp-media23"></div>
					<div id="jp_container_N23">
						<!-- player UI -->
			            <div class="player">
							<ul class="clearfix">
								<li><a class="jp-previous" href="javascript:;"></a></li>
								<li><a class="jp-play" href="javascript:;"></a></li>
								<li><a class="jp-pause" href="javascript:;"></a></li>
								<li><a class="jp-next" href="javascript:;"></a></li>
								<li><a class="jp-mute" href="javascript:;"></a></li>
								<li><a class="jp-unmute" href="javascript:;" title="unmute"></a></li>
								<li>
							 		<div class="jp-volume-bar">
							 			<div class="jp-volume-bar-value" style="width: 80%; "></div>
									</div>
								</li>
								<li><a class="jp-volume-max" href="javascript:;"></a></li>
								<li><a class="jp-repeat" href="javascript:;"></a></li>
								<li><a class="jp-repeat-off" href="javascript:;" title="repeat off"></a></li>
								<!-- <li><a class="jp-shuffle" href="javascript:;"></a></li> -->
							</ul>
							<!-- song progresser -->
							<div class="jp-progress">
								<div class="jp-seek-bar" style="width: 100%; ">
									<div class="jp-play-bar" style="width: 0%; "></div>
								</div>
							</div>
							<!-- song title -->
							<h3 class="jp-title">
							<ul></ul>
							</h3>
			            </div>
			        </div>
			        <!-- WTF -->
			        <div class="group-bar" style="display:none"> 
			        	<a href="javascript:;" class="lang-en icon"></a> 
			        	<a href="javascript:;" class="current-group"></a> 
			        	<a href="javascript:;" class="open-group-list icon"></a> 
			        </div>
			        <!-- song list -->
			        <div class="jp-playlist vt-songlist" id="vt-songlist2">
			        	<ul>
			        		<li class="list-item">
			        			<div class="addonBtn">
			        				<a href="javascript:;" class="song-add" title="加入我的歌單"></a>
			        				<a href="javascript:;" class="song-del" title="刪除"></a>
			        				<a href="javascript:;" class="song-play" title="播放"></a>
			        				<a href="javascript:;" class="song-info" title="資訊"></a>
			        				<a href="javascript:;" class="song-s" title="分享"></a>
			        			</div>
			        			<a href="javascript:;" title="" class="jp-playlist-item"></a>
			        		</li>
			        	</ul>
			        </div>
			        <!-- expend button -->
			        <a href="javascript:;" class="slide-button slide-out"><i></i></a>
				</div>
				<div class="tab-pane fade" id="vt-song-tagContent3">
					<div id="jp-media24"></div>
					<div id="jp_container_N24">
						<!-- player UI -->
			            <div class="player">
							<ul class="clearfix">
								<li><a class="jp-previous" href="javascript:;"></a></li>
								<li><a class="jp-play" href="javascript:;"></a></li>
								<li><a class="jp-pause" href="javascript:;"></a></li>
								<li><a class="jp-next" href="javascript:;"></a></li>
								<li><a class="jp-mute" href="javascript:;"></a></li>
								<li><a class="jp-unmute" href="javascript:;" title="unmute"></a></li>
								<li>
							 		<div class="jp-volume-bar">
							 			<div class="jp-volume-bar-value" style="width: 80%; "></div>
									</div>
								</li>
								<li><a class="jp-volume-max" href="javascript:;"></a></li>
								<li><a class="jp-repeat" href="javascript:;"></a></li>
								<li><a class="jp-repeat-off" href="javascript:;" title="repeat off"></a></li>
								<!-- <li><a class="jp-shuffle" href="javascript:;"></a></li> -->
							</ul>
							<!-- song progresser -->
							<div class="jp-progress">
								<div class="jp-seek-bar" style="width: 100%; ">
									<div class="jp-play-bar" style="width: 0%; "></div>
								</div>
							</div>
							<!-- song title -->
							<h3 class="jp-title"><ul></ul></h3>
			            </div>
			        </div>
			        <!-- WTF -->
			        <div class="group-bar hidden"> 												
			        	<a href="javascript:;" class="lang-en icon"></a>
						<a href="javascript:;" class="song-back icon"></a>
			        	<a href="javascript:;" class="current-group"></a> 
			        	<a href="javascript:;" class="open-group-list icon"></a> 												
			        </div>
					 <div class="jp-playlist vt-songlist hidden" id="vt-songlist3">
			        	<ul>
			        		<!--<li class="list-item">							
			        			<div class="addonBtn">
			        				<a href="javascript:;" class="song-add" title="加入我的歌單"></a>
			        				<a href="javascript:;" class="song-del" title="刪除"></a>
			        				<a href="javascript:;" class="song-play" title="播放"></a>
			        				<a href="javascript:;" class="song-info" title="資訊"></a>
			        				<a href="javascript:;" class="song-s" title="分享"></a>
			        			</div>
			        			<a href="javascript:;" title="" class="jp-playlist-item"></a>
			        		</li>
							-->
			        	</ul>
			        </div>
			        <!-- song list -->
					<div class="vt-songlist" id="vt-firendlist">
			        	<ul>
			        		<!--<li class="list-item">
			        			<div class="addonBtn">
			        				<a href="javascript:;" class="song-del" title="刪除"></a>
			        				<a href="javascript:;" class="song-play" title="播放"></a>
			        				<a href="javascript:;" class="song-s" title="分享"></a>
			        			</div>
			        			<a href="javascript:;" title="" class="jp-playlist-item"></a>
			        		</li>
							-->
			        	</ul>
			        </div>
			        <!-- expend button -->
			        <a href="javascript:;" class="slide-button slide-out"><i></i></a>
				</div>
			</div>
                  </section>
                    <section id="playlist hidden">
                    </section>
                    <!-- 
                    <div class="hot-key-side">
                        <div class="title_box"></div>
                        <a href="" class="title">快速認識古典樂</a>
                        <div class="marquee_btn" id="marquee_prev_btn"><img src="../image/marquee_prev_btn.png"></div>
                        <div class="marquee_btn" id="marquee_next_btn"><img src="../image/marquee_next_btn.png"></div>
                        <div id="abgne_marquee_side">
                          <ul>
                            <li>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=古典樂&page=1';return false;" href="search_result?f=all&c=2&k=古典樂&page=1">古典樂</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=貝多芬&page=1';return false;" href="search_result?f=all&c=2&k=貝多芬&page=1">貝多芬</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=巴哈&page=1';return false;" href="search_result?f=all&c=2&k=巴哈&page=1">巴哈</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=莫札特&page=1';return false;" href="search_result?f=all&c=2&k=莫札特&page=1">莫札特</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=交響曲&page=1';return false;" href="search_result?f=all&c=2&k=交響曲&page=1">交響曲</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=蕭邦&page=1';return false;" href="search_result?f=all&c=2&k=蕭邦&page=1">蕭邦</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=協奏曲&page=1';return false;" href="search_result?f=all&c=2&k=協奏曲&page=1">協奏曲</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=小提琴&page=1';return false;" href="search_result?f=all&c=2&k=小提琴&page=1">小提琴</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=三大男高音&page=1';return false;" href="search_result?f=all&c=2&k=三大男高音&page=1">三大男高音</a></span>
                            </li>
                            <li>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=卡拉揚&page=1';return false;" href="search_result?f=all&c=2&k=卡拉揚&page=1">卡拉揚</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=大提琴&page=1';return false;" href="search_result?f=all&c=2&k=大提琴&page=1">大提琴</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=長笛&page=1';return false;" href="search_result?f=all&c=2&k=長笛&page=1">長笛</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=柏林愛樂&page=1';return false;" href="search_result?f=all&c=2&k=柏林愛樂&page=1">柏林愛樂</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=交響樂團&page=1';return false;" href="search_result?f=all&c=2&k=交響樂團&page=1">交響樂團</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=管絃樂團&page=1';return false;" href="search_result?f=all&c=2&k=管絃樂團&page=1">管絃樂團</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=維也納&page=1';return false;" href="search_result?f=all&c=2&k=維也納&page=1">維也納</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=郎朗&page=1';return false;" href="search_result?f=all&c=2&k=郎朗&page=1">郎朗</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=鋼琴&page=1';return false;" href="search_result?f=all&c=2&k=鋼琴&page=1">鋼琴</a></span>
                            </li>
                            <li>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=管樂團&page=1';return false;" href="search_result?f=all&c=2&k=管樂團&page=1">管樂團</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=巴洛克&page=1';return false;" href="search_result?f=all&c=2&k=巴洛克&page=1">巴洛克</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=浪漫樂派&page=1';return false;" href="search_result?f=all&c=2&k=浪漫樂派&page=1">浪漫樂派(時期)</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=合唱團&page=1';return false;" href="search_result?f=all&c=2&k=合唱團&page=1">合唱團</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=奏鳴曲&page=1';return false;" href="search_result?f=all&c=2&k=奏鳴曲&page=1">奏鳴曲</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=室內樂&page=1';return false;" href="search_result?f=all&c=2&k=室內樂&page=1">室內樂</a></span>
                              <span><a onclick="location.href='#!search_result?f=all&c=2&k=錄音版本&page=1';return false;" href="search_result?f=all&c=2&k=錄音版本&page=1">錄音版本</a></span>
                            </li>
                          </ul>
                        </div>
                      </div> -->
                    <section class="hot-msg hidden">
                    </section>
                    <section class="ad hidden">
                        <img src="image/ad.jpg" alt="" width="216" height="108"/>
                    </section>
                    <section class="ad hidden">
                        <img src="image/ad.jpg" alt="" width="216" height="108"/>
                    </section>
                    <section class="aside-list hidden" id="aside-list1">
                        <!--  -->
                    </section>
                    <section class="aside-list hidden" id="aside-list2">
                    </section>
                    <section class="fans hidden">
                    </section>
                </section>
            </section>
        </section>
			<!-- <iframe src="http://www.facebook.com/plugins/likebox.php?id=418096944902924&width=218&connections=6&stream=false&header=false&height=320" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:218px; height:320px;" allowtransparency="true"></iframe> -->
<!-- ---------------------------新footer 開始----------------------------------------- -->
</div>
<footer id="footer" class="footer-fixed">
            <div class="footerbar">
                <header>
                    <div class="pull-right">
                        <div class="copyright">Copyright © MUZIK Creative Digital Ltd.</div>
                        <a href="javascript: return window.location.href" id="footer-totop" class="top"><i>TOP</i></a>
                        <a href="javascript: void(o)" id="footer-open" class="open"><i>OPEN</i></a>
                    </div>
                    <div class="crumb"><!--
                        <a href="#!main" class="home"><i>home</i></a>
                        <a href="javascript:;">古典輕鬆聽</a>>
                        <a href="javascript:;">名人DJ</a>>
                        <a href="javascript:;">趙自強</a>
						-->
                    </div>
                </header>
            </div>
            <div class="footer-container">
                <div class="links">
                    <div class="link-left">
                        <ul>
                            <li><a href="javascript:;" id="openlogin" class="bold" alt="會員中心">會員中心</a></li>
                            <li><a href="javascript:;" id="openlogin" class="bold" alt="我的歌單">我的歌單</a></li>
                        </ul>
                        <ul>
                            <li><a href="#!aboutus" class="bold">關於我們</a></li>
                            <li><a href="#!faq" class="bold">常見問答</a></li>
                            <li><a href="#!manuals" class="bold">新手上路</a></li>
                            <li><a href="javascript:;" class="bold" id="gocontact">聯絡我們</a></li>
                        </ul>
                    </div>
                    <div class="link-center">
                        <ul>
                            <li><a href="#!classical" class="bold">古典輕鬆聽</a></li>
                            								<li><a href="#!classical_7">名人DJ</a></li>
															<li><a href="#!classical_8">古典天使</a></li>
															<li><a href="#!classical_9">主題音樂館</a></li>
															<li><a href="#!classical_23">會員精選</a></li>
							                        </ul>
                        <ul>
                            <li><a href="#!article" class="bold">新鮮事</a></li>
                            								<li><a href="#!article_2">樂壇前線</a></li>
															<li><a href="#!article_24">音樂生活</a></li>
															<li><a href="#!article_3">發燒商品</a></li>
							                        </ul>
                        <ul>
                            <li><a href="#!concert" class="bold">愛樂情報</a></li>
                            <li class="margin-top-21"><a href="#!download_tw_composer" class="bold">音樂典藏</a></li>
                            <li><a href="#!download_tw_composer" class="">選擇作曲家</a></li>
                            <li><a href="#!download_tw_period" class="">選擇時期</a></li>
                        </ul>
                        <ul>
                            <li><a href="#!knowledge?by=list" class="bold">知識庫</a></li>
                                                            <li><a href="#!knowledge_16?by=list">名家專欄</a></li>
							                                <li><a href="#!knowledge_17?by=list">人物特寫</a></li>
							                                <li><a href="#!knowledge_18?by=list">樂讀生活家</a></li>
							                                <li><a href="#!knowledge_31?by=list">愛樂大百科</a></li>
							                                <li><a href="#!knowledge_32?by=list">出版品評論</a></li>
							                        </ul>
                        <ul>
                            <li><a href="#!forums" class="bold">討論區</a></li>
                            <li class="margin-top-21"><a href="#!news" class="bold">最新消息</a></li>
                            <li><a href="#!news_1" class="">公告</a></li>
                            <li><a href="#!news_2" class="">報導</a></li>
                            <li><a href="#!news_3" class="">活動</a></li>
                        </ul>
                    </div>
                    <div class="link-right">
                        <ul class="width150">
                            <li><a href="#!service" class="bold">服務條款</a></li>
                            <li><a href="#!privacy" class="bold">隱私權政策</a></li>
                            <li><a href="#!reason" class="bold">MUZIK ONLINE與古典樂</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        <div id="overlay" style="display: none; opacity: 1; position: fixed; ">
		  <div class="content" style="margin-left: -80px; margin-top: -15px; ">
			<div class="bd">
			  <p class="msg">加載中......</p>
			</div>
		  </div>
		</div>
		<canvas id="circleC" width="100" height="100"></canvas>
		<!-- Carousel -->
        <script src="js/jquery.ui.core.min.js"></script>
        <script src="js/jquery.ui.widget.min.js"></script>
        <script src="js/jquery.ui.rcarousel.min.js"></script>
		<!-- Bootstrap JS -->
		<script src="js/bootstrap.js"></script>
		<script src="js/bootstrap-popover.js"></script>
		<script type="text/javascript" src="https://www.muzik-online.com/js/main.js?=time()"></script>
		<script src="js/muzik_jp2_-time().js"></script>
		<script src="js/muzik_-time().js"></script>
		<script src="https://www.muzik-online.com/js/muzik_dialog.js?=time()"></script>
		<script type="text/javascript" src="js/jquery.marquee_-time().js"></script>
		<script type="text/javascript" src="js/jquery.jplayer_-time().js"></script>
		<script type="text/javascript" src="js/jplayer_playlist_-time().js"></script>
		<script type="text/javascript" src="js/tipsy_-time().js"></script>
		<script type="text/javascript" src="js/tutorial_-time().js"></script>
                <!-- Bootstrap Modal | Login | -->
        <div class="modal hide fade" id="modal-login">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">MUZIK ONLINE</h3>
            </div>
            <form class="form-horizontal" name="form_login" id="form_login">
				<input type="hidden" id="mo" name="mo" value="member"/>
				<input type="hidden" id="action" name="action" value="login"/>
                <div class="modal-body">
                    <div class="control-group">
                        <label class="control-label" for="account">帳號</label>
                        <div class="controls">
                            <input type="text" id="account" class="input-xlarge" name="account" placeholder="請輸入 E-mail 格式，如：abc@hotmail.com"> <a href="#modal-register" data-dismiss="modal" data-toggle="modal">註冊</a>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="passwd">密碼</label>
                        <div class="controls">
                            <input type="password" id="passwd" name="passwd" class="input-xlarge" placeholder="6-12 字元" maxlength="12"> <a href="javascript:;" id="forget_pwd">忘記密碼</a>
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <label class="checkbox">
                                <input type="checkbox"> 記住帳號密碼
                            </label>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
<!--                     <div class="btn-group btn-group-nobg">
						<div id="results">
						</div>
                        <a class="btn btn-transparent dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                            使用OpenID登入
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-twoline">
                            <li><div id="LoginButton">
						<div class="fb-login-button" onlogin="javascript:CallAfterLogin();" size="medium" scope="publish_stream,email,user_about_me,user_birthday,user_website">Connect With Facebook</div>
						</div></li> -->
                          <!--  <li><a href="javascript:;" onclick="login_by_openid(2);return false;">TWITTER</a></li>
                            <li><a href="javascript:;" onclick="login_by_openid(3);return false;">GOOGLE+</a></li> -->
<!--                         </ul>
                    </div> -->
<!-- 					<div id="LoginButton">
						<div class="fb-login-button" onlogin="javascript:CallAfterLogin();" size="medium" scope="publish_stream,email,user_about_me,user_birthday,user_website">登入</div>
                        <a href="#" onclick="fb_login();">131231</a>
					</div>
 -->
                    <a class="btn btn-fb" id="LoginButton" size="medium" onclick="fb_login();"><span>f</span>登入</a>
                    <!-- <a class="btn btn-weibo" id="LoginButton" size="medium"><span></span>登入</a> -->
                    <!-- <button class="btn btn-muzik" id="gologin">登入</button> -->
                    <button class="btn btn-gray" id="gologin">登入</button>
                    <script type="text/javascript">
                        window.fbAsyncInit = function() {
                            FB.init({
                                appId   : '110219165816685',
                                oauth   : true,
                                status  : true, // check login status
                                cookie  : true, // enable cookies to allow the server to access the session
                                xfbml   : true // parse XFBML
                            });
                          };
                        function fb_login(){
                            FB.login(function(response) {
                                if (response.authResponse) {
                                    // console.log('Welcome!  Fetching your information.... ');
                                    //console.log(response); // dump complete info
                                    CallAfterLogin();
                                    access_token = response.authResponse.accessToken; //get access token
                                    user_id = response.authResponse.userID; //get FB UID
                                    FB.api('/me', function(response) {
                                        user_email = response.email; //get user email
                                  // you can store this data into your database
                                    });
                                } else {
                                    //user hit cancel button
                                    // console.log('User cancelled login or did not fully authorize.');
                                }
                            }, {
                                scope: 'publish_stream,email,user_about_me,user_birthday,user_website'
                            });
                        }
                        (function() {
                            var e = document.createElement('script');
                            e.src = document.location.protocol + 'http://connect.facebook.net/zh_TW/all.js';
                            e.async = true;
                            document.getElementById('fb-root').appendChild(e);
                        }());
                    </script>
                </div>
            </form>
        </div>
        <!-- Bootstrap Modal | FaceBook Login | -->
        <div class="modal hide fade" id="modal-fblogin">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">MUZIK ONLINE</h3>
            </div>
            <form class="form-horizontal">
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <div class="btn-group btn-group-nobg">
                        <a class="btn btn-transparent dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                            使用OpenID登入
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-twoline">
                            <li><a href="javascript:;" onclick="login_by_openid(1);return false;">FACEBOOK</a></li>
                            <li><a href="javascript:;" onclick="login_by_openid(2);return false;">TWITTER</a></li>
                            <li><a href="javascript:;" onclick="login_by_openid(3);return false;">GOOGLE+</a></li>
                        </ul>
                    </div>
                    <!-- <button class="btn btn-muzik" onclick="$('#modal-fblogin').modal('hide'); return false;">關閉</button> -->
                    <button class="btn btn-gary" onclick="$('#modal-fblogin').modal('hide'); return false;">關閉</button>
                </div>
            </form>
        </div>
        <!-- Bootstrap Modal | contact us | -->
        <div class="modal hide fade" id="modal-contact">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">MUZIK ONLINE</h3>
            </div>
            <form class="form-horizontal" name="form_contact" id="form_contact">
				<input type="hidden" id="mo" name="mo" value="other"/>
				<input type="hidden" id="action" name="action" value="contact"/>
                <div class="modal-body">
                 <div class="control-group">
                    <label class="control-label" for="mail">* 電子郵件</label>
                    <div class="controls">
                        <input type="text" id="mail" name="mail">
                    </div>
                </div>
                 <div class="control-group">
                    <label class="control-label" for="title">* 標題</label>
                    <div class="controls">
                        <input type="text" id="title" name="title">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="content">* 內容</label>
                    <div class="controls">
                        <textarea id="content" rows="" cols="200" name="content"></textarea>
                    </div>
                </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-muzik" onclick="$('#modal-contact').modal('hide'); return false;">關閉</button>
                    <!-- <button class="btn btn-muzik" id="send_contact">送出</button> -->
                    <button class="btn btn-gray" id="send_contact">送出</button>
                </div>
            </form>
        </div>
		<!-- Bootstrap Modal | Add forums | -->
        <div class="modal hide fade" id="modal-forums">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">MUZIK ONLINE</h3>
            </div>
            <form class="form-horizontal" name="form_forums" id="form_forums">
                <input type="hidden" id="mo" name="mo" value="forums"/>
                <input type="hidden" id="action" name="action" value="createTopic"/>
                <input type="hidden" id="discuss_cate" name="discuss_cate" value=""/>
                <div class="modal-body">
				 <div class="control-group">
					<label class="control-label" for="title">主題</label>
					<div class="controls">
						<input type="text" id="title" name="title">
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="content">內容</label>
					<div class="controls">
						<textarea id="content" rows="" cols="200" name="content"></textarea>
					</div>
				</div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-muzik" onclick="$('#modal-forums').modal('hide'); return false;">關閉</button>
					<button class="btn btn-muzik" onclick="$('#modal-forums').modal('hide'); return false;" id="createTopic">送出</button>
                </div>
            </form>
        </div>
        <!-- Bootstrap Modal | Forget | -->
        <div class="modal hide fade" id="modal-forget">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">忘記密碼<small>（重新<a href="#modal-login" data-dismiss="modal" data-toggle="modal">登入</a>/<a href="#modal-register" data-dismiss="modal" data-toggle="modal">註冊</a>）</small></h3>
            </div>
            <form class="form-horizontal" id="form_forget" name="form_forget">
				<input type="hidden" id="mo" name="mo" value="member"/>
				<input type="hidden" id="action" name="action" value="getpwd"/>
                <div class="modal-body">
                    <div class="control-group">
                        <label class="control-label" for="account2">帳號</label>
                        <div class="controls">
                            <input type="text" id="account2" name="account2" class="input-xlarge" name="account" placeholder="請輸入 E-mail 格式，如：abc@hotmail.com">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button class="btn btn-muzik" id="goget">送出</button> -->
                    <button class="btn btn-gray" id="goget">送出</button>
                </div>
            </form>
        </div>
         <!-- Bootstrap Modal | Register | -->
        <div class="modal hide fade" id="modal-register">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3>註冊<small>（已有帳號？立即<a href="#modal-login" data-dismiss="modal" data-toggle="modal">登入</a>）</small></h3>
            </div>
                <div class="modal-body">
					<form action="/" method="post" enctype="multipart/form-data" id="UploadForm">
                    <div class="avatarphoto">
					<div id="output"></div>
					<div id="progressbox"><div id="progressbar"></div><div id="statustxt">0%</div></div>
					<br style="clear:both;"/>
					</div>
                    <div class="uploadbtn">
						<input type="hidden" name="abc">
                        <!-- <input type="file" name="ImageFile" id="ImageFile" style="width:150px"> -->
                        <a class="btn_addPic" href="javascript:void(0);">
                            <span><em>+</em>瀏覽圖片</span><input class="filePrew" title="支援 jpg、jpeg、gif、png 格式，文件小於 5M" tabindex="3" name="ImageFile" id="ImageFile" size="3" type="file">
                        </a>
                        <button class="btn btn-gray" type="submit" id="uploadButton">上傳頭像</button>
                    </div>
					</form>
					 <form class="form-horizontal" name="reg_form" id="reg_form" method="post" enctype="multipart/form-data">
						<input type="hidden" id="mo" name="mo" value="member"/>
						<input type="hidden" id="action" name="action" value="reg"/>
						<input type="hidden" id="photo_name" name="photo_name" value=""/>
						<input type="hidden" name="x1" value="" id="x1"/>
						<input type="hidden" name="y1" value="" id="y1"/>
						<input type="hidden" name="x2" value="" id="x2"/>
						<input type="hidden" name="y2" value="" id="y2"/>
						<input type="hidden" name="w" value="" id="w"/>
						<input type="hidden" name="h" value="" id="h"/>
                    <div class="control-group">
                        <label class="control-label" for="member_account">* 帳號</label>
                        <div class="controls">
                            <input type="text" id="member_account" name="member_account" class="input-xlarge" placeholder="請輸入 E-mail 格式，如：abc@hotmail.com">
                        </div>
                    </div>
					<div class="control-group">
                        <label class="control-label" for="username">* 密碼</label>
                        <div class="controls">
                            <input type="password" id="pwd" name="pwd" class="input-xlarge" placeholder="6-12 字元" maxlength="12">
                        </div>
                    </div>
					<div class="control-group">
                        <label class="control-label" for="cpwd">* 密碼確認</label>
                        <div class="controls">
                            <input type="password" id="cpwd" name="cpwd" class="input-xlarge" placeholder="請再一次輸入密碼">
                        </div>
                    </div>
<!--                     <div class="control-group">
                        <label class="control-label" for="username">* 姓名</label>
                        <div class="controls">
                            <input type="text" id="username" name="username" class="input-xlarge">
                        </div>
                    </div> -->
                    <div class="control-group">
                        <label class="control-label" for="nickname">* 顯示名稱</label>
                        <div class="controls">
                            <input type="text" id="nickname" name="nickname" class="input-xlarge" placeholder="2-15 字元" maxlength="15">
                        </div>
                    </div>
					<div class="control-group">
                        <label class="control-label" for="email">* 備用信箱</label>
                        <div class="controls">
                            <input type="text" id="account_mail" name="account_mail" class="input-xlarge" placeholder="請填入正確 E-mail">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">* 出生</label>
                        <div class="controls">
                            <select class="input-small" name="by" id="by">
                                <option value="">年</option>
                                                                 <option value="1911">1911</option>
								                                <option value="1912">1912</option>
								                                <option value="1913">1913</option>
								                                <option value="1914">1914</option>
								                                <option value="1915">1915</option>
								                                <option value="1916">1916</option>
								                                <option value="1917">1917</option>
								                                <option value="1918">1918</option>
								                                <option value="1919">1919</option>
								                                <option value="1920">1920</option>
								                                <option value="1921">1921</option>
								                                <option value="1922">1922</option>
								                                <option value="1923">1923</option>
								                                <option value="1924">1924</option>
								                                <option value="1925">1925</option>
								                                <option value="1926">1926</option>
								                                <option value="1927">1927</option>
								                                <option value="1928">1928</option>
								                                <option value="1929">1929</option>
								                                <option value="1930">1930</option>
								                                <option value="1931">1931</option>
								                                <option value="1932">1932</option>
								                                <option value="1933">1933</option>
								                                <option value="1934">1934</option>
								                                <option value="1935">1935</option>
								                                <option value="1936">1936</option>
								                                <option value="1937">1937</option>
								                                <option value="1938">1938</option>
								                                <option value="1939">1939</option>
								                                <option value="1940">1940</option>
								                                <option value="1941">1941</option>
								                                <option value="1942">1942</option>
								                                <option value="1943">1943</option>
								                                <option value="1944">1944</option>
								                                <option value="1945">1945</option>
								                                <option value="1946">1946</option>
								                                <option value="1947">1947</option>
								                                <option value="1948">1948</option>
								                                <option value="1949">1949</option>
								                                <option value="1950">1950</option>
								                                <option value="1951">1951</option>
								                                <option value="1952">1952</option>
								                                <option value="1953">1953</option>
								                                <option value="1954">1954</option>
								                                <option value="1955">1955</option>
								                                <option value="1956">1956</option>
								                                <option value="1957">1957</option>
								                                <option value="1958">1958</option>
								                                <option value="1959">1959</option>
								                                <option value="1960">1960</option>
								                                <option value="1961">1961</option>
								                                <option value="1962">1962</option>
								                                <option value="1963">1963</option>
								                                <option value="1964">1964</option>
								                                <option value="1965">1965</option>
								                                <option value="1966">1966</option>
								                                <option value="1967">1967</option>
								                                <option value="1968">1968</option>
								                                <option value="1969">1969</option>
								                                <option value="1970">1970</option>
								                                <option value="1971">1971</option>
								                                <option value="1972">1972</option>
								                                <option value="1973">1973</option>
								                                <option value="1974">1974</option>
								                                <option value="1975">1975</option>
								                                <option value="1976">1976</option>
								                                <option value="1977">1977</option>
								                                <option value="1978">1978</option>
								                                <option value="1979">1979</option>
								                                <option value="1980">1980</option>
								                                <option value="1981">1981</option>
								                                <option value="1982">1982</option>
								                                <option value="1983">1983</option>
								                                <option value="1984">1984</option>
								                                <option value="1985">1985</option>
								                                <option value="1986">1986</option>
								                                <option value="1987">1987</option>
								                                <option value="1988">1988</option>
								                                <option value="1989">1989</option>
								                                <option value="1990">1990</option>
								                                <option value="1991">1991</option>
								                                <option value="1992">1992</option>
								                                <option value="1993">1993</option>
								                                <option value="1994">1994</option>
								                                <option value="1995">1995</option>
								                                <option value="1996">1996</option>
								                                <option value="1997">1997</option>
								                                <option value="1998">1998</option>
								                                <option value="1999">1999</option>
								                                <option value="2000">2000</option>
								                                <option value="2001">2001</option>
								                                <option value="2002">2002</option>
								                                <option value="2003">2003</option>
								                                <option value="2004">2004</option>
								                                <option value="2005">2005</option>
								                                <option value="2006">2006</option>
								                                <option value="2007">2007</option>
								                                <option value="2008">2008</option>
								                                <option value="2009">2009</option>
								                            </select>
                            <select class="input-mini" name="bm" id="bm">
                                <option value="">月</option>
                                                                <option value="1">1</option>
								                                <option value="2">2</option>
								                                <option value="3">3</option>
								                                <option value="4">4</option>
								                                <option value="5">5</option>
								                                <option value="6">6</option>
								                                <option value="7">7</option>
								                                <option value="8">8</option>
								                                <option value="9">9</option>
								                                <option value="10">10</option>
								                                <option value="11">11</option>
								                                <option value="12">12</option>
								                            </select>
                            <select class="input-mini" name="bd" id="bd">
                                <option value="">日</option>
                                                                <option value="1">1</option>
								                                <option value="2">2</option>
								                                <option value="3">3</option>
								                                <option value="4">4</option>
								                                <option value="5">5</option>
								                                <option value="6">6</option>
								                                <option value="7">7</option>
								                                <option value="8">8</option>
								                                <option value="9">9</option>
								                                <option value="10">10</option>
								                                <option value="11">11</option>
								                                <option value="12">12</option>
								                                <option value="13">13</option>
								                                <option value="14">14</option>
								                                <option value="15">15</option>
								                                <option value="16">16</option>
								                                <option value="17">17</option>
								                                <option value="18">18</option>
								                                <option value="19">19</option>
								                                <option value="20">20</option>
								                                <option value="21">21</option>
								                                <option value="22">22</option>
								                                <option value="23">23</option>
								                                <option value="24">24</option>
								                                <option value="25">25</option>
								                                <option value="26">26</option>
								                                <option value="27">27</option>
								                                <option value="28">28</option>
								                                <option value="29">29</option>
								                                <option value="30">30</option>
								                                <option value="31">31</option>
								                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">* 性別</label>
                        <div class="controls">
                            <select class="input-small" name="gender" id="gender">
                                <option value="">選擇</option>
                                <option value="1">男生</option>
                                <option value="0">女生</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">* 居住地</label>
                        <div class="controls">
                             <select id="city_id" name="city_id" class="input-small">
							<option value="" selected="selected">選擇</option>
							<option value="1">台北市</option>
<option value="2">新北市</option>
<option value="3">基隆市</option>
<option value="4">宜蘭縣</option>
<option value="5">新竹市</option>
<option value="6">新竹縣</option>
<option value="7">桃園縣</option>
<option value="8">苗栗縣</option>
<option value="9">台中市</option>
<option value="10">彰化縣</option>
<option value="11">南投縣</option>
<option value="12">嘉義市</option>
<option value="13">嘉義縣</option>
<option value="14">雲林縣</option>
<option value="15">台南市</option>
<option value="16">高雄市</option>
<option value="17">澎湖縣</option>
<option value="18">屏東縣</option>
<option value="19">台東縣</option>
<option value="20">花蓮縣</option>
<option value="21">金門縣</option>
<option value="22">連江縣</option>
<option value="0">其他</option>
							</select>
							<input type="text" id="show_other" name="other" class="input-medium" placeholder="其他居住地">
                        </div>
                    </div>
<!--                     <div class="control-group">
                        <label class="control-label">* 學歷</label>
                        <div class="controls">
                            <select  class="input-xlarge" name="degree" id="degree">
                                <option value="">選擇</option>
                                                                <option value="0">小學</option>
								                                <option value="1">國中</option>
								                                <option value="2">高中</option>
								                                <option value="3">大學</option>
								                                <option value="4">碩士</option>
								                                <option value="5">博士</option>
								                                <option value="6">其他</option>
								                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">* 行業類別</label>
                        <div class="controls">
                            <select  class="input-xlarge" name="profession" id="profession">
                                <option value="">選擇</option>
                                                                <option value="0">文化事業</option>
								                                <option value="1">學生</option>
								                                <option value="2">資訊業</option>
								                                <option value="3">進出口業</option>
								                                <option value="4">金融</option>
								                                <option value="5">製造</option>
								                                <option value="6">軍警</option>
								                                <option value="7">公務員</option>
								                                <option value="8">教育業</option>
								                                <option value="9">服務業</option>
								                                <option value="10">自由業</option>
								                                <option value="11">餐飲業</option>
								                                <option value="12">娛樂業</option>
								                                <option value="13">其他</option>
								                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">* 年收入</label>
                        <div class="controls">
                            <select  class="input-xlarge" name="annual_income" id="annual_income">
                                <option value="">選擇</option>
                                                                <option value="0">NTD 40萬以下</option>
								                                <option value="1">NTD 40萬~80萬</option>
								                                <option value="2">NTD 80萬~120萬</option>
								                                <option value="3">NTD 120萬以上</option>
								                            </select>
                        </div>
                    </div> -->
					</form>
                </div>
				 <div class="modal-footer">
                    <button class="btn btn-gray" id="savereg">註冊</button>
                </div>
            </form>
        </div>
		<!-- Bootstrap Modal | FaceBook Login | -->
        <div class="modal hide fade" id="modal-support-warning">
            <div class="modal-header">
                <button type="button" class="close-modal" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">MUZIK ONLINE</h3>
            </div>
            <form class="form-horizontal">
                <div class="modal-body">
                   <h6>您好!!<br>為達到更好的瀏覽品質，本網站即日起不支援 Internet Explorer 8<br>建議您升級至 Internet Explorer 9 (或以上) 或改用下列瀏覽器。</h6>
					<ul>
						<li><a href="http://windows.microsoft.com/zh-TW/internet-explorer/downloads/ie-9/worldwide-languages"><img src="image/ie.jpg" alt="Internet Explorer 9">Internet Explorer</a></li>
						<li><a href="https://www.google.com/intl/zh-TW/chrome/browser/"><img src="image/chrome.jpg" alt="Chrome">Chrome</a></li>
						<li><a href="http://www.mozilla.org/zh-TW/firefox/new/"><img src="image/firefox.jpg" alt="FireFox">FireFox</a></li>
						<li><a href="http://support.apple.com/kb/DL1531"><img src="image/safari.jpg" alt="Safari">Safari</a></li>
					</ul>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-muzik" class="close-modal" data-dismiss="modal" aria-hidden="true">關閉</button>
                </div>
            </form>
        </div>
		                <section class="reason hidden">
            <section class="breadcrumb">
                    <h1>為什麼MUZIK ONLINE要做古典樂</h1>
            </section>
                <div class="all_static">
                    <h2>古典樂與MUZIK ONLINE</h2>
                    <p>其實，<em>古典樂</em>比我們想像的還有趣，和我們的距離也比我們想像得更親密。<strong>古典樂</strong>不只是交響樂團音樂家們穿著燕尾服端坐舞台上演奏的音樂而已，它充斥在我們生活之中。從每天早上巷口響起的那陣熟悉旋律，到晚上書店耳邊悠揚的奏鳴曲，甚至廣告、電影、流行樂裡不時都能聽到知名的 <strong>交響曲</strong>，在生活的每一個角落，我們都找得到古典樂的身影，只是我們不曾留意而已。想想，要是沒有交響樂，《黑暗騎士》、《神鬼奇航》怎麼能夠營造出那磅礡的氣勢？</p>
                    <p>我們要做的，並不是要告訴你古典樂有多麼高尚，多麼優於其他一切的音樂──古典樂就和流行、電子、搖滾、爵士樂一樣，是我們生活調劑的一種選項而已，如此簡單，不需分出高下。你也可以同時喜歡少女時代，同時深深愛著貝多芬的交響曲、拉赫曼尼諾夫的鋼琴 <em>協奏曲</em>，和莫札特的<a onclick="location.href='#!search_result?f=all&amp;c=2&amp;k=鋼琴&amp;page=1';return false;" href="/" title="鋼琴">鋼琴</a>奏鳴曲。</p>
                    <h2>愛上古典樂</h2>
                    <p>MUZIK ONLINE要做的，是要告訴大家，愛上古典樂並沒有門檻！我們為大家提供了最便利的線上平台和資源，而你需要的，只是一部電腦，一個行動裝置，以及放慢繁忙的生活腳步，用心聆聽。</p>
                    <p>而在古典樂這個範疇底下，你也有極豐富的選擇：不管是交響曲、協奏曲、室內樂、器樂獨奏等不同的體裁，或是如<a onclick="location.href='#!search_result?f=all&amp;c=2&amp;k=巴洛克&amp;page=1';return false;" href="/" title="巴洛克">巴洛克</a>、古典主義、浪漫主義、印象派等多樣的時期和樂風，就像是一個寬廣宇宙，等著你進入其中慢慢探索，細細品味。</p>
                    <p>接下來，你會發現，交響曲中的各種樂器竟然開始用旋律交談，爭相告訴你人生的奧秘；巴赫無伴奏<a onclick="location.href='#!search_result?f=all&amp;c=2&amp;k=大提琴&amp;page=1';return false;" href="/" title="大提琴">大提琴</a>純淨的琴音竟能洗去你一身鉛華，帶你反璞歸真；蕭邦的夜曲可以為你在忙碌一日的尾聲，為你帶來最深層的寧靜。只要你打開耳朵，一切都會變得不同。</p>
                    <h2>交響曲和協奏曲的不同</h2>
                    <p>或許，再過一段時間，你更會開始想要了解，交響曲和協奏曲有什麼不同。只要你來MUZIK ONLINE，你就會發現，原來協奏曲和交響曲的不同在於，交響曲是由樂團擔任主角，隨著指揮手中的指揮棒揚起，向你娓娓道來一則故事、一個人生領悟、或是繪出一幅色彩絢麗的風情畫。而協奏曲則需要一位音樂家擔任獨奏，用旋律和樂團時而對談，時而和鳴，相互輝映。而且你會發現，當一個厲害的獨奏音樂家站在音樂廳舞台上和交響樂團一同演奏著協奏曲時，他就像站在大體育場舞台上的搖滾吉他手一樣，渾身散發著無限的魅力，音樂也傳達出一股魔力，緊緊扣住你的心弦。</p>
                    <p>MUZIK ONLINE要告訴你，古典樂不是高不可攀的藝術精品，而是你心靈的一面明鏡，讓我們帶你用最便利的數位科技，暢遊於各大作曲家的交響曲、協奏曲、室內樂作品之中，探索你的個人古典心世界。</p>
                </div>
            </section>
		<div id="fb-root"></div>
		<script type="text/javascript">
		window.fbAsyncInit = function() {
		FB.init({appId: '339999192774080',cookie: true,xfbml: true,channelUrl: 'channel',oauth: true});};
		(function() {var e = document.createElement('script');
		e.async = true;e.src = document.location.protocol +'http://connect.facebook.net/zh_TW/all.js';
		document.getElementById('fb-root').appendChild(e);}());
		function CallAfterLogin(){
				$('#modal-login').modal('hide');
				FB.login(function(response) {
				if (response.status === "connected")
				{
					LodingAnimate(); //Animate login
					FB.api('/me', function(data) {
					  if(data.email == null)
					  {
							//Facbeook user email is empty, you can check something like this.
							alert("You must allow us to access your email id!");
							ResetAnimate();
					  }else{
							AjaxResponse();
					  }
				  });
				 }
			});
		}
		</script>
		<script type="text/javascript">
		jQuery(function(){
			$('.vt-mainmenu > li').hover(
				function(){
				//$(this).children('a').addClass('active');
				// $(this).children('.vt-submenu').width($(this).width());
					$(this).children('.vt-submenu').fadeIn(200);
				},
				function(){
				//	$(this).children('a').removeClass('active');
					$(this).children('.vt-submenu').fadeOut(100);
				}
			);
			$('.vt-mainmenu >li').children('a').click(function(){
				$('.vt-mainmenu >li').children('a').removeClass('active');
				$(this).addClass('active');
			});
			$('.vt-mainmenu >li').children('a').click(function(){
				$('.vt-mainmenu >li').children('a').removeClass('active');
				$(this).addClass('active');
			});
			$('.vt-mainmenu .vt-submenu>ul>li').children('a').click(function(){
				$(this).parent().parent().parent().parent().parent().find('li').children('a').removeClass('active');
				$(this).parent().parent().parent().prev().addClass('active');
			});
				// song list
			$('.vt-songlist .list-item').hover(
				function(){
					$(this).children('.addonBtn').show();
				},
				function(){
					$(this).children('.addonBtn').hide();
				}
			);
			$('.slide-button').click(function(){
				if($(this).hasClass('slide-out')){
					$(this).removeClass('slide-out');
					$(this).addClass('slide-in');
					$(this).prev().animate({height:'380px'}, 350);
					if ($(this).prev().attr('id') == 'vt-firendlist')
						$(this).prev().prev().animate({height:'380px'}, 350);
				}else{
					$(this).removeClass('slide-in');
					$(this).addClass('slide-out');
					$(this).prev().animate({height:'190px'}, 350);
					if ($(this).prev().attr('id') == 'vt-firendlist')
						$(this).prev().prev().animate({height:'190px'}, 350);
				}
			});
		});
		$(document).ready(function() {$(".w2bslikebox").hover(function()
		{$(this).stop().animate({left: "0"}, "medium");}, function()
		{$(this).stop().animate({left: "-250"}, "medium");}, 500);});
// $.each($('footer#footer a'),function(){$('footer#footer').append($(this).attr('href')+"<br>")});
		</script>
		<div class="w2bslikebox"><div>
<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fmuzikonline.Taiwan&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;data-stream=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270&amp;smp;data-header=true" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
	<center><font size="2">This is a free demo result from the Wayback Machine Downloader. <a href="https://www.waybackmachinedownloader.com/en/">Click here</a> to download the full version.</font></center></body>
</html>