It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://kawebook.com

  1.  
  2. <!doctype html>
  3. <html lang="en" id="html-content">
  4.  
  5.    <head>
  6.        <meta charset="UTF-8">
  7.        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  8.        <title>กวีบุ๊ค|นิยาย อ่านนิยายออนไลน์ฟรี นิยายจีนแปล รัก วาย แฟนตาซี ครบ</title>
  9.        <meta name="robots" content="index,follow" /><meta name="author" content="kawebook.com" /><meta name="google-site-verification" content="ONLzt7X84XFf_V_GkpPqMNreubGkY3S72DEnRrcq8PY" /> <meta http-equiv="content-language" content="th" />
  10. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  12. <meta name="description" content="คลังนิยายออนไลน์ นิยายอ่านฟรี ยอดอ่านนิยาย หลัก100ล้าน+ มีทั้งนิยายจีนแปล รัก นิยายวาย แฟนตาซี ระบบ เกิดใหม่ จีนโบราณ ย้อนอดีต ครบ อ่านนิยายออนไลน์ ที่กวีบุ๊ค!">
  13.        <meta property="og:url" content="www.kawebook.com" />
  14.        <meta property="og:type" content="article" />
  15.        <meta property="og:title" content="กวีบุ๊ค|นิยาย อ่านนิยายออนไลน์ฟรี นิยายจีนแปล รัก วาย แฟนตาซี ครบ" />
  16.        <meta property="og:description" content="คลังนิยายออนไลน์ นิยายอ่านฟรี ยอดอ่านนิยาย หลัก100ล้าน+ มีทั้งนิยายจีนแปล รัก นิยายวาย แฟนตาซี ระบบ เกิดใหม่ จีนโบราณ ย้อนอดีต ครบ อ่านนิยายออนไลน์ ที่กวีบุ๊ค!" />
  17.        <meta property="og:image" content="https://www.kawebook.com/assets/img/facebook_og.jpg?v1001" />
  18.  
  19.        <link rel="icon" href="https://www.kawebook.com/assets2/img/logo_kawe.webp?v=1001">
  20.  
  21.        
  22.        <!-- Custom styles for this template -->
  23.        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt">
  24.        <link rel="stylesheet" href="https://www.kawebook.com/assets2/plugins/fontawesome-free-6.0.0-web/css/all.min.css?v=9321">
  25.  
  26.        <!-- Bootstrap core CSS -->
  27.        <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/bootstrap.min.css?v=1001" >
  28.  
  29.    </head>
  30.    <body class="bodyWood" id="body-content">
  31.  
  32.        <script>
  33. var csrfName = 'csrf_test_name';
  34. var csrfHash = '869ff8116bd397bcf8d1aac21aee5c75';
  35. </script>
  36.  
  37. <!-- google login liberry -->
  38. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
  39. <script src="https://apis.google.com/js/api:client.js?v=1001"></script>
  40. <script>
  41. //==== SignIn Google ==============================================
  42. var googleUser = {};
  43. var startApp = function() {
  44.     gapi.load('auth2', function(){
  45.       auth2 = gapi.auth2.init({
  46. client_id: '1089777758837-4f1vt1b6g46a8jo20go1o2k8kj56rdme.apps.googleusercontent.com',
  47.         cookiepolicy: 'single_host_origin',
  48.         plugin_name: 'chat'
  49.       });
  50.       attachSignin(document.getElementById('customBtn'));
  51. });
  52. };
  53. function attachSignin(element) {
  54.    //console.log(element.id);
  55.    auth2.attachClickHandler(element, {},
  56.    function(googleUser){
  57. post("https://www.kawebook.com/Member/google_auth",{"id":googleUser.getBasicProfile().getId(), "name":googleUser.getBasicProfile().getName(), "email":googleUser.getBasicProfile().getEmail(), "image":googleUser.getBasicProfile().getImageUrl()});
  58.    },
  59.    function(error){
  60.        //alert(JSON.stringify(error, undefined, 2));
  61.    });
  62. }
  63.  
  64. //==== SignIn Line ================================================
  65. function lineLogin(){
  66. window.location.assign("https://www.kawebook.com/Member/login_line");
  67. }
  68. //==== End SignIn Line ============================================
  69.  
  70. /* *********************************************************************
  71. ** *** Chaiwat Chain Create 2018/12/10 ********************************
  72. ** function post(path, params, target, method) ************************
  73. ** path  : URL ********************************************************
  74. ** params: Value is array *********************************************
  75. ** target: target {"_blank", "_self", "_parent"} **********************
  76. ** method: {"POST", "GET"} ********************************************
  77. ** ----------------------------------------------------------------- **
  78. ** Example ************************************************************
  79. ** post(path,{val1: "1", val2:"2", valn:"n"},[target],[method]); **
  80. ***********************************************************************
  81. */
  82. function post(path, params, target, method) {
  84. target = target || "_self"; // Set target to post by default if not specified.
  85. method = method || "post"; // Set method to post by default if not specified.
  86.  
  87. // The rest of this code assumes you are not using a library.
  88. // It can be made less wordy if you use one.
  89. var form = document.createElement("form");
  90. form.setAttribute("method", method);
  91. form.setAttribute("action", path);
  92. form.setAttribute("target", target);
  93.  
  94. for(var key in params) {
  95. if(params.hasOwnProperty(key)) {
  96. var hiddenField = document.createElement("input");
  97. hiddenField.setAttribute("type", "hidden");
  98. hiddenField.setAttribute("name", key);
  99. hiddenField.setAttribute("value", params[key]);
  100. form.appendChild(hiddenField);
  101. }
  102. }
  103.  
  104. document.body.appendChild(form);
  105. form.submit();
  106. }
  107. </script>
  108.  
  109. <script>
  110. /*
  111. (function () {
  112. 'use strict';
  113. var devtools = {
  114. open: false,
  115. orientation: null
  116. };
  117. var threshold = 160;
  118. var emitEvent = function (state, orientation) {
  119. window.dispatchEvent(new CustomEvent('devtoolschange', {
  120. detail: {
  121. open: state,
  122. orientation: orientation
  123. }
  124. }));
  125. };
  126.  
  127. setInterval(function () {
  128. var widthThreshold = window.outerWidth - window.innerWidth > threshold;
  129. var heightThreshold = window.outerHeight - window.innerHeight > threshold;
  130. var orientation = widthThreshold ? 'vertical' : 'horizontal';
  131.  
  132. if (!(heightThreshold && widthThreshold) &&
  133.      ((window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized) || widthThreshold || heightThreshold)) {
  134. if (!devtools.open || devtools.orientation !== orientation) {
  135. emitEvent(true, orientation);
  136. }
  137.  
  138. devtools.open = true;
  139. devtools.orientation = orientation;
  140. } else {
  141. if (devtools.open) {
  142. emitEvent(false, null);
  143. }
  144.  
  145. devtools.open = false;
  146. devtools.orientation = null;
  147. }
  148. }, 500);
  149.  
  150. if (typeof module !== 'undefined' && module.exports) {
  151. module.exports = devtools;
  152. } else {
  153. window.devtools = devtools;
  154. }
  155. })();
  156. // check if it's open
  157. // console.log('is DevTools open?', window.devtools.open);
  158. // check it's orientation, null if not open
  159. // console.log('and DevTools orientation?', window.devtools.orientation);
  160.  
  161. // get notified when it's opened/closed or orientation changes
  162. window.addEventListener('devtoolschange', function (e) {
  163. // console.log('is DevTools open?', e.detail.open);
  164. // console.log('and DevTools orientation?', e.detail.orientation);
  165. window.location.replace("https://www.kawebook.com/Maintenance/security");
  166. }); */
  167. document.onkeydown = function(e) {
  168. if(event.keyCode == 123) {
  169. return false;
  170. }
  171. if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
  172. return false;
  173. }
  174. if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
  175. return false;
  176. }
  177. if(e.ctrlKey && e.shiftKey && e.keyCode == 'U'.charCodeAt(0)){
  178. return false;
  179. }
  180. if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
  181. return false;
  182. }
  183. if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
  184. return false;
  185. }
  186. }
  188. </script>
  189.  
  190. <style>
  191.    
  192.  
  193.    @media (min-width: 992px) {
  194.        .container-custom-1 {
  195.            max-width: 1140px;
  196.        }
  197.    }
  198.  
  199.    .navbar-top .container {
  200.       padding:0;
  201.    }
  202.  
  203.  
  204.  
  205. .num-update-nav {
  206. position: absolute;
  207. right:-1px;
  208. top:3px;
  209. background-color:red;
  210. color:white;
  211. border-radius: 50%;
  212. height:18px;
  213. width:18px;
  214. display: flex;
  215. justify-content: center;
  216. align-items: center;
  217. }
  218. .num-update-nav span {
  219. font-size: 10px;
  220. }
  221. form {
  222. margin-bottom: 0;
  223. }
  224.  
  225.  
  226.  
  227. </style>
  228. <link href="https://www.kawebook.com/assets/css/main-scroll.css?v=2001" rel="stylesheet">
  229.  
  230. <style type="text/css">
  231.    
  232.  
  233.  
  234.             i.kawe-res-icon-13{
  235.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-13-1.webp');
  236.        }
  237.  
  238.        .side-nav div a i.kawe-res-icon-13.active{
  239.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-13-2.webp');
  240.        }
  241.             i.kawe-res-icon-01{
  242.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-01-1.webp');
  243.        }
  244.  
  245.        .side-nav div a i.kawe-res-icon-01.active{
  246.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-01-2.webp');
  247.        }
  248.             i.kawe-res-icon-03{
  249.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-03-1.webp');
  250.        }
  251.  
  252.        .side-nav div a i.kawe-res-icon-03.active{
  253.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-03-2.webp');
  254.        }
  255.             i.kawe-res-icon-05{
  256.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-05-1.webp');
  257.        }
  258.  
  259.        .side-nav div a i.kawe-res-icon-05.active{
  260.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-05-2.webp');
  261.        }
  262.             i.kawe-res-icon-09{
  263.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-09-1.webp');
  264.        }
  265.  
  266.        .side-nav div a i.kawe-res-icon-09.active{
  267.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-09-2.webp');
  268.        }
  269.             i.kawe-res-icon-08{
  270.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-08-1.webp');
  271.        }
  272.  
  273.        .side-nav div a i.kawe-res-icon-08.active{
  274.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-08-2.webp');
  275.        }
  276.             i.kawe-res-icon-10{
  277.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-10-1.webp');
  278.        }
  279.  
  280.        .side-nav div a i.kawe-res-icon-10.active{
  281.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-10-2.webp');
  282.        }
  283.             i.kawe-res-icon-12{
  284.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-12-1.webp');
  285.        }
  286.  
  287.        .side-nav div a i.kawe-res-icon-12.active{
  288.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-12-2.webp');
  289.        }
  290.             i.kawe-res-icon-11{
  291.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-11-1.webp');
  292.        }
  293.  
  294.        .side-nav div a i.kawe-res-icon-11.active{
  295.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-11-2.webp');
  296.        }
  297.             i.kawe-res-icon-06{
  298.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-06-1.webp');
  299.        }
  300.  
  301.        .side-nav div a i.kawe-res-icon-06.active{
  302.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-06-2.webp');
  303.        }
  304.             i.kawe-res-icon-07{
  305.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-07-1.webp');
  306.        }
  307.  
  308.        .side-nav div a i.kawe-res-icon-07.active{
  309.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-07-2.webp');
  310.        }
  311.             i.kawe-res-icon-15{
  312.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-15-1.webp');
  313.        }
  314.  
  315.        .side-nav div a i.kawe-res-icon-15.active{
  316.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-15-2.webp');
  317.        }
  318.             i.kawe-res-icon-14{
  319.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-14-1.webp');
  320.        }
  321.  
  322.        .side-nav div a i.kawe-res-icon-14.active{
  323.            content:url('https://www.kawebook.com/assets2/img/icon-menu-responsive/icon-14-2.webp');
  324.        }
  325.    
  326.  
  327. </style>
  328.  
  329. <!-- mobile responsetive -->
  330. <div id="MenuSidenav" class="side-nav" style="padding-top: 0;">
  331.    <div style="padding-bottom: 60px;">
  332.      
  333.            <nav>
  334.                <ul>
  335.                <li><a href="https://www.kawebook.com/" class=""><i class="kawe-res-icon-13  "></i>หน้าแรก</a></li>
  336.                <li><a href="https://www.kawebook.com/ชั้นหนังสือ" class=""><i class="kawe-res-icon-01 "></i>ชั้นหนังสือ</a></li>    
  337.                <li><a class="kawe-sidenav-active" href="https://www.kawebook.com/" style="padding: 10px 151px 10px 16px;"><i class="kawe-res-icon-03 active"></i>นิยาย </a><i class='fas fa-caret-down ' id="arrow-down-dropdown" data-toggle="collapse" data-target = '#collapse-dropdown' style='font-size:26px; color: #505050; margin-left: -40px; '></i>
  338.                    <div class="collapse " id="collapse-dropdown" style="margin-top: 9px; margin-right: -5px;">
  339.                        <ul class="side-dropdown">
  340.                            <li><a class="" href="https://www.kawebook.com/นิยาย-Y">นิยาย-Y</a></li>  
  341.                            <li><a class="" href="https://www.kawebook.com/นิยาย-แฟนตาซี">นิยายแฟนตาซี</a></li>
  342.                            <li><a class="" href="https://www.kawebook.com/นิยาย-รัก">นิยายรัก</a></li>
  343.                            <li><a class="" href="https://www.kawebook.com/นิยาย-จีน-กำลังภายใน-เทพเซียน">นิยายจีนกำลังภายใน</a></li>      
  344.                        </ul>
  345.                    </div>
  346.                </li>
  347.                <li><a class="" href="https://www.kawebook.com/การ์ตูน"><i class="kawe-res-icon-05 "></i>การ์ตูน</a></li>
  348.                <li><a href="https://www.kawebook.com/นิยายติดอันดับ" class=""><i class="kawe-res-icon-09 "></i>นิยายติดอันดับ</a></li>
  349.                <li><a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด" class=""><i class="kawe-res-icon-08 "></i>อ่านนิยายล่าสุด</a></li>
  350.                <li><a href="https://www.kawebook.com/เขียนนิยาย" class=""><i class="kawe-res-icon-10  "></i>เขียนนิยาย</a></li>
  351.                <li><a href="https://www.kawebook.com/heart" class=""><i class="kawe-res-icon-11 "></i>เติมกำลังใจ</a></li>
  352.                <hr>
  353.                <li><a href="https://www.kawebook.com/คู่มือ" class=""><i class="kawe-res-icon-06 "></i>คู่มือเว็บไซต์</a></li>
  354.                <li><a href="https://www.kawebook.com/contact" class=""><i class="kawe-res-icon-07 "></i>ติดต่อเรา</a></li>
  355.                <li><a href="https://www.glory.in.th" target="_blank" class=""><i class="kawe-res-icon-15 "></i>นักลงทุนสัมพันธ์</a></li>
  356.                <li><a href="https://www.kawebook.com/blog" class=""><i class="kawe-res-icon-14 "></i>BLOG</a></li>    
  357.                </ul>
  358.            </nav>
  359.        
  360. </div>
  361. </div>
  362.  
  363. <!-- mobile responsetive shwo when click img profile -->
  364. <div id="MemberSidenav" class="member-sidenav pt-0">
  365.    <div class="member-name">
  366.                    <div class="user-review float-left"><img src="" ></div>
  367.            <div style="color: #3a2d25"></div>
  368.            <div style="color: #6d5a4c"></div>
  369.            </div>
  370.    <hr style="margin: 0">
  371.    <div class="member-data">
  372.        <div style="text-align:center; display: inline; padding-right:5px;">
  373. <img src="https://www.kawebook.com/assets2/img/heart.png" style="width:18px; margin-right:5px;" alt="กำลังใจ">
  374. 0.00 </div>  
  375.                <a style="text-align:center; display: inline;" href="https://www.kawebook.com/reward">
  376. <img src="https://www.kawebook.com/assets2/img/gold.png" style="width:20px; margin-right:3px;" alt="อั่งเปา">
  377. 0.00 </a>
  378.    </div>
  379.  
  380.    <!-- responsive nav mass pro -->
  381.        
  382.  
  383.    <button class="btn btn-addheart" onclick="location.href = 'https://www.kawebook.com/heart'"><img src="https://www.kawebook.com/assets2/img/d_addheart.webp?v=2001" style="width: 45px; margin-right:6px;" alt="เติมกำลังใจ">เติมกำลังใจ</button>
  384.    <div style="padding-bottom: 60px;">
  385.        <a href="https://www.kawebook.com/profile/history" class=""><i class="fas fa-file "></i>ผลงานที่ติดตาม</a>
  386.        <a href="https://www.kawebook.com/profile/lateststory" class=""><i class="fas fa-eye "></i>ผลงานที่ดูล่าสุด</a>
  387.        <a href="https://www.kawebook.com/profile/bookshelf" class=""><i class="fas fa-heart "></i>ผลงานที่ให้กำลังใจ</a>
  388.        <a href="https://www.kawebook.com/yourstory" class=""><i class="fas fa-edit "></i>จัดการงานเขียน</a>
  389.        <!-- <a href="https://www.kawebook.com/profile/mybook" class=""><i class="fas fa-book "></i>หนังสือของฉัน</a> -->
  390.        <a href="https://www.kawebook.com/profile/myebook" class=""><i class="fas fa-book-open "></i>อีบุ๊คของฉัน</a>
  391.        <!-- <a href="https://www.kawebook.com/profile/trackingOrder" class=""><i class="fas fa-truck "></i>ติดตามสถานะการสั่งซื้อ</a> -->
  392.                <a href="https://www.kawebook.com/reward" class=""><i class="fas fa-vote-yea "></i>ถอนอั่งเปา</a>
  393.        <a href="https://www.kawebook.com/ตั้งค่า" class=""><i class="fas fa-cog "></i>ตั้งค่า</a>
  394.    </div>
  395. </div>
  396.  
  397. <header>
  398.    <!-- line top responsetive -->
  399.    <nav class="navbar bg-top menu-responsetive-top d-lg-none" id="bg-top">
  400.        <div class="d-flex">
  401.            <button class="navbar-toggler member-logo px-3 py-2" id="bar-logo" type="button" onclick="openMenu()">
  402.                <i class="fas fa-bars" id="bar-icon" style="font-size: 1.3rem; color:white;"></i>
  403.            </button>
  404.            <img src="https://www.kawebook.com/assets2/img/logo_kawe.webp" onclick="location.href = 'https://www.kawebook.com/'" class="kawe-logo d-none d-md-block my-auto">
  405.        </div>
  406.        <div class="d-flex justify-content-sm-center">
  407.                            <button class="navbar-toggler signin-logo my-auto font-weight-bold" type="button" style="font-size: 14px;"
  408.                    onclick="location.href = 'https://www.kawebook.com/login'">
  409.                    เข้าสู่ระบบ
  410.                </button>
  411.                <!-- <button class="navbar-toggler signin-logo ml-auto font-weight-bold" type="button" style="color:#3e2719; font-size: 14px;" onclick="location.href = 'https://www.kawebook.com/login'">
  412.                    <i class="fas fa-user" style="padding-right:10px; color:#fbb243;"></i>เข้าสู่ระบบ / สมัครสมาชิก
  413.                </button> -->
  414.            
  415.                            
  416.                        
  417.                            <!-- <button class="navbar-toggler member-logo" type="button" onclick="location.href = 'https://www.kawebook.com/ค้นหา'">
  418.                    <i class="fas fa-search" id="member-icon" style="font-size: 1.3rem; color:white"></i>
  419.                </button> -->
  420.                    </div>
  421.    </nav>
  422.    
  423.    <!-- line desktop -->
  424.    <nav class="bg-top d-none menu-desktop-top d-xl-block d-lg-block navbar-top" >
  425.        <div class="container d-flex">
  426.            <div class="d-flex" style="width: 55%; font-size:0.85rem; color:#fbb243;">
  427.                <div class="my-auto">
  428.                    <p class="d-inline-block">เว็บอ่านนิยายออนไลน์</p>
  429.                    <p class="d-inline-block"> นิยายแปล นิยายจีน นิยายญี่ปุ่น นิยายรัก นิยายY แฟนตาซี จำนวนมาก | กวีบุ๊ค</p>
  430.                </div>
  431.            </div>
  432.            <div class="d-flex" style="width: 45%;">
  433.               <div class="my-auto ml-auto">
  434.                                            <button class="navbar-toggler signin-logo ml-auto py-3" type="button" style="color:#3e2719; font-size: 14px;" onclick="location.href = 'https://www.kawebook.com/login'">
  435.                            <i class="fas fa-user" style="padding-right:10px; color:#fbb243;"></i>เข้าสู่ระบบ / สมัครสมาชิก
  436.                        </button>
  437.                    
  438.                                   </div>
  439.                
  440.            </div>
  441.        </div>
  442.    </nav>
  443.  
  444.    <!-- menu desktop -->
  445.    <style type="text/css">
  446.        .menu-desktop {
  447.            background-color: #f6dfcf;
  448.        }
  449.        .menu-desktop .left,.menu-desktop .right {
  450.            height: 58px;
  451.            background-color: #e9623a;
  452.        }
  453.  
  454.  
  455.        .menu-desktop div {
  456.            display: flex;
  457.        }
  458.  
  459.        .menu-desktop .left {
  460.            width: 83%;
  461.        }
  462.        .menu-desktop .right {
  463.            width: 17%;
  464.        }
  465.  
  466.        @media (max-width: 1134px) {
  467.            .menu-desktop .left {
  468.                width: 100%;
  469.            }
  470.            .menu-desktop .right {
  471.                width: 0%;
  472.                display: none;
  473.            }
  474.        }
  475.  
  477.        .menu-desktop div div li:first-child{
  478.            border-left: .1px dashed #894222;
  479.        }
  480.  
  481.        .menu-desktop div div a i{
  482.            padding-right: 5px;
  483.            width: 21px;
  484.        }
  485.  
  486.  
  487.        i.kawe-icon-01{
  488.            content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-01-2.webp');
  489.        }
  490.  
  491.        .menu-desktop div div a:hover i.kawe-icon-01,.menu-desktop div div a.active i.kawe-icon-01{
  492.            content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-01-1.webp');
  493.        }
  494.  
  495.        
  496.                     i.kawe-icon-01{
  497.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-01-2.webp');
  498.            }
  499.  
  500.            .menu-desktop div div a:hover i.kawe-icon-01,.menu-desktop div div a.active i.kawe-icon-01{
  501.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-01-1.webp');
  502.            }
  503.                     i.kawe-icon-05{
  504.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-05-2.webp');
  505.            }
  506.  
  507.            .menu-desktop div div a:hover i.kawe-icon-05,.menu-desktop div div a.active i.kawe-icon-05{
  508.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-05-1.webp');
  509.            }
  510.                     i.kawe-icon-11{
  511.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-11-2.webp');
  512.            }
  513.  
  514.            .menu-desktop div div a:hover i.kawe-icon-11,.menu-desktop div div a.active i.kawe-icon-11{
  515.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-11-1.webp');
  516.            }
  517.                     i.kawe-icon-08{
  518.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-08-2.webp');
  519.            }
  520.  
  521.            .menu-desktop div div a:hover i.kawe-icon-08,.menu-desktop div div a.active i.kawe-icon-08{
  522.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-08-1.webp');
  523.            }
  524.                     i.kawe-icon-03{
  525.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-03-2.webp');
  526.            }
  527.  
  528.            .menu-desktop div div a:hover i.kawe-icon-03,.menu-desktop div div a.active i.kawe-icon-03{
  529.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-03-1.webp');
  530.            }
  531.                     i.kawe-icon-06{
  532.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-06-2.webp');
  533.            }
  534.  
  535.            .menu-desktop div div a:hover i.kawe-icon-06,.menu-desktop div div a.active i.kawe-icon-06{
  536.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-06-1.webp');
  537.            }
  538.                     i.kawe-icon-02{
  539.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-02-2.webp');
  540.            }
  541.  
  542.            .menu-desktop div div a:hover i.kawe-icon-02,.menu-desktop div div a.active i.kawe-icon-02{
  543.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-02-1.webp');
  544.            }
  545.                     i.kawe-icon-07{
  546.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-07-2.webp');
  547.            }
  548.  
  549.            .menu-desktop div div a:hover i.kawe-icon-07,.menu-desktop div div a.active i.kawe-icon-07{
  550.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-07-1.webp');
  551.            }
  552.                     i.kawe-icon-14{
  553.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-14-2.webp');
  554.            }
  555.  
  556.            .menu-desktop div div a:hover i.kawe-icon-14,.menu-desktop div div a.active i.kawe-icon-14{
  557.                content:url('https://www.kawebook.com/assets2/img/icon-menu-desktop/icon-14-1.webp');
  558.            }
  559.        
  560.        .menu-desktop div div a p {
  561.        }
  562.        
  563.        .menu-desktop div div a.active,.menu-desktop div div a:hover{
  564.            background-color: #f6dfcf;
  565.            color: #7a3203;
  566.        }
  567.  
  568.        .input-group-search input {
  569.            border-radius: 0;
  570.            border: 1px solid #fff;
  571.            background-clip:unset;
  572.        }
  573.  
  574.        .input-group-search input:focus {
  575.            border-color:#fff;
  576.            box-shadow:unset;
  577.        }
  578.  
  579.        .input-group-search button {
  580.            color: #e9623a;
  581.            background-color:#fff;
  582.            border-radius: unset;
  583.        }
  584.  
  585.        .input-group-search button:focus {
  586.            box-shadow:unset;
  587.        }
  588.  
  589.        .input-group-search button:hover {
  590.            color: #fff;
  591.            background-color:#e9623a;
  592.        }
  593.  
  594.        .nav-kawe ul {
  595.            list-style-type: none;
  596.            margin: 0;
  597.            padding: 0;
  598.            display: block;
  599.        }
  600.  
  601.        .nav-kawe li {
  602.            margin: 0;
  603.            padding: 0;
  604.            display: inline;
  605.            float: left;
  606.        }
  607.  
  608.        .nav-kawe li a {
  609.            padding: 17px 20px;
  610.            outline: 0;
  611.            font-weight: 400;
  612.            color: #fff;
  613.            cursor: pointer;
  614.            width: auto;
  615.            height: 100%;
  616.            display: flex;
  617.            align-items: center;
  618.            justify-content:center;
  619.            margin-top: auto;
  620.            padding-right: 9px;
  621.            margin-bottom: auto;
  622.            padding-left: 9px;
  623.            border-right: .1px dashed #894222;
  624.        }
  625.  
  626.        .nav-kawe li:hover ul.dropdown { display: block; }
  627.  
  628.        .nav-kawe li ul.dropdown {
  629.            position: absolute;
  630.            display: none;
  631.            width: 170px;
  632.            background:#e9623a;
  633.            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  634.            padding-top: 0;  
  635.        }
  636.  
  637.        .dropdown{
  638.            z-index: 10;
  639.        }
  640.  
  641.        .nav-kawe li ul.dropdown li {
  642.            display: block;
  643.            list-style-type: none;
  644.            border-left: 0;
  645.        }
  646.  
  647.        .nav-kawe li ul.dropdown li a {
  648.            padding: 15px 20px;
  649.            font-size: 15px;
  650.            color:#fff;
  651.            display: block;
  652.            font-weight: 400;
  653.            border-right: 0;
  654.            border-bottom: 1px solid #f8f8f8;
  655.            width: 170px;
  656.            
  657.        }
  658.  
  659.        .nav-kawe li ul.dropdown li a:hover{
  660.            background-color: #f6dfcf;
  661.            color: #7a3203;
  662.            width: 170px;
  663.        }
  664.  
  665.        .nav-kawe li ul.dropdown li:last-child a { border-bottom: none; }
  666.  
  667.        .arrow-down {
  668.            width: 0;
  669.            height: 0;
  670.            border-left: 5px solid transparent;
  671.            border-right: 5px solid transparent;
  672.            border-top: 5px solid #def1f0;
  673.            position: relative;
  674.            top: 2px;
  675.            right: -5px;
  676.        }
  677.  
  678.        .menu-desktop div div a:hover .arrow-down{
  679.            border-top: 5px solid #7a3203;
  680.        }
  681.  
  682.    </style>
  683.  
  684.    <div class="w-100 d-none d-lg-block" style="background-color: #f6dfcf;">
  685.        <div class="container container-custom-1 p-0">
  686.            <div class="d-flex menu-desktop ">
  687.                <div style="width: 100px;">
  688.                    <a class="d-flex" href="https://www.kawebook.com/">
  689.                        <img class="w-100 p-2 my-auto mx-auto" src="https://www.kawebook.com/assets2/img/logo_top.webp?v=2001" alt="logo-top">
  690.                    </a>
  691.                </div>
  692.                <div style="width: calc(100% - 100px);">
  693.                    <div class="my-auto mr-auto d-flex left nav-kawe">
  694.                        <nav>
  695.                            <ul>
  696.                                <li><a  class="" href="https://www.kawebook.com/ชั้นหนังสือ"><i class="kawe-icon-01"></i><p>ชั้นหนังสือ</p></a></li>    
  697.                                <li><a href="https://www.kawebook.com/"><i class="kawe-icon-05"></i><p>นิยาย</p><span class="arrow-down"></span></a>
  698.                                    <ul class="dropdown">
  699.                                        <li><a href="https://www.kawebook.com/นิยาย-Y">นิยาย-Y</a></li>
  700.                                        <li><a href="https://www.kawebook.com/นิยาย-แฟนตาซี"><p>นิยายแฟนตาซี</p></a></li>
  701.                                        <li><a href="https://www.kawebook.com/นิยาย-รัก">นิยายรัก</a></li>
  702.                                        <li><a href="https://www.kawebook.com/นิยาย-จีน-กำลังภายใน-เทพเซียน">นิยายจีนกำลังภายใน</a></li>                      
  703.                                    </ul>
  704.                                </li>
  705.                                <li><a class="" href="https://www.kawebook.com/การ์ตูน"><i class="kawe-icon-11"></i><p>การ์ตูน</p></a></li>
  706.                                <li><a class="" href="https://www.kawebook.com/นิยายติดอันดับ"><i class="kawe-icon-08"></i><p>นิยายติดอันดับ</p></a></li>
  707.                                <li><a class="" href="https://www.kawebook.com/นิยายอัปเดตล่าสุด"><i class="kawe-icon-03"></i><p>นิยายล่าสุด</p></a></li>
  708.                                <li><a class="" href="https://www.kawebook.com/เขียนนิยาย"><i class="kawe-icon-06"></i><p>เขียนนิยาย</p></a></li>
  709.                                <li><a class="" href="https://www.kawebook.com/heart"><i class="kawe-icon-02"></i><p>เติมกำลังใจ</p></a></li>
  710.                                <li><a class="" href="https://www.kawebook.com/blog"><i class="kawe-icon-14"></i><p>BLOG</p></a></li>    
  711.                            </ul>
  712.                        </nav>
  713.                    </div>
  714.                    <div class="my-auto justify-content-around right ">
  715.                        <div class="d-flex align-items-center">
  716.                                                            <form action="https://www.kawebook.com/ค้นหา" method="get" enctype="multipart/form-data" accept-charset="utf-8">
  717.                                    <div class="d-flex justify-content-center input-group-search px-2">
  718.                                        <input type="text" name="keyword" class="form-control" placeholder="ค้นหา"> <!-- นิยาย/แท็ก/ผู้เเต่ง -->
  719.                                        <button class="btn btn-default" type="submit" >
  720.                                            <i class="fas fa-search"></i>
  721.                                        </button>
  722.                                    </div>
  723.                                </form>
  724.                                                    </div>
  725.                    </div>
  726.                </div>
  727.            </div>
  728.        </div>
  729.    </div>
  730.  
  731.  
  732. <div class="btn-uptopPage" >
  733. <img src="https://www.kawebook.com/assets/img/icon-up.png?v=2001" class="menu-img">
  734. </div>
  735.                            </header>
  736.                            <script>
  737.                                window.addEventListener("click", function(event) {
  738.                                    let id = event.target.id;
  739.                                    if(id !== 'bar-icon'){
  740.                                        let x = document.getElementById("MenuSidenav");
  741.                                        let isShowMenu = (x.style.width === "250px");
  742.                                        if(isShowMenu){
  743.                                            openMenu(id);
  744.                                        }
  745.                                    }
  746.                                });
  747.  
  748.                                function openMenu(id) {
  749.                                    var x = document.getElementById("MenuSidenav");
  750.                                    var y = document.getElementById("MemberSidenav");
  751.                                    if (x.style.width === "250px") {
  752.                                      
  753.                                        if(id != 'arrow-down-dropdown'){
  754.                                            x.style.width = "0";
  755.                                            document.getElementById("bg-top").classList.remove("fixed-top");
  756.                                        }
  757.                                        document.getElementById("bar-logo").style.backgroundColor = "transparent";
  758.                                        document.getElementById("bar-icon").style.color = "white";
  759.                                        
  760.                                        // document.getElementById("main-content").style.paddingTop = "0";
  761.                                    } else {
  762.                                        x.style.width = "250px";
  763.                                        document.getElementById("bar-logo").style.backgroundColor = "#f7e0d0";
  764.                                        document.getElementById("bar-icon").style.color = "#e26e23";
  765.                                        document.getElementById("bg-top").classList.add("fixed-top");
  766.                                        // document.getElementById("main-content").style.paddingTop = "55.39px";
  767.                                        if (x.style.width === "250px") {
  768.                                            y.style.height = "0";
  769.                                            if(document.getElementById("member-logo")!=null){
  770.                                                document.getElementById("member-logo").style.backgroundColor = "transparent";
  771.                                            }
  772.                                            $('#member-icon').css('color','white')
  773.                                        }
  774.                                    }
  775.                                }
  776.                                function openMember() {
  777.                                    var x = document.getElementById("MenuSidenav");
  778.                                    var y = document.getElementById("MemberSidenav");
  779.                                    if (y.style.height === "83%") {
  780.                                        y.style.height = "0";
  781.                                        document.getElementById("member-logo").style.backgroundColor = "transparent";
  782.                                        document.getElementById("bg-top").classList.remove("fixed-top");
  783.                                        document.getElementById("main-content").style.paddingTop = "0";
  784.                                        $('#member-icon').css('color','white')
  785.                                    } else {
  786.                                        y.style.height = "83%";
  787.                                        document.getElementById("member-logo").style.backgroundColor = "#f7e0d0";
  788.                                        $('#member-icon').css('color','white')
  789.                                        document.getElementById("bg-top").classList.add("fixed-top");
  790.                                        document.getElementById("main-content").style.paddingTop = "55.39px";
  791.                                        if (x.style.width === "250px") {
  792.                                            x.style.width = "0";
  793.                                            document.getElementById("bar-logo").style.backgroundColor = "transparent";
  794.                                            document.getElementById("bar-icon").style.color = "white";
  795.                                        }
  796.                                    }
  797.                                }
  798.                            </script>
  799.        <main role="main" id="main-content">
  800. <div class="header-title">
  801. <div class="header-desk">
  802. <div class="col icon-header">
  803. <h1 style="font-weight: 600;padding-left: 10px;">กวีบุ๊ค|นิยาย อ่านนิยายออนไลน์ฟรี นิยายจีนแปล รัก วาย แฟนตาซี ครบ</h1>
  804. </div>
  805. </div>
  806. </div>
  807.            <div class="container-checkscreen" style="position:relative;">
  808. <div id="loading">
  809. <div class="loading-home fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  810. </div>
  811. <div id="content-in">
  812.                <div class="swiper-container swiper-banner pt-2 pb-3" style="z-index:0;">
  813.                    <div class="swiper-wrapper">
  814.                                                             <div class="swiper-slide bg-content-story">
  815. <a href="https://kawebook.co/Y3Fz" target="_blank" >
  816. <img
  817. srcset="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250909-103947_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250909-103947_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250909-103947_kawebook_banner_640w.webp 640w"
  818. sizes="(max-width: 320px) 320px,(max-width: 480px) 480px, (max-width: 800px) 640px, 900px"
  819. src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250909-103947_kawebook_banner.webp"
  820. alt=""
  821. />
  822. </a>
  823. </div>
  824.                                                             <div class="swiper-slide bg-content-story">
  825. <a href="https://kawebook.co/E9KF" target="_blank" >
  826. <img
  827. srcset="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250822-101646_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250822-101646_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250822-101646_kawebook_banner_640w.webp 640w"
  828. sizes="(max-width: 320px) 320px,(max-width: 480px) 480px, (max-width: 800px) 640px, 900px"
  829. src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250822-101646_kawebook_banner.webp"
  830. alt=""
  831. />
  832. </a>
  833. </div>
  834.                                                             <div class="swiper-slide bg-content-story">
  835. <a href="https://kawebook.co/TBzl" target="_blank" >
  836. <img
  837. srcset="https://s3.ap-southeast-1.amazonaws.com/test.media.kawebook/uploads/banner/20250602-170006_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/test.media.kawebook/uploads/banner/20250602-170006_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/test.media.kawebook/uploads/banner/20250602-170006_kawebook_banner_640w.webp 640w"
  838. sizes="(max-width: 320px) 320px,(max-width: 480px) 480px, (max-width: 800px) 640px, 900px"
  839. src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250602-170006_kawebook_banner.webp"
  840. alt=""
  841. />
  842. </a>
  843. </div>
  844.                                        </div>
  845.                    <div class="swiper-pagination"></div>
  846.                </div>
  847.  
  848.                <!-- menu for responsetive -->
  849.            <div class="group-story d-md-none d-lg-none d-xl-none" style="font-size:0;">
  850.             <div class="d-flex">
  851.             <div style="width: 20%;">
  852.             <a class="" href="https://www.kawebook.com/ค้นหา">
  853.                    <img src="https://www.kawebook.com/assets2/img/menu1.webp?v=2.40.1" class="menu-img" alt="หมวดหมู่นิยาย">
  854.                </a>    
  855.             </div>
  856.             <div style="width: 20%;">
  857.             <a class="" href="https://www.kawebook.com/นิยายติดอันดับ">                                
  858.                    <img src="https://www.kawebook.com/assets2/img/menu2.webp?v=2.40.1" class="menu-img" alt="นิยายติดอันดับ">
  859.                </a>
  860.             </div>
  861.             <div style="width: 20%;">
  862.             <a class="" href="https://www.kawebook.com/นิยายอัปเดตล่าสุด">                                
  863.                    <img src="https://www.kawebook.com/assets2/img/menu3.webp?v=2.40.1" class="menu-img" alt="นิยายอัปเดตล่าสุด">
  864.                </a>
  865.             </div>
  866.             <div style="width: 20%;">
  867.             <a class="" href="https://www.kawebook.com/เขียนนิยาย">                                
  868.                    <img src="https://www.kawebook.com/assets2/img/menu4.webp?v=2.40.1" class="menu-img" alt="เขียนนิยาย">
  869.                </a>
  870.             </div>
  871.             <div style="width: 20%;">
  872.             <a class="" href="https://www.kawebook.com/การ์ตูน">                                
  873.                    <img src="https://www.kawebook.com/assets2/img/menu5.webp?v=2.40.1" class="menu-img" alt="การ์ตูน">
  874.                </a>
  875.             </div>
  876.             </div>
  877.            </div>
  878.  
  879.            <!-- menu for ipad -->
  880. <div class="d-none d-md-block d-lg-none d-xl-none">
  881. <div class="row" style="padding:10px;">
  882. <div class="" style="width: 20%; padding: 0 5px;">
  883. <a href="https://www.kawebook.com/ค้นหา">
  884. <img src="https://www.kawebook.com/assets2/img/MenuIPad@1.webp?v=2.40.1" style="width:100%" alt="ค้นหานิยาย">
  885. </a>
  886. </div>
  887. <div class="" style="width: 20%; padding: 0 5px;">
  888. <a href="https://www.kawebook.com/นิยายติดอันดับ">                                
  889. <img src="https://www.kawebook.com/assets2/img/Menu2IPad@1.webp?v=2.40.1" style="width:100%" alt="นิยายติดอันดับ">
  890. </a>
  891. </div>
  892. <div class="" style="width: 20%; padding: 0 5px;">
  893. <a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด">                                
  894. <img src="https://www.kawebook.com/assets2/img/Menu3IPad@1.webp?v=2.40.1" style="width:100%" alt="นิยายอัปเดตล่าสุด">
  895. </a>
  896. </div>
  897. <div class="" style="width: 20%; padding: 0 5px;">
  898. <a href="https://www.kawebook.com/เขียนนิยาย">                                
  899. <img src="https://www.kawebook.com/assets2/img/Menu4IPad@2.webp?v=2.40.1" style="width:100%" alt="เขียนนิยาย">
  900. </a>
  901. </div>
  902. <div class="" style="width: 20%; padding: 0 5px;">
  903. <a class="" href="https://www.kawebook.com/การ์ตูน">                                
  904.                    <img src="https://www.kawebook.com/assets2/img/menu5.webp?v=2.40.1" class="menu-img" alt="การ์ตูน">
  905.                </a>
  906. </div>
  907. </div>
  908.                </div>  
  910. <div class="pb-2">
  911. <div class="group-story mainContent-updateComeFast bg-gradient-style-1">
  912. <div style="padding-bottom:5px;">
  913. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  914. <tr>
  915. <td rowspan="3" style="width:1%">
  916. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-1.webp" alt="นิยายอัปเดตมาแรง" class="icon-group-story float-left" />
  917. </td>
  918. </tr>
  919. <tr>
  920. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">อ่านนิยาย อัปเดตมาแรง</h2></td>
  921. <td align="right">
  922. <a href="https://www.kawebook.com/นิยายอัปเดตมาเเรง" target="_blank">
  923. <p class="res-search-all-story btnMore">
  924. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  925. </p>
  926. </a>
  927. </td>
  928. </tr>
  929. </table>
  930. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  931. <div class="row">
  932. <div style="width:auto;">
  933. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-1.webp" alt="นิยายอัปเดตมาแรง" class="icon-group-story float-left" />
  934. </div>
  935. <div class="col d-flex align-items-end" style="padding:0">
  936. <div class="pb-1">
  937. <h2 class="novel-type">อ่านนิยาย อัปเดตมาแรง</h2>
  938. </div>
  939. </div>
  940. <div style="width:auto;" class="d-flex align-items-end">
  941. <a href="https://www.kawebook.com/นิยายอัปเดตมาเเรง" target="_blank">
  942. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  943. </a>
  944. <i class="fas fa-caret-left swiper-button-prev-update btn-swiper-prev-next"></i>
  945. <i class="fas fa-caret-right swiper-button-next-update btn-swiper-prev-next"></i>
  946.  
  947. </div>
  948. </div>
  949. </div>
  950. </div>
  951. <div class="swiper-area">
  952. <div class="swiper-update" style="width:100%;">
  953. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  954. <div class="swiper-wrapper">
  955. <div class="swiper-slide bg-content-story">
  956. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20825/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/หมื่นวิถี-หนึ่งกระบี่-พิฆาตสวรรค์">
  957. <div class="img-story" title="นิยาย หมื่นวิถี... หนึ่งกระบี่ พิฆาตสวรรค์ !" data-toggle="tooltip" data-html="true">
  958. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1757074741_18861097.webp" alt="หมื่นวิถี... หนึ่งกระบี่ พิฆาตสวรรค์ !">
  959. </div>
  960. <div class="p-1">
  961. <div>
  962. <p class="novel-name">หมื่นวิถี... หนึ่งกระบี่ พิฆาตสวรรค์ !</p>
  963. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  964. </div>
  965. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  966. <span class="novel-view"> 37.83K</span>
  967. </div>
  968. </a>
  969. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  970. </div>
  971. <div class="swiper-slide bg-content-story">
  972. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17581/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จักรพรรดินวดาราเพลิง">
  973. <div class="img-story" title="นิยาย จักรพรรดินวดาราเพลิง" data-toggle="tooltip" data-html="true">
  974. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1715940127_57878415.webp" alt="จักรพรรดินวดาราเพลิง">
  975. </div>
  976. <div class="p-1">
  977. <div>
  978. <p class="novel-name">จักรพรรดินวดาราเพลิง</p>
  979. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  980. </div>
  981. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  982. <span class="novel-view"> 94.74K</span>
  983. </div>
  984. </a>
  985. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  986. </div>
  987. <div class="swiper-slide bg-content-story">
  988. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18418/นิยาย/นิยาย-ย้อนยค-อนาคต/ฮูหยินอัจฉริยะของราชายมโลก">
  989. <div class="img-story" title="นิยาย ฮูหยินอัจฉริยะของราชายมโลก" data-toggle="tooltip" data-html="true">
  990. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1732249871_33949748.webp" alt="ฮูหยินอัจฉริยะของราชายมโลก">
  991. </div>
  992. <div class="p-1">
  993. <div>
  994. <p class="novel-name">ฮูหยินอัจฉริยะของราชายมโลก</p>
  995. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  996. </div>
  997. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  998. <span class="novel-view"> 47.65K</span>
  999. </div>
  1000. </a>
  1001. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1002. </div>
  1003. <div class="swiper-slide bg-content-story">
  1004. <a class="story" style="width:100%" href="https://www.kawebook.com/story/21177/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จักรพรรดิหมื่นเผ่าพันธ์-ขอเกิดใหม่เพื่อขึ้นเป็นพระเจ้า">
  1005. <div class="img-story" title="นิยาย จักรพรรดิหมื่นเผ่าพันธุ์ ขอเกิดใหม่เพื่อขึ้นเป็นพระเจ้า" data-toggle="tooltip" data-html="true">
  1006. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1760917126_48722330.webp" alt="จักรพรรดิหมื่นเผ่าพันธุ์ ขอเกิดใหม่เพื่อขึ้นเป็นพระเจ้า">
  1007. </div>
  1008. <div class="p-1">
  1009. <div>
  1010. <p class="novel-name">จักรพรรดิหมื่นเผ่าพันธุ์ ขอเกิดใหม่เพื่อขึ้นเป็นพระเจ้า</p>
  1011. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1012. </div>
  1013. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1014. <span class="novel-view"> 2.12K</span>
  1015. </div>
  1016. </a>
  1017. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1018. </div>
  1019. <div class="swiper-slide bg-content-story">
  1020. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19255/นิยาย/นิยาย-รัก/ทะลมิติมาเป็นคณแม่ในยค-70-กับภารกิจเลี้ยงลูกน้อยตัวป่วน">
  1021. <div class="img-story" title="นิยาย ทะลุมิติมาเป็นคุณแม่ในยุค 70 กับภารกิจเลี้ยงลูกน้อยตัวป่วน" data-toggle="tooltip" data-html="true">
  1022. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1734689517_73952288.webp" alt="ทะลุมิติมาเป็นคุณแม่ในยุค 70 กับภารกิจเลี้ยงลูกน้อยตัวป่วน">
  1023. </div>
  1024. <div class="p-1">
  1025. <div>
  1026. <p class="novel-name">ทะลุมิติมาเป็นคุณแม่ในยุค 70 กับภารกิจเลี้ยงลูกน้อยตัวป่วน</p>
  1027. <p class="novel-name-type">นิยาย รัก</p>
  1028. </div>
  1029. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1030. <span class="novel-view"> 23.23K</span>
  1031. </div>
  1032. </a>
  1033. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1034. </div>
  1035. <div class="swiper-slide bg-content-story">
  1036. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19211/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/สดยอดนักปรงพิษพันธนาการรักคณชายรูปงาม">
  1037. <div class="img-story" title="นิยาย สุดยอดนักปรุงพิษพันธนาการรักคุณชายรูปงาม" data-toggle="tooltip" data-html="true">
  1038. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1734344434_19352009.webp" alt="สุดยอดนักปรุงพิษพันธนาการรักคุณชายรูปงาม">
  1039. </div>
  1040. <div class="p-1">
  1041. <div>
  1042. <p class="novel-name">สุดยอดนักปรุงพิษพันธนาการรักคุณชายรูปงาม</p>
  1043. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1044. </div>
  1045. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1046. <span class="novel-view"> 25.57K</span>
  1047. </div>
  1048. </a>
  1049. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1050. </div>
  1051. <div class="swiper-slide bg-content-story">
  1052. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18436/นิยาย/นิยาย-แฟนตาซี/จอมยทธ์สยบแดนมรณะ">
  1053. <div class="img-story" title="นิยาย จอมยุทธ์สยบแดนมรณะ" data-toggle="tooltip" data-html="true">
  1054. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1734515006_99637225.webp" alt="จอมยุทธ์สยบแดนมรณะ">
  1055. </div>
  1056. <div class="p-1">
  1057. <div>
  1058. <p class="novel-name">จอมยุทธ์สยบแดนมรณะ</p>
  1059. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1060. </div>
  1061. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1062. <span class="novel-view"> 81.9K</span>
  1063. </div>
  1064. </a>
  1065. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1066. </div>
  1067. <div class="swiper-slide bg-content-story">
  1068. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19414/นิยาย/นิยาย-แฟนตาซี/ศิษย์น้องสายฮากับศิษย์พี่สายสปอยล์">
  1069. <div class="img-story" title="นิยาย ศิษย์น้องสายฮากับศิษย์พี่สายสปอยล์" data-toggle="tooltip" data-html="true">
  1070. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1737008997_78960366.webp" alt="ศิษย์น้องสายฮากับศิษย์พี่สายสปอยล์">
  1071. </div>
  1072. <div class="p-1">
  1073. <div>
  1074. <p class="novel-name">ศิษย์น้องสายฮากับศิษย์พี่สายสปอยล์</p>
  1075. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1076. </div>
  1077. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1078. <span class="novel-view"> 8.76K</span>
  1079. </div>
  1080. </a>
  1081. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1082. </div>
  1083. <div class="swiper-slide bg-content-story">
  1084. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19417/นิยาย/นิยาย-แฟนตาซี/ฝ่าลิขิตพิชิตเส้นทางเซียน">
  1085. <div class="img-story" title="นิยาย ฝ่าลิขิตพิชิตเส้นทางเซียน" data-toggle="tooltip" data-html="true">
  1086. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1737009172_33324544.webp" alt="ฝ่าลิขิตพิชิตเส้นทางเซียน">
  1087. </div>
  1088. <div class="p-1">
  1089. <div>
  1090. <p class="novel-name">ฝ่าลิขิตพิชิตเส้นทางเซียน</p>
  1091. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1092. </div>
  1093. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1094. <span class="novel-view"> 33.46K</span>
  1095. </div>
  1096. </a>
  1097. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1098. </div>
  1099. <div class="swiper-slide bg-content-story">
  1100. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19205/นิยาย/นิยาย-แฟนตาซี/สดยอดผู้อัญเชิญวิญญาณกับกองทัพโครงกระดูกสดแกร่ง">
  1101. <div class="img-story" title="นิยาย สุดยอดผู้อัญเชิญวิญญาณกับกองทัพโครงกระดูกสุดแกร่ง" data-toggle="tooltip" data-html="true">
  1102. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1734093236_25255943.webp" alt="สุดยอดผู้อัญเชิญวิญญาณกับกองทัพโครงกระดูกสุดแกร่ง">
  1103. </div>
  1104. <div class="p-1">
  1105. <div>
  1106. <p class="novel-name">สุดยอดผู้อัญเชิญวิญญาณกับกองทัพโครงกระดูกสุดแกร่ง</p>
  1107. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1108. </div>
  1109. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1110. <span class="novel-view"> 25.18K</span>
  1111. </div>
  1112. </a>
  1113. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1114. </div>
  1115. <div class="swiper-slide bg-content-story">
  1116. <a class="story" style="width:100%" href="https://www.kawebook.com/story/9048/นิยาย/นิยาย-รัก/ท่านอ๋องผู้โหดร้ายกับหมอปีศาจ">
  1117. <div class="img-story" title="นิยาย ท่านอ๋องผู้โหดร้ายกับหมอปีศาจ" data-toggle="tooltip" data-html="true">
  1118. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1731473311_67264862.webp" alt="ท่านอ๋องผู้โหดร้ายกับหมอปีศาจ">
  1119. </div>
  1120. <div class="p-1">
  1121. <div>
  1122. <p class="novel-name">ท่านอ๋องผู้โหดร้ายกับหมอปีศาจ</p>
  1123. <p class="novel-name-type">นิยาย รัก</p>
  1124. </div>
  1125. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1126. <span class="novel-view"> 406.98K</span>
  1127. </div>
  1128. </a>
  1129. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1130. </div>
  1131. <div class="swiper-slide bg-content-story">
  1132. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18188/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/เทพกระบี่เกิดใหม่เป็นศิษย์น้องหญิงผู้เป็นที่รัก">
  1133. <div class="img-story" title="นิยาย เทพกระบี่เกิดใหม่เป็นศิษย์น้องหญิงผู้เป็นที่รัก" data-toggle="tooltip" data-html="true">
  1134. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1760593024_92722863.webp" alt="เทพกระบี่เกิดใหม่เป็นศิษย์น้องหญิงผู้เป็นที่รัก">
  1135. </div>
  1136. <div class="p-1">
  1137. <div>
  1138. <p class="novel-name">เทพกระบี่เกิดใหม่เป็นศิษย์น้องหญิงผู้เป็นที่รัก</p>
  1139. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1140. </div>
  1141. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1142. <span class="novel-view"> 59.85K</span>
  1143. </div>
  1144. </a>
  1145. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1146. </div>
  1147. <div class="swiper-slide bg-content-story">
  1148. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20419/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จอมอักขระ-จ้าวศาสตรา">
  1149. <div class="img-story" title="นิยาย จอมอักขระ จ้าวศาสตรา" data-toggle="tooltip" data-html="true">
  1150. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1750597417_23200487.webp" alt="จอมอักขระ จ้าวศาสตรา">
  1151. </div>
  1152. <div class="p-1">
  1153. <div>
  1154. <p class="novel-name">จอมอักขระ จ้าวศาสตรา</p>
  1155. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1156. </div>
  1157. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1158. <span class="novel-view"> 36.98K</span>
  1159. </div>
  1160. </a>
  1161. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1162. </div>
  1163. <div class="swiper-slide bg-content-story">
  1164. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17616/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/นิยายแปล-อภินิหาร-หนึ่งราชันหมื่นอัตลักษณ์-Absolute-Resonance">
  1165. <div class="img-story" title="นิยาย [นิยายแปล] อภินิหาร หนึ่งราชันหมื่นอัตลักษณ์ Absolute Resonance" data-toggle="tooltip" data-html="true">
  1166. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1737518715_77529948.webp" alt="[นิยายแปล] อภินิหาร หนึ่งราชันหมื่นอัตลักษณ์ Absolute Resonance">
  1167. </div>
  1168. <div class="p-1">
  1169. <div>
  1170. <p class="novel-name">[นิยายแปล] อภินิหาร หนึ่งราชันหมื่นอัตลักษณ์ Absolute Resonance</p>
  1171. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1172. </div>
  1173. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1174. <span class="novel-view"> 1.2M</span>
  1175. </div>
  1176. </a>
  1177. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1178. </div>
  1179. <div class="swiper-slide bg-content-story">
  1180. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17618/นิยาย/นิยาย-รัก/ทะลมิติมาเป็นนางร้าย-เปลี่ยนชีวิตใหม่ด้วยมิติห้างสรรพสินค้าในยค-70">
  1181. <div class="img-story" title="นิยาย ทะลุมิติมาเป็นนางร้าย เปลี่ยนชีวิตใหม่ด้วยมิติห้างสรรพสินค้าในยุค 70" data-toggle="tooltip" data-html="true">
  1182. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1724653482_26777401.webp" alt="ทะลุมิติมาเป็นนางร้าย เปลี่ยนชีวิตใหม่ด้วยมิติห้างสรรพสินค้าในยุค 70">
  1183. </div>
  1184. <div class="p-1">
  1185. <div>
  1186. <p class="novel-name">ทะลุมิติมาเป็นนางร้าย เปลี่ยนชีวิตใหม่ด้วยมิติห้างสรรพสินค้าในยุค 70</p>
  1187. <p class="novel-name-type">นิยาย รัก</p>
  1188. </div>
  1189. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1190. <span class="novel-view"> 863.4K</span>
  1191. </div>
  1192. </a>
  1193. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1194. </div>
  1195. <div class="swiper-slide bg-content-story">
  1196. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19503/นิยาย/นิยาย-แฟนตาซี/ตำนานจอมยทธ์ภูตถังซาน-ภาคการกลับมาของถังซาน">
  1197. <div class="img-story" title="นิยาย ตำนานจอมยุทธ์ภูตถังซาน : ภาคการกลับมาของถังซาน" data-toggle="tooltip" data-html="true">
  1198. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1737952857_18963042.webp" alt="ตำนานจอมยุทธ์ภูตถังซาน : ภาคการกลับมาของถังซาน">
  1199. </div>
  1200. <div class="p-1">
  1201. <div>
  1202. <p class="novel-name">ตำนานจอมยุทธ์ภูตถังซาน : ภาคการกลับมาของถังซาน</p>
  1203. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1204. </div>
  1205. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1206. <span class="novel-view"> 25.73K</span>
  1207. </div>
  1208. </a>
  1209. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1210. </div>
  1211. <div class="swiper-slide bg-content-story">
  1212. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20493/นิยาย/นิยาย-ย้อนยค-อนาคต/ครอบครัวสามีโปรดดูให้ดี-ฉันคนนี้จะเป็นเศรษฐีบ้านนา-นิยายแปล">
  1213. <div class="img-story" title="นิยาย ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1214. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1751516575_3277851.webp" alt="ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]">
  1215. </div>
  1216. <div class="p-1">
  1217. <div>
  1218. <p class="novel-name">ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]</p>
  1219. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1220. </div>
  1221. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1222. <span class="novel-view"> 16.37K</span>
  1223. </div>
  1224. </a>
  1225. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1226. </div>
  1227. <div class="swiper-slide bg-content-story">
  1228. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20572/นิยาย/นิยาย-แฟนตาซี/เพลเยอร์เกมขยะเกิดใหม่ในฐานะตัวประกอบระดับ-EX-นิยายแปล">
  1229. <div class="img-story" title="นิยาย เพลเยอร์เกมขยะเกิดใหม่ในฐานะตัวประกอบระดับ EX [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1230. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1756458480_32089281.webp" alt="เพลเยอร์เกมขยะเกิดใหม่ในฐานะตัวประกอบระดับ EX [นิยายแปล]">
  1231. </div>
  1232. <div class="p-1">
  1233. <div>
  1234. <p class="novel-name">เพลเยอร์เกมขยะเกิดใหม่ในฐานะตัวประกอบระดับ EX [นิยายแปล]</p>
  1235. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1236. </div>
  1237. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1238. <span class="novel-view"> 3.77K</span>
  1239. </div>
  1240. </a>
  1241. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1242. </div>
  1243. <div class="swiper-slide bg-content-story">
  1244. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20737/นิยาย/นิยาย-ย้อนยค-อนาคต/สารพันเมนูเด็ด-กลเม็ดสาวทะลมิติ-นิยายแปล">
  1245. <div class="img-story" title="นิยาย สารพันเมนูเด็ด กลเม็ดสาวทะลุมิติ [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1246. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1754636399_69583143.webp" alt="สารพันเมนูเด็ด กลเม็ดสาวทะลุมิติ [นิยายแปล]">
  1247. </div>
  1248. <div class="p-1">
  1249. <div>
  1250. <p class="novel-name">สารพันเมนูเด็ด กลเม็ดสาวทะลุมิติ [นิยายแปล]</p>
  1251. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1252. </div>
  1253. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1254. <span class="novel-view"> 10.54K</span>
  1255. </div>
  1256. </a>
  1257. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1258. </div>
  1259. <div class="swiper-slide bg-content-story">
  1260. <a class="story" style="width:100%" href="https://www.kawebook.com/story/20805/นิยาย/นิยาย-แฟนตาซี/การกลับมาของจอมเวทระดับ-8-นิยายแปล">
  1261. <div class="img-story" title="นิยาย การกลับมาของจอมเวทระดับ 8 [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1262. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1755503254_37753987.webp" alt="การกลับมาของจอมเวทระดับ 8 [นิยายแปล]">
  1263. </div>
  1264. <div class="p-1">
  1265. <div>
  1266. <p class="novel-name">การกลับมาของจอมเวทระดับ 8 [นิยายแปล]</p>
  1267. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1268. </div>
  1269. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1270. <span class="novel-view"> 1.37K</span>
  1271. </div>
  1272. </a>
  1273. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1274. </div>
  1275. <div class="swiper-slide bg-content-story">
  1276. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18999/นิยาย/นิยาย-แฟนตาซี/นิยายแปล-Loging-10-Years-into-the-Future-เทพไร้พ่าย-ลยเดี่ยวอนาคตหมื่นปี">
  1277. <div class="img-story" title="นิยาย [นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี" data-toggle="tooltip" data-html="true">
  1278. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/1751968032_51084667.webp" alt="[นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี">
  1279. </div>
  1280. <div class="p-1">
  1281. <div>
  1282. <p class="novel-name">[นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี</p>
  1283. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1284. </div>
  1285. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1286. <span class="novel-view"> 315.51K</span>
  1287. </div>
  1288. </a>
  1289. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1290. </div>
  1291. </div>
  1292. </div>
  1293. </div>
  1294. </div>
  1295. </div>
  1296.  
  1297. <!-- จัดโปร Black Friday/8.8/9.9/.... นิยายดังลดทั้งเรื่อง! มาจาก section นิยายแนะนำ -->
  1298. <div class="pb-2">
  1299. <div class="group-story mainContent-SpecialSection bg-gradient-style-2">
  1300. <div style="padding-bottom:5px;">
  1301. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  1302. <tr>
  1303. <td rowspan="2" style="width:1%">
  1304. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="Pinebook Pay Day ลดสูงสุด 20%" class="icon-group-story float-left" />
  1305. </td>
  1306. </tr>
  1307. <tr>
  1308. <td style="text-wrap: auto;  width: 65%;">
  1309. <p class="txtPromotion txtSection" id="txtSpecialRes" style="line-height: 100%;">Pinebook Pay Day ลดสูงสุด 20%</p>
  1310. </td>
  1311. <td align="right" style="min-width: 90px;">
  1312. <a href="https://www.kawebook.com/นิยายลดราคา/9" target="_blank">
  1313. <p class="res-search-all-story btnMore">
  1314. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1315. </p>
  1316. </a>
  1317. </td>
  1318. </tr>
  1319. </table>
  1320. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1321. <div class="row">
  1322. <td rowspan="2" style="width:1%">
  1323. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="Pinebook Pay Day ลดสูงสุด 20%" class="icon-group-story float-left" />
  1324. </td>
  1325. <div class="col d-flex align-items-end" style="padding:0">
  1326. <div class="pb-1">
  1327. <h2 class="novel-type" id="txtSpecialDes">Pinebook Pay Day ลดสูงสุด 20%</h2>
  1328. </div>
  1329. </div>
  1330. <div style="width:auto;" class="d-flex align-items-end" target="_blank">
  1331. <a href="https://www.kawebook.com/นิยายลดราคา/9" target="_blank">
  1332. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1333. </a>
  1334. <i class="fas fa-caret-left swiper-button-prev-special-section btn-swiper-prev-next"></i>
  1335. <i class="fas fa-caret-right swiper-button-next-special-section btn-swiper-prev-next"></i>
  1336. </div>
  1337. </div>
  1338. </div>
  1339. </div>
  1340. <div class="swiper-area">
  1341. <div class="swiper-special-section" style="width:100%;">
  1342. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1343. <div class="swiper-wrapper">
  1344. <div class="swiper-slide bg-content-story">
  1345. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17666/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/เทพยทธ์ล้างสวรรค์-นิยายแปล">
  1346. <div class="special-sec">
  1347. <div class="special-per">20%</div>
  1348. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1349. </div>
  1350. <div class="img-story" title="นิยาย เทพยุทธ์ล้างสวรรค์  [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1351. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1716880919_30815303.webp" alt="เทพยุทธ์ล้างสวรรค์  [นิยายแปล]">
  1352. </div>
  1353. <div class="p-1">
  1354. <div>
  1355. <p class="novel-name">เทพยุทธ์ล้างสวรรค์  [นิยายแปล]</p>
  1356. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1357. </div>
  1358. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1359. <span class="novel-view">138.56K</span>
  1360. </div>
  1361. </a>
  1362. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1363. </div>
  1364. <div class="swiper-slide bg-content-story">
  1365. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17219/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/หนึ่งดาบสังหาร-ปรมาจารย์อสูร-นิยายแปล">
  1366. <div class="special-sec">
  1367. <div class="special-per">20%</div>
  1368. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1369. </div>
  1370. <div class="img-story" title="นิยาย หนึ่งดาบสังหาร ปรมาจารย์อสูร  [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1371. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1711610857_86701450.webp" alt="หนึ่งดาบสังหาร ปรมาจารย์อสูร  [นิยายแปล]">
  1372. </div>
  1373. <div class="p-1">
  1374. <div>
  1375. <p class="novel-name">หนึ่งดาบสังหาร ปรมาจารย์อสูร  [นิยายแปล]</p>
  1376. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1377. </div>
  1378. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1379. <span class="novel-view">146.94K</span>
  1380. </div>
  1381. </a>
  1382. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1383. </div>
  1384. <div class="swiper-slide bg-content-story">
  1385. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19955/นิยาย/นิยาย-แฟนตาซี/ขอโทษที-พอดีบรรพจารย์ผมเป็นเจ้าแห่งยมโลก-นิยายแปล">
  1386. <div class="special-sec">
  1387. <div class="special-per">20%</div>
  1388. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1389. </div>
  1390. <div class="img-story" title="นิยาย ขอโทษที พอดีบรรพจารย์ผมเป็นเจ้าแห่งยมโลก [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1391. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1744344860_18928631.webp" alt="ขอโทษที พอดีบรรพจารย์ผมเป็นเจ้าแห่งยมโลก [นิยายแปล]">
  1392. </div>
  1393. <div class="p-1">
  1394. <div>
  1395. <p class="novel-name">ขอโทษที พอดีบรรพจารย์ผมเป็นเจ้าแห่งยมโลก [นิยายแปล]</p>
  1396. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1397. </div>
  1398. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1399. <span class="novel-view">39.68K</span>
  1400. </div>
  1401. </a>
  1402. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1403. </div>
  1404. <div class="swiper-slide bg-content-story">
  1405. <a class="story" style="width:100%" href="https://www.kawebook.com/story/21036/นิยาย/นิยาย-แฟนตาซี/เกิดใหม่ทั้งที-ดันเป็นฮัสกี้หน้าโง่เนี่ยนะ-นิยายแปล-ปลดฟรีวันละตอนตลอด-2-เดือน">
  1406. <div class="special-sec">
  1407. <div class="special-per">20%</div>
  1408. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1409. </div>
  1410. <div class="img-story" title="นิยาย เกิดใหม่ทั้งที ดันเป็นฮัสกี้หน้าโง่เนี่ยนะ? (นิยายแปล) (ปลดฟรีวันละตอนตลอด 2 เดือน)" data-toggle="tooltip" data-html="true">
  1411. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1758708037_13938700.webp" alt="เกิดใหม่ทั้งที ดันเป็นฮัสกี้หน้าโง่เนี่ยนะ? (นิยายแปล) (ปลดฟรีวันละตอนตลอด 2 เดือน)">
  1412. </div>
  1413. <div class="p-1">
  1414. <div>
  1415. <p class="novel-name">เกิดใหม่ทั้งที ดันเป็นฮัสกี้หน้าโง่เนี่ยนะ? (นิยายแปล) (ปลดฟรีวันละตอนตลอด 2 เดือน)</p>
  1416. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1417. </div>
  1418. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1419. <span class="novel-view">2.18K</span>
  1420. </div>
  1421. </a>
  1422. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1423. </div>
  1424. </div>
  1425. </div>
  1426. </div>
  1427. </div>
  1428. </div>
  1430.  
  1431. <div class="pb-2">
  1432. <div class="group-story mainContent-recomment bg-gradient-style-3">
  1433. <div style="padding-bottom:5px;">
  1434. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  1435. <tr>
  1436. <td rowspan="2" style="width:1%">
  1437. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายแนะนำ" class="icon-group-story float-left" />
  1438. </td>
  1439. </tr>
  1440. <tr>
  1441. <td style="text-wrap: auto;  width: 65%;">
  1442. <p class="novel-type txtSection" style="line-height: 1rem !important;">นิยายแนะนำ</p>
  1443. </td>
  1444. <td align="right">
  1445. <a href="https://www.kawebook.com/นิยายแนะนำ" target="_blank">
  1446. <p class="res-search-all-story btnMore">
  1447. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1448. </p>
  1449. </a>
  1450. </td>
  1451. </tr>
  1452. </table>
  1453. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1454. <div class="row">
  1455. <div style="width:auto;">
  1456. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายแนะนำ" class="icon-group-story float-left" />
  1457. </div>
  1458. <div class="col d-flex align-items-end" style="padding:0">
  1459. <div class="pb-1">
  1460. <h2 class="novel-type">นิยายแนะนำ</h2>
  1461. </div>
  1462. </div>
  1463. <div style="width:auto;" class="d-flex align-items-end" target="_blank">
  1464. <a href="https://www.kawebook.com/นิยายแนะนำ" target="_blank">
  1465. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1466. </a>
  1467. <i class="fas fa-caret-left swiper-button-prev-recommend btn-swiper-prev-next"></i>
  1468. <i class="fas fa-caret-right swiper-button-next-recommend btn-swiper-prev-next"></i>
  1469. </div>
  1470. </div>
  1471. </div>
  1472. </div>
  1473. <div class="swiper-area">
  1474. <div class="swiper-recommend" style="width:100%;height: auto;">
  1475. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1476. <div class="swiper-wrapper">
  1477. <div class="swiper-slide bg-content-story">
  1478. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18999/นิยาย/นิยาย-แฟนตาซี/นิยายแปล-Loging-10-Years-into-the-Future-เทพไร้พ่าย-ลยเดี่ยวอนาคตหมื่นปี">
  1479. <div class="img-story" title="นิยาย [นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี" data-toggle="tooltip" data-html="true">
  1480. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/1751968032_51084667.webp" alt="[นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี">
  1481. </div>
  1482. <div class="p-1">
  1483. <div>
  1484. <p class="novel-name">[นิยายแปล] Logging 10000 Years into the Future - เทพไร้พ่าย ลุยเดี่ยวอนาคตหมื่นปี</p>
  1485. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1486. </div>
  1487. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1488. <span class="novel-view"> 315.57K</span>
  1489. </div>
  1490. </a>
  1491. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1492. </div>
  1493. <div class="swiper-slide bg-content-story">
  1494. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18207/นิยาย/นิยาย-แฟนตาซี/ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด">
  1495. <div class="img-story" title="นิยาย ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด" data-toggle="tooltip" data-html="true">
  1496. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1744958092_87635532.webp" alt="ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด">
  1497. </div>
  1498. <div class="p-1">
  1499. <div>
  1500. <p class="novel-name">ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด</p>
  1501. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1502. </div>
  1503. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1504. <span class="novel-view"> 253.22K</span>
  1505. </div>
  1506. </a>
  1507. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1508. </div>
  1509. <div class="swiper-slide bg-content-story">
  1510. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17816/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/เส้นทางสู่วิถีเซียน-ข้าขอเป็นเซียน">
  1511. <div class="img-story" title="นิยาย เส้นทางสู่วิถีเซียน ข้าขอเป็นเซียน!" data-toggle="tooltip" data-html="true">
  1512. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1719893080_55750134.webp" alt="เส้นทางสู่วิถีเซียน ข้าขอเป็นเซียน!">
  1513. </div>
  1514. <div class="p-1">
  1515. <div>
  1516. <p class="novel-name">เส้นทางสู่วิถีเซียน ข้าขอเป็นเซียน!</p>
  1517. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1518. </div>
  1519. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1520. <span class="novel-view"> 197.4K</span>
  1521. </div>
  1522. </a>
  1523. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1524. </div>
  1525. <div class="swiper-slide bg-content-story">
  1526. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19252/นิยาย/นิยาย-แฟนตาซี/บันทึกวิถีเซียนกระบี่แสวงพ่าย">
  1527. <div class="img-story" title="นิยาย บันทึกวิถีเซียนกระบี่แสวงพ่าย" data-toggle="tooltip" data-html="true">
  1528. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1750653364_63144021.webp" alt="บันทึกวิถีเซียนกระบี่แสวงพ่าย">
  1529. </div>
  1530. <div class="p-1">
  1531. <div>
  1532. <p class="novel-name">บันทึกวิถีเซียนกระบี่แสวงพ่าย</p>
  1533. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1534. </div>
  1535. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1536. <span class="novel-view"> 33.8K</span>
  1537. </div>
  1538. </a>
  1539. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1540. </div>
  1541. <div class="swiper-slide bg-content-story">
  1542. <a class="story" style="width:100%" href="https://www.kawebook.com/story/17877/นิยาย/นิยาย-แฟนตาซี/นิยายแปล-I-Am-Fated-Vilain-ยึดครองใต้หล้าด้วยระบบมารร้ายแห่งโชคชะตา">
  1543. <div class="img-story" title="นิยาย [นิยายแปล] I Am Fated Villain ยึดครองใต้หล้าด้วยระบบมารร้ายแห่งโชคชะตา" data-toggle="tooltip" data-html="true">
  1544. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1758873761_78716960.webp" alt="[นิยายแปล] I Am Fated Villain ยึดครองใต้หล้าด้วยระบบมารร้ายแห่งโชคชะตา">
  1545. </div>
  1546. <div class="p-1">
  1547. <div>
  1548. <p class="novel-name">[นิยายแปล] I Am Fated Villain ยึดครองใต้หล้าด้วยระบบมารร้ายแห่งโชคชะตา</p>
  1549. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1550. </div>
  1551. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1552. <span class="novel-view"> 224.98K</span>
  1553. </div>
  1554. </a>
  1555. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1556. </div>
  1557. <div class="swiper-slide bg-content-story">
  1558. <a class="story" style="width:100%" href="https://www.kawebook.com/story/19000/นิยาย/นิยาย-แฟนตาซี/ระบบตระกูลท้าปฐพีย่ำสวรรค์">
  1559. <div class="img-story" title="นิยาย ระบบตระกูลท้าปฐพีย่ำสวรรค์" data-toggle="tooltip" data-html="true">
  1560. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1754625018_24214911.webp" alt="ระบบตระกูลท้าปฐพีย่ำสวรรค์">
  1561. </div>
  1562. <div class="p-1">
  1563. <div>
  1564. <p class="novel-name">ระบบตระกูลท้าปฐพีย่ำสวรรค์</p>
  1565. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1566. </div>
  1567. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1568. <span class="novel-view"> 152.83K</span>
  1569. </div>
  1570. </a>
  1571. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1572. </div>
  1573. <div class="swiper-slide bg-content-story">
  1574. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18208/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/ระบบฝึกยทธ์ในต่างโลก-เกิดใหม่ครั้งนี้ข้าจะเป็นอัจฉริยะไร้ที่เปรียบ">
  1575. <div class="img-story" title="นิยาย ระบบฝึกยุทธ์ในต่างโลก : เกิดใหม่ครั้งนี้ข้าจะเป็นอัจฉริยะไร้ที่เปรียบ" data-toggle="tooltip" data-html="true">
  1576. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1749551637_4510092.webp" alt="ระบบฝึกยุทธ์ในต่างโลก : เกิดใหม่ครั้งนี้ข้าจะเป็นอัจฉริยะไร้ที่เปรียบ">
  1577. </div>
  1578. <div class="p-1">
  1579. <div>
  1580. <p class="novel-name">ระบบฝึกยุทธ์ในต่างโลก : เกิดใหม่ครั้งนี้ข้าจะเป็นอัจฉริยะไร้ที่เปรียบ</p>
  1581. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1582. </div>
  1583. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1584. <span class="novel-view"> 267.39K</span>
  1585. </div>
  1586. </a>
  1587. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1588. </div>
  1589. <div class="swiper-slide bg-content-story">
  1590. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18046/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/ฝืนชะตาท้าสามภพ-นิยายแปล">
  1591. <div class="img-story" title="นิยาย ฝืนชะตาท้าสามภพ  [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1592. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1721906142_38669137.webp" alt="ฝืนชะตาท้าสามภพ  [นิยายแปล]">
  1593. </div>
  1594. <div class="p-1">
  1595. <div>
  1596. <p class="novel-name">ฝืนชะตาท้าสามภพ  [นิยายแปล]</p>
  1597. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1598. </div>
  1599. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1600. <span class="novel-view"> 40.57K</span>
  1601. </div>
  1602. </a>
  1603. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1604. </div>
  1605. <div class="swiper-slide bg-content-story">
  1606. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18337/นิยาย/นิยาย-แฟนตาซี/ดวงเนตรสมบัติพลิกชะตา-ข้าจะเป็นเศรษฐี-นิยายแปล">
  1607. <div class="img-story" title="นิยาย ดวงเนตรสมบัติพลิกชะตา ข้าจะเป็นเศรษฐี  [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1608. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1731316741_7116072.webp" alt="ดวงเนตรสมบัติพลิกชะตา ข้าจะเป็นเศรษฐี  [นิยายแปล]">
  1609. </div>
  1610. <div class="p-1">
  1611. <div>
  1612. <p class="novel-name">ดวงเนตรสมบัติพลิกชะตา ข้าจะเป็นเศรษฐี  [นิยายแปล]</p>
  1613. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1614. </div>
  1615. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1616. <span class="novel-view"> 79.84K</span>
  1617. </div>
  1618. </a>
  1619. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1620. </div>
  1621. <div class="swiper-slide bg-content-story">
  1622. <a class="story" style="width:100%" href="https://www.kawebook.com/story/16118/นิยาย/นิยาย-แฟนตาซี/ซูเปอร์ดอกเตอร์แห่งห้องพยาบาล-นิยายแปล">
  1623. <div class="img-story" title="นิยาย ซูเปอร์ดอกเตอร์แห่งห้องพยาบาล [นิยายแปล]" data-toggle="tooltip" data-html="true">
  1624. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1698468008_90871447.webp" alt="ซูเปอร์ดอกเตอร์แห่งห้องพยาบาล [นิยายแปล]">
  1625. </div>
  1626. <div class="p-1">
  1627. <div>
  1628. <p class="novel-name">ซูเปอร์ดอกเตอร์แห่งห้องพยาบาล [นิยายแปล]</p>
  1629. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1630. </div>
  1631. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1632. <span class="novel-view"> 78.88K</span>
  1633. </div>
  1634. </a>
  1635. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1636. </div>
  1637. </div>
  1638. </div>
  1639. </div>
  1640. </div>
  1641.                </div>
  1642.  
  1643. <!-- story_promote นิยายได้รับการสนับสนุน-->
  1644. <div class="pb-2">
  1645. <div class="group-story mainContent-story_promote bg-gradient-style-1" >
  1646. <div style="padding-bottom:5px;">
  1647. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  1648. <tr>
  1649. <td rowspan="2" style="width:1%">
  1650. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-4.webp" alt="นิยายใหม่มาแรง" class="icon-group-story float-left">
  1651. </td>
  1652. </tr>
  1653. <tr>
  1654. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายใหม่มาแรง</h2></td>
  1655. <td align="right" style="min-width: 90px;">
  1656. <a href="https://www.kawebook.com/profile/guest/147" target="_blank">
  1657. <p class="res-search-all-story btnMore">
  1658. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1659. </p>
  1660. </a>
  1661. </td>
  1662. </tr>
  1663. </table>
  1664. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1665. <div class="row">
  1666. <div style="width:auto;">
  1667. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-4.webp" alt="นิยายใหม่มาแรง" class="icon-group-story float-left">
  1668. </div>
  1669. <div class="col d-flex align-items-end" style="padding:0">
  1670. <div class="pb-1">
  1671. <h2 class="novel-type">นิยายใหม่มาแรง</h2>
  1672. </div>
  1673. </div>
  1674. <div style="width:auto;" class="d-flex align-items-end">
  1675. <a class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;"
  1676. href="https://www.kawebook.com/profile/guest/147" target="_blank">ดูทั้งหมด</a>
  1677. <i class="fas fa-caret-left swiper-button-prev-story_promote btn-swiper-prev-next"></i>
  1678. <i class="fas fa-caret-right swiper-button-next-story_promote btn-swiper-prev-next"></i>
  1679. </div>
  1680. </div>
  1681. </div>
  1682. </div>
  1683. <div class="swiper-area">
  1684. <div class="swiper-story_promote" style="width:100%;">
  1685. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1686. <div class="swiper-wrapper"></div>
  1687. </div>
  1688. </div>
  1689. </div>
  1690. </div>
  1691.  
  1692. <!-- นิยายแปล 3 แถว 30 เรื่อง top 6 ไม่ซ้ำกัน -->
  1693. <div class="pb-2 Story-toptrans-1 d-none">
  1694. <div class="group-story mainContent-Toptrans-1 bg-top30-section" style="padding: 10px 10px 0px;">
  1695. <div style="padding-bottom:5px;">
  1696. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1697. <tr>
  1698. <td rowspan="2" style="width:1%">
  1699. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1700. </td>                                
  1701. <td rowspan="2" style="width:auto">
  1702. <div class="d-none d-md-block d-xl-block d-lg-block">
  1703. <div class="d-flex justify-content-center">
  1705. </div>
  1706. </div>
  1707. </td>
  1708. </tr>
  1709. <tr>
  1710. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ (นิยายแปล)</h2></td>
  1711. <td class="" align="right">
  1712. <a href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ-นิยายแปล" target="_blank">
  1713. <p class="res-search-all-story btnMore">
  1714. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1715. </p>
  1716. </a>
  1717. </td>
  1718. </tr>
  1719. </table>
  1721. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1722. <div class="row">
  1723. <div style="width:auto;">
  1724. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1725. </div>
  1726. <div class="d-flex align-items-end" style="width:auto;">
  1727. <div class="pb-1">
  1728. <h2 class="novel-type">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ (นิยายแปล)</h2>
  1729. </div>
  1730. </div>
  1732. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1733. <a class="" href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ-นิยายแปล" target="_blank">
  1734. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1735. </a>
  1736. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-1 btn-swiper-prev-next"></i>
  1737. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-1 btn-swiper-prev-next"></i>
  1738. </div>
  1739. </div>
  1740. </div>  
  1741. </div>
  1742. <div class="tab-content">
  1743. <div class="content-top-novel swiper-area pd-bottom-content">
  1744. <div class="swiper-Toptrans-1" style="width:100%;">
  1745. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1746. <div class="swiper-wrapper"></div>
  1747. </div>
  1748. </div>
  1749. </div>                    
  1750. </div>
  1751.                </div>
  1752.  
  1753. <div class="pb-2 Story-toptrans-2 d-none">
  1754. <div class="group-story mainContent-Toptrans-2 bg-top30-section" style="padding: 10px 10px 0px;">
  1755. <div style="padding-bottom:5px;">
  1756. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1757. <tr>
  1758. <td rowspan="2" style="width:1%">
  1759. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1760. </td>                                
  1761. <td rowspan="2" style="width:auto">
  1762. <div class="d-none d-md-block d-xl-block d-lg-block">
  1763. <div class="d-flex justify-content-center">
  1765. </div>
  1766. </div>
  1767. </td>
  1768. </tr>
  1769. <tr>
  1770. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ (นิยายแปล)</h2></td>
  1771. <td class="" align="right">
  1772. <a href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ-นิยายแปล" target="_blank">
  1773. <p class="res-search-all-story btnMore">
  1774. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1775. </p>
  1776. </a>
  1777. </td>
  1778. </tr>
  1779. </table>
  1781. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1782. <div class="row">
  1783. <div style="width:auto;">
  1784. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1785. </div>
  1786. <div class="d-flex align-items-end" style="width:auto;">
  1787. <div class="pb-1">
  1788. <h2 class="novel-type">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ (นิยายแปล)</h2>
  1789. </div>
  1790. </div>
  1792. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1793. <a class="" href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ-นิยายแปล" target="_blank">
  1794. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1795. </a>
  1796. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-2 btn-swiper-prev-next"></i>
  1797. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-2 btn-swiper-prev-next"></i>
  1798. </div>
  1799. </div>
  1800. </div>  
  1801. </div>
  1802. <div class="tab-content">
  1803. <div class="content-top-novel swiper-area pd-bottom-content">
  1804. <div class="swiper-Toptrans-2" style="width:100%;">
  1805. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1806. <div class="swiper-wrapper"></div>
  1807. </div>
  1808. </div>
  1809. </div>                    
  1810. </div>
  1811. </div>
  1812.  
  1813. <div class="pb-2 Story-toptrans-3 d-none">
  1814. <div class="group-story mainContent-Toptrans-3 bg-top30-section" style="padding: 10px 10px 0px;">
  1815. <div style="padding-bottom:5px;">
  1816. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1817. <tr>
  1818. <td rowspan="2" style="width:1%">
  1819. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายวาย ติดอันดับ" class="icon-group-story float-left">
  1820. </td>                                
  1821. <td rowspan="2" style="width:auto">
  1822. <div class="d-none d-md-block d-xl-block d-lg-block">
  1823. <div class="d-flex justify-content-center">
  1825. </div>
  1826. </div>
  1827. </td>
  1828. </tr>
  1829. <tr>
  1830. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายวาย ติดอันดับ</h2></td>
  1831. <td class="" align="right">
  1832. <a href="https://www.kawebook.com/นิยายวาย-ติดอันดับ" target="_blank">
  1833. <p class="res-search-all-story btnMore">
  1834. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1835. </p>
  1836. </a>
  1837. </td>
  1838. </tr>
  1839. </table>
  1841. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1842. <div class="row">
  1843. <div style="width:auto;">
  1844. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายวาย ติดอันดับ" class="icon-group-story float-left">
  1845. </div>
  1846. <div class="d-flex align-items-end" style="width:auto;">
  1847. <div class="pb-1">
  1848. <h2 class="novel-type">นิยายวาย ติดอันดับ</h2>
  1849. </div>
  1850. </div>
  1852. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1853. <a class="" href="https://www.kawebook.com/นิยายวาย-ติดอันดับ" target="_blank">
  1854. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1855. </a>
  1856. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-3 btn-swiper-prev-next"></i>
  1857. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-3 btn-swiper-prev-next"></i>
  1858. </div>
  1859. </div>
  1860. </div>  
  1861. </div>
  1862. <div class="tab-content">
  1863. <div class="content-top-novel swiper-area pd-bottom-content">
  1864. <div class="swiper-Toptrans-3" style="width:100%;">
  1865. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1866. <div class="swiper-wrapper"></div>
  1867. </div>
  1868. </div>
  1869. </div>                    
  1870. </div>
  1871.                </div>
  1872.  
  1873. <div class="pb-2 Story-toptrans-4 d-none">
  1874. <div class="group-story mainContent-Toptrans-4 bg-top30-section" style="padding: 10px 10px 0px;">
  1875. <div style="padding-bottom:5px;">
  1876. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1877. <tr>
  1878. <td rowspan="2" style="width:1%">
  1879. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1880. </td>                                
  1881. <td rowspan="2" style="width:auto">
  1882. <div class="d-none d-md-block d-xl-block d-lg-block">
  1883. <div class="d-flex justify-content-center">
  1885. </div>
  1886. </div>
  1887. </td>
  1888. </tr>
  1889. <tr>
  1890. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ (นิยายแปล)</h2></td>
  1891. <td class="" align="right">
  1892. <a href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ-นิยายแปล" target="_blank">
  1893. <p class="res-search-all-story btnMore">
  1894. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1895. </p>
  1896. </a>
  1897. </td>
  1898. </tr>
  1899. </table>
  1901. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1902. <div class="row">
  1903. <div style="width:auto;">
  1904. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1905. </div>
  1906. <div class="d-flex align-items-end" style="width:auto;">
  1907. <div class="pb-1">
  1908. <h2 class="novel-type">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ (นิยายแปล)</h2>
  1909. </div>
  1910. </div>
  1912. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1913. <a class="" href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ-นิยายแปล" target="_blank">
  1914. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1915. </a>
  1916. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-4 btn-swiper-prev-next"></i>
  1917. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-4 btn-swiper-prev-next"></i>
  1918. </div>
  1919. </div>
  1920. </div>  
  1921. </div>
  1922. <div class="tab-content">
  1923. <div class="content-top-novel swiper-area pd-bottom-content">
  1924. <div class="swiper-Toptrans-4" style="width:100%;">
  1925. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1926. <div class="swiper-wrapper"></div>
  1927. </div>
  1928. </div>
  1929. </div>                    
  1930. </div>
  1931.                </div>
  1932.  
  1933. <div class="pb-2 Story-toptrans-5 d-none">
  1934. <div class="group-story mainContent-Toptrans-5 bg-top30-section" style="padding: 10px 10px 0px;">
  1935. <div style="padding-bottom:5px;">
  1936. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1937. <tr>
  1938. <td rowspan="2" style="width:1%">
  1939. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยาย NC ติดอันดับ" class="icon-group-story float-left">
  1940. </td>                                
  1941. <td rowspan="2" style="width:auto">
  1942. <div class="d-none d-md-block d-xl-block d-lg-block">
  1943. <div class="d-flex justify-content-center">
  1945. </div>
  1946. </div>
  1947. </td>
  1948. </tr>
  1949. <tr>
  1950. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยาย NC ติดอันดับ</h2></td>
  1951. <td class="" align="right">
  1952. <a href="https://www.kawebook.com/นิยาย-NC-ติดอันดับ" target="_blank">
  1953. <p class="res-search-all-story btnMore">
  1954. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1955. </p>
  1956. </a>
  1957. </td>
  1958. </tr>
  1959. </table>
  1961. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1962. <div class="row">
  1963. <div style="width:auto;">
  1964. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยาย NC ติดอันดับ" class="icon-group-story float-left">
  1965. </div>
  1966. <div class="d-flex align-items-end" style="width:auto;">
  1967. <div class="pb-1">
  1968. <h2 class="novel-type">นิยาย NC ติดอันดับ</h2>
  1969. </div>
  1970. </div>
  1972. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1973. <a class="" href="https://www.kawebook.com/นิยาย-NC-ติดอันดับ" target="_blank">
  1974. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1975. </a>
  1976. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-5 btn-swiper-prev-next"></i>
  1977. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-5 btn-swiper-prev-next"></i>
  1978. </div>
  1979. </div>
  1980. </div>  
  1981. </div>
  1982. <div class="tab-content">
  1983. <div class="content-top-novel swiper-area pd-bottom-content">
  1984. <div class="swiper-Toptrans-5" style="width:100%;">
  1985. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1986. <div class="swiper-wrapper"></div>
  1987. </div>
  1988. </div>
  1989. </div>                    
  1990. </div>
  1991.                </div>
  1992.  
  1993. <div class="pb-2 Story-toptrans-6 d-none">
  1994. <div class="group-story mainContent-Toptrans-6 bg-top30-section" style="padding: 10px 10px 0px;">
  1995. <div style="padding-bottom:5px;">
  1996. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1997. <tr>
  1998. <td rowspan="2" style="width:1%">
  1999. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ" class="icon-group-story float-left">
  2000. </td>                                
  2001. <td rowspan="2" style="width:auto">
  2002. <div class="d-none d-md-block d-xl-block d-lg-block">
  2003. <div class="d-flex justify-content-center">
  2005. </div>
  2006. </div>
  2007. </td>
  2008. </tr>
  2009. <tr>
  2010. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ</h2></td>
  2011. <td class="" align="right">
  2012. <a href="https://www.kawebook.com/นิยายสืบสวนสอบสวน-ระทึกขวัญ-ติดอันดับ" target="_blank">
  2013. <p class="res-search-all-story btnMore">
  2014. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2015. </p>
  2016. </a>
  2017. </td>
  2018. </tr>
  2019. </table>
  2021. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2022. <div class="row">
  2023. <div style="width:auto;">
  2024. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ" class="icon-group-story float-left">
  2025. </div>
  2026. <div class="d-flex align-items-end" style="width:auto;">
  2027. <div class="pb-1">
  2028. <h2 class="novel-type">นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ</h2>
  2029. </div>
  2030. </div>
  2032. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2033. <a class="" href="https://www.kawebook.com/นิยายสืบสวนสอบสวน-ระทึกขวัญ-ติดอันดับ" target="_blank">
  2034. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2035. </a>
  2036. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-6 btn-swiper-prev-next"></i>
  2037. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-6 btn-swiper-prev-next"></i>
  2038. </div>
  2039. </div>
  2040. </div>  
  2041. </div>
  2042. <div class="tab-content">
  2043. <div class="content-top-novel swiper-area pd-bottom-content">
  2044. <div class="swiper-Toptrans-6" style="width:100%;">
  2045. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2046. <div class="swiper-wrapper"></div>
  2047. </div>
  2048. </div>
  2049. </div>                    
  2050. </div>
  2051.                </div>
  2052.  
  2053. <!-- นิยายแนะนำสำหรับคุณ  -->
  2055. <!-- นิยายแปลจบเเล้วล่าสุด story_translation_end_desc -->
  2056. <div class="pb-2 Story-translation-end d-none">
  2057. <div class="group-story mainContent-story_translation_end bg-gradient-style-3" >
  2058. <div style="padding-bottom:5px;">
  2059. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2060. <tr>
  2061. <td rowspan="3" style="width:1%">
  2062. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-6.webp" alt="นิยายแปลจบเเล้วล่าสุด">
  2063. </td>
  2064. </tr>
  2065. <tr>
  2066. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแปลจบเเล้วล่าสุด</h2></td>
  2067. <td align="right">
  2068. <a href="https://www.kawebook.com/นิยายแปลจบเเล้วล่าสุด" target="_blank">
  2069. <p class="res-search-all-story btnMore">
  2070. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2071. </p>
  2072. </a>
  2073. </td>
  2074. </tr>
  2075. </table>
  2076. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2077. <div class="row">
  2078. <div style="width:auto;">
  2079. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-6.webp" alt="นิยายแปลจบเเล้วล่าสุด">
  2080. </div>
  2081. <div class="col d-flex align-items-end" style="padding:0">
  2082. <div class="pb-1">
  2083. <h2 class="novel-type">นิยายแปลจบเเล้วล่าสุด</h2>
  2084. </div>
  2085. </div>
  2086. <div style="width:auto;" class="d-flex align-items-end">
  2087. <a class="" href="https://www.kawebook.com/นิยายแปลจบเเล้วล่าสุด" target="_blank">
  2088. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;" >ดูทั้งหมด</button>    
  2089. </a>
  2090. <i class="fas fa-caret-left swiper-button-prev-story_translation_end btn-swiper-prev-next"></i>
  2091. <i class="fas fa-caret-right swiper-button-next-story_translation_end btn-swiper-prev-next"></i>
  2092. </div>
  2093. </div>
  2094. </div>              
  2095. </div>
  2096. <div class="swiper-area">
  2097. <div class="swiper-story_translation_end" style="width:100%;">
  2098. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2099. <div class="swiper-wrapper"></div>
  2100. </div>
  2101. </div>
  2102. </div>
  2103.                </div>
  2104.  
  2105. <!-- นิยายไทย 3 แถว 30 เรื่อง top 6 ไม่ซ้ำกัน -->
  2106. <div class="pb-2 Story-topthai-1 d-none">
  2107. <div class="group-story mainContent-Topthai-1 bg-top30-section" style="padding: 10px 10px 0px;">
  2108. <div style="padding-bottom:5px;">
  2109. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2110. <tr>
  2111. <td rowspan="2" style="width:1%">
  2112. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ" class="icon-group-story float-left">
  2113. </td>                                
  2114. <td rowspan="2" style="width:auto">
  2115. <div class="d-none d-md-block d-xl-block d-lg-block">
  2116. <div class="d-flex justify-content-center">
  2118. </div>
  2119. </div>
  2120. </td>
  2121. </tr>
  2122. <tr>
  2123. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ</h2></td>
  2124. <td class="" align="right">
  2125. <a href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ" target="_blank">
  2126. <p class="res-search-all-story btnMore">
  2127. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2128. </p>
  2129. </a>
  2130. </td>
  2131. </tr>
  2132. </table>
  2134. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2135. <div class="row">
  2136. <div style="width:auto;">
  2137. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ" class="icon-group-story float-left">
  2138. </div>
  2139. <div class="d-flex align-items-end" style="width:auto;">
  2140. <div class="pb-1">
  2141. <h2 class="novel-type">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ</h2>
  2142. </div>
  2143. </div>
  2145. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2146. <a class="" href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ" target="_blank">
  2147. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2148. </a>
  2149. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-1 btn-swiper-prev-next"></i>
  2150. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-1 btn-swiper-prev-next"></i>
  2151. </div>
  2152. </div>
  2153. </div>  
  2154. </div>
  2155. <div class="tab-content">
  2156. <div class="content-top-novel swiper-area pd-bottom-content">
  2157. <div class="swiper-Topthai-1" style="width:100%;">
  2158. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2159. <div class="swiper-wrapper"></div>
  2160. </div>
  2161. </div>
  2162. </div>                    
  2163. </div>
  2164.                </div>
  2165.  
  2166. <div class="pb-2 Story-topthai-2 d-none">
  2167. <div class="group-story mainContent-Topthai-2 bg-top30-section" style="padding: 10px 10px 0px;">
  2168. <div style="padding-bottom:5px;">
  2169. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2170. <tr>
  2171. <td rowspan="2" style="width:1%">
  2172. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ" class="icon-group-story float-left">
  2173. </td>                                
  2174. <td rowspan="2" style="width:auto">
  2175. <div class="d-none d-md-block d-xl-block d-lg-block">
  2176. <div class="d-flex justify-content-center">
  2178. </div>
  2179. </div>
  2180. </td>
  2181. </tr>
  2182. <tr>
  2183. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ</h2></td>
  2184. <td class="" align="right">
  2185. <a href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ" target="_blank">
  2186. <p class="res-search-all-story btnMore">
  2187. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2188. </p>
  2189. </a>
  2190. </td>
  2191. </tr>
  2192. </table>
  2194. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2195. <div class="row">
  2196. <div style="width:auto;">
  2197. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ" class="icon-group-story float-left">
  2198. </div>
  2199. <div class="d-flex align-items-end" style="width:auto;">
  2200. <div class="pb-1">
  2201. <h2 class="novel-type">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ</h2>
  2202. </div>
  2203. </div>
  2205. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2206. <a class="" href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ" target="_blank">
  2207. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2208. </a>
  2209. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-2 btn-swiper-prev-next"></i>
  2210. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-2  btn-swiper-prev-next"></i>
  2211. </div>
  2212. </div>
  2213. </div>  
  2214. </div>
  2215. <div class="tab-content">
  2216. <div class="content-top-novel swiper-area pd-bottom-content">
  2217. <div class="swiper-Topthai-2" style="width:100%;">
  2218. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2219. <div class="swiper-wrapper"></div>
  2220. </div>
  2221. </div>
  2222. </div>                    
  2223. </div>
  2224. </div>
  2225.  
  2226. <div class="pb-2 Story-topthai-3 d-none">
  2227. <div class="group-story mainContent-Topthai-3 bg-top30-section" style="padding: 10px 10px 0px;">
  2228. <div style="padding-bottom:5px;">
  2229. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2230. <tr>
  2231. <td rowspan="2" style="width:1%">
  2232. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ" class="icon-group-story float-left">
  2233. </td>                                
  2234. <td rowspan="2" style="width:auto">
  2235. <div class="d-none d-md-block d-xl-block d-lg-block">
  2236. <div class="d-flex justify-content-center">
  2238. </div>
  2239. </div>
  2240. </td>
  2241. </tr>
  2242. <tr>
  2243. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ</h2></td>
  2244. <td class="" align="right">
  2245. <a href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ" target="_blank">
  2246. <p class="res-search-all-story btnMore">
  2247. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2248. </p>
  2249. </a>
  2250. </td>
  2251. </tr>
  2252. </table>
  2254. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2255. <div class="row">
  2256. <div style="width:auto;">
  2257. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ" class="icon-group-story float-left">
  2258. </div>
  2259. <div class="d-flex align-items-end" style="width:auto;">
  2260. <div class="pb-1">
  2261. <h2 class="novel-type">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ</h2>
  2262. </div>
  2263. </div>
  2265. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2266. <a class="" href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ" target="_blank">
  2267. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2268. </a>
  2269. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-3 btn-swiper-prev-next"></i>
  2270. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-3 btn-swiper-prev-next"></i>
  2271. </div>
  2272. </div>
  2273. </div>  
  2274. </div>
  2275. <div class="tab-content">
  2276. <div class="content-top-novel swiper-area pd-bottom-content">
  2277. <div class="swiper-Topthai-3" style="width:100%;">
  2278. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2279. <div class="swiper-wrapper"></div>
  2280. </div>
  2281. </div>
  2282. </div>                    
  2283. </div>
  2284.                </div>
  2285.  
  2286. <!-- นิยายฟรีทั้งเรื่อง  -->
  2287. <div class="pb-2 Story-top-free d-none">
  2288. <div class="group-story mainContent-Top-Free bg-top30-section" style="padding: 10px 10px 0px;">
  2289. <div style="padding-bottom:5px;">
  2290. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2291. <tr>
  2292. <td rowspan="2" style="width:1%">
  2293. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="นิยายอ่านฟรี ติดอันดับ" class="icon-group-story float-left">
  2294. </td>                                
  2295. <td rowspan="2" style="width:auto">
  2296. <div class="d-none d-md-block d-xl-block d-lg-block">
  2297. <div class="d-flex justify-content-center">
  2299. </div>
  2300. </div>
  2301. </td>
  2302. </tr>
  2303. <tr>
  2304. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายอ่านฟรี ติดอันดับ</h2></td>
  2305. <td class="" align="right">
  2306. <a href="https://www.kawebook.com/นิยายอ่านฟรี-ติดอันดับ" target="_blank">
  2307. <p class="res-search-all-story btnMore">
  2308. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2309. </p>
  2310. </a>
  2311. </td>
  2312. </tr>
  2313. </table>
  2315. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2316. <div class="row">
  2317. <div style="width:auto;">
  2318. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="นิยายอ่านฟรี ติดอันดับ" class="icon-group-story float-left">
  2319. </div>
  2320. <div class="d-flex align-items-end" style="width:auto;">
  2321. <div class="pb-1">
  2322. <h2 class="novel-type">นิยายอ่านฟรี ติดอันดับ</h2>
  2323. </div>
  2324. </div>
  2326. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2327. <a class="" href="https://www.kawebook.com/นิยายอ่านฟรี-ติดอันดับ" target="_blank">
  2328. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2329. </a>
  2330. <i class="fas fa-caret-left btn-prev swiper-button-prev-Top-Free btn-swiper-prev-next"></i>
  2331. <i class="fas fa-caret-right btn-next swiper-button-next-Top-Free btn-swiper-prev-next"></i>
  2332. </div>
  2333. </div>
  2334. </div>  
  2335. </div>
  2336. <div class="tab-content">
  2337. <div class="content-top-free swiper-area pd-bottom-content">
  2338. <div class="swiper-Top-Free" style="width:100%;">
  2339. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2340. <div class="swiper-wrapper"></div>
  2341. </div>
  2342. </div>
  2343. </div>                    
  2344. </div>
  2345.                </div>
  2346.  
  2347. <!-- นิยายจบแล้วล่าสุด นักเขียนไทยและสนพ. -->
  2348. <div class="pb-2 Story-ThaiPublisherEnded d-none">
  2349. <div class="group-story mainContent-ThaiPublisherEnded bg-gradient-style-3" >
  2350. <div style="padding-bottom:5px;">
  2351. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2352. <tr>
  2353. <td rowspan="3" style="width:1%">
  2354. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายจบเเล้วล่าสุด">
  2355. </td>
  2356. </tr>
  2357. <tr>
  2358. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายจบเเล้วล่าสุด</h2></td>
  2359. <td align="right">
  2360. <a href="https://www.kawebook.com/นิยายจบเเล้วล่าสุด" target="_blank">
  2361. <p class="res-search-all-story btnMore">
  2362. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2363. </p>
  2364. </a>
  2365. </td>
  2366. </tr>
  2367. </table>
  2368. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2369. <div class="row">
  2370. <div style="width:auto;">
  2371. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายจบเเล้วล่าสุด">
  2372. </div>
  2373. <div class="col d-flex align-items-end" style="padding:0">
  2374. <div class="pb-1">
  2375. <h2 class="novel-type">นิยายจบเเล้วล่าสุด</h2>
  2376. </div>
  2377. </div>
  2378. <div style="width:auto;" class="d-flex align-items-end">
  2379. <a class="" href="https://www.kawebook.com/นิยายจบเเล้วล่าสุด" target="_blank">
  2380. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;" >ดูทั้งหมด</button>    
  2381. </a>
  2382. <i class="fas fa-caret-left swiper-button-prev-story_translation_end btn-swiper-prev-next"></i>
  2383. <i class="fas fa-caret-right swiper-button-next-story_translation_end btn-swiper-prev-next"></i>
  2384. </div>
  2385. </div>
  2386. </div>              
  2387. </div>
  2388. <div class="swiper-area">
  2389. <div class="swiper-story_thai_publisher_end" style="width:100%;">
  2390. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2391. <div class="swiper-wrapper"></div>
  2392. </div>
  2393. </div>
  2394. </div>
  2395.                </div>
  2397. <!-- นิยายอัปเดตล่าสุด -->
  2398. <div class="pb-2 Story-updateNew d-none">
  2399. <div class="group-story mainContent-updateNew bg-gradient-style-1">
  2400. <div style="padding-bottom:5px;">
  2401. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2402. <tr>
  2403. <td rowspan="2" style="width:1%">
  2404. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-8.webp" alt="นิยายอัปเดตล่าสุด" class="icon-group-story float-left">
  2405. </td>
  2406. </tr>
  2407. <tr>
  2408. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายอัปเดตล่าสุด</h2></td>
  2409. <td align="right">
  2410. <a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด" target="_blank">
  2411. <p class="res-search-all-story btnMore">
  2412. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2413. </p>
  2414. </a>
  2415. </td>
  2416. </tr>
  2417. </table>
  2418. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2419. <div class="row">
  2420. <div style="width:auto;">
  2421. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-8.webp" alt="นิยายอัปเดตล่าสุด" class="icon-group-story float-left">
  2422. </div>
  2423. <div class="col d-flex align-items-end" style="padding:0">
  2424. <div class="pb-1">
  2425. <h2 class="novel-type">นิยายอัปเดตล่าสุด</h2>
  2426. </div>
  2427. </div>
  2428. <div style="width:auto;" class="d-flex align-items-end">
  2429. <a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด" target="_blank">
  2430. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2431. </a>
  2432. </div>
  2433. </div>
  2434. </div>  
  2435. </div>
  2436. <div class="contentRander-storyUpdateNew">
  2437. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2438. <div class="row rander">
  2440. </div>
  2441. </div>
  2442. </div>
  2443. </div>
  2445. <!-- ebook_update desc -->
  2446. <div class="pb-2 Story-ebook_update d-none">
  2447. <div class="group-story mainContent-ebook_update bg-gradient-style-4" style="padding: 10px 10px 0px;">
  2448. <div style="padding-bottom:5px;">
  2449. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2450. <tr>
  2451. <td rowspan="2" style="width:1%">
  2452. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="E-Book อัปเดตล่าสุด" class="icon-group-story float-left">
  2453. </td>
  2455. <td rowspan="2" style="width:auto">
  2456. <div class="d-none d-md-block d-xl-block d-lg-block">
  2457. <div class="d-flex justify-content-center">
  2459. </div>
  2460. </div>
  2461. </td>
  2462. </tr>
  2463. <tr>
  2464. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">E-Book อัปเดตล่าสุด</h2></td>
  2465. <td class="" align="right">
  2466. <a href="https://www.kawebook.com/อีบุ๊คอัปเดตล่าสุด" target="_blank">
  2467. <p class="res-search-all-story btnMore">
  2468. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2469. </p>
  2470. </a>
  2471. </td>
  2472. </tr>
  2473. </table>
  2475. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2476. <div class="row">
  2477. <div style="width:auto;">
  2478. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="E-Book อัปเดตล่าสุด" class="icon-group-story float-left">
  2479. </div>
  2480. <div class="d-flex align-items-end" style="width:auto;">
  2481. <div class="pb-1">
  2482. <h2 class="novel-type">E-Book อัปเดตล่าสุด</h2>
  2483. </div>
  2484. </div>
  2486. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2487. <a class="" href="https://www.kawebook.com/อีบุ๊คอัปเดตล่าสุด" target="_blank">
  2488. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2489. </a>
  2490. <i class="fas fa-caret-left btn-prev btn-swiper-prev-next"></i>
  2491. <i class="fas fa-caret-right btn-next btn-swiper-prev-next"></i>
  2492. </div>
  2493. </div>
  2494. </div>  
  2495. </div>
  2496. <div class="tab-content">
  2497. <div class="content-top-novel swiper-area pd-bottom-content">
  2498. <div class="swiper-main" style="width:100%;">
  2499. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2500. <div class="swiper-wrapper"></div>
  2501. </div>
  2502. </div>
  2503. </div>
  2505. </div>
  2506. </div>
  2507.  
  2508.            </div>
  2509.            <div class="Story-blogs-content d-none">
  2510.    <div class="group-story blog-content-support-seo bg-gradient-style-5" style="width:100%; padding: 20px 10px;">
  2511.        <div class="row">
  2512.            <div class="d-flex align-items-end w-100">
  2513.                <div style="width: 5% !important;"></div>
  2514.                <div>
  2515.                    <h2 class="novel-type">บทความ</h2><br/>
  2516.                    <h6><b>นิยายออนไลน์:</b> คลังแสงความบันเทิง อ่านนิยายฟรี นิยายสนุก ครบทุกแนวที่ Kawebook</h6>
  2517.                </div>
  2518.            </div>
  2519.        </div>    
  2520.    </div>
  2521.    <div class="group-story blog-content-support-seo bg-conten-blog blog-size">
  2522.        <div class="col-lg-12 mb-5 mb-lg-0 order-0 order-lg-1 blog-content">
  2523.            <div>
  2524.                <div style="margin-bottom: 1rem;">
  2525.                    <span class="pd-left-35">ในยุคดิจิทัลที่ทุกอย่างเชื่อมต่อถึงกัน โลกของ</span>
  2526.                    <span class="bg-hover-a-tag pd-lr-5">
  2527.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยาย</a>
  2528.                    </span>
  2529.                    <span>ได้ขยายขอบเขตจากหน้ากระดาษสู่หน้าจอทำให้</span>
  2530.                    <span class="bg-hover-a-tag pd-lr-5">
  2531.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายออนไลน์</a>
  2532.                    </span>
  2533.                    <span>กลายเป็นแหล่งความบันเทิงยอดนิยมที่เข้าถึงได้ง่าย และครองใจนักอ่านทุกเพศทุกวัย ไม่ว่าคุณจะกำลังมองหา</span>
  2534.                    <span class="bg-hover-a-tag pd-lr-5">
  2535.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายอ่านฟรี</a>
  2536.                    </span>
  2537.                    <span>เพื่อผ่อนคลาย หรือดำดิ่งสู่โลก</span>
  2538.                    <span class="bg-hover-a-tag pd-lr-5">
  2539.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายแปล</a>
  2540.                    </span>
  2541.                    คุณภาพสูง
  2542.                    <span class="bg-hover-a-tag pd-lr-5">
  2543.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">Kawebook (กวีบุ๊ค)</a>
  2544.                    </span>
  2545.                    <span>คือแพลตฟอร์มที่ตอบโจทย์ทุกความต้องการของคุณได้อย่างสมบูรณ์แบบ</span><br/>
  2546.                    <span>บทความนี้จะพาคุณไปสำรวจจักรวาลอันกว้างใหญ่ของ นิยาย พร้อมแนะนำเคล็ดลับในการค้นหาและ</span>
  2547.                    <span class="bg-hover-a-tag pd-lr-5">
  2548.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">อ่านนิยาย</a>
  2549.                    </span>
  2550.                    <span>เรื่องโปรดของคุณ รวมถึงเหตุผลว่าทำไม Kawebook ถึงเป็นจุดหมายปลายทางที่นักอ่านตัวยงไม่ควรพลาด</span>
  2551.                </div>
  2552.                <div class="pt-4 pb-1">
  2553.                    <div style="margin-bottom: 1rem;">
  2554.                        <div span style="font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;">ทำไม "นิยาย" ถึงเป็นมากกว่าแค่เรื่องแต่ง? เสน่ห์ที่ครองใจนักอ่านไม่เสื่อมคลาย</div>
  2555.                        <div span style="font-size: 1rem;font-weight: 600;">นิยาย ไม่ใช่เพียงเรื่องราวที่แต่งขึ้นเพื่อความบันเทิงเท่านั้น แต่ยังเป็นกระจกสะท้อนสังคม วัฒนธรรม ความคิด และจินตนาการของผู้คนในแต่ละยุคสมัย เสน่ห์ของ นิยาย อยู่ที่ความสามารถในการ</div>
  2556.                    </div>
  2557.                    <div><b>1.พาเราออกจากโลกความเป็นจริง:</b> ดำดิ่งสู่โลกใบใหม่ ตัวละครที่น่าหลงใหล และการผจญภัยที่น่าตื่นเต้น ช่วยให้เราผ่อนคลายจากความเครียดในชีวิตประจำวัน</div>
  2558.                    <div><b>2.กระตุ้นจินตนาการและความคิดสร้างสรรค์:</b> การอ่านนิยาย ทำให้เราได้เห็น มุมมองที่แตกต่าง เรียนรู้สิ่งใหม่ และเปิดโลกทัศน์ให้กว้างขึ้น</div>
  2559.                    <div><b>3.สร้างความผูกพันทางอารมณ์:</b> เราหัวเราะ ร้องไห้ โกรธ และเอาใจช่วยไปพร้อมกับตัวละคร ทำให้เกิดความผูกพันและเข้าใจในธรรมชาติของมนุษย์มากขึ้น</div>
  2560.                    <div><b>4.มอบความรู้และประสบการณ์:</b> นิยายหลายเรื่องสอดแทรกความรู้ทางประวัติศาสตร์ วัฒนธรรม วิทยาศาสตร์ หรือแม้แต่ปรัชญาชีวิต ผ่านเรื่องราวที่สนุกสนานและน่าติดตาม</div>
  2561.                </div>
  2562.                <div style="margin-bottom: 2rem;">
  2563.                    <h6 style="font-weight: 600;">ด้วยเหตุผลเหล่านี้ นิยาย จึงยังคงเป็นรูปแบบความบันเทิงที่ได้รับความนิยมเสมอมา และการมาถึงของ นิยายออนไลน์ ก็ยิ่งทำให้การเข้าถึงโลกแห่งจินตนาการนี้ง่ายดายยิ่งขึ้น</h6>
  2564.                </div>
  2565.  
  2566.            <div><hr class="bg-hr"/></div>
  2567.  
  2568.            <div>
  2569.                <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2570.                    <span style="font-size: 1.2rem;font-weight: 600;">ก้าวสู่โลก "นิยายออนไลน์" อ่านง่าย อ่านได้ทุกที่ ทุกเวลา</span>
  2571.                </div>
  2572.                <div style="margin-bottom: 1rem;">
  2573.                    <h6 style="font-weight: 600;">การอ่านนิยายออนไลน์ ได้ปฏิวัติวิธีการเสพเรื่องราวของเราไปอย่าง สิ้นเชิง ด้วยข้อดีมากมายที่ตอบโจทย์ไลฟ์สไตล์ของคนยุคใหม่:</h6>
  2574.                </div>
  2575.                <div style="margin-bottom: 1rem;">
  2576.                    <div>
  2577.                        <b>&bull; ความสะดวกสบาย</b><br/>
  2578.                        <span>พกพา นิยาย นับพันเรื่องไปได้ทุกที่ผ่านสมาร์ทโฟนหรือ แท็บเล็ต อ่านนิยาย ได้ทุกเมื่อที่ต้องการ ไม่ว่าจะระหว่างเดินทาง รอคิว หรือก่อนนอน</span>
  2579.                    </div>
  2580.                    <div>
  2581.                        <b>&bull; เข้าถึงง่าย</b><br/>
  2582.                        <span>เพียงมีอินเทอร์เน็ตคุณก็สามารถค้นหาและ</span>
  2583.                        <span class="bg-hover-a-tag pd-lr-5">
  2584.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>อ่านนิยายฟรี</b></a>
  2585.                        </span>
  2586.                        <span>หรือ นิยายเรื่องใหม่ๆ ได้ทันที ไม่ต้องเสียเวลาเดินทางไปร้านหนังสือ</span>
  2587.                    </div>
  2588.                    <div>
  2589.                        <b>&bull; ตัวเลือกหลากหลาย</b><br/>
  2590.                        <span>แพลตฟอร์ม นิยายออนไลน์ รวบรวม นิยาย ไว้มากมาย มหาศาล ครบทุกแนว ตั้งแต่</span>
  2591.                        <span class="bg-hover-a-tag pd-lr-5">
  2592.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายรัก</b></a>
  2593.                        </span>
  2594.                        <span>โรแมนติก</span>
  2595.                        <span class="bg-hover-a-tag pd-lr-5">
  2596.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวาย</b></a>
  2597.                        </span>
  2598.                        <span>สุดฟิน ไปจนถึง</span>
  2599.                        <span class="bg-hover-a-tag pd-lr-5">
  2600.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายแฟนตาซี</b></a>
  2601.                        </span>
  2602.                        <span>สุดอลังการ หรือ</span>
  2603.                        <span class="bg-hover-a-tag pd-lr-5">
  2604.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายจีน</b></a>
  2605.                        </span>
  2606.                        <span>เข้มข้น</span>
  2607.                    </div>
  2608.                    <div style="margin-bottom: 1rem;">
  2609.                        <b>&bull; ฟีเจอร์สนับสนุนการอ่าน</b><br/>
  2610.                        <span>ปรับขนาดตัวอักษร เปลี่ยนสีพื้นหลัง คั่นหน้า อัตโนมัติ ทำให้ประสบการณ์การ อ่านนิยาย สบายตาและต่อเนื่องยิ่งขึ้น</span><br/>
  2611.                    </div>
  2612.                    <div style="margin-bottom: 2rem;">
  2613.                        <b>&bull; ชุมชนนักอ่าน</b><br/>
  2614.                        <span>แลกเปลี่ยนความคิดเห็น พูดคุยเกี่ยวกับ นิยาย เรื่องโปรดกับ เพื่อนนักอ่านคนอื่นๆ ได้ง่ายๆ ผ่านระบบคอมเมนต์</span>
  2615.                    </div>
  2616.                </div>
  2617.            </div>
  2618.  
  2619.            <div><hr class="bg-hr"/></div>
  2620.  
  2621.            <div>
  2622.                <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2623.                    <span style="font-size: 1.2rem;font-weight: 600;">Kawebook: แหล่งรวม "นิยาย" คุณภาพ ที่ตอบโจทย์ทุกการอ่านนิยายของคุณ</span>
  2624.                </div>
  2625.                <div style="margin-bottom: 1rem;">
  2626.                    <span style="font-size: 1rem;font-weight: 600;">ท่ามกลางแพลตฟอร์ม นิยายออนไลน์ ที่มีอยู่มากมาย Kawebook โดดเด่นขึ้นมาในฐานะแหล่งรวม นิยาย คุณภาพที่คัดสรรมาอย่างดี พร้อมมอบประสบการณ์การ อ่านนิยาย ที่ยอดเยี่ยมให้กับผู้ใช้งาน</span>
  2627.                </div>
  2628.                <div  style="margin-bottom: 1rem;">
  2629.                    <span style="font-size: 1.1rem;font-weight: 600;">ทำไมต้องอ่านนิยายที่ Kawebook?</span>
  2630.                </div>
  2631.                <div style="margin-bottom: 2rem;">
  2632.                    <div>
  2633.                        <b>&bull; คลังนิยายขนาดใหญ่และหลากหลาย</b><br/>
  2634.                        <span>Kawebook มี นิยาย ให้เลือกอ่านมากกว่าหมื่นเรื่อง ครอบคลุมทุกแนวที่คุณชื่นชอบ ไม่ว่าจะเป็น นิยายแปลลิขสิทธิ์แท้จากต่างประเทศ หรือ นิยายจากนักเขียนชาวไทยมากฝีมือ</span>
  2635.                    </div>
  2636.                    <div>
  2637.                        <b>&bull; คุณภาพการแปลและการบรรณาธิกรณ์</b><br/>
  2638.                        <span>สำหรับ นิยายแปล Kawebook ให้ความสำคัญกับคุณภาพการแปลที่สละสลวย ถูกต้อง และรักษาอรรถรส ของต้นฉบับไว้ให้มากที่สุด รวมถึงมีการ บรรณาธิกรณ์ นิยาย อย่างพิถีพิถัน</span>
  2639.                    </div>
  2640.                    <div>
  2641.                        <b>&bull; อ่านนิยายฟรี</b><br/>
  2642.                        <span>Kawebook มี นิยายอ่านฟรี จำนวนมากให้คุณได้ทดลองอ่านก่อนตัดสินใจซื้อ หรือเพลิดเพลินกับ นิยาย ฟรี จบเรื่อง ที่คัดสรรมาเป็นพิเศษ</span>
  2643.                    </div>
  2644.                    <div>
  2645.                        <b>&bull; ใช้งานง่าย</b><br/>
  2646.                        <span>เว็บไซต์และแอปพลิเคชันของ Kawebook ออกแบบมาให้ใช้งานง่าย สบายตา ค้นหา นิยาย ที่ต้องการได้อย่างรวดเร็ว</span>
  2647.                    </div>
  2648.                    <div>
  2649.                        <b>&bull; สนับสนุนนักเขียน</b><br/>
  2650.                        <span>การ อ่านนิยาย บน Kawebook ไม่ว่าจะเป็นแบบฟรี  หรือแบบซื้อตอน/ซื้อเล่ม ด้วยระบบกำลังใจ เป็นการสนับสนุนนักเขียนและ นักแปลให้สร้างสรรค์ ผลงานดีๆ ต่อไปโดยตรง</span>
  2651.                    </div>
  2652.                    <div>
  2653.                        <b>&bull; อัปเดตสม่ำเสมอ</b><br/>
  2654.                        <span>มี นิยาย เรื่องใหม่ๆ และตอนใหม่ๆ อัปเดตเข้ามาในระบบอย่างต่อเนื่อง ให้คุณไม่พลาดทุกความสนุก</span>
  2655.                    </div>
  2656.                </div>
  2657.            </div>
  2658.  
  2659.            <div><hr class="bg-hr"/></div>
  2660.  
  2661.            <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2662.                <div style="margin-bottom: 1rem;">
  2663.                    <span style="font-size: 1.2rem;font-weight: 600;">ค้นพบ "นิยาย" แนวโปรดของคุณ<br/>จักรวาลความสนุกที่ไม่มีที่สิ้นสุดบน Kawebook</span>
  2664.                </div>
  2665.                <div style="margin-bottom: 1rem;">
  2666.                    <h6 style="font-weight: 600;">ไม่ว่าคุณจะชอบ นิยาย แนวไหน Kawebook มีครบ! ลองมาสำรวจแนว นิยาย ยอดนิยมที่คุณสามารถค้นหาและ อ่านนิยายออนไลน์ ได้ที่นี่</h6>
  2667.                </div>
  2668.                <div style="margin-bottom: 1rem;">
  2669.                    <div>
  2670.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายรัก / นิยายโรแมนติก</b></a>
  2671.                    </div>
  2672.                    <div style="margin-bottom: 1rem;">ดื่มด่ำไปกับเรื่องราวความรักหลากหลายรูปแบบ ตั้งแต่รักใสๆ วัยรุ่น รักหวานซึ้งตรึงใจ ไปจนถึงดราม่าเข้มข้น ค้นหา นิยายรัก ที่จะทำให้หัวใจคุณพองโตได้ที่ Kawebook</div>
  2673.                    <div>
  2674.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวาย / นิยาย Y (Yaoi/BL/ยูริ)</b></a>
  2675.                    </div>
  2676.                    <div style="margin-bottom: 1rem;">
  2677.                        <span>สำหรับสาวก นิยาย Y หรือ นิยายวาย Kawebook คือสวรรค์ของคุณ! พบกับเรื่องราวความรักความผูกพันของ</span>
  2678.                        <span class="bg-hover-a-tag pd-lr-5">
  2679.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวายแนว Yaoi</b></a>
  2680.                        </span>
  2681.                        <span>ระหว่างชายหนุ่มหลากหลายสไตล์ มีทั้ง นิยาย วาย อ่านฟรี และเรื่องดังน่าติดตามมากมาย รวมทั้ง</span>
  2682.                        <span class="bg-hover-a-tag pd-lr-5">
  2683.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวาย แนวYuri</b></a>
  2684.                        </span>หรือความรักระหว่างหญิงสาวด้วยเช่นกัน
  2685.                    </div>          
  2686.                    <div>
  2687.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายแฟนตาซี / นิยายกำลังภายใน / นิยายจีน</b></a></div>
  2688.                    <div style="margin-bottom: 1rem;">ผจญภัยในโลกแห่งเวทมนตร์ ต่อสู้กับอสูรร้าย ฝึกฝนวิชาในยุทธภพ หรือท่องไปในประวัติศาสตร์จีนอันยิ่งใหญ่ Kawebookมี นิยายแฟนตาซี, นิยายกำลังภายใน, และ นิยายจีน คุณภาพเยี่ยม ทั้ง นิยาย จีนโบราณ และ นิยายแปล มันส์ๆ รอคุณอยู่</div>
  2689.                    <div>
  2690.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายระบบ / นิยายเกิดใหม่ / นิยายทะลุมิติ / นิยายย้อนอดีต</b></a>
  2691.                    </div>
  2692.                    <div style="margin-bottom: 1rem;">นิยาย แนวสุดฮิตที่พาตัวเอกไปผจญภัยในโลกใหม่พร้อมระบบช่วยเหลือสุดโกง หรือได้โอกาสกลับมาแก้ไขอดีตอีกครั้ง ไม่ว่าจะเป็น นิยายระบบ, นิยายเกิดใหม่, นิยายทะลุมิติ, หรือ นิยายย้อนอดีต / นิยายย้อนยุค ก็มีให้อ่านจนวางไม่ลง</div>
  2693.                    <div>
  2694.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยาย NC</b></a>
  2695.                    </div>
  2696.                    <div style="margin-bottom: 1rem;">สำหรับนักอ่านที่มองหาความเข้มข้นและเนื้อหาสำหรับผู้ใหญ่ Kawebook มีโซน นิยาย NC ที่มีการจัดเรตอย่างชัดเจน (โปรดใช้วิจารณญาณในการอ่านและปฏิบัติตามข้อกำหนดของแพลตฟอร์ม)</div>
  2697.                    <div>
  2698.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>แนวอื่นๆ ที่น่าสนใจ</b></a>
  2699.                    </div>
  2700.                    <div style="margin-bottom: 2rem;">
  2701.                        <span>นอกจากนี้ยังมี นิยาย แนวย่อยอื่นๆ อีกมากมาย เช่น</span>
  2702.                        <span class="bg-hover-a-tag pd-lr-5">
  2703.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายเกมออนไลน์</b></a>
  2704.                        </span>,
  2705.                        <span class="bg-hover-a-tag pd-lr-5">
  2706.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายทำฟาร์ม สโลว์ไลฟ์</b></a>
  2707.                        </span> ,
  2708.                        <span class="bg-hover-a-tag pd-lr-5">
  2709.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายญี่ปุ่น</b></a>
  2710.                        </span>ที่มีเอกลักษณ์ เฉพาะตัว,
  2711.                        <span class="bg-hover-a-tag pd-lr-5">
  2712.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายสืบสวนสอบสวน</b></a>
  2713.                        </span>,
  2714.                        <span class="bg-hover-a-tag pd-lr-5">
  2715.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายระทึกขวัญ</b></a>
  2716.                        </span>และอีกเพียบ!
  2717.                    </div>
  2718.                </div>
  2719.            </div>
  2720.  
  2721.            <div><hr class="bg-hr"/></div>
  2722.  
  2723.            <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2724.                <div style="margin-bottom: 1rem;">
  2725.                    <span style="font-size: 1.2rem;font-weight: 600;">"อ่านนิยายฟรี" อย่างไรให้คุ้มค่า และสนับสนุนนักเขียนไปพร้อมกัน</span>
  2726.                </div>
  2727.                <div style="margin-bottom: 1rem;">
  2728.                    <h6 style="font-weight: 600;">Kawebook เข้าใจความต้องการของนักอ่านที่อยาก อ่านนิยายฟรี จึงมีระบบที่เอื้ออำนวย เช่น</h6>
  2729.                </div>
  2730.            </div>
  2731.            <div class="row">
  2732.                <div class="dv-box-content box-in-blogs">
  2733.                    <div style="padding: 10px 40px;">              
  2734.                        <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/blog-read-free.webp" style="width: 21px;" alt="อ่านตอนฟรี">
  2735.                        <b>ตอนอ่านฟรี</b>
  2736.                    </div>
  2737.                    <div style="width:10px;"></div>
  2738.                    <div style="padding: 0 50px 10px 40px;">
  2739.                        นิยาย หลายเรื่องเปิดให้อ่านฟรีในช่วงแรกหลายตอน เพื่อให้นักอ่านได้ทดลองอ่านและตัดสินใจว่าจะติดตามต่อหรือไม่
  2740.                    </div>
  2741.                </div>
  2742.                <div class="dv-box-content box-in-blogs pd-content-blog">
  2743.                    <div style="padding: 10px 40px;">
  2744.                        <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/blog-free-novel-end.webp" style="width: 21px;" alt="อ่านตอนฟรี">
  2745.                        <b>นิยายฟรี จบเรื่อง</b>
  2746.                    </div>
  2747.                    <div style="padding: 0 50px 10px 40px;">
  2748.                        มีนิยายบางเรื่องที่เปิดให้อ่านฟรีจนจบ ซึ่งเป็นโอกาสดีที่จะได้ ค้นพบนักเขียนหน้าใหม่หรือแนวที่ไม่คุ้นเคย
  2749.                    </div>
  2750.                </div>
  2751.            </div>
  2752.            <div style="clear: left;"></div>
  2753.            <div class="pt-3" style="margin-bottom: 2rem;">
  2754.                <span>
  2755.                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; อย่างไรก็ตาม การสร้างสรรค์ นิยาย หนึ่งเรื่องต้องใช้ทั้งเวลา พลังงาน และจินตนาการ <b>การสนับสนุนนักเขียนด้วยการซื้อตอน/ซื้อเล่ม หรือแม้แต่ การ อ่านนิยาย ผ่านช่องทางถูกลิขสิทธิ์ ก็เปรียบเสมือนการเติมเชื้อไฟให้นักเขียนมีกำลังใจสร้างผลงานดีๆ ออกมาให้เราได้อ่านต่อไป การ เขียนนิยาย เป็นอาชีพที่ต้องการการสนับสนุนจากนักอ่านเช่นกัน</b>
  2756.                </span>        
  2757.            </div>      
  2758.  
  2759.            <div><hr class="bg-hr"/></div>
  2760.  
  2761.            <div class="pt-2" style="margin-top: 2rem;">
  2762.                <span style="font-size: 1.2rem;font-weight: 600;">เคล็ดลับการ "อ่านนิยาย" ให้สนุกยิ่งขึ้นบน Kawebook</span>
  2763.            </div>
  2764.            <div>
  2765.                <h6 style="font-weight: 600;">Kawebook เข้าใจความต้องการของนักอ่านที่อยาก อ่านนิยายฟรี จึงมีระบบที่เอื้ออำนวย เช่น</h6>
  2766.            </div>
  2767.            <div>
  2768.                <b>1.ใช้ฟังก์ชันค้นหาและกรอง:</b> ระบุแนว นิยาย ที่ชอบ หรือใช้ keyword เช่น "นิยายวาย", "นิยายจีนโบราณ", "อ่านนิยายฟรี" เพื่อจำกัดผลลัพธ์ให้ตรงใจ<br/>    
  2769.                <b>2.อ่านเรื่องย่อและรีวิว:</b> ก่อนเริ่ม อ่านนิยาย ลองอ่านเรื่องย่อ คำโปรย และรีวิวจากนักอ่านคนอื่นๆ เพื่อประกอบการตัดสินใจ<br/>
  2770.                <b>3.ติดตามนักเขียนคนโปรด:</b> กดติดตามนักเขียนที่คุณชื่นชอบ เพื่อรับการแจ้งเตือนเมื่อมี นิยาย เรื่องใหม่หรือตอนใหม่อัปเดต<br/>
  2771.                <b>4.เข้าร่วมชุมชน:</b> แสดงความคิดเห็น กดไลก์ หรือแชร์ นิยาย ที่ชอบ เพื่อเป็นกำลังใจให้นักเขียนและแลกเปลี่ยนกับนักอ่านคนอื่นๆ<br/>
  2772.                <b>5.จัดชั้นหนังสือส่วนตัว:</b> ใช้ฟีเจอร์ชั้นหนังสือเพื่อเก็บ นิยาย ที่กำลังอ่าน หรือเรื่องที่อยากอ่านในอนาคตไว้อย่างเป็นระเบียบ<br/>          
  2773.            </div>
  2774.            <br/>
  2775.            <div style="border-left: 10px solid #FD8001;">
  2776.                <div style="padding-left: 20px;">
  2777.                    <div>
  2778.                        <b>สรุป</b> โลกของ นิยาย นั้นกว้างใหญ่และเต็มไปด้วยเสน่ห์ การอ่านนิยายออนไลน์ ผ่านแพลตฟอร์มที่ยอดเยี่ยมอย่าง Kawebook ทำให้คุณสามารถเข้า ถึงคลัง นิยาย คุณภาพได้อย่างง่ายดาย
  2779.                                    ไม่ว่าคุณจะตามหา นิยายอ่านฟรี, นิยายแปล ชั้นดี, นิยายวาย สุดฮิต, นิยายจีน เข้มข้น หรือ นิยาย แนวไหนๆ ที่นี่มีครบจบในที่เดียว
  2780.                    </div>
  2781.                    <div style="padding-top: 10px;">อย่ารอช้า! เริ่มต้นการผจญภัยในโลกแห่งจินตนาการ อ่านนิยาย เรื่องโปรดของคุณ และค้นพบ นิยาย สนุกๆ อีกมากมายได้แล้ววันนี้ที่ Kawebook แหล่งรวมความสุขของคนรัก นิยายออนไลน์ ตัวจริง!</div>
  2782.                    
  2783.                </div>            
  2784.            </div>
  2785.        </div>
  2786.    </div>
  2787.    <div class="group-story blog-content-support-seo bg-conten-blog" style="width:100%; padding: 10px;">
  2788.        <br/>
  2789.        <div class="mainContent-Blogs">
  2790.            <div class="blog-col-content">
  2791.                <div class="content-blog-0 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  2792.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2793.                    <div class="content-datas"></div>
  2794.                </div>
  2795.                <div class="content-blog-3 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  2796.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2797.                    <div class="content-datas"></div>
  2798.                </div>
  2799.                <div class="content-blog-6 pt-1 pb-1">
  2800.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2801.                    <div class="content-datas"></div>
  2802.                </div>
  2803.            </div>
  2804.            <div class="blog-col-content center-data-blog">
  2805.                <div class="content-blog-1 pb-1 pd-top-head-content" style="border-bottom: 1px solid #B3B3B3;">
  2806.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2807.                    <div class="content-datas"></div>
  2808.                </div>
  2809.                <div class="content-blog-4 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  2810.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2811.                    <div class="content-datas"></div>
  2812.                </div>
  2813.                <div class="content-blog-7 pt-1 pb-1">
  2814.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2815.                    <div class="content-datas"></div>
  2816.                </div>
  2817.            </div>
  2818.            <div class="blog-col-content">
  2819.                <div class="content-blog-2 pb-1 pd-top-head-content" style="border-bottom: 1px solid #B3B3B3;">
  2820.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2821.                    <div class="content-datas"></div>
  2822.                </div>
  2823.                <div class="content-blog-5 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  2824.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2825.                    <div class="content-datas"></div>
  2826.                </div>
  2827.                <div class="content-blog-8 pt-1 pb-1">
  2828.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2829.                    <div class="content-datas"></div>
  2830.                </div>
  2831.            </div>
  2832.        </div>
  2833.        <div style="clear: left;"></div>
  2834.        <br/>
  2835.        <br/>
  2836.        <br/>
  2837.    </div>
  2838. </div>
  2839.  
  2840.            <!-- templates/dashbord_branderfooter -->
  2841. <div class="w-100">
  2842.    <div class="d-none d-xl-block d-lg-block " style="background-color: #e26e23;">
  2843.        <div class="container" style="position:relative;">
  2844.            <div style="position: absolute; right: 0px; bottom: 0px;">
  2845.                <img src="https://www.kawebook.com/assets2/img/ad.webp?v=2025102812" style="height: 300px;">
  2846.            </div>
  2847.            <div style="padding: 10px 0;">
  2848.                
  2849.                <img src="https://www.kawebook.com/assets2/img/logo_kawe.webp" style="width: 100px;">
  2850.                <img src="https://www.kawebook.com/assets2/img/kawebook.png" style="width: 160px;">
  2851.                <p style="font-size: 1.3rem; color:#603814; font-weight:bold; line-height: 1.8;">อ่านนิยายการ์ตูนสนุก แสนเพลิดเพลิน<br>แหล่งรวมนิยายจากไทย และต่างประเทศ</p>
  2852.                <div style="padding:20px 0 7px 0">
  2853.                    <span style="font-size: 1.1rem; color:#603814; padding-right:10px;">ดาวน์โหลดแอปพลิเคชันได้แล้ววันนี้</span>
  2854.                    <a href="https://play.google.com/store/apps/details?id=glory.kawebook" target="_blank">
  2855.                        <img src="https://www.kawebook.com/assets2/img/google-play.png?v=2025102812" style="width: 110px;">
  2856.                    </a>
  2857.                    <a href="https://apps.apple.com/th/app/kawebook/id1464410595?l=th" target="_blank">
  2858.                        <img src="https://www.kawebook.com/assets2/img/app-store.webp?v=2025102812" style="width: 110px;">
  2859.                    </a>
  2860.                </div>
  2861.            </div>
  2862.        </div>
  2863.    </div>
  2864. </div>
  2865. </main>
  2866.    <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/main.css?v=2.40.1">
  2867. <link rel="stylesheet" href="https://www.kawebook.com/assets2/swiper-4.5.0/dist/css/swiper.min.css?v=1001">
  2868. <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/home_promotion.css?v=2.40.1">
  2869.    <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/model_select_member_style.css?v=2.40.1">
  2870.    <!-- Custom styles for this template -->
  2871. <link rel="canonical" href="https://www.kawebook.com/"/>
  2873.  
  2874.    <!-- FOOTER -->
  2875.    <!-- privacy-policy -->
  2876. <style>
  2877.    #policyPopup{
  2878.     height:auto;
  2879.     opacity:1;
  2880.     z-index:9999999999999999;
  2881.     background-color:#e26e23;
  2882.     position:fixed;
  2883.     bottom:0;left:0;
  2884.     right:0;color:white;
  2885.     padding:30px 25px;
  2886.     font-family:sans-serif;
  2887.    }
  2888.    #policyPopup .wrapper{
  2889.     max-width:1110px;
  2890.     margin-left:auto;
  2891.     margin-right:auto;
  2892.    }
  2893.    .ti-title{
  2894.     color:white;
  2895.     margin:0;
  2896.     padding:0;
  2897.     font-size:20px;
  2898.     font-weight: normal;
  2899.     line-height:1.48;
  2900.    }
  2901.    .ti-text{
  2902.     font-size:12px;
  2903.     margin:0;
  2904.     padding:0;
  2905.     line-height:1.48;
  2906.    }
  2907.    .div-button{
  2908.     padding:20px 15px 0;
  2909.     text-align:center;
  2910.    }
  2911.    .div-btn{
  2912.     border:1px solid white;
  2913.     border-radius:30px;
  2914.     padding:10px 30px;
  2915.     text-decoration:none;
  2916.     color:white;
  2917.     font-size:14px;
  2918.    }
  2919.    .btn-1{
  2920.     background:white;
  2921.     color:#e26e23;
  2922.    }
  2923.    .btn-2{
  2924.     margin-left:15px;
  2925.    }
  2926.    @media (min-width: 992px) {
  2927.     #policyPopup .wrapper{
  2928.     display:grid;
  2929.     grid-template-columns:auto 300px;
  2930.     grid-gap:15px;
  2931.     align-items:center;
  2932.     }
  2933.     .div-button{
  2934.     padding:0;
  2935.     text-align:right;
  2936.     }
  2937.    }
  2938.  
  2939. </style>
  2940. <div id="policyPopup" style="display:none;">
  2941.    <div class="wrapper">
  2942.        <div class="">
  2943.            <h3 class="ti-title">ข้อกำหนดและเงื่อนไขการใช้บริการ</h3>
  2944.            <p class="ti-text">
  2945.                TERMS AND CONDITIONS OF SERVICES สัญญาการให้บริการของ บริษัท รุ่งเรืองตลอดไป จำกัด (มหาชน)...(อ่านต่อคลิกรายละเอียด)
  2946.            </p>
  2947.        </div>
  2948.        <div class="div-button">
  2949.            <button onclick="setPolicy('');" class="div-btn btn-1">ตกลง</button>
  2950.            <a class="div-btn btn-2" target="_blank" href="https://www.kawebook.com/termandcondition">รายละเอียด</a>
  2951.        </div>
  2952.    </div>
  2953. </div>
  2954.  
  2955.    <div id="hide-swal">
  2956.      <footer class="container-fluid bg-foot d-lg-none d-xl-none mobile-hide">
  2957.        <a href="#" class="float-right"><img src="https://www.kawebook.com/assets2/img/icon_facebook.png"></a>
  2958.        <p>&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited( Kawebook.com )</p>
  2959.      </footer>
  2960.  
  2961.  <footer class="container-fluid bg-foot-desk d-none d-xl-block d-lg-block">
  2962. <div class="p-2" style="background-color: rgba(255,255,255,0.5); ">
  2963. <div class="container">
  2964. <div class="row">
  2965. <div class="col-12"  style="padding-left:0;">
  2966. <ul class="menu-footer">
  2967. <li><a href="https://www.kawebook.com/นิยายติดอันดับ" style="padding-left:0; border-left:0;">นิยายติดอันดับ</a></li>
  2968. <li><a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด">อ่านนิยายล่าสุด</a></li>
  2969. <li><a href="https://www.kawebook.com/heart">เติมกำลังใจ</a></li>
  2970. <li><a href="https://www.kawebook.com/เขียนนิยาย">เขียนนิยายของคุณ</a></li>
  2971. <li><a href="https://www.kawebook.com/ข้อกำหนดเว็บไซต์">ข้อกำหนดเว็บไซต์</a></li>
  2972. <li><a href="https://www.kawebook.com/นโยบายความเป็นส่วนตัว">นโยบายความเป็นส่วนตัว</a></li>
  2973. <li><a href="https://www.kawebook.com/ติดต่อเรา">ติดต่อเรา</a></li>
  2974. <li><a href="https://www.glory.in.th" target="_blank">นักลงทุนสัมพันธ์</a></li>
  2975. </ul>
  2976. </div>
  2977. </div>
  2978. <div class="row">
  2979. <div class="col-8">
  2980. <p style="font-size:0.9rem; color:#3e2719; font-weight:bold; line-height: 2; margin:40px 0;">Glory Forever Public Company Limited ( Kawebook.com )<br>ที่อยู่ : 20  หมู่ที่ 6  ตำบลพันท้ายนรสิงห์ อำเภอเมืองสมุทรสาคร  จังหวัดสมุทรสาคร 74000<br>เวลาทำการ : 08 : 00 - 18 : 00 จันทร์ - เสาร์<br>e-mail : contact@kawebook.com</p>
  2981.  
  2982. <img src="//images.dmca.com/Badges/_dmca_premi_badge_4.png?ID=7df36b96-d9b7-4fc3-b218-6f2cafbd3b99" alt="DMCA.com Protection Status">
  2983. </div>
  2984. <div class="col-4 p-0 px-2">
  2985. <p style="font-size:1.2rem; color:#3e2719; font-weight:bold;">เริ่มต้นเผยแพร่ผลงาน</p>
  2986. <p style="font-size:0.8rem; color:#3e2719; line-height: 1.2; text-indent: 2rem;" class="text-justify">
  2987. เริ่มต้นเป็นนักเขียนออนไลน์ เขียนเรื่องราวที่ประทับใจ สร้างเนื้อหาที่เป็นประโยชน์ และแบ่งปันประสบการ์ดีๆ กับผู้คนทั่วโลก kawebook.com เป็นโอกาส เป็นสื่อกลาง และยังเป็นอีกหนึ่งช่องทาง ในการสร้างรายได้ให้กับนักเขียนมืออาชีพ และนักเขียนมือสมัครเล่นจากทุกมุมโลก เพียงสมัครเป็นสมาชิกเว็บไซต์เพื่อเขียนหนังสือ การ์ตูน หรืออัพโหลดอนิเมชั่น ที่เป็นผลงานของท่าน และเผยแพร่ผลงานสู่สาธารณชน</p>
  2988. <div class="d-flex mt-3">
  2989. <button class="btn btn-sm btn-search-header shadow" onclick="location.href = 'https://www.kawebook.com/คู่มือ'" >
  2990. <i class="fas fa-info-circle" style="padding-right:5px;"></i>อ่านวิธีการใช้งานเว็บ
  2991. </button>
  2992. <a class="ml-auto my-auto" href="https://www.facebook.com/kawebook" target="_blank" class="float-right">
  2993. <img src="https://www.kawebook.com/assets2/img/icon_facebook.png">
  2994. </a>
  2995. </div>
  2996. </div>
  2997. </div>
  2998. </div>
  2999. </div>
  3000. <div style="background-color: #a4a4a4; padding: 16px 0;">
  3001. <div class="container">
  3002. <p style="font-size:0.85rem;">&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited ( Kawebook.com )</p>
  3003. </div>
  3004. </div>
  3005.      </footer>
  3006.      <footer class="container-fluid bg-foot d-lg-none d-xl-none mobile-hide">
  3007.        <a href="#" class="float-right"><img src="https://www.kawebook.com/assets2/img/icon_facebook.png"></a>
  3008.        <p>&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited ( Kawebook.com )</p>
  3009.      </footer>
  3010.   </div>
  3011.    <!-- Bootstrap core JavaScript
  3012.    ================================================== -->
  3013.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js?v=1002"></script>
  3014.    <script src="https://www.kawebook.com/assets2/js/popper.min.js?v=1002"></script>
  3015.    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/js/bootstrap.min.js?v=1001"></script>
  3016.    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
  3017.  
  3018.  
  3019. <script>
  3020. var Config = {};
  3021. Config.baseURL = "https://www.kawebook.com/";
  3022. Config.maxPercent = "71";
  3023. Config.maxMb = 10;
  3024. Config.limitMb = (1024*1024)*Config.maxMb;
  3025. Config.max_image_upload = 15;
  3026.  
  3027. Config.videoMaxMb = 20;
  3028. Config.videoLimitMb = (1024*1024)*Config.videoMaxMb;
  3029.  
  3030.  
  3031. Config.isMobile = {
  3032.    Android: function() {
  3033.        return navigator.userAgent.match(/Android/i);
  3034.    },
  3035.    BlackBerry: function() {
  3036.        return navigator.userAgent.match(/BlackBerry/i);
  3037.    },
  3038.    iOS: function() {
  3039.        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
  3040.    },
  3041.    Opera: function() {
  3042.        return navigator.userAgent.match(/Opera Mini/i);
  3043.    },
  3044.    Windows: function() {
  3045.        return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
  3046.    },
  3047.    any: function() {
  3048.        return (Config.isMobile.Android() || Config.isMobile.BlackBerry() || Config.isMobile.iOS() || Config.isMobile.Opera() || Config.isMobile.Windows());
  3049.    }
  3050. };
  3051.  
  3052. </script>
  3053.  
  3054. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js?v=1001"></script>
  3055. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js?v=1001"></script>
  3056. <script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js?v=1001"></script>
  3057. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  3058. <script src="https://www.kawebook.com/assets/shared.js?v=1002"></script>
  3059.  
  3060.  
  3061. <link rel="manifest" href="https://www.kawebook.com/manifest.json">
  3062. <script src="https://www.kawebook.com/assets/EasyAutocomplete-1.3.5/jquery.easy-autocomplete.min.js?v=1002"></script>
  3063.  
  3064. <!-- Sweet-Alert  -->
  3065. <link href="https://www.kawebook.com/assets/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
  3066. <script src="https://www.kawebook.com/assets/sweetalert/sweetalert.min.js"></script>
  3067. <script src="https://www.kawebook.com/assets/sweetalert/jquery.sweet-alert.custom.js"></script>
  3068.  
  3069. <script src="https://www.kawebook.com/assets2/plugins/Custom-Alert-Notification/minified/js/iao-alert.jquery.min.js"></script>
  3070. <script src="https://www.kawebook.com/assets2/plugins/datetimepicker/jquery.datetimepicker.full.min.js"></script>
  3071. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  3072.  
  3073. <!-- modal_update_image_member -->
  3074. <div class="modal fade" id="modal_update_image_member"  tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  3075.    <div class="modal-dialog modal-dialog-centered " role="document">
  3076.        <div class="modal-content">
  3077.         <div class="modal-header">
  3078.         <div>แก้ไขรูปโปรไฟล์</div>
  3079.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  3080.         </div>
  3081.            <div class="modal-body" style="background-color: #fefef6; border-radius: 0.3rem;">
  3082.  
  3083.             <div class="d-flex justify-content-center">
  3084.             <div class="w-50">
  3085.             <div class="d-flex justify-content-center">
  3086.             <img src="" id="displayProfilePre" style="height: 200px; width: 200px;" onclick="javascript:$('#fileUplaodDisplayProfile').click();">
  3087.             </div>
  3088.             </div>
  3089.             <div class="w-50">
  3090.         <small>upload ขนาดรูปโปรไฟล์แนะนำ 200x200, และนามสกุล jpeg, jpg, png, gif</small>
  3091.             <button class="btn btn-search-header d-flex justify-content-center my-4 mx-auto btnChangeDisplayProfile" style="width: 120;" onclick="javascript:$('#fileUplaodDisplayProfile').click();">
  3092.             <i class="fa-solid fa-pen-to-square fa-1x iconChangePositionOnModalUploadImg"></i>
  3093.             <div class="font-weight-bolder ml-2 my-auto">เปลี่ยนรูป</div>
  3094.             </button>
  3095.             <button class="btn btn-search-header d-flex justify-content-center my-4 mx-auto btnSaveDisplayProfile" style="width: 120;" onclick="javascript:$('#formUploadDisplayProfileImage').submit();">
  3096.             <i class="fa-regular fa-floppy-disk fa-1x iconChangePositionOnModalUploadImg"></i>
  3097.             <div class="font-weight-bolder ml-2 my-auto">บันทึก</div>
  3098.             </button>
  3099.             </div>
  3100.             </div>
  3101.            </div>
  3102.        </div>
  3103.    </div>
  3104. </div>
  3105.  
  3106. <form action="https://www.kawebook.com/profile/savedisplayprofileimage" id="formUploadDisplayProfileImage" name="formUploadDisplayProfileImage" method="post" enctype="multipart/form-data" accept-charset="utf-8">
  3107. <input type="hidden" name="csrf_test_name" value="869ff8116bd397bcf8d1aac21aee5c75" style="display:none;" />
  3108. <input type="file" id="fileUplaodDisplayProfile" name="member_image" accept="image/*"  style="display: none;">
  3109. </form>
  3110.  
  3111. <script type="text/javascript">
  3112. // $('#modal_update_image_member').modal('show');
  3113.  
  3114. // $('#modal_update_image_member').on('shown.bs.modal', function (e) {
  3115. //    $('.btnChangeDisplayProfile').prop('disabled',0)
  3116. //    $('.btnSaveDisplayProfile').prop('disabled',1)
  3117. // });
  3118.  
  3119. function editDisplayProfile(){
  3120. $('#modal_update_image_member').modal('show');
  3121. }
  3122.  
  3123. var _validFileExtensions = [".jpeg", ".jpg", ".png", ".gif"];    
  3124. var myFile = document.getElementById('fileUplaodDisplayProfile');
  3125.  
  3126. myFile.addEventListener('change', function(event) {
  3127.    if (myFile.type == "file") {
  3128.        var sFileName = myFile.value;
  3129.        if (sFileName.length > 0) {
  3130.  
  3131. if(myFile.files[0].size > Config.limitMb){
  3132. bootbox.alert('ไฟล์มีขนาดเกิน '+Config.maxMb+'Mb ');
  3133. input.value = "";
  3134. return false;
  3135. }
  3137.            var blnValid = false;
  3138.            for (var j = 0; j < _validFileExtensions.length; j++) {
  3139.                var sCurExtension = _validFileExtensions[j];
  3140.                if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {
  3141.                    blnValid = true;
  3142.                    break;
  3143.                }
  3144.            }
  3145.            
  3146.            if (!blnValid) {
  3147.                bootbox.alert("กรุณาอัพโหลดไฟล์ .jpeg, .jpg, .png, .gif");
  3148.                document.getElementById("fileUplaodDisplayProfile").value = "";
  3149.                return false;
  3150.            }
  3151.        }
  3152.    }
  3155. var output3 = document.getElementById('displayProfilePre');
  3156. output3.src = URL.createObjectURL(event.target.files[0]);
  3157.  
  3158. });
  3159.  
  3160. </script>
  3161.  
  3162.  
  3163. <div class="modal fade" role="dialog" id="RememberModal">
  3164.  <div class="modal-dialog" role="document">
  3165.    <div class="modal-content" style="background-color:#f4fda7;">
  3166.        <div class="modal-header">
  3167. <p class="modal-title w-100" style="text-align:center; font-size:1.3rem; color:#e26e23; font-weight:bold; margin-left:26px;">ลืมรหัสผ่าน</p>
  3168.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3169.                <span aria-hidden="true" style="color:#f0c6ad">&#x2715;</span>
  3170.            </button>
  3171.        </div>
  3172.     <div class="modal-body modal-login">
  3173.         <form action="https://www.kawebook.com/member/forgotpassword" name="forgot_frm" method="post" id="forgot_frm" enctype="multipart/form-data" accept-charset="utf-8">
  3174. <input type="hidden" name="csrf_test_name" value="869ff8116bd397bcf8d1aac21aee5c75" style="display:none;" />
  3175.              <div style="padding-bottom:10px;">
  3176.                <input type="text" class="form-control" id="forgot_email" name="forgot_email" placeholder="อีเมล">              
  3177.              </div>
  3178.              <div style="padding-bottom:10px; text-align:center;">
  3179.               กรุณาตรวจสอบอีเมล หากไม่พบอีเมลในกล่องข้อความ กรุณาตรวจสอบอีเมลในกล่องจดหมายถังขยะ
  3180.              </div>
  3181.  <div style="text-align:center;">
  3182. <button type="submit" class="btn btn-search-header shadow" style="width:200px; margin-top:0;">ขอรหัสผ่านใหม่</button>
  3183. </div>
  3184.            </form>
  3185.        </div>
  3186.    </div>
  3187.  </div>
  3188. </div>
  3189. <script>
  3190. $('#forgot_frm').validate({
  3191. rules: {
  3192. forgot_email: {
  3193. required: true,
  3194. email: true
  3195. }
  3196. }
  3197. });
  3198. </script><div class="modal fade showalert">
  3199.  <div class="modal-dialog">
  3200.    <div class="modal-content">
  3201.      <div class="modal-header">
  3202.      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3203.        <h4 class="modal-title">มีบางอย่างผิดพลาด</h4>
  3204.      </div>
  3205.      <div class="modal-body">
  3206.        <p>+ กรุณากรอกที่อยู่อีเมล์ให้ถูกต้อง</p>
  3207.      </div>
  3208.      
  3209.    </div>
  3210.    <!-- /.modal-content -->
  3211.  </div>
  3212.  <!-- /.modal-dialog -->
  3213. </div>
  3214. <!-- /.modal --><!-- privacy-policy -->
  3215. <style>
  3216.    #pdpaPopup{height:auto;opacity:1;z-index:10000;background:#e26e23bf;position:fixed;bottom:0;left:0;right:0;color:white;padding:20px 15px;font-family:sans-serif;}#pdpaPopup.is-hide{display:none;}#pdpaPopup .wrapper{max-width:1110px;margin-left:auto;margin-right:auto;}.pdpa-title{color:white;margin:0;padding:0;font-size:20px;font-weight: normal;line-height:1.48;}.pdpa-text{font-size:12px;margin:0;padding:0;line-height:1.48;}.pdpa-button{padding:20px 15px 0;text-align:center;}.pdpa-btn{border:1px solid white;border-radius:30px;padding:10px 30px;text-decoration:none;color:white;font-size:14px;}.pdpa-btn-1{background:white;color:#e26e23;}.pdpa-btn-2{margin-left:15px;}@media (min-width: 992px) {#pdpaPopup .wrapper{display:grid;grid-template-columns:auto 300px;grid-gap:15px;align-items:center;}.pdpa-button{padding:0;text-align:right;}}
  3217.    a.pdpa-btn-1:hover {
  3218.        color:#e26e23;
  3219.    }
  3220.    a.pdpa-btn-2:hover {
  3221.        color:#fff;
  3222.    }
  3223. </style>
  3224. <div id="pdpaPopup" class="d-none">
  3225.    <div class="wrapper">
  3226.        <div class="">
  3227.            <h3 class="pdpa-title">เว็บไซต์นี้ใช้คุกกี้</h3>
  3228.            <p class="pdpa-text">
  3229.                เว็บไซต์นี้ใช้คุกกี้ เพื่อสร้างประสบการณ์นำเสนอคอนเทนต์ที่ดีให้กับท่าน รวมถึงเพื่อจัดการข้อมูลส่วนบุคคลเพื่อให้ท่านได้รับประสบการณ์ที่ดีบนบริการของเว็บไซต์เรา หากท่านใช้บริการเว็บไซต์นี้ต่อไปโดยไม่มีการปรับตั้งค่าใดๆ
  3230.                นั่นเป็นการแสดงว่าท่านอนุญาตยินยอมที่จะรับคุกกี้บนเว็บไซต์และนโยบายสิทธิส่วนบุคคลของเรา
  3231.            </p>
  3232.        </div>
  3233.        <div class="pdpa-button">
  3234.            <a href="#" class="pdpa-btn pdpa-btn-1">ยอมรับ</a>
  3235.            <a class="pdpa-btn pdpa-btn-2" target="_blank" href="https://www.kawebook.com/cookiesnotice">รายละเอียด</a>
  3236.        </div>
  3237.    </div>
  3238. </div>
  3239.  
  3240. <script type="text/javascript">
  3241.    let isAgreePrivacyPolicy = localStorage.getItem('isAgreePrivacyPolicy');
  3242.    $(function(){
  3243.  
  3244.        $('.pdpa-btn-1').click(function(event) {
  3245.            $('#pdpaPopup').addClass('d-none');
  3246.            $('body').css('margin-bottom','unset');
  3247.            localStorage.setItem('isAgreePrivacyPolicy','1');
  3248.            $('.initMenuResponstive').removeClass('d-none');
  3249.        });
  3250.    });
  3251.  
  3252.    function checkPrivacyPolicy(){
  3253.        if(isAgreePrivacyPolicy!=='1'){
  3254.            $('#pdpaPopup').removeClass('d-none');
  3255.            let pdpHeight = getPDPHeight();
  3256.            $('body').css('margin-bottom',pdpHeight+'px');
  3257.        }else{
  3258.            $('.initMenuResponstive').removeClass('d-none');
  3259.        }
  3260.    }
  3261.  
  3262.    function getPDPHeight(){
  3263.        return $('#pdpaPopup').innerHeight();
  3264.    }
  3265. </script>
  3266. <style>
  3267.  
  3268. .active-menu{
  3269. color: #e26e23;
  3270. }
  3271.    .mobile-show {
  3272.        display:none;
  3273.    }
  3274.    .dask-show {
  3275.        display:block;
  3276.    }
  3277.    .footer-mobile{
  3278.        position: fixed;
  3279.        height: 50px;
  3280.        bottom: 0;
  3281.        width: 100%;
  3282.        background-color: #f7f8f3;
  3283.        z-index: 99999;
  3284.        font-size: 10px;
  3285.        padding-top: 5px;
  3286.    }
  3287.    .mobile-icon{
  3288.     width: 25px;
  3289.    }
  3290.    .none-space{
  3291.     padding-left: 0px !important;
  3292.     padding-right: 0px !important;
  3293.     margin-left: 0px !important;
  3294.     margin-right: 0px !important;
  3295.    }
  3296.  
  3297. .chk-display-show{
  3298. display: none !important;
  3299. }
  3300.  
  3301.    @media only screen and (max-width: 1000px) {
  3302.  
  3303. .chk-display-show{
  3304. display: block !important;
  3305. }
  3306.  
  3307.     #pdpaPopup{
  3308. z-index: 99999 !important;
  3309. }
  3310. .mobile-hide{
  3311. display:none !important;
  3312. }
  3313.     .dask-show {
  3314.            display:none;
  3315.        }
  3316.        .mobile-show {
  3317.            display:block;
  3318.        }
  3319.        .btn-uptopPage{
  3320.         bottom: 69px;
  3321.        }
  3322.    }
  3323.  
  3324. /* for iPad screening portrait */
  3325.    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
  3326. .chk-display-show{
  3327. display: block !important;
  3328. }
  3329.    }
  3330.  
  3331.    @media only screen and (max-width: 600px) {
  3332. .chk-display-show{
  3333. display: block !important;
  3334. }
  3335.  
  3336.     .btn-addheart{
  3337.     width: 95% !important;
  3338.     }
  3339.     .member-sidenav{
  3340.     width: 300px !important;
  3341.     }
  3342.     #pdpaPopup{
  3343. z-index: 99999 !important;
  3344. }
  3345. .mobile-hide{
  3346. display:none !important;
  3347. }
  3348.        .dask-show {
  3349.            display:none;
  3350.        }
  3351.        .mobile-show {
  3352.            display:block;
  3353.        }
  3354.        .btn-uptopPage{
  3355.         bottom: 69px;
  3356.        }
  3357.    }
  3358. </style>
  3359.  
  3360.    <!-- FOOTER -->
  3361.    <div class="chk-display-show">
  3362.     <div class="initMenuResponstiveHr"></div>
  3363. <div class="initMenuResponstive">
  3364. <div class="container-fluid footer-mobile pb-2" id="hide_scroll">
  3365. <div class="row text-center">
  3366. <div class="col none-space">
  3367. <a href="https://www.kawebook.com/ชั้นหนังสือ">
  3368. <img src="https://www.kawebook.com/assets/img/icon/icon-01.webp?v=1002" class="mobile-icon">
  3369. <p class="">ชั้นหนังสือ</p>
  3370. </a>
  3371. </div>
  3372. <div class="col none-space">
  3373. <a href="https://www.kawebook.com/นิยาย">
  3374. <img src="https://www.kawebook.com/assets/img/icon/icon-04.png?v=1002" class="mobile-icon">
  3375. <p class="active-menu">นิยาย</p>
  3376. </a>
  3377. </div>
  3378. <div class="col none-space">
  3379. <a href="https://www.kawebook.com/การ์ตูน">
  3380. <img src="https://www.kawebook.com/assets/img/icon/icon-05.webp?v=1002" class="mobile-icon">
  3381. <p class="">การ์ตูน</p>
  3382. </a>
  3383. </div>
  3384. <div class="col none-space">
  3385. <a href="https://www.kawebook.com/ค้นหา">
  3386. <img src="https://www.kawebook.com/assets/img/icon/icon-07.webp?v=1002" class="mobile-icon">
  3387. <p class="">ค้นหา</p>
  3388. </a>
  3389. </div>
  3390. <div class="col none-space">
  3391. <a href="https://www.kawebook.com/profile/editprofile">
  3392. <img src="https://www.kawebook.com/assets/img/icon/icon-09.webp?v=1002" class="mobile-icon">
  3393. <p class="">โปรไฟล์</p>
  3394. </a>
  3395. </div>
  3396. </div>
  3397. </div>
  3398. </div>
  3399.    </div>
  3401. <script>
  3402. $(function(){
  3403.  
  3404. var lastScrollTop = 0, delta = 5;
  3405. $(window).scroll(function(){
  3406. var element = document.querySelector("body");
  3407. var height = element.clientHeight-window.innerHeight-delta
  3408. var nowScrollTop = $(this).scrollTop();
  3409. let percenNow = (nowScrollTop*100)/height
  3410. const eleScrollHeight = element.scrollHeight;
  3411. var eleScrollTop = element.scrollTop;
  3412. const eleWindowHeight = window.innerHeight;
  3413.  
  3414. if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
  3415. if ((nowScrollTop > lastScrollTop) && percenNow > 80){//edit bug home page res menu
  3416. $("#hide_scroll").hide();
  3417. $('#group-detail').hide();
  3418. $('.btn-uptopPage').hide();
  3419. } else {
  3420. if(nowScrollTop > lastScrollTop){ //edit bug search load more button last page res menu
  3421. $("#hide_scroll").hide();
  3422. $('#group-detail').hide();
  3423. $('.btn-uptopPage').hide();
  3424. }else{
  3425. $("#hide_scroll").show();
  3426. $('#group-detail').show();
  3427. $('.btn-uptopPage').show();
  3428. }
  3429. }
  3431. lastScrollTop = nowScrollTop;
  3432.  
  3433. if(eleScrollTop < 1){
  3434. eleScrollTop = nowScrollTop;
  3435. }
  3436.  
  3437. if(eleWindowHeight+eleScrollTop >= eleScrollHeight){
  3438. $("#hide_scroll").hide();
  3439. }
  3441. if (nowScrollTop <= 10){
  3442. $('.btn-uptopPage').hide()
  3443. }
  3444. }
  3445. })
  3446.  
  3447. if($('.card').length){
  3448. $('.initMenuResponstiveHr').css('padding-top','50px')
  3449. }
  3450. })
  3451. </script>  
  3452.  
  3453. <!-- modal_review_quize -->
  3454.  
  3455. <div class="modal fade" role="dialog" id="modal_review_quize" data-backdrop="static" data-keyboard="false">
  3456.  <div class="modal-dialog" role="document">
  3457.    <div class="modal-content" >
  3458.        <div class="modal-header" style="color: #fef6e6; background-color:#e26e23;">
  3459.            <p class="modal-title w-100" style="text-align:center; font-size:1.3rem; font-weight:bold; margin-left:26px;">Review/Comment</p>
  3460.            <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#fef6e6; opacity:unset;">
  3461.                <span aria-hidden="true">&#x2715;</span>
  3462.            </button>
  3463.        </div>
  3464.     <div class="modal-body" style="background-color:#f7d8bf;">
  3465.            <div class="mb-2 lead font-weight-bold">เรื่อง ????</div>
  3466.            <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3467.            <div class="ajaxContent d-none">
  3468.                <div class="d-flex commentHead-row p-2 rounded">
  3469.                    <div class="user-review-desk">
  3470.                        <img class="w-100 imgReplay rounded">
  3471.                    </div>
  3472.                    <div class="ml-2 w-100">
  3473.                        <p class="review-name-desk text-head-1">userA???</p>
  3474.                        <p class="text">???? ??? ? ???? ?? ??</p>
  3475.                    </div>
  3476.                </div>
  3477.                <div class="d-md-flex">
  3478.                    <i class="fas fa-reply fa-rotate-180 fa-2x mb-auto ml-2 mt-2" style="color:#e26e23;"></i>
  3479.                    <div class="ml-2 w-100">
  3480.                        <div class="mt-3">
  3481.  
  3482.                            <div class="commentChild">
  3483.                                <!-- notiwebsite.js -->
  3484.                            </div>
  3485.  
  3486.                            <div class="commentMe d-flex ml-2">
  3487.                                <div class="user-review-desk">
  3488.                                    <img class="w-100 rounded" src="">
  3489.                                </div>
  3490.                                <div class="ml-2 w-100">
  3491.                                    <p class="review-name-desk"></p>
  3492.                                    <textarea class="form-control mt-2" rows="3" autofocus></textarea>
  3493.                                </div>
  3494.                            </div>
  3495.                        </div>
  3496.                    </div>
  3497.                </div>
  3498.                <div class="text-right">
  3499.                    <span class="text-danger d-none">??????????</span>
  3500.                </div>
  3501.                <div class="d-flex justify-content-between">
  3502.                    <button type="button" class="btn btn-search-header shadow btnKeepNoti p-1 px-2 mt-3 " onclick="keepNoti()" data-iskeep="false">
  3503.                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bell-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  3504.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3505.                           <path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"></path>
  3506.                           <path d="M9 17v1a3 3 0 0 0 6 0v-1"></path>
  3507.                           <line x1="10" y1="11" x2="14" y2="11"></line>
  3508.                           <line x1="12" y1="9" x2="12" y2="13"></line>
  3509.                        </svg> เก็บไว้ก่อน
  3510.                    </button>
  3511.                    <button type="button" class="btn btn-search-header shadow btnAddReviewNew p-1 px-2 mt-3 " onclick="replayReviewCommentQuize()">
  3512.                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-telegram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  3513.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3514.                           <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
  3515.                        </svg> ส่งข้อความ
  3516.                    </button>
  3517.                </div>
  3518.            </div>
  3519.        </div>
  3520.    </div>
  3521.  </div>
  3522. </div>
  3523. <script>
  3524.    let modal = $('#modal_review_quize')
  3525.  
  3526.    if(typeof ajaxPost === 'undefined'){
  3527.        var ajaxPost = function(obj,fn,conDirect) {
  3528.            var controller = (conDirect)?conDirect:'story';
  3529.            var data_res = encodeURIComponent(JSON.stringify(obj));
  3530.            var baseURL = "https://www.kawebook.com/";
  3531.            return new Promise(function(resolve,reject) {
  3532.                $.ajax({
  3533.                    type: "POST",
  3534.                    url: baseURL + controller+'/'+fn,
  3535.                    data: {
  3536.                        [csrfName] : csrfHash,
  3537.                        'data_obj' : data_res
  3538.                    },
  3539.                    success: function(data){
  3540.                        try {
  3541.                            data = JSON.parse(data);
  3542.                            resolve(data);
  3543.                        } catch(error) {
  3544.                            resolve(data);
  3545.                        }
  3546.                    },
  3547.                    error:function(data){
  3548.                        try {
  3549.                            data = JSON.parse(data);
  3550.                            resolve(data);
  3551.                        } catch(error) {
  3552.                            resolve(data);
  3553.                        }
  3554.                    }
  3555.                });
  3556.            });
  3557.        }    
  3558.    }
  3559.    if(typeof ajaxGet === 'undefined'){
  3560.        var ajaxGet = function(obj,fn,conDirect) {
  3561.            var controller = (conDirect)?conDirect:'story';
  3562.            var data_res = encodeURIComponent(JSON.stringify(obj));
  3563.            var baseURL = "https://www.kawebook.com/";
  3564.            return new Promise(function(resolve,reject) {
  3565.                $.ajax({
  3566.                    type: "GET",
  3567.                    url: baseURL + controller+'/'+fn,
  3568.                    data: {
  3569.                        [csrfName] : csrfHash,
  3570.                        'data_obj' : data_res
  3571.                    },
  3572.                    success: function(data){
  3573.                        try {
  3574.                            data = JSON.parse(data);
  3575.                            resolve(data);
  3576.                        } catch(error) {
  3577.                            resolve(data);
  3578.                        }
  3579.                    },
  3580.                    error:function(data){
  3581.                        try {
  3582.                            data = JSON.parse(data);
  3583.                            resolve(data);
  3584.                        } catch(error) {
  3585.                            resolve(data);
  3586.                        }
  3587.                    }
  3588.                });
  3589.            });
  3590.        }    
  3591.    }
  3592.  
  3593.    function keepNoti(){
  3594.        $('.btnKeepNoti').data('iskeep',true)
  3595.        modal.modal('hide')
  3596.    }
  3597.  
  3598.    function replayReviewCommentQuize(){
  3599.        let review_content = modal.find('textarea').val()
  3600.        modal.find('.text-danger').addClass('d-none')
  3601.        if(review_content.length < 1 || chckReviewText(review_content)){ return modal.find('.text-danger').text('กรุณาระบุความคิดเห็น').removeClass('d-none'); }
  3602.        isReviewQuizeLoad(1);
  3603.        let obj = {
  3604.            'review_content' : review_content,
  3605.            'review_id' : (modal.data('parentreviewid'))?modal.data('parentreviewid'):modal.data('reviewid'),
  3606.            'story_id' : modal.data('storyid'),
  3607.            'chapter_id' : modal.data('chapterid'),
  3608.            'key' : modal.data('key'),
  3609.            'index' : modal.data('index'),
  3610.            'review_page' : modal.data('review_page'),
  3611.        }
  3612.  
  3613.        ajaxPost(obj,'addstoryreview','review').then(function(res){
  3614.            if(res.status){
  3615.  
  3616.                $('.btnKeepNoti').data('iskeep',false)
  3617.                $('.notiWebsite-row').each(function(i,v){
  3618.                    let key = $(this).data('key')
  3619.                    if(key==obj.key){
  3620.                        $(this).remove()
  3621.                        refershNoti()
  3622.                    }
  3623.                })
  3624.  
  3625.                isReviewQuizeLoad(0)
  3626.                modal.modal('hide')
  3627.  
  3628.            }else{ bootbox.alert(res.message);isReviewQuizeLoad(0) }
  3629.        })
  3630.    }
  3631.  
  3632.    function chckReviewText(value){
  3633.        let data = value.replace(/&nbsp;/g,"").replace(/<br>/g,"").replace(/style="margin-bottom: 0px;"/g,"").replace(/<p>/g,"").replace(/<p >/g,"").replace(/<\/p>/g,"").trim();
  3634.        let isErr = data.length<1;
  3635.        return isErr;
  3636.    }
  3637.  
  3638.    function isReviewQuizeLoad(isData){
  3639.        if(isData){
  3640.            let html = `
  3641.                <i class="fas fa-spinner fa-spin"></i> กำลังส่งส่งข้อความ
  3642.            `;
  3643.            modal.find('textarea,button').addClass('disabled').prop('disabled',1)
  3644.            $('.btnAddReviewNew').html(html)
  3645.        }else{
  3646.            let html = `
  3647.                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-telegram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  3648.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3649.                           <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
  3650.                </svg> ส่งข้อความ
  3651.            `;
  3652.            modal.find('textarea,button').addClass('disabled').prop('disabled',0)
  3653.            $('.btnAddReviewNew').html(html)
  3654.        }
  3655.    }
  3656.  
  3657.    function refershNoti(){
  3658.        if($('.notiWebsite-content .notiWebsite-row').length){
  3659.            $('.iconNotiWebsite').find('.icon-item-new').removeClass('d-none')
  3660.        }else{
  3661.            $('.iconNotiWebsite').find('.icon-item-new').addClass('d-none')
  3662.        }
  3663.    }
  3664.  
  3665.    $(function(){
  3666.  
  3667.        modal.on('shown.bs.modal', function () {
  3668.            $(this).find('textarea').focus()
  3669.        })
  3670.  
  3671.        modal.on('hidden.bs.modal', function () {
  3672.            let isKeep = $('.btnKeepNoti').data('iskeep')
  3673.            let key = modal.data('key')
  3674.            if(!isKeep){
  3675.  
  3676.                // update UX/UI
  3677.                $('.notiWebsite-content .notiWebsite-row').each(function(index, el) {
  3678.                    let keyRow = $(this).data('key')
  3679.                    if(keyRow == key){ $(this).remove();refershNoti() }
  3680.                })
  3681.  
  3682.                // call server clear notijson
  3683.                ajaxPost({"key":key},'clearnotijsonmebykey','review').then(function(res){
  3684.                    // console.log(res)
  3685.                })
  3686.            }
  3687.        })
  3688.  
  3689.        modal.find('textarea').keypress(function (e) {
  3690.            if (e.which == 13) {
  3691.                replayReviewCommentQuize()
  3692.                return false
  3693.            }
  3694.        })
  3695.        
  3696.    })
  3697.  
  3698. </script>
  3699.  
  3700.  
  3701. <script src="https://www.kawebook.com/assets/js/notiwebsite.js?v=2.40.1"></script>
  3702.  
  3703. <script>
  3704.  
  3705. bootbox.setLocale('th');
  3706. var error_title = "";
  3707. var error_message = "";
  3708. var notify = "";
  3709.  
  3710. notify = "";
  3711. error_title = "";
  3712. error_message = "";
  3713.  
  3714. if(error_message != ""){
  3715. Message(error_message,error_title);
  3716. }
  3717. function Message($message,$title){
  3718. if(!$title){
  3719. $title = "ข้อความจากระบบ";
  3720. }
  3721. bootbox.alert($message);
  3722. /*$('.showalert').modal('show') ;
  3723. $('.showalert .modal-title').html('<font color="#4a4a4a">'+$title+'</i></font>');
  3724. $('.showalert .modal-body p').html('<font color="#4a4a4a">'+$message+'</font>');*/
  3725. }
  3726.  
  3727. if(notify){
  3728. soundNotify();
  3729. }
  3730.  
  3731. function soundNotify(){
  3732. var audio = new Audio(Config.baseURL+'assets/sound/notification.mp3');
  3733. audio.loop = false;
  3734. audio.play();
  3735. }
  3736.  
  3737. jQuery.extend(jQuery.validator.messages, {
  3738.    required: "กรุณากรอกข้อมูล.",
  3739.    remote: "Please fix this field.",
  3740.    email: "กรุณากรอกที่อยู่อีเมลให้ถูกต้อง.",
  3741.    url: "Please enter a valid URL.",
  3742.    date: "Please enter a valid date.",
  3743.    dateISO: "Please enter a valid date (ISO).",
  3744.    number: "กรุณากรอกข้อมูลตัวเลขเท่านั้น.",
  3745.    digits: "Please enter only digits.",
  3746.    creditcard: "Please enter a valid credit card number.",
  3747.    equalTo: "กรุณากรอกรหัสผ่านให้ตรงกัน.",
  3748.    accept: "กรุณาเลือกไฟล์ให้ถูกต้อง.",
  3749.    maxlength: jQuery.validator.format("กรุณากรอกข้อมูลน้อยกว่า {0} ตัวอักษร."),
  3750.    minlength: jQuery.validator.format("กรุณากรอกข้อมูลมากกว่า {0} ตัวอักษร."),
  3751.    rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
  3752.    range: jQuery.validator.format("Please enter a value between {0} and {1}."),
  3753.    max: jQuery.validator.format("กรุณาป้อนค่าที่น้อยกว่าหรือเท่ากับ {0}"),
  3754.    min: jQuery.validator.format("กรุณาป้อนค่าที่มากกว่าหรือเท่ากับ {0}")
  3755. });
  3756.  
  3757.  
  3758.  
  3759. $(document).ready(function(e) {
  3761. const namePath = window.location.pathname;
  3762. const sptNamePath = namePath.split('/');
  3763. // https://www.kawebook.com/
  3764. const ctlName = sptNamePath[1] || 'index';
  3766. //check login
  3767. var chkLogin = false;
  3769. if((ctlName == 'index' && chkLogin) || ctlName !== 'index'){
  3770. // console.log("------ in if index and chkLogin -----");
  3771. var APP_ID = '226865737821474';
  3772. window.fbAsyncInit = function() {
  3773. FB.init({
  3774. appId            : APP_ID,
  3775. autoLogAppEvents : true,
  3776. xfbml            : true,
  3777. version          : 'v14.0'
  3778. });
  3779. };
  3780. (function(d, s, id){
  3781. var js, fjs = d.getElementsByTagName(s)[0];
  3782. if (d.getElementById(id)) {return;}
  3783. js = d.createElement(s); js.id = id;
  3784. js.src = "//connect.facebook.net/en_US/sdk.js?v=202510280012";
  3785. fjs.parentNode.insertBefore(js, fjs);
  3786. }(document, 'script', 'facebook-jssdk'));
  3787. }
  3789. });
  3790.  
  3791.  
  3792. $(document).on({
  3793.    "contextmenu": function(e) {
  3794.        //console.log("ctx menu button:", e.which);
  3795.        e.preventDefault();
  3796.    },
  3797.    "mousedown": function(e) {
  3798.        //console.log("normal mouse down:", e.which);
  3799.    },
  3800.    "mouseup": function(e) {
  3801.        //console.log("normal mouse up:", e.which);  
  3802.    }
  3803. });
  3804.  
  3805. $(window).scroll(function () {
  3806. if(screen.width > 1000){
  3807. if ($(this).scrollTop() > 400) {
  3808. $('.btn-uptopPage').fadeIn();
  3809. } else {
  3810. $('.btn-uptopPage').fadeOut();
  3811. }
  3812. }
  3813. });
  3814.  
  3815. $('.btn-uptopPage').on('click', function () {
  3816. $("html, body").animate({
  3817. scrollTop: 0
  3818. }, 600);
  3819. return false;
  3820. });
  3822. function check_cross_site_script(txt,txtName){
  3823. var word = 'script';
  3824. if(txt.indexOf("<"+word+">")>=0 || txt.indexOf("</"+word+">")>=0 || txt.indexOf("alert(")>=0) {
  3825. return false;
  3826. }
  3827. var srt1 = "(";
  3828. var cou1 = 0;
  3829. for (var i=0;i<txt.length;i++)
  3830. {
  3831. if(srt1 == txt.substr(i,srt1.length)){
  3832. cou1++;
  3833. }
  3834. }
  3835. var srt2 = ")";
  3836. var cou2 = 0;
  3837. for (var i=0;i<txt.length;i++){
  3838. if(srt2 == txt.substr(i,srt2.length)){
  3839. cou2++;
  3840. }
  3841. }
  3842. if(cou1!=cou2){
  3843. return false;
  3844. }
  3845. }
  3846.  
  3847. </script>
  3848. <!-- Global Site Tag (gtag.js) - Google Analytics -->
  3849. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-107742185-1"></script>
  3850. <script>
  3851.  window.dataLayer = window.dataLayer || [];
  3852.  function gtag(){dataLayer.push(arguments)};
  3853.  gtag('js', new Date());
  3854.  
  3855.  gtag('config', 'UA-107742185-1');
  3856. </script>
  3857.  
  3858. <!-- Google Tag Manager -->
  3859. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  3860. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  3861. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  3862. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  3863. })(window,document,'script','dataLayer','GTM-WRKQ35M');</script>
  3864. <!-- End Google Tag Manager -->
  3865.  
  3866. <!-- Google Tag Manager (noscript) -->
  3867. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRKQ35M"
  3868. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  3869. <!-- End Google Tag Manager (noscript) -->
  3870.  
  3871.  
  3872. <div id="branch-banner" style="background-color:#ffffeb; height:auto; width:100%; position: fixed; z-index: 3; bottom: 0; left: 0; padding:5px; font-size:13px;display:none;">
  3873. <div class="d-flex justify-content-between">
  3874. <span style="font-size:14px;">ใช้ KaweBook ผ่านแอปสะดวกกว่า</span>
  3875. <div id="branch-banner-close1" role="text" aria-label="Close banner" tabindex="0" onclick="JavaScript:void(0);"><i class="fa fa-times" aria-hidden="true"></i></div>
  3876. </div>
  3877. <div class="row" style="padding:5px 0;">
  3878. <div style="width:auto;">
  3879. <img src="https://www.kawebook.com/assets2/img/icon-app.webp" style="height:60px;">
  3880. </div>
  3881. <div class="col" style="padding:0 5px;">
  3882. <p>KaweBook<p>
  3883. <p>อ่านเขียน นิยายออนไลน์ ฟรี! จำนวนมาก<p>
  3884. <p>Glory Forever Public Company Limited<p>
  3885. </div>
  3886. <div style="width:auto;">
  3887. <img src="https://www.kawebook.com/assets2/img/kawe_emoji1.webp" style="height:60px;">
  3888. </div>
  3889. </div>
  3890. <div>
  3891. <button style="width:100%; font-size:14px; padding: 2px 12px;" class="btn btn-search-header" onclick="run();">เปิดด้วยแอป KaweBook</button>
  3892. </div>
  3893. </div>
  3894. <script type="text/javascript">
  3895. $(document).ready(function(){
  3896. // If the 'hide cookie is not set we show the message
  3897. if (!readCookie('hide')) {
  3898. if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
  3899. // $("#branch-banner").show();
  3900. }
  3901. }
  3902.  
  3903. // Add the event that closes the popup and sets the cookie that tells us to
  3904. // not show it again until one day has passed.
  3905. $('#branch-banner-close1').click(function() {
  3906. $('#branch-banner').hide();
  3907. createCookie('hide', true, 1) // 1 Day = 24 Hour
  3908. return false;
  3909. });
  3910. });
  3911.  
  3912. function run(){
  3913. var desktopFallback = "https://www.kawebook.com",
  3914. ios_mobileFallback = "https://apps.apple.com/th/app/kawebook/id1464410595?l=th",
  3915. ios_app = "ioskawebookMain://",
  3916. android_mobileFallback = "http://play.google.com/store/apps/details?id=glory.kawebook",
  3917. android_app = "glory://android_kawebook/Main";
  3918. if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
  3919. if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ){ // IOS
  3920. window.location = ios_app;
  3921. window.setTimeout(function() {
  3922. window.location = ios_mobileFallback;
  3923. }, 5000);
  3924. }else if( /Android/i.test(navigator.userAgent) ){ // Android
  3925. window.location = android_app;
  3926. window.setTimeout(function() {
  3927. window.location = android_mobileFallback;
  3928. // location.reload();
  3929. }, 5000);
  3930. }else {
  3931. window.location = desktopFallback;
  3932. }
  3933. } else {
  3934. window.location = desktopFallback;
  3935. }
  3936. function killPopup() {
  3937. window.removeEventListener('pagehide', killPopup);
  3938. }
  3939. window.addEventListener('pagehide', killPopup);
  3940. }
  3941.  
  3942. // ---
  3943. // And some generic cookie logic
  3944. // ---
  3945. function createCookie(name,value,days) {
  3946.  if (days) {
  3947.    var date = new Date();
  3948.    date.setTime(date.getTime()+(days*2*60*60*1000));
  3949.    // date.setTime(date.getTime()+10000);
  3950.    // date.setTime(date.getTime()+(days*24*60*60*1000));
  3951.    var expires = "; expires="+date.toGMTString();
  3952.  }
  3953.  else var expires = "";
  3954.  document.cookie = name+"="+value+expires+"; path=/";
  3955. }
  3956.  
  3957. function readCookie(name) {
  3958.  var nameEQ = name + "=";
  3959.  var ca = document.cookie.split(';');
  3960.  for(var i=0;i < ca.length;i++) {
  3961.    var c = ca[i];
  3962.    while (c.charAt(0)==' ') c = c.substring(1,c.length);
  3963.    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  3964.  }
  3965.  return null;
  3966. }
  3967.  
  3968. function eraseCookie(name) {
  3969.  createCookie(name,"",-1);
  3970. }
  3971.  
  3972.  
  3973.  
  3974. // Change Password 90 Days
  3975. $( document ).ready(function() {
  3976. if (typeof(check_page_chenge_password) == "undefined"){
  3977. var member_cal_date = "";
  3978. var check_member_id = "";
  3979. var member_type     = "0";
  3980. var check_base_url  = "https://www.kawebook.com/profile/editprofile";
  3981. if(member_type == 0 || member_type == 2 || member_type == 5){
  3982. if(check_member_id != ""  && member_cal_date > 90){
  3983. if(member_type == 2){
  3984. swal({
  3985.        title: "ข้อความจากระบบ",
  3986.        text: "รหัสผ่านของท่านมีอายุเกิน 90 วันแล้วกรุณาเปลี่ยนรหัสผ่าน !",
  3987.        type: "warning",
  3988.        confirmButtonColor: '#DD6B55',
  3989.        confirmButtonText: 'เปลี่ยนรหัสผ่าน',
  3990.    }, function(isConfirm){  
  3991.        if (isConfirm) {    
  3992.            location.href = check_base_url+"/hide";
  3993.        }
  3994.    });
  3995. }else{
  3996. swal({  
  3997. title: "ข้อความจากระบบ",
  3998. text: "รหัสผ่านของท่านมีอายุเกิน 90 วันต้องการเปลี่ยนรหัสผ่านหรือไม่ !",
  3999. type: "warning",
  4000. showCancelButton: true,
  4001. confirmButtonColor: '#DD6B55',
  4002. confirmButtonText: 'เปลี่ยนรหัสผ่าน',
  4003. cancelButtonText: "ไม่ใช่ตอนนี้",
  4004. closeOnConfirm: true,
  4005. closeOnCancel: false
  4006. }, function(isConfirm){  
  4007.        if (isConfirm) {    
  4008.            location.href = check_base_url+"/hide";
  4009.        }else{
  4010.         $('.sweet-alert').find('button').prop('disabled',true)
  4011.         $.ajax({
  4012. type: 'POST',
  4013. data:{
  4014. [csrfName] : csrfHash,
  4015. "member_id":check_member_id
  4016. },
  4017. url: "https://www.kawebook.com/profile/noChangePassword",
  4018. success: function(json){
  4019. data = $.parseJSON(json)
  4020. if(data.status){
  4021. csrfName = data.csrfName
  4022. csrfHash = data.csrfHash
  4023. swal.close()
  4024. }else{console.log(data.message)}
  4025. }
  4026. });
  4027.        }
  4028.    });
  4030. }
  4032. }
  4033. }
  4034. }
  4035. });
  4037.  
  4038. // Check when change policy term
  4039. $( document ).ready(function() {
  4040. var check_member_id = "";
  4041. var date_policy     = "";
  4042. var term_timestamp  = "1670872039";
  4043. var policyPopup     = $("#policyPopup");
  4044.  
  4045. if(check_member_id != ""){
  4046. if(date_policy == ""){
  4047. policyPopup.show();
  4048. }else{
  4049. if(term_timestamp > date_policy){
  4050. policyPopup.show();
  4051. }else{
  4052. policyPopup.hide();
  4053. }
  4054. }
  4055. }else{
  4056. policyPopup.hide();
  4057. }
  4058. });
  4059.  
  4060. function setPolicy(member_id){
  4061. $("#policyPopup").hide();
  4062. var term_date_policy  = "2022-12-13 02:07:19";
  4063. if(member_id){
  4064. $.ajax({
  4065. type: 'POST',
  4066. data:{
  4067. [csrfName] : csrfHash,
  4068. "member_id":member_id,
  4069. "date_policy":term_date_policy,
  4070. },
  4071. url: "https://www.kawebook.com/profile/setPolicy",
  4072. success: function(json){
  4073. // console.log("json : " + json);
  4074. // checkin_table.ajax.reload();
  4075. }
  4076. });
  4077. }
  4078. }
  4079.  
  4080. function logoutOneSignal(){
  4081. let appId = "665055e5-cc6e-410e-825d-1c92b2421cd5";
  4082. if(appId){
  4083. window.OneSignal = window.OneSignal || [];
  4084. OneSignal.push(function() {
  4085. OneSignal.sendTag("user_id", '', function(tagsSent){ location.href='https://www.kawebook.com/member/logout'; });
  4086. OneSignal.init({
  4087. appId: appId,
  4088. allowLocalhostAsSecureOrigin: true,
  4089. });
  4090. });
  4091. }
  4092. }
  4093.  
  4094.  
  4095. // logout Nav profile
  4096. $("#btn_logout").click(function(){
  4097. logoutOneSignal();
  4098. document.getElementById('btn_logout').disabled = true;
  4099. document.getElementById('iconLogoutLoad').style.visibility = "visible";
  4100. setTimeout(function(){ location.href='https://www.kawebook.com/member/logout'; }, 6000);
  4101.  
  4102. });
  4103.  
  4104. // logout Responsive
  4105. $("#btn_logout_respon").click(function(){
  4106. logoutOneSignal();
  4107. document.getElementById('btn_logout_respon').disabled = true;
  4108. document.getElementById('iconSingOut_respon').style.visibility = "hidden";
  4109. document.getElementById('iconLogoutLoad_respon').style.visibility = "visible";
  4110. setTimeout(function(){ location.href='https://www.kawebook.com/member/logout'; }, 6000);
  4111. });
  4112.  
  4113. </script>
  4114. <script type="application/ld+json">
  4115. {
  4116. "@context": "https://schema.org",
  4117. "@type": "LocalBusiness",
  4118. "name": "Kaweebook",
  4119. "image": "https://www.kawebook.com/assets2/img/logo_top.webp?v=2001",
  4120. "alternateName": "กวีบุ๊ค - เว็บอ่านนิยายออนไลน์",
  4121. "description":"เว็บอ่าน-เขียน นิยายออนไลน์ นิยายไทย นิยายจีน นิยายญี่ปุ่น นิยายแปล อ่านฟรี! จำนวนมาก!",
  4122. "@id": "",
  4123. "url": "https://www.kawebook.com/",
  4124. "logo": "https://www.kawebook.com/assets2/img/logo_top.webp?v=2001",
  4125. "telephone": "+66987654300",
  4126. "priceRange": "฿฿฿",
  4127. "address": {
  4128. "@type": "PostalAddress",
  4129. "streetAddress": "20 Moo.6 Rama 2 Rd, Phanthai Norasing, Mueang Samut Sakhon District,",
  4130. "addressLocality": "Samut Sakhon",
  4131. "postalCode": "74000",
  4132. "addressCountry": "TH"
  4133. },
  4134.  
  4135. "geo": {
  4136. "@type": "GeoCoordinates",
  4137. "latitude": 13.577754707694174,
  4138. "longitude": 100.37828364603487
  4139. },
  4140. "openingHoursSpecification": {
  4141. "@type": "OpeningHoursSpecification",
  4142. "dayOfWeek": [
  4143. "Monday",
  4144. "Tuesday",
  4145. "Wednesday",
  4146. "Thursday",
  4147. "Friday",
  4148. "Saturday"
  4149. ],
  4150. "opens": "08:00",
  4151. "closes": "18:00"
  4152. },
  4153. "sameAs": [
  4154. "https://www.facebook.com/kaweebook/"
  4155.  
  4156. ]
  4157. }
  4158. </script>
  4159.  
  4160.  
  4161. <!-- modal_select_member_style -->
  4162.  
  4163.  
  4164. <div class="modal fade" id="modal_select_member_style"  tabindex="-1" role="dialog" aria-labelledby="select-member-style" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  4165.    <div class="modal-dialog modal-lg-custom modal-dialog-centered " role="document">
  4166.        <div class="modal-content" style="background: #fdfbd9;">
  4167.         <div>
  4168.     <!-- <img class="w-100" src="assets2/img/selectMemberStyleRes-4.webp" > -->
  4169.         <div class="p-2">
  4170.         <div class="d-flex justify-content-center">
  4171.         <img class="mt-auto mb-auto" src="assets2/img/1topnovelicon.png" style="width: 70px; height: 60px;">
  4172.         <div class="text-center">
  4173.         <div class="h6 text-center" style="color:#642a04;">โปรดเลือกหมวดหนังสือที่ท่านชอบ</div>
  4174.         <img class="mr-auto ml-auto" src="assets2/img/select-member-line.png" style="width: 199px;">
  4175.         <div class="h6 text-center mb-0" style="color:#368005;font-size: .8rem;">(ท่านยังสามารถเลือกดูหมวดอื่นๆได้)</div>
  4176.         </div>
  4177.         </div>
  4178.     <img class="w-100 mt-3 female-hover" src="assets2/img/selectMemberStyleRes_5.webp">
  4179.     <img class="w-100 mt-3 male-hover" src="assets2/img/selectMemberStyleRes_1.webp">
  4180.         </div>
  4181.     <div class="text-center"><i class="far fa-times-circle fa-2x p-2 selectMemberStyleClose"></i></div>
  4182.  
  4183.         </div>
  4184.        </div>
  4185.    </div>
  4186. </div>
  4187.  
  4188.  
  4189. <!-- modal fade -->
  4190. <div class="modal fade" id="modal_select_confirm_member_style_female"  tabindex="-1" role="dialog" aria-labelledby="select-member-style-female" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  4191.    <div class="modal-dialog modal-md modal-dialog-centered " role="document">
  4192.        <div class="modal-content" style="background: #fdfbd9;">
  4193.     <div class="modal-header p-0 d-block" style="background: #82bb2a;">
  4194.     <div class="w-100 d-flex pt-1 px-1 pb-4">
  4195.         <img class="ml-auto cursor-pointer sms_cancel mt-1 mr-1" src="assets2/img/selectMemberStyle_12.png" style="width: 25px;height: 25px;position: relative;">
  4196.     </div>
  4197.     </div>
  4198.     <div class="modal-body text-center" style="">
  4199.     <div class="w-100 d-flex justify-content-center " style="margin-bottom:30px;">
  4200.     <img class="w-25" src="assets2/img/selectMemberStyle_07.png" style="position: absolute;top:-2rem;">
  4201.     </div>
  4202.         <h3 class="py-1 sms_textHead" style="color: #642a04;">ยืนยันการเลือกหมวดหนังสือที่ชอบ</h3>
  4203.         <h5 class="py-2 sms_textchild" style="color: #4a7803;">หมวดรัก</h5>
  4204.         <div class="row">
  4205.         <div class="col-md-8 offset-md-2 px-0">
  4206.         <div class="smsc_btnConfrimOrCancel d-flex justify-content-around pt-3">
  4207.         <div class="btn-select-cc-header cursor-pointer sms_cancel" data-value="2">
  4208.         <i class="far fa-times-circle"></i>
  4209.         <div class="d-inline ml-1">ยกเลิก</div>
  4210.         </div>
  4211.         <div class="btn-select-cc-header cursor-pointer sms_confirm" data-value="2">
  4212.         <i class="far fa-check-circle"></i>
  4213.         <div class="d-inline ml-1">ยืนยัน</div>
  4214.         </div>
  4215.         </div>
  4216.         </div>
  4217.         </div>
  4218.         <div class="smsc_content-loading fa-3x d-none"><i class="fas fa-circle-notch fa-spin"></i></div>
  4219.       </div>
  4220.        </div>
  4221.    </div>
  4222. </div>
  4223.  
  4224. <!-- modal fade -->
  4225. <div class="modal fade" id="modal_select_confirm_member_style_male"  tabindex="-1" role="dialog" aria-labelledby="select-member-style-male" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  4226.    <div class="modal-dialog modal-md modal-dialog-centered " role="document">
  4227.        <div class="modal-content" style="background: #fdfbd9;">
  4228.     <div class="modal-header p-0 d-block" style="background: #82bb2a;">
  4229.     <div class="w-100 d-flex pt-1 px-1 pb-4">
  4230.         <img class="ml-auto cursor-pointer sms_cancel mt-1 mr-1" src="assets2/img/selectMemberStyle_12.png" style="width: 25px;height: 25px;position: relative;">
  4231.     </div>
  4232.     </div>
  4233.  
  4234.     <div class="modal-body text-center" style="">
  4235.     <div class="w-100 d-flex justify-content-center " style="margin-bottom:30px;">
  4236.     <img class="w-25" src="assets2/img/selectMemberStyle_06.png" style="position: absolute;top:-2rem;">
  4237.     </div>
  4238.         <h3 class="py-1 sms_textHead" style="color: #642a04;">ยืนยันการเลือกหมวดหนังสือที่ชอบ</h3>
  4239.         <h5 class="py-2 sms_textchild" style="color: #4a7803;">หมวดมันส์</h5>
  4240.         <div class="row">
  4241.         <div class="col-md-8 offset-md-2 px-0">
  4242.         <div class="smsc_btnConfrimOrCancel d-flex justify-content-around pt-3">
  4243.         <div class="btn-select-cc-header cursor-pointer sms_cancel" data-value="1">
  4244.         <i class="far fa-times-circle"></i>
  4245.         <div class="d-inline ml-1">ยกเลิก</div>
  4246.         </div>
  4247.         <div class="btn-select-cc-header cursor-pointer sms_confirm" data-value="1">
  4248.         <i class="far fa-check-circle"></i>
  4249.         <div class="d-inline ml-1">ยืนยัน</div>
  4250.         </div>
  4251.         </div>
  4252.         </div>
  4253.         </div>
  4254.         <div class="smsc_content-loading fa-3x d-none"><i class="fas fa-circle-notch fa-spin"></i></div>
  4255.       </div>
  4256.        </div>
  4257.    </div>
  4258. </div>
  4259.  
  4260. <script type="text/javascript">
  4261. //member_style : 1=m, 2=f
  4262. var modal_sms = $('#modal_select_member_style');
  4263. // var isViewResponsetive = screen.width < 1024;
  4264. let sizeBs = 'lg'; if(screen.width <= 320){sizeBs = 'ssm'}else if(screen.width <= 425){ sizeBs = 'sm'; }else if(screen.width <= 1024){ sizeBs = 'md'; }
  4265. // alert(screen.width);
  4266. $(function(){
  4267.  
  4268. // modal_sms.modal('show'); // fix show
  4269.  
  4270. modal_sms.click(function(event) {
  4271. modal_sms.modal('hide');
  4272.            $('.initMenuResponstive').removeClass('d-none');
  4273. });
  4274.  
  4275. //set init
  4276. modal_sms.find('.selectMemberStyleClose').click(function(event) {
  4277. modal_sms.modal('hide');
  4278.            $('.initMenuResponstive').removeClass('d-none');
  4279. });
  4280.  
  4281. modal_sms.find('.female-hover').click(function(event) {
  4282. animationSelectMemberStyle(2);
  4283. });
  4284.  
  4285. modal_sms.find('.male-hover').click(function(event) {
  4286. animationSelectMemberStyle(1);
  4287. });
  4288.  
  4289. modal_sms.find('.female-hover, .male-hover').click(function(event) {
  4290. var m_style = $(this).data('value');
  4291. // console.log(m_style);return;
  4292. modal_sms.modal('hide');
  4293. if(m_style===1){ $('#modal_select_confirm_member_style_male').modal('show'); }else{ $('#modal_select_confirm_member_style_female').modal('show');}
  4294. });
  4295.  
  4296. $('.sms_cancel').click(function(){
  4297. $('#modal_select_confirm_member_style_male,#modal_select_confirm_member_style_female').modal('hide');
  4298. modal_sms.modal('show');
  4299. });
  4300.  
  4301. animationSetModal();
  4302. });
  4303.  
  4304. function animationSelectMemberStyleConfirmIsProcessing(isData){
  4305. if(isData){
  4306. $('.smsc_content-loading').removeClass('d-none');
  4307. $('.smsc_btnConfrimOrCancel').removeClass('d-flex').addClass('d-none');
  4308. $('.sms_cancel').addClass('d-none');
  4309. }else{
  4310. $('.smsc_content-loading').addClass('d-none');
  4311. $('.smsc_btnConfrimOrCancel').removeClass('d-none').addClass('d-flex');
  4312. $('.sms_cancel').removeClass('d-none');
  4313. }
  4314. }
  4315.  
  4316. function animationSelectMemberStyle(member_style){
  4318. if(member_style==1){
  4319. modal_sms.find('.female-hover, .male-hover').data('value',1);
  4320. }else{
  4321. modal_sms.find('.female-hover, .male-hover').data('value',2);
  4322. }
  4323.  
  4324. }
  4325.  
  4326. function animationSetModal(){
  4327. // console.log(sizeBs)
  4328.  
  4329. // var modal = $('#modal_select_confirm_member_style_male,#modal_select_confirm_member_style_female');
  4330. // if(sizeBs === 'ssm'|| sizeBs === 'sm'){
  4331. // modal.find('.modal-body h3:nth-child(1)').css({'font-size':'1.2rem','font-weight':'500','padding-top':'500'});
  4332. // modal.find('.modal-body h5:nth-child(1)').css({'font-size':'1.1rem','font-weight':'300'});
  4333. // // modal.find('.modal-body h3:nth-child(1)').addClass('pt-4');
  4334. // // modal.find('.justify-content-center').css('height','50px');
  4335. // }
  4336.  
  4337. // if(sizeBs === 'md'){
  4338. // modal.find('.modal-body h3:nth-child(1)').addClass('pt-4');
  4339. // }
  4340. }
  4341. </script>
  4342.  
  4343.  
  4344. <div class="modal fade" id="modal_mass_pro"  tabindex="-1" role="dialog" aria-labelledby="mass-pro" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  4345.    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  4346.        <div class="modal-content" style="background: #fdfbd9;">
  4347.         <div>
  4348.     <i class="fa fa-times p-2 massProClose"></i>
  4349.     <img id="imgMasspro" class="w-100 cursor-pointer" >
  4350.     <div class="chkNoMsg">
  4351. <i id="noCheck" class="fa fa-square-o p-2 chkboxNoMsg cursor-pointer chkBox">&#xf096;</i>
  4352. <i id="isCheck" style="display: none;" class="fa p-2 cursor-pointer chkBox"> &#xf14a;</i>
  4353. <span class="txt-no-msg">ไม่ต้องแสดงข้อความนี้อีก </span>
  4354. </div>
  4355.         </div>
  4356.        </div>
  4357.    </div>
  4358. </div>
  4359.  
  4360. <style type="text/css">
  4361. .massProClose {
  4362. font-size: 2rem;
  4363.     position: absolute;
  4364.     right: 0;
  4365. }
  4366.  
  4367. .chkboxNoMsg{
  4368. color: #fef6e6;
  4369. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  4370. }
  4371.  
  4372. .chkNoMsg{
  4373. position: absolute;
  4374.     left: 0;
  4375. bottom: 0;
  4376. }
  4377.  
  4378.    @media only screen and (max-width: 375px) {
  4379. .txt-no-msg{
  4380. font-size: .5rem;
  4381. margin-top:unset;
  4382. font-weight: bold;
  4383. }
  4384.  
  4385. .massProClose {
  4386. font-size: 1rem;
  4387. position: absolute;
  4388. right: 0;
  4389. }
  4390. }
  4391.  
  4392. @media only screen and (max-width: 425px) {
  4393. .txt-no-msg{
  4394. font-size: .6rem;
  4395. margin-top:unset;
  4396. font-weight: bold;
  4397. }
  4398.  
  4399. .massProClose {
  4400. font-size: 1rem;
  4401. position: absolute;
  4402. right: 0;
  4403. }
  4404. }
  4405.  
  4406. @media (min-width: 992px){
  4407. .modal-lg-custom {
  4408. max-width: 320px;
  4409. }
  4410.  
  4411. .txt-no-msg{
  4412. font-size: 1rem;
  4413. margin-top:unset;
  4414. font-weight: bold;
  4415. }
  4416. }
  4417. </style>
  4418. <script type="text/javascript">
  4419.    var modalMassPro = $('#modal_mass_pro');
  4420. $(function(){
  4421.        modalMassPro.find('.massProClose').click(function(event) {
  4422. modalMassPro.modal('hide');
  4423.        });
  4424.  
  4425. modalMassPro.find('.chkBox').click(function(event) {
  4426. $("#noCheck").toggle();
  4427. $("#isCheck").toggle();
  4428. if($('#isCheck').is(":visible")){
  4429. setCookie("checkNoPopupMassPro",1,1);
  4430. }else{
  4431. setCookie("checkNoPopupMassPro",0,0);
  4432. }
  4433.        });
  4434.  
  4435. modalMassPro.find('#imgMasspro').click(function(event) {
  4436. let chkLogin = "";
  4437. if(chkLogin === ''){ //ไม่ได้ login
  4438. setCookie("fromPopupMassPro",1,1);
  4439. }
  4440. window.location.href = "https://www.kawebook.com/heart";
  4441. });
  4443.    });
  4444.  
  4445. function setCookie(cName, cValue, exp) {
  4446.        let date = new Date();
  4447.        date.setTime(date.getTime() + (exp * 24 * 60 * 60 * 1000));
  4448.        const expires = "expires=" + date.toUTCString();
  4449.        document.cookie = cName + "=" + cValue + "; " + expires + "; path=/";
  4450.    }
  4451. </script>
  4452.  
  4453.  
  4454.  
  4455.    <!-- Bootstrap core JavaScript ================================================== -->
  4456.    <script src="https://www.kawebook.com/assets2/swiper-4.5.0/dist/js/swiper.min.js?v=1001"></script>
  4457.    <!-- <script type="text/javascript" src="assets/js/dragscroll.js?v=1001"></script> -->
  4458.    <!-- new version by yut -->
  4459.    <input type="hidden" id="base_url" value="https://www.kawebook.com/"> <!-- for home_view.js -->
  4461. <!-- assets/js/home_view.js -->
  4462. <script type="text/javascript" src="https://www.kawebook.com/assets/js/home_view.js?v=2.40.1"></script>
  4466.    </body>
  4467. </html>
  4468.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda