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

Home · About · News · Docs · Terms

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