晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫著; 林珍良譯 | 親子天下

<!doctype html>     <html class="no-js" lang="zh-TW">  <head> <meta charset="utf-8"> <title>晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫著; 林珍良譯 | 親子天下 | 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="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" /> <meta name="description" content="快來跟著小精靈一塊在天空中飛翔，再隨著小仙女到處尋找新奇事物，接著和其他孩子一起去湖邊或城堡裡探險。淡淡月光下，每晚都有新鮮事！聽完晚安故事後，跟著主角一起閉上眼睛，做個甜甜的美夢吧！"/> <meta name="keywords" content="晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫著; 林珍良譯 | 親子天下 | ; 9786263059788 EPUB ;" /> <meta property="fb:app_id" content="241738632518448"/> <meta property="og:title" content="晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫著; 林珍良譯 | 親子天下 | HyRead ebook 電子書店"/> <meta property="og:type" content="product"/> <meta property="books:isbn" content=""/> <meta property="og:url" content="https://ebook.hyread.com.tw/bookDetail.jsp?id=412949"/> <meta property="og:image" content="https://webcdn2.ebook.hyread.com.tw/bookcover/412949978626305978820244015111159.jpg"/> <meta property="og:description" content="快來跟著小精靈一塊在天空中飛翔，再隨著小仙女到處尋找新奇事物，接著和其他孩子一起去湖邊或城堡裡探險。淡淡月光下，每晚都有新鮮事！聽完晚安故事後，跟著主角一起閉上眼睛，做個甜甜的美夢吧！"/> <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/another.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/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://webcdn2.ebook.hyread.com.tw/Template/store/scripts/seriesNotice.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//bookDetail.jsp?id=412949'; 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="/bookDetail.jsp?id=243917" 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?pagesize=30&sortinfo=YEAR,1&resid=188952368&search_field=FullText&search_input=%E6%9B%B8%E5%BA%97" 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> </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="https://ebook.hyread.com.tw/Template/store/clienttreedata_more.jsp?id=2758" class="ft-deepseablue mr-2">老公又怎麼了</a> <a href="/searchList.jsp?search_field=AU&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">  <div class="scroll_menu_wrap js-back-to-top d-block d-md-none"> <div class="list-group list-group-flush buy_subNav collapse" id="subnav"> <a brn="412949" href="javascript:;" onclick="detailPageAddSpCart(true, this)" class="list-group-item list-group-item-action">買書送人</a> </div> <ul class="nav d-flex buy_navBar"> <li class="nav-item flex-fill"> <a class="nav-link" href="/service/ebookService.jsp?act=storeTrial&BRN=412949" target="_blank" id='mobile_trial'><i class="icon icon-zoom_out1"></i> 試閱</a> </li> <li class="nav-item flex-fill"> <a class="nav-link" brn="412949" onclick="detailPageAddSpCart(true, this)" href="javascript:;"><i class="icon icon-indicator"></i> 前往結帳</a> </li> <li class="nav-item flex-fill"> <a class="nav-link" href="javascript:;" onclick="alert('請先登入');"><i class="icon icon-pointer" ></i> 點數租閱</a> </li> <li class="nav-item flex-fill"> <button type="button" class="btn btn-link btn-block nav-link" data-toggle="collapse" data-target="#subnav"><i class="icon icon-navigation-more"></i></button> </li> </ul> </div>   <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>   <section> <div class="container-fluid"> <div class="container-1280 bread_nav"> <ol class="breadcrumb bg-white px-0 pt-0 pt-lg-3 mb-0 mb-md-3"> <li class="breadcrumb-item"><a href="/index.jsp">首頁</a></li><li class="breadcrumb-item"><a href="/searchList.jsp?search_field=BSU&search_input=K*">親子童書</a></li><li class="breadcrumb-item"><a href="/searchList.jsp?search_field=BSU&search_input=K0204*">兒童文學</a></li> </ol> </div> </div> </section> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://ebook.hyread.com.tw/index.jsp", "name": "HyRead ebook" } } ,{ "@type": "ListItem", "position": 2, "item": { "@id": "https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=K*", "name": "親子童書" } } ,{ "@type": "ListItem", "position": 3, "item": { "@id": "https://ebook.hyread.com.tw/searchList.jsp?search_field=BSU&search_input=K0204*", "name": "兒童文學" } } ,{ "@type": "ListItem", "position": 4, "item": { "@id": "https://ebook.hyread.com.tw//bookDetail.jsp?id=412949", "name": "晚安故事摩天輪. 1, 108個晚安故事 [有聲書]" } } ] } </script>   <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Product", "name": "晚安故事摩天輪. 1, 108個晚安故事 [有聲書]", "image": "412949978626305978820244015111159.jpg|1|||1", "releasedate": "2024[民113]", "description": "快來跟著小精靈一塊在天空中飛翔，再隨著小仙女到處尋找新奇事物，接著和其他孩子一起去湖邊或城堡裡探險。淡淡月光下，每晚都有新鮮事！聽完晚安故事後，跟著主角一起閉上眼睛，做個甜甜的美夢吧！", "sku": "", "gtin13": "", "brand": "親子天下", "offers": { "@type": "Offer", "url": "https://ebook.hyread.com.tw//bookDetail.jsp?id=412949", "priceCurrency": "TWD", "price": "150", "availability": "https://schema.org/InStock", "seller": { "@type": "Organization", "name": "HyRead ebook" } } } </script>  <section> <div class="container-fluid inner-bookpage"> <div class="container-1280"> <div class="row">  <script > hitdata(); function hitdata(){ $.ajax({ type: "GET", url: '/emodules/hit_count_ajax.jsp', data: "data=Msojirlc9XID6g4UBewrhXHN0TEbCeqpDXO%2BcfavR4FYufjLFwW2QXzsJ8%2BYcTk%2FertydxVSjPeF0Rk5zHQqbpEx2hZUbSH1P8MWhAVpFeGzBvpCzZAppzz2DiI8CxGP31oqaoeSsvGJrOyQUYVGjkpIMON%2BAS2R93l0r1lpMIc%3D" , // appears as $_GET['id'] @ your backend side success: function(data) { // data is ur summary // $('summary').html(data); } }); } </script>  <script> $().ready(function(){ var toggler = document.getElementsByClassName("caret"); var i; for (i = 0; i < toggler.length; i++) { toggler[i].addEventListener("click", function() { this.parentElement.querySelector(".nested").classList.toggle("active"); this.classList.toggle("caret-down"); }); } }); </script>   <script type="text/javascript" src="/Template/store/scripts/ratingStar.js"></script>  <div class="col-sm-7 col-md-8 col-lg-9"> <div class="row left_side_introduction">  <div class="col-md-12 col-lg-auto mb-5 mb-lg-0 pt-4 pt-md-0 book-complex-cover"> <div class="book_img_col d-flex justify-content-center justify-content-lg-start"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar try"> <a href="/service/ebookService.jsp?act=storeTrial&BRN=412949" id="trialBut" target="_blank" class="btn buyBtn d-none d-lg-inline-block"><i class="icon icon-zoom_out1"></i> 試閱 </a> </div> <a href="javascript:;" class="chmln1 book-link"> <div class="coverBox"> <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="warning_txt">本書有DRM加密保護，需使用HyRead閱讀軟體開啟</div> </div> </div> <div class="book-shopcar try text-center py-2"> <a href="/service/ebookService.jsp?act=storeTrial&BRN=412949" id="trialButPc" target="_blank" class="btn buyBtn"><i class="icon icon-zoom_out1"></i>試閱</a> </div> <div class="book_gradient_bg d-block d-sm-none"> <div class="chmln2 book-link-backlight"></div> </div> </div>   <div class="col-md-12 col-lg"> <div class="book_cont_col"> <ul class="book_cont_list"> <li class="list-item"> <div class="title bold h3">晚安故事摩天輪. 1, 108個晚安故事 [有聲書]</div> </li> <li class="list-item"> <span class="thead mr-2 mr-lg-5 d-block d-lg-inline-block">點閱：6</span> <div class="d-inline-block"> <div class="dropdown d-inline-block"> <a href="javascript:;" class="links ft-azure" id="ratingMenu" brn="412949" data-toggle="dropdown">我要評分</a> <div class="dropdown-menu dropdown-menu-right"> <span class="rating d-flex justify-content-center flex-row-reverse"> <input type="radio" class="plzLogin" id="star5" name="rating" value="5" /> <label class = "full" for="star5" title="5 stars"></label> <input type="radio" class="plzLogin" id="star4" name="rating" value="4" /> <label class = "full" for="star4" title="4 stars"></label> <input type="radio" class="plzLogin" id="star3" name="rating" value="3" /> <label class = "full" for="star3" title="3 stars"></label> <input type="radio" class="plzLogin" id="star2" name="rating" value="2" /> <label class = "full" for="star2" title="2 stars"></label> <input type="radio" class="plzLogin" id="star1" name="rating" value="1" /> <label class = "full" for="star1" title="1 star"></label>  </span> </div> </div> </div> </li>   <li class="list-item"> <span class="thead mr-2">作者：</span> <a href="/searchList.jsp?search_field=FullText&search_input=%E5%8F%B2%E9%BB%9B%E8%8F%B2%C2%B7%E5%8D%A1%E6%9B%BC%E9%BA%A5%E7%88%BE%2C%E7%B1%B3%E9%9B%AA%E8%89%BE%E6%8B%89%C2%B7%E9%AD%AF%E9%81%93%E5%A4%AB+" class="links ft-azure">史黛菲·卡曼麥爾,米雪艾拉·魯道夫著</a> , <a href="/searchList.jsp?search_field=FullText&search_input=+%E6%9E%97%E7%8F%8D%E8%89%AF+" class="links ft-azure"> 林珍良譯</a> </li> <li class="list-item"> <span class="thead mr-2">出版社：</span>親子天下 </li> <li class="list-item"> <span class="thead mr-2">出版年：</span>2024 </li> <li class="list-item"> <span class="thead mr-2">EISBN：</span>9786263059788 EPUB </li> <li class="list-item"> <span class="thead mr-2">格式：</span>EPUB 流式  </li>     <li class="list-item"> <span class="thead mr-2">系列書：</span> <a href="/Template/store/seriesbook.jsp?seriesID=19043" class="links ft-azure" >晚安故事摩天輪[有聲書]，本系列共2本</a> </li>  <li class="list-item"> <span class="thead mr-2">● 本書因出版社限制不提供朗讀功能</span> </li> <li class="list-item"> <span class="thead mr-2">● 本書因出版社限制不提供繁簡轉換功能</span> </li> </ul> </div>  <div class="d-inline themes-list"> <div class="row px-2 align-items-start"> <div class="col col-sm-2 mb-4 mb-lg-5 flexbox_center themes-col"> <a href="/bookDetail.jsp?id=412950" class="book-link"> <div class="blur chmln_colorize_done"> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412950978626305979520244115111122.jpg" class="img-fluid bookPic chmln__img imageLoaded" on-image-load=""> </div> <div class="contTxt d-lg-block">晚安故事摩天輪. 2, 108個夢想故事 [有聲書]</div> </a> </div> </div> </div>  </div>  </div>  <div class="row d-block d-sm-none"> <div class="col"> <div class="mb_mode right_side_info"> <div class="card border-0 bg-none mb-3"> <div class="card-body p-0"> <div class="card-text book_price_group"> <button type="button" class="btn btn-lg btn-outline-primary custom_blue_outline_style btn-block" brn="412949" id='mobile_addToCart' onclick="detailPageAddSpCart(false, this)"> <i class="icon icon-indicator-add"></i> 放入購物車<br> <div class="book_paper_price">紙本書 NT$ 150</div> <span class="text1 ft-greyish-brown">電子書</span> <span class="text2">NT$ 150 </span> </button> </div> <div class="card-text book_price_group"> <button type="button" class="btn btn-lg btn-outline-primary custom_deep_seablue_outline_style btn-block" brn="412949" onclick="detailPageAddSpCart(true, this)">買書送人</button> </div> <div class="card-text book_price_group"> <button class="btn btn-lg btn-outline-primary custom_blue_outline_style btn-block" onclick="alertLogin();"> <span class="text1 ft-greyish-brown">點數租閱</span> <span class="price">20點</span> </button> </div> <div class="card-text d-flex justify-content-between ps_note_text"> <span class="ft-warm-grey">租期14天</span> <span class="ft-warm-grey">今日租書可閱讀至2024-12-09</span> </div>  </div> </div> </div> </div> </div>   <div class="row"> <div class="col my-3 my-lg-5"> <div class="tab_int_blk row"> <div class="col">  <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#int">簡介</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#author">作者簡介</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#chapter">章節</a> </li> </ul> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-quote"></div>  <div class="tab-content fb-quotable">  <div id="int" class="tab-pane active"> <p>快來跟著小精靈一塊在天空中飛翔，<br> 再隨著小仙女到處尋找新奇事物，<br> 接著和其他孩子一起去湖邊或城堡裡探險。<br> 淡淡月光下，每晚都有新鮮事！<br> <br></p> <div id="jumpBookDesc" class="collapse fade"> 聽完晚安故事後，跟著主角一起閉上眼睛，<br> 做個甜甜的美夢吧！<br> </div> <div class="more_wrap"> <button type="button" class="btn btn-light moreBtn collapsed" data-toggle="collapse" data-target="#jumpBookDesc"><i class="icon icon-arrow-top-01"></i></button> </div> </div>  <div id="author" class="container tab-pane fade"> <p></p> <div id="jumpAuthorDesc" class="collapse fade"> </div> <div class="more_wrap"> <button type="button" class="btn btn-light moreBtn collapsed" data-toggle="collapse" data-target="#jumpAuthorDesc"><i class="icon icon-arrow-top-01"></i></button> </div> </div>  <div id="chapter" class="container tab-pane fade"> <ul id="TreeView"> <li>封面</li><li>專輯簡介</li><li>001 漢尼伯好厲害！</li><li>002 小驢子弗拉西在哪裡？</li><li>003 沙弗林不要當小丑</li> <div id="jumpChapter" class="collapse fade"> <li>004 玩偶醫生</li><li>005 魔法蛋</li><li>006 滿月的晚上睡不著</li><li>007 小騎士西蒙</li><li>008 噴火龍</li><li>009 恐怖腳踏車</li><li>010 在月光下游泳</li><li>011 永遠不餓城堡</li><li>012 城堡小精靈</li><li>013 過生日</li><li>014 雅各找到路了！</li><li>015 驢子和小豬存錢筒</li><li>016 莫戈利落水了</li><li>017 釣到一台腳踏車</li><li>018 當月亮從天上掉下來</li><li>019 幫幫菲莉</li><li>020 大哥哥</li><li>021 莫利茲和瓶中信</li><li>022 逃家的小男孩</li><li>023 可怕的小精靈</li><li>024 懶洋洋的一天</li><li>025 大班尼和小班尼</li><li>026 探險家菲力</li><li>027 驢子一點都不笨！</li><li>028 大衛和哥利亞</li><li>029 壞心的小仙子</li><li>030 小仙子復仇</li><li>031 偉大的魔術師帕斯卡</li><li>032 迷路了！</li><li>033 陌生的小男孩</li><li>034 彩色的夢</li><li>035 尋找鑰匙孔</li><li>036 想嚇人的小精靈</li><li>037 小鐵驢</li><li>038 魔鏡</li><li>039 馴獸師雷歐</li><li>040 如果吵架的話……</li><li>041 蘿拉公主</li><li>042 蘋果樹上的小仙子</li><li>043 銀鑰匙墜子</li><li>044 小仙子和泰迪熊逃走了</li><li>045 夏綠蒂過生日</li><li>046 希伯利需要幫忙</li><li>047 真的有精靈嗎？</li><li>048 波梅爾與小精靈</li><li>049 看誰比較快</li><li>050 米雅和馬戲團的小驢子</li><li>051 提多斯和他的冰上公主</li><li>052 馬戲團老闆泰迪熊</li><li>053 淺藍色的雀斑</li><li>054 提燈籠</li><li>055 可愛小鴨鴨</li><li>056 隱形熊巴比</li><li>057 誰來救救湖泊？</li><li>058 被月亮晒傷了</li><li>059 精靈大師艾多瓦</li><li>060 雷歐妮與小精靈</li><li>061 費迪南和紅蘿蔔</li><li>062 誰喜歡佛羅安？</li><li>063 忘記帶鑰匙</li><li>064 瑪雅和森林裡的驢子</li><li>065 蒐集好夢</li><li>066 尋找願望的主人</li><li>067 小仙子</li><li>068 艾瑪和她的小熊克莉美</li><li>069 半夜的偷車賊</li><li>070 糖粉精靈</li><li>071 膽小的小精靈</li><li>072 是誰躲在那兒？</li><li>073 新家</li><li>074 月亮上的城堡</li><li>075 調皮鬼馬斯</li><li>076 動物大掃除</li><li>077 約拿單，你真棒！</li><li>078 城堡狂歡會</li><li>079 誰怕史馬哥？</li><li>080 調皮的小老鼠史必提</li><li>081 精靈時間</li><li>082 小心老鼠夾</li><li>083 廚房鬧鬼了</li><li>084 基斯摩睡不著</li><li>085 救生員波波</li><li>086 耶洛尼吹喇叭</li><li>087 神秘皮箱</li><li>088 是泰歐，不是泰迪熊！</li><li>089 馬戲團的小仙子</li><li>090 月亮上的小老鼠</li><li>091 潛水小老鼠</li><li>092 忠實的朋友</li><li>093 貓咪謷報</li><li>094 迷你小精靈</li><li>095 水精靈</li><li>096 為塔斯找一個家</li><li>097 卡羅和費多林</li><li>098 灰色救星</li><li>099 壞心的巫婆</li><li>100 新朋友</li><li>101 派屈克肚子餓</li><li>102 小老鼠和兔子</li><li>103 壞心魔法師亞力</li><li>104 仙子考試</li><li>105 馬艾勒拯救城堡</li><li>106 為吉歐鼓掌</li><li>107 小老鼠搬家</li><li>108 小狐狸</li><li>版權</li> </div> <div class="more_wrap"> <button type="button" class="btn btn-light moreBtn collapsed" data-toggle="collapse" data-target="#jumpChapter"><i class="icon icon-arrow-top-01"></i></button> </div> </ul> </div> </div> </div> </div> </div> </div>  </div>   <div class="col-sm-5 col-md-4 col-lg-3 d-none d-sm-block"> <div class="right_side_info ml-md-0 ml-xl-4"> <div class="card border-0 grey_bg_style mb-3"> <div class="card-body"> <div class="card-text book_price_group"> <div class="book_paper_price">紙本書 NT$ 150</div> <div class="text1 bold">單本電子書</div> <div class="book_price"> <span class="text2 ft-azure bold h5">NT$</span> <span class="price ft-azure bold h5">150</span> <span class="coin ft-azure small"> </span> </div> </div>  <div class="card-text"> <button type="button" id="buynow" class="btn btn-lg btn-outline-primary custom_blue_outline_style btn-block" brn="412949" onclick="detailPageAddSpCart(true, this)"> <i class="icon icon-indicator"></i>直接購買 </button> </div>  <div class="card-text"> <button type="button" id="addToCart" class="btn btn-lg btn-primary btn-block custom_blue_outline_style" brn="412949" onclick="detailPageAddSpCart(false, this);"> <i class="icon icon-indicator-add"></i>放入購物車 </button> </div>  <hr> <div class="card-text"> <button type="button" id="buyasgift" class="btn btn-lg btn-outline-primary custom_deep_seablue_outline_style btn-block" brn="412949" onclick="detailPageAddSpCart(true, this)">買書送人</button> </div> </div> </div>  <div class="card border-0 grey_bg_style mb-3"> <div class="card-body"> <div class="card-text book_price_group"> <div class="book_price"> <span class="text2 bold">點數租閱</span> <span class="price ft-azure h5 bold">20點</span> </div> </div> <div class="card-text ps_note_text">租期14天 <br>今日租書可閱讀至2024-12-09</div> <div class="card-text"> <button type="button" id="pointrent" class="btn btn-lg btn-primary custom_azure_blue_style btn-block" onclick="alertLogin();">點數租閱</button> </div> </div> </div>    </div> </div>   <script> qg('event','product_viewed',{'product_id':'412949','product_name':'晚安故事摩天輪. 1, 108個晚安故事 [有聲書]','product_category':'K0204 R0312','product_price':150,'product_url':'https://ebook.hyread.com.tw/bookDetail.jsp?id=412949','product_image':'https://webcdn2.ebook.hyread.com.tw/bookcover/412949978626305978820244015111159.jpg'}) </script>   <script> $("#trialBut").click(function(){ trial(); }); $("#trialButPc").click(function(){ trial(); }); $("#mobile_trial").click(function(){ trial(); }); function trial(){ qg('event','trial_reading',{'product_id':'412949','product_name':'晚安故事摩天輪. 1, 108個晚安故事 [有聲書]','product_category':'K0204 R0312','product_price':150,'product_url':'https://ebook.hyread.com.tw/bookDetail.jsp?id=412949','product_image':'https://webcdn2.ebook.hyread.com.tw/bookcover/412949978626305978820244015111159.jpg'}); } </script>  </div> </div> </div> </section> <style> a.anchor { display: block; position: relative; top: -120px; visibility: hidden; } </style> <a class="anchor" id="cpSetOfBook"></a> <section id='appierModuleSection'> </section> <script> $().ready(function(){ getAppierServiceData('jxkgzVNsazo4EBmjxVeA8i', '/Template/store/ajax/appierModules/mp_center_appierModuleAjax2.jsp','412949','#appierModuleSection') getAppierServiceData('kikTgtgFU5xeeyNLRfg6xh', '/Template/store/ajax/appierModules/mp_center_appierModuleAjax3.jsp','412949','#appierModuleSection') }); function getAppierServiceData(scenarioId, ajaxUrl, brn, appendEleId){ qg('getRecommendationByScenario', { scenarioId : scenarioId, user_id : '', // Required if filtering purchased product based on user_id productId : brn, filter : { rules : [ { }, ], }, num : 20 }, 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>  <section class=""> <div class="container-fluid free_book pb-5"> <div class="container-1280"> <div class="titleBar py-3 py-md-4 d-flex justify-content-between"> <div class="blkTitle h5">同分類熱門書</div> </div> </div> <div class="container-1320"> <div class="row"> <div class="swiper-container" data-inner-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <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="246811"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=246811" class="book-link"> <div class="coverBox"> <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/24681120212819040525.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=246811">趣聽兒歌 [有聲書]</a></div> </div> </div> <div class="swiper-slide"> <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="279917"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=279917" class="book-link"> <div class="coverBox"> <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/279917978986384643720223525110143.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"><small>EPUB</small></span> <span class="btn btn-dark"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=279917">年糕奶奶便便變. 1, 追查放屁凶手</a></div> </div> </div> <div class="swiper-slide"> <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="198947"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=198947" class="book-link"> <div class="coverBox"> <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/198947978957444659920195526041218.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=198947">火牛陣:中國名人成語故事</a></div> </div> </div> <div class="swiper-slide"> <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="276759"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=276759" class="book-link"> <div class="coverBox"> <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/276759978626700025020212927091257.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=276759">長生石的守護者</a></div> </div> </div> <div class="swiper-slide"> <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="240857"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=240857" class="book-link"> <div class="coverBox"> <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/240857978986449224420213508040411.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=240857">青春是一首練習曲</a></div> </div> </div> <div class="swiper-slide"> <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="13750"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=13750" class="book-link"> <div class="coverBox"> <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/13750978957747808520134421010149.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=13750">綠野仙蹤</a></div> </div> </div> <div class="swiper-slide"> <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="294599"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=294599" class="book-link"> <div class="coverBox"> <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/294599978626305218520223807040600.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=294599">狐狸一族心探險. 1, 不能說的禁忌</a></div> </div> </div> <div class="swiper-slide"> <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="198983"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=198983" class="book-link"> <div class="coverBox"> <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/198983978957444594320195030091239.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=198983">爸爸的超級任務</a></div> </div> </div> <div class="swiper-slide"> <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="332225"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=332225" class="book-link"> <div class="coverBox"> <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/332225978957490618520230701100643.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"><small>EPUB</small></span> <span class="btn btn-dark"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=332225">第一次送禮物</a></div> </div> </div> <div class="swiper-slide"> <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="193624"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=193624" class="book-link"> <div class="coverBox"> <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/193624978986211472820193811081109.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=193624">四年五班, 魔法老師!</a></div> </div> </div> <div class="swiper-slide"> <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="237070"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=237070" class="book-link"> <div class="coverBox"> <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/237070978986559310020215515090344.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=237070">科學偵探謎野真實. 6, 科學偵探vs.妖魔之村</a></div> </div> </div> <div class="swiper-slide"> <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="133155"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=133155" class="book-link"> <div class="coverBox"> <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/133155978986947371220184015100501.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"><small>EPUB</small></span> <span class="btn btn-dark"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=133155">屁屁超人外傳:直升機神犬. 2, 校長的毛病</a></div> </div> </div> <div class="swiper-slide"> <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="173116"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=173116" class="book-link"> <div class="coverBox"> <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/173116978986564131320194322050300.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=173116">神奇的噴火龍</a></div> </div> </div> <div class="swiper-slide"> <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="309826"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=309826" class="book-link"> <div class="coverBox"> <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/309826978957658921820224324111029.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"><small>EPUB</small></span> <span class="btn btn-dark"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=309826">【小妖怪系列16】運動場的小妖怪. 2, 撐竿彈簧棒</a></div> </div> </div> <div class="swiper-slide"> <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="277576"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=277576" class="book-link"> <div class="coverBox"> <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/277576978626305143020220603110159.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=277576">神奇柑仔店. 12, 神祕人與駱駝輕鬆符</a></div> </div> </div> <div class="swiper-slide"> <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="269013"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=269013" class="book-link"> <div class="coverBox"> <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/269013978986981088320211215041017.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=269013">阿亮老師趣說臺灣歷史:遠古-明鄭</a></div> </div> </div> <div class="swiper-slide"> <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="19256"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=19256" class="book-link"> <div class="coverBox"> <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/19256978986637220920125125091006.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"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=19256">漂亮媽媽醜女傭</a></div> </div> </div> <div class="swiper-slide"> <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="240207"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="/bookDetail.jsp?id=240207" class="book-link"> <div class="coverBox"> <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/240207978986211963120212931010346.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"><small>EPUB</small></span> </div> </div> <div class="book-title-01"><a href="/bookDetail.jsp?id=240207">來自星星的小偵探. 6, 外星人死亡奇案</a></div> </div> </div> </div>  <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section>   <section> <div class="container-fluid banner_wrap_01 pb-5"> <div class="container-1280"> <div class="row"> <div class="col-12 col-sm-6 col-lg-4"> <a href="https://hyread.cc/202411ECUS" >  <img src="/gdata/images/2024110410261900406.jpg" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load>  <img src="/gdata/images/2024110410261900406.jpg" class="img-fluid w-100 d-block d-sm-none" loading="lazy" on-image-load> </a> </div> <div class="col-12 col-sm-6 col-lg-4 d-none d-sm-block"> <a href="https://hyread.cc/2024persimmon" >  <img src="/gdata/images/2024102210471400801.jpg" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load>  <img src="/gdata/images/2024102210471400801.jpg" class="img-fluid w-100 d-block d-sm-none" loading="lazy" on-image-load> </a> </div> <div class="col-12 col-sm-4 d-none d-lg-block"> <a href="https://hyread.cc/6mke27" >  <img src="/gdata/images/2024111109405500501.png" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load>  <img src="/gdata/images/2024111109405500501.png" class="img-fluid w-100 d-block d-sm-none" loading="lazy" on-image-load> </a> </div> </div> </div> </div> </section>  </div> </div> </div>  <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>   <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//bookDetail.jsp?id=412949'; 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=-460430536101687045&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 frame_login" id="notice_series" tabindex="-1" role="dialog" aria-labelledby="notice_mag" 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 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" /> <div class="modal-body py-3"> <h5 class="text-dark">將會出現在「修改訂閱通知」頁面，可勾選您欲<b class="text-danger">額外</b>接收通知的方式：</h5> <div class="form-group row"> <label for="emailCheck" class="col-lg-2 col-form-label text-left pr-0"> <input type="checkbox" id="emailCheck" name="emailCheck" value="1" checked="">Email </label> </div> <div class="form-group row"> <div class="col-lg-12"> <label for="appCheck"> <input type="checkbox" id="appCheck" name="appCheck" value="1" checked=""> APP推播通知（請下載安裝APP，並登入您的帳號，保持載具通知功能開啟，即可接收到上架通知。） </label> </div> </div> </div> <hr class="mb-0 d-block" /> <div class="modal-footer pb-5"> <div class="row mt-4" style="display:contents"> <button type="button" data-dismiss="modal" class="btn btn-outline-primary custom_grey_outline_style w-100 m-2">取消</button> <button id='submitNotice' seriesID="19043" type="button" data-dismiss="modal" class="btn btn-primary custom_blue_solid_style w-100 m-2">訂閱</button> </div> </div> </div> </div> </div>   <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

晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫 著; 林珍良 譯 | 親子天下 | HyRead ebook 電子書店

晚安故事摩天輪. 1, 108個晚安故事 [有聲書] | 史黛菲·卡曼麥爾,米雪艾拉·魯道夫著; 林珍良譯 | 親子天下 | HyRead ebook 電子書店