主題瀏覽:純朗讀 | HyRead ebook 電子書店

<!doctype html>    <html class="no-js" lang="zh-TW">  <head> <meta charset="utf-8"> <title>主題瀏覽:純朗讀 | HyRead ebook 電子書店</title> <link rel="shortcut icon" href="https://webcdn2.ebook.hyread.com.tw/Template/store/favicon/favicon.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta name="description" content="HyRead ebook電子書店為您打造電子書閱讀零時差的電子書房，HyRead ebook電子書店支援PC電腦、iOS(iPhone/iPad)、android等載具，讓您線上閱讀電子書或下載電子書無煩惱，24小時電子書平台，多樣電子書與電子雜誌，隨時體驗雲端閱讀的樂趣。" /> <meta name="Keywords" content="電子書,ebook,HyRead電子書,HyRead Library,APP,電子書APP,電子書店,電子書城,電子書平台,免費電子書,電子書下載,電子書房,凌網科技,凌網電子書,線上閱讀,下載閱讀,電子書閱讀,電子書搜尋,ebook電子書,ipad電子書,iphone電子書,android電子書,平板電腦,ebook download,HyRead ebook,雲端服務,城邦,時報,大塊,飢餓遊戲,免費電子書,圖書館,圖書館電子書,商業周刊,跟我學日語,有聲書,Ebook Taipei,臺北好讀電子書,全國最大正體中文電子書庫" /> <meta name="apple-itunes-app" content="app-id=1098612822, affiliate-data=HyRead 3, app-argument=https://itunes.apple.com/tw/app/hyread-3-%E7%AB%8B%E5%8D%B3%E5%80%9F%E5%9C%96%E6%9B%B8%E9%A4%A8%E5%B0%8F%E8%AA%AA%E9%9B%9C%E8%AA%8C%E9%9B%BB%E5%AD%90%E6%9B%B8/id1098612822?l=zh&mt=8"> <meta name="Robots" content="INDEX,FOLLOW" /> <link rel="stylesheet" href="https://webcdn2.ebook.hyread.com.tw/Template/store/styles/all.css"> <link rel="stylesheet" href="https://webcdn2.ebook.hyread.com.tw/Template/store/styles/noLoginFavoriteBtn.css"> <link rel="stylesheet" href="https://webcdn2.ebook.hyread.com.tw/Template/store/styles/another.css"> <link rel="stylesheet" href="https://webcdn2.ebook.hyread.com.tw/Template/store/styles/hyread_swift.css"> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/jquery.min.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/vendor.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/main.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/favoriteBtn.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/shoppingCart.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/commonUtil.js"></script> <script src="https://www.google.com/recaptcha/api.js?render=6LdiqbEbAAAAAODhlSUmd-o0_NLWTXxrSUfJd0in"></script> <script src="https://cdn.qgraph.io/dist/aiqua-wp.js"></script> <script> AIQUA.init({ appId: 'bb1d895c2707ead042f7', timeout: 5000 }); </script> </head> <body>  <button onclick="topFunction()" id="myBtn" title="Go to top" class="js-back-to-top d-lg-none"> <i class="icon-expand_less" aria-hidden="true"></i></button> <script> //Get the button var mybutton = document.getElementById("myBtn"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script>  <div class="page wrap"> <div class="mainContent"> <script> var I18N_ADDED_SPCART = "已加入"; var I18N_CP_ADDED_SPCART = "已加入購物車"; var I18N_MUST_LOGIN = "請先登入"; var I18N_PACK_INFO = "確定封存?\n欲解除封存請至「我的書櫃 > 封存書庫」即可解除封存書籍。"; var I18N_UNPACK_INFO = "確定放入書櫃?"; var I18N_RATING_SUCCESS = "評分成功"; var I18N_CHECK_ADD_CART_INFO = "確定放入購物車?"; var I18N_NOT_FOR_SALE = "暫不開放單本銷售"; var I18N_NOT_SELL_AREA = "本書不提供您所在區域銷售"; </script> <link rel="stylesheet" href="https://webcdn2.ebook.hyread.com.tw/Template/store/styles/s_customize.css"> <script src='https://www.google.com/recaptcha/api.js'></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/cookieUtil.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/jquery.cookie.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/sellArea.js"></script>  <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/custom_main.js"></script> <script src="https://webcdn2.ebook.hyread.com.tw/Template/store/scripts/swiper.min.js"></script>   <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script> <script> //IChannels set cookie var isDeleteGid = false; if(isDeleteGid){ eraseCookie('iChannelsGid'); } //合格的gid塞入cookie var isNeedSetGidCookie = false; var gid = ''; console.log('gid parameter : ' + gid); console.log('isNeedSetGidCookie : ' + isNeedSetGidCookie); var cookieGid = readCookie('iChannelsGid'); console.log('cookieGid : ' + cookieGid); if(isNeedSetGidCookie){ createCookie('iChannelsGid', gid, 15); } var isLogin = false; </script> <script> $().ready(function(){ var isShowLogin = false; if(isShowLogin){ $('#loginModal').modal('toggle'); } var isShowReg = false; if(isShowReg){ $('#registerMemberModal').modal('toggle'); } var isShowforgetPw = false; if(isShowforgetPw){ $('#forgotPasswordModal').modal('toggle'); } //not bot cookie $(document).on('mousedown', function () { console.log('mousedown not bot'); var date = new Date(); date.setTime(date.getTime() + (10 * 1000)); //add 10s to current date-time 1s = 1000ms $.cookie('notBot', 1, { expires: date, path : '/' } ); //set it expiry }); $(document).on('touchstart', function () { console.log('touchstart not bot'); var date = new Date(); date.setTime(date.getTime() + (10 * 1000)); //add 10s to current date-time 1s = 1000ms $.cookie('notBot', 1, { expires: date, path : '/' } ); //set it expiry }); $(document).on('keydown', function () { console.log('keydown not bot'); var date = new Date(); date.setTime(date.getTime() + (10 * 1000)); //add 10s to current date-time 1s = 1000ms $.cookie('notBot', 1, { expires: date, path : '/' } ); //set it expiry }); $.ajax({ type: "POST", url: '/Template/store/ajax/shoppingCart/getShoppingCartInfo_ajax.jsp', success: function(data) { var result = data.trim(); var obj = $.parseJSON(result); $('.userCartNum').text(obj.cartBrnCnt); if(obj.cartBrnCnt > 0){ $('#mobileSpCartBtn').append('<span class="curr_counter no_text"><i></i></span>') } } }); }); </script> <script src="/Template/store/scripts/btnInitUtil.js"></script> <script> $().ready(function(){ var rdurl = 'https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188769869&search_field=BSU&search_input=R0312'; var isExistPara = true; $('#form1 input[type=radio][name=lang]').change(function() { //location.href='/index.jsp?webpacLang='+$('input[type=radio][name=lang]:checked','#form1').val(); if(isExistPara){ rdurl += "&"; }else{ rdurl += "?"; } rdurl += "webpacLang=" + $('input[type=radio][name=lang]:checked','#form1').val(); location.href = rdurl; }); $('#form2 input[type=radio][name=coin]').change(function() { $.ajax({ url: '/Template/store/ajax/setCookie.jsp', type: 'GET', async: false, cache: false, data: { coin: $('input[type=radio][name=coin]:checked','#form2').val() }, error: function(xhr) { alert('Ajax request 發生錯誤'); }, success: function(data) { },complete : function () { location.reload(true); } }); }); }) </script>  <div class="header_roof position-fixed d-none d-xl-block" id="pcRoof"> <div class="container-1280"> <div class="row justify-content-around"> <div class="col-3 align-self-center"> <div class="dropdown"> <a href="javascript:;" class="dropdown-toggle langDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class=""><i class="fa fa-globe pr-2" aria-hidden="true"></i>正體中文</span> <span class="px-1">｜</span> <span class="">NT$ TWD</span> </a> <div class="dropdown-menu langcoin_style shadow" aria-labelledby="langDropdownMenu">  <h6 class="dropdown-header px-3 text-center">更換語言/幣別</h6> <div class="dropdown-divider"></div> <form id="form1" class="px-1 py-1"> <div class="container-fluid lang-selector"> <div class="row"> <div class="col-12"> <input type="text" readonly class="form-control-plaintext" id="staticText" value="選擇語言："> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="zh_TW" class="custom-control-input" name="langSelector" id="langSelector1" checked> <label class="custom-control-label" for="langSelector1">正體中文</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="zh_CN" class="custom-control-input" name="langSelector" id="langSelector2"> <label class="custom-control-label" for="langSelector2">简体中文</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="en_US" class="custom-control-input" name="langSelector" id="langSelector3"> <label class="custom-control-label" for="langSelector3">English</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="ja_JP" class="custom-control-input" name="langSelector" id="langSelector4"> <label class="custom-control-label" for="langSelector4">日本語</label> </div> </div>  </div> </div> </form> <div class="dropdown-divider"></div> <form id="form2" class="px-1 py-1"> <div class="container-fluid coin-selector"> <div class="row"> <div class="col-12"> <input type="text" readonly class="form-control-plaintext" id="staticText" value="選擇幣別："> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="TWD" class="custom-control-input" name="coinSelector" id="coinSelector1" checked> <label class="custom-control-label" for="coinSelector1">TWD(NT$)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="HKD" class="custom-control-input" name="coinSelector" id="coinSelector2"> <label class="custom-control-label" for="coinSelector2"> HKD(HK$) </label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="USD" class="custom-control-input" name="coinSelector" id="coinSelector3"> <label class="custom-control-label" for="coinSelector3"> USD($) </label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="CNY" class="custom-control-input" name="coinSelector" id="coinSelector4"> <label class="custom-control-label" for="coinSelector4"> CNY(¥) </label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="JPY" class="custom-control-input" name="coinSelector" id="coinSelector5"> <label class="custom-control-label" for="coinSelector5"> JPY(¥) </label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="THB" class="custom-control-input" name="coinSelector" id="coinSelector6"> <label class="custom-control-label" for="coinSelector6"> THB(฿) </label> </div> </div> </div> </div> </form>  </div> </div> </div> <div class="col-9"> <ul class="nav d-flex justify-content-end"> <li class="nav-item"> <a class="nav-link pl-0" href="/Template/store/shoppingcart/point/buyPoint.jsp">儲值點數</a> </li> <li class="nav-item"> <a class="nav-link pl-0" href="javascript:alertLogin();">兌換專區</a> </li> <li class="nav-item"> <a class="nav-link pl-0" href="javascript:;" data-toggle="modal" data-target="#registerMemberModal" >註冊</a> </li> <li class="nav-item"> <a class="nav-link pl-0" href="/Template/store/hyreadApp3/index.jsp" target="_blank">下載APP</a> </li> <li class="nav-item"> <a class="nav-link pl-0" href="https://one.ebook.hyread.com.tw/index.jsp" target="_blank">HyRead One</a> </li> </ul> </div> </div> </div> </div>   <header class="header d-none d-xl-block customTransitionendObj" id="pcHeader" data-header-display-switch> <nav class="navbar navbar-expand navbar-light"> <div class="container-1280"> <div class="row flex-fill align-items-center"> <div class="col-4 col-xl-6 px-0"> <a class="navbar-brand main_logo" href="/index.jsp"> <img src="/Template/store/images/hyread-logo-pc@3x.svg" class="img-fluid" alt=""> </a> <ul class="navbar-nav mr-auto align-items-center mainHead_dropdown">  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">電子書</a> <div class="dropdown-menu w-720 shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=B*&theme=&sortinfo=&op=AND&search_field=BSU&search_input=B0208">科幻奇幻小說</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=B*&theme=文學&op=AND&search_field=BSU&search_input=B0104&theme=文學&pagesize=30&sortinfo=&viewtype=2">翻譯文學誌</a><a class="dropdown-item col" href="/searchList.jsp?search_input=收納&search_field=FullText&op=OR&search_input=整理術&search_field=FullText&op=OR&search_input=不整理&search_field=FullText">收納整理術</a><a class="dropdown-item col" href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=rank,1&search_field=BSU&search_input=J0106*&op=AND&search_field=BSU&search_input=J0106&sortinfo=YEAR%2C1&sortinfo=YEAR%2C1">寫真圖文書</a><a class="dropdown-item col" href="/searchList.jsp?search_input=囤積&search_field=FullText&op=OR&search_input=零雜物&search_field=FullText&op=OR&search_input=簡單生活&search_field=FullText&op=OR&search_input=簡樸生活&search_field=FullText">簡單零雜物</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=J0211*&theme=&sortinfo=">愜意食光</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=D0103*&theme=&sortinfo=">投資理財推薦</a><a class="dropdown-item col" href="/searchList.jsp?nowpage=1&pagesize=30&search_field=BSU&search_input=O0102*&theme=&sortinfo=">日本漫畫本</a><a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=O*&op=AND&search_field=BSU&search_input=O0119">條漫也好看</a><a class="dropdown-item col" href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=B02*">輕小說</a><a class="dropdown-item col" href="https://hyread.cc/3bxafz">靜思人文</a><a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=S*">免費領書</a> <a class="dropdown-item col" href="/Template/store/category_list.jsp"><span class="ft-azure">瀏覽電子書所有分類</span></a> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">雜誌</a> <div class="dropdown-menu w-720 shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M02">財經商管</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M01">新聞新知</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M03">數位資訊</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M04">語言學習</a> <div class="w-100"></div> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M05">親子教育</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M06">生活居家</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M07">旅遊行腳</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M08">時尚風格</a> <div class="w-100"></div> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M09">影視娛樂</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M10">知識專業</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M11">人文藝術</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M12">休閒運動</a> <div class="w-100"></div> <div class="w-100"></div> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">有聲書</a> <div class="dropdown-menu w-720 shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188752117&search_field=BSU&search_input=R0313' >講課</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188769869&search_field=BSU&search_input=R0312' >純朗讀</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=R0310&sortinfo=' >導讀</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819541&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0205' >兒童學習</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0204' >兒童文學</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188950019&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0203' >兒童繪本</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0101' >英文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819782&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0207' >英文檢定</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0102' >日文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=189013503&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0103' >韓文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188949738&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=B0106' >青少年文學</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*' >瀏覽全部</a> <div class="w-100"></div> <div class="w-100"></div> </div> </div> </div> </li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">即時排行</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/Template/store/bestSelling.jsp">暢銷排行</a> <a class="dropdown-item col" href="/Template/store/rentalRating.jsp">租書排行</a> <a class="dropdown-item col" href="/Template/store/magazineRating.jsp">雜誌排行</a> <div class="w-100"></div> <a class="dropdown-item col" href="/Template/store/collectionRating.jsp">收藏排行</a> <a class="dropdown-item col" href="/Template/store/trialRating.jsp">試閱排行</a> </div> </div> </div> </li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最新上架</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/Template/store/newbooks.jsp">熱門新書</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp">新刊上架</a> <a class="dropdown-item col" href="/Template/store/onsale_newbooks.jsp">新書優惠</a> </div> </div> </div> </li>  <li class="nav-item"> <a class="nav-link" href="/Template/store/abouttoexpire.jsp">即將下架</a> </li>    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">名人推薦</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="https://hyread.cc/2024lienyuhan">與代言人連俞涵一起月讀</a> <a class="dropdown-item col" href="https://hyread.cc/202410tetsuya">寺尾哲也的創作參考9書</a> <a class="dropdown-item col" href="https://hyread.cc/77reading">IG愛書人奇奇推薦</a> </div> </div> </div> </li>  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">看更多</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="https://ebook.hyread.com.tw/activity/201902gaze/index.html">Gaze閱讀器</a> <a class="dropdown-item col" href="/Template/store/event_list.jsp">熱門活動</a> <a class="dropdown-item col" href="/Template/store/publishing.jsp">出版社推薦</a> <a class="dropdown-item col" href="/Template/store/bestArticle.jsp">精選文章</a> <a class="dropdown-item col" href="/Template/store/article.jsp">小編文摘</a>  </div> </div> </div> </li> </ul> </div>  <div class="col-5 col-xl-3 px-3 px-xl-3 headerSearchBlock" id="headerSearch"> <form action="/searchList.jsp" class="form my-2 my-lg-0" id="pcSearchForm"> <input type="hidden" name="search_field" value="FullText"> <div class="input-group custom_round_search"> <input class="form-control mr-sm-2 pl-0 order-2" type="text" name="search_input" placeholder="電子書/雜誌/ISBN" aria-label="Search" value=""> <div class="input-group-prepend order-1"> <span class="input-group-text"> <i class="icon icon-search-01" aria-hidden="true"></i> </span> </div> </div> </form>  <div class="container-fluid keyword_list pl-0"> <a href="/searchList.jsp?search_field=FullText&search_input=侏羅紀" class="ft-deepseablue mr-3">侏羅紀</a> <a href="https://ebook.hyread.com.tw/bookDetail.jsp?id=237804" class="ft-deepseablue mr-3">芭莉絲</a> <a href="https://ebook.hyread.com.tw/Template/store/clienttreedata_more.jsp?id=2758" class="ft-deepseablue mr-3">老公又怎麼了</a> <a href="/searchList.jsp?search_field=FullText&search_input=RBG" class="ft-deepseablue mr-3">RBG</a> <a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188952368&search_field=FullText&search_input=%E6%9B%B8%E5%BA%97" class="ft-deepseablue mr-3">書店</a> </div> </div> <div class="col-3 px-0"> <ul class="navbar-nav align-items-center justify-content-end">  <li class="nav-item mr-3"> <a class="nav-link withCounter" onclick="alertLogin();" href="javascript:;" data-toggle="modal"> <i class="icon icon-header-wishlist fs-2x" aria-hidden="true"></i> <span class="curr_counter" id="userFavoSpan"><i id="userFavoNum">0</i></span> </a> </li>  <li class="nav-item mr-3"> <a class="nav-link withCounter" href="/Template/store/shoppingcart/shoppingcart_step_01.jsp" > <i class="icon icon-indicator fs-2x" aria-hidden="true"></i> <span class="curr_counter userCartSpan"><i class="userCartNum"></i></span> </a> </li> <li class="nav-item mr-3"> <a class="nav-link withCounter" href="javascript:;" data-toggle="modal" data-target="#loginModal"> <span class="avatar-img"> <i style="background-image:url(/Template/store/images/default-avatar.png);"></i> </span> </a> </li> </ul> </div> </div> </div> </nav> </header>   <header class="header d-block d-xl-none" id="mobileTabletHeader"> <div class="container-fluid px-1 px-lg-4"> <div class="row no-gutters"> <div class="col-8 col-md-3 px-sm-0 align-self-center"> <a href="#mobileSideMenu" class="btn btn-icon px-2"> <i class="m_sidemenu_open icon-menu2" aria-hidden="true"></i> <i class="m_sidemenu_close icon-close22" aria-hidden="true" style="display:none"></i> </a> <a class="btn main_logo px-0 py-0" href="/index.jsp"><img src="/Template/store/images/hyread_logo.svg" class="img-fluid" alt=""></a> </div> <div class="d-none d-md-block col-md-5 px-0 pl-3 px-xl-5 align-self-center headerSearchBlock" id="tabletHeaderSearch"> <form class="form my-2 my-lg-0" action="/searchList.jsp" id="padSearchForm" method="post"> <input type="hidden" name="search_field" value="FullText"> <div class="input-group custom_round_search"> <input class="form-control mr-sm-2 pl-0 order-2" type="text" placeholder="電子書/雜誌/ISBN" name="search_input" aria-label="Search" value=""> <div class="input-group-prepend order-1" onclick="$('#padSearchForm').submit();"> <span class="input-group-text"> <i class="icon icon-search-01" aria-hidden="true" ></i> </span> </div> </div> </form> </div> <div class="col-4 col-md-4 px-0 pr-lg-4 d-flex align-self-center justify-content-end" id="mobileUserInfo"> <ul class="navbar-nav flex-row pr-0">  <li class="nav-item pl-0 d-inline-block d-md-none"> <a class="btn btn-icon" href="javascript:;" data-toggle="collapse" data-target="#mobileSearchBar"><i class="icon icon-search-01" aria-hidden="true"></i></a> </li> <li class="nav-item pl-0 d-inline-block d-md-none"> <a id="mobileSpCartBtn" class="btn btn-icon pl-0 withCounter" href="/Template/store/shoppingcart/shoppingcart_step_01.jsp"> <i class="icon icon-indicator" aria-hidden="true"></i> </a> </li>   <li class="nav-item mr-3 d-none d-md-inline-block"> <a class="nav-link withCounter" href="javascript:;" data-toggle="modal" data-target="#loginModal"> <i class="icon icon-favorite_border_02 fs-2x" aria-hidden="true"></i> <span class="curr_counter"><i>0</i></span> </a> </li> <li class="nav-item mr-3 d-none d-md-inline-block"> <a class="nav-link withCounter" href="/Template/store/shoppingcart/shoppingcart_step_01.jsp"> <i class="icon icon-indicator fs-2x" aria-hidden="true"></i> <span class="curr_counter userCartSpan"><i class="userCartNum">0</i></span> </a> </li>  <li class="nav-item pl-0 dropdown"> <a class="btn btn-icon text-left py-md-0 pl-0" href="javascript:;" data-toggle="modal" data-target="#loginModal"> <span class="avatar-img"><i style="background-image:url(/Template/store/images/default-avatar.png);"></i></span> </a> </li> </ul> </div> </div> </div>  <div class="container-fluid d-md-none collapse" id="mobileSearchBar"> <div class="row"> <div class="col"> <form class="form my-2 my-lg-0" action="/searchList.jsp" id="phoneSearchForm" method="post"> <input type="hidden" name="search_field" value="FullText"> <div class="input-group simple_search_input"> <input class="form-control mr-sm-2 pl-0 order-1" type="text" name="search_input" placeholder="電子書/雜誌/ISBN" aria-label="Search" value=""> <div class="input-group-append order-2" onclick="$('#phoneSearchForm').submit();"> <span class="input-group-text"> <i class="icon icon-search-01" aria-hidden="true"></i> </span> </div> </div> <div class="keyword_list pl-0 py-2"> <a href="/searchList.jsp?search_field=FullText&search_input=侏羅紀" class="ft-deepseablue mr-2">侏羅紀</a> <a href="/searchList.jsp?search_field=FullText&search_input=黃仁勳" class="ft-deepseablue mr-2">黃仁勳</a> <a href="/searchList.jsp?search_field=FullText&search_input=張愛玲百歲" class="ft-deepseablue mr-2">張愛玲</a> </div> </form> </div> </div> </div>  </header>   <nav class="navbar navbar-expand navbar-light d-none d-xl-block" id="pcMenuNavbar" data-header-display-switch> <div class="collapse navbar-collapse in"> <div class="container-1280"> <div class="row justify-content-around"> <div class="col-7 px-0"> <ul class="navbar-nav mr-auto mainHead_dropdown">  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">電子書</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=B*&theme=&sortinfo=&op=AND&search_field=BSU&search_input=B0208">科幻奇幻小說</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=B*&theme=文學&op=AND&search_field=BSU&search_input=B0104&theme=文學&pagesize=30&sortinfo=&viewtype=2">翻譯文學誌</a><a class="dropdown-item col" href="/searchList.jsp?search_input=收納&search_field=FullText&op=OR&search_input=整理術&search_field=FullText&op=OR&search_input=不整理&search_field=FullText">收納整理術</a><a class="dropdown-item col" href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=rank,1&search_field=BSU&search_input=J0106*&op=AND&search_field=BSU&search_input=J0106&sortinfo=YEAR%2C1&sortinfo=YEAR%2C1">寫真圖文書</a><div class="w-100"></div><a class="dropdown-item col" href="/searchList.jsp?search_input=囤積&search_field=FullText&op=OR&search_input=零雜物&search_field=FullText&op=OR&search_input=簡單生活&search_field=FullText&op=OR&search_input=簡樸生活&search_field=FullText">簡單零雜物</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=J0211*&theme=&sortinfo=">愜意食光</a><a class="dropdown-item col" href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=D0103*&theme=&sortinfo=">投資理財推薦</a><a class="dropdown-item col" href="/searchList.jsp?nowpage=1&pagesize=30&search_field=BSU&search_input=O0102*&theme=&sortinfo=">日本漫畫本</a><div class="w-100"></div><a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=O*&op=AND&search_field=BSU&search_input=O0119">條漫也好看</a><a class="dropdown-item col" href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=B02*">輕小說</a><a class="dropdown-item col" href="https://hyread.cc/3bxafz">靜思人文</a><a class="dropdown-item col" href="/searchList.jsp?search_field=BSU&search_input=S*">免費領書</a><div class="w-100"></div> <div class="dropdown-divider w-100"></div> <a class="dropdown-item col ft-azure" href="/Template/store/category_list.jsp"><span class="ft-azure">瀏覽電子書所有分類</span></a> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">雜誌</a> <div class="dropdown-menu shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M02">財經商管</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M01">新聞新知</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M03">數位資訊</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M04">語言學習</a> <div class="w-100"></div> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M05">親子教育</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M06">生活居家</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M07">旅遊行腳</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M08">時尚風格</a> <div class="w-100"></div> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M09">影視娛樂</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M10">知識專業</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M11">人文藝術</a> <a class="dropdown-item col" href="/Template/store/magazineList.jsp?cate=M12">休閒運動</a> <div class="w-100"></div> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">有聲書</a> <div class="dropdown-menu w-720 shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188752117&search_field=BSU&search_input=R0313' >講課</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188769869&search_field=BSU&search_input=R0312' >純朗讀</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=R0310&sortinfo=' >導讀</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819541&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0205' >兒童學習</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0204' >兒童文學</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188950019&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0203' >兒童繪本</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0101' >英文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819782&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0207' >英文檢定</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0102' >日文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=189013503&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0103' >韓文學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188949738&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=B0106' >青少年文學</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*' >瀏覽全部</a> <div class="w-100"></div> <div class="w-100"></div> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">影音館</a> <div class="dropdown-menu w-720 shadow" aria-labelledby="navbarDropdown"> <div class="container-fluid"> <div class="row"> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V*&sortinfo=&op=AND&search_field=BSU&search_input=V1106' >兒歌</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=V*&op=AND&search_field=PU&search_input=%E5%B0%8F%E7%89%9B%E9%A0%93%E7%A7%91%E5%AD%B8%E6%95%99%E8%82%B2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&sortinfo=' >兒童科普</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V11*' >親子童書</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V02*' >知識教育</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V03*' >語言學習</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V10*' >宗教心靈</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V01*' >藝術賞析</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188952157&search_field=BSU&search_input=V03*' >語言學習</a> <div class="w-100"></div> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V0901*' >產業趨勢</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V0203*' >寰宇新知</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188752230&search_field=BSU&search_input=V0802*' >師資考試</a> <a class="dropdown-item col" href='https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V*' >瀏覽全部</a> <div class="w-100"></div> <div class="w-100"></div> </div> </div> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">即時排行</a> <div class="dropdown-menu dropdown-menu-S shadow" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/Template/store/bestSelling.jsp">暢銷排行</a> <a class="dropdown-item" href="/Template/store/rentalRating.jsp">租書排行</a> <a class="dropdown-item" href="/Template/store/magazineRating.jsp">雜誌排行</a> <a class="dropdown-item" href="/Template/store/collectionRating.jsp">收藏排行</a> <a class="dropdown-item" href="/Template/store/trialRating.jsp">試閱排行</a> </div> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最新上架</a> <div class="dropdown-menu dropdown-menu-S shadow" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/Template/store/newbooks.jsp">熱門新書</a> <a class="dropdown-item" href="/Template/store/magazineList.jsp">新刊上架</a> <a class="dropdown-item" href="/Template/store/onsale_newbooks.jsp">新書優惠</a> </div> </li>   <li class="nav-item"> <a class="nav-link" href="/Template/store/abouttoexpire.jsp">即將下架</a> </li>   <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle dropdown-no-arrow" href="javascript:;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">名人推薦</a> <div class="dropdown-menu dropdown-menu-S shadow" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="https://hyread.cc/2024lienyuhan">與代言人連俞涵一起月讀</a> <a class="dropdown-item" href="https://hyread.cc/202410tetsuya">寺尾哲也的創作參考9書</a> <a class="dropdown-item" href="https://hyread.cc/77reading">IG愛書人奇奇推薦</a> </div> </li>    </ul> </div> <div class="col-5 px-8"> <ul class="navbar-nav mainHead_dropdown d-flex justify-content-end"> <li class="nav-item"> <a class="nav-link" href="https://ebook.hyread.com.tw/activity/201902gaze/index.html">Gaze閱讀器</a> </li>  <li class="nav-item"> <a class="nav-link" href="/Template/store/event_list.jsp">熱門活動</a> </li>    <li class="nav-item"> <a class="nav-link" href="/Template/store/publishing.jsp">出版社推薦</a> </li>   <li class="nav-item"> <a class="nav-link" href="/Template/store/bestArticle.jsp">精選文章</a> </li>  <li class="nav-item"> <a class="nav-link" href="/Template/store/article.jsp">小編文摘</a> </li> </ul> </div> </div> </div> </div> </nav>  <div class="pageContent">  <section> <div class="container-fluid mb-3 mt-0 mt-xl-3 px-0"> <div class="container-1280 one-slider px-0"> <div class="row no-gutters align-items-center"> <div class="col-12 col-sm-12 col-lg-12"> <div class="one-slider swiper-container" id="KV"> <div class="swiper-wrapper"> <div class="swiper-slide item"> <a href="https://ebook.hyread.com.tw/Template/store/eventPage.jsp?id=3622" class="w-100"> <picture> <source srcset="/gdata/images/2024110410514800176.png" media="(max-width: 960px)" class="img-responsive center-block" title="手機板"> <img srcset="/gdata/images/2024110410513900956.png" title="pc版" alt="…" class="img-responsive center-block fixedImg"on-image-load> </picture> </a> </div> <div class="swiper-slide item"> <a href="https://hyread.cc/12toWin" target='_blank' class="w-100"> <picture> <source srcset="/gdata/images/2024112517522900954.png" media="(max-width: 960px)" class="img-responsive center-block" title="手機板"> <img srcset="/gdata/images/2024112517522200183.png" title="pc版" alt="…" class="img-responsive center-block fixedImg"on-image-load> </picture> </a> </div> </div>   </div> </div> </div> </div> </div> </section>  <script> $().ready(function(){ $(".topSortOption").change( function(){ location.href="searchList.jsp?pagesize=30&sortinfo="+$(this).val()+"&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"; } ); }); </script> <section> <div class="container-fluid"> <div class="py-2 pb-3 d-block searchCount small text-center"> 關鍵字 : 「<b style="color: red;">主題瀏覽:純朗讀</b>」，共查得2073件 </div> <div class="container-1280"> <div class="d-flex d-lg-block tab_slector pull_margin_15"> <div class="py-2 px-0 px-md-3 mr-0 mr-lg-4 flex-fill item active">典藏買書</div> <div class="py-2 px-0 px-md-3 mr-0 mr-lg-4 flex-fill item"><a href="/Template/store/rentalList.jsp?resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1">隨看租閱</a></div> <div class="py-2 px-0 px-md-3 mr-0 mr-lg-4 flex-fill item"><a href="/Template/store/book_search_list_article.jsp?resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1">精選文章</a></div> <div class="py-2 px-0 px-md-3 mr-0 mr-lg-4 flex-fill item text-right d-lg-none"> <a href="#collapseOne" class="pr-3 search_btn collapsed" data-toggle="collapse"><i class="icon icon-filter-solid"></i></a> <a href="#collapseTwo" class="pr-3 search_btn collapsed" data-toggle="collapse"><i class="icon icon-equalizer1"></i></a> </div> </div> </div> </div> <script> var queryStr_noPrice = 'search_field=BSU&search_input=R0312'; function m_priceFilter(){ var priceL = $("#m_priceL").val(); var priceH = $("#m_priceH").val(); if (!priceL && !priceH) { alert('請填寫最小值或最大值') return false; } var url = 'https://ebook.hyread.com.tw/searchList.jsp?' + queryStr_noPrice + '&op=AND&search_field=PRICE&search_input=' + priceL + '~' + priceH; location.href=url; // console.log(url); // console.log(priceL); // console.log(priceH); // console.log(queryStr); } </script> <div class="container-1280 tab_slector_blk d-block d-lg-none" id="accordion"> <div id="collapseOne" class="collapse fade" data-parent="#accordion"> <div class="card-body"> <div class="form-group"> 依檔案格式 <select name="formatFilter" class="custom-select" required=""> <option value="">全部</option> <option value="&EPUB=1">EPUB</option> <option value="&PDF=1&JPG=1">PDF / JPG</option> </select> </div> <script> $().ready(function(){ $("select[name=formatFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312"+$(this).val(); }); }); </script> <div class="form-group">依分類瀏覽<select name="BSUFilter" class="custom-select"><option value=''>全部</option><option value="R0312">純朗讀 (2073)</option><option value="K0204">兒童文學 (458)</option><option value="G0205">成長勵志 (167)</option><option value="K0102">親子教養 (158)</option><option value="K0205">兒童學習 (155)</option><option value="B0101">中文古典文學 (129)</option><option value="B0105">世界文學 (95)</option><option value="B0104">歐美文學 (84)</option><option value="B0102">中文現代文學 (80)</option><option value="N0103">簡體書 (75)</option><option value="A0101">歷史 (69)</option><option value="G0101">佛教 (62)</option><option value="K0203">兒童繪本 (58)</option></select></div> <script> $().ready(function(){ $("select[name=BSUFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&bsuf=1&op=AND&search_field=BSU&search_input="+$(this).val(); }); }); </script> <div class="form-group" > 依價格瀏覽 <select class="custom-select" name="priceFilterSel" required=""> <option value="">請選擇價格</option> <option value="0~100">0-100元</option> <option value="100~200">100-200元</option> <option value="200~300">200-300元</option> </select> </div> <div class="form-group text-center" > <span class="priceCusTitle">自訂價格查詢</span><br> <input type="text" class="form-control" maxlength="5" class="priceRangeFilterInput" placeholder="$ 最小值" id="m_priceL" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" style="width: 100%;margin-bottom: 2px;"> ~ <input type="text" class="form-control" maxlength="5" class="priceRangeFilterInput" placeholder="$ 最大值" id="m_priceH" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" style="width: 100%;margin-bottom: 2px;"> <button class="btn btn-outline-primary custom_blue_outline_style priceRangeFilterButton" onclick="javascript:m_priceFilter()">套用</button> </div> <script> $().ready(function(){ $("select[name=priceFilterSel]").on('change',function(){ var priceFilVal = $(this).val(); if(!priceFilVal){ }else{ location.href='?search_field=BSU&search_input=R0312&op=AND&search_field=PRICE&search_input='+$(this).val(); } }); }); </script> <div class="form-group">依出版社瀏覽<select name="PUFilter" class="custom-select"><option value=''>全部</option><option value="%E8%B2%A1%E5%9C%98%E6%B3%95%E4%BA%BA%E4%BA%BA%E6%9C%AC%E6%95%99%E8%82%B2%E6%96%87%E6%95%99%E5%9F%BA%E9%87%91%E6%9C%83">財團法人人本教育文教基金會 (136)</option><option value="%E7%B3%96%E6%9E%9C%E5%A7%8A%E5%A7%8A%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">糖果姊姊愛播聽書 FM (112)</option><option value="%E8%A6%AA%E5%AD%90%E5%A4%A9%E4%B8%8B">親子天下 (110)</option><option value="%E4%B8%89%E6%B0%91%E6%9B%B8%E5%B1%80%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">三民書局愛播聽書 FM (109)</option><option value="%E5%8C%97%E8%BE%B0%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">北辰文化愛播聽書 FM (106)</option><option value="%E9%81%8D%E8%B7%AF%E6%96%87%E5%8C%96">遍路文化 (105)</option><option value="%E5%B0%9A%E5%84%80%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92%E5%B0%9A%E5%84%80%E7%B6%93%E5%85%B8%E6%96%87%E5%AD%B8%E7%B3%BB%E5%88%97">尚儀數位學習尚儀經典文學系列 (93)</option><option value="%E5%B0%8F%E7%89%9B%E9%A0%93%E7%A7%91%E5%AD%B8%E6%95%99%E8%82%B2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8">小牛頓科學教育有限公司 (86)</option><option value="%E9%A8%B7%E8%80%B3%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">騷耳有限公司愛播聽書 FM (81)</option><option value="%E8%B3%BD%E6%96%AF%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">賽斯文化愛播聽書 FM (66)</option><option value="%E5%A5%BD%E9%A0%AD%E8%85%A6%E6%96%87%E6%95%99">好頭腦文教 (55)</option><option value="%E6%99%82%E5%A0%B1">時報 (46)</option><option value="%E6%B3%95%E9%BC%93%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">法鼓文化愛播聽書 FM (45)</option><option value="%E6%99%82%E5%A0%B1%E6%96%87%E5%8C%96%E5%87%BA%E7%89%88">時報文化出版 (36)</option><option value="%E7%8F%BE%E4%BB%A3%E4%BC%81%E6%A5%AD%E7%B6%93%E7%87%9F%E5%AD%B8%E8%A1%93%E5%9F%BA%E9%87%91%E6%9C%83%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM">現代企業經營學術基金會愛播聽書 FM (36)</option></select></div> <script> $().ready(function(){ $("select[name=PUFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&puf=1&op=AND&search_field=PU&search_input="+$(this).val(); }); }); </script> <div class="form-group"> 依系列瀏覽 <select name="seriesFilter" class="custom-select"> <option value="">全部</option> <option value="&op=AND&search_field=seriesID&search_input=15271" >小小牛頓21精選[有聲書](58)</option> <option value="&op=AND&search_field=seriesID&search_input=12429" >中華之巔(48)</option> <option value="&op=AND&search_field=seriesID&search_input=14885" >戴晨志老師有聲學堂[有聲書](33)</option> <option value="&op=AND&search_field=seriesID&search_input=7716" >華麗大冒險[有聲書]:朱嘉雯品讀西遊記(33)</option> <option value="&op=AND&search_field=seriesID&search_input=7863" >童話小天地(23)</option> <option value="&op=AND&search_field=seriesID&search_input=11782" >癌症不是絕症(20)</option> <option value="&op=AND&search_field=seriesID&search_input=13182" >身心靈健康的10堂必修課(20)</option> <option value="&op=AND&search_field=seriesID&search_input=9063" >藝術家系列(15)</option> <option value="&op=AND&search_field=seriesID&search_input=11377" >賢哉孟子(13)</option> <option value="&op=AND&search_field=seriesID&search_input=11375" >大哉孔子(12)</option> <option value="&op=AND&search_field=seriesID&search_input=11376" >悠哉莊子(12)</option> <option value="&op=AND&search_field=seriesID&search_input=12427" >妙哉老子(12)</option> <option value="&op=AND&search_field=seriesID&search_input=14624" >世紀今日:從真實的故事，找到理想的自己 [有聲書](12)</option> <option value="&op=AND&search_field=seriesID&search_input=12249" >WOW原來是這樣(10)</option> <option value="&op=AND&search_field=seriesID&search_input=18930" >圖解酷科技[有聲書](10)</option> </select> </div> <script> $().ready(function(){ $("select[name=seriesFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"+$(this).val(); }); }); </script> <div class="form-group"> 書籍難度(SR) <select name="SRcodeFilter" class="custom-select"> <option value="">全部</option> <option value="&op=AND&search_field=SRcode&search_input=E" >501 - 600(13)</option> <option value="&op=AND&search_field=SRcode&search_input=D" >401 - 500(4)</option> <option value="&op=AND&search_field=SRcode&search_input=C" >301 - 400(2)</option> </select> </div> <script> $().ready(function(){ $("select[name=SRcodeFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"+$(this).val(); }); }); </script> <div class="form-group"> 適讀年齡 <select name="SRfitcodeFilter" class="custom-select"> <option value="">全部</option> <option value="&op=AND&search_field=SRfitcode&search_input=H" >八年級(5)</option> <option value="&op=AND&search_field=SRfitcode&search_input=G" >七年級(4)</option> <option value="&op=AND&search_field=SRfitcode&search_input=I" >九年級(3)</option> <option value="&op=AND&search_field=SRfitcode&search_input=D" >四年級(2)</option> <option value="&op=AND&search_field=SRfitcode&search_input=E" >五年級(2)</option> <option value="&op=AND&search_field=SRfitcode&search_input=B" >二年級(1)</option> <option value="&op=AND&search_field=SRfitcode&search_input=C" >三年級(1)</option> <option value="&op=AND&search_field=SRfitcode&search_input=F" >六年級(1)</option> </select> </div> <script> $().ready(function(){ $("select[name=SRfitcodeFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"+$(this).val(); }); }); </script> <div class="form-group">依語系瀏覽<select name="langFilter" class="custom-select"><option value=''>全部</option><option value="CHI">中文 (2073)</option></select></div> <script> $().ready(function(){ $("select[name=langFilter]").on('change',function(){ location.href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&langf=1&op=AND&search_field=L&search_input="+$(this).val(); }); }); </script> </div> </div>  <div id="collapseTwo" class="collapse fade" data-parent="#accordion"> <div class="card-body"> <div class="form-group"> <select class="custom-select topSortOption" required=""> <option value="rank,1">熱門程度</option> <option value="YEAR,1" selected>出版日期</option> </select> </div> </div> </div>  </div> </section> <section> <div class="container-fluid"> <div class="container-1280"> <div class="row">  <script> $(function() { var acc = document.getElementsByClassName("navopenmore"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("navactive"); var navpanel = this.nextElementSibling; if (navpanel.style.maxHeight) { navpanel.style.maxHeight = null; } else { navpanel.style.maxHeight = navpanel.scrollHeight + "px"; } }); } }); </script> <script> var queryStr_noPrice = 'search_field=BSU&search_input=R0312'; function priceFilter(){ var priceL = $("#priceL").val(); var priceH = $("#priceH").val(); if (!priceL && !priceH) { alert('請填寫最小值或最大值') return false; } var url = 'https://ebook.hyread.com.tw/searchList.jsp?' + queryStr_noPrice + '&op=AND&search_field=PRICE&search_input=' + priceL + '~' + priceH; location.href=url; // console.log(url); // console.log(priceL); // console.log(priceH); // console.log(queryStr); } </script>  <div class="col-2 d-none d-lg-block"> <div class="search_result_list card"> <div class="card-body"> <div class="card-title bold">排列方式：</div> <div class="form-group"> <select class="custom-select topSortOption" required=""> <option value="rank,1">熱門程度</option> <option value="YEAR,1" selected>出版日期</option> </select> </div> <hr> <div class="card-title bold">依檔案格式瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312" class="nav-link">全部</a></li> <li><a href="?search_field=BSU&search_input=R0312&EPUB=1" class="nav-link">EPUB</a></li> <li><a href="?search_field=BSU&search_input=R0312&PDF=1&JPG=1" class="nav-link">PDF / JPG</a></li> </ul> <hr> <span> <div class="card-title bold">依價格瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&op=AND&search_field=PRICE&search_input=0~100" class="nav-link">0-100元</a></li> <li><a href="?search_field=BSU&search_input=R0312&op=AND&search_field=PRICE&search_input=100~200" class="nav-link">100-200元</a></li> <li><a href="?search_field=BSU&search_input=R0312&op=AND&search_field=PRICE&search_input=200~300" class="nav-link">200-300元</a></li> </ul> <span class="priceCusTitle">自訂價格查詢</span><br> <input type="text" maxlength="5" class="form-control priceRangeFilterInput" placeholder="$ 最小值" id="priceL" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"> ～ <input type="text" maxlength="5" class="form-control priceRangeFilterInput" placeholder="$ 最大值" id="priceH" value="" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"> <button class="btn btn-outline-primary custom_blue_outline_style priceRangeFilterButton" onclick="javascript:priceFilter()">套用</button> <hr> </span> <div class="card-title bold">依分類瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=R0312" class="nav-link">純朗讀 (2073)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=K0204" class="nav-link">兒童文學 (458)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=G0205" class="nav-link">成長勵志 (167)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=K0102" class="nav-link">親子教養 (158)</a></li>  <div id="type" class="collapse"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=K0205" class="nav-link">兒童學習 (155)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0101" class="nav-link">中文古典文學 (129)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0105" class="nav-link">世界文學 (95)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0104" class="nav-link">歐美文學 (84)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0102" class="nav-link">中文現代文學 (80)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=N0103" class="nav-link">簡體書 (75)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=A0101" class="nav-link">歷史 (69)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=G0101" class="nav-link">佛教 (62)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=K0203" class="nav-link">兒童繪本 (58)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=A0105" class="nav-link">人物傳記 (48)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=D0204" class="nav-link">企業管理創業 (39)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0103" class="nav-link">日本文學 (36)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=A0103" class="nav-link">哲學 (34)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=I0105" class="nav-link">戲劇電影 (29)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=H0102" class="nav-link">醫藥常識 (26)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0413" class="nav-link">散文 (24)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=J0211" class="nav-link">美食食譜 (24)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=A0106" class="nav-link">文化風俗人類 (20)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=A0208" class="nav-link">社會學 (19)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=D0306" class="nav-link">生涯規劃 (18)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0208" class="nav-link">科幻輕小說 (16)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=BSU&search_input=B0211" class="nav-link">羅曼史輕小說 (13)</a></li> </div> <a href="#type" class="btn btn-outline-secondary navopenmore" data-toggle="collapse"></a>  </ul> <hr> <div class="card-title bold">依出版社瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E8%B2%A1%E5%9C%98%E6%B3%95%E4%BA%BA%E4%BA%BA%E6%9C%AC%E6%95%99%E8%82%B2%E6%96%87%E6%95%99%E5%9F%BA%E9%87%91%E6%9C%83" class="nav-link">財團法人人本教育文教基金會 (136)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E7%B3%96%E6%9E%9C%E5%A7%8A%E5%A7%8A%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">糖果姊姊愛播聽書 FM (112)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E8%A6%AA%E5%AD%90%E5%A4%A9%E4%B8%8B" class="nav-link">親子天下 (110)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E4%B8%89%E6%B0%91%E6%9B%B8%E5%B1%80%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">三民書局愛播聽書 FM (109)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%8C%97%E8%BE%B0%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">北辰文化愛播聽書 FM (106)</a></li>  <div id="publish" class="collapse"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E9%81%8D%E8%B7%AF%E6%96%87%E5%8C%96" class="nav-link">遍路文化 (105)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%B0%9A%E5%84%80%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92%E5%B0%9A%E5%84%80%E7%B6%93%E5%85%B8%E6%96%87%E5%AD%B8%E7%B3%BB%E5%88%97" class="nav-link">尚儀數位學習尚儀經典文學系列 (93)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%B0%8F%E7%89%9B%E9%A0%93%E7%A7%91%E5%AD%B8%E6%95%99%E8%82%B2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8" class="nav-link">小牛頓科學教育有限公司 (86)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E9%A8%B7%E8%80%B3%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">騷耳有限公司愛播聽書 FM (81)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E8%B3%BD%E6%96%AF%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">賽斯文化愛播聽書 FM (66)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%A5%BD%E9%A0%AD%E8%85%A6%E6%96%87%E6%95%99" class="nav-link">好頭腦文教 (55)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%99%82%E5%A0%B1" class="nav-link">時報 (46)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%B3%95%E9%BC%93%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">法鼓文化愛播聽書 FM (45)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%99%82%E5%A0%B1%E6%96%87%E5%8C%96%E5%87%BA%E7%89%88" class="nav-link">時報文化出版 (36)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E7%8F%BE%E4%BB%A3%E4%BC%81%E6%A5%AD%E7%B6%93%E7%87%9F%E5%AD%B8%E8%A1%93%E5%9F%BA%E9%87%91%E6%9C%83%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">現代企業經營學術基金會愛播聽書 FM (36)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%9C%B1%E5%98%89%E9%9B%AF%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">朱嘉雯愛播聽書 FM (33)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E8%81%B2%E6%9C%97%E6%96%87%E5%8C%96%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">聲朗文化愛播聽書 FM (31)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%B8%85%E6%B6%BC%E9%9F%B3%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">清涼音愛播聽書 FM (30)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%96%B9%E9%9B%86%E5%87%BA%E7%89%88%E7%A4%BE%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8" class="nav-link">方集出版社股份有限公司 (28)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%88%B4%E6%99%A8%E5%BF%97%E3%80%81%E5%B0%9A%E5%84%80%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92" class="nav-link">戴晨志、尚儀數位學習 (27)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%99%82%E5%A0%B1%E5%87%BA%E7%89%88" class="nav-link">時報出版 (25)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%9F%BF%E5%AD%90%E6%96%87%E5%8C%96" class="nav-link">柿子文化 (24)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%8C%97%E4%BA%AC%E6%99%82%E4%BB%A3%E8%8F%AF%E6%96%87%E6%9B%B8%E5%B1%80" class="nav-link">北京時代華文書局 (21)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%B8%83%E5%85%8B%E6%96%87%E5%8C%96%E5%B0%9A%E5%84%80%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92" class="nav-link">布克文化尚儀數位學習 (20)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%B4%A7%E5%8D%9A" class="nav-link">崧博 (20)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E7%89%BD%E6%89%8B%E4%B9%8B%E8%81%B2%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">牽手之聲愛播聽書 FM (19)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E6%99%82%E5%A0%B1%E6%96%87%E5%8C%96" class="nav-link">時報文化 (18)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E8%81%96%E5%9A%B4%E6%B3%95%E5%B8%AB%E6%84%9B%E6%92%AD%E8%81%BD%E6%9B%B8+FM" class="nav-link">聖嚴法師愛播聽書 FM (17)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E4%B8%96%E8%8C%82%E5%87%BA%E7%89%88%E5%B0%9A%E5%84%80%E6%95%B8%E4%BD%8D%E5%AD%B8%E7%BF%92" class="nav-link">世茂出版尚儀數位學習 (14)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=PU&search_input=%E5%90%89%E6%9E%97%E5%87%BA%E7%89%88%E9%9B%86%E5%9C%98%E5%A4%96%E8%AA%9E%E6%95%99%E8%82%B2" class="nav-link">吉林出版集團外語教育 (14)</a></li> </div> <a href="#publish" class="btn btn-outline-secondary navopenmore" data-toggle="collapse"></a>  </ul> <hr> <div class="card-title bold">依系列瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=15271" class="nav-link">小小牛頓21精選[有聲書] (58)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=12429" class="nav-link">中華之巔 (48)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14885" class="nav-link">戴晨志老師有聲學堂[有聲書] (33)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=7716" class="nav-link">華麗大冒險[有聲書]:朱嘉雯品讀西遊記 (33)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=7863" class="nav-link">童話小天地 (23)</a></li>  <div id="series" class="collapse"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=11782" class="nav-link">癌症不是絕症 (20)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=13182" class="nav-link">身心靈健康的10堂必修課 (20)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=9063" class="nav-link">藝術家系列 (15)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=11377" class="nav-link">賢哉孟子 (13)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=11375" class="nav-link">大哉孔子 (12)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=11376" class="nav-link">悠哉莊子 (12)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=12427" class="nav-link">妙哉老子 (12)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14624" class="nav-link">世紀今日:從真實的故事，找到理想的自己 [有聲書] (12)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=12249" class="nav-link">WOW原來是這樣 (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=18930" class="nav-link">圖解酷科技[有聲書] (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=5174" class="nav-link">噬靈師 (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=5782" class="nav-link">有聲版國別史系列 [有聲書] (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=9049" class="nav-link">影響世界的人(愛播聽書FM) (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=9064" class="nav-link">音樂家系列 (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=9065" class="nav-link">文學家系列 (10)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=11788" class="nav-link">石滋宜談領導 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14579" class="nav-link">格事話: 另一種格林童話1 無奇不有 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14580" class="nav-link">格事話: 另一種格林童話2 聰明點子 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14581" class="nav-link">格事話: 另一種格林童話3 夢幻綺情 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14582" class="nav-link">格事話: 另一種格林童話4 寓言宿命 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14583" class="nav-link">格事話: 另一種格林童話5 善有善報 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14584" class="nav-link">格事話: 另一種格林童話6 說到做到 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14585" class="nav-link">格事話: 另一種格林童話7 天真無敵 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=14586" class="nav-link">格事話: 另一種格林童話8 惡魔同行 (9)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=seriesID&search_input=5441" class="nav-link">漫說文化名家選粹 (9)</a></li> </div> <a href="#series" class="btn btn-outline-secondary navopenmore" data-toggle="collapse"></a>  </ul> <hr>  <div class="card-title bold">書籍難度(SR)： <a href="javascript:;" data-toggle="modal" data-target="#SRModal"><i class="icon icon-help"></i></a> </div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRcode&search_input=E" class="nav-link">501 - 600 (13)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRcode&search_input=D" class="nav-link">401 - 500 (4)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRcode&search_input=C" class="nav-link">301 - 400 (2)</a></li>   </ul> <hr>   <div class="card-title bold">適讀年齡：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=H" class="nav-link">八年級 (5)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=G" class="nav-link">七年級 (4)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=I" class="nav-link">九年級 (3)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=D" class="nav-link">四年級 (2)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=E" class="nav-link">五年級 (2)</a></li>  <div id="SRfitcode" class="collapse"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=B" class="nav-link">二年級 (1)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=C" class="nav-link">三年級 (1)</a></li> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&op=AND&search_field=SRfitcode&search_input=F" class="nav-link">六年級 (1)</a></li> </div> <a href="#SRfitcode" class="btn btn-outline-secondary navopenmore" data-toggle="collapse"></a>  </ul> <hr>  <div class="card-title bold">依語系瀏覽：</div> <ul class="nav flex-column"> <li><a href="?search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1&search_field=L&search_input=CHI" class="nav-link">中文 (2073)</a></li> </ul> <hr> </div> </div> </div>   <div class="col"> <div class="row d-flex align-items-start"> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412950"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412950" class="book-link"> <div class="contTxt d-none d-lg-block">晚安故事摩天輪. 2, 108個夢想故事 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412950978626305979520244115111122.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412950">晚安故事摩天輪. 2, 108個夢想故事 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19043" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412949"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412949" class="book-link"> <div class="contTxt d-none d-lg-block">晚安故事摩天輪. 1, 108個晚安故事 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412949978626305978820244015111159.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412949">晚安故事摩天輪. 1, 108個晚安故事 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19043" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412568"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412568" class="book-link"> <div class="contTxt d-none d-lg-block">君偉的節日報告 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412568978626305710420243013041134.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412568">君偉的節日報告 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412567"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412567" class="book-link"> <div class="contTxt d-none d-lg-block">狐狸一族心探險. 1, 不能說的禁忌 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412567978626305960320242913041137.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412567">狐狸一族心探險. 1, 不能說的禁忌 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=18628" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412566"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412566" class="book-link"> <div class="contTxt d-none d-lg-block">字的傳奇. 1, 馴字師捉妖去 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412566978626305959720242813041106.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412566">字的傳奇. 1, 馴字師捉妖去 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=18098" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412565"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412565" class="book-link"> <div class="contTxt d-none d-lg-block">小熊兄妹的點子屋. 3, 超愛睏魔咒大作戰 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412565978626305974020242613041151.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412565">小熊兄妹的點子屋. 3, 超愛睏魔咒大作戰 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19039" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412564"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412564" class="book-link"> <div class="contTxt d-none d-lg-block">快閃貓生活謎語童話. 1, 神祕山有鬼？ [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412564978626305958020242514111155.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412564">快閃貓生活謎語童話. 1, 神祕山有鬼？ [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=18099" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412563"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412563" class="book-link"> <div class="contTxt d-none d-lg-block">小熊兄妹的點子屋. 2, 不能說的三句話 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412563978626305889720242614111154.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412563">小熊兄妹的點子屋. 2, 不能說的三句話 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19039" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412562"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412562" class="book-link"> <div class="contTxt d-none d-lg-block">小熊兄妹的點子屋. 1, 點子屋新開張 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412562978626305888020242714111148.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412562">小熊兄妹的點子屋. 1, 點子屋新開張 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19039" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412561"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412561" class="book-link"> <div class="contTxt d-none d-lg-block">用心點亮世界:影響人類百年文明的視障者 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412561978626305777720242814111126.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412561">用心點亮世界:影響人類百年文明的視障者 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412560"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412560" class="book-link"> <div class="contTxt d-none d-lg-block">可能小學臺灣任務. 1, 真假荷蘭公主 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412560978626305699220243913041109.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412560">可能小學臺灣任務. 1, 真假荷蘭公主 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 200</div>  <div class="book-favorite-list pr-1 py-1"><i class="icon icon-favorite"></i>1人已收藏</div>  <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=19037" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412559"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412559" class="book-link"> <div class="contTxt d-none d-lg-block">愛哭公主 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412559978626305729620243813041146.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412559">愛哭公主 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412558"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412558" class="book-link"> <div class="contTxt d-none d-lg-block">生氣王子 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412558978626305726520243813041124.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412558">生氣王子 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412557"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412557" class="book-link"> <div class="contTxt d-none d-lg-block">我變成一隻噴火龍了！ [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412557978626305724120243813041103.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412557">我變成一隻噴火龍了！ [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412556"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412556" class="book-link"> <div class="contTxt d-none d-lg-block">朱瑞福的游泳課 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412556978626305720320243713041138.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412556">朱瑞福的游泳課 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 150 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 150</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412439"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412439" class="book-link"> <div class="contTxt d-none d-lg-block">【有聲書】我的游離性遺忘</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412439978626396991920244712111119.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412439">【有聲書】我的游離性遺忘</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 480 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 480</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412438"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412438" class="book-link"> <div class="contTxt d-none d-lg-block">【有聲書】廚房裡的偽魚販</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412438978626396980320244612111109.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412438">【有聲書】廚房裡的偽魚販</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 380 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412437"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412437" class="book-link"> <div class="contTxt d-none d-lg-block">私たちはみんなきちんとお別れを言わなければなりません：安楽死に関する生死のテーマ（オーディオブック）</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412437978986471313420242112021130.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412437">私たちはみんなきちんとお別れを言わなければなりません：安楽死に関する生死のテーマ（オーディオブック）</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 320</div>  <div class="book-favorite-list pr-1 py-1"><i class="icon icon-favorite"></i>1人已收藏</div>  </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412436"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412436" class="book-link"> <div class="contTxt d-none d-lg-block">Observations on Taiwanese Society and Reflections on Life(Audiobook) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412436978986471429220241912021150.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412436">Observations on Taiwanese Society and Reflections on Life(Audiobook) [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 340 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 400</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412435"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412435" class="book-link"> <div class="contTxt d-none d-lg-block">Retrieve Taiwanese Sweet Potato Roots(Audiobook) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412435978986471333220243512021151.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412435">Retrieve Taiwanese Sweet Potato Roots(Audiobook) [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 320</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412434"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412434" class="book-link"> <div class="contTxt d-none d-lg-block">Days:The Past of Xiaopu Community(Audiobook) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412434978986471153620243612021125.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412434">Days:The Past of Xiaopu Community(Audiobook) [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 200 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 280</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412433"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412433" class="book-link"> <div class="contTxt d-none d-lg-block">The Giant’s Toe-tally Big Trouble!(Audiobook) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412433978986471441420243912021136.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412433">The Giant’s Toe-tally Big Trouble!(Audiobook) [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 210 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 300</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412432"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412432" class="book-link"> <div class="contTxt d-none d-lg-block">Introduction to Management(Audiobook) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412432978957711354220244412111115.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412432">Introduction to Management(Audiobook) [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 340 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 400</div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412286"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412286" class="book-link"> <div class="contTxt d-none d-lg-block">女性之心靈書寫身影:從班婕妤到蘇偉貞 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412286978986471213720244108041117.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412286">女性之心靈書寫身影:從班婕妤到蘇偉貞 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 330 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div>  <div class="book-favorite-list pr-1 py-1"><i class="icon icon-favorite"></i>9人已收藏</div>  </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412285"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412285" class="book-link"> <div class="contTxt d-none d-lg-block">國家圖書館故事. 卷一, 發展史及館舍建築 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412285978957711119720244008041141.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412285">國家圖書館故事. 卷一, 發展史及館舍建築 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 340 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 390</div>  <div class="book-favorite-list pr-1 py-1"><i class="icon icon-favorite"></i>3人已收藏</div>  <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=18981" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412284"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412284" class="book-link"> <div class="contTxt d-none d-lg-block">禪的智慧與生活:話說《六祖壇經》 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412284978957711095420244008041107.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412284">禪的智慧與生活:話說《六祖壇經》 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 300 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 350</div>  <div class="book-favorite-list pr-1 py-1"><i class="icon icon-favorite"></i>10人已收藏</div>  </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412281"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412281" class="book-link"> <div class="contTxt d-none d-lg-block">仙靈傳奇. 4, 陶妖 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412281978626305802620244208041149.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412281">仙靈傳奇. 4, 陶妖 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 380 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=17177" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412280"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412280" class="book-link"> <div class="contTxt d-none d-lg-block">仙靈傳奇. 3, 畫仙 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412280978626305801920244208041124.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412280">仙靈傳奇. 3, 畫仙 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 380 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=17177" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412279"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412279" class="book-link"> <div class="contTxt d-none d-lg-block">仙靈傳奇. 2, 詞靈 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412279978626305800220244208041103.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412279">仙靈傳奇. 2, 詞靈 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 380 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=17177" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-2 mb-4 mb-lg-5 flexbox_center"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> <a href="javascript:;" class="btn buyBtn d-none d-lg-inline-block shopCartBtn" brn="412278"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412278" class="book-link"> <div class="contTxt d-none d-lg-block">仙靈傳奇. 1, 詩魂 [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"><img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412278978626305799920244108041143.jpg" class="img-fluid bookPic chmln__img" on-image-load> </div> </a> </div>  <div class="no_login_favorite"></div>  <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412278">仙靈傳奇. 1, 詩魂 [有聲書]</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 380 </span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書 NT$ 380</div> <div class="book-money"> <a href="/Template/store/seriesbook.jsp?seriesID=17177" class="btn btn-outline-primary custom_deep_seablue_outline_style d-block btn-sm px-lg-4 my-2">查看系列</a> </div> </div> </div> </div> </div>  </div> </div> </div> </section>  <section> <div class="container-fluid w-50"> <ul class="cont_page_nbr pagination justify-content-center mb-0 py-5"> <li class="page-item active"> <a class="page-link" href="?nowpage=1&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 1 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=2&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 2 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=3&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 3 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=4&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 4 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=5&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 5 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=6&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 6 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=7&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 7 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=8&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 8 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=9&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 9 </a> </li> <li class="page-item "> <a class="page-link" href="?nowpage=10&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1"> 10 </a> </li> <li class="page-item pagination-next"><a href="?nowpage=2&pagesize=30&resid=188746587&search_field=BSU&search_input=R0312&sortinfo=YEAR%2C1" class="page-link"><i class="icon icon-triangle-right"></i></a></li> </ul> </div> </section>   <section> <div class="container-fluid banner_wrap_02 bg-light py-0 py-md-5"> <div class="container-1280"> <div class="row"> <div class="swiper-container px-0 px-sm-4 px-md-5" data-banner-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hyread.cc/flash66" > <img data-src="/gdata/images/2024112114142000372.png" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/6rat3a" > <img data-src="/gdata/images/2024112511182900753.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="/bookDetail.jsp?id=412422" > <img data-src="/gdata/images/2024112010465500852.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/6q3zqk" > <img data-src="/gdata/images/2024111610572000695.png" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://ebook.hyread.com.tw/shy/shy_page.jsp" > <img data-src="/gdata/images/2024111317244900071.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> </div>  <button class="swiper-button-next d-sm-block"></button> <button class="swiper-button-prev d-sm-block"></button> </div> </div> </div> </div> </section>     <div class="row container-fluid bg-light border-top no-gutters align-items-center py-4"> <div class="col col-md-12 col-lg-3 ml-3 ml-xl-auto appPromoSlogon"> <a href="https://goo.gl/myZzoD" target="_blank" class="py-3" title="還沒安裝 HyRead 3 嗎？馬上免費安裝~"> <img src="/Template/store/images/footer-logo-pc.png" class="footer_logo img-fluid py-3" alt="HyRead"> <span class="rightnow d-block d-sm-inline-block text-dark">還沒安裝 HyRead 3 嗎？馬上免費安裝~</span> </a> </div> <div class="col col-md col-lg-auto mr-1 mr-xl-auto appPromoStoreLink justify-content-sm-center d-none d-md-block"> <a href="https://goo.gl/1ZkUJb" target="_blank" class="p-1"><img src="/Template/store/images/appstore.svg" class="img-fluid" alt="App Store"></a> <a href="https://goo.gl/WNmstc" target="_blank" class="p-1"><img src="/Template/store/images/googleplay.svg" class="img-fluid" alt="Google Play"></a>  <a href="javascript:;" class="p-1" data-toggle="modal" data-target="#pcdownloadModal"><img src="/Template/store/images/pc.svg" class="img-fluid" alt="pc download"></a> </div> <div class="col col-lg-1 mr-xl-auto d-none d-xl-block"><img src="/Template/store/images/app_qrcode.svg" class="img-fluid qr_code " alt="QR Code"></div> </div>  </div> </div> </div>  <footer class="footer">  <div class="container-fluid"> <div class="container-1280 px-md-3 mx-xl-auto" id="pcMobileFooter"> <div class="row no-gutters">  <ul class="col footer_link_list d-none d-lg-block"> <li class="title">關於HyRead</li>   <li><a href="/Template/store/serviceRule.html" target="_blank" class="footer_link" title="服務政策">服務政策</a></li> <li><a href="/Template/store/privacy.html" target="_blank" class="footer_link" title="隱私權政策">隱私權政策</a></li> <li><a href="https://ebook.hyread.com.tw/activity/directions/index-2.html" target="_blank" class="footer_link" title="序號兌換說明">序號兌換說明</a></li> </ul> <ul class="col footer_link_list d-none d-lg-block"> <li class="title">會員服務</li> <li><a href="javascript:;" class="footer_link" title="免費註冊" data-toggle="modal" data-target="#registerMemberModal">免費註冊</a></li> <li><a href="javascript:;" class="footer_link" title="忘記密碼" data-toggle="modal" data-target="#forgotPasswordModal">忘記密碼</a></li>  <li><a href="/Template/store/member/membercenter_page_tzuchi.jsp" target="_blank" class="footer_link" title="靜思書單服務">靜思書單服務</a></li> </ul> <ul class="col footer_link_list d-none d-lg-block"> <li class="title">合作提案</li> <li><a href="https://ebook.hyread.com.tw/activity/cooperation.html" target="_blank" class="footer_link" title="出版社合作">出版社合作</a></li> <li><a href="http://hyweb.ebook.hyread.com.tw/resource/features.html" target="_blank" class="footer_link" title="團體採購優惠">團體採購優惠</a></li> </ul> <ul class="col footer_link_list"> <li class="title">聯絡客服</li> <li><span class="plain_text">客服時間：週一～五9:00~18:00</span></li> <li><span class="plain_text"><u><a href="https://hyread.cc/lineus" target="_blank">+加入LINE好友即時聯繫客服</a></u></span></li> <li><span class="plain_text"><a href="mailto:service@hyread.com.tw">Email：service@hyread.com.tw</a></span></li> <li><span class="plain_text">(勿超過10MB)</span></li> </ul>   <div class="container-fluid d-block d-lg-none" id="MobileSiteMap"> <ul class="footer_link_list d-block d-lg-none mb-0 d-flex align-content-start flex-wrap"> <li class="col-4 px-0"><a href="/Template/store/serviceRule.html" target="_blank" class="footer_link" title="服務政策">服務政策</a></li> <li class="col-4 px-0"><a href="/Template/store/privacy.html" target="_blank" class="footer_link" title="隱私權政策">隱私權政策</a></li> <li class="col-4 px-0"><a href="https://ebook.hyread.com.tw/activity/directions/index-2.html" target="_blank" class="footer_link" title="序號兌換說明">序號兌換說明</a></li>   </ul> <div class="collapse" id="mobileFooterSitemap"> <ul class="footer_link_list d-block d-lg-none d-flex align-content-start flex-wrap"> <li class="col-4 px-0"><a href="javascript:;" class="footer_link" title="免費註冊" data-toggle="modal" data-target="#registerMemberModal">免費註冊</a></li> <li class="col-4 px-0"><a href="javascript:;" class="footer_link" title="忘記密碼" data-toggle="modal" data-target="#forgotPasswordModal">忘記密碼</a></li>  <li class="col-4 px-0"><a href="/Template/store/member/membercenter_page_tzuchi.jsp" target="_blank" class="footer_link" title="靜思書單服務">靜思書單服務</a></li> <li class="col-4 px-0"><a href="https://ebook.hyread.com.tw/activity/cooperation.html" target="_blank" class="footer_link" title="出版社合作">出版社合作</a></li> <li class="col-4 px-0"><a href="http://hyweb.ebook.hyread.com.tw/resource/features.html" target="_blank" class="footer_link" title="團體採購優惠">團體採購優惠</a></li> </ul> </div> <div class="justify-content-center text-center"> <a href="#mobileFooterSitemap" data-toggle="collapse" class="btn mobileFooterSitemapBtn"> <i class="footer_sitemap_open icon-arrow-down-01 pr-2" aria-hidden="true"></i> <i class="footer_sitemap_close icon-arrow-top-01 pr-2" aria-hidden="true" style="display:none"></i> </a> </div> </div>  <div class="w-100 d-flex d-lg-none sep_line"></div>  <ul class="col footer_link_list rounded-btn text-center text-lg-left my-1 social_btn_group"> <li class="title d-none d-lg-flex text-center text-lg-left">社群動態</li> <li class="mt-2 mt-lg-2 text-center text-lg-left"> <a href="https://www.facebook.com/hyread.ebook" target="_blank" class="footer_link mr-2 mr-xl-3" title="Facebook"><i class="icon-facebook pr-2" aria-hidden="true"></i></a> <a href="https://www.youtube.com/channel/UC_nWrFmNhashbV8hi8EUqtw" target="_blank" class="footer_link mr-2 mr-xl-3" title="Youtube"><i class="icon-youtube pr-2" aria-hidden="true"></i></a> <a href="https://line.me/R/ti/p/%40zrv5224k" target="_blank" class="footer_link mr-0 mr-xl-3" title="Line"><i class="icon-line-square pr-2" aria-hidden="true"></i></a> </li> </ul>  <div class="w-100 d-flex d-lg-none"></div>  <div class="col d-block d-lg-none text-center text-lg-right py-4 py-lg-0"> <div class="dropdown"> <a href="javascript:;" class="langDropdownMenu btnStyle" data-toggle="modal" data-target="#langcoinMenuModal"><span class=""><i class="fa fa-globe pr-2" aria-hidden="true"></i>正體中文</span><span class="px-1">｜</span><span class="">NT$ TWD</span></a> </div> </div>   <a href="javascript:topFunction();" class="js-back-to-top d-none d-lg-block"><i class=" icon-chevron-with-circle-up" aria-hidden="true"></i></a>  </div> </div> </div>   <div class="container-fluid"> <div class="container-1280 mx-xl-auto" id="pcFooterCredit"> <div class="row py-4 align-items-center"> <div class="col-12 col-lg-8 py-2 text-center text-lg-left"> 凌網知識股份有限公司<br class="d-block d-lg-none">（統編：42745880）Copyright© 2024 hyread <em > IP=8.222.208.146(171) </em> </div> </div> </div> </div>  </footer>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TVTP73V');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVTP73V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script> $('#pcSearchForm').submit(function(){ search(); }); $('#phoneSearchForm').submit(function(){ search(); }); $('#padSearchForm').submit(function(){ search(); }); function search(){ var search_input = ""; $("input[name$='search_input']").each(function(){ if(this.value !=""){ search_input = this.value; } }) if(search_input != ""){ qg('event','searched',{'keyword':"'"+search_input+"'"}); } } </script>   <script type="text/javascript"> !function(q,g,r,a,p,h,js) { if(q.qg)return; js = q.qg = function() { js.callmethod ? js.callmethod.call(js, arguments) : js.queue.push(arguments); }; js.queue = []; p=g.createElement(r);p.async=!0;p.src=a;h=g.getElementsByTagName(r)[0]; h.parentNode.insertBefore(p,h); } (window,document,'script','https://cdn.qgr.ph/qgraph.bb1d895c2707ead042f7.js'); </script>   <script> $().ready(function(){ var rdurl = 'https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188769869&search_field=BSU&search_input=R0312'; var isExistPara = true; $('#mobileForm1 input[type=radio][name=lang]').change(function() { //location.href='/index.jsp?webpacLang='+$('input[type=radio][name=lang]:checked','#mobileForm1').val(); if(isExistPara){ rdurl += "&"; }else{ rdurl += "?"; } rdurl += "webpacLang=" + $('input[type=radio][name=lang]:checked','#mobileForm1').val(); location.href = rdurl; }); $('#mobileForm2 input[type=radio][name=coin]').change(function() { $.ajax({ url: '/Template/store/ajax/setCookie.jsp', type: 'GET', async: false, cache: false, data: { coin: $('input[type=radio][name=coin]:checked','#mobileForm2').val() }, error: function(xhr) { alert('Ajax request 發生錯誤'); }, success: function(data) { },complete : function () { location.reload(); } }); }); }) </script>  <div class="modal fade" id="langcoinMenuModal" tabindex="-1" role="dialog" aria-labelledby="langcoinMenuModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="dropdown-menu langcoin_style shadow show lightbox_style">  <h6 class="dropdown-header px-3 text-center">更換語言/幣別</h6> <div class="dropdown-divider"></div> <form id='mobileForm1' class="px-1 py-1"> <div class="container-fluid lang-selector"> <div class="row"> <div class="col-12"> <input type="text" readonly class="form-control-plaintext" id="staticText" value="選擇語言："> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="zh_TW" class="custom-control-input" name="langSelectorModal" id="langSelectorModal1" checked=''> <label class="custom-control-label" for="langSelectorModal1"> 正體中文</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="zh_CN" class="custom-control-input" name="langSelectorModal" id="langSelectorModal2"> <label class="custom-control-label" for="langSelectorModal2">簡體中文 </label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="en_US" class="custom-control-input" name="langSelectorModal" id="langSelectorModal3"> <label class="custom-control-label" for="langSelectorModal3">English</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="ja_JP" class="custom-control-input" name="langSelectorModal" id="langSelectorModal4"> <label class="custom-control-label" for="langSelectorModal4"> 日本語</label> </div> </div>  </div> </div> </form> <div class="dropdown-divider"></div> <form id="mobileForm2" class="px-1 py-1"> <div class="container-fluid coin-selector"> <div class="row"> <div class="col-12"> <input type="text" readonly class="form-control-plaintext" id="staticText" value="選擇幣別："> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="TWD" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal1" checked> <label class="custom-control-label" for="coinSelectorModal1">TWD(NT$)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="HKD" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal2"> <label class="custom-control-label" for="coinSelectorModal2">HKD(HK$)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="USD" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal3"> <label class="custom-control-label" for="coinSelectorModal3">USD($)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="CNY" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal4"> <label class="custom-control-label" for="coinSelectorModal4">CNY(¥)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="JPY" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal5"> <label class="custom-control-label" for="coinSelectorModal5">JPY(¥)</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="coin" value="THB" class="custom-control-input" name="coinSelectorModal" id="coinSelectorModal6"> <label class="custom-control-label" for="coinSelectorModal6">THB(฿)</label> </div> </div> </div> </div> </form>  </div> </div> </div> </div>   <nav id="mobileSideMenu"> <ul> <li> <a href="javascript:;" data-toggle="modal" data-target="#langcoinMenuModal">更換語言/幣別</a> </li> <li> <a href="/Template/store/shoppingcart/point/buyPoint.jsp">還沒有點數嗎？<span class="ft-yellow">立即儲值</span><br/> 就送你紅利點數，最高500點。</a> </li> <li><span>電子書</span> <ul> <li><a href="/searchList.jsp?search_field=BSU&search_input=B*&theme=&sortinfo=&op=AND&search_field=BSU&search_input=B0208">科幻奇幻小說</a></li><li><a href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=B*&theme=文學&op=AND&search_field=BSU&search_input=B0104&theme=文學&pagesize=30&sortinfo=&viewtype=2">翻譯文學誌</a></li><li><a href="/searchList.jsp?search_input=收納&search_field=FullText&op=OR&search_input=整理術&search_field=FullText&op=OR&search_input=不整理&search_field=FullText">收納整理術</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=rank,1&search_field=BSU&search_input=J0106*&op=AND&search_field=BSU&search_input=J0106&sortinfo=YEAR%2C1&sortinfo=YEAR%2C1">寫真圖文書</a></li><li><a href="/searchList.jsp?search_input=囤積&search_field=FullText&op=OR&search_input=零雜物&search_field=FullText&op=OR&search_input=簡單生活&search_field=FullText&op=OR&search_input=簡樸生活&search_field=FullText">簡單零雜物</a></li><li><a href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=J0211*&theme=&sortinfo=">愜意食光</a></li><li><a href="/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=D0103*&theme=&sortinfo=">投資理財推薦</a></li><li><a href="/searchList.jsp?nowpage=1&pagesize=30&search_field=BSU&search_input=O0102*&theme=&sortinfo=">日本漫畫本</a></li><li><a href="/searchList.jsp?search_field=BSU&search_input=O*&op=AND&search_field=BSU&search_input=O0119">條漫也好看</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=B02*">輕小說</a></li><li><a href="https://hyread.cc/3bxafz">靜思人文</a></li><li><a href="/searchList.jsp?search_field=BSU&search_input=S*">免費領書</a></li> <li><a href="/Template/store/category_list.jsp">瀏覽電子書所有分類</a></li> </ul> </li> <li><span>雜誌</span> <ul> <li><a href="/Template/store/magazineList.jsp?cate=M02">財經商管</a></li><li><a href="/Template/store/magazineList.jsp?cate=M01">新聞新知</a></li><li><a href="/Template/store/magazineList.jsp?cate=M03">數位資訊</a></li><li><a href="/Template/store/magazineList.jsp?cate=M04">語言學習</a></li><li><a href="/Template/store/magazineList.jsp?cate=M05">親子教育</a></li><li><a href="/Template/store/magazineList.jsp?cate=M06">生活居家</a></li><li><a href="/Template/store/magazineList.jsp?cate=M07">旅遊行腳</a></li><li><a href="/Template/store/magazineList.jsp?cate=M08">時尚風格</a></li><li><a href="/Template/store/magazineList.jsp?cate=M09">影視娛樂</a></li><li><a href="/Template/store/magazineList.jsp?cate=M10">知識專業</a></li><li><a href="/Template/store/magazineList.jsp?cate=M11">人文藝術</a></li><li><a href="/Template/store/magazineList.jsp?cate=M12">休閒運動</a></li> </ul> </li> <li><span>有聲書</span> <ul> <li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188752117&search_field=BSU&search_input=R0313">講課</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188769869&search_field=BSU&search_input=R0312">純朗讀</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=R0310&sortinfo=">導讀</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819541&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0205">兒童學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0204">兒童文學</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188950019&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=K0203">兒童繪本</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0101">英文學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188819782&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0207">英文檢定</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0102">日文學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=189013503&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=C0103">韓文學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188949738&search_field=BSU&search_input=R*&op=AND&search_field=BSU&search_input=B0106">青少年文學</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=R*">瀏覽全部</a></li> </ul> </li> <li><span>影音館</span> <ul> <li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V*&sortinfo=&op=AND&search_field=BSU&search_input=V1106">兒歌</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&search_field=BSU&search_input=V*&op=AND&search_field=PU&search_input=%E5%B0%8F%E7%89%9B%E9%A0%93%E7%A7%91%E5%AD%B8%E6%95%99%E8%82%B2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&sortinfo=">兒童科普</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V11*">親子童書</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V02*">知識教育</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V03*">語言學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V10*">宗教心靈</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V01*">藝術賞析</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188952157&search_field=BSU&search_input=V03*">語言學習</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V0901*">產業趨勢</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V0203*">寰宇新知</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188752230&search_field=BSU&search_input=V0802*">師資考試</a></li><li><a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=V*">瀏覽全部</a></li> </ul> </li> <li><span>即時排行</span> <ul> <li><a href="/Template/store/bestSelling.jsp">暢銷排行</a></li> <li><a href="/Template/store/rentalRating.jsp">租書排行</a></li> <li><a href="/Template/store/magazineRating.jsp">雜誌排行</a></li> <li><a href="/Template/store/collectionRating.jsp">收藏排行</a></li> <li><a href="/Template/store/trialRating.jsp">試閱排行</a></li> </ul> </li>  <li><span>最新上架</span> <ul> <li><a href="/Template/store/newbooks.jsp">熱門新書</a></li> <li><a href="/Template/store/magazineList.jsp">新刊上架</a></li> <li><a href="/Template/store/onsale_newbooks.jsp">新書優惠</a></li> </ul> </li>  <li><a href="/Template/store/abouttoexpire.jsp">即將下架</a></li>     <li><span>名人推薦</span> <ul> <li><a href="https://hyread.cc/2024lienyuhan">與代言人連俞涵一起月讀</a></li> <li><a href="https://hyread.cc/202410tetsuya">寺尾哲也的創作參考9書</a></li> <li><a href="https://hyread.cc/77reading">IG愛書人奇奇推薦</a></li> </ul> </li>      <li><a href="https://ebook.hyread.com.tw/activity/201902gaze/index.html">Gaze閱讀器</a></li> <li><a href="/Template/store/event_list.jsp">熱門活動</a></li> <li><a href="/Template/store/publishing.jsp">出版社推薦</a></li>  <li><a href="/Template/store/bestArticle.jsp">精選文章</a></li> <li><a href="/Template/store/article.jsp">小編文摘</a></li> <li><a href="/Template/store/freeBooks.jsp">免費好書</a></li> <li><a href="javascript:alertLogin();">兌換專區</a></li> <li><a href="https://one.ebook.hyread.com.tw/index.jsp" target="_blank">HyRead One</a></li> </ul> </nav>   <div class="modal fade hyread_type frame_login" id="BiometricModal" tabindex="-1" role="dialog" aria-labelledby="BiometricModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="/Template/store/images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"> </div> <div class="col-9 col-md-10 pl-0 pl-md-2 pr-0 align-self-center"> <h5 class="modal-title">HyRead電子書店零信任生物辨識</h5> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none"> <div class="modal-body pb-3"> <div class="container-fluid"> <div class="row d-block p-4 pb-0"> <img src="/Template/store/images/Biometric_pic.png" class="img-fluid"> </div> <div class="col-12 d-flex justify-content-center mb-4"> <form name="loginBiometricForm" action="https://ebook.hyread.com.tw/SSO/zeroTrust/auth1.jsp" method="post"> <input type="hidden" name="ac" value="null"> <label for="username">帳號:</label><br> <input type="text" value="null" readonly><br> <button type="button" data-dismiss="modal" class="btn btn-primary custom_blue_solid_style w-100 mt-3" onclick="loginBiometric();">立即辨識</button> </form> </div>  </div> </div> </div> </div> </div>  <script> function loginBiometric() { document.loginBiometricForm.submit(); } function biometricLogout() { window.location = '/member/logout.jsp?cleanBio=1'; } </script>  <div class="modal fade hyread_type frame_login" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="/Template/store/images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"></div> <div class="col-9 col-md-9 pl-0 pl-md-5 pr-0 align-self-center"> <h5 class="modal-title">使用HyRead帳號登入</h5> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none"/> <div class="modal-body pb-3 pb-md-5"> <div class="container-fluid"> <form name="loginForm" action="/SSO/storeLogin.jsp" method="post"> <div class="row d-block"> <input type="hidden" name="loginmethod" value="hyread"> <div class="anim_form_control mt-4"> <input type="text" id="inputName" name="account2" required> <span class="highlight"></span> <span class="bar"></span> <label for="inputName">請輸入帳號</label> </div> <div class="anim_form_control mt-4"> <input type="password" id="inputPassword" name="passwd2" required> <span class="highlight"></span> <span class="bar"></span> <label for="inputPassword">請輸入密碼</label> </div> </div>  <script> function bioChkClick() { var checkBox = document.getElementById("myCheck"); var unlock = document.getElementById("unlock"); var Lock = document.getElementById("Lock"); if (checkBox.checked == true) { unlock.style.display = "block"; Lock.style.display = "none"; } else { unlock.style.display = "none"; Lock.style.display = "block"; } } if (window.PublicKeyCredential) { PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable() .then((available) => { }) .catch((err) => console.log("Something went wrong.")); } else { console.log("not supported."); $("#Switch").remove(); } </script> <div class="row pt-3" id="Switch" > <label class="switch mr-2"> <input type="checkbox" id="myCheck" name='zeroTrustChk' value='Y' onclick="bioChkClick()"> <span class="slider round"></span> </label>啟用零信任(綁定生物辨識，未來可以快速登入) <span class="ft-warm-grey login_note">說明：您的設備可以使用生物辨識登入，選擇啟用將引導您設定</span> </div>  </form> <div class="row mt-4"> <button type="button" data-dismiss="modal" class="btn btn-primary custom_blue_solid_style w-100 py-2" onclick="login();" >登入</button> </div> <div class="row mt-3"> <div class="col px-0 suggest_login"> 還沒有帳號？ <br class="d-inline d-md-none"/> <a href='javascript:;' data-toggle="modal" data-target="#registerMemberModal" class="ft-deepseablue" data-dismiss="modal" title="立即免費註冊">立即免費註冊</a> </div> <div class="col-4 col-md-3 px-0 text-right forgot_password"> <a href='javascript:;' data-toggle="modal" data-target="#forgotPasswordModal" class="ft-warm-grey" data-dismiss="modal" title="忘記密碼">忘記密碼</a> </div> </div> </div> </div> <div class="modal-footer pb-5"> <div class="row justify-content-between no-gutters w-100"> <div class="col-12 pb-4"> <div class="stroke_line_text"><span>連結現有帳號登入</span></div> </div> <div class="w-100 pt-3"></div> <div class="col px-1" title="Google登入"> <button type="button" onclick="GoGmail();" data-dismiss="modal" class="login-btn btn-google w-100 py-2"> <img src="/images/icon-google.svg"> </button> </div> <div class="col px-1" title="Facebook登入"> <button type="button" onclick="GoFacebook();" data-dismiss="modal" class="login-btn btn-facebook w-100 py-2"> <img src="/images/icon-facebook.svg"> </button> </div> <div class="col px-1" title="Apple登入"> <button type="button" onclick="GoAppleId();" data-dismiss="modal" class="login-btn btn-apple ft-white w-100 py-2"> <img src="/images/icon-apple.svg"> </button> </div>  <div class="col px-1 glyphs css-mapping" title="OpenID登入"> <button type="button" data-toggle="modal" data-target="#loginOpenIDModal" data-dismiss="modal" class="login-btn btn-openID ft-white w-100 py-2"><i class="icon icon-openid"></i> </button> </div> <div class="row mt-3"> <div class="col px-3 ft-warm-grey login_note"> HyRead品牌整合，提供您更多服務！<br/>您可以使用HyRead journal全文資料庫會員帳號、密碼登入。 </div> </div> </div> </div> </div> </div> </div> <script> function login() { document.loginForm.submit(); } function GoFacebook(){ window.location = "https://www.facebook.com/dialog/oauth/?scope=email&client_id=241738632518448&redirect_uri=https://ebook.hyread.com.tw/SSO/FBAuth.jsp&response_type=token"; } function GoGmail(){ window.location = "https://accounts.google.com/o/oauth2/auth?response_type=token&scope=email&state=google&redirect_uri=https://ebook.hyread.com.tw/SSO/GmailAuth.jsp&client_id=30212826069-9n9dup3i54ha2luuj7bgho32bdj0amic.apps.googleusercontent.com&approval_prompt=auto&access_type=online"; } function GoAppleId(){ window.location = "https://ebook.hyread.com.tw/SSO/AppleAuth.jsp"; } function GoLineLogin(){ window.location = "https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=1656840694&redirect_uri=https%3A%2F%2Febook.hyread.com.tw%2FSSO%2FLineLogin.jsp&state=-6684407790792370156&scope=profile%20openid"; } function GoOpenID(){ form12.submit(); } </script>   <div class="modal fade hyread_type frame_register" id="registerMemberModal" tabindex="-1" role="dialog" aria-labelledby="registerMemberModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="/Template/store/images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"></div> <div class="col-9 col-md-9 pl-0 pl-md-5 pr-0 align-self-center"> <h5 class="modal-title">註冊HyRead帳號</h5> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none"/> <div class="modal-body pb-3 pb-md-5"> <div class="container-fluid"> <div class="row d-block"> <form method="POST" id="regForm" action="javascript:;"> <div class="anim_form_control mt-4"> <input type="text" id="regAccount" name="regAccount" required> <span class="highlight"></span> <span class="bar"></span> <label for="regAccount">請輸入帳號 <span class="ft-grapefruit ml-3" id="accountChkInfo"></span></label>(<a href="javascript:;" onclick="chkAccountExist();">查看帳號是否被使用</a>) </div> <div class="anim_form_control mt-4"> <input type="text" id="regEmail" name="regEmail" required> <span class="highlight"></span> <span class="bar"></span> <label for="regEmail">請輸入電子信箱</label> </div> <div class="anim_form_control mt-4"> <input type="password" id="regPassword" name="regPassword" required> <span class="highlight"></span> <span class="bar"></span> <label for="regPassword">請輸入密碼</label> </div> <div class="anim_form_control mt-4"> <input type="password" id="regConfirmPassword" name="regConfirmPassword" required> <span class="highlight"></span> <span class="bar"></span> <label for="regConfirmPassword">請再輸入一次密碼</label> </div> <div class="anim_form_control mt-4 g-recaptcha" data-sitekey="6LeAGiAUAAAAAH9aFWeUdCn2rJQtUV-LbSJtIgCJ" data-callback="isNotRobot"></div> </form> </div> <div class="row mt-4"> <div class="form-group mb-3"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="register_rule_agree"> <label class="custom-control-label" for="register_rule_agree">我同意 <a href="/Template/store/serviceRule.html" target="_blank">服務條款</a> & <a href="/Template/store/privacy.html" target="_blank">隱私權條款</a></label> </div> </div> </div>  <div class="row"> <button type="button" onclick="submitRegForm();" class="btn btn-primary custom_blue_solid_style w-100 py-2" >註冊</button> </div> <div class="row mt-4"> <div class="col px-0 suggest_login text-center"> 已有帳號了？<a href="javascript:;" data-dismiss="modal" data-toggle="modal" data-target="#loginModal" class="ft-deepseablue" title="馬上登入">馬上登入</a> </div> </div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <script> var last_clicked, time_since_clicked; var isValidRecaptcha = false; var isNotRobot = function() { isValidRecaptcha = true; }; function chkAccountExist(){ if(last_clicked){ time_since_clicked = event.timeStamp - last_clicked; } last_clicked = event.timeStamp; if(time_since_clicked < 2000){ console.log('time_since_clicked : ' + time_since_clicked); alert('表單送出太頻繁，請稍後重試!'); return false; } if (!$("input[name='regAccount']").val()) { alert('請填寫帳號!'); return false; } var account = $("input[name='regAccount']").val(); $.ajax({ url: '/Template/store/ajax/chkAccountExist.jsp', type: 'GET', async: false, cache: false, data: { account: account }, error: function(xhr) { alert('Ajax request 發生錯誤'); }, success: function(data) { var result = data.trim(); if(result == "true"){ //alert("此帳號已被申請"); $('#accountChkInfo').text("此帳號已被申請"); }else if(result == "retry"){ $('#accountChkInfo').text("請稍後再重試"); }else if(result == "false"){ //alert("此帳號可以申請註冊"); $('#accountChkInfo').text("此帳號可以申請註冊"); }else{ $('#accountChkInfo').text("請稍後再重試"); } },complete : function () { //location.reload(); }, beforeSend:function(){ $('#accountChkInfo').text(""); //$('#exchangeZoneResult').empty(); //$('#exchangeZoneResult').append('<dd class="h5 bold my-4"></dd><br>'); } }); } function submitRegForm(){ var emailRegxp = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; var accountRegExp = /^[\d|a-zA-Z]+$/; if(last_clicked){ time_since_clicked = event.timeStamp - last_clicked; } last_clicked = event.timeStamp; if(time_since_clicked < 2000){ console.log('time_since_clicked : ' + time_since_clicked); alert('表單送出太頻繁，請稍後重試!'); return false; } if(!isValidRecaptcha){ alert('請勾選我不是機器人!'); return false; } if (!$("input[name='regAccount']").val()) { alert('請填寫帳號!'); return false; } if (accountRegExp.test($("input[name='regAccount']").val()) == false){ alert('帳號只能為數字加英文的組合!'); return false; } if ($("input[name='regAccount']").val().length > 50) { alert('帳號請填入50個字元內，小寫或大寫英文字母(a~z，A~Z)、數字(0~9)'); return false; } if (!$("input[name='regEmail']").val()) { alert('請填寫email!'); return false; } if (emailRegxp.test($("input[name='regEmail']").val()) == false){ alert('請檢查email格式!'); return false; } if (!$("input[name='regPassword']").val()) { alert('請輸入密碼!'); return false; } if (!$("input[name='regConfirmPassword']").val()) { alert('請再次確認密碼!'); return false; } if($("input[name='regPassword']").val() != $("input[name='regConfirmPassword']").val()){ alert('兩次輸入的密碼不相同，請重新確認!'); return false; } if ($("input[name='regPassword']").val().length < 7 || $("input[name='regPassword']").val().length > 20) { alert('密碼請填入7至20個字元的小寫或大寫英文字母!'); return false; } if($('#register_rule_agree').is(":checked") == false){ alert('請同意服務條款與隱私權條款!'); return false; } $('#regForm').attr('action', '/Template/store/service/register_act.jsp'); $('#regForm').submit(); } </script>  <div class="modal fade hyread_type frame_forgotpassword" id="forgotPasswordModal" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="/Template/store/images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"></div> <div class="col-9 col-md-9 pl-0 pl-md-5 pr-0 align-self-center"> <h5 class="modal-title">忘記密碼？</h5> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none"/> <div class="modal-body pb-3 pb-md-5"> <div class="container-fluid"> <div class="row mt-3"> <div class="col px-0 ft-warm-grey login_note"> 請輸入您註冊時的會員帳號及電子信箱，<br class="d-none d-md-block"/>我們會將您的帳號資訊E-mail給您 </div> </div> <div class="row d-block"> <form method="POST" id="forgetPwdForm" action="javascript:;"> <div class="anim_form_control mt-4"> <input type="email" id="inputEmail" name="FPwdEmail" required> <span class="highlight"></span> <span class="bar"></span> <label for="inputEmail">電子信箱</label> </div> </form> </div> <div class="row mt-4">  <div id="myRecaptcha" class="anim_form_control mt-4"></div> </div> <div class="row mt-4"> <button class="g-recaptcha btn btn-primary custom_blue_solid_style w-100 py-2" data-sitekey="6LdiqbEbAAAAAODhlSUmd-o0_NLWTXxrSUfJd0in" data-callback='submitFPwdForm' data-action='clickFPwdForm' > 確認 </button> </div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>   <div class="modal custom_modal fade" id="readerCodeModal" tabindex="-1" role="dialog" aria-labelledby="giftMailModal" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">選擇帳號</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="readerCodesForm"> </form> </div> <div class="modal-footer row no-gutters"> <div class="col"> <button type="button" class="btn btn-outline-secondary w-100 btn-lg" data-dismiss="modal">取消</button> </div> <div class="col"> <button class="g-recaptcha btn btn-primary custom_blue_solid_style w-100 py-2" data-sitekey="6LdiqbEbAAAAAODhlSUmd-o0_NLWTXxrSUfJd0in" data-callback='submitReaderCodeForm' data-action='clickReaderCodeForm' > 確認 </button> </div> <div class="w-100"></div> <div class="col ps_note_text mt-3">小叮嚀：填寫的電子郵件將會收到書籍兌換碼，您可前往會員中心>贈送紀錄，查看您的兌換碼</div> </div> </div> </div> </div>  <script> function changeModal(){ $('#forgotPasswordModal').modal('toggle'); $('#readerCodeModal').modal('toggle'); } function submitFPwdForm(token){ var emailRegxp = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; var FPwdEmail = $("input[name='FPwdEmail']").val(); if (!FPwdEmail) { alert('請填寫email!'); return false; } if (emailRegxp.test($("input[name='FPwdEmail']").val()) == false){ alert('請檢查email格式!'); return false; } $.ajax({ type: "POST", url: '/Template/store/ajax/getReaderCodyByEmail_ajax.jsp', data: { 'FPwdEmail' : FPwdEmail , 'gRecaptchaResponse' : token }, error: function(xhr) { alert(xhr.responseText.trim()); location.reload(); }, success: function(data) { var result = data.trim(); var obj = $.parseJSON(result); $('#readerCodesForm').empty(); var num = obj.length; if(num>0){ for(var i=0;i<obj.length;i++){ $('#readerCodesForm').append('<div class=\"form-group\">'); $('#readerCodesForm').append('<input type=\"radio\" name=\"FPwdAccount\" id=\"readerCodeRadio'+i+'\" style=\"margin-top:18px;\" value=\"'+obj[i]+'\" />'); $('#readerCodesForm').append('<label for=\"readerCodeRadio'+i+'\">&nbsp'+obj[i]+'</label>'); $('#readerCodesForm').append("</div>"); } $('#readerCodesForm').append('<input type=\"hidden\" name=\"FPwdEmail\" value=\"'+FPwdEmail+'\">'); $("#readerCodeRadio0").attr("checked",true); if(num==1){ grecaptcha.ready(function() { grecaptcha.execute('6LdiqbEbAAAAAODhlSUmd-o0_NLWTXxrSUfJd0in', {action:'clickReaderCodeForm'}).then(function(repToken) { $('#readerCodesForm').append('<input type="hidden" name="gRecaptchaResponse" value="' + repToken + '" />'); $('#readerCodesForm').attr('action', '/Template/store/service/forgotPassword_act.jsp'); $('#readerCodesForm').submit(); }); }); }else{ changeModal(); } } } }); } function submitReaderCodeForm(token){ var isChecked = $("input[name='readerCode']").is(":checked"); $('#readerCodesForm').append('<input type="hidden" name="gRecaptchaResponse" value="' + token + '" />'); $('#readerCodesForm').attr('action', '/Template/store/service/forgotPassword_act.jsp'); $('#readerCodesForm').submit(); } </script>  <div class="modal fade hyread_type frame_register_success" id="pcdownloadModal" tabindex="-1" role="dialog" aria-labelledby="pcdownloadModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row justify-content-end"> <div class="col-1 col-md-2 align-items-end"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <div class="modal-body pt-0 pb-3 pb-md-3"> <div class="container-fluid"> <form method="POST" id="downloadPcAppForm" action="javascript:;"> <div class="col text-center ft-greyish-brown shopping_page_complete_icon"> <span class="ft-greyish-brown mt-0 mt-md-3">PC下載閱讀軟體安裝</span> </div> <div class="row mt-3"> <div class="col px-0 ft-warm-grey login_note"> 版本編號：1.4.30923.0<br>更新日期：2023-10-20<br> <span class="text-danger small">※若PC Reader程式執行出現錯誤，請先執行更新windows update。</span> <ul><span class="font-weight-bold text-dark">環境需求參考</span> <li>主記憶體：1GB以上 <li>硬碟空間：500MB以上，3.5GB以上更佳(視下載書量預留空間)</li> <li>作業系統：Windows 10 / 8 / 7，上述版本之外不支援。</li> <li>其他：.Net Framework 4.6.2 以上</li> </ul> <ul><span class="font-weight-bold text-dark">版本自動升級</span> <li>安裝完成閱讀軟體後，當您每次開啓使用時，會自動進行版本升級，不需再重新安裝。</li> </ul> </div> </div> <div class="row mt-1"> <div class="col-12 mt-1 anim_form_control mt-4 g-recaptcha" data-sitekey="6LeAGiAUAAAAAH9aFWeUdCn2rJQtUV-LbSJtIgCJ" data-callback="isNotRobot"></div> <button type="button" onclick="submitDownloadPcAppForm();" class="btn btn-primary custom_blue_solid_style w-100 py-2 mt-3">確認下載</button> </div> </form> </div> </div> </div> </div> </div>  <script> var isValidRecaptcha = false; var isNotRobot = function() { isValidRecaptcha = true; }; function submitDownloadPcAppForm(){ if(!isValidRecaptcha){ alert('請勾選我不是機器人!'); return false; } $('#downloadPcAppForm').attr('action', '/Template/store/service/downloadPcAppForm_act.jsp'); $('#downloadPcAppForm').submit(); } </script>  <div class="modal fade hyread_type frame_register" id="loginOpenIDModal" tabindex="-1" role="dialog" aria-labelledby="loginOpenIDModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="/Template/store/images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"></div> <div class="col-9 col-md-9 pl-0 pl-md-5 pr-0 align-self-center"> <h5 class="modal-title">請輸入OpenID:</h5> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none"/> <div class="modal-body pb-3 pb-md-5"> <div class="container-fluid"> <div class="row d-block"> <form method="POST" id="openIdForm" action="javascript:;"> <div class="anim_form_control mt-4"> <input type="text" id="regAccount" name="openid" required> <span class="highlight"></span> <span class="bar"></span> <label for="regAccount">請輸入OpenID <span class="ft-grapefruit ml-3" id="accountChkInfo"></span> </label> </div> </form> </div> <div class="row mt-4"> <button type="button" onclick="submitForm();" class="btn btn-primary custom_blue_solid_style w-100 py-2" >登入</button> </div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <script> var isValidRecaptcha = false; var isNotRobot = function() { isValidRecaptcha = true; }; function submitForm(){ $('#openIdForm').attr('action', '/SSO/OpenIdAuth.jsp'); $('#openIdForm').submit(); } </script>  <div class="modal fade hyread_type" id="SRModal" tabindex="-1" role="dialog" aria-labelledby="SRModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content p-2 p-md-4"> <div class="modal-header text-center pt-2 pb-0 py-md-0"> <div class="container-fluid"> <div class="row"> <div class="col px-0"> <img src="images/hyread-logo-no-text.png" class="img-fluid" alt="Small Logo"> </div> <div class="col-9 col-md-10 pl-0 pl-md-2 pr-0 align-self-center"> <h4 class="title bold h5" id="myModalLabel">什麼是書籍難度(SR)與適讀年齡？</h4> </div> <div class="col-1 col-md-2 align-self-center"> <button type="button" class="close px-0" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <hr class="mb-0 d-block d-md-none" /> <div class="modal-body"> <div class="container-fluid"> <div class="row d-block"> <p style="font-size: 0.9rem;"> SR值為國立臺灣師範大學的SmartReading適性閱讀團隊，利用人工智慧技術分析書籍文本的難度值，書籍的SR值愈大，表示這本書的難度愈高，所需要的閱讀能力也愈高。</p> <caption>適讀年齡對照表：</caption> <table class="table SR_table"> <thead> <tr> <th>適讀年級？</th> <th>SR值</th> </tr> </thead> <tbody> <tr> <td data-title="適讀年級？"> 一年級</td> <td data-title="SR值"> ~284</td> </tr> <tr> <td data-title="適讀年級？"> 二年級</td> <td data-title="SR值"> 284~357</td> </tr> <tr> <td data-title="適讀年級？"> 三年級</td> <td data-title="SR值"> 345~404</td> </tr> <tr> <td data-title="適讀年級？"> 四年級</td> <td data-title="SR值"> 395~453</td> </tr> <tr> <td data-title="適讀年級？"> 五年級</td> <td data-title="SR值"> 449~508</td> </tr> <tr> <td data-title="適讀年級？"> 六年級</td> <td data-title="SR值"> 478~536</td> </tr> <tr> <td data-title="適讀年級？"> 七年級</td> <td data-title="SR值"> 496~566</td> </tr> <tr> <td data-title="適讀年級？"> 八年級</td> <td data-title="SR值"> 503~581</td> </tr> <tr> <td data-title="適讀年級？"> 九年級</td> <td data-title="SR值"> 535~622</td> </tr> <tr> <td data-title="適讀年級？"> 十年級</td> <td data-title="SR值"> 602~659</td> </tr> <tr> <td data-title="適讀年級？"> 十一年級</td> <td data-title="SR值"> 646~708</td> </tr> <tr> <td data-title="適讀年級？"> 十二年級</td> <td data-title="SR值"> 661~720</td> </tr> <tr> <td data-title="適讀年級？"> 高於十二年級</td> <td data-title="SR值"> 720~</td> </tr> </tbody> </table> </div> </div> </div> <p>更多詳細內容請見<a href="https://smartreading.net/v3/about-SR.aspx" class="ft-azure" target="_blank">SmartReading適性閱讀</a> </p> </div> </div> </div>  </body> </html>

CINXE.COM

主題瀏覽:純朗讀 | HyRead ebook 電子書店