全文:9789058093493 | HyRead ebook 電子書店

<!doctype html>    <html class="no-js" lang="zh-TW">  <head> <meta charset="utf-8"> <title>全文:9789058093493 | 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?search_field=FullText&search_input=9789058093493'; 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="9789058093493"> <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=AU&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="/searchList.jsp?search_field=FullText&search_input=張愛玲百歲" class="ft-deepseablue mr-3">張愛玲</a> <a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=FullText&search_input=%E9%9F%93%E5%8A%87" class="ft-deepseablue mr-3">韓劇</a> <a href="/searchList.jsp?search_field=FullText&search_input=RBG" class="ft-deepseablue mr-3">RBG</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="9789058093493"> <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="9789058093493"> <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="https://ebook.hyread.com.tw/searchList.jsp?search_field=FullText&search_input=%E9%9F%93%E5%8A%87" class="ft-deepseablue mr-2">韓劇</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-2">書店</a> <a href="/bookDetail.jsp?id=243647" 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>  <div class="pageContent"> <section> <div class="container-fluid"> <div class="container-1280 bread_nav"> <span id='searchTotal'>關鍵字 : 「<b style="color: red;">全文:9789058093493</b>」，共查得0件</span> ，<span class="ft-grapefruit">為您推薦熱門新書:</span> <br/><br/> </div> </div> </section> <section id='slp_appierModuleSection'> </section> <script> $().ready(function(){ getAppierServiceData('QDuj4f3KsnheggsaKjaZWq', '/Template/store/ajax/appierModules/slp_appierModuleAjax.jsp','#slp_appierModuleSection') }); function getAppierServiceData(scenarioId, ajaxUrl, appendEleId){ qg('getRecommendationByScenario', { scenarioId : scenarioId, user_id : '', // Required if filtering purchased product based on user_id productId : '', filter : { rules : [ { }, ], }, num : 18 }, function(err, RecommendationData) { // console.log(RecommendationData); var brnListStr = ''; var jsonArr = []; for (var i = 0; i < RecommendationData.length; i++) { var obj = RecommendationData[i]; //console.log(obj.productId); if(brnListStr.length == 0){ brnListStr = obj.productId; }else{ brnListStr += ',' + obj.productId; } var obj = { "productId": obj.productId, "url": obj.url } jsonArr.push(obj); } // console.log('brnListStr : ' + brnListStr); $.ajax({ url: ajaxUrl, type: 'POST', async: true, cache: false, data: { reqBrnListStr: brnListStr ,RecommendationData : JSON.stringify(jsonArr) }, error: function(xhr) { // alert('Ajax request 發生錯誤'); }, success: function(data) { var result = data.trim(); $(appendEleId).append(result); new Swiper('.appierModuleSwiper', { slidesPerView: 6, spaceBetween: 40, roundLengths: true, loop: false, // Disable preloading of all images preloadImages: false, // Enable lazy loading lazy: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, breakpoints: { 1280: { centeredSlides: false, slidesPerView: 6, spaceBetween: 40 }, 1024: { slidesPerView: 5, spaceBetween: 40, allowSwipeToNext: false }, 768: { slidesPerView: 4.1, spaceBetween: 18 }, 576: { centeredSlides: false, slidesPerView: 2.1, spaceBetween: 18 } } }); favoBtnInit(); spCartBtnInit(); } }); }); } </script> </div>  <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(172) </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?search_field=FullText&search_input=9789058093493'; 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=576634220098299219&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

全文:9789058093493 | HyRead ebook 電子書店