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

Home · About · News · Docs · Terms

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