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 = '8d42e1364183d5408642c4d8c4923f54';
  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/H9cg" target="_blank" >
  816. <img
  817. srcset="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250815-153500_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250815-153500_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250815-153500_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/20250815-153500_kawebook_banner.webp"
  820. alt=""
  821. />
  822. </a>
  823. </div>
  824.                                                             <div class="swiper-slide bg-content-story">
  825. <a href="https://kawebook.co/a9w5" target="_blank" >
  826. <img
  827. srcset="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250808-134508_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250808-134508_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250808-134508_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/20250808-134508_kawebook_banner.webp"
  830. alt=""
  831. />
  832. </a>
  833. </div>
  834.                                                             <div class="swiper-slide bg-content-story">
  835. <a href="https://kawebook.co/E0Mw" target="_blank" >
  836. <img
  837. srcset="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250729-153411_kawebook_banner_320w.webp 320w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250729-153411_kawebook_banner_480w.webp 480w, https://s3.ap-southeast-1.amazonaws.com/media.kawebook/banner/20250729-153411_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/20250729-153411_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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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.37.2" 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/20201/นิยาย/นิยาย-แฟนตาซี/เกิดใหม่อีกครา-ข้าจะเป็นราชันผู้อัญเชิญสัตว์อสูร">
  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/1749312557_35957791.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"> 20.57K</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/13270/นิยาย/นิยาย-แฟนตาซี/ระบบสดยอดคน">
  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/1663819470_93464998.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"> 38.07K</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/17581/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จักรพรรดินวดาราเพลิง">
  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/1715940127_57878415.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"> 72.88K</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/18418/นิยาย/นิยาย-ย้อนยค-อนาคต/ฮูหยินอัจฉริยะของราชายมโลก">
  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/1732249871_33949748.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"> 38.74K</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/7798/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/มหาเทพเซียนกลับมาเกิดใหม่ในมหานคร">
  1021. <div class="img-story" title="นิยาย มหาเทพเซียนกลับมาเกิดใหม่ในมหานคร" 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/1605877943_94846495.webp" alt="มหาเทพเซียนกลับมาเกิดใหม่ในมหานคร">
  1023. </div>
  1024. <div class="p-1">
  1025. <div>
  1026. <p class="novel-name">มหาเทพเซียนกลับมาเกิดใหม่ในมหานคร</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"> 600.92K</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/17392/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/แสงจันทร์พันธนาการ">
  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/1714061568_82940238.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"> 18.36K</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/20555/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/มหาตำนานวิถีสวรรค์-จารึกมังกรบรรพกาล">
  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/1754066595_19256351.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"> 86.99K</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/18533/นิยาย/นิยาย-แฟนตาซี/ทายาทจักรพรรดิ-NC18">
  1069. <div class="img-story" title="นิยาย ทายาทจักรพรรดิ (NC18+)" 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/1747140985_21613669.webp" alt="ทายาทจักรพรรดิ (NC18+)">
  1071. </div>
  1072. <div class="p-1">
  1073. <div>
  1074. <p class="novel-name">ทายาทจักรพรรดิ (NC18+)</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"> 13.34K</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/18890/นิยาย/นิยาย-แฟนตาซี/กบของผมกลัวว่าผมจะตายจึงเดินทางทะลมิติ">
  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/1729606806_11369062.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"> 7.77K</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/17882/นิยาย/นิยาย-อีโรติก/ข้าที่เกิดใหม่มาเป็นหมูน้อย-ที่ต้องอาศัยการบำเพ็ญคู่เพื่อเพิ่มพลังปราณ-NC">
  1101. <div class="img-story" title="นิยาย ข้าที่เกิดใหม่มาเป็นหมูน้อย ที่ต้องอาศัยการบำเพ็ญคู่เพื่อเพิ่มพลังปราณ NC" 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/1742697172_26237973.webp" alt="ข้าที่เกิดใหม่มาเป็นหมูน้อย ที่ต้องอาศัยการบำเพ็ญคู่เพื่อเพิ่มพลังปราณ NC">
  1103. </div>
  1104. <div class="p-1">
  1105. <div>
  1106. <p class="novel-name">ข้าที่เกิดใหม่มาเป็นหมูน้อย ที่ต้องอาศัยการบำเพ็ญคู่เพื่อเพิ่มพลังปราณ NC</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"> 6.95K</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"> 392.97K</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/19989/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/มหาปราณ-อมตะวาย-กบฏลวงตา">
  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/1749127383_29554851.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"> 6.21K</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/18583/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/หนิงเทียน-ราชันจักรพรรดิ-ฉบับรีไรท์-จบแล้ว">
  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/1751469019_98260749.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"> 20.14K</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/17875/นิยาย/นิยาย-แฟนตาซี/ระบบคัดลอกพรสวรรค์-Your-Talent-Is-Mine">
  1165. <div class="img-story" title="นิยาย ระบบคัดลอกพรสวรรค์ (Your Talent Is Mine)" 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/1730185668_59962053.webp" alt="ระบบคัดลอกพรสวรรค์ (Your Talent Is Mine)">
  1167. </div>
  1168. <div class="p-1">
  1169. <div>
  1170. <p class="novel-name">ระบบคัดลอกพรสวรรค์ (Your Talent Is Mine)</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.84M</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/18457/นิยาย/นิยาย-รัก/ฮูหยินข้าคือนักวิทยาศาสตร์">
  1181. <div class="img-story" title="นิยาย ฮูหยินข้าคือนักวิทยาศาสตร์" 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/1750908738_31683461.webp" alt="ฮูหยินข้าคือนักวิทยาศาสตร์">
  1183. </div>
  1184. <div class="p-1">
  1185. <div>
  1186. <p class="novel-name">ฮูหยินข้าคือนักวิทยาศาสตร์</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"> 92.08K</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/15198/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/ก่อกำเนิด-เทพสงครามพลิกปฐพี">
  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/1715747142_59274429.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"> 1.44M</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/18337/นิยาย/นิยาย-แฟนตาซี/ดวงเนตรสมบัติพลิกชะตา-ข้าจะเป็นเศรษฐี-นิยายแปล">
  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/1731316741_7116072.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"> 67.51K</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/18207/นิยาย/นิยาย-แฟนตาซี/ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด">
  1229. <div class="img-story" title="นิยาย ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด" 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/1744958092_87635532.webp" alt="ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด">
  1231. </div>
  1232. <div class="p-1">
  1233. <div>
  1234. <p class="novel-name">ระบบจักรพรรดิแห่งวันสิ้นโลก-วิวัฒนาการไร้ขีดจำกัด</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"> 168.71K</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/18015/นิยาย/นิยาย-รัก/ยามสกณาหวนคืนขับขาน-โผทะยานสู่ยค-80">
  1245. <div class="img-story" title="นิยาย ยามสกุณาหวนคืนขับขาน โผทะยานสู่ยุค 80" 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/1745315770_40361648.webp" alt="ยามสกุณาหวนคืนขับขาน โผทะยานสู่ยุค 80">
  1247. </div>
  1248. <div class="p-1">
  1249. <div>
  1250. <p class="novel-name">ยามสกุณาหวนคืนขับขาน โผทะยานสู่ยุค 80</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"> 268.01K</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/20493/นิยาย/นิยาย-ย้อนยค-อนาคต/ครอบครัวสามีโปรดดูให้ดี-ฉันคนนี้จะเป็นเศรษฐีบ้านนา-นิยายแปล">
  1261. <div class="img-story" title="นิยาย ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]" 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/1751516575_3277851.webp" alt="ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]">
  1263. </div>
  1264. <div class="p-1">
  1265. <div>
  1266. <p class="novel-name">ครอบครัวสามีโปรดดูให้ดี ฉันคนนี้จะเป็นเศรษฐีบ้านนา [นิยายแปล]</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"> 5.71K</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/19512/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/เฟิงหลี่เฉียง-ยอดเสนาบดีแห่งหมิง-มีอีบ๊คเล่ม-1-6-ที่meb-ปิ่นโต">
  1277. <div class="img-story" title="นิยาย เฟิงหลี่เฉียง ยอดเสนาบดีแห่งหมิง (มีอีบุ๊คเล่ม 1-6 ที่meb/ปิ่นโต)" 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/webp/1738067981_46537637.webp" alt="เฟิงหลี่เฉียง ยอดเสนาบดีแห่งหมิง (มีอีบุ๊คเล่ม 1-6 ที่meb/ปิ่นโต)">
  1279. </div>
  1280. <div class="p-1">
  1281. <div>
  1282. <p class="novel-name">เฟิงหลี่เฉียง ยอดเสนาบดีแห่งหมิง (มีอีบุ๊คเล่ม 1-6 ที่meb/ปิ่นโต)</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"> 5.11K</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="นิยายลดราคา" 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%;">นิยายลดราคา</p>
  1310. </td>
  1311. <td align="right" style="min-width: 90px;">
  1312. <a href="https://www.kawebook.com/นิยายลดราคา/8" 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="นิยายลดราคา" 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">นิยายลดราคา</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/นิยายลดราคา/8" 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/12340/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จบ-บันทึกตำนานราชันอหังการ">
  1346. <div class="special-sec">
  1347. <div class="special-per">10%</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/1652071564_22878682.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">2.05M</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/13558/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จบ-บันทึกเส้นทางจักรพรรดิเซียน">
  1366. <div class="special-sec">
  1367. <div class="special-per">10%</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/1699431956_85018661.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">459.13K</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/14841/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จบ-ระบบวายร้ายแห่งโชคชะตา">
  1386. <div class="special-sec">
  1387. <div class="special-per">10%</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/1682648255_88486121.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">49.45K</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/18186/นิยาย/นิยาย-ผจญภัย-แอคชั่น-ไซไฟ/ย้อนเวลากลับมาสร้างเซฟเฮาส์ในวันสิ้นโลก">
  1406. <div class="special-sec">
  1407. <div class="special-per">10%</div>
  1408. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1409. </div>
  1410. <div class="img-story" title="นิยาย ย้อนเวลากลับมาสร้างเซฟเฮาส์ในวันสิ้นโลก" 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/1722910526_55382665.webp" alt="ย้อนเวลากลับมาสร้างเซฟเฮาส์ในวันสิ้นโลก">
  1412. </div>
  1413. <div class="p-1">
  1414. <div>
  1415. <p class="novel-name">ย้อนเวลากลับมาสร้างเซฟเฮาส์ในวันสิ้นโลก</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">26.35K</span>
  1420. </div>
  1421. </a>
  1422. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1423. </div>
  1424. <div class="swiper-slide bg-content-story">
  1425. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15909/นิยาย/นิยาย-ย้อนยค-อนาคต/จบ-ทะลมิติไปเป็นช่างเสริมสวยยค-80">
  1426. <div class="special-sec">
  1427. <div class="special-per">10%</div>
  1428. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1429. </div>
  1430. <div class="img-story" title="นิยาย (จบ)ทะลุมิติไปเป็นช่างเสริมสวยยุค 80" data-toggle="tooltip" data-html="true">
  1431. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1695638831_9726658.webp" alt="(จบ)ทะลุมิติไปเป็นช่างเสริมสวยยุค 80">
  1432. </div>
  1433. <div class="p-1">
  1434. <div>
  1435. <p class="novel-name">(จบ)ทะลุมิติไปเป็นช่างเสริมสวยยุค 80</p>
  1436. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1437. </div>
  1438. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1439. <span class="novel-view">58.86K</span>
  1440. </div>
  1441. </a>
  1442. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1443. </div>
  1444. <div class="swiper-slide bg-content-story">
  1445. <a class="story" style="width:100%" href="https://www.kawebook.com/story/9301/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/สดยอดจักรพรรดิดาบและกระบี่-จบ">
  1446. <div class="special-sec">
  1447. <div class="special-per">10%</div>
  1448. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1449. </div>
  1450. <div class="img-story" title="นิยาย สุดยอดจักรพรรดิดาบและกระบี่ [จบ]" data-toggle="tooltip" data-html="true">
  1451. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1618817822_76978483.webp" alt="สุดยอดจักรพรรดิดาบและกระบี่ [จบ]">
  1452. </div>
  1453. <div class="p-1">
  1454. <div>
  1455. <p class="novel-name">สุดยอดจักรพรรดิดาบและกระบี่ [จบ]</p>
  1456. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1457. </div>
  1458. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1459. <span class="novel-view">416.25K</span>
  1460. </div>
  1461. </a>
  1462. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1463. </div>
  1464. <div class="swiper-slide bg-content-story">
  1465. <a class="story" style="width:100%" href="https://www.kawebook.com/story/18423/นิยาย/นิยาย-แฟนตาซี/จบ-ไลฟ์สดดูดวง-โดย-หมอดูเซียนสาว">
  1466. <div class="special-sec">
  1467. <div class="special-per">10%</div>
  1468. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1469. </div>
  1470. <div class="img-story" title="นิยาย [จบ] ไลฟ์สดดูดวง โดย หมอดูเซียนสาว" data-toggle="tooltip" data-html="true">
  1471. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1733281358_56421056.webp" alt="[จบ] ไลฟ์สดดูดวง โดย หมอดูเซียนสาว">
  1472. </div>
  1473. <div class="p-1">
  1474. <div>
  1475. <p class="novel-name">[จบ] ไลฟ์สดดูดวง โดย หมอดูเซียนสาว</p>
  1476. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1477. </div>
  1478. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1479. <span class="novel-view">12.08K</span>
  1480. </div>
  1481. </a>
  1482. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1483. </div>
  1484. <div class="swiper-slide bg-content-story">
  1485. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15002/นิยาย/นิยาย-ย้อนยค-อนาคต/จบ-สูตรลับแม่ครัวมือทองในยค80">
  1486. <div class="special-sec">
  1487. <div class="special-per">10%</div>
  1488. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1489. </div>
  1490. <div class="img-story" title="นิยาย [จบ] สูตรลับแม่ครัวมือทองในยุค80" data-toggle="tooltip" data-html="true">
  1491. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1685097311_48109067.webp" alt="[จบ] สูตรลับแม่ครัวมือทองในยุค80">
  1492. </div>
  1493. <div class="p-1">
  1494. <div>
  1495. <p class="novel-name">[จบ] สูตรลับแม่ครัวมือทองในยุค80</p>
  1496. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1497. </div>
  1498. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1499. <span class="novel-view">38.72K</span>
  1500. </div>
  1501. </a>
  1502. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1503. </div>
  1504. <div class="swiper-slide bg-content-story">
  1505. <a class="story" style="width:100%" href="https://www.kawebook.com/story/10215/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จบ-หนึ่งกระบี่นิจนิรันดร์">
  1506. <div class="special-sec">
  1507. <div class="special-per">10%</div>
  1508. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1509. </div>
  1510. <div class="img-story" title="นิยาย [จบ] หนึ่งกระบี่นิจนิรันดร์" data-toggle="tooltip" data-html="true">
  1511. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1645685927_15551406.webp" alt="[จบ] หนึ่งกระบี่นิจนิรันดร์">
  1512. </div>
  1513. <div class="p-1">
  1514. <div>
  1515. <p class="novel-name">[จบ] หนึ่งกระบี่นิจนิรันดร์</p>
  1516. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1517. </div>
  1518. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1519. <span class="novel-view">766.69K</span>
  1520. </div>
  1521. </a>
  1522. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1523. </div>
  1524. <div class="swiper-slide bg-content-story">
  1525. <a class="story" style="width:100%" href="https://www.kawebook.com/story/12227/นิยาย/นิยาย-ย้อนยค-อนาคต/สำรับมนตราของชายาอ๋อง-จบ">
  1526. <div class="special-sec">
  1527. <div class="special-per">10%</div>
  1528. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1529. </div>
  1530. <div class="img-story" title="นิยาย สำรับมนตราของชายาอ๋อง [จบ]" data-toggle="tooltip" data-html="true">
  1531. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1666176559_57641210.webp" alt="สำรับมนตราของชายาอ๋อง [จบ]">
  1532. </div>
  1533. <div class="p-1">
  1534. <div>
  1535. <p class="novel-name">สำรับมนตราของชายาอ๋อง [จบ]</p>
  1536. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1537. </div>
  1538. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1539. <span class="novel-view">33.53K</span>
  1540. </div>
  1541. </a>
  1542. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1543. </div>
  1544. <div class="swiper-slide bg-content-story">
  1545. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15000/นิยาย/นิยาย-ย้อนยค-อนาคต/จบ-ย้อนเวลามาเป็นเศรษฐินีผู้มั่งคั่งร่ำรวย">
  1546. <div class="special-sec">
  1547. <div class="special-per">10%</div>
  1548. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1549. </div>
  1550. <div class="img-story" title="นิยาย [จบ] ย้อนเวลามาเป็นเศรษฐินีผู้มั่งคั่งร่ำรวย" data-toggle="tooltip" data-html="true">
  1551. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1713323917_26994060.webp" alt="[จบ] ย้อนเวลามาเป็นเศรษฐินีผู้มั่งคั่งร่ำรวย">
  1552. </div>
  1553. <div class="p-1">
  1554. <div>
  1555. <p class="novel-name">[จบ] ย้อนเวลามาเป็นเศรษฐินีผู้มั่งคั่งร่ำรวย</p>
  1556. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1557. </div>
  1558. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1559. <span class="novel-view">30.53K</span>
  1560. </div>
  1561. </a>
  1562. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1563. </div>
  1564. <div class="swiper-slide bg-content-story">
  1565. <a class="story" style="width:100%" href="https://www.kawebook.com/story/16051/นิยาย/นิยาย-ย้อนยค-อนาคต/จบ-ทะลมิติพลิกชะตากับครอบครัวคลั่งรักยค-70">
  1566. <div class="special-sec">
  1567. <div class="special-per">10%</div>
  1568. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1569. </div>
  1570. <div class="img-story" title="นิยาย [จบ] ทะลุมิติพลิกชะตากับครอบครัวคลั่งรักยุค 70" data-toggle="tooltip" data-html="true">
  1571. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1711958603_2161131.webp" alt="[จบ] ทะลุมิติพลิกชะตากับครอบครัวคลั่งรักยุค 70">
  1572. </div>
  1573. <div class="p-1">
  1574. <div>
  1575. <p class="novel-name">[จบ] ทะลุมิติพลิกชะตากับครอบครัวคลั่งรักยุค 70</p>
  1576. <p class="novel-name-type">นิยาย ย้อนยุค,อนาคต</p>
  1577. </div>
  1578. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1579. <span class="novel-view">43.38K</span>
  1580. </div>
  1581. </a>
  1582. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1583. </div>
  1584. <div class="swiper-slide bg-content-story">
  1585. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15856/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/บันทึกตำนานนายน้อยเจ้าสำราญ">
  1586. <div class="special-sec">
  1587. <div class="special-per">10%</div>
  1588. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1589. </div>
  1590. <div class="img-story" title="นิยาย บันทึกตำนานนายน้อยเจ้าสำราญ" data-toggle="tooltip" data-html="true">
  1591. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1694684662_36703516.webp" alt="บันทึกตำนานนายน้อยเจ้าสำราญ">
  1592. </div>
  1593. <div class="p-1">
  1594. <div>
  1595. <p class="novel-name">บันทึกตำนานนายน้อยเจ้าสำราญ</p>
  1596. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1597. </div>
  1598. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1599. <span class="novel-view">123.09K</span>
  1600. </div>
  1601. </a>
  1602. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1603. </div>
  1604. <div class="swiper-slide bg-content-story">
  1605. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15844/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จบ-ทะลมิติ-เปลี่ยนชะตา-ชีวิตนี้ของข้าต้องร่งโรจน์">
  1606. <div class="special-sec">
  1607. <div class="special-per">10%</div>
  1608. <img src="https://www.kawebook.com/assets2/img/icon-special-section-30.svg">
  1609. </div>
  1610. <div class="img-story" title="นิยาย (จบ) ทะลุมิติ เปลี่ยนชะตา ชีวิตนี้ของข้าต้องรุ่งโรจน์" data-toggle="tooltip" data-html="true">
  1611. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1694593210_84923526.webp" alt="(จบ) ทะลุมิติ เปลี่ยนชะตา ชีวิตนี้ของข้าต้องรุ่งโรจน์">
  1612. </div>
  1613. <div class="p-1">
  1614. <div>
  1615. <p class="novel-name">(จบ) ทะลุมิติ เปลี่ยนชะตา ชีวิตนี้ของข้าต้องรุ่งโรจน์</p>
  1616. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1617. </div>
  1618. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1619. <span class="novel-view">210.12K</span>
  1620. </div>
  1621. </a>
  1622. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1623. </div>
  1624. </div>
  1625. </div>
  1626. </div>
  1627. </div>
  1628. </div>
  1630.  
  1631. <div class="pb-2">
  1632. <div class="group-story mainContent-recomment bg-gradient-style-3">
  1633. <div style="padding-bottom:5px;">
  1634. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  1635. <tr>
  1636. <td rowspan="2" style="width:1%">
  1637. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายแนะนำ" class="icon-group-story float-left" />
  1638. </td>
  1639. </tr>
  1640. <tr>
  1641. <td style="text-wrap: auto;  width: 65%;">
  1642. <p class="novel-type txtSection" style="line-height: 1rem !important;">Mid Month Mega Deal ลดสูงสุด 50% (ตั้งแต่ 15 ส.ค. - 31 ส.ค. 2568)</p>
  1643. </td>
  1644. <td align="right">
  1645. <a href="https://www.kawebook.com/นิยายแนะนำ" target="_blank">
  1646. <p class="res-search-all-story btnMore">
  1647. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1648. </p>
  1649. </a>
  1650. </td>
  1651. </tr>
  1652. </table>
  1653. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1654. <div class="row">
  1655. <div style="width:auto;">
  1656. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายแนะนำ" class="icon-group-story float-left" />
  1657. </div>
  1658. <div class="col d-flex align-items-end" style="padding:0">
  1659. <div class="pb-1">
  1660. <h2 class="novel-type">Mid Month Mega Deal ลดสูงสุด 50% (ตั้งแต่ 15 ส.ค. - 31 ส.ค. 2568)</h2>
  1661. </div>
  1662. </div>
  1663. <div style="width:auto;" class="d-flex align-items-end" target="_blank">
  1664. <a href="https://www.kawebook.com/นิยายแนะนำ" target="_blank">
  1665. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1666. </a>
  1667. <i class="fas fa-caret-left swiper-button-prev-recommend btn-swiper-prev-next"></i>
  1668. <i class="fas fa-caret-right swiper-button-next-recommend btn-swiper-prev-next"></i>
  1669. </div>
  1670. </div>
  1671. </div>
  1672. </div>
  1673. <div class="swiper-area">
  1674. <div class="swiper-recommend" style="width:100%;height: auto;">
  1675. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1676. <div class="swiper-wrapper">
  1677. <div class="swiper-slide bg-content-story">
  1678. <a class="story" style="width:100%" href="https://www.kawebook.com/story/14404/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/กำเนิดใหม่-เทพยทธ์จ้าวกระบี่">
  1679. <div class="img-story" title="นิยาย กำเนิดใหม่ : เทพยุทธ์จ้าวกระบี่" data-toggle="tooltip" data-html="true">
  1680. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1705562308_37145718.webp" alt="กำเนิดใหม่ : เทพยุทธ์จ้าวกระบี่">
  1681. </div>
  1682. <div class="p-1">
  1683. <div>
  1684. <p class="novel-name">กำเนิดใหม่ : เทพยุทธ์จ้าวกระบี่</p>
  1685. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1686. </div>
  1687. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1688. <span class="novel-view"> 805.77K</span>
  1689. </div>
  1690. </a>
  1691. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1692. </div>
  1693. <div class="swiper-slide bg-content-story">
  1694. <a class="story" style="width:100%" href="https://www.kawebook.com/story/14406/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/กำเนิดใหม่-ปรมาจารย์เทพโอสถ-จบ">
  1695. <div class="img-story" title="นิยาย กำเนิดใหม่ : ปรมาจารย์เทพโอสถ [จบ]" data-toggle="tooltip" data-html="true">
  1696. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1746606655_43467733.webp" alt="กำเนิดใหม่ : ปรมาจารย์เทพโอสถ [จบ]">
  1697. </div>
  1698. <div class="p-1">
  1699. <div>
  1700. <p class="novel-name">กำเนิดใหม่ : ปรมาจารย์เทพโอสถ [จบ]</p>
  1701. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1702. </div>
  1703. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1704. <span class="novel-view"> 5.84M</span>
  1705. </div>
  1706. </a>
  1707. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1708. </div>
  1709. <div class="swiper-slide bg-content-story">
  1710. <a class="story" style="width:100%" href="https://www.kawebook.com/story/806/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/เคล็ดกายานวดารา">
  1711. <div class="img-story" title="นิยาย เคล็ดกายานวดารา" data-toggle="tooltip" data-html="true">
  1712. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1731472887_56478732.webp" alt="เคล็ดกายานวดารา">
  1713. </div>
  1714. <div class="p-1">
  1715. <div>
  1716. <p class="novel-name">เคล็ดกายานวดารา</p>
  1717. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1718. </div>
  1719. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1720. <span class="novel-view"> 10.36M</span>
  1721. </div>
  1722. </a>
  1723. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1724. </div>
  1725. <div class="swiper-slide bg-content-story">
  1726. <a class="story" style="width:100%" href="https://www.kawebook.com/story/399/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/หมื่นอสูรก้มกราบ-แปลจบแล้ว">
  1727. <div class="img-story" title="นิยาย หมื่นอสูรก้มกราบ [แปลจบแล้ว]" data-toggle="tooltip" data-html="true">
  1728. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1620879063_83193514.webp" alt="หมื่นอสูรก้มกราบ [แปลจบแล้ว]">
  1729. </div>
  1730. <div class="p-1">
  1731. <div>
  1732. <p class="novel-name">หมื่นอสูรก้มกราบ [แปลจบแล้ว]</p>
  1733. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1734. </div>
  1735. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1736. <span class="novel-view"> 15.05M</span>
  1737. </div>
  1738. </a>
  1739. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1740. </div>
  1741. <div class="swiper-slide bg-content-story">
  1742. <a class="story" style="width:100%" href="https://www.kawebook.com/story/6813/นิยาย/นิยาย-ผจญภัย-แอคชั่น-ไซไฟ/เทพกระบี่แปดดินแดน-จบแล้ว">
  1743. <div class="img-story" title="นิยาย เทพกระบี่แปดดินแดน (จบแล้ว)" data-toggle="tooltip" data-html="true">
  1744. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1596535715_21185753.webp" alt="เทพกระบี่แปดดินแดน (จบแล้ว)">
  1745. </div>
  1746. <div class="p-1">
  1747. <div>
  1748. <p class="novel-name">เทพกระบี่แปดดินแดน (จบแล้ว)</p>
  1749. <p class="novel-name-type">นิยาย ผจญภัย,แอคชั่น,ไซไฟ</p>
  1750. </div>
  1751. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1752. <span class="novel-view"> 1.83M</span>
  1753. </div>
  1754. </a>
  1755. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1756. </div>
  1757. <div class="swiper-slide bg-content-story">
  1758. <a class="story" style="width:100%" href="https://www.kawebook.com/story/9337/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/จติเทพยทธ์เหนือสวรรค์-จบ">
  1759. <div class="img-story" title="นิยาย จุติเทพยุทธ์เหนือสวรรค์ (จบ)" data-toggle="tooltip" data-html="true">
  1760. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1619151533_8561057.webp" alt="จุติเทพยุทธ์เหนือสวรรค์ (จบ)">
  1761. </div>
  1762. <div class="p-1">
  1763. <div>
  1764. <p class="novel-name">จุติเทพยุทธ์เหนือสวรรค์ (จบ)</p>
  1765. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1766. </div>
  1767. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1768. <span class="novel-view"> 1.43M</span>
  1769. </div>
  1770. </a>
  1771. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1772. </div>
  1773. <div class="swiper-slide bg-content-story">
  1774. <a class="story" style="width:100%" href="https://www.kawebook.com/story/504/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/อสูรทลายสวรรค์-แปลจบแล้ว">
  1775. <div class="img-story" title="นิยาย อสูรทลายสวรรค์ [แปลจบแล้ว]" data-toggle="tooltip" data-html="true">
  1776. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1637318281_60815496.webp" alt="อสูรทลายสวรรค์ [แปลจบแล้ว]">
  1777. </div>
  1778. <div class="p-1">
  1779. <div>
  1780. <p class="novel-name">อสูรทลายสวรรค์ [แปลจบแล้ว]</p>
  1781. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1782. </div>
  1783. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1784. <span class="novel-view"> 6.1M</span>
  1785. </div>
  1786. </a>
  1787. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1788. </div>
  1789. <div class="swiper-slide bg-content-story">
  1790. <a class="story" style="width:100%" href="https://www.kawebook.com/story/129/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/ราชาแห่งสวรรค์และปฐพี-แปลจบแล้ว">
  1791. <div class="img-story" title="นิยาย ราชาแห่งสวรรค์และปฐพี [แปลจบแล้ว]" data-toggle="tooltip" data-html="true">
  1792. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1723483103_41468127.webp" alt="ราชาแห่งสวรรค์และปฐพี [แปลจบแล้ว]">
  1793. </div>
  1794. <div class="p-1">
  1795. <div>
  1796. <p class="novel-name">ราชาแห่งสวรรค์และปฐพี [แปลจบแล้ว]</p>
  1797. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1798. </div>
  1799. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1800. <span class="novel-view"> 9.07M</span>
  1801. </div>
  1802. </a>
  1803. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1804. </div>
  1805. <div class="swiper-slide bg-content-story">
  1806. <a class="story" style="width:100%" href="https://www.kawebook.com/story/9336/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/สะท้านสวรรค์-กำเนิดราชันอสูร-จบ">
  1807. <div class="img-story" title="นิยาย สะท้านสวรรค์ กำเนิดราชันอสูร (จบ)" data-toggle="tooltip" data-html="true">
  1808. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1721114990_52078474.webp" alt="สะท้านสวรรค์ กำเนิดราชันอสูร (จบ)">
  1809. </div>
  1810. <div class="p-1">
  1811. <div>
  1812. <p class="novel-name">สะท้านสวรรค์ กำเนิดราชันอสูร (จบ)</p>
  1813. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1814. </div>
  1815. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1816. <span class="novel-view"> 1.29M</span>
  1817. </div>
  1818. </a>
  1819. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1820. </div>
  1821. <div class="swiper-slide bg-content-story">
  1822. <a class="story" style="width:100%" href="https://www.kawebook.com/story/2819/นิยาย/นิยาย-แฟนตาซี/ยทธจักรเทพยทธ์-แปลจบแล้ว">
  1823. <div class="img-story" title="นิยาย ยุทธจักรเทพยุทธ์ (แปลจบแล้ว)" data-toggle="tooltip" data-html="true">
  1824. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1630738581_16246635.webp" alt="ยุทธจักรเทพยุทธ์ (แปลจบแล้ว)">
  1825. </div>
  1826. <div class="p-1">
  1827. <div>
  1828. <p class="novel-name">ยุทธจักรเทพยุทธ์ (แปลจบแล้ว)</p>
  1829. <p class="novel-name-type">นิยาย แฟนตาซี</p>
  1830. </div>
  1831. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1832. <span class="novel-view"> 4.31M</span>
  1833. </div>
  1834. </a>
  1835. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1836. </div>
  1837. <div class="swiper-slide bg-content-story">
  1838. <a class="story" style="width:100%" href="https://www.kawebook.com/story/15889/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/หนิงเทียน-จักรพรรดิเซียนพฤกษา-จบ">
  1839. <div class="img-story" title="นิยาย หนิงเทียน จักรพรรดิเซียนพฤกษา (จบ)" data-toggle="tooltip" data-html="true">
  1840. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1710996539_91418425.webp" alt="หนิงเทียน จักรพรรดิเซียนพฤกษา (จบ)">
  1841. </div>
  1842. <div class="p-1">
  1843. <div>
  1844. <p class="novel-name">หนิงเทียน จักรพรรดิเซียนพฤกษา (จบ)</p>
  1845. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1846. </div>
  1847. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1848. <span class="novel-view"> 326.82K</span>
  1849. </div>
  1850. </a>
  1851. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1852. </div>
  1853. <div class="swiper-slide bg-content-story">
  1854. <a class="story" style="width:100%" href="https://www.kawebook.com/story/3540/นิยาย/นิยาย-จีน-กำลังภายใน-เทพเซียน/พลิกตำนานปรมาจารย์แห่งหยก-แปลจบแล้ว">
  1855. <div class="img-story" title="นิยาย พลิกตำนานปรมาจารย์แห่งหยก [แปลจบแล้ว]" data-toggle="tooltip" data-html="true">
  1856. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1731469187_37976713.webp" alt="พลิกตำนานปรมาจารย์แห่งหยก [แปลจบแล้ว]">
  1857. </div>
  1858. <div class="p-1">
  1859. <div>
  1860. <p class="novel-name">พลิกตำนานปรมาจารย์แห่งหยก [แปลจบแล้ว]</p>
  1861. <p class="novel-name-type">นิยาย จีน,กำลังภายใน,เทพเซียน</p>
  1862. </div>
  1863. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1864. <span class="novel-view"> 1.87M</span>
  1865. </div>
  1866. </a>
  1867. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1868. </div>
  1869. <div class="swiper-slide bg-content-story">
  1870. <a class="story" style="width:100%" href="https://www.kawebook.com/story/14410/นิยาย/นิยาย-รัก/เกิดใหม่ชาตินี้-ขอเป็นภรรยาชาวสวนผู้กล้าหาญ-จบแล้ว">
  1871. <div class="img-story" title="นิยาย เกิดใหม่ชาตินี้ ขอเป็นภรรยาชาวสวนผู้กล้าหาญ (จบแล้ว)" data-toggle="tooltip" data-html="true">
  1872. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1738726968_24423400.webp" alt="เกิดใหม่ชาตินี้ ขอเป็นภรรยาชาวสวนผู้กล้าหาญ (จบแล้ว)">
  1873. </div>
  1874. <div class="p-1">
  1875. <div>
  1876. <p class="novel-name">เกิดใหม่ชาตินี้ ขอเป็นภรรยาชาวสวนผู้กล้าหาญ (จบแล้ว)</p>
  1877. <p class="novel-name-type">นิยาย รัก</p>
  1878. </div>
  1879. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1880. <span class="novel-view"> 655.56K</span>
  1881. </div>
  1882. </a>
  1883. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1884. </div>
  1885. <div class="swiper-slide bg-content-story">
  1886. <a class="story" style="width:100%" href="https://www.kawebook.com/story/5574/นิยาย/นิยาย-รัก/จบแล้ว-คณหนูสี่-สตรีเปื้อนเลือด">
  1887. <div class="img-story" title="นิยาย [จบแล้ว] คุณหนูสี่ สตรีเปื้อนเลือด" data-toggle="tooltip" data-html="true">
  1888. <img class="swiper-lazy" data-src="https://s3.ap-southeast-1.amazonaws.com/media.kawebook/img_story_cover/webp/1731471996_45211510.webp" alt="[จบแล้ว] คุณหนูสี่ สตรีเปื้อนเลือด">
  1889. </div>
  1890. <div class="p-1">
  1891. <div>
  1892. <p class="novel-name">[จบแล้ว] คุณหนูสี่ สตรีเปื้อนเลือด</p>
  1893. <p class="novel-name-type">นิยาย รัก</p>
  1894. </div>
  1895. <img src="https://www.kawebook.com/assets2/img/icon_view.png?v=1001" class="icon-view" style="width:20px;">
  1896. <span class="novel-view"> 305.09K</span>
  1897. </div>
  1898. </a>
  1899. <div class="swiper-lazy-preloader" style="top: 35%;"></div>
  1900. </div>
  1901. </div>
  1902. </div>
  1903. </div>
  1904. </div>
  1905.                </div>
  1906.  
  1907. <!-- story_promote นิยายได้รับการสนับสนุน-->
  1908. <div class="pb-2">
  1909. <div class="group-story mainContent-story_promote bg-gradient-style-1" >
  1910. <div style="padding-bottom:5px;">
  1911. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  1912. <tr>
  1913. <td rowspan="2" style="width:1%">
  1914. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-4.webp" alt="นิยายใหม่มาแรง" class="icon-group-story float-left">
  1915. </td>
  1916. </tr>
  1917. <tr>
  1918. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายใหม่มาแรง</h2></td>
  1919. <td align="right" style="min-width: 90px;">
  1920. <a href="https://www.kawebook.com/profile/guest/147" target="_blank">
  1921. <p class="res-search-all-story btnMore">
  1922. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1923. </p>
  1924. </a>
  1925. </td>
  1926. </tr>
  1927. </table>
  1928. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1929. <div class="row">
  1930. <div style="width:auto;">
  1931. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-4.webp" alt="นิยายใหม่มาแรง" class="icon-group-story float-left">
  1932. </div>
  1933. <div class="col d-flex align-items-end" style="padding:0">
  1934. <div class="pb-1">
  1935. <h2 class="novel-type">นิยายใหม่มาแรง</h2>
  1936. </div>
  1937. </div>
  1938. <div style="width:auto;" class="d-flex align-items-end">
  1939. <a class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;"
  1940. href="https://www.kawebook.com/profile/guest/147" target="_blank">ดูทั้งหมด</a>
  1941. <i class="fas fa-caret-left swiper-button-prev-story_promote btn-swiper-prev-next"></i>
  1942. <i class="fas fa-caret-right swiper-button-next-story_promote btn-swiper-prev-next"></i>
  1943. </div>
  1944. </div>
  1945. </div>
  1946. </div>
  1947. <div class="swiper-area">
  1948. <div class="swiper-story_promote" style="width:100%;">
  1949. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  1950. <div class="swiper-wrapper"></div>
  1951. </div>
  1952. </div>
  1953. </div>
  1954. </div>
  1955.  
  1956. <!-- นิยายแปล 3 แถว 30 เรื่อง top 6 ไม่ซ้ำกัน -->
  1957. <div class="pb-2 Story-toptrans-1 d-none">
  1958. <div class="group-story mainContent-Toptrans-1 bg-top30-section" style="padding: 10px 10px 0px;">
  1959. <div style="padding-bottom:5px;">
  1960. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  1961. <tr>
  1962. <td rowspan="2" style="width:1%">
  1963. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1964. </td>                                
  1965. <td rowspan="2" style="width:auto">
  1966. <div class="d-none d-md-block d-xl-block d-lg-block">
  1967. <div class="d-flex justify-content-center">
  1969. </div>
  1970. </div>
  1971. </td>
  1972. </tr>
  1973. <tr>
  1974. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ (นิยายแปล)</h2></td>
  1975. <td class="" align="right">
  1976. <a href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ-นิยายแปล" target="_blank">
  1977. <p class="res-search-all-story btnMore">
  1978. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  1979. </p>
  1980. </a>
  1981. </td>
  1982. </tr>
  1983. </table>
  1985. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  1986. <div class="row">
  1987. <div style="width:auto;">
  1988. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  1989. </div>
  1990. <div class="d-flex align-items-end" style="width:auto;">
  1991. <div class="pb-1">
  1992. <h2 class="novel-type">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ (นิยายแปล)</h2>
  1993. </div>
  1994. </div>
  1996. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  1997. <a class="" href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ-นิยายแปล" target="_blank">
  1998. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  1999. </a>
  2000. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-1 btn-swiper-prev-next"></i>
  2001. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-1 btn-swiper-prev-next"></i>
  2002. </div>
  2003. </div>
  2004. </div>  
  2005. </div>
  2006. <div class="tab-content">
  2007. <div class="content-top-novel swiper-area pd-bottom-content">
  2008. <div class="swiper-Toptrans-1" style="width:100%;">
  2009. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2010. <div class="swiper-wrapper"></div>
  2011. </div>
  2012. </div>
  2013. </div>                    
  2014. </div>
  2015.                </div>
  2016.  
  2017. <div class="pb-2 Story-toptrans-2 d-none">
  2018. <div class="group-story mainContent-Toptrans-2 bg-top30-section" style="padding: 10px 10px 0px;">
  2019. <div style="padding-bottom:5px;">
  2020. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2021. <tr>
  2022. <td rowspan="2" style="width:1%">
  2023. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  2024. </td>                                
  2025. <td rowspan="2" style="width:auto">
  2026. <div class="d-none d-md-block d-xl-block d-lg-block">
  2027. <div class="d-flex justify-content-center">
  2029. </div>
  2030. </div>
  2031. </td>
  2032. </tr>
  2033. <tr>
  2034. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ (นิยายแปล)</h2></td>
  2035. <td class="" align="right">
  2036. <a href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ-นิยายแปล" target="_blank">
  2037. <p class="res-search-all-story btnMore">
  2038. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2039. </p>
  2040. </a>
  2041. </td>
  2042. </tr>
  2043. </table>
  2045. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2046. <div class="row">
  2047. <div style="width:auto;">
  2048. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  2049. </div>
  2050. <div class="d-flex align-items-end" style="width:auto;">
  2051. <div class="pb-1">
  2052. <h2 class="novel-type">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ (นิยายแปล)</h2>
  2053. </div>
  2054. </div>
  2056. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2057. <a class="" href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ-นิยายแปล" target="_blank">
  2058. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2059. </a>
  2060. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-2 btn-swiper-prev-next"></i>
  2061. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-2 btn-swiper-prev-next"></i>
  2062. </div>
  2063. </div>
  2064. </div>  
  2065. </div>
  2066. <div class="tab-content">
  2067. <div class="content-top-novel swiper-area pd-bottom-content">
  2068. <div class="swiper-Toptrans-2" style="width:100%;">
  2069. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2070. <div class="swiper-wrapper"></div>
  2071. </div>
  2072. </div>
  2073. </div>                    
  2074. </div>
  2075. </div>
  2076.  
  2077. <div class="pb-2 Story-toptrans-3 d-none">
  2078. <div class="group-story mainContent-Toptrans-3 bg-top30-section" style="padding: 10px 10px 0px;">
  2079. <div style="padding-bottom:5px;">
  2080. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2081. <tr>
  2082. <td rowspan="2" style="width:1%">
  2083. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายวาย ติดอันดับ" class="icon-group-story float-left">
  2084. </td>                                
  2085. <td rowspan="2" style="width:auto">
  2086. <div class="d-none d-md-block d-xl-block d-lg-block">
  2087. <div class="d-flex justify-content-center">
  2089. </div>
  2090. </div>
  2091. </td>
  2092. </tr>
  2093. <tr>
  2094. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายวาย ติดอันดับ</h2></td>
  2095. <td class="" align="right">
  2096. <a href="https://www.kawebook.com/นิยายวาย-ติดอันดับ" target="_blank">
  2097. <p class="res-search-all-story btnMore">
  2098. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2099. </p>
  2100. </a>
  2101. </td>
  2102. </tr>
  2103. </table>
  2105. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2106. <div class="row">
  2107. <div style="width:auto;">
  2108. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายวาย ติดอันดับ" class="icon-group-story float-left">
  2109. </div>
  2110. <div class="d-flex align-items-end" style="width:auto;">
  2111. <div class="pb-1">
  2112. <h2 class="novel-type">นิยายวาย ติดอันดับ</h2>
  2113. </div>
  2114. </div>
  2116. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2117. <a class="" href="https://www.kawebook.com/นิยายวาย-ติดอันดับ" target="_blank">
  2118. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2119. </a>
  2120. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-3 btn-swiper-prev-next"></i>
  2121. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-3 btn-swiper-prev-next"></i>
  2122. </div>
  2123. </div>
  2124. </div>  
  2125. </div>
  2126. <div class="tab-content">
  2127. <div class="content-top-novel swiper-area pd-bottom-content">
  2128. <div class="swiper-Toptrans-3" style="width:100%;">
  2129. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2130. <div class="swiper-wrapper"></div>
  2131. </div>
  2132. </div>
  2133. </div>                    
  2134. </div>
  2135.                </div>
  2136.  
  2137. <div class="pb-2 Story-toptrans-4 d-none">
  2138. <div class="group-story mainContent-Toptrans-4 bg-top30-section" style="padding: 10px 10px 0px;">
  2139. <div style="padding-bottom:5px;">
  2140. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2141. <tr>
  2142. <td rowspan="2" style="width:1%">
  2143. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  2144. </td>                                
  2145. <td rowspan="2" style="width:auto">
  2146. <div class="d-none d-md-block d-xl-block d-lg-block">
  2147. <div class="d-flex justify-content-center">
  2149. </div>
  2150. </div>
  2151. </td>
  2152. </tr>
  2153. <tr>
  2154. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ (นิยายแปล)</h2></td>
  2155. <td class="" align="right">
  2156. <a href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ-นิยายแปล" target="_blank">
  2157. <p class="res-search-all-story btnMore">
  2158. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2159. </p>
  2160. </a>
  2161. </td>
  2162. </tr>
  2163. </table>
  2165. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2166. <div class="row">
  2167. <div style="width:auto;">
  2168. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ นิยายแปล" class="icon-group-story float-left">
  2169. </div>
  2170. <div class="d-flex align-items-end" style="width:auto;">
  2171. <div class="pb-1">
  2172. <h2 class="novel-type">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ (นิยายแปล)</h2>
  2173. </div>
  2174. </div>
  2176. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2177. <a class="" href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ-นิยายแปล" target="_blank">
  2178. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2179. </a>
  2180. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-4 btn-swiper-prev-next"></i>
  2181. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-4 btn-swiper-prev-next"></i>
  2182. </div>
  2183. </div>
  2184. </div>  
  2185. </div>
  2186. <div class="tab-content">
  2187. <div class="content-top-novel swiper-area pd-bottom-content">
  2188. <div class="swiper-Toptrans-4" style="width:100%;">
  2189. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2190. <div class="swiper-wrapper"></div>
  2191. </div>
  2192. </div>
  2193. </div>                    
  2194. </div>
  2195.                </div>
  2196.  
  2197. <div class="pb-2 Story-toptrans-5 d-none">
  2198. <div class="group-story mainContent-Toptrans-5 bg-top30-section" style="padding: 10px 10px 0px;">
  2199. <div style="padding-bottom:5px;">
  2200. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2201. <tr>
  2202. <td rowspan="2" style="width:1%">
  2203. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยาย NC ติดอันดับ" class="icon-group-story float-left">
  2204. </td>                                
  2205. <td rowspan="2" style="width:auto">
  2206. <div class="d-none d-md-block d-xl-block d-lg-block">
  2207. <div class="d-flex justify-content-center">
  2209. </div>
  2210. </div>
  2211. </td>
  2212. </tr>
  2213. <tr>
  2214. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยาย NC ติดอันดับ</h2></td>
  2215. <td class="" align="right">
  2216. <a href="https://www.kawebook.com/นิยาย-NC-ติดอันดับ" target="_blank">
  2217. <p class="res-search-all-story btnMore">
  2218. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2219. </p>
  2220. </a>
  2221. </td>
  2222. </tr>
  2223. </table>
  2225. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2226. <div class="row">
  2227. <div style="width:auto;">
  2228. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยาย NC ติดอันดับ" class="icon-group-story float-left">
  2229. </div>
  2230. <div class="d-flex align-items-end" style="width:auto;">
  2231. <div class="pb-1">
  2232. <h2 class="novel-type">นิยาย NC ติดอันดับ</h2>
  2233. </div>
  2234. </div>
  2236. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2237. <a class="" href="https://www.kawebook.com/นิยาย-NC-ติดอันดับ" target="_blank">
  2238. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2239. </a>
  2240. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-5 btn-swiper-prev-next"></i>
  2241. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-5 btn-swiper-prev-next"></i>
  2242. </div>
  2243. </div>
  2244. </div>  
  2245. </div>
  2246. <div class="tab-content">
  2247. <div class="content-top-novel swiper-area pd-bottom-content">
  2248. <div class="swiper-Toptrans-5" style="width:100%;">
  2249. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2250. <div class="swiper-wrapper"></div>
  2251. </div>
  2252. </div>
  2253. </div>                    
  2254. </div>
  2255.                </div>
  2256.  
  2257. <div class="pb-2 Story-toptrans-6 d-none">
  2258. <div class="group-story mainContent-Toptrans-6 bg-top30-section" style="padding: 10px 10px 0px;">
  2259. <div style="padding-bottom:5px;">
  2260. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2261. <tr>
  2262. <td rowspan="2" style="width:1%">
  2263. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ" class="icon-group-story float-left">
  2264. </td>                                
  2265. <td rowspan="2" style="width:auto">
  2266. <div class="d-none d-md-block d-xl-block d-lg-block">
  2267. <div class="d-flex justify-content-center">
  2269. </div>
  2270. </div>
  2271. </td>
  2272. </tr>
  2273. <tr>
  2274. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ</h2></td>
  2275. <td class="" align="right">
  2276. <a href="https://www.kawebook.com/นิยายสืบสวนสอบสวน-ระทึกขวัญ-ติดอันดับ" target="_blank">
  2277. <p class="res-search-all-story btnMore">
  2278. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2279. </p>
  2280. </a>
  2281. </td>
  2282. </tr>
  2283. </table>
  2285. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2286. <div class="row">
  2287. <div style="width:auto;">
  2288. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-5.webp" alt="นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ" class="icon-group-story float-left">
  2289. </div>
  2290. <div class="d-flex align-items-end" style="width:auto;">
  2291. <div class="pb-1">
  2292. <h2 class="novel-type">นิยายสืบสวนสอบสวน-ระทึกขวัญ ติดอันดับ</h2>
  2293. </div>
  2294. </div>
  2296. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2297. <a class="" href="https://www.kawebook.com/นิยายสืบสวนสอบสวน-ระทึกขวัญ-ติดอันดับ" target="_blank">
  2298. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2299. </a>
  2300. <i class="fas fa-caret-left btn-prev swiper-button-prev-Toptrans-6 btn-swiper-prev-next"></i>
  2301. <i class="fas fa-caret-right btn-next swiper-button-next-Toptrans-6 btn-swiper-prev-next"></i>
  2302. </div>
  2303. </div>
  2304. </div>  
  2305. </div>
  2306. <div class="tab-content">
  2307. <div class="content-top-novel swiper-area pd-bottom-content">
  2308. <div class="swiper-Toptrans-6" style="width:100%;">
  2309. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2310. <div class="swiper-wrapper"></div>
  2311. </div>
  2312. </div>
  2313. </div>                    
  2314. </div>
  2315.                </div>
  2316.  
  2317. <!-- นิยายแนะนำสำหรับคุณ  -->
  2319. <!-- นิยายแปลจบเเล้วล่าสุด story_translation_end_desc -->
  2320. <div class="pb-2 Story-translation-end d-none">
  2321. <div class="group-story mainContent-story_translation_end bg-gradient-style-3" >
  2322. <div style="padding-bottom:5px;">
  2323. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2324. <tr>
  2325. <td rowspan="3" style="width:1%">
  2326. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-6.webp" alt="นิยายแปลจบเเล้วล่าสุด">
  2327. </td>
  2328. </tr>
  2329. <tr>
  2330. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแปลจบเเล้วล่าสุด</h2></td>
  2331. <td align="right">
  2332. <a href="https://www.kawebook.com/นิยายแปลจบเเล้วล่าสุด" target="_blank">
  2333. <p class="res-search-all-story btnMore">
  2334. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2335. </p>
  2336. </a>
  2337. </td>
  2338. </tr>
  2339. </table>
  2340. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2341. <div class="row">
  2342. <div style="width:auto;">
  2343. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-6.webp" alt="นิยายแปลจบเเล้วล่าสุด">
  2344. </div>
  2345. <div class="col d-flex align-items-end" style="padding:0">
  2346. <div class="pb-1">
  2347. <h2 class="novel-type">นิยายแปลจบเเล้วล่าสุด</h2>
  2348. </div>
  2349. </div>
  2350. <div style="width:auto;" class="d-flex align-items-end">
  2351. <a class="" href="https://www.kawebook.com/นิยายแปลจบเเล้วล่าสุด" target="_blank">
  2352. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;" >ดูทั้งหมด</button>    
  2353. </a>
  2354. <i class="fas fa-caret-left swiper-button-prev-story_translation_end btn-swiper-prev-next"></i>
  2355. <i class="fas fa-caret-right swiper-button-next-story_translation_end btn-swiper-prev-next"></i>
  2356. </div>
  2357. </div>
  2358. </div>              
  2359. </div>
  2360. <div class="swiper-area">
  2361. <div class="swiper-story_translation_end" style="width:100%;">
  2362. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2363. <div class="swiper-wrapper"></div>
  2364. </div>
  2365. </div>
  2366. </div>
  2367.                </div>
  2368.  
  2369. <!-- นิยายไทย 3 แถว 30 เรื่อง top 6 ไม่ซ้ำกัน -->
  2370. <div class="pb-2 Story-topthai-1 d-none">
  2371. <div class="group-story mainContent-Topthai-1 bg-top30-section" style="padding: 10px 10px 0px;">
  2372. <div style="padding-bottom:5px;">
  2373. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2374. <tr>
  2375. <td rowspan="2" style="width:1%">
  2376. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ" class="icon-group-story float-left">
  2377. </td>                                
  2378. <td rowspan="2" style="width:auto">
  2379. <div class="d-none d-md-block d-xl-block d-lg-block">
  2380. <div class="d-flex justify-content-center">
  2382. </div>
  2383. </div>
  2384. </td>
  2385. </tr>
  2386. <tr>
  2387. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ</h2></td>
  2388. <td class="" align="right">
  2389. <a href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ" target="_blank">
  2390. <p class="res-search-all-story btnMore">
  2391. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2392. </p>
  2393. </a>
  2394. </td>
  2395. </tr>
  2396. </table>
  2398. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2399. <div class="row">
  2400. <div style="width:auto;">
  2401. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ" class="icon-group-story float-left">
  2402. </div>
  2403. <div class="d-flex align-items-end" style="width:auto;">
  2404. <div class="pb-1">
  2405. <h2 class="novel-type">นิยายแฟนตาซี นิยายจีน นิยายกำลังภายใน นิยายระบบ ติดอันดับ</h2>
  2406. </div>
  2407. </div>
  2409. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2410. <a class="" href="https://www.kawebook.com/นิยายแฟนตาซี-นิยายจีน-นิยายกำลังภายใน-นิยายระบบ-ติดอันดับ" target="_blank">
  2411. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2412. </a>
  2413. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-1 btn-swiper-prev-next"></i>
  2414. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-1 btn-swiper-prev-next"></i>
  2415. </div>
  2416. </div>
  2417. </div>  
  2418. </div>
  2419. <div class="tab-content">
  2420. <div class="content-top-novel swiper-area pd-bottom-content">
  2421. <div class="swiper-Topthai-1" style="width:100%;">
  2422. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2423. <div class="swiper-wrapper"></div>
  2424. </div>
  2425. </div>
  2426. </div>                    
  2427. </div>
  2428.                </div>
  2429.  
  2430. <div class="pb-2 Story-topthai-2 d-none">
  2431. <div class="group-story mainContent-Topthai-2 bg-top30-section" style="padding: 10px 10px 0px;">
  2432. <div style="padding-bottom:5px;">
  2433. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2434. <tr>
  2435. <td rowspan="2" style="width:1%">
  2436. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ" class="icon-group-story float-left">
  2437. </td>                                
  2438. <td rowspan="2" style="width:auto">
  2439. <div class="d-none d-md-block d-xl-block d-lg-block">
  2440. <div class="d-flex justify-content-center">
  2442. </div>
  2443. </div>
  2444. </td>
  2445. </tr>
  2446. <tr>
  2447. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ</h2></td>
  2448. <td class="" align="right">
  2449. <a href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ" target="_blank">
  2450. <p class="res-search-all-story btnMore">
  2451. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2452. </p>
  2453. </a>
  2454. </td>
  2455. </tr>
  2456. </table>
  2458. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2459. <div class="row">
  2460. <div style="width:auto;">
  2461. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ" class="icon-group-story float-left">
  2462. </div>
  2463. <div class="d-flex align-items-end" style="width:auto;">
  2464. <div class="pb-1">
  2465. <h2 class="novel-type">นิยายรัก โรแมนติก นิยายจีนโบราณ ติดอันดับ</h2>
  2466. </div>
  2467. </div>
  2469. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2470. <a class="" href="https://www.kawebook.com/นิยายรัก-โรแมนติก-นิยายจีนโบราณ-ติดอันดับ" target="_blank">
  2471. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2472. </a>
  2473. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-2 btn-swiper-prev-next"></i>
  2474. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-2  btn-swiper-prev-next"></i>
  2475. </div>
  2476. </div>
  2477. </div>  
  2478. </div>
  2479. <div class="tab-content">
  2480. <div class="content-top-novel swiper-area pd-bottom-content">
  2481. <div class="swiper-Topthai-2" style="width:100%;">
  2482. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2483. <div class="swiper-wrapper"></div>
  2484. </div>
  2485. </div>
  2486. </div>                    
  2487. </div>
  2488. </div>
  2489.  
  2490. <div class="pb-2 Story-topthai-3 d-none">
  2491. <div class="group-story mainContent-Topthai-3 bg-top30-section" style="padding: 10px 10px 0px;">
  2492. <div style="padding-bottom:5px;">
  2493. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2494. <tr>
  2495. <td rowspan="2" style="width:1%">
  2496. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ" class="icon-group-story float-left">
  2497. </td>                                
  2498. <td rowspan="2" style="width:auto">
  2499. <div class="d-none d-md-block d-xl-block d-lg-block">
  2500. <div class="d-flex justify-content-center">
  2502. </div>
  2503. </div>
  2504. </td>
  2505. </tr>
  2506. <tr>
  2507. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ</h2></td>
  2508. <td class="" align="right">
  2509. <a href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ" target="_blank">
  2510. <p class="res-search-all-story btnMore">
  2511. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2512. </p>
  2513. </a>
  2514. </td>
  2515. </tr>
  2516. </table>
  2518. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2519. <div class="row">
  2520. <div style="width:auto;">
  2521. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-7.webp" alt="นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ" class="icon-group-story float-left">
  2522. </div>
  2523. <div class="d-flex align-items-end" style="width:auto;">
  2524. <div class="pb-1">
  2525. <h2 class="novel-type">นิยายเกิดใหม่ ทะลุมิติ นิยายย้อนอดีต ติดอันดับ</h2>
  2526. </div>
  2527. </div>
  2529. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2530. <a class="" href="https://www.kawebook.com/นิยายเกิดใหม่-ทะลุมิติ-นิยายย้อนอดีต-ติดอันดับ" target="_blank">
  2531. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2532. </a>
  2533. <i class="fas fa-caret-left btn-prev swiper-button-prev-Topthai-3 btn-swiper-prev-next"></i>
  2534. <i class="fas fa-caret-right btn-next swiper-button-next-Topthai-3 btn-swiper-prev-next"></i>
  2535. </div>
  2536. </div>
  2537. </div>  
  2538. </div>
  2539. <div class="tab-content">
  2540. <div class="content-top-novel swiper-area pd-bottom-content">
  2541. <div class="swiper-Topthai-3" style="width:100%;">
  2542. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2543. <div class="swiper-wrapper"></div>
  2544. </div>
  2545. </div>
  2546. </div>                    
  2547. </div>
  2548.                </div>
  2549.  
  2550. <!-- นิยายฟรีทั้งเรื่อง  -->
  2551. <div class="pb-2 Story-top-free d-none">
  2552. <div class="group-story mainContent-Top-Free bg-top30-section" style="padding: 10px 10px 0px;">
  2553. <div style="padding-bottom:5px;">
  2554. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2555. <tr>
  2556. <td rowspan="2" style="width:1%">
  2557. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="นิยายอ่านฟรี ติดอันดับ" class="icon-group-story float-left">
  2558. </td>                                
  2559. <td rowspan="2" style="width:auto">
  2560. <div class="d-none d-md-block d-xl-block d-lg-block">
  2561. <div class="d-flex justify-content-center">
  2563. </div>
  2564. </div>
  2565. </td>
  2566. </tr>
  2567. <tr>
  2568. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายอ่านฟรี ติดอันดับ</h2></td>
  2569. <td class="" align="right">
  2570. <a href="https://www.kawebook.com/นิยายอ่านฟรี-ติดอันดับ" target="_blank">
  2571. <p class="res-search-all-story btnMore">
  2572. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2573. </p>
  2574. </a>
  2575. </td>
  2576. </tr>
  2577. </table>
  2579. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2580. <div class="row">
  2581. <div style="width:auto;">
  2582. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-2.webp" alt="นิยายอ่านฟรี ติดอันดับ" class="icon-group-story float-left">
  2583. </div>
  2584. <div class="d-flex align-items-end" style="width:auto;">
  2585. <div class="pb-1">
  2586. <h2 class="novel-type">นิยายอ่านฟรี ติดอันดับ</h2>
  2587. </div>
  2588. </div>
  2590. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2591. <a class="" href="https://www.kawebook.com/นิยายอ่านฟรี-ติดอันดับ" target="_blank">
  2592. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2593. </a>
  2594. <i class="fas fa-caret-left btn-prev swiper-button-prev-Top-Free btn-swiper-prev-next"></i>
  2595. <i class="fas fa-caret-right btn-next swiper-button-next-Top-Free btn-swiper-prev-next"></i>
  2596. </div>
  2597. </div>
  2598. </div>  
  2599. </div>
  2600. <div class="tab-content">
  2601. <div class="content-top-free swiper-area pd-bottom-content">
  2602. <div class="swiper-Top-Free" style="width:100%;">
  2603. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2604. <div class="swiper-wrapper"></div>
  2605. </div>
  2606. </div>
  2607. </div>                    
  2608. </div>
  2609.                </div>
  2611. <!-- นิยายอัปเดตล่าสุด -->
  2612. <div class="pb-2 Story-updateNew d-none">
  2613. <div class="group-story mainContent-updateNew bg-gradient-style-1">
  2614. <div style="padding-bottom:5px;">
  2615. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2616. <tr>
  2617. <td rowspan="2" style="width:1%">
  2618. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-8.webp" alt="นิยายอัปเดตล่าสุด" class="icon-group-story float-left">
  2619. </td>
  2620. </tr>
  2621. <tr>
  2622. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายอัปเดตล่าสุด</h2></td>
  2623. <td align="right">
  2624. <a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด" target="_blank">
  2625. <p class="res-search-all-story btnMore">
  2626. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2627. </p>
  2628. </a>
  2629. </td>
  2630. </tr>
  2631. </table>
  2632. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2633. <div class="row">
  2634. <div style="width:auto;">
  2635. <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-8.webp" alt="นิยายอัปเดตล่าสุด" class="icon-group-story float-left">
  2636. </div>
  2637. <div class="col d-flex align-items-end" style="padding:0">
  2638. <div class="pb-1">
  2639. <h2 class="novel-type">นิยายอัปเดตล่าสุด</h2>
  2640. </div>
  2641. </div>
  2642. <div style="width:auto;" class="d-flex align-items-end">
  2643. <a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด" target="_blank">
  2644. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2645. </a>
  2646. </div>
  2647. </div>
  2648. </div>  
  2649. </div>
  2650. <div class="contentRander-storyUpdateNew">
  2651. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2652. <div class="row rander">
  2654. </div>
  2655. </div>
  2656. </div>
  2657. </div>
  2658.  
  2659. <!-- นิยายจบแล้วล่าสุด นักเขียนไทยและสนพ. -->
  2660. <div class="pb-2 Story-ThaiPublisherEnded d-none">
  2661. <div class="group-story mainContent-ThaiPublisherEnded bg-gradient-style-3" >
  2662. <div style="padding-bottom:5px;">
  2663. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0">
  2664. <tr>
  2665. <td rowspan="3" style="width:1%">
  2666. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายจบเเล้วล่าสุด">
  2667. </td>
  2668. </tr>
  2669. <tr>
  2670. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">นิยายจบเเล้วล่าสุด</h2></td>
  2671. <td align="right">
  2672. <a href="https://www.kawebook.com/นิยายจบเเล้วล่าสุด" target="_blank">
  2673. <p class="res-search-all-story btnMore">
  2674. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2675. </p>
  2676. </a>
  2677. </td>
  2678. </tr>
  2679. </table>
  2680. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2681. <div class="row">
  2682. <div style="width:auto;">
  2683. <img class="icon-group-story float-left" src="https://www.kawebook.com/assets2/img/mascot-section-webp/mascot-icon-style-3.webp" alt="นิยายจบเเล้วล่าสุด">
  2684. </div>
  2685. <div class="col d-flex align-items-end" style="padding:0">
  2686. <div class="pb-1">
  2687. <h2 class="novel-type">นิยายจบเเล้วล่าสุด</h2>
  2688. </div>
  2689. </div>
  2690. <div style="width:auto;" class="d-flex align-items-end">
  2691. <a class="" href="https://www.kawebook.com/นิยายจบเเล้วล่าสุด" target="_blank">
  2692. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;" >ดูทั้งหมด</button>    
  2693. </a>
  2694. <i class="fas fa-caret-left swiper-button-prev-story_translation_end btn-swiper-prev-next"></i>
  2695. <i class="fas fa-caret-right swiper-button-next-story_translation_end btn-swiper-prev-next"></i>
  2696. </div>
  2697. </div>
  2698. </div>              
  2699. </div>
  2700. <div class="swiper-area">
  2701. <div class="swiper-story_thai_publisher_end" style="width:100%;">
  2702. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2703. <div class="swiper-wrapper"></div>
  2704. </div>
  2705. </div>
  2706. </div>
  2707.                </div>
  2709. <!-- ebook_update desc -->
  2710. <div class="pb-2 Story-ebook_update d-none">
  2711. <div class="group-story mainContent-ebook_update bg-gradient-style-4" style="padding: 10px 10px 0px;">
  2712. <div style="padding-bottom:5px;">
  2713. <table class="d-lg-none d-xl-none" style="width:100%; cellspacing:0;">
  2714. <tr>
  2715. <td rowspan="2" style="width:1%">
  2716. <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">
  2717. </td>
  2719. <td rowspan="2" style="width:auto">
  2720. <div class="d-none d-md-block d-xl-block d-lg-block">
  2721. <div class="d-flex justify-content-center">
  2723. </div>
  2724. </div>
  2725. </td>
  2726. </tr>
  2727. <tr>
  2728. <td style="text-wrap: auto;  width: 65%;"><h2 class="novel-type txtSection">E-Book อัปเดตล่าสุด</h2></td>
  2729. <td class="" align="right">
  2730. <a href="https://www.kawebook.com/อีบุ๊คอัปเดตล่าสุด" target="_blank">
  2731. <p class="res-search-all-story btnMore">
  2732. ดูทั้งหมด <i class="fas fa-chevron-right"></i>
  2733. </p>
  2734. </a>
  2735. </td>
  2736. </tr>
  2737. </table>
  2739. <div class="d-none d-xl-block d-lg-block" style="width:100%">
  2740. <div class="row">
  2741. <div style="width:auto;">
  2742. <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">
  2743. </div>
  2744. <div class="d-flex align-items-end" style="width:auto;">
  2745. <div class="pb-1">
  2746. <h2 class="novel-type">E-Book อัปเดตล่าสุด</h2>
  2747. </div>
  2748. </div>
  2750. <div style="width:auto;" class="ml-auto d-flex align-items-end">
  2751. <a class="" href="https://www.kawebook.com/อีบุ๊คอัปเดตล่าสุด" target="_blank">
  2752. <button class="btn btn-sm btn-search-all-story shadow" style="width:auto; margin:5px 5px;">ดูทั้งหมด</button>
  2753. </a>
  2754. <i class="fas fa-caret-left btn-prev btn-swiper-prev-next"></i>
  2755. <i class="fas fa-caret-right btn-next btn-swiper-prev-next"></i>
  2756. </div>
  2757. </div>
  2758. </div>  
  2759. </div>
  2760. <div class="tab-content">
  2761. <div class="content-top-novel swiper-area pd-bottom-content">
  2762. <div class="swiper-main" style="width:100%;">
  2763. <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  2764. <div class="swiper-wrapper"></div>
  2765. </div>
  2766. </div>
  2767. </div>
  2769. </div>
  2770. </div>
  2771.  
  2772.            </div>
  2773.            <div class="Story-blogs-content d-none">
  2774.    <div class="group-story blog-content-support-seo bg-gradient-style-5" style="width:100%; padding: 20px 10px;">
  2775.        <div class="row">
  2776.            <div class="d-flex align-items-end w-100">
  2777.                <div style="width: 5% !important;"></div>
  2778.                <div>
  2779.                    <h2 class="novel-type">บทความ</h2><br/>
  2780.                    <h6><b>นิยายออนไลน์:</b> คลังแสงความบันเทิง อ่านนิยายฟรี นิยายสนุก ครบทุกแนวที่ Kawebook</h6>
  2781.                </div>
  2782.            </div>
  2783.        </div>    
  2784.    </div>
  2785.    <div class="group-story blog-content-support-seo bg-conten-blog blog-size">
  2786.        <div class="col-lg-12 mb-5 mb-lg-0 order-0 order-lg-1 blog-content">
  2787.            <div>
  2788.                <div style="margin-bottom: 1rem;">
  2789.                    <span class="pd-left-35">ในยุคดิจิทัลที่ทุกอย่างเชื่อมต่อถึงกัน โลกของ</span>
  2790.                    <span class="bg-hover-a-tag pd-lr-5">
  2791.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยาย</a>
  2792.                    </span>
  2793.                    <span>ได้ขยายขอบเขตจากหน้ากระดาษสู่หน้าจอทำให้</span>
  2794.                    <span class="bg-hover-a-tag pd-lr-5">
  2795.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายออนไลน์</a>
  2796.                    </span>
  2797.                    <span>กลายเป็นแหล่งความบันเทิงยอดนิยมที่เข้าถึงได้ง่าย และครองใจนักอ่านทุกเพศทุกวัย ไม่ว่าคุณจะกำลังมองหา</span>
  2798.                    <span class="bg-hover-a-tag pd-lr-5">
  2799.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายอ่านฟรี</a>
  2800.                    </span>
  2801.                    <span>เพื่อผ่อนคลาย หรือดำดิ่งสู่โลก</span>
  2802.                    <span class="bg-hover-a-tag pd-lr-5">
  2803.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">นิยายแปล</a>
  2804.                    </span>
  2805.                    คุณภาพสูง
  2806.                    <span class="bg-hover-a-tag pd-lr-5">
  2807.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">Kawebook (กวีบุ๊ค)</a>
  2808.                    </span>
  2809.                    <span>คือแพลตฟอร์มที่ตอบโจทย์ทุกความต้องการของคุณได้อย่างสมบูรณ์แบบ</span><br/>
  2810.                    <span>บทความนี้จะพาคุณไปสำรวจจักรวาลอันกว้างใหญ่ของ นิยาย พร้อมแนะนำเคล็ดลับในการค้นหาและ</span>
  2811.                    <span class="bg-hover-a-tag pd-lr-5">
  2812.                        <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/">อ่านนิยาย</a>
  2813.                    </span>
  2814.                    <span>เรื่องโปรดของคุณ รวมถึงเหตุผลว่าทำไม Kawebook ถึงเป็นจุดหมายปลายทางที่นักอ่านตัวยงไม่ควรพลาด</span>
  2815.                </div>
  2816.                <div class="pt-4 pb-1">
  2817.                    <div style="margin-bottom: 1rem;">
  2818.                        <div span style="font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;">ทำไม "นิยาย" ถึงเป็นมากกว่าแค่เรื่องแต่ง? เสน่ห์ที่ครองใจนักอ่านไม่เสื่อมคลาย</div>
  2819.                        <div span style="font-size: 1rem;font-weight: 600;">นิยาย ไม่ใช่เพียงเรื่องราวที่แต่งขึ้นเพื่อความบันเทิงเท่านั้น แต่ยังเป็นกระจกสะท้อนสังคม วัฒนธรรม ความคิด และจินตนาการของผู้คนในแต่ละยุคสมัย เสน่ห์ของ นิยาย อยู่ที่ความสามารถในการ</div>
  2820.                    </div>
  2821.                    <div><b>1.พาเราออกจากโลกความเป็นจริง:</b> ดำดิ่งสู่โลกใบใหม่ ตัวละครที่น่าหลงใหล และการผจญภัยที่น่าตื่นเต้น ช่วยให้เราผ่อนคลายจากความเครียดในชีวิตประจำวัน</div>
  2822.                    <div><b>2.กระตุ้นจินตนาการและความคิดสร้างสรรค์:</b> การอ่านนิยาย ทำให้เราได้เห็น มุมมองที่แตกต่าง เรียนรู้สิ่งใหม่ และเปิดโลกทัศน์ให้กว้างขึ้น</div>
  2823.                    <div><b>3.สร้างความผูกพันทางอารมณ์:</b> เราหัวเราะ ร้องไห้ โกรธ และเอาใจช่วยไปพร้อมกับตัวละคร ทำให้เกิดความผูกพันและเข้าใจในธรรมชาติของมนุษย์มากขึ้น</div>
  2824.                    <div><b>4.มอบความรู้และประสบการณ์:</b> นิยายหลายเรื่องสอดแทรกความรู้ทางประวัติศาสตร์ วัฒนธรรม วิทยาศาสตร์ หรือแม้แต่ปรัชญาชีวิต ผ่านเรื่องราวที่สนุกสนานและน่าติดตาม</div>
  2825.                </div>
  2826.                <div style="margin-bottom: 2rem;">
  2827.                    <h6 style="font-weight: 600;">ด้วยเหตุผลเหล่านี้ นิยาย จึงยังคงเป็นรูปแบบความบันเทิงที่ได้รับความนิยมเสมอมา และการมาถึงของ นิยายออนไลน์ ก็ยิ่งทำให้การเข้าถึงโลกแห่งจินตนาการนี้ง่ายดายยิ่งขึ้น</h6>
  2828.                </div>
  2829.  
  2830.            <div><hr class="bg-hr"/></div>
  2831.  
  2832.            <div>
  2833.                <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2834.                    <span style="font-size: 1.2rem;font-weight: 600;">ก้าวสู่โลก "นิยายออนไลน์" อ่านง่าย อ่านได้ทุกที่ ทุกเวลา</span>
  2835.                </div>
  2836.                <div style="margin-bottom: 1rem;">
  2837.                    <h6 style="font-weight: 600;">การอ่านนิยายออนไลน์ ได้ปฏิวัติวิธีการเสพเรื่องราวของเราไปอย่าง สิ้นเชิง ด้วยข้อดีมากมายที่ตอบโจทย์ไลฟ์สไตล์ของคนยุคใหม่:</h6>
  2838.                </div>
  2839.                <div style="margin-bottom: 1rem;">
  2840.                    <div>
  2841.                        <b>&bull; ความสะดวกสบาย</b><br/>
  2842.                        <span>พกพา นิยาย นับพันเรื่องไปได้ทุกที่ผ่านสมาร์ทโฟนหรือ แท็บเล็ต อ่านนิยาย ได้ทุกเมื่อที่ต้องการ ไม่ว่าจะระหว่างเดินทาง รอคิว หรือก่อนนอน</span>
  2843.                    </div>
  2844.                    <div>
  2845.                        <b>&bull; เข้าถึงง่าย</b><br/>
  2846.                        <span>เพียงมีอินเทอร์เน็ตคุณก็สามารถค้นหาและ</span>
  2847.                        <span class="bg-hover-a-tag pd-lr-5">
  2848.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>อ่านนิยายฟรี</b></a>
  2849.                        </span>
  2850.                        <span>หรือ นิยายเรื่องใหม่ๆ ได้ทันที ไม่ต้องเสียเวลาเดินทางไปร้านหนังสือ</span>
  2851.                    </div>
  2852.                    <div>
  2853.                        <b>&bull; ตัวเลือกหลากหลาย</b><br/>
  2854.                        <span>แพลตฟอร์ม นิยายออนไลน์ รวบรวม นิยาย ไว้มากมาย มหาศาล ครบทุกแนว ตั้งแต่</span>
  2855.                        <span class="bg-hover-a-tag pd-lr-5">
  2856.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายรัก</b></a>
  2857.                        </span>
  2858.                        <span>โรแมนติก</span>
  2859.                        <span class="bg-hover-a-tag pd-lr-5">
  2860.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวาย</b></a>
  2861.                        </span>
  2862.                        <span>สุดฟิน ไปจนถึง</span>
  2863.                        <span class="bg-hover-a-tag pd-lr-5">
  2864.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายแฟนตาซี</b></a>
  2865.                        </span>
  2866.                        <span>สุดอลังการ หรือ</span>
  2867.                        <span class="bg-hover-a-tag pd-lr-5">
  2868.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายจีน</b></a>
  2869.                        </span>
  2870.                        <span>เข้มข้น</span>
  2871.                    </div>
  2872.                    <div style="margin-bottom: 1rem;">
  2873.                        <b>&bull; ฟีเจอร์สนับสนุนการอ่าน</b><br/>
  2874.                        <span>ปรับขนาดตัวอักษร เปลี่ยนสีพื้นหลัง คั่นหน้า อัตโนมัติ ทำให้ประสบการณ์การ อ่านนิยาย สบายตาและต่อเนื่องยิ่งขึ้น</span><br/>
  2875.                    </div>
  2876.                    <div style="margin-bottom: 2rem;">
  2877.                        <b>&bull; ชุมชนนักอ่าน</b><br/>
  2878.                        <span>แลกเปลี่ยนความคิดเห็น พูดคุยเกี่ยวกับ นิยาย เรื่องโปรดกับ เพื่อนนักอ่านคนอื่นๆ ได้ง่ายๆ ผ่านระบบคอมเมนต์</span>
  2879.                    </div>
  2880.                </div>
  2881.            </div>
  2882.  
  2883.            <div><hr class="bg-hr"/></div>
  2884.  
  2885.            <div>
  2886.                <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2887.                    <span style="font-size: 1.2rem;font-weight: 600;">Kawebook: แหล่งรวม "นิยาย" คุณภาพ ที่ตอบโจทย์ทุกการอ่านนิยายของคุณ</span>
  2888.                </div>
  2889.                <div style="margin-bottom: 1rem;">
  2890.                    <span style="font-size: 1rem;font-weight: 600;">ท่ามกลางแพลตฟอร์ม นิยายออนไลน์ ที่มีอยู่มากมาย Kawebook โดดเด่นขึ้นมาในฐานะแหล่งรวม นิยาย คุณภาพที่คัดสรรมาอย่างดี พร้อมมอบประสบการณ์การ อ่านนิยาย ที่ยอดเยี่ยมให้กับผู้ใช้งาน</span>
  2891.                </div>
  2892.                <div  style="margin-bottom: 1rem;">
  2893.                    <span style="font-size: 1.1rem;font-weight: 600;">ทำไมต้องอ่านนิยายที่ Kawebook?</span>
  2894.                </div>
  2895.                <div style="margin-bottom: 2rem;">
  2896.                    <div>
  2897.                        <b>&bull; คลังนิยายขนาดใหญ่และหลากหลาย</b><br/>
  2898.                        <span>Kawebook มี นิยาย ให้เลือกอ่านมากกว่าหมื่นเรื่อง ครอบคลุมทุกแนวที่คุณชื่นชอบ ไม่ว่าจะเป็น นิยายแปลลิขสิทธิ์แท้จากต่างประเทศ หรือ นิยายจากนักเขียนชาวไทยมากฝีมือ</span>
  2899.                    </div>
  2900.                    <div>
  2901.                        <b>&bull; คุณภาพการแปลและการบรรณาธิกรณ์</b><br/>
  2902.                        <span>สำหรับ นิยายแปล Kawebook ให้ความสำคัญกับคุณภาพการแปลที่สละสลวย ถูกต้อง และรักษาอรรถรส ของต้นฉบับไว้ให้มากที่สุด รวมถึงมีการ บรรณาธิกรณ์ นิยาย อย่างพิถีพิถัน</span>
  2903.                    </div>
  2904.                    <div>
  2905.                        <b>&bull; อ่านนิยายฟรี</b><br/>
  2906.                        <span>Kawebook มี นิยายอ่านฟรี จำนวนมากให้คุณได้ทดลองอ่านก่อนตัดสินใจซื้อ หรือเพลิดเพลินกับ นิยาย ฟรี จบเรื่อง ที่คัดสรรมาเป็นพิเศษ</span>
  2907.                    </div>
  2908.                    <div>
  2909.                        <b>&bull; ใช้งานง่าย</b><br/>
  2910.                        <span>เว็บไซต์และแอปพลิเคชันของ Kawebook ออกแบบมาให้ใช้งานง่าย สบายตา ค้นหา นิยาย ที่ต้องการได้อย่างรวดเร็ว</span>
  2911.                    </div>
  2912.                    <div>
  2913.                        <b>&bull; สนับสนุนนักเขียน</b><br/>
  2914.                        <span>การ อ่านนิยาย บน Kawebook ไม่ว่าจะเป็นแบบฟรี  หรือแบบซื้อตอน/ซื้อเล่ม ด้วยระบบกำลังใจ เป็นการสนับสนุนนักเขียนและ นักแปลให้สร้างสรรค์ ผลงานดีๆ ต่อไปโดยตรง</span>
  2915.                    </div>
  2916.                    <div>
  2917.                        <b>&bull; อัปเดตสม่ำเสมอ</b><br/>
  2918.                        <span>มี นิยาย เรื่องใหม่ๆ และตอนใหม่ๆ อัปเดตเข้ามาในระบบอย่างต่อเนื่อง ให้คุณไม่พลาดทุกความสนุก</span>
  2919.                    </div>
  2920.                </div>
  2921.            </div>
  2922.  
  2923.            <div><hr class="bg-hr"/></div>
  2924.  
  2925.            <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2926.                <div style="margin-bottom: 1rem;">
  2927.                    <span style="font-size: 1.2rem;font-weight: 600;">ค้นพบ "นิยาย" แนวโปรดของคุณ<br/>จักรวาลความสนุกที่ไม่มีที่สิ้นสุดบน Kawebook</span>
  2928.                </div>
  2929.                <div style="margin-bottom: 1rem;">
  2930.                    <h6 style="font-weight: 600;">ไม่ว่าคุณจะชอบ นิยาย แนวไหน Kawebook มีครบ! ลองมาสำรวจแนว นิยาย ยอดนิยมที่คุณสามารถค้นหาและ อ่านนิยายออนไลน์ ได้ที่นี่</h6>
  2931.                </div>
  2932.                <div style="margin-bottom: 1rem;">
  2933.                    <div>
  2934.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายรัก / นิยายโรแมนติก</b></a>
  2935.                    </div>
  2936.                    <div style="margin-bottom: 1rem;">ดื่มด่ำไปกับเรื่องราวความรักหลากหลายรูปแบบ ตั้งแต่รักใสๆ วัยรุ่น รักหวานซึ้งตรึงใจ ไปจนถึงดราม่าเข้มข้น ค้นหา นิยายรัก ที่จะทำให้หัวใจคุณพองโตได้ที่ Kawebook</div>
  2937.                    <div>
  2938.                        <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>
  2939.                    </div>
  2940.                    <div style="margin-bottom: 1rem;">
  2941.                        <span>สำหรับสาวก นิยาย Y หรือ นิยายวาย Kawebook คือสวรรค์ของคุณ! พบกับเรื่องราวความรักความผูกพันของ</span>
  2942.                        <span class="bg-hover-a-tag pd-lr-5">
  2943.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวายแนว Yaoi</b></a>
  2944.                        </span>
  2945.                        <span>ระหว่างชายหนุ่มหลากหลายสไตล์ มีทั้ง นิยาย วาย อ่านฟรี และเรื่องดังน่าติดตามมากมาย รวมทั้ง</span>
  2946.                        <span class="bg-hover-a-tag pd-lr-5">
  2947.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายวาย แนวYuri</b></a>
  2948.                        </span>หรือความรักระหว่างหญิงสาวด้วยเช่นกัน
  2949.                    </div>          
  2950.                    <div>
  2951.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายแฟนตาซี / นิยายกำลังภายใน / นิยายจีน</b></a></div>
  2952.                    <div style="margin-bottom: 1rem;">ผจญภัยในโลกแห่งเวทมนตร์ ต่อสู้กับอสูรร้าย ฝึกฝนวิชาในยุทธภพ หรือท่องไปในประวัติศาสตร์จีนอันยิ่งใหญ่ Kawebookมี นิยายแฟนตาซี, นิยายกำลังภายใน, และ นิยายจีน คุณภาพเยี่ยม ทั้ง นิยาย จีนโบราณ และ นิยายแปล มันส์ๆ รอคุณอยู่</div>
  2953.                    <div>
  2954.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายระบบ / นิยายเกิดใหม่ / นิยายทะลุมิติ / นิยายย้อนอดีต</b></a>
  2955.                    </div>
  2956.                    <div style="margin-bottom: 1rem;">นิยาย แนวสุดฮิตที่พาตัวเอกไปผจญภัยในโลกใหม่พร้อมระบบช่วยเหลือสุดโกง หรือได้โอกาสกลับมาแก้ไขอดีตอีกครั้ง ไม่ว่าจะเป็น นิยายระบบ, นิยายเกิดใหม่, นิยายทะลุมิติ, หรือ นิยายย้อนอดีต / นิยายย้อนยุค ก็มีให้อ่านจนวางไม่ลง</div>
  2957.                    <div>
  2958.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยาย NC</b></a>
  2959.                    </div>
  2960.                    <div style="margin-bottom: 1rem;">สำหรับนักอ่านที่มองหาความเข้มข้นและเนื้อหาสำหรับผู้ใหญ่ Kawebook มีโซน นิยาย NC ที่มีการจัดเรตอย่างชัดเจน (โปรดใช้วิจารณญาณในการอ่านและปฏิบัติตามข้อกำหนดของแพลตฟอร์ม)</div>
  2961.                    <div>
  2962.                        <a class="bg-hover-a-tag dv-txt-head" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>แนวอื่นๆ ที่น่าสนใจ</b></a>
  2963.                    </div>
  2964.                    <div style="margin-bottom: 2rem;">
  2965.                        <span>นอกจากนี้ยังมี นิยาย แนวย่อยอื่นๆ อีกมากมาย เช่น</span>
  2966.                        <span class="bg-hover-a-tag pd-lr-5">
  2967.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายเกมออนไลน์</b></a>
  2968.                        </span>,
  2969.                        <span class="bg-hover-a-tag pd-lr-5">
  2970.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายทำฟาร์ม สโลว์ไลฟ์</b></a>
  2971.                        </span> ,
  2972.                        <span class="bg-hover-a-tag pd-lr-5">
  2973.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายญี่ปุ่น</b></a>
  2974.                        </span>ที่มีเอกลักษณ์ เฉพาะตัว,
  2975.                        <span class="bg-hover-a-tag pd-lr-5">
  2976.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายสืบสวนสอบสวน</b></a>
  2977.                        </span>,
  2978.                        <span class="bg-hover-a-tag pd-lr-5">
  2979.                            <a class="txt-underline" target="_blank" rel="noopener noreferrer" href="https://www.kawebook.com/"><b>นิยายระทึกขวัญ</b></a>
  2980.                        </span>และอีกเพียบ!
  2981.                    </div>
  2982.                </div>
  2983.            </div>
  2984.  
  2985.            <div><hr class="bg-hr"/></div>
  2986.  
  2987.            <div style="margin-bottom: 1rem;margin-top: 2rem;">
  2988.                <div style="margin-bottom: 1rem;">
  2989.                    <span style="font-size: 1.2rem;font-weight: 600;">"อ่านนิยายฟรี" อย่างไรให้คุ้มค่า และสนับสนุนนักเขียนไปพร้อมกัน</span>
  2990.                </div>
  2991.                <div style="margin-bottom: 1rem;">
  2992.                    <h6 style="font-weight: 600;">Kawebook เข้าใจความต้องการของนักอ่านที่อยาก อ่านนิยายฟรี จึงมีระบบที่เอื้ออำนวย เช่น</h6>
  2993.                </div>
  2994.            </div>
  2995.            <div class="row">
  2996.                <div class="dv-box-content box-in-blogs">
  2997.                    <div style="padding: 10px 40px;">              
  2998.                        <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/blog-read-free.webp" style="width: 21px;" alt="อ่านตอนฟรี">
  2999.                        <b>ตอนอ่านฟรี</b>
  3000.                    </div>
  3001.                    <div style="width:10px;"></div>
  3002.                    <div style="padding: 0 50px 10px 40px;">
  3003.                        นิยาย หลายเรื่องเปิดให้อ่านฟรีในช่วงแรกหลายตอน เพื่อให้นักอ่านได้ทดลองอ่านและตัดสินใจว่าจะติดตามต่อหรือไม่
  3004.                    </div>
  3005.                </div>
  3006.                <div class="dv-box-content box-in-blogs pd-content-blog">
  3007.                    <div style="padding: 10px 40px;">
  3008.                        <img src="https://www.kawebook.com/assets2/img/mascot-section-webp/blog-free-novel-end.webp" style="width: 21px;" alt="อ่านตอนฟรี">
  3009.                        <b>นิยายฟรี จบเรื่อง</b>
  3010.                    </div>
  3011.                    <div style="padding: 0 50px 10px 40px;">
  3012.                        มีนิยายบางเรื่องที่เปิดให้อ่านฟรีจนจบ ซึ่งเป็นโอกาสดีที่จะได้ ค้นพบนักเขียนหน้าใหม่หรือแนวที่ไม่คุ้นเคย
  3013.                    </div>
  3014.                </div>
  3015.            </div>
  3016.            <div style="clear: left;"></div>
  3017.            <div class="pt-3" style="margin-bottom: 2rem;">
  3018.                <span>
  3019.                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; อย่างไรก็ตาม การสร้างสรรค์ นิยาย หนึ่งเรื่องต้องใช้ทั้งเวลา พลังงาน และจินตนาการ <b>การสนับสนุนนักเขียนด้วยการซื้อตอน/ซื้อเล่ม หรือแม้แต่ การ อ่านนิยาย ผ่านช่องทางถูกลิขสิทธิ์ ก็เปรียบเสมือนการเติมเชื้อไฟให้นักเขียนมีกำลังใจสร้างผลงานดีๆ ออกมาให้เราได้อ่านต่อไป การ เขียนนิยาย เป็นอาชีพที่ต้องการการสนับสนุนจากนักอ่านเช่นกัน</b>
  3020.                </span>        
  3021.            </div>      
  3022.  
  3023.            <div><hr class="bg-hr"/></div>
  3024.  
  3025.            <div class="pt-2" style="margin-top: 2rem;">
  3026.                <span style="font-size: 1.2rem;font-weight: 600;">เคล็ดลับการ "อ่านนิยาย" ให้สนุกยิ่งขึ้นบน Kawebook</span>
  3027.            </div>
  3028.            <div>
  3029.                <h6 style="font-weight: 600;">Kawebook เข้าใจความต้องการของนักอ่านที่อยาก อ่านนิยายฟรี จึงมีระบบที่เอื้ออำนวย เช่น</h6>
  3030.            </div>
  3031.            <div>
  3032.                <b>1.ใช้ฟังก์ชันค้นหาและกรอง:</b> ระบุแนว นิยาย ที่ชอบ หรือใช้ keyword เช่น "นิยายวาย", "นิยายจีนโบราณ", "อ่านนิยายฟรี" เพื่อจำกัดผลลัพธ์ให้ตรงใจ<br/>    
  3033.                <b>2.อ่านเรื่องย่อและรีวิว:</b> ก่อนเริ่ม อ่านนิยาย ลองอ่านเรื่องย่อ คำโปรย และรีวิวจากนักอ่านคนอื่นๆ เพื่อประกอบการตัดสินใจ<br/>
  3034.                <b>3.ติดตามนักเขียนคนโปรด:</b> กดติดตามนักเขียนที่คุณชื่นชอบ เพื่อรับการแจ้งเตือนเมื่อมี นิยาย เรื่องใหม่หรือตอนใหม่อัปเดต<br/>
  3035.                <b>4.เข้าร่วมชุมชน:</b> แสดงความคิดเห็น กดไลก์ หรือแชร์ นิยาย ที่ชอบ เพื่อเป็นกำลังใจให้นักเขียนและแลกเปลี่ยนกับนักอ่านคนอื่นๆ<br/>
  3036.                <b>5.จัดชั้นหนังสือส่วนตัว:</b> ใช้ฟีเจอร์ชั้นหนังสือเพื่อเก็บ นิยาย ที่กำลังอ่าน หรือเรื่องที่อยากอ่านในอนาคตไว้อย่างเป็นระเบียบ<br/>          
  3037.            </div>
  3038.            <br/>
  3039.            <div style="border-left: 10px solid #FD8001;">
  3040.                <div style="padding-left: 20px;">
  3041.                    <div>
  3042.                        <b>สรุป</b> โลกของ นิยาย นั้นกว้างใหญ่และเต็มไปด้วยเสน่ห์ การอ่านนิยายออนไลน์ ผ่านแพลตฟอร์มที่ยอดเยี่ยมอย่าง Kawebook ทำให้คุณสามารถเข้า ถึงคลัง นิยาย คุณภาพได้อย่างง่ายดาย
  3043.                                    ไม่ว่าคุณจะตามหา นิยายอ่านฟรี, นิยายแปล ชั้นดี, นิยายวาย สุดฮิต, นิยายจีน เข้มข้น หรือ นิยาย แนวไหนๆ ที่นี่มีครบจบในที่เดียว
  3044.                    </div>
  3045.                    <div style="padding-top: 10px;">อย่ารอช้า! เริ่มต้นการผจญภัยในโลกแห่งจินตนาการ อ่านนิยาย เรื่องโปรดของคุณ และค้นพบ นิยาย สนุกๆ อีกมากมายได้แล้ววันนี้ที่ Kawebook แหล่งรวมความสุขของคนรัก นิยายออนไลน์ ตัวจริง!</div>
  3046.                    
  3047.                </div>            
  3048.            </div>
  3049.        </div>
  3050.    </div>
  3051.    <div class="group-story blog-content-support-seo bg-conten-blog" style="width:100%; padding: 10px;">
  3052.        <br/>
  3053.        <div class="mainContent-Blogs">
  3054.            <div class="blog-col-content">
  3055.                <div class="content-blog-0 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  3056.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3057.                    <div class="content-datas"></div>
  3058.                </div>
  3059.                <div class="content-blog-3 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  3060.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3061.                    <div class="content-datas"></div>
  3062.                </div>
  3063.                <div class="content-blog-6 pt-1 pb-1">
  3064.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3065.                    <div class="content-datas"></div>
  3066.                </div>
  3067.            </div>
  3068.            <div class="blog-col-content center-data-blog">
  3069.                <div class="content-blog-1 pb-1 pd-top-head-content" style="border-bottom: 1px solid #B3B3B3;">
  3070.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3071.                    <div class="content-datas"></div>
  3072.                </div>
  3073.                <div class="content-blog-4 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  3074.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3075.                    <div class="content-datas"></div>
  3076.                </div>
  3077.                <div class="content-blog-7 pt-1 pb-1">
  3078.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3079.                    <div class="content-datas"></div>
  3080.                </div>
  3081.            </div>
  3082.            <div class="blog-col-content">
  3083.                <div class="content-blog-2 pb-1 pd-top-head-content" style="border-bottom: 1px solid #B3B3B3;">
  3084.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3085.                    <div class="content-datas"></div>
  3086.                </div>
  3087.                <div class="content-blog-5 pt-1 pb-1" style="border-bottom: 1px solid #B3B3B3;">
  3088.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3089.                    <div class="content-datas"></div>
  3090.                </div>
  3091.                <div class="content-blog-8 pt-1 pb-1">
  3092.                    <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3093.                    <div class="content-datas"></div>
  3094.                </div>
  3095.            </div>
  3096.        </div>
  3097.        <div style="clear: left;"></div>
  3098.        <br/>
  3099.        <br/>
  3100.        <br/>
  3101.    </div>
  3102. </div>
  3103.  
  3104.            <!-- templates/dashbord_branderfooter -->
  3105. <div class="w-100">
  3106.    <div class="d-none d-xl-block d-lg-block " style="background-color: #e26e23;">
  3107.        <div class="container" style="position:relative;">
  3108.            <div style="position: absolute; right: 0px; bottom: 0px;">
  3109.                <img src="https://www.kawebook.com/assets2/img/ad.webp?v=2025082208" style="height: 300px;">
  3110.            </div>
  3111.            <div style="padding: 10px 0;">
  3112.                
  3113.                <img src="https://www.kawebook.com/assets2/img/logo_kawe.webp" style="width: 100px;">
  3114.                <img src="https://www.kawebook.com/assets2/img/kawebook.png" style="width: 160px;">
  3115.                <p style="font-size: 1.3rem; color:#603814; font-weight:bold; line-height: 1.8;">อ่านนิยายการ์ตูนสนุก แสนเพลิดเพลิน<br>แหล่งรวมนิยายจากไทย และต่างประเทศ</p>
  3116.                <div style="padding:20px 0 7px 0">
  3117.                    <span style="font-size: 1.1rem; color:#603814; padding-right:10px;">ดาวน์โหลดแอปพลิเคชันได้แล้ววันนี้</span>
  3118.                    <a href="https://play.google.com/store/apps/details?id=glory.kawebook" target="_blank">
  3119.                        <img src="https://www.kawebook.com/assets2/img/google-play.png?v=2025082208" style="width: 110px;">
  3120.                    </a>
  3121.                    <a href="https://apps.apple.com/th/app/kawebook/id1464410595?l=th" target="_blank">
  3122.                        <img src="https://www.kawebook.com/assets2/img/app-store.webp?v=2025082208" style="width: 110px;">
  3123.                    </a>
  3124.                </div>
  3125.            </div>
  3126.        </div>
  3127.    </div>
  3128. </div>
  3129. </main>
  3130.    <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/main.css?v=2.37.2">
  3131. <link rel="stylesheet" href="https://www.kawebook.com/assets2/swiper-4.5.0/dist/css/swiper.min.css?v=1001">
  3132. <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/home_promotion.css?v=2.37.2">
  3133.    <link rel="stylesheet" href="https://www.kawebook.com/assets2/css/model_select_member_style.css?v=2.37.2">
  3134.    <!-- Custom styles for this template -->
  3135. <link rel="canonical" href="https://www.kawebook.com/"/>
  3137.  
  3138.    <!-- FOOTER -->
  3139.    <!-- privacy-policy -->
  3140. <style>
  3141.    #policyPopup{
  3142.     height:auto;
  3143.     opacity:1;
  3144.     z-index:9999999999999999;
  3145.     background-color:#e26e23;
  3146.     position:fixed;
  3147.     bottom:0;left:0;
  3148.     right:0;color:white;
  3149.     padding:30px 25px;
  3150.     font-family:sans-serif;
  3151.    }
  3152.    #policyPopup .wrapper{
  3153.     max-width:1110px;
  3154.     margin-left:auto;
  3155.     margin-right:auto;
  3156.    }
  3157.    .ti-title{
  3158.     color:white;
  3159.     margin:0;
  3160.     padding:0;
  3161.     font-size:20px;
  3162.     font-weight: normal;
  3163.     line-height:1.48;
  3164.    }
  3165.    .ti-text{
  3166.     font-size:12px;
  3167.     margin:0;
  3168.     padding:0;
  3169.     line-height:1.48;
  3170.    }
  3171.    .div-button{
  3172.     padding:20px 15px 0;
  3173.     text-align:center;
  3174.    }
  3175.    .div-btn{
  3176.     border:1px solid white;
  3177.     border-radius:30px;
  3178.     padding:10px 30px;
  3179.     text-decoration:none;
  3180.     color:white;
  3181.     font-size:14px;
  3182.    }
  3183.    .btn-1{
  3184.     background:white;
  3185.     color:#e26e23;
  3186.    }
  3187.    .btn-2{
  3188.     margin-left:15px;
  3189.    }
  3190.    @media (min-width: 992px) {
  3191.     #policyPopup .wrapper{
  3192.     display:grid;
  3193.     grid-template-columns:auto 300px;
  3194.     grid-gap:15px;
  3195.     align-items:center;
  3196.     }
  3197.     .div-button{
  3198.     padding:0;
  3199.     text-align:right;
  3200.     }
  3201.    }
  3202.  
  3203. </style>
  3204. <div id="policyPopup" style="display:none;">
  3205.    <div class="wrapper">
  3206.        <div class="">
  3207.            <h3 class="ti-title">ข้อกำหนดและเงื่อนไขการใช้บริการ</h3>
  3208.            <p class="ti-text">
  3209.                TERMS AND CONDITIONS OF SERVICES สัญญาการให้บริการของ บริษัท รุ่งเรืองตลอดไป จำกัด (มหาชน)...(อ่านต่อคลิกรายละเอียด)
  3210.            </p>
  3211.        </div>
  3212.        <div class="div-button">
  3213.            <button onclick="setPolicy('');" class="div-btn btn-1">ตกลง</button>
  3214.            <a class="div-btn btn-2" target="_blank" href="https://www.kawebook.com/termandcondition">รายละเอียด</a>
  3215.        </div>
  3216.    </div>
  3217. </div>
  3218.  
  3219.    <div id="hide-swal">
  3220.      <footer class="container-fluid bg-foot d-lg-none d-xl-none mobile-hide">
  3221.        <a href="#" class="float-right"><img src="https://www.kawebook.com/assets2/img/icon_facebook.png"></a>
  3222.        <p>&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited( Kawebook.com )</p>
  3223.      </footer>
  3224.  
  3225.  <footer class="container-fluid bg-foot-desk d-none d-xl-block d-lg-block">
  3226. <div class="p-2" style="background-color: rgba(255,255,255,0.5); ">
  3227. <div class="container">
  3228. <div class="row">
  3229. <div class="col-12"  style="padding-left:0;">
  3230. <ul class="menu-footer">
  3231. <li><a href="https://www.kawebook.com/นิยายติดอันดับ" style="padding-left:0; border-left:0;">นิยายติดอันดับ</a></li>
  3232. <li><a href="https://www.kawebook.com/นิยายอัปเดตล่าสุด">อ่านนิยายล่าสุด</a></li>
  3233. <li><a href="https://www.kawebook.com/heart">เติมกำลังใจ</a></li>
  3234. <li><a href="https://www.kawebook.com/เขียนนิยาย">เขียนนิยายของคุณ</a></li>
  3235. <li><a href="https://www.kawebook.com/ข้อกำหนดเว็บไซต์">ข้อกำหนดเว็บไซต์</a></li>
  3236. <li><a href="https://www.kawebook.com/นโยบายความเป็นส่วนตัว">นโยบายความเป็นส่วนตัว</a></li>
  3237. <li><a href="https://www.kawebook.com/ติดต่อเรา">ติดต่อเรา</a></li>
  3238. <li><a href="https://www.glory.in.th" target="_blank">นักลงทุนสัมพันธ์</a></li>
  3239. </ul>
  3240. </div>
  3241. </div>
  3242. <div class="row">
  3243. <div class="col-8">
  3244. <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>
  3245.  
  3246. <img src="//images.dmca.com/Badges/_dmca_premi_badge_4.png?ID=7df36b96-d9b7-4fc3-b218-6f2cafbd3b99" alt="DMCA.com Protection Status">
  3247. </div>
  3248. <div class="col-4 p-0 px-2">
  3249. <p style="font-size:1.2rem; color:#3e2719; font-weight:bold;">เริ่มต้นเผยแพร่ผลงาน</p>
  3250. <p style="font-size:0.8rem; color:#3e2719; line-height: 1.2; text-indent: 2rem;" class="text-justify">
  3251. เริ่มต้นเป็นนักเขียนออนไลน์ เขียนเรื่องราวที่ประทับใจ สร้างเนื้อหาที่เป็นประโยชน์ และแบ่งปันประสบการ์ดีๆ กับผู้คนทั่วโลก kawebook.com เป็นโอกาส เป็นสื่อกลาง และยังเป็นอีกหนึ่งช่องทาง ในการสร้างรายได้ให้กับนักเขียนมืออาชีพ และนักเขียนมือสมัครเล่นจากทุกมุมโลก เพียงสมัครเป็นสมาชิกเว็บไซต์เพื่อเขียนหนังสือ การ์ตูน หรืออัพโหลดอนิเมชั่น ที่เป็นผลงานของท่าน และเผยแพร่ผลงานสู่สาธารณชน</p>
  3252. <div class="d-flex mt-3">
  3253. <button class="btn btn-sm btn-search-header shadow" onclick="location.href = 'https://www.kawebook.com/คู่มือ'" >
  3254. <i class="fas fa-info-circle" style="padding-right:5px;"></i>อ่านวิธีการใช้งานเว็บ
  3255. </button>
  3256. <a class="ml-auto my-auto" href="https://www.facebook.com/kawebook" target="_blank" class="float-right">
  3257. <img src="https://www.kawebook.com/assets2/img/icon_facebook.png">
  3258. </a>
  3259. </div>
  3260. </div>
  3261. </div>
  3262. </div>
  3263. </div>
  3264. <div style="background-color: #a4a4a4; padding: 16px 0;">
  3265. <div class="container">
  3266. <p style="font-size:0.85rem;">&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited ( Kawebook.com )</p>
  3267. </div>
  3268. </div>
  3269.      </footer>
  3270.      <footer class="container-fluid bg-foot d-lg-none d-xl-none mobile-hide">
  3271.        <a href="#" class="float-right"><img src="https://www.kawebook.com/assets2/img/icon_facebook.png"></a>
  3272.        <p>&copy; สงวนลิขสิทธิ์ 2017 Glory Forever Public Company Limited ( Kawebook.com )</p>
  3273.      </footer>
  3274.   </div>
  3275.    <!-- Bootstrap core JavaScript
  3276.    ================================================== -->
  3277.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js?v=1002"></script>
  3278.    <script src="https://www.kawebook.com/assets2/js/popper.min.js?v=1002"></script>
  3279.    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.3/js/bootstrap.min.js?v=1001"></script>
  3280.    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
  3281.  
  3282.  
  3283. <script>
  3284. var Config = {};
  3285. Config.baseURL = "https://www.kawebook.com/";
  3286. Config.maxPercent = "71";
  3287. Config.maxMb = 10;
  3288. Config.limitMb = (1024*1024)*Config.maxMb;
  3289. Config.max_image_upload = 15;
  3290.  
  3291. Config.videoMaxMb = 20;
  3292. Config.videoLimitMb = (1024*1024)*Config.videoMaxMb;
  3293.  
  3294.  
  3295. Config.isMobile = {
  3296.    Android: function() {
  3297.        return navigator.userAgent.match(/Android/i);
  3298.    },
  3299.    BlackBerry: function() {
  3300.        return navigator.userAgent.match(/BlackBerry/i);
  3301.    },
  3302.    iOS: function() {
  3303.        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
  3304.    },
  3305.    Opera: function() {
  3306.        return navigator.userAgent.match(/Opera Mini/i);
  3307.    },
  3308.    Windows: function() {
  3309.        return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
  3310.    },
  3311.    any: function() {
  3312.        return (Config.isMobile.Android() || Config.isMobile.BlackBerry() || Config.isMobile.iOS() || Config.isMobile.Opera() || Config.isMobile.Windows());
  3313.    }
  3314. };
  3315.  
  3316. </script>
  3317.  
  3318. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js?v=1001"></script>
  3319. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js?v=1001"></script>
  3320. <script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js?v=1001"></script>
  3321. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
  3322. <script src="https://www.kawebook.com/assets/shared.js?v=1002"></script>
  3323.  
  3324.  
  3325. <link rel="manifest" href="https://www.kawebook.com/manifest.json">
  3326. <script src="https://www.kawebook.com/assets/EasyAutocomplete-1.3.5/jquery.easy-autocomplete.min.js?v=1002"></script>
  3327.  
  3328. <!-- Sweet-Alert  -->
  3329. <link href="https://www.kawebook.com/assets/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
  3330. <script src="https://www.kawebook.com/assets/sweetalert/sweetalert.min.js"></script>
  3331. <script src="https://www.kawebook.com/assets/sweetalert/jquery.sweet-alert.custom.js"></script>
  3332.  
  3333. <script src="https://www.kawebook.com/assets2/plugins/Custom-Alert-Notification/minified/js/iao-alert.jquery.min.js"></script>
  3334. <script src="https://www.kawebook.com/assets2/plugins/datetimepicker/jquery.datetimepicker.full.min.js"></script>
  3335. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  3336.  
  3337. <!-- modal_update_image_member -->
  3338. <div class="modal fade" id="modal_update_image_member"  tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  3339.    <div class="modal-dialog modal-dialog-centered " role="document">
  3340.        <div class="modal-content">
  3341.         <div class="modal-header">
  3342.         <div>แก้ไขรูปโปรไฟล์</div>
  3343.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  3344.         </div>
  3345.            <div class="modal-body" style="background-color: #fefef6; border-radius: 0.3rem;">
  3346.  
  3347.             <div class="d-flex justify-content-center">
  3348.             <div class="w-50">
  3349.             <div class="d-flex justify-content-center">
  3350.             <img src="" id="displayProfilePre" style="height: 200px; width: 200px;" onclick="javascript:$('#fileUplaodDisplayProfile').click();">
  3351.             </div>
  3352.             </div>
  3353.             <div class="w-50">
  3354.         <small>upload ขนาดรูปโปรไฟล์แนะนำ 200x200, และนามสกุล jpeg, jpg, png, gif</small>
  3355.             <button class="btn btn-search-header d-flex justify-content-center my-4 mx-auto btnChangeDisplayProfile" style="width: 120;" onclick="javascript:$('#fileUplaodDisplayProfile').click();">
  3356.             <i class="fa-solid fa-pen-to-square fa-1x iconChangePositionOnModalUploadImg"></i>
  3357.             <div class="font-weight-bolder ml-2 my-auto">เปลี่ยนรูป</div>
  3358.             </button>
  3359.             <button class="btn btn-search-header d-flex justify-content-center my-4 mx-auto btnSaveDisplayProfile" style="width: 120;" onclick="javascript:$('#formUploadDisplayProfileImage').submit();">
  3360.             <i class="fa-regular fa-floppy-disk fa-1x iconChangePositionOnModalUploadImg"></i>
  3361.             <div class="font-weight-bolder ml-2 my-auto">บันทึก</div>
  3362.             </button>
  3363.             </div>
  3364.             </div>
  3365.            </div>
  3366.        </div>
  3367.    </div>
  3368. </div>
  3369.  
  3370. <form action="https://www.kawebook.com/profile/savedisplayprofileimage" id="formUploadDisplayProfileImage" name="formUploadDisplayProfileImage" method="post" enctype="multipart/form-data" accept-charset="utf-8">
  3371. <input type="hidden" name="csrf_test_name" value="8d42e1364183d5408642c4d8c4923f54" style="display:none;" />
  3372. <input type="file" id="fileUplaodDisplayProfile" name="member_image" accept="image/*"  style="display: none;">
  3373. </form>
  3374.  
  3375. <script type="text/javascript">
  3376. // $('#modal_update_image_member').modal('show');
  3377.  
  3378. // $('#modal_update_image_member').on('shown.bs.modal', function (e) {
  3379. //    $('.btnChangeDisplayProfile').prop('disabled',0)
  3380. //    $('.btnSaveDisplayProfile').prop('disabled',1)
  3381. // });
  3382.  
  3383. function editDisplayProfile(){
  3384. $('#modal_update_image_member').modal('show');
  3385. }
  3386.  
  3387. var _validFileExtensions = [".jpeg", ".jpg", ".png", ".gif"];    
  3388. var myFile = document.getElementById('fileUplaodDisplayProfile');
  3389.  
  3390. myFile.addEventListener('change', function(event) {
  3391.    if (myFile.type == "file") {
  3392.        var sFileName = myFile.value;
  3393.        if (sFileName.length > 0) {
  3394.  
  3395. if(myFile.files[0].size > Config.limitMb){
  3396. bootbox.alert('ไฟล์มีขนาดเกิน '+Config.maxMb+'Mb ');
  3397. input.value = "";
  3398. return false;
  3399. }
  3401.            var blnValid = false;
  3402.            for (var j = 0; j < _validFileExtensions.length; j++) {
  3403.                var sCurExtension = _validFileExtensions[j];
  3404.                if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) {
  3405.                    blnValid = true;
  3406.                    break;
  3407.                }
  3408.            }
  3409.            
  3410.            if (!blnValid) {
  3411.                bootbox.alert("กรุณาอัพโหลดไฟล์ .jpeg, .jpg, .png, .gif");
  3412.                document.getElementById("fileUplaodDisplayProfile").value = "";
  3413.                return false;
  3414.            }
  3415.        }
  3416.    }
  3419. var output3 = document.getElementById('displayProfilePre');
  3420. output3.src = URL.createObjectURL(event.target.files[0]);
  3421.  
  3422. });
  3423.  
  3424. </script>
  3425.  
  3426.  
  3427. <div class="modal fade" role="dialog" id="RememberModal">
  3428.  <div class="modal-dialog" role="document">
  3429.    <div class="modal-content" style="background-color:#f4fda7;">
  3430.        <div class="modal-header">
  3431. <p class="modal-title w-100" style="text-align:center; font-size:1.3rem; color:#e26e23; font-weight:bold; margin-left:26px;">ลืมรหัสผ่าน</p>
  3432.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3433.                <span aria-hidden="true" style="color:#f0c6ad">&#x2715;</span>
  3434.            </button>
  3435.        </div>
  3436.     <div class="modal-body modal-login">
  3437.         <form action="https://www.kawebook.com/member/forgotpassword" name="forgot_frm" method="post" id="forgot_frm" enctype="multipart/form-data" accept-charset="utf-8">
  3438. <input type="hidden" name="csrf_test_name" value="8d42e1364183d5408642c4d8c4923f54" style="display:none;" />
  3439.              <div style="padding-bottom:10px;">
  3440.                <input type="text" class="form-control" id="forgot_email" name="forgot_email" placeholder="อีเมล">              
  3441.              </div>
  3442.              <div style="padding-bottom:10px; text-align:center;">
  3443.               กรุณาตรวจสอบอีเมล หากไม่พบอีเมลในกล่องข้อความ กรุณาตรวจสอบอีเมลในกล่องจดหมายถังขยะ
  3444.              </div>
  3445.  <div style="text-align:center;">
  3446. <button type="submit" class="btn btn-search-header shadow" style="width:200px; margin-top:0;">ขอรหัสผ่านใหม่</button>
  3447. </div>
  3448.            </form>
  3449.        </div>
  3450.    </div>
  3451.  </div>
  3452. </div>
  3453. <script>
  3454. $('#forgot_frm').validate({
  3455. rules: {
  3456. forgot_email: {
  3457. required: true,
  3458. email: true
  3459. }
  3460. }
  3461. });
  3462. </script><div class="modal fade showalert">
  3463.  <div class="modal-dialog">
  3464.    <div class="modal-content">
  3465.      <div class="modal-header">
  3466.      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3467.        <h4 class="modal-title">มีบางอย่างผิดพลาด</h4>
  3468.      </div>
  3469.      <div class="modal-body">
  3470.        <p>+ กรุณากรอกที่อยู่อีเมล์ให้ถูกต้อง</p>
  3471.      </div>
  3472.      
  3473.    </div>
  3474.    <!-- /.modal-content -->
  3475.  </div>
  3476.  <!-- /.modal-dialog -->
  3477. </div>
  3478. <!-- /.modal --><!-- privacy-policy -->
  3479. <style>
  3480.    #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;}}
  3481.    a.pdpa-btn-1:hover {
  3482.        color:#e26e23;
  3483.    }
  3484.    a.pdpa-btn-2:hover {
  3485.        color:#fff;
  3486.    }
  3487. </style>
  3488. <div id="pdpaPopup" class="d-none">
  3489.    <div class="wrapper">
  3490.        <div class="">
  3491.            <h3 class="pdpa-title">เว็บไซต์นี้ใช้คุกกี้</h3>
  3492.            <p class="pdpa-text">
  3493.                เว็บไซต์นี้ใช้คุกกี้ เพื่อสร้างประสบการณ์นำเสนอคอนเทนต์ที่ดีให้กับท่าน รวมถึงเพื่อจัดการข้อมูลส่วนบุคคลเพื่อให้ท่านได้รับประสบการณ์ที่ดีบนบริการของเว็บไซต์เรา หากท่านใช้บริการเว็บไซต์นี้ต่อไปโดยไม่มีการปรับตั้งค่าใดๆ
  3494.                นั่นเป็นการแสดงว่าท่านอนุญาตยินยอมที่จะรับคุกกี้บนเว็บไซต์และนโยบายสิทธิส่วนบุคคลของเรา
  3495.            </p>
  3496.        </div>
  3497.        <div class="pdpa-button">
  3498.            <a href="#" class="pdpa-btn pdpa-btn-1">ยอมรับ</a>
  3499.            <a class="pdpa-btn pdpa-btn-2" target="_blank" href="https://www.kawebook.com/cookiesnotice">รายละเอียด</a>
  3500.        </div>
  3501.    </div>
  3502. </div>
  3503.  
  3504. <script type="text/javascript">
  3505.    let isAgreePrivacyPolicy = localStorage.getItem('isAgreePrivacyPolicy');
  3506.    $(function(){
  3507.  
  3508.        $('.pdpa-btn-1').click(function(event) {
  3509.            $('#pdpaPopup').addClass('d-none');
  3510.            $('body').css('margin-bottom','unset');
  3511.            localStorage.setItem('isAgreePrivacyPolicy','1');
  3512.            $('.initMenuResponstive').removeClass('d-none');
  3513.        });
  3514.    });
  3515.  
  3516.    function checkPrivacyPolicy(){
  3517.        if(isAgreePrivacyPolicy!=='1'){
  3518.            $('#pdpaPopup').removeClass('d-none');
  3519.            let pdpHeight = getPDPHeight();
  3520.            $('body').css('margin-bottom',pdpHeight+'px');
  3521.        }else{
  3522.            $('.initMenuResponstive').removeClass('d-none');
  3523.        }
  3524.    }
  3525.  
  3526.    function getPDPHeight(){
  3527.        return $('#pdpaPopup').innerHeight();
  3528.    }
  3529. </script>
  3530. <style>
  3531.  
  3532. .active-menu{
  3533. color: #e26e23;
  3534. }
  3535.    .mobile-show {
  3536.        display:none;
  3537.    }
  3538.    .dask-show {
  3539.        display:block;
  3540.    }
  3541.    .footer-mobile{
  3542.        position: fixed;
  3543.        height: 50px;
  3544.        bottom: 0;
  3545.        width: 100%;
  3546.        background-color: #f7f8f3;
  3547.        z-index: 99999;
  3548.        font-size: 10px;
  3549.        padding-top: 5px;
  3550.    }
  3551.    .mobile-icon{
  3552.     width: 25px;
  3553.    }
  3554.    .none-space{
  3555.     padding-left: 0px !important;
  3556.     padding-right: 0px !important;
  3557.     margin-left: 0px !important;
  3558.     margin-right: 0px !important;
  3559.    }
  3560.  
  3561. .chk-display-show{
  3562. display: none !important;
  3563. }
  3564.  
  3565.    @media only screen and (max-width: 1000px) {
  3566.  
  3567. .chk-display-show{
  3568. display: block !important;
  3569. }
  3570.  
  3571.     #pdpaPopup{
  3572. z-index: 99999 !important;
  3573. }
  3574. .mobile-hide{
  3575. display:none !important;
  3576. }
  3577.     .dask-show {
  3578.            display:none;
  3579.        }
  3580.        .mobile-show {
  3581.            display:block;
  3582.        }
  3583.        .btn-uptopPage{
  3584.         bottom: 69px;
  3585.        }
  3586.    }
  3587.  
  3588. /* for iPad screening portrait */
  3589.    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
  3590. .chk-display-show{
  3591. display: block !important;
  3592. }
  3593.    }
  3594.  
  3595.    @media only screen and (max-width: 600px) {
  3596. .chk-display-show{
  3597. display: block !important;
  3598. }
  3599.  
  3600.     .btn-addheart{
  3601.     width: 95% !important;
  3602.     }
  3603.     .member-sidenav{
  3604.     width: 300px !important;
  3605.     }
  3606.     #pdpaPopup{
  3607. z-index: 99999 !important;
  3608. }
  3609. .mobile-hide{
  3610. display:none !important;
  3611. }
  3612.        .dask-show {
  3613.            display:none;
  3614.        }
  3615.        .mobile-show {
  3616.            display:block;
  3617.        }
  3618.        .btn-uptopPage{
  3619.         bottom: 69px;
  3620.        }
  3621.    }
  3622. </style>
  3623.  
  3624.    <!-- FOOTER -->
  3625.    <div class="chk-display-show">
  3626.     <div class="initMenuResponstiveHr"></div>
  3627. <div class="initMenuResponstive">
  3628. <div class="container-fluid footer-mobile pb-2" id="hide_scroll">
  3629. <div class="row text-center">
  3630. <div class="col none-space">
  3631. <a href="https://www.kawebook.com/ชั้นหนังสือ">
  3632. <img src="https://www.kawebook.com/assets/img/icon/icon-01.webp?v=1002" class="mobile-icon">
  3633. <p class="">ชั้นหนังสือ</p>
  3634. </a>
  3635. </div>
  3636. <div class="col none-space">
  3637. <a href="https://www.kawebook.com/นิยาย">
  3638. <img src="https://www.kawebook.com/assets/img/icon/icon-03.webp?v=1002" class="mobile-icon">
  3639. <p class="">นิยาย</p>
  3640. </a>
  3641. </div>
  3642. <div class="col none-space">
  3643. <a href="https://www.kawebook.com/การ์ตูน">
  3644. <img src="https://www.kawebook.com/assets/img/icon/icon-05.webp?v=1002" class="mobile-icon">
  3645. <p class="">การ์ตูน</p>
  3646. </a>
  3647. </div>
  3648. <div class="col none-space">
  3649. <a href="https://www.kawebook.com/ค้นหา">
  3650. <img src="https://www.kawebook.com/assets/img/icon/icon-07.webp?v=1002" class="mobile-icon">
  3651. <p class="">ค้นหา</p>
  3652. </a>
  3653. </div>
  3654. <div class="col none-space">
  3655. <a href="https://www.kawebook.com/profile/editprofile">
  3656. <img src="https://www.kawebook.com/assets/img/icon/icon-09.webp?v=1002" class="mobile-icon">
  3657. <p class="">โปรไฟล์</p>
  3658. </a>
  3659. </div>
  3660. </div>
  3661. </div>
  3662. </div>
  3663.    </div>
  3665. <script>
  3666. $(function(){
  3667.  
  3668. var lastScrollTop = 0, delta = 5;
  3669. $(window).scroll(function(){
  3670. var element = document.querySelector("body");
  3671. var height = element.clientHeight-window.innerHeight-delta
  3672. var nowScrollTop = $(this).scrollTop();
  3673. let percenNow = (nowScrollTop*100)/height
  3674.  
  3675. if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
  3676. if (nowScrollTop > lastScrollTop || percenNow>85){
  3677. $("#hide_scroll").hide()
  3678. $('#group-detail').hide()
  3679. $('.btn-uptopPage').hide()
  3680. } else {
  3681. $("#hide_scroll").show()
  3682. $('#group-detail').show()
  3683. $('.btn-uptopPage').show()
  3684. }
  3686. lastScrollTop = nowScrollTop;
  3688. if (nowScrollTop <= 10){
  3689. $('.btn-uptopPage').hide()
  3690. }
  3691. }
  3692. })
  3693.  
  3694. if($('.card').length){
  3695. $('.initMenuResponstiveHr').css('padding-top','50px')
  3696. }
  3697. })
  3698. </script>  
  3699.  
  3700. <!-- modal_review_quize -->
  3701.  
  3702. <div class="modal fade" role="dialog" id="modal_review_quize" data-backdrop="static" data-keyboard="false">
  3703.  <div class="modal-dialog" role="document">
  3704.    <div class="modal-content" >
  3705.        <div class="modal-header" style="color: #fef6e6; background-color:#e26e23;">
  3706.            <p class="modal-title w-100" style="text-align:center; font-size:1.3rem; font-weight:bold; margin-left:26px;">Review/Comment</p>
  3707.            <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#fef6e6; opacity:unset;">
  3708.                <span aria-hidden="true">&#x2715;</span>
  3709.            </button>
  3710.        </div>
  3711.     <div class="modal-body" style="background-color:#f7d8bf;">
  3712.            <div class="mb-2 lead font-weight-bold">เรื่อง ????</div>
  3713.            <div class="content-loading fa-5x"><i class="fas fa-circle-notch fa-spin"></i></div>
  3714.            <div class="ajaxContent d-none">
  3715.                <div class="d-flex commentHead-row p-2 rounded">
  3716.                    <div class="user-review-desk">
  3717.                        <img class="w-100 imgReplay rounded">
  3718.                    </div>
  3719.                    <div class="ml-2 w-100">
  3720.                        <p class="review-name-desk text-head-1">userA???</p>
  3721.                        <p class="text">???? ??? ? ???? ?? ??</p>
  3722.                    </div>
  3723.                </div>
  3724.                <div class="d-md-flex">
  3725.                    <i class="fas fa-reply fa-rotate-180 fa-2x mb-auto ml-2 mt-2" style="color:#e26e23;"></i>
  3726.                    <div class="ml-2 w-100">
  3727.                        <div class="mt-3">
  3728.  
  3729.                            <div class="commentChild">
  3730.                                <!-- notiwebsite.js -->
  3731.                            </div>
  3732.  
  3733.                            <div class="commentMe d-flex ml-2">
  3734.                                <div class="user-review-desk">
  3735.                                    <img class="w-100 rounded" src="">
  3736.                                </div>
  3737.                                <div class="ml-2 w-100">
  3738.                                    <p class="review-name-desk"></p>
  3739.                                    <textarea class="form-control mt-2" rows="3" autofocus></textarea>
  3740.                                </div>
  3741.                            </div>
  3742.                        </div>
  3743.                    </div>
  3744.                </div>
  3745.                <div class="text-right">
  3746.                    <span class="text-danger d-none">??????????</span>
  3747.                </div>
  3748.                <div class="d-flex justify-content-between">
  3749.                    <button type="button" class="btn btn-search-header shadow btnKeepNoti p-1 px-2 mt-3 " onclick="keepNoti()" data-iskeep="false">
  3750.                        <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">
  3751.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3752.                           <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>
  3753.                           <path d="M9 17v1a3 3 0 0 0 6 0v-1"></path>
  3754.                           <line x1="10" y1="11" x2="14" y2="11"></line>
  3755.                           <line x1="12" y1="9" x2="12" y2="13"></line>
  3756.                        </svg> เก็บไว้ก่อน
  3757.                    </button>
  3758.                    <button type="button" class="btn btn-search-header shadow btnAddReviewNew p-1 px-2 mt-3 " onclick="replayReviewCommentQuize()">
  3759.                        <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">
  3760.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3761.                           <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
  3762.                        </svg> ส่งข้อความ
  3763.                    </button>
  3764.                </div>
  3765.            </div>
  3766.        </div>
  3767.    </div>
  3768.  </div>
  3769. </div>
  3770. <script>
  3771.    let modal = $('#modal_review_quize')
  3772.  
  3773.    if(typeof ajaxPost === 'undefined'){
  3774.        var ajaxPost = function(obj,fn,conDirect) {
  3775.            var controller = (conDirect)?conDirect:'story';
  3776.            var data_res = encodeURIComponent(JSON.stringify(obj));
  3777.            var baseURL = "https://www.kawebook.com/";
  3778.            return new Promise(function(resolve,reject) {
  3779.                $.ajax({
  3780.                    type: "POST",
  3781.                    url: baseURL + controller+'/'+fn,
  3782.                    data: {
  3783.                        [csrfName] : csrfHash,
  3784.                        'data_obj' : data_res
  3785.                    },
  3786.                    success: function(data){
  3787.                        try {
  3788.                            data = JSON.parse(data);
  3789.                            resolve(data);
  3790.                        } catch(error) {
  3791.                            resolve(data);
  3792.                        }
  3793.                    },
  3794.                    error:function(data){
  3795.                        try {
  3796.                            data = JSON.parse(data);
  3797.                            resolve(data);
  3798.                        } catch(error) {
  3799.                            resolve(data);
  3800.                        }
  3801.                    }
  3802.                });
  3803.            });
  3804.        }    
  3805.    }
  3806.    if(typeof ajaxGet === 'undefined'){
  3807.        var ajaxGet = function(obj,fn,conDirect) {
  3808.            var controller = (conDirect)?conDirect:'story';
  3809.            var data_res = encodeURIComponent(JSON.stringify(obj));
  3810.            var baseURL = "https://www.kawebook.com/";
  3811.            return new Promise(function(resolve,reject) {
  3812.                $.ajax({
  3813.                    type: "GET",
  3814.                    url: baseURL + controller+'/'+fn,
  3815.                    data: {
  3816.                        [csrfName] : csrfHash,
  3817.                        'data_obj' : data_res
  3818.                    },
  3819.                    success: function(data){
  3820.                        try {
  3821.                            data = JSON.parse(data);
  3822.                            resolve(data);
  3823.                        } catch(error) {
  3824.                            resolve(data);
  3825.                        }
  3826.                    },
  3827.                    error:function(data){
  3828.                        try {
  3829.                            data = JSON.parse(data);
  3830.                            resolve(data);
  3831.                        } catch(error) {
  3832.                            resolve(data);
  3833.                        }
  3834.                    }
  3835.                });
  3836.            });
  3837.        }    
  3838.    }
  3839.  
  3840.    function keepNoti(){
  3841.        $('.btnKeepNoti').data('iskeep',true)
  3842.        modal.modal('hide')
  3843.    }
  3844.  
  3845.    function replayReviewCommentQuize(){
  3846.        let review_content = modal.find('textarea').val()
  3847.        modal.find('.text-danger').addClass('d-none')
  3848.        if(review_content.length < 1 || chckReviewText(review_content)){ return modal.find('.text-danger').text('กรุณาระบุความคิดเห็น').removeClass('d-none'); }
  3849.        isReviewQuizeLoad(1);
  3850.        let obj = {
  3851.            'review_content' : review_content,
  3852.            'review_id' : (modal.data('parentreviewid'))?modal.data('parentreviewid'):modal.data('reviewid'),
  3853.            'story_id' : modal.data('storyid'),
  3854.            'chapter_id' : modal.data('chapterid'),
  3855.            'key' : modal.data('key'),
  3856.            'index' : modal.data('index'),
  3857.            'review_page' : modal.data('review_page'),
  3858.        }
  3859.  
  3860.        ajaxPost(obj,'addstoryreview','review').then(function(res){
  3861.            if(res.status){
  3862.  
  3863.                $('.btnKeepNoti').data('iskeep',false)
  3864.                $('.notiWebsite-row').each(function(i,v){
  3865.                    let key = $(this).data('key')
  3866.                    if(key==obj.key){
  3867.                        $(this).remove()
  3868.                        refershNoti()
  3869.                    }
  3870.                })
  3871.  
  3872.                isReviewQuizeLoad(0)
  3873.                modal.modal('hide')
  3874.  
  3875.            }else{ bootbox.alert(res.message);isReviewQuizeLoad(0) }
  3876.        })
  3877.    }
  3878.  
  3879.    function chckReviewText(value){
  3880.        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();
  3881.        let isErr = data.length<1;
  3882.        return isErr;
  3883.    }
  3884.  
  3885.    function isReviewQuizeLoad(isData){
  3886.        if(isData){
  3887.            let html = `
  3888.                <i class="fas fa-spinner fa-spin"></i> กำลังส่งส่งข้อความ
  3889.            `;
  3890.            modal.find('textarea,button').addClass('disabled').prop('disabled',1)
  3891.            $('.btnAddReviewNew').html(html)
  3892.        }else{
  3893.            let html = `
  3894.                <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">
  3895.                           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  3896.                           <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
  3897.                </svg> ส่งข้อความ
  3898.            `;
  3899.            modal.find('textarea,button').addClass('disabled').prop('disabled',0)
  3900.            $('.btnAddReviewNew').html(html)
  3901.        }
  3902.    }
  3903.  
  3904.    function refershNoti(){
  3905.        if($('.notiWebsite-content .notiWebsite-row').length){
  3906.            $('.iconNotiWebsite').find('.icon-item-new').removeClass('d-none')
  3907.        }else{
  3908.            $('.iconNotiWebsite').find('.icon-item-new').addClass('d-none')
  3909.        }
  3910.    }
  3911.  
  3912.    $(function(){
  3913.  
  3914.        modal.on('shown.bs.modal', function () {
  3915.            $(this).find('textarea').focus()
  3916.        })
  3917.  
  3918.        modal.on('hidden.bs.modal', function () {
  3919.            let isKeep = $('.btnKeepNoti').data('iskeep')
  3920.            let key = modal.data('key')
  3921.            if(!isKeep){
  3922.  
  3923.                // update UX/UI
  3924.                $('.notiWebsite-content .notiWebsite-row').each(function(index, el) {
  3925.                    let keyRow = $(this).data('key')
  3926.                    if(keyRow == key){ $(this).remove();refershNoti() }
  3927.                })
  3928.  
  3929.                // call server clear notijson
  3930.                ajaxPost({"key":key},'clearnotijsonmebykey','review').then(function(res){
  3931.                    // console.log(res)
  3932.                })
  3933.            }
  3934.        })
  3935.  
  3936.        modal.find('textarea').keypress(function (e) {
  3937.            if (e.which == 13) {
  3938.                replayReviewCommentQuize()
  3939.                return false
  3940.            }
  3941.        })
  3942.        
  3943.    })
  3944.  
  3945. </script>
  3946.  
  3947.  
  3948. <script src="https://www.kawebook.com/assets/js/notiwebsite.js?v=2.37.2"></script>
  3949.  
  3950. <script>
  3951.  
  3952. bootbox.setLocale('th');
  3953. var error_title = "";
  3954. var error_message = "";
  3955. var notify = "";
  3956.  
  3957. notify = "";
  3958. error_title = "";
  3959. error_message = "";
  3960.  
  3961. if(error_message != ""){
  3962. Message(error_message,error_title);
  3963. }
  3964. function Message($message,$title){
  3965. if(!$title){
  3966. $title = "ข้อความจากระบบ";
  3967. }
  3968. bootbox.alert($message);
  3969. /*$('.showalert').modal('show') ;
  3970. $('.showalert .modal-title').html('<font color="#4a4a4a">'+$title+'</i></font>');
  3971. $('.showalert .modal-body p').html('<font color="#4a4a4a">'+$message+'</font>');*/
  3972. }
  3973.  
  3974. if(notify){
  3975. soundNotify();
  3976. }
  3977.  
  3978. function soundNotify(){
  3979. var audio = new Audio(Config.baseURL+'assets/sound/notification.mp3');
  3980. audio.loop = false;
  3981. audio.play();
  3982. }
  3983.  
  3984. jQuery.extend(jQuery.validator.messages, {
  3985.    required: "กรุณากรอกข้อมูล.",
  3986.    remote: "Please fix this field.",
  3987.    email: "กรุณากรอกที่อยู่อีเมลให้ถูกต้อง.",
  3988.    url: "Please enter a valid URL.",
  3989.    date: "Please enter a valid date.",
  3990.    dateISO: "Please enter a valid date (ISO).",
  3991.    number: "กรุณากรอกข้อมูลตัวเลขเท่านั้น.",
  3992.    digits: "Please enter only digits.",
  3993.    creditcard: "Please enter a valid credit card number.",
  3994.    equalTo: "กรุณากรอกรหัสผ่านให้ตรงกัน.",
  3995.    accept: "กรุณาเลือกไฟล์ให้ถูกต้อง.",
  3996.    maxlength: jQuery.validator.format("กรุณากรอกข้อมูลน้อยกว่า {0} ตัวอักษร."),
  3997.    minlength: jQuery.validator.format("กรุณากรอกข้อมูลมากกว่า {0} ตัวอักษร."),
  3998.    rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
  3999.    range: jQuery.validator.format("Please enter a value between {0} and {1}."),
  4000.    max: jQuery.validator.format("กรุณาป้อนค่าที่น้อยกว่าหรือเท่ากับ {0}"),
  4001.    min: jQuery.validator.format("กรุณาป้อนค่าที่มากกว่าหรือเท่ากับ {0}")
  4002. });
  4003.  
  4004.  
  4005.  
  4006. $(document).ready(function(e) {
  4008. const namePath = window.location.pathname;
  4009. const sptNamePath = namePath.split('/');
  4010. // https://www.kawebook.com/
  4011. const ctlName = sptNamePath[1] || 'index';
  4013. //check login
  4014. var chkLogin = false;
  4016. if((ctlName == 'index' && chkLogin) || ctlName !== 'index'){
  4017. // console.log("------ in if index and chkLogin -----");
  4018. var APP_ID = '226865737821474';
  4019. window.fbAsyncInit = function() {
  4020. FB.init({
  4021. appId            : APP_ID,
  4022. autoLogAppEvents : true,
  4023. xfbml            : true,
  4024. version          : 'v14.0'
  4025. });
  4026. };
  4027. (function(d, s, id){
  4028. var js, fjs = d.getElementsByTagName(s)[0];
  4029. if (d.getElementById(id)) {return;}
  4030. js = d.createElement(s); js.id = id;
  4031. js.src = "//connect.facebook.net/en_US/sdk.js?v=202508220308";
  4032. fjs.parentNode.insertBefore(js, fjs);
  4033. }(document, 'script', 'facebook-jssdk'));
  4034. }
  4036. });
  4037.  
  4038.  
  4039. $(document).on({
  4040.    "contextmenu": function(e) {
  4041.        //console.log("ctx menu button:", e.which);
  4042.        e.preventDefault();
  4043.    },
  4044.    "mousedown": function(e) {
  4045.        //console.log("normal mouse down:", e.which);
  4046.    },
  4047.    "mouseup": function(e) {
  4048.        //console.log("normal mouse up:", e.which);  
  4049.    }
  4050. });
  4051.  
  4052. $(window).scroll(function () {
  4053. if(screen.width > 1000){
  4054. if ($(this).scrollTop() > 400) {
  4055. $('.btn-uptopPage').fadeIn();
  4056. } else {
  4057. $('.btn-uptopPage').fadeOut();
  4058. }
  4059. }
  4060. });
  4061.  
  4062. $('.btn-uptopPage').on('click', function () {
  4063. $("html, body").animate({
  4064. scrollTop: 0
  4065. }, 600);
  4066. return false;
  4067. });
  4069. function check_cross_site_script(txt,txtName){
  4070. var word = 'script';
  4071. if(txt.indexOf("<"+word+">")>=0 || txt.indexOf("</"+word+">")>=0 || txt.indexOf("alert(")>=0) {
  4072. return false;
  4073. }
  4074. var srt1 = "(";
  4075. var cou1 = 0;
  4076. for (var i=0;i<txt.length;i++)
  4077. {
  4078. if(srt1 == txt.substr(i,srt1.length)){
  4079. cou1++;
  4080. }
  4081. }
  4082. var srt2 = ")";
  4083. var cou2 = 0;
  4084. for (var i=0;i<txt.length;i++){
  4085. if(srt2 == txt.substr(i,srt2.length)){
  4086. cou2++;
  4087. }
  4088. }
  4089. if(cou1!=cou2){
  4090. return false;
  4091. }
  4092. }
  4093.  
  4094. </script>
  4095. <!-- Global Site Tag (gtag.js) - Google Analytics -->
  4096. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-107742185-1"></script>
  4097. <script>
  4098.  window.dataLayer = window.dataLayer || [];
  4099.  function gtag(){dataLayer.push(arguments)};
  4100.  gtag('js', new Date());
  4101.  
  4102.  gtag('config', 'UA-107742185-1');
  4103. </script>
  4104.  
  4105. <!-- Google Tag Manager -->
  4106. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  4107. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  4108. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  4109. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  4110. })(window,document,'script','dataLayer','GTM-WRKQ35M');</script>
  4111. <!-- End Google Tag Manager -->
  4112.  
  4113. <!-- Google Tag Manager (noscript) -->
  4114. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRKQ35M"
  4115. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  4116. <!-- End Google Tag Manager (noscript) -->
  4117.  
  4118.  
  4119. <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;">
  4120. <div class="d-flex justify-content-between">
  4121. <span style="font-size:14px;">ใช้ KaweBook ผ่านแอปสะดวกกว่า</span>
  4122. <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>
  4123. </div>
  4124. <div class="row" style="padding:5px 0;">
  4125. <div style="width:auto;">
  4126. <img src="https://www.kawebook.com/assets2/img/icon-app.webp" style="height:60px;">
  4127. </div>
  4128. <div class="col" style="padding:0 5px;">
  4129. <p>KaweBook<p>
  4130. <p>อ่านเขียน นิยายออนไลน์ ฟรี! จำนวนมาก<p>
  4131. <p>Glory Forever Public Company Limited<p>
  4132. </div>
  4133. <div style="width:auto;">
  4134. <img src="https://www.kawebook.com/assets2/img/kawe_emoji1.webp" style="height:60px;">
  4135. </div>
  4136. </div>
  4137. <div>
  4138. <button style="width:100%; font-size:14px; padding: 2px 12px;" class="btn btn-search-header" onclick="run();">เปิดด้วยแอป KaweBook</button>
  4139. </div>
  4140. </div>
  4141. <script type="text/javascript">
  4142. $(document).ready(function(){
  4143. // If the 'hide cookie is not set we show the message
  4144. if (!readCookie('hide')) {
  4145. if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
  4146. // $("#branch-banner").show();
  4147. }
  4148. }
  4149.  
  4150. // Add the event that closes the popup and sets the cookie that tells us to
  4151. // not show it again until one day has passed.
  4152. $('#branch-banner-close1').click(function() {
  4153. $('#branch-banner').hide();
  4154. createCookie('hide', true, 1) // 1 Day = 24 Hour
  4155. return false;
  4156. });
  4157. });
  4158.  
  4159. function run(){
  4160. var desktopFallback = "https://www.kawebook.com",
  4161. ios_mobileFallback = "https://apps.apple.com/th/app/kawebook/id1464410595?l=th",
  4162. ios_app = "ioskawebookMain://",
  4163. android_mobileFallback = "http://play.google.com/store/apps/details?id=glory.kawebook",
  4164. android_app = "glory://android_kawebook/Main";
  4165. if( /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
  4166. if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ){ // IOS
  4167. window.location = ios_app;
  4168. window.setTimeout(function() {
  4169. window.location = ios_mobileFallback;
  4170. }, 5000);
  4171. }else if( /Android/i.test(navigator.userAgent) ){ // Android
  4172. window.location = android_app;
  4173. window.setTimeout(function() {
  4174. window.location = android_mobileFallback;
  4175. // location.reload();
  4176. }, 5000);
  4177. }else {
  4178. window.location = desktopFallback;
  4179. }
  4180. } else {
  4181. window.location = desktopFallback;
  4182. }
  4183. function killPopup() {
  4184. window.removeEventListener('pagehide', killPopup);
  4185. }
  4186. window.addEventListener('pagehide', killPopup);
  4187. }
  4188.  
  4189. // ---
  4190. // And some generic cookie logic
  4191. // ---
  4192. function createCookie(name,value,days) {
  4193.  if (days) {
  4194.    var date = new Date();
  4195.    date.setTime(date.getTime()+(days*2*60*60*1000));
  4196.    // date.setTime(date.getTime()+10000);
  4197.    // date.setTime(date.getTime()+(days*24*60*60*1000));
  4198.    var expires = "; expires="+date.toGMTString();
  4199.  }
  4200.  else var expires = "";
  4201.  document.cookie = name+"="+value+expires+"; path=/";
  4202. }
  4203.  
  4204. function readCookie(name) {
  4205.  var nameEQ = name + "=";
  4206.  var ca = document.cookie.split(';');
  4207.  for(var i=0;i < ca.length;i++) {
  4208.    var c = ca[i];
  4209.    while (c.charAt(0)==' ') c = c.substring(1,c.length);
  4210.    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  4211.  }
  4212.  return null;
  4213. }
  4214.  
  4215. function eraseCookie(name) {
  4216.  createCookie(name,"",-1);
  4217. }
  4218.  
  4219.  
  4220.  
  4221. // Change Password 90 Days
  4222. $( document ).ready(function() {
  4223. if (typeof(check_page_chenge_password) == "undefined"){
  4224. var member_cal_date = "";
  4225. var check_member_id = "";
  4226. var member_type     = "0";
  4227. var check_base_url  = "https://www.kawebook.com/profile/editprofile";
  4228. if(member_type == 0 || member_type == 2 || member_type == 5){
  4229. if(check_member_id != ""  && member_cal_date > 90){
  4230. if(member_type == 2){
  4231. swal({
  4232.        title: "ข้อความจากระบบ",
  4233.        text: "รหัสผ่านของท่านมีอายุเกิน 90 วันแล้วกรุณาเปลี่ยนรหัสผ่าน !",
  4234.        type: "warning",
  4235.        confirmButtonColor: '#DD6B55',
  4236.        confirmButtonText: 'เปลี่ยนรหัสผ่าน',
  4237.    }, function(isConfirm){  
  4238.        if (isConfirm) {    
  4239.            location.href = check_base_url+"/hide";
  4240.        }
  4241.    });
  4242. }else{
  4243. swal({  
  4244. title: "ข้อความจากระบบ",
  4245. text: "รหัสผ่านของท่านมีอายุเกิน 90 วันต้องการเปลี่ยนรหัสผ่านหรือไม่ !",
  4246. type: "warning",
  4247. showCancelButton: true,
  4248. confirmButtonColor: '#DD6B55',
  4249. confirmButtonText: 'เปลี่ยนรหัสผ่าน',
  4250. cancelButtonText: "ไม่ใช่ตอนนี้",
  4251. closeOnConfirm: true,
  4252. closeOnCancel: false
  4253. }, function(isConfirm){  
  4254.        if (isConfirm) {    
  4255.            location.href = check_base_url+"/hide";
  4256.        }else{
  4257.         $('.sweet-alert').find('button').prop('disabled',true)
  4258.         $.ajax({
  4259. type: 'POST',
  4260. data:{
  4261. [csrfName] : csrfHash,
  4262. "member_id":check_member_id
  4263. },
  4264. url: "https://www.kawebook.com/profile/noChangePassword",
  4265. success: function(json){
  4266. data = $.parseJSON(json)
  4267. if(data.status){
  4268. csrfName = data.csrfName
  4269. csrfHash = data.csrfHash
  4270. swal.close()
  4271. }else{console.log(data.message)}
  4272. }
  4273. });
  4274.        }
  4275.    });
  4277. }
  4279. }
  4280. }
  4281. }
  4282. });
  4284.  
  4285. // Check when change policy term
  4286. $( document ).ready(function() {
  4287. var check_member_id = "";
  4288. var date_policy     = "";
  4289. var term_timestamp  = "1670872039";
  4290. var policyPopup     = $("#policyPopup");
  4291.  
  4292. if(check_member_id != ""){
  4293. if(date_policy == ""){
  4294. policyPopup.show();
  4295. }else{
  4296. if(term_timestamp > date_policy){
  4297. policyPopup.show();
  4298. }else{
  4299. policyPopup.hide();
  4300. }
  4301. }
  4302. }else{
  4303. policyPopup.hide();
  4304. }
  4305. });
  4306.  
  4307. function setPolicy(member_id){
  4308. $("#policyPopup").hide();
  4309. var term_date_policy  = "2022-12-13 02:07:19";
  4310. if(member_id){
  4311. $.ajax({
  4312. type: 'POST',
  4313. data:{
  4314. [csrfName] : csrfHash,
  4315. "member_id":member_id,
  4316. "date_policy":term_date_policy,
  4317. },
  4318. url: "https://www.kawebook.com/profile/setPolicy",
  4319. success: function(json){
  4320. // console.log("json : " + json);
  4321. // checkin_table.ajax.reload();
  4322. }
  4323. });
  4324. }
  4325. }
  4326.  
  4327. function logoutOneSignal(){
  4328. let appId = "665055e5-cc6e-410e-825d-1c92b2421cd5";
  4329. if(appId){
  4330. window.OneSignal = window.OneSignal || [];
  4331. OneSignal.push(function() {
  4332. OneSignal.sendTag("user_id", '', function(tagsSent){ location.href='https://www.kawebook.com/member/logout'; });
  4333. OneSignal.init({
  4334. appId: appId,
  4335. allowLocalhostAsSecureOrigin: true,
  4336. });
  4337. });
  4338. }
  4339. }
  4340.  
  4341.  
  4342. // logout Nav profile
  4343. $("#btn_logout").click(function(){
  4344. logoutOneSignal();
  4345. document.getElementById('btn_logout').disabled = true;
  4346. document.getElementById('iconLogoutLoad').style.visibility = "visible";
  4347. setTimeout(function(){ location.href='https://www.kawebook.com/member/logout'; }, 6000);
  4348.  
  4349. });
  4350.  
  4351. // logout Responsive
  4352. $("#btn_logout_respon").click(function(){
  4353. logoutOneSignal();
  4354. document.getElementById('btn_logout_respon').disabled = true;
  4355. document.getElementById('iconSingOut_respon').style.visibility = "hidden";
  4356. document.getElementById('iconLogoutLoad_respon').style.visibility = "visible";
  4357. setTimeout(function(){ location.href='https://www.kawebook.com/member/logout'; }, 6000);
  4358. });
  4359.  
  4360. </script>
  4361. <script type="application/ld+json">
  4362. {
  4363. "@context": "https://schema.org",
  4364. "@type": "LocalBusiness",
  4365. "name": "Kaweebook",
  4366. "image": "https://www.kawebook.com/assets2/img/logo_top.webp?v=2001",
  4367. "alternateName": "กวีบุ๊ค - เว็บอ่านนิยายออนไลน์",
  4368. "description":"เว็บอ่าน-เขียน นิยายออนไลน์ นิยายไทย นิยายจีน นิยายญี่ปุ่น นิยายแปล อ่านฟรี! จำนวนมาก!",
  4369. "@id": "",
  4370. "url": "https://www.kawebook.com/",
  4371. "logo": "https://www.kawebook.com/assets2/img/logo_top.webp?v=2001",
  4372. "telephone": "+66987654300",
  4373. "priceRange": "฿฿฿",
  4374. "address": {
  4375. "@type": "PostalAddress",
  4376. "streetAddress": "20 Moo.6 Rama 2 Rd, Phanthai Norasing, Mueang Samut Sakhon District,",
  4377. "addressLocality": "Samut Sakhon",
  4378. "postalCode": "74000",
  4379. "addressCountry": "TH"
  4380. },
  4381.  
  4382. "geo": {
  4383. "@type": "GeoCoordinates",
  4384. "latitude": 13.577754707694174,
  4385. "longitude": 100.37828364603487
  4386. },
  4387. "openingHoursSpecification": {
  4388. "@type": "OpeningHoursSpecification",
  4389. "dayOfWeek": [
  4390. "Monday",
  4391. "Tuesday",
  4392. "Wednesday",
  4393. "Thursday",
  4394. "Friday",
  4395. "Saturday"
  4396. ],
  4397. "opens": "08:00",
  4398. "closes": "18:00"
  4399. },
  4400. "sameAs": [
  4401. "https://www.facebook.com/kaweebook/"
  4402.  
  4403. ]
  4404. }
  4405. </script>
  4406.  
  4407.  
  4408. <!-- modal_select_member_style -->
  4409.  
  4410.  
  4411. <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">
  4412.    <div class="modal-dialog modal-lg-custom modal-dialog-centered " role="document">
  4413.        <div class="modal-content" style="background: #fdfbd9;">
  4414.         <div>
  4415.     <!-- <img class="w-100" src="assets2/img/selectMemberStyleRes-4.webp" > -->
  4416.         <div class="p-2">
  4417.         <div class="d-flex justify-content-center">
  4418.         <img class="mt-auto mb-auto" src="assets2/img/1topnovelicon.png" style="width: 70px; height: 60px;">
  4419.         <div class="text-center">
  4420.         <div class="h6 text-center" style="color:#642a04;">โปรดเลือกหมวดหนังสือที่ท่านชอบ</div>
  4421.         <img class="mr-auto ml-auto" src="assets2/img/select-member-line.png" style="width: 199px;">
  4422.         <div class="h6 text-center mb-0" style="color:#368005;font-size: .8rem;">(ท่านยังสามารถเลือกดูหมวดอื่นๆได้)</div>
  4423.         </div>
  4424.         </div>
  4425.     <img class="w-100 mt-3 female-hover" src="assets2/img/selectMemberStyleRes_5.webp">
  4426.     <img class="w-100 mt-3 male-hover" src="assets2/img/selectMemberStyleRes_1.webp">
  4427.         </div>
  4428.     <div class="text-center"><i class="far fa-times-circle fa-2x p-2 selectMemberStyleClose"></i></div>
  4429.  
  4430.         </div>
  4431.        </div>
  4432.    </div>
  4433. </div>
  4434.  
  4435.  
  4436. <!-- modal fade -->
  4437. <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">
  4438.    <div class="modal-dialog modal-md modal-dialog-centered " role="document">
  4439.        <div class="modal-content" style="background: #fdfbd9;">
  4440.     <div class="modal-header p-0 d-block" style="background: #82bb2a;">
  4441.     <div class="w-100 d-flex pt-1 px-1 pb-4">
  4442.         <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;">
  4443.     </div>
  4444.     </div>
  4445.     <div class="modal-body text-center" style="">
  4446.     <div class="w-100 d-flex justify-content-center " style="margin-bottom:30px;">
  4447.     <img class="w-25" src="assets2/img/selectMemberStyle_07.png" style="position: absolute;top:-2rem;">
  4448.     </div>
  4449.         <h3 class="py-1 sms_textHead" style="color: #642a04;">ยืนยันการเลือกหมวดหนังสือที่ชอบ</h3>
  4450.         <h5 class="py-2 sms_textchild" style="color: #4a7803;">หมวดรัก</h5>
  4451.         <div class="row">
  4452.         <div class="col-md-8 offset-md-2 px-0">
  4453.         <div class="smsc_btnConfrimOrCancel d-flex justify-content-around pt-3">
  4454.         <div class="btn-select-cc-header cursor-pointer sms_cancel" data-value="2">
  4455.         <i class="far fa-times-circle"></i>
  4456.         <div class="d-inline ml-1">ยกเลิก</div>
  4457.         </div>
  4458.         <div class="btn-select-cc-header cursor-pointer sms_confirm" data-value="2">
  4459.         <i class="far fa-check-circle"></i>
  4460.         <div class="d-inline ml-1">ยืนยัน</div>
  4461.         </div>
  4462.         </div>
  4463.         </div>
  4464.         </div>
  4465.         <div class="smsc_content-loading fa-3x d-none"><i class="fas fa-circle-notch fa-spin"></i></div>
  4466.       </div>
  4467.        </div>
  4468.    </div>
  4469. </div>
  4470.  
  4471. <!-- modal fade -->
  4472. <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">
  4473.    <div class="modal-dialog modal-md modal-dialog-centered " role="document">
  4474.        <div class="modal-content" style="background: #fdfbd9;">
  4475.     <div class="modal-header p-0 d-block" style="background: #82bb2a;">
  4476.     <div class="w-100 d-flex pt-1 px-1 pb-4">
  4477.         <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;">
  4478.     </div>
  4479.     </div>
  4480.  
  4481.     <div class="modal-body text-center" style="">
  4482.     <div class="w-100 d-flex justify-content-center " style="margin-bottom:30px;">
  4483.     <img class="w-25" src="assets2/img/selectMemberStyle_06.png" style="position: absolute;top:-2rem;">
  4484.     </div>
  4485.         <h3 class="py-1 sms_textHead" style="color: #642a04;">ยืนยันการเลือกหมวดหนังสือที่ชอบ</h3>
  4486.         <h5 class="py-2 sms_textchild" style="color: #4a7803;">หมวดมันส์</h5>
  4487.         <div class="row">
  4488.         <div class="col-md-8 offset-md-2 px-0">
  4489.         <div class="smsc_btnConfrimOrCancel d-flex justify-content-around pt-3">
  4490.         <div class="btn-select-cc-header cursor-pointer sms_cancel" data-value="1">
  4491.         <i class="far fa-times-circle"></i>
  4492.         <div class="d-inline ml-1">ยกเลิก</div>
  4493.         </div>
  4494.         <div class="btn-select-cc-header cursor-pointer sms_confirm" data-value="1">
  4495.         <i class="far fa-check-circle"></i>
  4496.         <div class="d-inline ml-1">ยืนยัน</div>
  4497.         </div>
  4498.         </div>
  4499.         </div>
  4500.         </div>
  4501.         <div class="smsc_content-loading fa-3x d-none"><i class="fas fa-circle-notch fa-spin"></i></div>
  4502.       </div>
  4503.        </div>
  4504.    </div>
  4505. </div>
  4506.  
  4507. <script type="text/javascript">
  4508. //member_style : 1=m, 2=f
  4509. var modal_sms = $('#modal_select_member_style');
  4510. // var isViewResponsetive = screen.width < 1024;
  4511. let sizeBs = 'lg'; if(screen.width <= 320){sizeBs = 'ssm'}else if(screen.width <= 425){ sizeBs = 'sm'; }else if(screen.width <= 1024){ sizeBs = 'md'; }
  4512. // alert(screen.width);
  4513. $(function(){
  4514.  
  4515. // modal_sms.modal('show'); // fix show
  4516.  
  4517. modal_sms.click(function(event) {
  4518. modal_sms.modal('hide');
  4519.            $('.initMenuResponstive').removeClass('d-none');
  4520. });
  4521.  
  4522. //set init
  4523. modal_sms.find('.selectMemberStyleClose').click(function(event) {
  4524. modal_sms.modal('hide');
  4525.            $('.initMenuResponstive').removeClass('d-none');
  4526. });
  4527.  
  4528. modal_sms.find('.female-hover').click(function(event) {
  4529. animationSelectMemberStyle(2);
  4530. });
  4531.  
  4532. modal_sms.find('.male-hover').click(function(event) {
  4533. animationSelectMemberStyle(1);
  4534. });
  4535.  
  4536. modal_sms.find('.female-hover, .male-hover').click(function(event) {
  4537. var m_style = $(this).data('value');
  4538. // console.log(m_style);return;
  4539. modal_sms.modal('hide');
  4540. if(m_style===1){ $('#modal_select_confirm_member_style_male').modal('show'); }else{ $('#modal_select_confirm_member_style_female').modal('show');}
  4541. });
  4542.  
  4543. $('.sms_cancel').click(function(){
  4544. $('#modal_select_confirm_member_style_male,#modal_select_confirm_member_style_female').modal('hide');
  4545. modal_sms.modal('show');
  4546. });
  4547.  
  4548. animationSetModal();
  4549. });
  4550.  
  4551. function animationSelectMemberStyleConfirmIsProcessing(isData){
  4552. if(isData){
  4553. $('.smsc_content-loading').removeClass('d-none');
  4554. $('.smsc_btnConfrimOrCancel').removeClass('d-flex').addClass('d-none');
  4555. $('.sms_cancel').addClass('d-none');
  4556. }else{
  4557. $('.smsc_content-loading').addClass('d-none');
  4558. $('.smsc_btnConfrimOrCancel').removeClass('d-none').addClass('d-flex');
  4559. $('.sms_cancel').removeClass('d-none');
  4560. }
  4561. }
  4562.  
  4563. function animationSelectMemberStyle(member_style){
  4565. if(member_style==1){
  4566. modal_sms.find('.female-hover, .male-hover').data('value',1);
  4567. }else{
  4568. modal_sms.find('.female-hover, .male-hover').data('value',2);
  4569. }
  4570.  
  4571. }
  4572.  
  4573. function animationSetModal(){
  4574. // console.log(sizeBs)
  4575.  
  4576. // var modal = $('#modal_select_confirm_member_style_male,#modal_select_confirm_member_style_female');
  4577. // if(sizeBs === 'ssm'|| sizeBs === 'sm'){
  4578. // modal.find('.modal-body h3:nth-child(1)').css({'font-size':'1.2rem','font-weight':'500','padding-top':'500'});
  4579. // modal.find('.modal-body h5:nth-child(1)').css({'font-size':'1.1rem','font-weight':'300'});
  4580. // // modal.find('.modal-body h3:nth-child(1)').addClass('pt-4');
  4581. // // modal.find('.justify-content-center').css('height','50px');
  4582. // }
  4583.  
  4584. // if(sizeBs === 'md'){
  4585. // modal.find('.modal-body h3:nth-child(1)').addClass('pt-4');
  4586. // }
  4587. }
  4588. </script>
  4589.  
  4590.  
  4591. <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">
  4592.    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  4593.        <div class="modal-content" style="background: #fdfbd9;">
  4594.         <div>
  4595.     <i class="fa fa-times p-2 massProClose"></i>
  4596.     <img id="imgMasspro" class="w-100 cursor-pointer" >
  4597.     <div class="chkNoMsg">
  4598. <i id="noCheck" class="fa fa-square-o p-2 chkboxNoMsg cursor-pointer chkBox">&#xf096;</i>
  4599. <i id="isCheck" style="display: none;" class="fa p-2 cursor-pointer chkBox"> &#xf14a;</i>
  4600. <span class="txt-no-msg">ไม่ต้องแสดงข้อความนี้อีก </span>
  4601. </div>
  4602.         </div>
  4603.        </div>
  4604.    </div>
  4605. </div>
  4606.  
  4607. <style type="text/css">
  4608. .massProClose {
  4609. font-size: 2rem;
  4610.     position: absolute;
  4611.     right: 0;
  4612. }
  4613.  
  4614. .chkboxNoMsg{
  4615. color: #fef6e6;
  4616. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  4617. }
  4618.  
  4619. .chkNoMsg{
  4620. position: absolute;
  4621.     left: 0;
  4622. bottom: 0;
  4623. }
  4624.  
  4625.    @media only screen and (max-width: 375px) {
  4626. .txt-no-msg{
  4627. font-size: .5rem;
  4628. margin-top:unset;
  4629. font-weight: bold;
  4630. }
  4631.  
  4632. .massProClose {
  4633. font-size: 1rem;
  4634. position: absolute;
  4635. right: 0;
  4636. }
  4637. }
  4638.  
  4639. @media only screen and (max-width: 425px) {
  4640. .txt-no-msg{
  4641. font-size: .6rem;
  4642. margin-top:unset;
  4643. font-weight: bold;
  4644. }
  4645.  
  4646. .massProClose {
  4647. font-size: 1rem;
  4648. position: absolute;
  4649. right: 0;
  4650. }
  4651. }
  4652.  
  4653. @media (min-width: 992px){
  4654. .modal-lg-custom {
  4655. max-width: 320px;
  4656. }
  4657.  
  4658. .txt-no-msg{
  4659. font-size: 1rem;
  4660. margin-top:unset;
  4661. font-weight: bold;
  4662. }
  4663. }
  4664. </style>
  4665. <script type="text/javascript">
  4666.    var modalMassPro = $('#modal_mass_pro');
  4667. $(function(){
  4668.        modalMassPro.find('.massProClose').click(function(event) {
  4669. modalMassPro.modal('hide');
  4670.        });
  4671.  
  4672. modalMassPro.find('.chkBox').click(function(event) {
  4673. $("#noCheck").toggle();
  4674. $("#isCheck").toggle();
  4675. if($('#isCheck').is(":visible")){
  4676. setCookie("checkNoPopupMassPro",1,1);
  4677. }else{
  4678. setCookie("checkNoPopupMassPro",0,0);
  4679. }
  4680.        });
  4681.  
  4682. modalMassPro.find('#imgMasspro').click(function(event) {
  4683. let chkLogin = "";
  4684. if(chkLogin === ''){ //ไม่ได้ login
  4685. setCookie("fromPopupMassPro",1,1);
  4686. }
  4687. window.location.href = "https://www.kawebook.com/heart";
  4688. });
  4690.    });
  4691.  
  4692. function setCookie(cName, cValue, exp) {
  4693.        let date = new Date();
  4694.        date.setTime(date.getTime() + (exp * 24 * 60 * 60 * 1000));
  4695.        const expires = "expires=" + date.toUTCString();
  4696.        document.cookie = cName + "=" + cValue + "; " + expires + "; path=/";
  4697.    }
  4698. </script>
  4699.  
  4700.  
  4701.  
  4702.    <!-- Bootstrap core JavaScript ================================================== -->
  4703.    <script src="https://www.kawebook.com/assets2/swiper-4.5.0/dist/js/swiper.min.js?v=1001"></script>
  4704.    <!-- <script type="text/javascript" src="assets/js/dragscroll.js?v=1001"></script> -->
  4705.    <!-- new version by yut -->
  4706.    <input type="hidden" id="base_url" value="https://www.kawebook.com/"> <!-- for home_view.js -->
  4708. <!-- assets/js/home_view.js -->
  4709. <script type="text/javascript" src="https://www.kawebook.com/assets/js/home_view.js?v=2.37.2"></script>
  4713.    </body>
  4714. </html>
  4715.  

Home · About · News · Docs · Terms

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