CINXE.COM

HyRead ebook 電子書店

<!--[if IE ]><![endif]--> <!doctype html> <!--[if IE 8 ]> <html class="no-js lt-ie9 ie8" lang="zh-TW"> <![endif]--> <!--[if IE 9 ]> <html class="no-js lt-ie10 ie9" lang="zh-TW"> <![endif]--> <!--[if (gte IE 10)|!(IE)]><!--> <html class="no-js" lang="zh-TW"> <!--<![endif]--> <head> <meta charset="utf-8"> <title>HyRead ebook 電子書店</title> <link rel="shortcut icon" href="https://ebook.hyread.com.tw/Template/store/favicon/favicon.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta name="description" content="HyRead ebook電子書店為您打造電子書閱讀零時差的電子書房,HyRead ebook電子書店支援PC電腦、iOS(iPhone/iPad)、android等載具,讓您線上閱讀電子書或下載電子書無煩惱,24小時電子書平台,多樣電子書與電子雜誌,隨時體驗雲端閱讀的樂趣。" /> <meta name="Keywords" content="電子書,ebook,HyRead電子書,HyRead Library,APP,電子書APP,電子書店,電子書城,電子書平台,免費電子書,電子書下載,電子書房,凌網科技,凌網電子書,線上閱讀,下載閱讀,電子書閱讀,電子書搜尋,ebook電子書,ipad電子書,iphone電子書,android電子書,平板電腦,ebook download,HyRead ebook,雲端服務,城邦,時報,大塊,飢餓遊戲,免費電子書,圖書館,圖書館電子書,商業周刊,跟我學日語,有聲書,Ebook Taipei,臺北好讀電子書,全國最大正體中文電子書庫" /> <meta name="apple-itunes-app" content="app-id=1098612822, affiliate-data=HyRead 3, app-argument=https://itunes.apple.com/tw/app/hyread-3-%E7%AB%8B%E5%8D%B3%E5%80%9F%E5%9C%96%E6%9B%B8%E9%A4%A8%E5%B0%8F%E8%AA%AA%E9%9B%9C%E8%AA%8C%E9%9B%BB%E5%AD%90%E6%9B%B8/id1098612822?l=zh&mt=8"> <meta name="Robots" content="INDEX,FOLLOW" /> <link rel="stylesheet" href="https://ebook.hyread.com.tw/Template/store/styles/all.css"> <link rel="stylesheet" href="https://ebook.hyread.com.tw/Template/store/styles/another.css"> <link rel="stylesheet" href="https://ebook.hyread.com.tw/Template/store/styles/noLoginFavoriteBtn.css"> <link rel="stylesheet" href="https://ebook.hyread.com.tw/Template/store/styles/hyread_swift.css"> <script src="https://ebook.hyread.com.tw/Template/store/scripts/jquery.min.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/vendor.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/main.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/favoriteBtn.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/shoppingCart.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/commonUtil.js"></script> <script src="https://www.google.com/recaptcha/api.js?render=6LdiqbEbAAAAAODhlSUmd-o0_NLWTXxrSUfJd0in"></script> <script src="https://cdn.qgraph.io/dist/aiqua-wp.js"></script> <script> AIQUA.init({ appId: 'bb1d895c2707ead042f7', timeout: 5000 }); </script> </head> <body> <!-- 20201104 新增gotop[S] --> <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> <!-- 20201104 新增gotop[S] --> <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://ebook.hyread.com.tw/Template/store/styles/s_customize.css"> <script src='https://www.google.com/recaptcha/api.js'></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/cookieUtil.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/jquery.cookie.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/sellArea.js"></script> <!-- tag-menu-slider --> <script src="https://ebook.hyread.com.tw/Template/store/scripts/custom_main.js"></script> <script src="https://ebook.hyread.com.tw/Template/store/scripts/swiper.min.js"></script> <!-- tag-menu-slider --> <!-- lazyload --> <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//?search_field=BSU&amp;search_input=R0312&amp;sortinfo=YEAR%2C1&amp;op=AND&amp;search_field=seriesID&amp;search_input=11377'; 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> <!--========== PC ROOF ==========--> <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 class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="in_ID" class="custom-control-input" name="langSelector" id="langSelector5"> <label class="custom-control-label" for="langSelector5">Indonesia</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="ms_MY" class="custom-control-input" name="langSelector" id="langSelector6"> <label class="custom-control-label" for="langSelector6">Malay</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> <!--========== END PC ROOF ==========--> <!--========== PC HEADER ==========--> <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"> <!-- [S] 電子書 --> <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> <!-- [E] 電子書 --> <!-- [S] 電子雜誌 --> <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> <!-- [E] 電子雜誌 --> <!-- [S] 影視 --> <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?search_field=BSU&search_input=R0315' >聽書</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> <!-- [E] 影視 --> <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> <!-- [S] 即將下架 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/abouttoexpire.jsp">即將下架</a> </li> <!-- 名人推薦 --> <!-- [S] 後台客戶上稿 名人推薦 --> <!-- [E] 後台客戶上稿 名人推薦 --> <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/2025haruka">劉宇彤Haruka推薦10本好書</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> <!-- <a class="dropdown-item col" href="javascript:;">出版社專區</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=243647" class="ft-deepseablue mr-3">去你的正常世界</a> <a href="https://ebook.hyread.com.tw/Template/store/clienttreedata_more.jsp?id=2758" class="ft-deepseablue mr-3">老公又怎麼了</a> <a href="https://ebook.hyread.com.tw/searchList.jsp?search_field=FullText&search_input=%E9%9F%93%E5%8A%87" class="ft-deepseablue mr-3">韓劇</a> <a href="/searchList.jsp?search_field=FullText&search_input=RBG" class="ft-deepseablue mr-3">RBG</a> <a href="/bookDetail.jsp?id=243917" 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> <!--========== PC HEADER ==========--> <!--========== Mobile/Tablet 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"> <!-- Mobile button --> <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> <!-- Mobile button --> <!-- Tablet button --> <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> <!-- Tablet button --> <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> <!-- Mobile Search bar --> <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="https://ebook.hyread.com.tw/bookDetail.jsp?id=237804" class="ft-deepseablue mr-2">芭莉絲</a> <a href="/searchList.jsp?search_field=FullText&search_input=黃仁勳" class="ft-deepseablue mr-2">黃仁勳</a> <a href="/searchList.jsp?search_field=FullText&search_input=RBG" class="ft-deepseablue mr-2">RBG</a> </div> </form> </div> </div> </div> <!-- Mobile Search bar --> </header> <!--========== END Mobile/Tablet HEADER ==========--> <!--========== PC page Menu ==========--> <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"> <!-- [S] 電子書 --> <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> <!-- [E] 電子書 --> <!-- [S] 電子雜誌 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/magazineList.jsp">雜誌</a> </li> <!-- [E] 電子雜誌 --> <!-- [S] 有聲書 --> <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?search_field=BSU&search_input=R0315' >聽書</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> <!-- [E] 有聲書 --> <!-- [S] 影音館 --> <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> <!-- [E] 影音館 --> <!-- [S] 即時排行 --> <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> <!-- [E] 即時排行 --> <!-- [S] 最新上架 --> <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> <!-- [E] 最新上架 --> <!-- [S] 即將下架 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/abouttoexpire.jsp">即將下架</a> </li> <!-- [E] 即將下架 --> <!-- [S] 後台客戶上稿 名人推薦 --> <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/2025haruka">劉宇彤Haruka推薦10本好書</a> <a class="dropdown-item" href="https://hyread.cc/77reading">IG愛書人奇奇推薦</a> </div> </li> <!-- [S] 後台客戶上稿 名人推薦 --> <!-- [S] 活動列表 --> <!-- [E] 活動列表 --> </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> <!-- [S] 熱門活動 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/event_list.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"> <a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4496">女力綻放,童心無界|閱讀陪你勇敢成長</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4501">溝通力不是天賦,而是技術:田村淳教你大受歡迎的說話祕訣</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4470">閱讀妳的力量</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4468">在工作裡, 我們活得有意義</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4489">不葷人士的風味下酒菜|電子書新品&健康料理食譜展</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4486">蛇年進化論</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=1626">輕鬆「聽」學英文!</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4393">Artists in Taiwan:2025蓋亞文化輕漫展</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=4490">春光正好 尖端數位寫真書展</a><a class="dropdown-item" href="/Template/store/eventPage.jsp?id=354">N號房事件</a> </div> </li> --> <!-- [E] 熱門活動 --> <!-- [S] 出版社專區 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/publishing.jsp">出版社推薦</a> </li> <!-- [E] 出版社專區 --> <!-- [S] 精選文章 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/bestArticle.jsp">精選文章</a> </li> <!-- [E] 精選文章 --> <li class="nav-item"> <a class="nav-link" href="/Template/store/article.jsp">小編文摘</a> </li> </ul> </div> </div> </div> </div> </nav> <!--========== End PC page Menu ==========--> <div class="pageContent"> <!-- Gaze 閱讀器促銷[S] --> <div class="container-1280 mt-lg-2" style="background-color: #2d384a;color: #ffff00"> <a href="https://hyread.cc/2025Gaze_WomenDay"> <picture class="container-1280 pt-4 justify-content-center"> <source srcset="/gdata/images/2025030616362200222.png" media="(max-width: 767px)"> <img src="/gdata/images/2025030616353600367.png" class="img-fluid fixedImg center-block"> </picture> </a> </div> <!-- Gaze 閱讀器促銷[S] --> <!-- 202302 修改 Promo Kv & Books --> <!-- Swiper KV JS --> <section> <div class="container-fluid mb-3 mt-0 mt-xl-3 px-0"> <div class="row no-gutters align-items-center"> <div class="col-12 col-sm-12 col-lg-12"> <!-- Swiper --> <div class="promo-slider swiper-container" id="KV"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://hyread.cc/202503lovewomen" class="w-100" alt="全館活動-從美麗到自信"> <picture> <source srcset="/gdata/images/2025030615470600553.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030615464300564.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77fx9v" class="w-100" alt="金尉-《女力綻放"> <picture> <source srcset="/gdata/images/2025030615050700572.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030615050100469.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/202503sppmonth" class="w-100" alt="尖端- 每月精選推薦"> <picture> <source srcset="/gdata/images/2025030614391600732.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030614390800030.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77nkj2" class="w-100" alt="遠足-隱性控制"> <picture> <source srcset="/gdata/images/2025030514364100362.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030514362800577.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/78lr6n" class="w-100" alt="一念-伊甸園東"> <picture> <source srcset="/gdata/images/2025030509525200950.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030509511900850.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/78g77p" class="w-100" alt="永悅健康3月號"> <picture> <source srcset="/gdata/images/2025030410340300950.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030410334500079.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77a5sg" class="w-100" alt="綜合-三點一四數學展"> <picture> <source srcset="/gdata/images/2025030311193800301.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030311192800860.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/hot85" class="w-100" alt="發燒85"> <picture> <source srcset="/gdata/images/2025030311173900201.png" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030311172900232.png" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/786cfk" class="w-100" alt="麥田-一億總下流?"> <picture> <source srcset="/gdata/images/2025030119044400717.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030119043500587.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/784eml" class="w-100" alt="叩應-我親愛的甜橙樹"> <picture> <source srcset="/gdata/images/2025030110372400420.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030110371700042.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/MiniNC200coupon" class="w-100" alt="Mini+新色預購"> <picture> <source srcset="/gdata/images/2025030109361500753.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030109360100895.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/784dcf" class="w-100" alt="叩應-創意細物指南"> <picture> <source srcset="/gdata/images/2025030110300600259.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030110295300476.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/202503spptopic" class="w-100" alt="尖端-每月主題小編我推展"> <picture> <source srcset="/gdata/images/2025030109292300416.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030109290400095.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/7847a3" class="w-100" alt="叩應-溝通力不是天賦"> <picture> <source srcset="/gdata/images/2025030109135700033.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025030109134900257.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77z4le" class="w-100" alt="方集電子書春日促銷展"> <picture> <source srcset="/gdata/images/2025022811072800003.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022811071900177.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/lien2503" class="w-100" alt="連俞涵一起月讀"> <picture> <source srcset="/gdata/images/2025022809123300271.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022809122300876.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/7787bd" class="w-100" alt="高寶-不葷人士的風味下酒菜"> <picture> <source srcset="/gdata/images/2025022709310200604.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022709304400867.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77fucz" class="w-100" alt="金尉-《隱性財富"> <picture> <source srcset="/gdata/images/2025022709262700877.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022709261800208.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/77h3l6" class="w-100" alt="米奇7號"> <picture> <source srcset="/gdata/images/2025022516593300766.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022516591900384.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/202502sw228" class="w-100" alt="秀威-二二八基金會系列書"> <picture> <source srcset="/gdata/images/2025022014325700432.jpg" media="(max-width: 960px)" class="img-responsive center-block"> <img srcset="/gdata/images/2025022014321900465.jpg" class="img-responsive center-block fixedImg" on-image-load> </picture> </a> </div> </div> <div class="swiper-pagination pt-2"></div> <div class="swiper-button-next KV-next"></div> <div class="swiper-button-prev KV-prev"></div> </div> </div> </div> </div> </section> <!-- End 202302 修改 Promo Kv & Books --> <style> .maskColor{ } </style> <!-- 熱門新書 --> <section> <div class="container-fluid popular_book bg-light 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 class="blkMore"><a href="/Template/store/newbooks.jsp" class="ft-grapefruit">看更多<i class="icon icon-navigate_next"></i></a></div> </div> </div> <div class="row pl-3 pr-0 px-md-0 p-lg-0"> <div class="swiper-container" data-full-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="425262"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425262" class="book-link"> <div class="contTxt d-none d-lg-block">世間大雨滂沱, 你要藏好軟弱</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425262978957960946320252005090347.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425262">世間大雨滂沱, 你要藏好軟弱<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 340 </span></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="425297"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425297" class="book-link"> <div class="contTxt d-none d-lg-block">之間:此地與他方的回聲</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425297978626419142520252305090318.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425297">之間:此地與他方的回聲<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 294 </span></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="425291"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425291" class="book-link"> <div class="contTxt d-none d-lg-block">日式RPG編年史:從DQ到FF, 角色扮演遊戲敘事手法完全剖析</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425291978626379733820252205010335.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425291">日式RPG編年史:從DQ到FF, 角色扮演遊戲敘事手法完全剖析<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 266 </span></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="425281"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425281" class="book-link"> <div class="contTxt d-none d-lg-block">東京秒殺香料甜點的黃金比例配方:喚醒味蕾的極品蛋糕&點心48款</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425281978626379668320254105010321.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425281">東京秒殺香料甜點的黃金比例配方:喚醒味蕾的極品蛋糕&點心48款<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 266 </span></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="425331"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425331" class="book-link"> <div class="contTxt d-none d-lg-block">真幌站前多田便利軒(直木獎得獎作品,三浦紫苑成名作,系列熱賣150萬冊)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425331978626742163520252905020329.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425331">真幌站前多田便利軒(直木獎得獎作品,三浦紫苑成名作,系列熱賣150萬冊)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></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="425293"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425293" class="book-link"> <div class="contTxt d-none d-lg-block">樹上的男爵</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425293978626419200220251705090336.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425293">樹上的男爵<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></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="425108"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425108" class="book-link"> <div class="contTxt d-none d-lg-block">裸顏(C.S.路易斯被遺忘的奇幻文學瑰寶, 「邱比特與賽姬」的精采神話重述)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425108978626743680620252904090356.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425108">裸顏(C.S.路易斯被遺忘的奇幻文學瑰寶, 「邱比特與賽姬」的精采神話重述)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 360 </span></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="425332"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425332" class="book-link"> <div class="contTxt d-none d-lg-block">真幌站前番外地(「多田便利軒」第二部,直木獎得獎作品續作,系列熱賣150萬冊,同名電視劇風靡日本)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425332978626742164220253005020307.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425332">真幌站前番外地(「多田便利軒」第二部,直木獎得獎作品續作,系列熱賣150萬冊,同名電視劇風靡日本)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 285 </span></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="424981"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424981" class="book-link"> <div class="contTxt d-none d-lg-block">GOGO MONSTER</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/424981978986554935020251404040358.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=424981">GOGO MONSTER<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 510 </span></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="425110"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425110" class="book-link"> <div class="contTxt d-none d-lg-block">香料(地中海史權威羅傑. 克勞利歷史新作):以摩鹿加群島為中心, 見證十六世紀形塑現代世界的權力地圖</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425110978626752057420254904090335.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425110">香料(地中海史權威羅傑. 克勞利歷史新作):以摩鹿加群島為中心, 見證十六世紀形塑現代世界的權力地圖<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 406 </span></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="425333"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425333" class="book-link"> <div class="contTxt d-none d-lg-block">真幌站前狂騷曲(「多田便利軒」大結局,系列熱賣150萬冊)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425333978626742165920253105020308.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425333">真幌站前狂騷曲(「多田便利軒」大結局,系列熱賣150萬冊)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 390 </span></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="425327"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425327" class="book-link"> <div class="contTxt d-none d-lg-block">美又美追凶記(第二屆謎團小說獎三獎作品)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425327978626731515620252705020329.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425327">美又美追凶記(第二屆謎團小說獎三獎作品)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 250 </span></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="425328"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425328" class="book-link"> <div class="contTxt d-none d-lg-block">滅門血案的寂寞救贖(第二屆謎團小說獎二獎作品)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425328978626731517020252805020311.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425328">滅門血案的寂寞救贖(第二屆謎團小說獎二獎作品)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 250 </span></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="424982"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424982" class="book-link"> <div class="contTxt d-none d-lg-block">藍色青春:松本大洋短篇集</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/424982978986540698120251804040308.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=424982">藍色青春:松本大洋短篇集<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 180 </span></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="425261"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425261" class="book-link"> <div class="contTxt d-none d-lg-block">最強工作術</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425261978626763736420252205090303.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425261">最強工作術<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 320 </span></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="425447"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425447" class="book-link"> <div class="contTxt d-none d-lg-block">蒲公英少女(經典回歸版)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425447978626760925520251006090346.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425447">蒲公英少女(經典回歸版)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 230 </span></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="425294"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425294" class="book-link"> <div class="contTxt d-none d-lg-block">不存在的騎士</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425294978626419153120251805090338.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425294">不存在的騎士<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 252 </span></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="425292"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425292" class="book-link"> <div class="contTxt d-none d-lg-block">分成兩半的子爵</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425292978626419144920251505090332.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425292">分成兩半的子爵<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></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="425283"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425283" class="book-link"> <div class="contTxt d-none d-lg-block">那些案件, 如果能遇見這樣的法官:正義之後、審判之外的法庭人情故事</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425283978626379667620254405010315.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425283">那些案件, 如果能遇見這樣的法官:正義之後、審判之外的法庭人情故事<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></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="425282"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425282" class="book-link"> <div class="contTxt d-none d-lg-block">全方位圖解跑步技巧攻略:「山神」神野大地從伸展、跑姿到馬拉松訓練的基本功鍛鍊法</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425282978626379653920254205010325.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425282">全方位圖解跑步技巧攻略:「山神」神野大地從伸展、跑姿到馬拉松訓練的基本功鍛鍊法<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></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="425296"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425296" class="book-link"> <div class="contTxt d-none d-lg-block">色香味的誘惑:美食零嘴隱藏健康陷阱,色素、香精、防腐劑讓你的健康悄悄破產!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425296978626419155520252205090319.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425296">色香味的誘惑:美食零嘴隱藏健康陷阱,色素、香精、防腐劑讓你的健康悄悄破產!<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 252 </span></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="425298"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425298" class="book-link"> <div class="contTxt d-none d-lg-block">奇蹟產生器:心想事成的正念執行力</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425298978626419143220252405090318.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425298">奇蹟產生器:心想事成的正念執行力<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 252 </span></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="425263"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425263" class="book-link"> <div class="contTxt d-none d-lg-block">鱷魚之淚</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425263978626763721020250605100334.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425263">鱷魚之淚<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 300 </span></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="425448"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425448" class="book-link"> <div class="contTxt d-none d-lg-block">諸子百喵:莊子的逍遙世界</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425448978626751889220250006090332.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425448">諸子百喵:莊子的逍遙世界<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 450 </span></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="425259"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425259" class="book-link"> <div class="contTxt d-none d-lg-block">一起搭捷運, 好嗎?. 第四集(完)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425259978626737398920250004040326.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425259">一起搭捷運, 好嗎?. 第四集(完)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 238 </span></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="425450"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425450" class="book-link"> <div class="contTxt d-none d-lg-block">地理的復仇:一觸即發的區域衝突、劃疆為界的地緣戰爭, 剖析地理與全球布局終極關鍵</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425450978626310837020251406090346.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425450">地理的復仇:一觸即發的區域衝突、劃疆為界的地緣戰爭, 剖析地理與全球布局終極關鍵<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 385 </span></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="425080"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425080" class="book-link"> <div class="contTxt d-none d-lg-block">美味上桌前:從餐飲供應鏈的產業直擊,品嘗餐盤裡的勞動與人情</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425080978626766212020251506010319.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425080">美味上桌前:從餐飲供應鏈的產業直擊,品嘗餐盤裡的勞動與人情<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></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="425329"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425329" class="book-link"> <div class="contTxt d-none d-lg-block">蝕夢(第二屆謎團小說獎首獎作品)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425329978626731516320252805020350.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425329">蝕夢(第二屆謎團小說獎首獎作品)<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 250 </span></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="425299"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425299" class="book-link"> <div class="contTxt d-none d-lg-block">小鴨把拔向前衝:賴瑞隆報到</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425299978626396895020252805090320.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425299">小鴨把拔向前衝:賴瑞隆報到<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 245 </span></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="425284"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425284" class="book-link"> <div class="contTxt d-none d-lg-block">片隅日本.旅繪時光:用畫筆走遍北海道、本州、四國、九州, 漫步巷弄間街景老屋</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425284978626379652220254605010327.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425284">片隅日本.旅繪時光:用畫筆走遍北海道、本州、四國、九州, 漫步巷弄間街景老屋<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></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="425295"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425295" class="book-link"> <div class="contTxt d-none d-lg-block">湛藍透明的我</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/425295978626419164720252005090347.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=425295">湛藍透明的我<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></div> </div> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </section> <!-- End 熱門新書 --> <section id='appierModuleSection'> </section> <script> $().ready(function(){ getAppierServiceData('HkTUNQak3kg3pPkKsckkCQ', '/Template/store/ajax/appierModules/mp_center_appierModuleAjax.jsp','#appierModuleSection') }); function getAppierServiceData(scenarioId, ajaxUrl, appendEleId){ qg('getRecommendationByScenario', { scenarioId : scenarioId, user_id : '', // Required if filtering purchased product based on user_id productId : '', filter : { rules : [ { }, ], }, num : 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> <div class="container-fluid new_magazine 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 class="blkMore"><a href="/Template/store/magazineList.jsp" class="ft-grapefruit">看更多<i class="icon icon-navigate_next"></i></a></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"> <a href="/Template/store/magazineSubscribe.jsp?jid=101" class="book-link"> <div class="contTxt d-none d-lg-block">商業周刊</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532220253705010355.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=101">商業周刊</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=86" class="book-link"> <div class="contTxt d-none d-lg-block">遠見雜誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42499620253727010202.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=86">遠見雜誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=165" class="book-link"> <div class="contTxt d-none d-lg-block">新新聞</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532320255805010306.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=165">新新聞</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=134" class="book-link"> <div class="contTxt d-none d-lg-block">今周刊</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532420253805010303.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=134">今周刊</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=358" class="book-link"> <div class="contTxt d-none d-lg-block">天下雜誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42531820253705010321.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=358">天下雜誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=1" class="book-link"> <div class="contTxt d-none d-lg-block">管理雜誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/20693220202531020358.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=1">管理雜誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=2" class="book-link"> <div class="contTxt d-none d-lg-block">醫療品質雜誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42113220250815120109.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=2">醫療品質雜誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=4" class="book-link"> <div class="contTxt d-none d-lg-block">新鮮日本</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/6474220151526020152.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=4">新鮮日本</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=7" class="book-link"> <div class="contTxt d-none d-lg-block">卓越雜誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532020253705010338.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=7">卓越雜誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=8" class="book-link"> <div class="contTxt d-none d-lg-block">行遍天下</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42514120252104020357.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=8">行遍天下</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=9" class="book-link"> <div class="contTxt d-none d-lg-block">全球中央</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42274820254308110222.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=9">全球中央</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=11" class="book-link"> <div class="contTxt d-none d-lg-block">Digiphoto數位相機採購活用</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/31903020231516020151.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=11">Digiphoto數位相機採購活用</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=13" class="book-link"> <div class="contTxt d-none d-lg-block">旅人誌</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42506520255503010326.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=13">旅人誌</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=15" class="book-link"> <div class="contTxt d-none d-lg-block">漂亮家居</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/32392420235713100347.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=15">漂亮家居</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=17" class="book-link"> <div class="contTxt d-none d-lg-block">PC home 電腦家庭</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42506020254103010341.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=17">PC home 電腦家庭</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=18" class="book-link"> <div class="contTxt d-none d-lg-block">Bella儂儂</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42247220250405120255.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=18">Bella儂儂</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=19" class="book-link"> <div class="contTxt d-none d-lg-block">城邦國際名表</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42531420254305010324.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=19">城邦國際名表</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=21" class="book-link"> <div class="contTxt d-none d-lg-block">Marie Claire美麗佳人</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42270320253907110255.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=21">Marie Claire美麗佳人</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=26" class="book-link"> <div class="contTxt d-none d-lg-block">La_Vie</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42259620252506110211.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=26">La_Vie</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <a href="/Template/store/magazineSubscribe.jsp?jid=31" class="book-link"> <div class="contTxt d-none d-lg-block">經理人月刊</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42506920251404010337.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!-- <div class="favorite"></div> <div class="flagBlk lts"><span class="tagBg">特價</div> <div class="ver-btngroup"> <span class="btn btn-dark"><i class="icon icon-cover-voice"></i></span> <span class="btn btn-dark"><small>EPUB</small></span> </div> --> </div> <div class="book-title-01"><a href="/Template/store/magazineSubscribe.jsp?jid=31">經理人月刊</a></div> <!-- <div class="book-money small">電子雜誌 NT$ <span class="book-price ft-azure">250 (≈48.34$)</span></div> <div class="book-money text-decoration-line ft-warm-grey small">紙本書NT$380</div> --> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!-- End 新刊雜誌 --> <!-- 中間橫幅BN --> <section> <div class="container-1280"> <a href="https://ebook.hyread.com.tw/Template/store/eventPage.jsp?id=1200" > <picture class="container-1280 pt-4 justify-content-center"> <source srcset="/gdata/images/2025030313355700376.png" media="(max-width: 767px)"> <img src="/gdata/images/2025030313354200943.png" class="img-fluid fixedImg center-block"> </picture> </a> </div> </section> <!-- End 中間橫幅BN --> <!-- 本月新書 限時優惠 20200316新增 --> <section> <div class="container-fluid new_magazine pb-5"> <div class="container-1280"> <div class="titleBar py-3 py-md-4 d-flex justify-content-between"> <div class="blkTitle h5">85發燒推薦</div> <div class="blkMore"><a href='Template/store/eventPage.jsp?id=3622' class='ft-grapefruit'>看更多<iclass="icon icon-navigate_next"></i></a></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="366367"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=366367" class="book-link"> <div class="contTxt d-none d-lg-block">或許,你該勇於讓人失望:學習課題分離,卸下歉疚感,做個體貼但有原則的人</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/366367978626731385520241815040249.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=366367">或許,你該勇於讓人失望:學習課題分離,卸下歉疚感,做個體貼但有原則的人<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 286 </span></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="320379"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=320379" class="book-link"> <div class="contTxt d-none d-lg-block">最後的獨角獸【暢銷全球55年,心靈冒險奇幻經典】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/320379978986489746920235004020219.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=320379">最後的獨角獸【暢銷全球55年,心靈冒險奇幻經典】<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 232 </span></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="408423"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=408423" class="book-link"> <div class="contTxt d-none d-lg-block">絕望者之歌:一個美國白人家族的悲劇與重生【暢銷經典回歸版】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/408423978626750907420242614031027.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=408423">絕望者之歌:一個美國白人家族的悲劇與重生【暢銷經典回歸版】<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 250 </span></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="406813"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=406813" class="book-link"> <div class="contTxt d-none d-lg-block">不為他人抓狂:在被逼瘋之前,找回情緒的絕對主導權</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/406813978626757702820245901091037.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=406813">不為他人抓狂:在被逼瘋之前,找回情緒的絕對主導權<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 250 </span></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="323727"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=323727" class="book-link"> <div class="contTxt d-none d-lg-block">當下的力量:通往靈性開悟的指引</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/323727978626708579020234709020319.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=323727">當下的力量:通往靈性開悟的指引<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 208 </span></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="376110"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=376110" class="book-link"> <div class="contTxt d-none d-lg-block">創業真希望有人告訴我的事:成功連續創業家的遇事心態X工作方法X資金籌募</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/376110978626985700520243007070512.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=376110">創業真希望有人告訴我的事:成功連續創業家的遇事心態X工作方法X資金籌募<br></a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 226 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!-- End 本月新書 限時優惠 --> <!-- 三欄式廣告/無輪播 2001 --> <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/sbooker66" > <!-- Pc Banner --> <img src="/gdata/images/2025012111432400723.png" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load> <!-- Mobile Banner --> <img src="/gdata/images/2025012111432400723.png" 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/MiniNC200coupon" > <!-- Pc Banner --> <img src="/gdata/images/2025030109382000095.jpg" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load> <!-- Mobile Banner --> <img src="/gdata/images/2025030109382000095.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/202502ganewbook" > <!-- Pc Banner --> <img src="/gdata/images/2025020513361500488.jpg" class="img-fluid w-100 d-none d-sm-block" loading="lazy" on-image-load> <!-- Mobile Banner --> <img src="/gdata/images/2025020513361500488.jpg" class="img-fluid w-100 d-block d-sm-none" loading="lazy" on-image-load> </a> </div> </div> </div> </div> </section> <!-- End 三欄式廣告/無輪播 --> <!-- 最新套書 --> <section> <div class="container-fluid bookset bg-light 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 booksetSlide"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=320019" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/320019978986757606420232402030202.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/320018978986757605720231902030258.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/320017978957284579020231702030256.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=320019">【4/5前,限時優惠】刺客正傳系列套書【二十五週年紀念.典藏插畫版】(全套5冊)</a></div> <div class="ft-azure mb-2">本組合共含5件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">他,王室私生子,無數政治任務下的犧牲品,在性命與忠誠兩難的抉擇下,要如何才能扭轉王國的危機…</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 2700</div> <div>組合價:NT$ 1697</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3174" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=422644" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/422644978986401799720252406010246.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/422643978986401798020252106010253.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/422642978986401797320251706010256.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=422644">【3/31前,限時優惠】《惡德律師系列》創作出版十週年紀念套書(全套6冊)</a></div> <div class="ft-azure mb-2">本組合共含6件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">萬物皆有裂痕,那是光照進來的地方!六首精采絕倫的樂曲交織成——惡德律師的救贖交響曲!</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 3120</div> <div>組合價:NT$ 1980</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3167" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=371647" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/371647978626738876120242926100305.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/371646978626738875420243326090323.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=371647">跟華爾街之狼學投資(暢銷新版)(全套2冊)</a></div> <div class="ft-azure mb-2">本組合共含2件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">本套書包含《跟華爾街之狼學投資》+《跟華爾街之狼學銷售》 詼諧而清晰的投資指南,適用於任何想要在市場一展身手的人,並了解華爾街頂級投資者的秘密。</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 830</div> <div>組合價:NT$ 581</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=2770" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=308031" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/308031978626704553420220812111030.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/308030978626704552720220112111056.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=308031">不懂帶人系列套書(全套2冊)</a></div> <div class="ft-azure mb-2">本組合共含2件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">全台暢銷突破250,000冊!想要工作輕鬆,你一定要懂得如何帶人!</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 600</div> <div>組合價:NT$ 480</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=2912" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=417808" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/417808978626756843920242827101213.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/417807978626756845320242627101241.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=417808">春秋戰國500年套書(全套2冊)</a></div> <div class="ft-azure mb-2">本組合共含2件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">本套書包含《故事春秋》+《故事戰國》。分封時代最後的輝煌,五霸興起又衰落,小國在艱難中求存。大變革在醞釀,140多個諸侯野心勃勃,何人能問鼎中原?</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 1460</div> <div>組合價:NT$ 1021</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3098" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=423566" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42356620255119010207.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42356520255019010255.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42356420255019010243.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=423566">NEW TOEIC新多益滿分全攻略 進階(全套15支)</a></div> <div class="ft-azure mb-2">本組合共含15件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">新多益應考特訓進階課程是銜接初級課程內容衍伸出更多元的解題技巧與方法,綜整歸納歷屆考試方向、細節,彙整精華字句,傳授文法秘訣,解析必考題型等。</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 3750</div> <div>組合價:NT$ 3187</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3170" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=330727" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/330727978986335879420232522100510.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/330726978986335878720232522100524.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/330725978986335877020232522100543.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=330727">【3/11前,限時優惠】巫女澪~魔影魅靈之十二 今生篇(全套7冊)</a></div> <div class="ft-azure mb-2">本組合共含7件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">那些橫跨數千年,剪不斷、理還亂的絕祕關係,就讓作者親自解說。</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 2440</div> <div>組合價:NT$ 1763</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3128" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=234077" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/234077978986319475020211901050225.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/213129978986319474320202603040725.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/213128978986319449120202503040713.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=234077">【3/12前,限時優惠】龍緣(全套4冊)</a></div> <div class="ft-azure mb-2">本組合共含4件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">在不屬於龍的時代, 與龍相遇,本就是一場冒險?? 傻龍神、愣少年,菜鳥護脈神與皇帝候選, 一段兵荒馬亂的山海奇緣。</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 1089</div> <div>組合價:NT$ 559</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3125" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=421554" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42155420255021090125.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/421553978626415130620254021090157.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/421552978626415129020253721090153.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=421554">【愛藏版】沉月之鑰 第二部(電子書特別版)(全套8冊)</a></div> <div class="ft-azure mb-2">本組合共含8件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">本套書包含【愛藏版】沉月之鑰 第二部 卷1~卷7+番外特典+海報等</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 2850</div> <div>組合價:NT$ 2850</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3120" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> <div class="swiper-slide"> <div class="row book-wrap"> <div class="col-5 col-sm-5"> <div class="book-cover"> <div class="book-overlay"> <a href="/bookDetail.jsp?id=425039" class="book-link"> <div class="coverBox"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <!--套書 書封疊加 (最多3本) --> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/425039978626415313320250127030222.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/424908978626415313320251127090234.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/424907978626415312620250727090250.jpg" class="img-fluid bookPic swiper-lazy" on-image-load> </div> </a> </div> </div> </div> <div class="col-7 col-sm-7 pl-0"> <div class="book-name h5"><a href="/bookDetail.jsp?id=425039">我不是林黛玉(全套3冊)</a></div> <div class="ft-azure mb-2">本組合共含3件</div> <div class="book-int mb-0 mb-md-3 d-none d-sm-block">假冷酷真面癱悶騷刑警×活潑倒楣易暈倒網路作家,攜手獻上異能耽美物語!</div> <div class="book-money mb-2"> <div class="text-decoration-line">原價:NT$ 640</div> <div>組合價:NT$ 480</div> </div> <a href="/Template/store/shoppingcart/book_set/shoppingcart_step_01.jsp?sid=3173" class="btn btn-azure d-block d-md-inline-block px-md-5">直接購買</a> </div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!-- End 最新套書 --> <!-- 暢銷排行 20200310調整--> <section class="container-fluid featuredType 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 class="blkMore"><a href="/Template/store/bestSelling.jsp" class="ft-grapefruit">看全部排行 <i class="icon icon-navigate_next"></i></a></div> </div> <div class="row"> <div class="col-12 pb-3"> <div class="theme_activity"> <div class="swiper-container tag_menuBar2" data-tag-menubar-target="tag_cont_slide2" data-tag-menubar-chang-dir="false"> <div class="swiper-wrapper prd_tab_nav limited_nav"> <div class="mr-1 swiper-slide swiper-slide-thumb-active">文學小說</div> <div class="mr-1 swiper-slide">財經商管</div> <div class="mr-1 swiper-slide">生活風格</div> <div class="mr-1 swiper-slide">心理勵志</div> <div class="mr-1 swiper-slide">漫畫繪本</div> </div> </div> </div> </div> </div> </div> <div class="container-1320"> <div class="row"> <div class="swiper-container tag_cont_slide" id="tag_cont_slide2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="swiper-container " data-featured-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>1</b></div> <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="207653"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=207653" class="book-link"> <div class="contTxt d-none d-lg-block">臺灣漫遊錄</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/207653978986986626220213105110338.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=207653">臺灣漫遊錄</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 266 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>2</b></div> <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="415950"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=415950" class="book-link"> <div class="contTxt d-none d-lg-block">千年鬼【直木獎得主西條奈加最催淚之作】</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/415950978986133953520245125021243.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=415950">千年鬼【直木獎得主西條奈加最催淚之作】</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 245 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>3</b></div> <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="296543"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=296543" class="book-link"> <div class="contTxt d-none d-lg-block">世界就是這樣結束的</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/296543978626954863720223823020638.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=296543">世界就是這樣結束的</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>4</b></div> <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="307674"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=307674" class="book-link"> <div class="contTxt d-none d-lg-block">百年孤寂【平裝典藏版】:首度正式授權繁體中文版!出版50週年紀念全新譯本</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/307674978957333356220225906011039.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=307674">百年孤寂【平裝典藏版】:首度正式授權繁體中文版!出版50週年紀念全新譯本</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>5</b></div> <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="421667"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=421667" class="book-link"> <div class="contTxt d-none d-lg-block">特殊傳說Ⅲ. vol.10</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/421667978626384161120251921040125.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=421667">特殊傳說Ⅲ. vol.10</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>6</b></div> <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="301474"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=301474" class="book-link"> <div class="contTxt d-none d-lg-block">不便利的便利店</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/301474978626959384220221330020807.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">4.9<i class="icon icon-star-5"></i> </span> </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=301474">不便利的便利店</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>7</b></div> <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="385193"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=385193" class="book-link"> <div class="contTxt d-none d-lg-block">黃色臉孔</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/385193978626315500820240928090510.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=385193">黃色臉孔</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>8</b></div> <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="418252"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=418252" class="book-link"> <div class="contTxt d-none d-lg-block">像這樣的小事</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/418252978626396990220241731111207.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=418252">像這樣的小事</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>9</b></div> <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="422644"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422644" class="book-link"> <div class="contTxt d-none d-lg-block">殺戮狂詩曲</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422644978986401799720252406010246.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422644">殺戮狂詩曲</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>10</b></div> <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="333925"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=333925" class="book-link"> <div class="contTxt d-none d-lg-block">明日, 明日, 又明日</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/333925978626318683520230012030624.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">4.0<i class="icon icon-star-5"></i> </span> </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=333925">明日, 明日, 又明日</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 340 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-none d-md-block"></button> <button class="swiper-button-prev d-none d-md-block"></button> </div> </div> <div class="swiper-slide"> <div class="swiper-container " data-featured-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>1</b></div> <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="312445"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=312445" class="book-link"> <div class="contTxt d-none d-lg-block">看懂財經新聞賺錢門道:國際趨勢x金融觀點x華人思維 新聞解析4原則x財經要點5大類</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/312445978626707964520224808021125.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=312445">看懂財經新聞賺錢門道:國際趨勢x金融觀點x華人思維 新聞解析4原則x財經要點5大類</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>2</b></div> <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="331967"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=331967" class="book-link"> <div class="contTxt d-none d-lg-block">持續買進:資料科學家的投資終極解答, 存錢及致富的實證方法</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/331967978626725271020233730100559.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=331967">持續買進:資料科學家的投資終極解答, 存錢及致富的實證方法</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>3</b></div> <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="336459"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=336459" class="book-link"> <div class="contTxt d-none d-lg-block">Me Time:兼顧工作和生活的時間管理術</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/336459978986137408620233826020701.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=336459">Me Time:兼顧工作和生活的時間管理術</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 224 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>4</b></div> <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="288630"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=288630" class="book-link"> <div class="contTxt d-none d-lg-block">底層邏輯:看清這個世界的底牌</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/288630978626335071720225314110441.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">4.3<i class="icon icon-star-5"></i> </span> </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=288630">底層邏輯:看清這個世界的底牌</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>5</b></div> <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="294856"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=294856" class="book-link"> <div class="contTxt d-none d-lg-block">一天工作6分鐘:世界級商業領袖教你用槓桿力, 創造豐足與自由</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/294856978986175682020223828020643.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=294856">一天工作6分鐘:世界級商業領袖教你用槓桿力, 創造豐足與自由</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 217 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>6</b></div> <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="397674"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=397674" class="book-link"> <div class="contTxt d-none d-lg-block">隱性潛能:華頓商學院最具影響力教授, 突破天賦極限的實證科學</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/397674978626739754120242612090844.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=397674">隱性潛能:華頓商學院最具影響力教授, 突破天賦極限的實證科學</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 360 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>7</b></div> <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="393842"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=393842" class="book-link"> <div class="contTxt d-none d-lg-block">長期買進:財金教授周冠男的42堂自制力投資課</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/393842978626355843420243701040850.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=393842">長期買進:財金教授周冠男的42堂自制力投資課</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 338 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>8</b></div> <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="421317"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=421317" class="book-link"> <div class="contTxt d-none d-lg-block">黃仁勳傳:輝達創辦人如何打造全球最搶手的晶片</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/421317978626417137320254817010148.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=421317">黃仁勳傳:輝達創辦人如何打造全球最搶手的晶片</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 375 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>9</b></div> <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="319009"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=319009" class="book-link"> <div class="contTxt d-none d-lg-block">致富心態(暢銷增訂版):關於財富、貪婪與幸福的20堂理財課</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/319009978626355053720235316100105.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=319009">致富心態(暢銷增訂版):關於財富、貪婪與幸福的20堂理財課</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 338 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>10</b></div> <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="389221"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=389221" class="book-link"> <div class="contTxt d-none d-lg-block">你就是困住自己的那座山:終結自我破壞,實現自我控制</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/389221978986179890520242331090714.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=389221">你就是困住自己的那座山:終結自我破壞,實現自我控制</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-none d-md-block"></button> <button class="swiper-button-prev d-none d-md-block"></button> </div> </div> <div class="swiper-slide"> <div class="swiper-container " data-featured-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>1</b></div> <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="299801"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=299801" class="book-link"> <div class="contTxt d-none d-lg-block">逆思維:華頓商學院最具影響力的教授, 突破人生盲點的全局思考</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/299801978986559693420243004100738.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">3.2<i class="icon icon-star-5"></i> </span> </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=299801">逆思維:華頓商學院最具影響力的教授, 突破人生盲點的全局思考</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 295 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>2</b></div> <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="342889"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=342889" class="book-link"> <div class="contTxt d-none d-lg-block">奇蹟【電視劇《奇蹟 Kiseki: Dear to me》原著.影視劇照新裝改版】</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/342889978626356995920230117110803.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">3.0<i class="icon icon-star-5"></i> </span> </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=342889">奇蹟【電視劇《奇蹟 Kiseki: Dear to me》原著.影視劇照新裝改版】</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 168 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>3</b></div> <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="321616"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=321616" class="book-link"> <div class="contTxt d-none d-lg-block">渣男排行榜</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/321616978626353457520230416020233.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=321616">渣男排行榜</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 245 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>4</b></div> <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="421729"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=421729" class="book-link"> <div class="contTxt d-none d-lg-block">大腦想要的正確讀書法:用最輕鬆的方式讀,找回被網路偷走的專注力</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/421729978626406125420252822110159.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=421729">大腦想要的正確讀書法:用最輕鬆的方式讀,找回被網路偷走的專注力</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 338 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>5</b></div> <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="422000"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422000" class="book-link"> <div class="contTxt d-none d-lg-block">林姓主婦的晚餐餐桌提案:4種生活情境 X 8組餐桌提案=32套美味一桌菜</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422000978626358567620255503010233.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422000">林姓主婦的晚餐餐桌提案:4種生活情境 X 8組餐桌提案=32套美味一桌菜</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 390 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>6</b></div> <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="357693"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=357693" class="book-link"> <div class="contTxt d-none d-lg-block">親密恐懼:為什麼我們無法好好愛人,好好被愛?</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/357693978986406388820233927091138.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=357693">親密恐懼:為什麼我們無法好好愛人,好好被愛?</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 287 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>7</b></div> <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="422646"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422646" class="book-link"> <div class="contTxt d-none d-lg-block">恆溫關係:讓感情長保溫度的七日練習</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422646978626765010320251407100224.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422646">恆溫關係:讓感情長保溫度的七日練習</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 255 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>8</b></div> <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="422032"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422032" class="book-link"> <div class="contTxt d-none d-lg-block">獵豹閱讀法:如何快速讀透一本書</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422032978626983569020253923010156.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422032">獵豹閱讀法:如何快速讀透一本書</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 300 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>9</b></div> <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="424488"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424488" class="book-link"> <div class="contTxt d-none d-lg-block">你的Right One正在路上【下船、療傷、脫單適用】打造核心自信,對的人會來找你</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/424488978626358589820255625090237.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=424488">你的Right One正在路上【下船、療傷、脫單適用】打造核心自信,對的人會來找你</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 338 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>10</b></div> <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="422109"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422109" class="book-link"> <div class="contTxt d-none d-lg-block">雞胸肉料理研究室:增肌減醣必學!74道鮮嫩多汁料理</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422109978626752868620254403050214.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422109">雞胸肉料理研究室:增肌減醣必學!74道鮮嫩多汁料理</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 266 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-none d-md-block"></button> <button class="swiper-button-prev d-none d-md-block"></button> </div> </div> <div class="swiper-slide"> <div class="swiper-container " data-featured-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>1</b></div> <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="318347"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318347" class="book-link"> <div class="contTxt d-none d-lg-block">我可能錯了:森林智者的最後一堂人生課</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318347978986134445420232117020139.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=318347">我可能錯了:森林智者的最後一堂人生課</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>2</b></div> <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="410505"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=410505" class="book-link"> <div class="contTxt d-none d-lg-block">蔡康永的情商課. 3, 你願意, 人生就會值得</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/410505978986136696820242311111104.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=410505">蔡康永的情商課. 3, 你願意, 人生就會值得</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>3</b></div> <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="178998"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=178998" class="book-link"> <div class="contTxt d-none d-lg-block">原子習慣:細微改變帶來巨大成就的實證法則</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/178998978986175526720194524030555.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">4.2<i class="icon icon-star-5"></i> </span> </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=178998">原子習慣:細微改變帶來巨大成就的實證法則</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 231 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>4</b></div> <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="309193"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=309193" class="book-link"> <div class="contTxt d-none d-lg-block">深入人心的神表達:從一人告白到萬人演講, 有邏輯就能說出精彩</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/309193978986133847720222927021003.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=309193">深入人心的神表達:從一人告白到萬人演講, 有邏輯就能說出精彩</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 217 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>5</b></div> <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="419569"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=419569" class="book-link"> <div class="contTxt d-none d-lg-block">低成本生活</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/419569978957741988020255414080125.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=419569">低成本生活</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 240 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>6</b></div> <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="342480"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=342480" class="book-link"> <div class="contTxt d-none d-lg-block">讚美日記:日本最受歡迎的生命課程</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/342480978986175288420234729010804.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=342480">讚美日記:日本最受歡迎的生命課程</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 175 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>7</b></div> <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="410948"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=410948" class="book-link"> <div class="contTxt d-none d-lg-block">生命中最大的寶藏就是你自己Stand by Yourself</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/410948978626355969120241230031003.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=410948">生命中最大的寶藏就是你自己Stand by Yourself</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 315 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>8</b></div> <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="402681"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=402681" class="book-link"> <div class="contTxt d-none d-lg-block">關係黑洞:「不安全感」如何宰制我們的人生,如何突圍?(2024暢銷經典版)</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/402681978986406434220243205110915.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=402681">關係黑洞:「不安全感」如何宰制我們的人生,如何突圍?(2024暢銷經典版)</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>9</b></div> <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="419447"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=419447" class="book-link"> <div class="contTxt d-none d-lg-block">我可能錯了:森林智者的最後一堂人生課【有聲書‧特別收錄作者親聲祝福】(說書)[有聲書]</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/419447978986134445420251113040142.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>LPF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=419447">我可能錯了:森林智者的最後一堂人生課【有聲書‧特別收錄作者親聲祝福】(說書)[有聲書]</a></div> <div class="book-money small ft-grapefruit">優惠價 NT$ <span class="book-price ft-azure bold"> 383 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>10</b></div> <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="330966"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=330966" class="book-link"> <div class="contTxt d-none d-lg-block">不被壞情緒綁架的10種方法</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/330966978626356552420234824090524.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">2.0<i class="icon icon-star-5"></i> </span> </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=330966">不被壞情緒綁架的10種方法</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 216 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-none d-md-block"></button> <button class="swiper-button-prev d-none d-md-block"></button> </div> </div> <div class="swiper-slide"> <div class="swiper-container " data-featured-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>1</b></div> <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="339482"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=339482" class="book-link"> <div class="contTxt d-none d-lg-block">地。 —關於地球的運動—. 8(完)</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/339482978626356851820234826090731.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>JPG</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=339482">地。 —關於地球的運動—. 8(完)</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 98 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>2</b></div> <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="297061"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=297061" class="book-link"> <div class="contTxt d-none d-lg-block">我所看見的未來 完全版</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/297061978626711863420224829090630.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=297061">我所看見的未來 完全版</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 266 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>3</b></div> <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="421586"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=421586" class="book-link"> <div class="contTxt d-none d-lg-block">玫瑰的名字. 1</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/421586978626756210920252003090253.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=421586">玫瑰的名字. 1</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 406 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>4</b></div> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> </div> <a href="bookDetail.jsp?id=423776" class="book-link"> <div class="contTxt d-none d-lg-block">百姓貴族. 8</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/423776978626023790520255820100217.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=423776">百姓貴族. 8</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 120 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>5</b></div> <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="422779"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422779" class="book-link"> <div class="contTxt d-none d-lg-block">芭蕉的芽. vol.3</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422779978626384166620251910110222.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422779">芭蕉的芽. vol.3</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 210 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>6</b></div> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> </div> <a href="bookDetail.jsp?id=403787" class="book-link"> <div class="contTxt d-none d-lg-block">葬送的芙莉蓮. 13</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/403787978626022789020245023100927.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=403787">葬送的芙莉蓮. 13</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 80 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>7</b></div> <div class="book-cover shadow-02 mb-2"> <div class="book-overlay"> <div class="book-shopcar"> </div> <a href="bookDetail.jsp?id=422540" class="book-link"> <div class="contTxt d-none d-lg-block">山與食欲與我. 17</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422540978626422070520252205010205.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422540">山與食欲與我. 17</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 98 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>8</b></div> <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="251893"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=251893" class="book-link"> <div class="contTxt d-none d-lg-block">Day off</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/251893978986998770720212618040654.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=251893">Day off</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>9</b></div> <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="408501"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=408501" class="book-link"> <div class="contTxt d-none d-lg-block">反派千金賽希莉亞.西爾維為了活下去決定女扮男裝. 6</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/408501978626400518020243214021027.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=408501">反派千金賽希莉亞.西爾維為了活下去決定女扮男裝. 6</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 105 </span></div> </div> </div> <div class="swiper-slide"> <div class="book-wrap"> <div class="text-center">TOP<b>10</b></div> <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="372209"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=372209" class="book-link"> <div class="contTxt d-none d-lg-block">虹色時光. 16, 番外篇</div> <div class="coverBox blur"> <div class="maskColor"> <img src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/372209978626377664720241428010352.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=372209">虹色時光. 16, 番外篇</a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 77 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-none d-md-block"></button> <button class="swiper-button-prev d-none d-md-block"></button> </div> </div> </div> </div> </div> </div> </section> <!--End 暢銷排行 --> <!-- tag-menu-slider import太上面會不能用 只能放最下面 --> <script src="/Template/store/scripts/custom_main.js"></script> <script src="/Template/store/scripts/swiper.min.js"></script> <!-- tag-menu-slider --> <!-- 額外橫幅BN --> <section> <div class="container-1280"> <a href="https://hyread.cc/76jkkv" > <picture class="container-1280 pt-4 justify-content-center"> <source srcset="/gdata/images/2025021916134800165.jpg" media="(max-width: 767px)"> <img src="/gdata/images/2025021916133000882.jpg" class="img-fluid fixedImg center-block"> </picture> </a> </div> </section> <!-- End 額外橫幅BN --> <!-- 租書排行 --> <section> <div class="container-fluid best_leaderboard 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 class="blkMore"><a href="/Template/store/rentalRating.jsp" class="ft-grapefruit">看更多<i class="icon icon-navigate_next"></i></a></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="345560"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=345560" class="book-link"> <div class="contTxt d-none d-lg-block">給大人的童話心理學:解析童話裡的人性,66則心理學破除愛情×職場×友誼的煩惱!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/345560978626732940520230911010912.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=345560">給大人的童話心理學:解析童話裡的人性,66則心理學破除愛情×職場×友誼的煩惱!<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 285 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="422644"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422644" class="book-link"> <div class="contTxt d-none d-lg-block">殺戮狂詩曲</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422644978986401799720252406010246.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422644">殺戮狂詩曲<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="422641"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422641" class="book-link"> <div class="contTxt d-none d-lg-block">贖罪奏鳴曲</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422641978986401796620252306010236.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422641">贖罪奏鳴曲<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="374320"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=374320" class="book-link"> <div class="contTxt d-none d-lg-block">我是太陽, 我也需要休息一下!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/374320978626736730820245311010406.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=374320">我是太陽, 我也需要休息一下!<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 252 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="342719"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=342719" class="book-link"> <div class="contTxt d-none d-lg-block">小習慣養成複利人生:100個創意, 告訴你調整原子習慣, 被討厭不需要勇氣</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/342719978626729804620233715090850.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=342719">小習慣養成複利人生:100個創意, 告訴你調整原子習慣, 被討厭不需要勇氣<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 252 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="247419"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=247419" class="book-link"> <div class="contTxt d-none d-lg-block">禍害成夫君</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/247419978986328926520211628040515.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=247419">禍害成夫君<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 120 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="220944"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=220944" class="book-link"> <div class="contTxt d-none d-lg-block">給不小心就會太焦慮的你:摘下「窮忙濾鏡」x擺脫「不安迴圈」, 找回自己的人生</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/220944978986248918520204106031009.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=220944">給不小心就會太焦慮的你:摘下「窮忙濾鏡」x擺脫「不安迴圈」, 找回自己的人生<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 225 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="412462"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412462" class="book-link"> <div class="contTxt d-none d-lg-block">從零搞懂演算法:12種演算法 + 6種資料結構, 超圖解入門</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412462978626333948420242713011145.jpg" class="img-fluid bookPic chmln__img swiper-lazy" on-image-load> </div> </a> </div> <!--加入最愛(未登入)--> <div class="no_login_favorite"></div> <!--評分--> <div class="flagBlk rate"> <span class="tagBg">5.0<i class="icon icon-star-5"></i> </span> </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=412462">從零搞懂演算法:12種演算法 + 6種資料結構, 超圖解入門<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 750 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="412066"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=412066" class="book-link"> <div class="contTxt d-none d-lg-block">New TOEIC 一本攻克新制多益聽力+閱讀850+ :完全比照最新考題趨勢精準命題(附QR Code線上音檔) [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/412066978626751647820242707101150.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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> <span class="btn btn-dark"><small>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=412066">New TOEIC 一本攻克新制多益聽力+閱讀850+ :完全比照最新考題趨勢精準命題(附QR Code線上音檔) [有聲書]<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 390 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="397771"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=397771" class="book-link"> <div class="contTxt d-none d-lg-block">Notion與Notion AI全能實戰手冊:生活、學習與職場的智慧策略</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/397771978626333839520242321010810.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=397771">Notion與Notion AI全能實戰手冊:生活、學習與職場的智慧策略<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 420 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="362955"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=362955" class="book-link"> <div class="contTxt d-none d-lg-block">ChatGPT光速英語學習法:下達精確指令,提升學習效率</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/362955978626740504820242511010102.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=362955">ChatGPT光速英語學習法:下達精確指令,提升學習效率<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 299 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="422842"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422842" class="book-link"> <div class="contTxt d-none d-lg-block">AI視覺:最強入門邁向頂尖高手 王者歸來</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422842978626756954220254912020258.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422842">AI視覺:最強入門邁向頂尖高手 王者歸來<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 896 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="422643"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422643" class="book-link"> <div class="contTxt d-none d-lg-block">恩仇鎮魂曲</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422643978986401798020252106010253.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422643">恩仇鎮魂曲<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="422642"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422642" class="book-link"> <div class="contTxt d-none d-lg-block">追憶夜想曲</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422642978986401797320251706010256.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=422642">追憶夜想曲<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="421500"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=421500" class="book-link"> <div class="contTxt d-none d-lg-block">榮格心理學入門:自我重生的人生旅程</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/421500978626744655320251320010127.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=421500">榮格心理學入門:自我重生的人生旅程<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 280 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="418679"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=418679" class="book-link"> <div class="contTxt d-none d-lg-block">ChatGPT全新功能:4o/o1/o3、Reason、Search、Canvas、Projects、Voice、Sora - 推理、搜尋、畫布、專案、語音、視訊、影片 - 開創AI無限可能</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/418679978626756945020251607010133.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=418679">ChatGPT全新功能:4o/o1/o3、Reason、Search、Canvas、Projects、Voice、Sora - 推理、搜尋、畫布、專案、語音、視訊、影片 - 開創AI無限可能<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 364 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="417803"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=417803" class="book-link"> <div class="contTxt d-none d-lg-block">AI投資理財賺錢術:No Code也能賺大錢</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/417803978626756943620244526011217.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=417803">AI投資理財賺錢術:No Code也能賺大錢<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 476 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="416949"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=416949" class="book-link"> <div class="contTxt d-none d-lg-block">潛意識魔法:七天創造你的理想人生!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/416949978626744646120242218011238.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=416949">潛意識魔法:七天創造你的理想人生!<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 240 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="414537"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=414537" class="book-link"> <div class="contTxt d-none d-lg-block">段位</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/41453720244426111118.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=414537">段位<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 210 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></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="406835"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=406835" class="book-link"> <div class="contTxt d-none d-lg-block">陪孩子好好說話:讓愛無礙, 養成良好的親子溝通</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/406835978626989240220244127010910.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=406835">陪孩子好好說話:讓愛無礙, 養成良好的親子溝通<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 300 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">20</span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!--End 租書排行 --> <!-- 小編推薦/輪播 20210310[S]--> <section> <div class="container-fluid editor_columnist grey_bg_style pb-0 pb-md-4"> <div class="container-1280"> <div class="row"> <div class="col-12 col-md-6"> <div class="titleBar d-flex justify-content-between pt-3"> <div class="blkTitle h5">精選文章</div> <div class="blkMore"><a href="/Template/store/bestArticle.jsp" class="ft-grapefruit small">more<i class="icon icon-navigate_next"></i></a></div> </div> <div class="row"> <!-- 精選文章 --> <div class="col-12 col-lg-6 p-2 pt-0 "> <div class="book-wrap bg-white shadow-sm"> <div class="book-cover d-block"> <div class="articlepic"> <div class="article_b"> <a href="/Template/store/author_page.jsp?articleID=1100"> <img src="https://webcdn2.ebook.hyread.com.tw/auther_img/20250306180310.jpg" class="w-100"> </a> </div> </div> </div> <div class="book-cover-cont p-2 pt-3"> <div class="h6 bold"><a href="/Template/store/author_page.jsp?articleID=1100">目標太難,做不到?試著「把能力看成未來進行式」,激發你的無限可能</a></div> 深入探討如何在各種困難和不確定性中,回應管理者在經營、育才與自我... <div class="book-badge py-2"> <a href="/Template/store/bestArticle.jsp?cate=38"><span class="badge badge-article">職場充電站</span></a> </div> <div class="book-date"> <div class="w-100"> <div class="ft-warm-grey small">文:稻盛和夫</div> </div> </div> </div> </div> </div> <!-- 精選文章 --> <div class="col-12 col-lg-6 p-2 pt-0 d-none d-sm-block"> <div class="book-wrap bg-white shadow-sm"> <div class="book-cover d-block"> <div class="articlepic"> <div class="article_b"> <a href="/Template/store/author_page.jsp?articleID=1080"> <img src="https://webcdn2.ebook.hyread.com.tw/auther_img/20250116171320.jpg" class="w-100"> </a> </div> </div> </div> <div class="book-cover-cont p-2 pt-3"> <div class="h6 bold"><a href="/Template/store/author_page.jsp?articleID=1080">東京設計展覽DESIGNTIDE再發現(下)</a></div> 創作的機緣在於當時還是學生的高田陸央,穿梭於福井的各個工坊間探索... <div class="book-badge py-2"> <a href="/Template/store/bestArticle.jsp?cate=39"><span class="badge badge-article">休閒旅遊</span></a> </div> <div class="book-date"> <div class="w-100"> <div class="ft-warm-grey small">圖文/吳東龍</div> </div> </div> </div> </div> </div> <!-- 精選文章 --> </div> </div> <div class="col-12 col-md-6"> <div class="titleBar d-flex justify-content-between pt-3"> <div class="blkTitle h5">小編文摘</div> <div class="blkMore"><a href="/Template/store/article.jsp" class="ft-grapefruit small">more<i class="icon icon-navigate_next"></i></a></div> </div> <div class="row"> <!-- 小編文摘 --> <div class="col-12 col-lg-6 p-2 pt-0 "><!--第二則手機隱藏 <div class="col-12 col-lg-6 p-2 pt-0 d-none d-sm-block"> --> <div class="book-wrap bg-white shadow-sm"> <div class="book-cover d-block"> <a href="/bookDetail.jsp?id=422733"> <div class="book-cover-sm shadow-sm border"> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422733978626994361620253926100214.jpg"> </div> <div class="book-overlay"> <div class="book-link article_b"> <div class="maskColor"><img src="/Template/store/images/book_overlay_380.png" class="img-fluid maskPic w-100 imageLoaded" on-image-load=""></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422733978626994361620253926100214.jpg" class="img-fluid bookPic w-100 imageLoaded" on-image-load="" style="filter: brightness(0.5)" > </div> </div> </a> </div> <div class="book-cover-cont p-2 pt-3"> <div class="h6 bold"> <a href="/Template/store/article.jsp">透過稚子之眼,看盡失去、擁有、貧困、以及各種悲傷。</a> </div> 澤澤只是個孩子,然而,他肩上卻背負著超齡的煩惱,但也是這超齡的煩... <div class="book-badge py-2"> <a href="/Template/store/article.jsp?tagID=28#tagLink"> <span class="badge badge-article">找尋最純淨的心</span></a> </div> <div class="book-date"> <div class="w-100"> <div class="ft-warm-grey small"></div> </div> </div> </div> </div> </div> <div class="col-12 col-lg-6 p-2 pt-0 d-none d-sm-block"><!--第二則手機隱藏 <div class="col-12 col-lg-6 p-2 pt-0 d-none d-sm-block"> --> <div class="book-wrap bg-white shadow-sm"> <div class="book-cover d-block"> <a href="/bookDetail.jsp?id=422729"> <div class="book-cover-sm shadow-sm border"> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422729978986134527720251726100258.jpg"> </div> <div class="book-overlay"> <div class="book-link article_b"> <div class="maskColor"><img src="/Template/store/images/book_overlay_380.png" class="img-fluid maskPic w-100 imageLoaded" on-image-load=""></div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/422729978986134527720251726100258.jpg" class="img-fluid bookPic w-100 imageLoaded" on-image-load="" style="filter: brightness(0.5)" > </div> </div> </a> </div> <div class="book-cover-cont p-2 pt-3"> <div class="h6 bold"> <a href="/Template/store/article.jsp">一個父親,寫給兒子的顛覆人生備忘錄</a> </div> 一個生長在昭和時代的父親,走過一輩子,經歷工作上、生活上的種種,... <div class="book-badge py-2"> <a href="/Template/store/article.jsp?tagID=45#tagLink"> <span class="badge badge-article">文青的細語呢喃</span></a> </div> <div class="book-date"> <div class="w-100"> <div class="ft-warm-grey small"></div> </div> </div> </div> </div> </div> <!-- 小編文摘 --> </div> </div> </div> </div> </div> </section> <!-- 小編推薦/輪播 20210310[E] --> <!-- 雜誌排行 --> <section> <div class="container-fluid best_leaderboard 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 class="blkMore"><a href="/Template/store/magazineRating.jsp" class="ft-grapefruit">看更多<i class="icon icon-navigate_next"></i></a></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="425322"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425322" class="book-link"> <div class="contTxt d-none d-lg-block">商業周刊 2025/03/10 [第1947期]:聰明應對 小宅時代</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532220253705010355.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425322">商業周刊 2025/03/10 [第1947期]:聰明應對 小宅時代<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 99 </span></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="425609"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425609" class="book-link"> <div class="contTxt d-none d-lg-block">萬寶週刊 2025/03/06 [第1635期]:台積電四年投資美國1000億美元 爽到誰?</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42560920254206010326.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425609">萬寶週刊 2025/03/06 [第1635期]:台積電四年投資美國1000億美元 爽到誰?<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 220 </span></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="424125"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424125" class="book-link"> <div class="contTxt d-none d-lg-block">人生 [第499期]:善知識 你在哪裡?</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42412520255121110204.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=424125">人生 [第499期]:善知識 你在哪裡?<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 133 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">15</span></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="425324"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425324" class="book-link"> <div class="contTxt d-none d-lg-block">今周刊 2025/03/06 [第1472期]:體改夢碎?</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532420253805010303.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425324">今周刊 2025/03/06 [第1472期]:體改夢碎?<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 99 </span></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="424455"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424455" class="book-link"> <div class="contTxt d-none d-lg-block">復興每一天 [2025 March]:創世記25~36章</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42445520254824010258.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=424455">復興每一天 [2025 March]:創世記25~36章<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 80 </span></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="425594"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425594" class="book-link"> <div class="contTxt d-none d-lg-block">先探投資週刊 2025/03/07 [第2342期]:台積電遇亂流 持股應變3關鍵</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42559420252906110300.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425594">先探投資週刊 2025/03/07 [第2342期]:台積電遇亂流 持股應變3關鍵<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 268 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">15</span></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="425323"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425323" class="book-link"> <div class="contTxt d-none d-lg-block">新新聞 2025/03/06 [第1983期]:棄台論再起</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42532320255805010306.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425323">新新聞 2025/03/06 [第1983期]:棄台論再起<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 115 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">15</span></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="425316"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425316" class="book-link"> <div class="contTxt d-none d-lg-block">鏡週刊 2025/03/05 [第440期]:爆凌濤婚外私訊露鳥索色照</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42531620253705010301.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425316">鏡週刊 2025/03/05 [第440期]:爆凌濤婚外私訊露鳥索色照<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 75 </span></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="424466"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424466" class="book-link"> <div class="contTxt d-none d-lg-block">常春藤解析英語雜誌 [第440期] [有聲書]:世紀謎團 : 為什麼霸王龍手那麼短?</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42446620253824030236.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424466">常春藤解析英語雜誌 [第440期] [有聲書]:世紀謎團 : 為什麼霸王龍手那麼短?<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 160 </span></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="425059"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425059" class="book-link"> <div class="contTxt d-none d-lg-block">BBC 知識 [第163期]:逆轉老化 醫學如何改寫健康極限</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42505920250503020356.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425059">BBC 知識 [第163期]:逆轉老化 醫學如何改寫健康極限<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 220 </span></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="423525"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=423525" class="book-link"> <div class="contTxt d-none d-lg-block">大家說英語 [2025年3月] [有聲書]:Working From Home or at an Office? 居家工作或實體上班哪一個好?</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42352520254318010218.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=423525">大家說英語 [2025年3月] [有聲書]:Working From Home or at an Office? 居家工作或實體上班哪一個好?<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 180 </span></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="424631"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424631" class="book-link"> <div class="contTxt d-none d-lg-block">ライブ互動日本語 [第99期] [有聲書]:出發!日本自駕之旅 レンタカーでGO!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42463120251526010248.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424631">ライブ互動日本語 [第99期] [有聲書]:出發!日本自駕之旅 レンタカーでGO!<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 165 </span></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="424458"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424458" class="book-link"> <div class="contTxt d-none d-lg-block">跟我學日語 [第336期] [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42445820253924010202.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424458">跟我學日語 [第336期] [有聲書]<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 162 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">15</span></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="424099"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424099" class="book-link"> <div class="contTxt d-none d-lg-block">ABC互動英語 [第273期] [有聲書]:速食餐廳必備英語</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42409920254321010200.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424099">ABC互動英語 [第273期] [有聲書]:速食餐廳必備英語<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 165 </span></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="423526"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=423526" class="book-link"> <div class="contTxt d-none d-lg-block">空中英語教室 [2025年3月號] [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42352620250118030249.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=423526">空中英語教室 [2025年3月號] [有聲書]<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 180 </span></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="424983"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424983" class="book-link"> <div class="contTxt d-none d-lg-block">CNN互動英語 [第294期] [有聲書]:眼見不再為真 AI生成影片虛實難辨</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42498320253527010252.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424983">CNN互動英語 [第294期] [有聲書]:眼見不再為真 AI生成影片虛實難辨<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 165 </span></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="425073"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=425073" class="book-link"> <div class="contTxt d-none d-lg-block">國家地理雜誌 [2025年03月 No. 280]:失落的維京女英雄</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42507320251504010346.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=425073">國家地理雜誌 [2025年03月 No. 280]:失落的維京女英雄<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 235 </span></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="422799"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=422799" class="book-link"> <div class="contTxt d-none d-lg-block">A+ English空中美語 [第294期] [有聲書]:keshi</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42279920254510020215.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=422799">A+ English空中美語 [第294期] [有聲書]:keshi<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 169 </span></div> <div class="book-money small">租書價 NT$ <span class="book-price ft-azure bold">15</span></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="424123"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=424123" class="book-link"> <div class="contTxt d-none d-lg-block">ALL+互動英語 [第244期] [有聲書]:Bruno Mars 火星人布魯諾</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42412320253121020245.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=424123">ALL+互動英語 [第244期] [有聲書]:Bruno Mars 火星人布魯諾<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 165 </span></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="423524"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=423524" class="book-link"> <div class="contTxt d-none d-lg-block">Advanced彭蒙惠英語 [2025年3月號] [有聲書]</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img data-src="https://webcdn2.ebook.hyread.com.tw/bookcover/42352420252718110226.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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>PDF</small></span> </div> </div> <div class="book-title-01"><a href="bookDetail.jsp?id=423524">Advanced彭蒙惠英語 [2025年3月號] [有聲書]<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 180 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!--End 雜誌排行 --> <!-- 額外橫幅BN --> <section> <div class="container-1280"> <a href="/bookDetail.jsp?id=421540" > <picture class="container-1280 pt-4 justify-content-center"> <source srcset="/gdata/images/2025021715320900255.jpg" media="(max-width: 767px)"> <img src="/gdata/images/2025021715311100559.jpg" class="img-fluid fixedImg center-block"> </picture> </a> </div> </section> <!-- End 額外橫幅BN --> <!-- 免費好書 --> <section> <div class="container-fluid best_leaderboard 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 class="blkMore"><a href="/Template/store/freeBooks.jsp" class="ft-grapefruit">看更多<i class="icon icon-navigate_next"></i></a></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="369786"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369786" class="book-link"> <div class="contTxt d-none d-lg-block">養成守護靈. 3, 雞飛蛋打的競技大賽【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369786978626976577520245608010304.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369786">養成守護靈. 3, 雞飛蛋打的競技大賽【試讀本】<br></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="351064"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=351064" class="book-link"> <div class="contTxt d-none d-lg-block">終於要與自己和好如初【破曉版】【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/351064978957334072020231216011000.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=351064">終於要與自己和好如初【破曉版】【試讀本】<br></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="371233"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=371233" class="book-link"> <div class="contTxt d-none d-lg-block">鴛鴦紋身【30週年全新插畫增訂版】:張曼娟最古典短篇小說【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/371233978957334131420242621120349.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=371233">鴛鴦紋身【30週年全新插畫增訂版】:張曼娟最古典短篇小說【試讀本】<br></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="344672"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=344672" class="book-link"> <div class="contTxt d-none d-lg-block">成為惡人之前:老貝利法院最具聲望女法官的6個人性思辨【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/344672978626718182920231601090902.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=344672">成為惡人之前:老貝利法院最具聲望女法官的6個人性思辨【試讀本】<br></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="369790"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369790" class="book-link"> <div class="contTxt d-none d-lg-block">沒有神的所在:侯文詠帶你閱讀金瓶梅【十五週年經典版】【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369790978957334126020244808010356.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369790">沒有神的所在:侯文詠帶你閱讀金瓶梅【十五週年經典版】【試讀本】<br></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="368889"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=368889" class="book-link"> <div class="contTxt d-none d-lg-block">孩子的不凡, 來自你的不厭其煩:神老師的陪伴全教養, 讓每個孩子的價值都能被看見【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/368889978957334122220240026090220.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=368889">孩子的不凡, 來自你的不厭其煩:神老師的陪伴全教養, 讓每個孩子的價值都能被看見【試讀本】<br></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="371235"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=371235" class="book-link"> <div class="contTxt d-none d-lg-block">妖的二三事【妖物誌全新插畫增訂版】:張曼娟最異色短篇小說【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/371235978957334130720243421120314.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=371235">妖的二三事【妖物誌全新插畫增訂版】:張曼娟最異色短篇小說【試讀本】<br></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="369266"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369266" class="book-link"> <div class="contTxt d-none d-lg-block">有錢人的書櫃總有一本心理學書:打造你的「易富」體質, 成為掌握財富的5%人!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369266978626739723720245301010325.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369266">有錢人的書櫃總有一本心理學書:打造你的「易富」體質, 成為掌握財富的5%人!【試讀本】<br></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="359322"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=359322" class="book-link"> <div class="contTxt d-none d-lg-block">這樣構圖, 手殘也能拍出好照片:13種構圖類型×14項攝影秘訣×34個實用範例, 保證你拍照從此不失敗!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/359322978957803986520235608101239.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=359322">這樣構圖, 手殘也能拍出好照片:13種構圖類型×14項攝影秘訣×34個實用範例, 保證你拍照從此不失敗!【試讀本】<br></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="365275"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=365275" class="book-link"> <div class="contTxt d-none d-lg-block">創勝心態:喚醒內在動能, 激發無限潛能的勝念思考【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/365275978626739721320243225100118.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=365275">創勝心態:喚醒內在動能, 激發無限潛能的勝念思考【試讀本】<br></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="364746"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=364746" class="book-link"> <div class="contTxt d-none d-lg-block">善惡魔法學院:雙城崛起 (試閱本)</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/364746978626717337420240822020145.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=364746">善惡魔法學院:雙城崛起 (試閱本)<br></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="369193"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369193" class="book-link"> <div class="contTxt d-none d-lg-block">小書痴的下剋上. 【第五部】, 女神的化身. IX【無特典】【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369193978957334111620245101080338.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369193">小書痴的下剋上. 【第五部】, 女神的化身. IX【無特典】【試讀本】<br></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="365273"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=365273" class="book-link"> <div class="contTxt d-none d-lg-block">撼動世界歷史的14種植物:「植物」才是操縱歷史的幕後黑手?大航海時代、工業革命、黑奴制度、鴉片戰爭……所有歷史上的關鍵時刻, 都跟植物脫不了關係!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/365273978957931438120245825100131.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=365273">撼動世界歷史的14種植物:「植物」才是操縱歷史的幕後黑手?大航海時代、工業革命、黑奴制度、鴉片戰爭……所有歷史上的關鍵時刻, 都跟植物脫不了關係!【試讀本】<br></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="358707"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=358707" class="book-link"> <div class="contTxt d-none d-lg-block">純白殺人魔:榮獲日本IIV創作者大賞最優秀賞!感官崩毀的「爆裂式青春」之作!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/358707978957334092820231429021125.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=358707">純白殺人魔:榮獲日本IIV創作者大賞最優秀賞!感官崩毀的「爆裂式青春」之作!【試讀本】<br></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="349842"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=349842" class="book-link"> <div class="contTxt d-none d-lg-block">天職地圖【試讀本】:日本「強項大師」獨家設計, 直達成功的生涯探索遊戲!</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/349842978626718193520231728020933.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=349842">天職地圖【試讀本】:日本「強項大師」獨家設計, 直達成功的生涯探索遊戲!<br></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="374069"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=374069" class="book-link"> <div class="contTxt d-none d-lg-block">遇見未知的自己【恩佐全彩插圖典藏版】:張德芬經典代表作「身心靈三部曲」喚醒篇【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/374069978957333508520241409010447.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=374069">遇見未知的自己【恩佐全彩插圖典藏版】:張德芬經典代表作「身心靈三部曲」喚醒篇【試讀本】<br></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="355532"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=355532" class="book-link"> <div class="contTxt d-none d-lg-block">可不可以, 不要跟別人相處?:韓國權威精神科醫師親授, 改變人生的「人際關係聖經」!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/355532978626718197320233913091127.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=355532">可不可以, 不要跟別人相處?:韓國權威精神科醫師親授, 改變人生的「人際關係聖經」!【試讀本】<br></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="369788"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369788" class="book-link"> <div class="contTxt d-none d-lg-block">優雅貴族的休假指南【附特典】【試讀本】. 15</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369788978957334120820243608010329.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369788">優雅貴族的休假指南【附特典】【試讀本】. 15<br></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="368887"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=368887" class="book-link"> <div class="contTxt d-none d-lg-block">關係不是愛情, 而是修行【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/368887978957334119220245326080220.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=368887">關係不是愛情, 而是修行【試讀本】<br></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="368722"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=368722" class="book-link"> <div class="contTxt d-none d-lg-block">尋找靈魂的使命:我創造藝術傑作的歷程【試閱本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/36872220244021100238.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=368722">尋找靈魂的使命:我創造藝術傑作的歷程【試閱本】<br></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="369264"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369264" class="book-link"> <div class="contTxt d-none d-lg-block">底氣:掌握《孟子》7大智慧, 活出坦蕩的人生!【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369264978626739725120241101020328.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369264">底氣:掌握《孟子》7大智慧, 活出坦蕩的人生!【試讀本】<br></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="350558"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=350558" class="book-link"> <div class="contTxt d-none d-lg-block">養成守護靈. 2, 拐個幻靈寶寶當萌寵【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/350558978626976571320232406101007.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=350558">養成守護靈. 2, 拐個幻靈寶寶當萌寵【試讀本】<br></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="371231"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=371231" class="book-link"> <div class="contTxt d-none d-lg-block">請不要在大家面前稱讚我:不是不上進, 而是太早學會大人的消極, 新世代的「好孩子症候群」【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/371231978626739728220244221090309.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=371231">請不要在大家面前稱讚我:不是不上進, 而是太早學會大人的消極, 新世代的「好孩子症候群」【試讀本】<br></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="368885"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=368885" class="book-link"> <div class="contTxt d-none d-lg-block">解局思考:如何突破無解的死局, 找到自己的活路?【試讀本】</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/368885978626739724420243826090223.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=368885">解局思考:如何突破無解的死局, 找到自己的活路?【試讀本】<br></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="369195"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=369195" class="book-link"> <div class="contTxt d-none d-lg-block">小書痴的下剋上 FANBOOK:為了成為圖書管理員不擇手段!【試讀本】. 7</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/369195978957334112320245301080332.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=369195">小書痴的下剋上 FANBOOK:為了成為圖書管理員不擇手段!【試讀本】. 7<br></a></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!--End 免費好書 --> <!-- 三則廣告輪播 --> <section> <div class="container-fluid banner_wrap_02 bg-light py-0 py-md-5"> <div class="container-1280"> <div class="row"> <div class="swiper-container px-0 px-sm-4 px-md-5" data-banner-slider> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/bookDetail.jsp?id=423471" > <img data-src="/gdata/images/2025030514242400036.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/78lr6n" > <img data-src="/gdata/images/2025030509542300047.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="/bookDetail.jsp?id=424478" > <img data-src="/gdata/images/2025022415582000191.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://hyread.cc/76jkkv" > <img data-src="/gdata/images/2025021916212100338.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> <div class="swiper-slide"> <a href="https://ebook.hyread.com.tw/shy/shy_page.jsp" > <img data-src="/gdata/images/2024111317244900071.jpg" class="img-fluid w-100 swiper-lazy" on-image-load> </a> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next d-sm-block"></button> <button class="swiper-button-prev d-sm-block"></button> </div> </div> </div> </div> </section> <!--End Banner Slider --> <!-- 額外橫幅BN --> <section> <div class="container-1280"> <a href="https://hyread.cc/75qtan" > <picture class="container-1280 pt-4 justify-content-center"> <source srcset="/gdata/images/2025021413575700295.jpg" media="(max-width: 767px)"> <img src="/gdata/images/2025021413574100228.jpg" class="img-fluid fixedImg center-block"> </picture> </a> </div> </section> <!-- End 額外橫幅BN --> <!-- 本月新書 限時優惠 20200316新增 --> <section> <div class="container-fluid new_magazine 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 class="blkMore"><a href='https://ebook.hyread.com.tw/searchList.jsp?pagesize=30&sortinfo=YEAR,1&resid=188966096&search_field=FullText&search_input=%E6%A2%9D%E6%BC%AB' class='ft-grapefruit'>看更多<iclass="icon icon-navigate_next"></i></a></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"> </div> <a href="bookDetail.jsp?id=297589" class="book-link"> <div class="contTxt d-none d-lg-block">聖女魔力無所不能(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/297589978626321299220221112011028.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=297589">聖女魔力無所不能(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318862"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318862" class="book-link"> <div class="contTxt d-none d-lg-block">反派千金的不法情事(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318862978626352067720234116100120.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318862">反派千金的不法情事(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318871"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318871" class="book-link"> <div class="contTxt d-none d-lg-block">那那木悠志郎的怪異譚蒐集(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318871978626321846820235616100144.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318871">那那木悠志郎的怪異譚蒐集(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318927"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318927" class="book-link"> <div class="contTxt d-none d-lg-block">法式餐酒館三軒亭(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318927978626321956420230816010146.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318927">法式餐酒館三軒亭(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="303178"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=303178" class="book-link"> <div class="contTxt d-none d-lg-block">異端狩獵者(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/303178978626321845120223522100950.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=303178">異端狩獵者(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318802"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318802" class="book-link"> <div class="contTxt d-none d-lg-block">企鵝公路(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318802978626352068420230016040114.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318802">企鵝公路(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318881"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318881" class="book-link"> <div class="contTxt d-none d-lg-block">我的婚約者(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318881978626321954020230716110105.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318881">我的婚約者(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="318789"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=318789" class="book-link"> <div class="contTxt d-none d-lg-block">為墜落人間的聖騎士獻上拿手好菜 我愛上了祖先的未婚夫。(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/318789978626352083720235616030108.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=318789">為墜落人間的聖騎士獻上拿手好菜 我愛上了祖先的未婚夫。(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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="301683"> <i class="icon icon-add_shopping_cart"></i>購物車 </a> </div> <a href="bookDetail.jsp?id=301683" class="book-link"> <div class="contTxt d-none d-lg-block">月華國奇醫傳(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/301683978626321714020224322100932.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=301683">月華國奇醫傳(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></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"> </div> <a href="bookDetail.jsp?id=297581" class="book-link"> <div class="contTxt d-none d-lg-block">不加班真的可以嗎?~小職員異世界佛心企業初體驗~(條漫版). 第1話</div> <div class="coverBox blur"> <div class="maskColor"> <img data-src="/Template/store/images/book_overlay_250.png" class="img-fluid maskPic swiper-lazy" on-image-load> </div> <img src="https://webcdn2.ebook.hyread.com.tw/bookcover/297581978626321295420223022100943.jpg" class="img-fluid bookPic chmln__img swiper-lazy" 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=297581">不加班真的可以嗎?~小職員異世界佛心企業初體驗~(條漫版). 第1話<br></a></div> <div class="book-money small">電子書 NT$ <span class="book-price ft-azure bold"> 0 </span></div> </div> </div> </div> <!-- Add Arrows --> <button class="swiper-button-next"></button> <button class="swiper-button-prev"></button> </div> </div> </div> </div> </section> <!-- End 本月新書 限時優惠 --> <!-- 2024 新增文字超連結廣告[S] --> <div class="container align-items-center py-4"> <div class="row no-gutters text-center"> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/activity/2023lienyuhan/index.html" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">俞涵推薦</a></div> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/activity/memberday/index.jsp" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">1號會員日</a></div> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/Template/store/event_list.jsp" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">熱門活動</a></div> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/Template/store/newbooks.jsp" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">熱門新書</a></div> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/activity/201902gaze/index.jsp" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">Gaze閱讀器</a></div> <div class="col-4 col-md"><a href="https://ebook.hyread.com.tw/shy/shy_page.jsp" class="ft-azure bold" style="border-bottom: 1px solid #159ff0">18限定專區</a></div> </div> </div> <!-- 2024 新增文字超連結廣告[E] --> </div> </div> </div> <!-- APP Promo Banner --> <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="https://goo.gl/kGEflg" target="_blank" class="p-1"><img src="/Template/store/images/windowsstore.svg" class="img-fluid" alt="Windows Store"></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> <!-- APP Promo Banner --> <!--========== FOOTER ==========--> <footer class="footer"> <!-- PC/Mobile sitemap footer --> <div class="container-fluid"> <div class="container-1280 px-md-3 mx-xl-auto" id="pcMobileFooter"> <div class="row no-gutters"> <!-- PC sitemap --> <ul class="col footer_link_list d-none d-lg-block"> <li class="title">關於HyRead</li> <!--熱門活動--> <!-- <li><a href="javascript:;" class="footer_link" title="熱門活動">熱門活動</a></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="https://hyweb.zendesk.com/hc/zh-tw/categories/200041446" target="_blank" class="footer_link" title="常見問題">常見問題</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> <!-- PC sitemap --> <!-- Mobile sitemap --> <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> <!--熱門活動--> <!-- <li class="col-4 px-0"><a href="javascript:;" 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="https://hyweb.zendesk.com/hc/zh-tw/categories/200041446" target="_blank" class="footer_link" title="常見問題">常見問題</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> <!-- Mobile sitemap --> <div class="w-100 d-flex d-lg-none sep_line"></div> <!-- PC/Mobile social btn --> <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> <!-- PC/Mobile social btn --> <div class="w-100 d-flex d-lg-none"></div> <!-- Mobile lang/coin menu btn --> <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> <!-- Mobile lang/coin menu btn --> <!-- PC go to top btn --> <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> <!-- PC go to top btn --> </div> </div> </div> <!-- PC/Mobile sitemap footer --> <!-- PC footer credit & lang/coin menu --> <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&copy; 2025 hyread <em > IP=8.222.208.146(172) </em> </div> </div> </div> </div> <!-- PC footer credit & lang/coin menu --> </footer> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TVTP73V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- [S]Appier 搜尋關鍵字事件 --> <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> <!-- [E]Appier 搜尋關鍵字事件 --> <!-- [S] Appier --> <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> <!-- [E] Appier --> <!--========== END FOOTER ==========--> <script> $().ready(function(){ var rdurl = 'https://ebook.hyread.com.tw//?search_field=BSU&amp;search_input=R0312&amp;sortinfo=YEAR%2C1&amp;op=AND&amp;search_field=seriesID&amp;search_input=11377'; 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> <!-- language/coin Modal --> <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 class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="in_ID" class="custom-control-input" name="langSelectorModal" id="langSelectorModal5"> <label class="custom-control-label" for="langSelectorModal5">Indonesia</label> </div> </div> <div class="col-6 form-radio py-1"> <div class="custom-control custom-radio"> <input type="radio" name="lang" value="ms_MY" class="custom-control-input" name="langSelectorModal" id="langSelectorModal6"> <label class="custom-control-label" for="langSelectorModal6">Malay</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> <!-- language/coin Modal --> <!-- Mobile side navbar menu --> <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><a href="/Template/store/magazineList.jsp">雜誌</a></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?search_field=BSU&search_input=R0315">聽書</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> <!-- [S] 即將下架 --> <li><a href="/Template/store/abouttoexpire.jsp">即將下架</a></li> <!-- [E] 即將下架 --> <!-- 名人推薦 --> <!-- [S] 後台客戶上稿 名人推薦 --> <!-- [E] 後台客戶上稿 名人推薦 --> <li><span>名人推薦</span> <ul> <li><a href="https://hyread.cc/2024lienyuhan">與代言人連俞涵一起月讀</a></li> <li><a href="https://hyread.cc/2025haruka">劉宇彤Haruka推薦10本好書</a></li> <li><a href="https://hyread.cc/77reading">IG愛書人奇奇推薦</a></li> </ul> </li> <!-- [S] 活動列表 --> <!-- [E] 活動列表 --> <!-- [S] 熱門活動 --> <!-- <li><span>熱門活動</span> <ul> <li><a href="/Template/store/eventPage.jsp?id=4507">小熊蓋房子</a></li> <li><a href="/Template/store/eventPage.jsp?id=3701">滿懷愛意的吃了妳──輕熟情慾漫畫展</a></li> <li><a href="/Template/store/eventPage.jsp?id=1489">從好好說話開始</a></li> <li><a href="/Template/store/eventPage.jsp?id=246">劇荒看歐美劇原著小說</a></li> <li><a href="/Template/store/eventPage.jsp?id=2031">IG人氣愛書人奇奇推薦</a></li> <li><a href="/Template/store/eventPage.jsp?id=4210">聚焦AI,展望未來</a></li> <li><a href="/Template/store/eventPage.jsp?id=3699">兄弟別隨便亂發情──精選BL漫畫展</a></li> <li><a href="/Template/store/eventPage.jsp?id=4286">尖端每月精選:死役所</a></li> <li><a href="/Template/store/eventPage.jsp?id=4490">春光正好 尖端數位寫真書展</a></li> <li><a href="/Template/store/eventPage.jsp?id=4093">天機大揭秘</a></li> </ul> </li> --> <!-- [E] 熱門活動 --> <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> <!-- Mobile side navbar menu --> <!-- 零信任生物辨識 Modal --> <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">&times;</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 class="row bg-light text-center py-4"> <div class="col px-3 ft-warm-grey"> 如果要恢復原始登入選項,請先解除生物辨識 </div> <div class="col-12 pt-3 d-flex justify-content-center"> <button type="button" data-dismiss="modal" class="btn btn-outline-primary custom_grey_outline_style px-2" onclick="biometricLogout();">解除生物辨識</button> </div> </div> --> </div> </div> </div> </div> </div> <!-- 零信任生物辨識 Modal --> <script> function loginBiometric() { document.loginBiometricForm.submit(); } function biometricLogout() { window.location = '/member/logout.jsp?cleanBio=1'; } </script> <!-- 使用HyRead帳號登入 Modal --> <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">&times;</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> <!-- 生物辨識按鈕 switch --> <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> <!-- 生物辨識按鈕 switch --> </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" title="LINE登入""> <button type="button" onclick="GoLineLogin();" data-dismiss="modal" class="login-btn btn-line ft-white w-100 py-2"> <img src="/images/icon-line.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=7036421869612228522&scope=profile%20openid"; } function GoOpenID(){ form12.submit(); } </script> <!-- 使用HyRead帳號登入 Modal --> <!-- 註冊HyRead帳號 Modal --> <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">&times;</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"> <div class="form-group mb-3"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="register_order_epaper"> <label class="custom-control-label" for="register_order_epaper">我要訂閱電子報,好康消息不漏接。</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> <!-- 註冊HyRead帳號 Modal --> <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> <!-- 忘記密碼 Modal --> <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">&times;</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 g-recaptcha" data-sitekey="6LeAGiAUAAAAAH9aFWeUdCn2rJQtUV-LbSJtIgCJ" data-callback="isNotRobot"></div> --> <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> <!-- 忘記密碼 Modal --> <!-- [S] 帳號選擇 Modal --> <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">&times;</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> <!-- [E] 帳號選擇 Modal --> <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> <!-- PC下載閱讀軟體安裝 Modal --> <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">&times;</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> <!-- PC下載閱讀軟體安裝 Modal --> <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> <!-- OPEN ID Modal --> <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">&times;</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> <!-- OPEN ID Modal --> <script> var isValidRecaptcha = false; var isNotRobot = function() { isValidRecaptcha = true; }; function submitForm(){ $('#openIdForm').attr('action', '/SSO/OpenIdAuth.jsp'); $('#openIdForm').submit(); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10