<!DOCTYPE html>
<html>
<head>
<title>ธัญวลัย | นิยาย นวนิยาย นิยายออนไลน์ เขียนนิยายออนไลน์</title>
<link rel="apple-touch-icon" sizes="180x180" href="//cdn-th.tunwalai.net/files/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" href="//cdn-th.tunwalai.net/files/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="//cdn-th.tunwalai.net/files/favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="//cdn-th.tunwalai.net/files/favicon/manifest.json">
<link rel="mask-icon" href="//cdn-th.tunwalai.net/files/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta http-equiv="Content-Language" content="th" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.tunwalai.com/" />
<meta property="og:title" content="ธัญวลัย" />
<meta property="og:image" content="//cdn-th.tunwalai.net/files/logo_tuwalai_fb1.jpg" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info = {"beacon":"bam-cell.nr-data.net","errorBeacon":"bam-cell.nr-data.net","licenseKey":"90725dcc51","applicationID":"16233277","transactionName":"YldaMUQDWkIDVkMKX1sddTN1TXxeD1B0DF5BQFcJWgdGHitbUwZI","queueTime":0,"applicationTime":1142,"ttGuid":"BF974E5544391B11","agent":""}</script><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam-cell.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={xpid:"UgEGUldTGwIGVlJRBQYA",licenseKey:"90725dcc51",applicationID:"16233277"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var i=e[n]={exports:{}};t[n][0].call(i.exports,function(e){var i=t[n][1][e];return r(i||e)},i,i.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<n.length;i++)r(n[i]);return r}({1:[function(t,e,n){function r(t){try{s.console&&console.log(t)}catch(e){}}var i,o=t("ee"),a=t(28),s={};try{i=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,i.indexOf("dev")!==-1&&(s.dev=!0),i.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&o.on("internal-error",function(t){r(t.stack)}),s.dev&&o.on("fn-err",function(t,e,n){r(n.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,s){try{p?p-=1:i(s||new UncaughtException(t,e,n),!0)}catch(f){try{o("ierr",[f,c.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function i(t,e){var n=e?null:c.now();o("err",[t,n])}var o=t("handle"),a=t(29),s=t("ee"),c=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError";if(!c.disabled){var p=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(10),t(9),"addEventListener"in window&&t(6),c.xhrWrappable&&t(11),d=!0)}s.on("fn-start",function(t,e,n){d&&(p+=1)}),s.on("fn-err",function(t,e,n){d&&!n[l]&&(f(n,l,function(){return!0}),this.thrown=!0,i(n))}),s.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),s.on("internal-error",function(t){o("ierr",[t,c.now(),!0])})}},{}],3:[function(t,e,n){var r=t("loader");r.disabled||(r.features.ins=!0)},{}],4:[function(t,e,n){function r(){var t=new PerformanceObserver(function(t,e){var n=t.getEntries();s(v,[n])});try{t.observe({entryTypes:["resource"]})}catch(e){}}function i(t){if(s(v,[window.performance.getEntriesByType(w)]),window.performance["c"+l])try{window.performance[h](m,i,!1)}catch(t){}else try{window.performance[h]("webkit"+m,i,!1)}catch(t){}}function o(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var a=t("ee"),s=t("handle"),c=t(10),f=t(9),u=t(5),d=t(19),l="learResourceTimings",p="addEventListener",h="removeEventListener",m="resourcetimingbufferfull",v="bstResource",w="resource",g="-start",y="-end",x="fn"+g,b="fn"+y,E="bstTimer",R="pushState",S=t("loader");if(!S.disabled){S.features.stn=!0,t(8),"addEventListener"in window&&t(6);var O=NREUM.o.EV;a.on(x,function(t,e){var n=t[0];n instanceof O&&(this.bstStart=S.now())}),a.on(b,function(t,e){var n=t[0];n instanceof O&&s("bst",[n,e,this.bstStart,S.now()])}),c.on(x,function(t,e,n){this.bstStart=S.now(),this.bstType=n}),c.on(b,function(t,e){s(E,[e,this.bstStart,S.now(),this.bstType])}),f.on(x,function(){this.bstStart=S.now()}),f.on(b,function(t,e){s(E,[e,this.bstStart,S.now(),"requestAnimationFrame"])}),a.on(R+g,function(t){this.time=S.now(),this.startPath=location.pathname+location.hash}),a.on(R+y,function(t){s("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),u()?(s(v,[window.performance.getEntriesByType("resource")]),r()):p in window.performance&&(window.performance["c"+l]?window.performance[p](m,i,d(!1)):window.performance[p]("webkit"+m,i,d(!1))),document[p]("scroll",o,d(!1)),document[p]("keypress",o,d(!1)),document[p]("click",o,d(!1))}}},{}],5:[function(t,e,n){e.exports=function(){return"PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver}},{}],6:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&i(e)}function i(t){s.inPlace(t,[u,d],"-",o)}function o(t,e){return t[1]}var a=t("ee").get("events"),s=t("wrap-function")(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(i(window),i(f.prototype)),a.on(u+"-start",function(t,e){var n=t[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var r=c(n,"nr@wrapped",function(){function t(){if("function"==typeof n.handleEvent)return n.handleEvent.apply(n,arguments)}var e={object:t,"function":n}[typeof n];return e?s(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=t[1]=r}}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],7:[function(t,e,n){function r(t,e,n){var r=t[e];"function"==typeof r&&(t[e]=function(){var t=o(arguments),e={};i.emit(n+"before-start",[t],e);var a;e[m]&&e[m].dt&&(a=e[m].dt);var s=r.apply(this,t);return i.emit(n+"start",[t,a],s),s.then(function(t){return i.emit(n+"end",[null,t],s),t},function(t){throw i.emit(n+"end",[t],s),t})})}var i=t("ee").get("fetch"),o=t(29),a=t(28);e.exports=i;var s=window,c="fetch-",f=c+"body-",u=["arrayBuffer","blob","json","text","formData"],d=s.Request,l=s.Response,p=s.fetch,h="prototype",m="nr@context";d&&l&&p&&(a(u,function(t,e){r(d[h],e,f),r(l[h],e,f)}),r(s,"fetch",c),i.on(c+"end",function(t,e){var n=this;if(e){var r=e.headers.get("content-length");null!==r&&(n.rxSize=r),i.emit(c+"done",[null,e],n)}else i.emit(c+"done",[t],n)}))},{}],8:[function(t,e,n){var r=t("ee").get("history"),i=t("wrap-function")(r);e.exports=r;var o=window.history&&window.history.constructor&&window.history.constructor.prototype,a=window.history;o&&o.pushState&&o.replaceState&&(a=o),i.inPlace(a,["pushState","replaceState"],"-")},{}],9:[function(t,e,n){var r=t("ee").get("raf"),i=t("wrap-function")(r),o="equestAnimationFrame";e.exports=r,i.inPlace(window,["r"+o,"mozR"+o,"webkitR"+o,"msR"+o],"raf-"),r.on("raf-start",function(t){t[0]=i(t[0],"fn-")})},{}],10:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function i(t,e,n){this.method=n,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,n)}var o=t("ee").get("timer"),a=t("wrap-function")(o),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";e.exports=o,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),o.on(c+u,r),o.on(s+u,i)},{}],11:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",s)}function i(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",s)}function o(t){x.push(t),m&&(E?E.then(a):w?w(a):(R=-R,S.data=R))}function a(){for(var t=0;t<x.length;t++)r([],x[t]);x.length&&(x=[])}function s(t,e){return e}function c(t,e){for(var n in t)e[n]=t[n];return e}t(6);var f=t("ee"),u=f.get("xhr"),d=t("wrap-function")(u),l=t(19),p=NREUM.o,h=p.XHR,m=p.MO,v=p.PR,w=p.SI,g="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],x=[];e.exports=u;var b=window.XMLHttpRequest=function(t){var e=new h(t);try{u.emit("new-xhr",[e],e),e.addEventListener(g,i,l(!1))}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(c(h,b),b.prototype=h.prototype,d.inPlace(b.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,e){r(t,e),o(e)}),u.on("open-xhr-start",r),m){var E=v&&v.resolve();if(!w&&!v){var R=1,S=document.createTextNode(R);new m(a).observe(S,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===g||a()})},{}],12:[function(t,e,n){function r(t){if(!s(t))return null;var e=window.NREUM;if(!e.loader_config)return null;var n=(e.loader_config.accountID||"").toString()||null,r=(e.loader_config.agentID||"").toString()||null,f=(e.loader_config.trustKey||"").toString()||null;if(!n||!r)return null;var h=p.generateSpanId(),m=p.generateTraceId(),v=Date.now(),w={spanId:h,traceId:m,timestamp:v};return(t.sameOrigin||c(t)&&l())&&(w.traceContextParentHeader=i(h,m),w.traceContextStateHeader=o(h,v,n,r,f)),(t.sameOrigin&&!u()||!t.sameOrigin&&c(t)&&d())&&(w.newrelicHeader=a(h,m,v,n,r,f)),w}function i(t,e){return"00-"+e+"-"+t+"-01"}function o(t,e,n,r,i){var o=0,a="",s=1,c="",f="";return i+"@nr="+o+"-"+s+"-"+n+"-"+r+"-"+t+"-"+a+"-"+c+"-"+f+"-"+e}function a(t,e,n,r,i,o){var a="btoa"in window&&"function"==typeof window.btoa;if(!a)return null;var s={v:[0,1],d:{ty:"Browser",ac:r,ap:i,id:t,tr:e,ti:n}};return o&&r!==o&&(s.d.tk=o),btoa(JSON.stringify(s))}function s(t){return f()&&c(t)}function c(t){var e=!1,n={};if("init"in NREUM&&"distributed_tracing"in NREUM.init&&(n=NREUM.init.distributed_tracing),t.sameOrigin)e=!0;else if(n.allowed_origins instanceof Array)for(var r=0;r<n.allowed_origins.length;r++){var i=h(n.allowed_origins[r]);if(t.hostname===i.hostname&&t.protocol===i.protocol&&t.port===i.port){e=!0;break}}return e}function f(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.enabled}function u(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.exclude_newrelic_header}function d(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&NREUM.init.distributed_tracing.cors_use_newrelic_header!==!1}function l(){return"init"in NREUM&&"distributed_tracing"in NREUM.init&&!!NREUM.init.distributed_tracing.cors_use_tracecontext_headers}var p=t(25),h=t(14);e.exports={generateTracePayload:r,shouldGenerateTrace:s}},{}],13:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<l;r++)t.removeEventListener(d[r],this.listener,!1);e.aborted||(n.duration=a.now()-this.startTime,this.loadCaptureCalled||4!==t.readyState?null==e.status&&(e.status=0):o(this,t),n.cbTime=this.cbTime,s("xhr",[e,n,this.startTime,this.endTime,"xhr"],this))}}function i(t,e){var n=c(e),r=t.params;r.hostname=n.hostname,r.port=n.port,r.protocol=n.protocol,r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.parsedOrigin=n,t.sameOrigin=n.sameOrigin}function o(t,e){t.params.status=e.status;var n=v(e,t.lastSize);if(n&&(t.metrics.rxSize=n),t.sameOrigin){var r=e.getResponseHeader("X-NewRelic-App-Data");r&&(t.params.cat=r.split(", ").pop())}t.loadCaptureCalled=!0}var a=t("loader");if(a.xhrWrappable&&!a.disabled){var s=t("handle"),c=t(14),f=t(12).generateTracePayload,u=t("ee"),d=["load","error","abort","timeout"],l=d.length,p=t("id"),h=t(20),m=t(18),v=t(15),w=t(19),g=NREUM.o.REQ,y=window.XMLHttpRequest;a.features.xhr=!0,t(11),t(7),u.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,e.loadCaptureCalled=!1,e.params=this.params||{},e.metrics=this.metrics||{},t.addEventListener("load",function(n){o(e,t)},w(!1)),h&&(h>34||h<10)||t.addEventListener("progress",function(t){e.lastSize=t.loaded},w(!1))}),u.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),u.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid);var n=f(this.parsedOrigin);if(n){var r=!1;n.newrelicHeader&&(e.setRequestHeader("newrelic",n.newrelicHeader),r=!0),n.traceContextParentHeader&&(e.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&e.setRequestHeader("tracestate",n.traceContextStateHeader),r=!0),r&&(this.dt=n)}}),u.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],i=this;if(n&&r){var o=m(r);o&&(n.txSize=o)}this.startTime=a.now(),this.listener=function(t){try{"abort"!==t.type||i.loadCaptureCalled||(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof e.onload))&&i.end(e)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}};for(var s=0;s<l;s++)e.addEventListener(d[s],this.listener,w(!1))}),u.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),u.on("xhr-load-added",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),u.on("xhr-load-removed",function(t,e){var n=""+p(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),u.on("xhr-resolved",function(){this.endTime=a.now()}),u.on("addEventListener-end",function(t,e){e instanceof y&&"load"===t[0]&&u.emit("xhr-load-added",[t[1],t[2]],e)}),u.on("removeEventListener-end",function(t,e){e instanceof y&&"load"===t[0]&&u.emit("xhr-load-removed",[t[1],t[2]],e)}),u.on("fn-start",function(t,e,n){e instanceof y&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),u.on("fn-end",function(t,e){this.xhrCbStart&&u.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,e],e)}),u.on("fetch-before-start",function(t){function e(t,e){var n=!1;return e.newrelicHeader&&(t.set("newrelic",e.newrelicHeader),n=!0),e.traceContextParentHeader&&(t.set("traceparent",e.traceContextParentHeader),e.traceContextStateHeader&&t.set("tracestate",e.traceContextStateHeader),n=!0),n}var n,r=t[1]||{};"string"==typeof t[0]?n=t[0]:t[0]&&t[0].url?n=t[0].url:window.URL&&t[0]&&t[0]instanceof URL&&(n=t[0].href),n&&(this.parsedOrigin=c(n),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=f(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if("string"==typeof t[0]||window.URL&&t[0]&&t[0]instanceof URL){var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),e(o.headers,i)&&(this.dt=i),t.length>1?t[1]=o:t.push(o)}else t[0]&&t[0].headers&&e(t[0].headers,i)&&(this.dt=i)}),u.on("fetch-start",function(t,e){this.params={},this.metrics={},this.startTime=a.now(),this.dt=e,t.length>=1&&(this.target=t[0]),t.length>=2&&(this.opts=t[1]);var n,r=this.opts||{},o=this.target;"string"==typeof o?n=o:"object"==typeof o&&o instanceof g?n=o.url:window.URL&&"object"==typeof o&&o instanceof URL&&(n=o.href),i(this,n);var s=(""+(o&&o instanceof g&&o.method||r.method||"GET")).toUpperCase();this.params.method=s,this.txSize=m(r.body)||0}),u.on("fetch-done",function(t,e){this.endTime=a.now(),this.params||(this.params={}),this.params.status=e?e.status:0;var n;"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);var r={txSize:this.txSize,rxSize:n,duration:a.now()-this.startTime};s("xhr",[this.params,r,this.startTime,this.endTime,"fetch"],this)})}},{}],14:[function(t,e,n){var r={};e.exports=function(t){if(t in r)return r[t];var e=document.createElement("a"),n=window.location,i={};e.href=t,i.port=e.port;var o=e.href.split("://");!i.port&&o[1]&&(i.port=o[1].split("/")[0].split("@").pop().split(":")[1]),i.port&&"0"!==i.port||(i.port="https"===o[0]?"443":"80"),i.hostname=e.hostname||n.hostname,i.pathname=e.pathname,i.protocol=o[0],"/"!==i.pathname.charAt(0)&&(i.pathname="/"+i.pathname);var a=!e.protocol||":"===e.protocol||e.protocol===n.protocol,s=e.hostname===document.domain&&e.port===n.port;return i.sameOrigin=a&&(!e.hostname||s),"/"===i.pathname&&(r[t]=i),i}},{}],15:[function(t,e,n){function r(t,e){var n=t.responseType;return"json"===n&&null!==e?e:"arraybuffer"===n||"blob"===n||"json"===n?i(t.response):"text"===n||""===n||void 0===n?i(t.responseText):void 0}var i=t(18);e.exports=r},{}],16:[function(t,e,n){function r(){}function i(t,e,n,r){return function(){return u.recordSupportability("API/"+e+"/called"),o(t+e,[f.now()].concat(s(arguments)),n?null:this,r),n?void 0:this}}var o=t("handle"),a=t(28),s=t(29),c=t("ee").get("tracer"),f=t("loader"),u=t(21),d=NREUM;"undefined"==typeof window.newrelic&&(newrelic=d);var l=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],p="api-",h=p+"ixn-";a(l,function(t,e){d[e]=i(p,e,!0,"api")}),d.addPageAction=i(p,"addPageAction",!0),d.setCurrentRouteName=i(p,"routeName",!0),e.exports=newrelic,d.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(t,e){var n={},r=this,i="function"==typeof e;return o(h+"tracer",[f.now(),t,n],r),function(){if(c.emit((i?"":"no-")+"fn-start",[f.now(),r,i],n),i)try{return e.apply(this,arguments)}catch(t){throw c.emit("fn-err",[arguments,this,t],n),t}finally{c.emit("fn-end",[f.now()],n)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){m[e]=i(h,e)}),newrelic.noticeError=function(t,e){"string"==typeof t&&(t=new Error(t)),u.recordSupportability("API/noticeError/called"),o("err",[t,f.now(),!1,e])}},{}],17:[function(t,e,n){function r(t){if(NREUM.init){for(var e=NREUM.init,n=t.split("."),r=0;r<n.length-1;r++)if(e=e[n[r]],"object"!=typeof e)return;return e=e[n[n.length-1]]}}e.exports={getConfiguration:r}},{}],18:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],19:[function(t,e,n){var r=!1;try{var i=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("testPassive",null,i),window.removeEventListener("testPassive",null,i)}catch(o){}e.exports=function(t){return r?{passive:!0,capture:!!t}:!!t}},{}],20:[function(t,e,n){var r=0,i=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);i&&(r=+i[1]),e.exports=r},{}],21:[function(t,e,n){function r(t,e){var n=[a,t,{name:t},e];return o("storeMetric",n,null,"api"),n}function i(t,e){var n=[s,t,{name:t},e];return o("storeEventMetrics",n,null,"api"),n}var o=t("handle"),a="sm",s="cm";e.exports={constants:{SUPPORTABILITY_METRIC:a,CUSTOM_METRIC:s},recordSupportability:r,recordCustom:i}},{}],22:[function(t,e,n){function r(){return s.exists&&performance.now?Math.round(performance.now()):(o=Math.max((new Date).getTime(),o))-a}function i(){return o}var o=(new Date).getTime(),a=o,s=t(30);e.exports=r,e.exports.offset=a,e.exports.getLastTimestamp=i},{}],23:[function(t,e,n){function r(t){return!(!t||!t.protocol||"file:"===t.protocol)}e.exports=r},{}],24:[function(t,e,n){function r(t,e){var n=t.getEntries();n.forEach(function(t){"first-paint"===t.name?l("timing",["fp",Math.floor(t.startTime)]):"first-contentful-paint"===t.name&&l("timing",["fcp",Math.floor(t.startTime)])})}function i(t,e){var n=t.getEntries();if(n.length>0){var r=n[n.length-1];if(c&&c<r.startTime)return;l("lcp",[r])}}function o(t){t.getEntries().forEach(function(t){t.hadRecentInput||l("cls",[t])})}function a(t){if(t instanceof v&&!g){var e=Math.round(t.timeStamp),n={type:t.type};e<=p.now()?n.fid=p.now()-e:e>p.offset&&e<=Date.now()?(e-=p.offset,n.fid=p.now()-e):e=p.now(),g=!0,l("timing",["fi",e,n])}}function s(t){"hidden"===t&&(c=p.now(),l("pageHide",[c]))}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var c,f,u,d,l=t("handle"),p=t("loader"),h=t(27),m=t(19),v=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){f=new PerformanceObserver(r);try{f.observe({entryTypes:["paint"]})}catch(w){}u=new PerformanceObserver(i);try{u.observe({entryTypes:["largest-contentful-paint"]})}catch(w){}d=new PerformanceObserver(o);try{d.observe({type:"layout-shift",buffered:!0})}catch(w){}}if("addEventListener"in document){var g=!1,y=["click","keydown","mousedown","pointerdown","touchstart"];y.forEach(function(t){document.addEventListener(t,a,m(!1))})}h(s)}},{}],25:[function(t,e,n){function r(){function t(){return e?15&e[n++]:16*Math.random()|0}var e=null,n=0,r=window.crypto||window.msCrypto;r&&r.getRandomValues&&(e=r.getRandomValues(new Uint8Array(31)));for(var i,o="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",a="",s=0;s<o.length;s++)i=o[s],"x"===i?a+=t().toString(16):"y"===i?(i=3&t()|8,a+=i.toString(16)):a+=i;return a}function i(){return a(16)}function o(){return a(32)}function a(t){function e(){return n?15&n[r++]:16*Math.random()|0}var n=null,r=0,i=window.crypto||window.msCrypto;i&&i.getRandomValues&&Uint8Array&&(n=i.getRandomValues(new Uint8Array(31)));for(var o=[],a=0;a<t;a++)o.push(e().toString(16));return o.join("")}e.exports={generateUuid:r,generateSpanId:i,generateTraceId:o}},{}],26:[function(t,e,n){function r(t,e){if(!i)return!1;if(t!==i)return!1;if(!e)return!0;if(!o)return!1;for(var n=o.split("."),r=e.split("."),a=0;a<r.length;a++)if(r[a]!==n[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var s=navigator.userAgent,c=s.match(a);c&&s.indexOf("Chrome")===-1&&s.indexOf("Chromium")===-1&&(i="Safari",o=c[1])}e.exports={agent:i,version:o,match:r}},{}],27:[function(t,e,n){function r(t){function e(){t(s&&document[s]?document[s]:document[o]?"hidden":"visible")}"addEventListener"in document&&a&&document.addEventListener(a,e,i(!1))}var i=t(19);e.exports=r;var o,a,s;"undefined"!=typeof document.hidden?(o="hidden",a="visibilitychange",s="visibilityState"):"undefined"!=typeof document.msHidden?(o="msHidden",a="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(o="webkitHidden",a="webkitvisibilitychange",s="webkitVisibilityState")},{}],28:[function(t,e,n){function r(t,e){var n=[],r="",o=0;for(r in t)i.call(t,r)&&(n[o]=e(r,t[r]),o+=1);return n}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],29:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,i=n-e||0,o=Array(i<0?0:i);++r<i;)o[r]=t[e+r];return o}e.exports=r},{}],30:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(t,e,n){function r(){}function i(t){function e(t){return t&&t instanceof r?t:t?f(t,c,a):a()}function n(n,r,i,o,a){if(a!==!1&&(a=!0),!p.aborted||o){t&&a&&t(n,r,i);for(var s=e(i),c=m(n),f=c.length,u=0;u<f;u++)c[u].apply(s,r);var l=d[y[n]];return l&&l.push([x,n,r,s]),s}}function o(t,e){g[t]=m(t).concat(e)}function h(t,e){var n=g[t];if(n)for(var r=0;r<n.length;r++)n[r]===e&&n.splice(r,1)}function m(t){return g[t]||[]}function v(t){return l[t]=l[t]||i(n)}function w(t,e){p.aborted||u(t,function(t,n){e=e||"feature",y[n]=e,e in d||(d[e]=[])})}var g={},y={},x={on:o,addEventListener:o,removeEventListener:h,emit:n,get:v,listeners:m,context:e,buffer:w,abort:s,aborted:!1};return x}function o(t){return f(t,c,a)}function a(){return new r}function s(){(d.api||d.feature)&&(p.aborted=!0,d=p.backlog={})}var c="nr@context",f=t("gos"),u=t(28),d={},l={},p=e.exports=i();e.exports.getOrSetContext=o,p.backlog=d},{}],gos:[function(t,e,n){function r(t,e,n){if(i.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return t[e]=r,r}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){i.buffer([t],r),i.emit(t,e,n)}var i=t("ee").get("handle");e.exports=r,r.ee=i},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,o,function(){return i++})}var i=1,o="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!T++){var t=O.info=NREUM.info,e=v.getElementsByTagName("script")[0];if(setTimeout(f.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return f.abort();c(R,function(e,n){t[e]||(t[e]=n)});var n=a();s("mark",["onload",n+O.offset],null,"api"),s("timing",["load",n]);var r=v.createElement("script");0===t.agent.indexOf("http://")||0===t.agent.indexOf("https://")?r.src=t.agent:r.src=h+"://"+t.agent,e.parentNode.insertBefore(r,e)}}function i(){"complete"===v.readyState&&o()}function o(){s("mark",["domContent",a()+O.offset],null,"api")}var a=t(22),s=t("handle"),c=t(28),f=t("ee"),u=t(26),d=t(23),l=t(17),p=t(19),h=l.getConfiguration("ssl")===!1?"http":"https",m=window,v=m.document,w="addEventListener",g="attachEvent",y=m.XMLHttpRequest,x=y&&y.prototype,b=!d(m.location);NREUM.o={ST:setTimeout,SI:m.setImmediate,CT:clearTimeout,XHR:y,REQ:m.Request,EV:m.Event,PR:m.Promise,MO:m.MutationObserver};var E=""+location,R={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1212.min.js"},S=y&&x&&x[w]&&!/CriOS/.test(navigator.userAgent),O=e.exports={offset:a.getLastTimestamp(),now:a,origin:E,features:{},xhrWrappable:S,userAgent:u,disabled:b};if(!b){t(16),t(24),v[w]?(v[w]("DOMContentLoaded",o,p(!1)),m[w]("load",r,p(!1))):(v[g]("onreadystatechange",i),m[g]("onload",r)),s("mark",["firstbyte",a.getLastTimestamp()],null,"api");var T=0}},{}],"wrap-function":[function(t,e,n){function r(t,e){function n(e,n,r,c,f){function nrWrapper(){var o,a,u,l;try{a=this,o=d(arguments),u="function"==typeof r?r(o,a):r||{}}catch(p){i([p,"",[o,a,c],u],t)}s(n+"start",[o,a,c],u,f);try{return l=e.apply(a,o)}catch(h){throw s(n+"err",[o,a,h],u,f),h}finally{s(n+"end",[o,a,l],u,f)}}return a(e)?e:(n||(n=""),nrWrapper[l]=e,o(e,nrWrapper,t),nrWrapper)}function r(t,e,r,i,o){r||(r="");var s,c,f,u="-"===r.charAt(0);for(f=0;f<e.length;f++)c=e[f],s=t[c],a(s)||(t[c]=n(s,u?c+r:r,i,c,o))}function s(n,r,o,a){if(!h||e){var s=h;h=!0;try{t.emit(n,r,o,e,a)}catch(c){i([c,n,r,o],t)}h=s}}return t||(t=u),n.inPlace=r,n.flag=l,n}function i(t,e){e||(e=u);try{e.emit("internal-error",t)}catch(n){}}function o(t,e,n){if(Object.defineProperty&&Object.keys)try{var r=Object.keys(t);return r.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(o){i([o],n)}for(var a in t)p.call(t,a)&&(e[a]=t[a]);return e}function a(t){return!(t&&t instanceof Function&&t.apply&&!t[l])}function s(t,e){var n=e(t);return n[l]=t,o(t,n,u),n}function c(t,e,n){var r=t[e];t[e]=s(r,n)}function f(){for(var t=arguments.length,e=new Array(t),n=0;n<t;++n)e[n]=arguments[n];return e}var u=t("ee"),d=t(29),l="nr@original",p=Object.prototype.hasOwnProperty,h=!1;e.exports=r,e.exports.wrapFunction=s,e.exports.wrapInPlace=c,e.exports.argsToArray=f},{}]},{},["loader",2,13,4,3]);</script>
<link href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.css" rel="stylesheet" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-itunes-app" content="app-id=1087664350">
<meta name="propeller" content="85adaba0c470439e865e9b0040cdc518" />
<link href="https://cdn.tunwalai.com/bundles/css?v=sbj6eXyqtcNdTW_iJWs_x57GM86aFNojwwpoYuBV-lM1" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highcharts/4.0.1/highcharts.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.2.2/jquery.flexslider-min.js"></script>
<script src="https://cdn.tunwalai.com/bundles/javascript?v=5nwVZRluprjIS-l8gXamurpPWBjFc-tEPxJvBN0DB001"></script>
<script>
var tunwalai_links = {
app_ios : '/app/appstore',
app_android : '/app/anroid',
blog_details : '/blog/153'
};
</script>
<script>
function getMobileOs() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {
//alert('IOS');
return "IOS";
} else if (userAgent.match(/Android/i)) {
//alert('Android');
return "ANDROID";
} else {
//alert('Web');
return "DESKTOP";
}
};
</script>
<!-- Google adsence -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Ads Asia -->
<!-- GetUrlKeyFree -->
<script type="text/javascript">
$(function() {
$('#blog-link').click(function() {
getUrlKeyFree();
});
$('#coin-link').click(function () {
getUrlCoin();
});
});
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {
//alert('IOS');
return "IOS";
} else if (userAgent.match(/Huawei/i)) {
return "Huawei";
} else if (userAgent.match(/Android/i)) {
//alert('Android');
return "Android";
} else {
//alert('Web');
return "Web";
}
};
function getUrlKeyFree() {
var os = getMobileOperatingSystem();
if (os == "IOS") {
window.open("https://itunes.apple.com/us/app/thay-wlay/id1087664350");
} else if (os == "Android") {
window.open("https://play.google.com/store/apps/details?id=com.ookbee.tunwalai.android");
} else if (os == "Huawei") {
window.open("https://appgallery.cloud.huawei.com/appDetail?pkgName=com.ookbee.tunwalai.android");
} else {
window.open('/blog/153');
}
};
function getUrlCoin() {
window.open('/my/recharge');
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2006083-12"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-2006083-12');
</script>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '303840533776873');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=303840533776873&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
<!-- Insider API -->
<script async src="//tunwalai.api.useinsider.com/ins.js?id=10003162"></script>
<!-- End Insider API-->
<script src="/Scripts/tunwalai-core.js" defer></script>
<style type="text/css">
.row {
background: #bcb18b;
}
.main-coin-menu .text a:focus {
color: #000000;
}
overlap {
position: relative;
}
.overlap div {
width: 87.5px;
height: 125px;
background-color: white;
display: flex;
align-items: center;
box-shadow: 2px 2px 5px;
}
.overlap div img {
width: 87.5px;
max-height: 125px
}
.overlap:after {
content: '';
position: absolute;
width: 87.5px;
height: 125px;
top: 0px;
left: 0px;
background-image: url('https://cdn-th.tunwalai.net/files/responsive/cover_shadow_2x.png');
background-repeat: no-repeat;
background-size: 87.5px 125px;
}
/*ebook section css*/
.ebook-content {
height: 127px;
}
.ebook-new_update-left {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 400px) {
.ebook-content-detail {
width: 100%;
}
.display-price {
padding-top: 20px !important;
}
.ebook-content {
height: 165px;
}
.ebook-new_update-left {
margin-top: 17px;
margin-left: 5px;
}
}
.story-onsale .main-story-new_update.ebook-content:nth-child(even) {
background-color: #FFE8D7;
}
.type-icon {
width: 27px;
height: 27px;
}
/*First Page Announcemeent*/
.modal-content {
padding: 50px 0 15px 0;
border-radius: 8px;
text-align: center;
}
.dialog-section {
max-width: 600px;
width: auto;
}
.maintenance-title {
font-size: 20px;
font-weight: bold;
color: #000;
padding: 0 15px;
}
.maintenance-content {
font-size: 16px;
padding: 15px 25px;
max-height: 350px;
overflow-y: scroll;
overflow: auto;
word-wrap: break-word;
font-family: 'cs_prajad';
}
.maintenance-bottom {
padding: 25px 15px 0;
}
.img-announce {
position: relative;
top: 50px;
z-index: 100;
}
#first-page-announce{
display: none;
}
#firstPageAnnounce .first-page-link {
text-decoration: underline;
color: #1a0dab;
}
</style>
</head>
<body>
<div class="modal fade" id="firstPageAnnounce" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="padding: 0 !important; z-index: 9999;">
<div class="modal-dialog dialog-section">
<div style="text-align: center;">
<img class="img-announce" src="https://cdn-th.tunwalai.net/files/responsive/ic-announce.png" width="100" height="100" />
</div>
<div class="modal-content">
<div class="maintenance-title">
</div>
<div class="maintenance-content">
</div>
<div class="maintenance-bottom">
<a class="btn see-all btn-tunwalai-new" data-dismiss="modal" style="width: 100%; margin-bottom:25px;" title="ตกลง">ตกลง</a>
<a id="close-permanent" data-ref-id="" data-dismiss="modal" style="width: 100%; cursor:pointer; text-decoration:underline;" title="ไม่ต้องแสดงอีก"><b>ไม่ต้องแสดงอีก</b></a>
</div>
</div>
</div>
</div>
<style type="text/css">
.dropdown-menu {
width: auto;
}
#top-menu,
#second-nav,
.tiny-nav {
font-size: 16px;
color: white;
border-radius: 0;
background-color: #BE9255;
margin-bottom: 0;
}
#top-menu a,
#second-nav a,
.tiny-nav a {
color: white;
}
#top-menu a {
background-color: #BE9255;
}
#top-menu .dropdown-menu,
#top-menu .dropdown-menu li a:hover {
background-color: #BE9255;
}
#top-menu .dropdown-menu li a:hover {
color: #412E09;
}
#top-menu input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: white;
font-size: 16px;
padding: 0;
}
#top-menu input[type=text]::-moz-placeholder { /* Firefox 19+ */
color: white;
}
#top-menu input[type=text]:-ms-input-placeholder { /* IE 10+ */
color: white;
}
#top-menu input[type=text]:-moz-placeholder { /* Firefox 18- */
color: white;
}
#top-menu .form-control {
font-size: 16px;
background: none;
border: none;
border-bottom: 1px solid white;
border-radius: 0px;
}
#top-menu button {
background: none;
border: none;
}
#top-menu #search-form {
padding-left: 0;
padding-right: 0;
}
#second-nav,
#second-nav .dropdown-menu {
background-color: #AA7939;
}
#second-nav .dropdown-menu li a:hover {
color: #412E09;
background-color: #AA7939;
}
#second-nav .nav .open > a,
#second-nav .nav .open > a:hover,
#second-nav .nav .open > a:focus {
background: none;
}
#second-nav .navbar-header p.navbar-text {
display: inline-block;
margin-right: 18px;
margin-top: 18px;
}
#second-nav p.navbar-text {
margin-top: 10px;
margin-bottom: 10px;
}
#second-nav .btn,
#second-nav .btn:hover {
border: none;
}
#second-nav .navbar-btn {
margin-top: 5px;
margin-bottom: 0;
}
#second-nav .menu-icon {
margin-right: 15px;
}
#second-nav .modal-dialog {
z-index:99;
}
#second-menu-collapse li a:hover {
background-color: #553D0F;
}
.main-login-button {
font-size: 16px;
background: none;
float: right;
}
.main-login-button:hover,
.main-login-button:visited,
.main-login-button:active {
background: none;
text-decoration: none;
}
.navbar-header .logo img {
height: 40px;
}
#header-search-form {
padding-left: 0;
padding-right: 0;
display: inline-block;
float: right;
margin-right: 18px;
margin-top: 10px;
}
#header-search-form .form-group,
#header-search-form button {
display: inline-block;
}
.floating {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
}
.vip-label, .vip-label-alt {
text-align: center;
}
.navbar-text a,
.navbar-text a:hover {
text-decoration: underline !important;
color: gold !important;
border: none;
}
.vip-status + p { /* get rid p tag after .vip-status*/
display: none;
}
.menu-icon {
margin-right:15px;
}
.header-xs .row {
background-color: #BE9255;
}
.balance-row {
background-color: #6C501A;
padding-top:10px;
padding-bottom:10px;
}
.balance-row > * {
margin-right: 25px;
}
@media only screen and (max-width : 767px) {
.navbar-header .logo img {
height: 30px;
}
}
@media (max-width: 575px) {
.noti-red-dot {
top: 9px !important;
left: 18px !important;
}
.noti-box {
width: 100% !important;
}
}
@media only screen and (min-width : 768px) {
#second-menu-xs-collapse,
#second-menu-collapse {
display: none !important;
}
#second-nav .navbar-header p.navbar-text {
display: none;
}
.ribbon {
background: url('https://cdn-th.tunwalai.net/files/menu-icon/ribbon_desktop.png');
width: 75px;
height: 75px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
}
}
.toggle-search-fade-box:focus {
border:none
}
#search-form {
width:85%;
}
#search-form .search-type{
width: 10%;
min-width: 54px;
}
#search-form .search-keyword{
width: 75%;
}
#search-form .search-type select{
color:white !important
}
#search-form .search-type select option{
color:black !important
}
@media only screen and (max-width : 1199px) {
#search-form {
width:85%
}
#search-form .search-type {
width: 5%;
}
#search-form .search-keyword {
width: 80%;
}
}
.shopback-tab-ads {
background: #ff5854;
color: #fff;
text-transform: uppercase;
text-align: center;
font: 14px monospace;
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.link-shopback {
background-color: white;
color: #ff5854;
border-radius: 15px;
font-size: 12px;
padding: 0.25rem 0.8rem;
line-height: 2rem
}
.close-tab-large-device {
position: absolute;
right: 10px;
}
.close-tab-small-device {
display: block;
}
.close-shopback-campaign {
margin-right: 10px;
margin-top: 10px;
color: white;
cursor: pointer;
}
.noti-red-dot {
height: 9px;
width: 9px;
background-color: #d63031;
border-radius: 20px;
color: white;
position: absolute;
top: 14px;
left: 23px;
padding: 3px;
border-style: solid;
border-width: 1px;
}
.noti-box {
width: 400px;
height: 500px;
background-color: white !important;
border-radius: 7px;
transition: 0.5s;
position: absolute;
overflow-y: scroll;
padding-left: 0px !important;
padding-right: 0px !important;
}
.noti-header {
border-bottom: 1px solid #ccc;
height: 33px;
margin-top: 5px;
}
.noti-subject {
border-bottom: 1px solid #ccc;
font-size: 13px;
font-weight: bold;
height: 26px;
margin-top: 7px;
}
.noti-item {
border-bottom: 1px solid #ccc;
padding: 11px;
height: 80px;
height: 85px;
font-size: 16px;
}
.noti-message {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.noti-item-left {
padding-left: 10px;
padding-right: 10px;
}
.noti-item-right {
color: black;
padding-left: 25px;
padding-right: 0px;
}
.noti-unread {
background-color: #ffe5db;
}
.noti-annouce{
background-color: #ffebb0;
}
.noti-annouce-url {
font-family: monospace;
font-size: 32px;
color: #5D6D7E;
height: 100%;
vertical-align: middle;
padding: 5px;
padding-left: 15px;
}
.noti-img-type {
height: 40px;
width: 40px;
position: absolute;
top: 23px;
left: 38px;
padding: 3px;
}
.navbar-toggle {
margin-right: 1px !important;
}
</style>
<script src="/Scripts/tunwalai-member.js" defer></script>
<!-- App Banner Section -->
<script>
$(function () {
$(".navbar-collapse").css({ maxHeight: $(window).height() - $(".navbar-header").height() + "px" });
$('#store_link').click(function () {
var os = getMobilePlatform();
if (os === "android") {
//alert("os is android");
$.ajax({
url: '/My/ActivateAndroidUser',
success: function (data) {
//alert("receive response from server.");
goToStore();
},
error: function (er) {
//alert(er);
}
});
} else {
goToStore();
}
});
var mainNavHeight = $("#main-nav").height();
console.log(mainNavHeight);
var controller = "home";
var action = "index";
console.log(controller);
console.log(action);
var exceptFloat = controller === "writer" && (action === "addchapter" || action === "editchapter");
//$(".ribbon").css('top', mainNavHeight);
if (!exceptFloat) {
$(window).scroll(function () {
//var top_of_element = $("#app-banner").offset().top;
//var bottom_of_element = $("#app-banner").offset().top + $("#app-banner").outerHeight();
var top_of_element = 0;
var bottom_of_element = 0;
var bottom_of_screen = $(window).scrollTop() + $(window).height();
var top_of_screen = $(window).scrollTop();
if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)) {
// The element is visible, do something
$("#main-nav").removeClass("floating");
$("#menu-space").css("margin-bottom", 0);
}
else {
// The element is not visible, do something else
$("#main-nav").addClass("floating");
$("#menu-space").css("margin-bottom", mainNavHeight);
}
});
}
$("#menu-collapse").on("show.bs.collapse", function () {
console.log("clicked");
if ($("#second-menu-xs-collapse").hasClass("in")) {
$("#second-menu-xs-collapse").collapse('toggle');
}
if ($("#search-xs").hasClass("in")) {
$("#search-xs").collapse('toggle');
}
//$("#second-menu-collapse").removeClass("in");
});
$("#second-menu-xs-collapse").on("show.bs.collapse", function () {
console.log("clicked");
if ($("#menu-collapse").hasClass("in")) {
$("#menu-collapse").collapse('toggle');
}
if ($("#search-xs").hasClass("in")) {
$("#search-xs").collapse('toggle');
}
//$("#menu-collapse").removeClass("in");
});
$("#search-xs").on("show.bs.collapse", function () {
if ($("#menu-collapse").hasClass("in")) {
$("#menu-collapse").collapse('toggle');
}
if ($("#second-menu-xs-collapse").hasClass("in")) {
$("#second-menu-xs-collapse").collapse('toggle');
}
});
var leftMenuHidden = 1;
$(".toggle-search-fade-box").on("click", function () {
if (leftMenuHidden === 0) {
$(".main-left-menu").show();
$("#search-form").hide();
leftMenuHidden = 1;
$("#toggle-search-fade-box-icon").addClass("glyphicon-search");
$("#toggle-search-fade-box-icon").removeClass("glyphicon-remove");
}
else {
$(".main-left-menu").hide();
$("#search-form").show();
leftMenuHidden = 0;
$("#toggle-search-fade-box-icon").addClass("glyphicon-remove");
$("#toggle-search-fade-box-icon").removeClass("glyphicon-search");
$("#search-form input[type='text']").focus();
}
});
function LoadMoreInboxItems(item_count, isLargeScreen, current_unread, latest_id) {
$.ajax({
url: '/inbox/loadinboxitem',
type: "POST",
data: {
member_id: 0 ,
length: 10,
latest_inbox_id: (latest_id == "" ? 0 : latest_id),
unread_count: (current_unread == "" ? 0 : current_unread),
},
success: function (data) {
if (data.isSuccess) {
if (isLargeScreen) {
if (!data.hasNext) {
$("#load-inbox-btn-lg").hide();
}
else {
$("#load-inbox-btn-lg").show();
}
if ($('#unread-count-lg').html() > 0) {
$('#noti-subject-lg').show();
}
//$('#unread-count-lg').html(data.unreadCount);
$('#inbox-item-content-lg').append(data.items);
if (data.itemCount > 0) {
$('#no-inbox-lg').hide();
}
else {
$('#no-inbox-lg').show();
}
}
else {
if (!data.hasNext) {
$("#load-inbox-btn").hide();
}
else {
$("#load-inbox-btn").show();
}
//if (data.unreadCount > 0) {
// $('#noti-subject').show();
//}
//$('#unread-count').html(data.unreadCount);
$('#inbox-item-content').append(data.items);
if (data.itemCount > 0) {
$('#no-inbox').hide();
}
else {
$('#no-inbox').show();
}
}
if (data.latestInbox > 0) {
$('#latestInbox').val(data.latestInbox);
}
}
}
});
}
function MaskAllAsRead(item_count, isLargeScreen, isNextVisible) {
var max_inbox_id = $('.member-inbox').data('id');
$.ajax({
url: '/inbox/maskallasread',
type: "POST",
data: {
member_id: 0 ,
length: item_count,
latest_inbox_id: (max_inbox_id == "" ? 0 : max_inbox_id+1),
is_next_visible: isNextVisible
},
success: function (data) {
if (data.isSuccess) {
if (isLargeScreen) {
if (!data.hasNext) {
$("#load-inbox-btn-lg").hide();
}
$('#unread-count-lg').html(data.unreadCount);
$('#inbox-item-content-lg').html(data.items);
$('#redDot-lg').removeClass("noti-red-dot");
$('#noti-subject-lg').hide();
}
else {
if (!data.hasNext) {
$("#load-inbox-btn").hide();
}
$('#unread-count').html(data.unreadCount);
$('#inbox-item-content').html(data.items);
$('#redDot').removeClass("noti-red-dot");
$('#noti-subject').hide()
}
}
}
});
}
$('#noti-subject-lg').hide();
$("#load-inbox-btn-lg").hide();
$('#no-inbox-lg').hide();
$('#noti-subject').hide();
$("#load-inbox-btn").hide();
$('#no-inbox').hide();
$("#lg-bell").on("click", function (e) {
var isClickNoti = $('#isClickNoti').val();
if (isClickNoti == "true") {
return;
}
LoadMoreInboxItems(0, true, 0, 0);
$('#isClickNoti').val("true");
});
$("#xs-bell").on("click", function (e) {
var isClickNoti = $('#isClickNoti').val();
if (isClickNoti == "true") {
return;
}
LoadMoreInboxItems(0, false, 0, 0);
$('#isClickNoti').val("true");
});
$("#load-inbox-btn").on("click", function (e) {
var itemCount = $('#inbox-item-content > a').length;
var id = $("#latestInbox").val();
e.stopPropagation();
LoadMoreInboxItems(itemCount, false, $("#unread-count").html(), $("#latestInbox").val());
});
$("#load-inbox-btn-lg").on("click", function (e) {
var itemCount = $('#inbox-item-content-lg > a').length;
var id = $("#latestInbox").val();
e.stopPropagation(itemCount);
LoadMoreInboxItems(itemCount, true, $("#unread-count-lg").html(), $("#latestInbox").val());
});
$("#mask-all-as-read").on("click", function (e) {
var itemCount = $('#inbox-item-content > a').length;
var isVisible = $('#load-inbox-btn').length > 0;
e.stopPropagation();
MaskAllAsRead(itemCount, false, isVisible);
});
$("#mask-all-as-read-lg").on("click", function (e) {
var itemCount = $('#inbox-item-content-lg > a').length;
var isVisible = $('#load-inbox-btn-lg').length > 0;
e.stopPropagation();
MaskAllAsRead(itemCount, true, isVisible);
});
});
</script>
<!-- END App Banner Section -->
<div id="menu-space"></div>
<div id="main-nav">
<script type="text/javascript">
var ookbeenumericId = '0';
$('.not-show-small-bar').change(function (e) {
$('.not-show-large-bar').prop('checked', $('.not-show-small-bar').is(':checked'));
});
$('.not-show-large-bar').change(function (e) {
$('.not-show-small-bar').prop('checked', $('.not-show-large-bar').is(':checked'));
});
$('.close-shopback-campaign').click(function (e) {
$('.shopback-tab-ads').hide();
if ($('.not-show-large-bar').is(':checked')) {
$.cookie('_NotShowShopbackBar_' + ookbeenumericId , $('.not-show-large-bar').is(':checked'), { expires: 1, path: '/' });
}
});
</script>
<nav class="navbar col-lg-7 " id="top-menu">
<div class="container-fluid">
<div class="navbar-header">
<div class="hidden-xs">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false">
<img height="15" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-menu.png" alt="" />
</button>
<a class="logo" href="/">
<img src="https://cdn-th.tunwalai.net/files/responsive/tunwalai-logo-white-transparent.png" />
</a>
<form action="/all/search" class="visible-xs form-inline" id="header-search-form" method="post"> <div class="form-group col-md-2 ">
<select name="searchtype" class="form-control">
<option value="novel">นิยาย</option>
<option value="ebook">อีบุ๊ก</option>
</select>
</div>
<div class="form-group col-md-10">
<input type="text" name="keyword" style="color:white" placeholder="ค้นหา">
</div>
<button type="submit" class="btn btn-default"><i style="color:white; font-size:15px;" class="glyphicon glyphicon-search"></i></button>
</form> </div>
<div class="header-xs hidden-sm hidden-md hidden-lg">
<div class="row">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse" style="float:left">
<img height="15" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-menu.png" alt="" />
</button>
<div class="logo-block" style="display:inline-block; margin-top:10px;">
<a class="logo" href="/">
<img src="https://cdn-th.tunwalai.net/files/responsive/tunwalai-logo-white-transparent.png" height="30" />
</a>
</div>
<button type="button" class="navbar-toggle main-login-button" style="float:right">
<i class="glyphicon glyphicon-user" style="font-size:15px;"></i>
</button>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#search-xs" style="float:right">
<i class="glyphicon glyphicon-search" style="font-size:12px;"></i>
</button>
</div>
</div>
</div>
<div id="search-xs" class="collapse hidden-sm hidden-lg hidden-md" aria-expanded="false">
<form action="/all/search" class="form-inline" method="post" style="display:inline-block; width:100%; padding:15px;"> <div class="form-group col-md-2 ">
<select name="searchtype" class="form-control">
<option value="novel">นิยาย</option>
<option value="ebook">อีบุ๊ก</option>
</select>
</div>
<div class="form-group col-md-10 ">
<input type="text" name="keyword" class="form-control" style="color:white; display:inline-block;width:88%" placeholder="ค้นหา">
<button type="submit" class="btn btn-fluid" style="width:10%; float:right"><i style="color:white; font-size:15px;" class="glyphicon glyphicon-search"></i></button>
</div>
</form> </div>
<div class="collapse navbar-collapse" id="menu-collapse" style="min-height: 51px;">
<ul class="navbar-nav nav main-left-menu">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span style="padding:5px 15px;">คู่มือธัญวลัย<span style="font-size:10px;"> ▼</span></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/blog/88" title="ธัญวลัยคือ?">ธัญวลัยคือ?</a>
</li>
<li>
<a href="/blog/55" title="วิธีสมัครสมาชิก">วิธีสมัครสมาชิก</a>
</li>
<li>
<a href="/blog/56" title="เติมเหรียญยังไง?">เติมเหรียญยังไง?</a>
</li>
<li>
<a href="/blog/57" title="ไกด์ไลน์การลงผลงาน">ไกด์ไลน์การลงผลงาน </a>
</li>
<li>
<a href="/blog/28" title="วิธีลงนิยาย">วิธีลงนิยาย</a>
</li>
<li>
<a href="/blog/81" title="ระบบสนับสนุนคือ?">ระบบสนับสนุนคือ?</a>
</li>
<li>
<a href="/blog/82" title="วิธีการใช้งานระบบสนับสนุน">วิธีการใช้งานระบบสนับสนุน</a>
</li>
<li>
<a href="/blog/293" title="ธัญวลัยอีบุ๊กคืออะไร">ธัญวลัยอีบุ๊กคืออะไร</a>
</li>
<li>
<a href="/blog/294" title="วิธีการลงธัญวลัยอีบุ๊ก">วิธีการลงธัญวลัยอีบุ๊ก</a>
</li>
<li>
<a href="/blog/315" title="ธัญแชท">ธัญแชท</a>
</li>
<li>
<a href="/blog/281" title="FAQ ">FAQ </a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span style="padding:5px 15px;">นิยาย<span style="font-size:10px;"> ▼</span></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/" title="หน้าหลักนิยาย">หน้าหลัก</a>
</li>
<li>
<a href="#" title="หมวดหมู่นิยาย" style="pointer-events:none;cursor:default;text-decoration:none;">หมวดหมู่นิยาย</a>
</li>
<li><a href="/categories/search/1/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%a3%e0%b8%b1%e0%b8%81%e0%b8%a7%e0%b8%b1%e0%b8%a2%e0%b8%a3%e0%b8%b8%e0%b9%88%e0%b8%99" title="นิยาย รักวัยรุ่น"> นิยาย รักวัยรุ่น</a></li>
<li><a href="/categories/search/2/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%a3%e0%b8%b1%e0%b8%81%e0%b9%82%e0%b8%a3%e0%b9%81%e0%b8%a1%e0%b8%99%e0%b8%95%e0%b8%b4%e0%b8%84" title="นิยาย รัก,โรแมนติค"> นิยาย รัก,โรแมนติค</a></li>
<li><a href="/categories/search/3/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%95%e0%b8%a5%e0%b8%81%e0%b8%84%e0%b8%ad%e0%b8%a1%e0%b9%80%e0%b8%a1%e0%b8%94%e0%b8%b5%e0%b9%89" title="นิยาย ตลก,คอมเมดี้"> นิยาย ตลก,คอมเมดี้</a></li>
<li><a href="/categories/search/4/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b9%81%e0%b8%ad%e0%b9%87%e0%b8%84%e0%b8%8a%e0%b8%b1%e0%b9%88%e0%b8%99%e0%b8%9a%e0%b8%b9%e0%b9%8a%e0%b8%a5%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%9c%e0%b8%a5%e0%b8%b2%e0%b8%8d" title="นิยาย แอ็คชั่น,บู๊ล้างผลาญ"> นิยาย แอ็คชั่น,บู๊ล้างผลาญ</a></li>
<li><a href="/categories/search/5/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%aa%e0%b8%a2%e0%b8%ad%e0%b8%87%e0%b8%82%e0%b8%a7%e0%b8%b1%e0%b8%8d%e0%b8%aa%e0%b8%b1%e0%b9%88%e0%b8%99%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%aa%e0%b8%b2%e0%b8%97" title="นิยาย สยองขวัญ,สั่นประสาท"> นิยาย สยองขวัญ,สั่นประสาท</a></li>
<li><a href="/categories/search/6/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%a5%e0%b8%b6%e0%b8%81%e0%b8%a5%e0%b8%b1%e0%b8%9a%e0%b8%aa%e0%b8%b7%e0%b8%9a%e0%b8%aa%e0%b8%a7%e0%b8%99-%e0%b8%aa%e0%b8%ad%e0%b8%9a%e0%b8%aa%e0%b8%a7%e0%b8%99" title="นิยาย ลึกลับ,สืบสวน สอบสวน"> นิยาย ลึกลับ,สืบสวน สอบสวน</a></li>
<li><a href="/categories/search/7/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%ad%e0%b8%b5%e0%b9%82%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%81" title="นิยาย อีโรติก"> นิยาย อีโรติก</a></li>
<li><a href="/categories/search/9/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b9%81%e0%b8%9f%e0%b8%99%e0%b8%95%e0%b8%b2%e0%b8%8b%e0%b8%b5" title="นิยาย แฟนตาซี"> นิยาย แฟนตาซี</a></li>
<li><a href="/categories/search/10/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-y" title="นิยาย y"> นิยาย y</a></li>
<li><a href="/categories/search/11/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%8a%e0%b8%b5%e0%b8%a7%e0%b8%b4%e0%b8%95%e0%b8%94%e0%b8%a3%e0%b8%b2%e0%b8%a1%e0%b9%88%e0%b8%b2" title="นิยาย ชีวิต/ดราม่า"> นิยาย ชีวิต/ดราม่า</a></li>
<li><a href="/categories/search/12/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b9%80%e0%b8%a3%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%87%e0%b8%aa%e0%b8%b1%e0%b9%89%e0%b8%99" title="นิยาย เรื่องสั้น"> นิยาย เรื่องสั้น</a></li>
<li><a href="/categories/search/20/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%97%e0%b8%b1%e0%b9%88%e0%b8%a7%e0%b9%84%e0%b8%9b" title="นิยาย ทั่วไป"> นิยาย ทั่วไป</a></li>
<li><a href="/categories/search/21/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b9%81%e0%b8%9f%e0%b8%99%e0%b8%9f%e0%b8%b4%e0%b8%84" title="นิยาย แฟนฟิค"> นิยาย แฟนฟิค</a></li>
<li><a href="/categories/search/22/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%88%e0%b8%b5%e0%b8%99" title="นิยาย จีน"> นิยาย จีน</a></li>
<li><a href="/categories/search/23/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b9%80%e0%b8%81%e0%b8%b2%e0%b8%ab%e0%b8%a5%e0%b8%b5" title="นิยาย เกาหลี"> นิยาย เกาหลี</a></li>
<li><a href="/categories/search/24/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-%e0%b8%8d%e0%b8%b5%e0%b9%88%e0%b8%9b%e0%b8%b8%e0%b9%88%e0%b8%99" title="นิยาย ญี่ปุ่น"> นิยาย ญี่ปุ่น</a></li>
<li><a href="/categories/search/25/%e0%b8%99%e0%b8%b4%e0%b8%a2%e0%b8%b2%e0%b8%a2-yuri" title="นิยาย Yuri"> นิยาย Yuri</a></li>
<li><a href="/categories/search/0/%e0%b8%97%e0%b8%b8%e0%b8%81%e0%b8%ab%e0%b8%a1%e0%b8%a7%e0%b8%94" title="ทุกหมวด"> ทุกหมวด</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span style="padding:5px 15px;">อีบุ๊ก<span style="font-size:10px;"> ▼</span></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/home/ebook" title="หน้าหลักอีบุ๊ก">หน้าหลัก</a>
</li>
<li>
<a href="#" title="หมวดหมู่อีบุ๊ก" style="pointer-events:none;cursor:default;text-decoration:none;">หมวดหมู่อีบุ๊ก</a>
</li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=1&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%A3%E0%B8%B1%E0%B8%81%E0%B8%A7%E0%B8%B1%E0%B8%A2%E0%B8%A3%E0%B8%B8%E0%B9%88%E0%B8%99" title="นิยาย รักวัยรุ่น"> นิยาย รักวัยรุ่น</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=2&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%A3%E0%B8%B1%E0%B8%81%E0%B9%82%E0%B8%A3%E0%B9%81%E0%B8%A1%E0%B8%99%E0%B8%95%E0%B8%B4%E0%B8%84" title="นิยาย รัก,โรแมนติค"> นิยาย รัก,โรแมนติค</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=3&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%95%E0%B8%A5%E0%B8%81%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%80%E0%B8%A1%E0%B8%94%E0%B8%B5%E0%B9%89" title="นิยาย ตลก,คอมเมดี้"> นิยาย ตลก,คอมเมดี้</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=4&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B9%81%E0%B8%AD%E0%B9%87%E0%B8%84%E0%B8%8A%E0%B8%B1%E0%B9%88%E0%B8%99%E0%B8%9A%E0%B8%B9%E0%B9%8A%E0%B8%A5%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%9C%E0%B8%A5%E0%B8%B2%E0%B8%8D" title="นิยาย แอ็คชั่น,บู๊ล้างผลาญ"> นิยาย แอ็คชั่น,บู๊ล้างผลาญ</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=5&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%AA%E0%B8%A2%E0%B8%AD%E0%B8%87%E0%B8%82%E0%B8%A7%E0%B8%B1%E0%B8%8D%E0%B8%AA%E0%B8%B1%E0%B9%88%E0%B8%99%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%AA%E0%B8%B2%E0%B8%97" title="นิยาย สยองขวัญ,สั่นประสาท"> นิยาย สยองขวัญ,สั่นประสาท</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=6&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%A5%E0%B8%B6%E0%B8%81%E0%B8%A5%E0%B8%B1%E0%B8%9A%E0%B8%AA%E0%B8%B7%E0%B8%9A%E0%B8%AA%E0%B8%A7%E0%B8%99-%E0%B8%AA%E0%B8%AD%E0%B8%9A%E0%B8%AA%E0%B8%A7%E0%B8%99" title="นิยาย ลึกลับ,สืบสวน สอบสวน"> นิยาย ลึกลับ,สืบสวน สอบสวน</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=7&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%AD%E0%B8%B5%E0%B9%82%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%81" title="นิยาย อีโรติก"> นิยาย อีโรติก</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=9&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B9%81%E0%B8%9F%E0%B8%99%E0%B8%95%E0%B8%B2%E0%B8%8B%E0%B8%B5" title="นิยาย แฟนตาซี"> นิยาย แฟนตาซี</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=10&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-y" title="นิยาย y"> นิยาย y</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=11&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%8A%E0%B8%B5%E0%B8%A7%E0%B8%B4%E0%B8%95%E0%B8%94%E0%B8%A3%E0%B8%B2%E0%B8%A1%E0%B9%88%E0%B8%B2" title="นิยาย ชีวิต/ดราม่า"> นิยาย ชีวิต/ดราม่า</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=12&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B9%80%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%B1%E0%B9%89%E0%B8%99" title="นิยาย เรื่องสั้น"> นิยาย เรื่องสั้น</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=20&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%97%E0%B8%B1%E0%B9%88%E0%B8%A7%E0%B9%84%E0%B8%9B" title="นิยาย ทั่วไป"> นิยาย ทั่วไป</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=22&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%88%E0%B8%B5%E0%B8%99" title="นิยาย จีน"> นิยาย จีน</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=23&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B9%80%E0%B8%81%E0%B8%B2%E0%B8%AB%E0%B8%A5%E0%B8%B5" title="นิยาย เกาหลี"> นิยาย เกาหลี</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=24&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-%E0%B8%8D%E0%B8%B5%E0%B9%88%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%99" title="นิยาย ญี่ปุ่น"> นิยาย ญี่ปุ่น</a></li>
<li><a href="/search/ebookdetails?searchtype=ebook&Category=25&SortId=0&slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-yuri" title="นิยาย Yuri"> นิยาย Yuri</a></li>
</ul>
</li>
</ul>
<form action="/all/search" class="navbar-form navbar-right hidden-xs form-inline" id="search-form" method="post" style="display:none;"> <div class="form-group search-type">
<select name="searchtype" class="form-control" style="padding-right:0px;">
<option value="novel">นิยาย</option>
<option value="ebook">อีบุ๊ก</option>
</select>
</div>
<div class="form-group search-keyword">
<input type="text" name="keyword" class="form-control" style="color:white; width:100%" placeholder="ค้นหา">
</div>
<div class="form-group">
<button type="submit" class="btn"><i style="color:white; font-size:15px;" class="glyphicon glyphicon-search"></i></button>
</div>
</form> <button class="navbar-right toggle-search-fade-box hidden-xs" style="margin-top:15px;"><i style="color:white; font-size:15px;" id="toggle-search-fade-box-icon" class="glyphicon glyphicon-search"></i></button>
</div>
<div class="collapse navbar-collapse hidden-sm hidden-lg hidden-md" id="second-menu-xs-collapse">
<ul class="nav navbar-nav navbar-right">
<li style="padding:15px"><a id="btnAppConfirm" class="btn" href="#" style="padding:10px; border-radius:5px; background-color:#553D0F"><img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu/icon-unlock.png" /> ปลดล็อคแอป(แอนดรอยด์)</a></li>
<li><a href="/profile/0" title="หน้าส่วนตัว"> <img src="https://cdn-th.tunwalai.net/files/menu-icon/icon-member-user.png" alt="" class="menu-icon" /> หน้าส่วนตัว</a></li>
<li><a href="/profile/0?anchor=#main-profile_story"><img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-member-story.png" /> ผลงานของฉัน</a></li>
<li><a href="/profile/libraryv2" class="dropdown-item"><img style="width: 15px; height: 15px; margin-right: 16px; margin-left: 3px;" src="https://cdn-th.tunwalai.net/files/responsive/ic_library.png" /> คลังนิยาย</a></li>
<li><a href="/profile/library" title="นิยายซื้อแล้ว"><i class="glyphicon glyphicon-bookmark" style="margin-right:20px;"></i> นิยายซื้อแล้ว</a></li>
<li><a href="/my" title="เหรียญของฉัน"> <img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-member-coin.png" alt="" /> เหรียญของฉัน</a></li>
<li><a href="/profile/purchasehistoryebook" title="ประวัติการซื้อ"> <i class="fa fa-shopping-bag menu-icon" style="margin-left: 3px;"></i> ประวัติการซื้อ</a></li>
<li><a href="/key/redeemcoupon" title="ใช้คูปอง"> <img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-member-coupon.png" alt="" /> ใช้คูปอง</a></li>
<li><a href="/setting"><img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu-icon/ic_setting.png" /> ตั้งค่า</a> </li>
<li role="separator" class="divider"></li>
<li style="text-align:right"><a href="/signout"> <img class="menu-icon" src="https://cdn-th.tunwalai.net/files/menu-icon/icon-member-signout.png" alt="" /> ออกจากระบบ</a></li>
</ul>
</div>
</div>
</nav>
<nav class="navbar col-lg-5 hidden-xs" id="second-nav">
<a href="#" class="main-login-button navbar-btn" style="margin-top:6px; margin-bottom:6px;"><i class="glyphicon glyphicon-user" style="font-size:15px;"></i> เข้าสู่ระบบ / สมัครสมาชิก </a>
</nav>
<div class="clearfix"></div>
</div>
<div id="wrap-shadow" class="container">
<style>
.banner-img {
left: 50%;
-webkit-transform: translateX(-50%);
position: relative !important;
max-width: none !important;
height: 400px !important;
}
@media only screen and (max-width: 1024px) {
.banner-img {
height: 350px !important;
}
}
@media only screen and (max-width: 768px) {
.banner-img {
height: 250px !important;
}
}
@media only screen and (max-width: 425px) {
.banner-img {
height: 140px !important;
}
}
@media only screen and (max-width: 375px) {
.banner-img {
height: 130px !important;
}
}
@media only screen and (max-width: 320px) {
.banner-img {
height: 100px !important;
}
}
</style>
<div class="clear"></div>
<div class="row" style="position: relative;">
<div id="carousel-example-generic" class="carousel" data-ride="carousel">
<center>
<div class="carousel-inner">
<div class="item active">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/434/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/434/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/blog/382" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211202/ce27e4a6-8f45-488e-b616-dce4e6f92055_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/433/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/433/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/blog/381" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/a9027011-2001-4490-867d-19bab33d72fc_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/353/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/353/action/1/log" class="clickStatLogUrl" />
<a href="https://bit.ly/3G67fQ2" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211202/9dd47d27-8d0f-4494-998e-3db7842f4ecb_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/421/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/421/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/559886" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/33c1c716-3236-461a-acde-b5494bb11086_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/422/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/422/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/315489" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/c20d8a71-fed4-42d0-99e8-6876162ad733_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/423/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/423/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/595638" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/d82ee9a3-5794-4a1a-b708-4f032b98c735_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/424/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/424/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/575928" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/320b9725-d9b5-4fac-aa21-2ec5b36de97a_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/425/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/425/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/584404" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/e0d17492-c9ba-4ee6-aec0-e587694f20be_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/426/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/426/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/582775" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/f6adae77-3aea-478e-af00-67627b57b6ab_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/427/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/427/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/565659" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/b2d309f3-0ace-4b7e-8cf4-43f182684233_app.jpg" alt="">
</a>
</div>
<div class="item ">
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/428/action/0/log" class="impUrl" />
<input type="hidden" value="https://tunwalai-member.obapi.io/app/TUNWALAI_209/user/0/banner/428/action/1/log" class="clickStatLogUrl" />
<a href="https://www.tunwalai.com/v2/story/484140" target="_blank" onclick="clickBanner()">
<img class="banner-img" src="https://cdn-th.tunwalai.net/files/home/211201/72788844-d5f0-47b3-88f0-2f8bc52d1c8e_app.jpg" alt="">
</a>
</div>
</div>
</center>
<!-- controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<script type="text/javascript">
$(function () {
var impDic = {};
var impUrls = $(".impUrl");
for (var i = 0; i < impUrls.length; i++) {
var u = $(impUrls[i]).val();
if (u) {
impDic[u] = 0;
}
}
console.log(impDic);
$('.carousel').on("slid.bs.carousel", function () {
impressActiveBanner();
});
function impressActiveBanner() {
var impUrl = $('.active .impUrl').val();
if (impUrl) {
//console.log("impression url: " + impUrl);
if (impDic[impUrl] == 0) {
console.log("Fire Impression");
$.get(impUrl, function () {
console.log("Fire Event Success");
})
impDic[impUrl] = 1;
}
}
}
$('.carousel').on("slid.bs.carousel", function () {
impressActiveBanner();
});
//impress first banner;
impressActiveBanner();
});
function clickBanner() {
var clickUrl = $('.active .clickStatLogUrl').val();
$.get(clickUrl, function () {
console.log("Fire Event Success");
})
}
</script>
<div class="row">
<img id="blog-link" src="https://cdn-th.tunwalai.net/files/responsive/banner-ads1.png" style="width:100%;cursor: pointer;" />
<a href="https://www.termcoin.net" target="_blank"><img style="width:100%" src="https://cdn-th.tunwalai.net/files/responsive/termcoin_banner_22032021.jpg" /></a>
<div id="main-content-news-update" style="background-color: #f1e0cd;">
<div class="clearfix"></div>
<div id="main-content-hormuen-rank" class="clearfix" style="
padding: 20px 0;
background-image:url(https://cdn-th.tunwalai.net/files/chinese/bg-chinese-opacity.png);
background-size: cover;">
<div class="main-size_lg-width col-lg-9 col-xs-12" style="margin-bottom: 10px;">
<img src="https://cdn-th.tunwalai.net/files/responsive/icon-trophy-gold.png" width="36" /><span class="section-header">นิยายแปลสุดฮิต</span>
</div>
<div class="main-size_lg-width col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="top-category-bar">
<span class="navbar-brand">อันดับยอดเหรียญ</span>
<div class="navbar-brand" style="float:right;">
<a class="see-all" href="/story/tophormuenstorycoin" title="ดูทั้งหมด">ดูทั้งหมด ></a>
</div>
</div>
<div class="story-gold-medal">
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/525359/%e0%b9%80%e0%b8%9c%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%95%e0%b8%99%e0%b8%a5%e0%b8%b1%e0%b8%9a-%e0%b8%88%e0%b8%b1%e0%b8%9a%e0%b8%ab%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%88%e0%b9%80%e0%b8%98%e0%b8%ad" title="เผยตัวตนลับ จับหัวใจเธอ">
<img src="https://cdn-th.tunwalai.net/files/story/525359/637496639645294550-story.jpg" alt="" title="เผยตัวตนลับ จับหัวใจเธอ" />
</a>
<div class="top-story-left-rank">
1
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/525359/%e0%b9%80%e0%b8%9c%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%95%e0%b8%99%e0%b8%a5%e0%b8%b1%e0%b8%9a-%e0%b8%88%e0%b8%b1%e0%b8%9a%e0%b8%ab%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%88%e0%b9%80%e0%b8%98%e0%b8%ad" title="เผยตัวตนลับ จับหัวใจเธอ">เผยตัวตนลับ จับหัวใจเธอ</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/556913/%e0%b9%80%e0%b8%9f%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a3%e0%b8%b9%e0%b8%8a%e0%b8%b4%e0%b8%87-%e0%b8%ad%e0%b8%87%e0%b8%84%e0%b9%8c%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b9%80%e0%b8%97%e0%b8%a7%e0%b8%94%e0%b8%b2" title="เฟิงหรูชิง องค์หญิงหมอเทวดา">
<img src="https://cdn-th.tunwalai.net/files/story/556913/637583739182456876-story.jpg" alt="" title="เฟิงหรูชิง องค์หญิงหมอเทวดา" />
</a>
<div class="top-story-left-rank">
2
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/556913/%e0%b9%80%e0%b8%9f%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a3%e0%b8%b9%e0%b8%8a%e0%b8%b4%e0%b8%87-%e0%b8%ad%e0%b8%87%e0%b8%84%e0%b9%8c%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b9%80%e0%b8%97%e0%b8%a7%e0%b8%94%e0%b8%b2" title="เฟิงหรูชิง องค์หญิงหมอเทวดา">เฟิงหรูชิง องค์หญิงหมอเทวดา</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/469526/%e0%b8%8a%e0%b8%b2%e0%b8%a2%e0%b8%b2%e0%b9%80%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b8%87%e0%b8%ab%e0%b8%97%e0%b8%b1%e0%b8%a2" title="ชายาเคียงหทัย">
<img src="https://cdn-th.tunwalai.net/files/story/469526/637334273783616138-story.jpg" alt="" title="ชายาเคียงหทัย" />
</a>
<div class="top-story-left-rank">
3
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/469526/%e0%b8%8a%e0%b8%b2%e0%b8%a2%e0%b8%b2%e0%b9%80%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b8%87%e0%b8%ab%e0%b8%97%e0%b8%b1%e0%b8%a2" title="ชายาเคียงหทัย">ชายาเคียงหทัย</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/569353/%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b8%a5%e0%b8%b9%e0%b8%81%e0%b8%a5%e0%b8%b4%e0%b8%87%e0%b8%97%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b8%aa%e0%b8%b2%e0%b8%a1" title="หมอหญิงกับลูกลิงทั้งสาม">
<img src="https://cdn-th.tunwalai.net/files/story/569353/637617479873476687-story.jpg" alt="" title="หมอหญิงกับลูกลิงทั้งสาม" />
</a>
<div class="top-story-left-rank">
4
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/569353/%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b8%a5%e0%b8%b9%e0%b8%81%e0%b8%a5%e0%b8%b4%e0%b8%87%e0%b8%97%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b8%aa%e0%b8%b2%e0%b8%a1" title="หมอหญิงกับลูกลิงทั้งสาม">หมอหญิงกับลูกลิงทั้งสาม</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/415773/%e0%b8%82%e0%b9%89%e0%b8%b2%e0%b8%a1%e0%b8%81%e0%b8%b2%e0%b8%a5%e0%b8%9a%e0%b8%b1%e0%b8%99%e0%b8%94%e0%b8%b2%e0%b8%a5%e0%b8%a3%e0%b8%b1%e0%b8%81" title="ข้ามกาลบันดาลรัก">
<img src="https://cdn-th.tunwalai.net/files/story/415773/637225405672044667-story.jpg" alt="" title="ข้ามกาลบันดาลรัก" />
</a>
<div class="top-story-left-rank">
5
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/415773/%e0%b8%82%e0%b9%89%e0%b8%b2%e0%b8%a1%e0%b8%81%e0%b8%b2%e0%b8%a5%e0%b8%9a%e0%b8%b1%e0%b8%99%e0%b8%94%e0%b8%b2%e0%b8%a5%e0%b8%a3%e0%b8%b1%e0%b8%81" title="ข้ามกาลบันดาลรัก">ข้ามกาลบันดาลรัก</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="visible-xs"><br /></div>
</div>
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="top-category-bar">
<span class="navbar-brand">อันดับยอดผู้อ่าน</span>
<div class="navbar-brand" style="float:right;">
<a class="see-all" href="/story/tophormuenstoryview" title="ดูทั้งหมด">ดูทั้งหมด ></a>
</div>
</div>
<div class="writer-gold-medal">
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/525359/%e0%b9%80%e0%b8%9c%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%95%e0%b8%99%e0%b8%a5%e0%b8%b1%e0%b8%9a-%e0%b8%88%e0%b8%b1%e0%b8%9a%e0%b8%ab%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%88%e0%b9%80%e0%b8%98%e0%b8%ad" title="เผยตัวตนลับ จับหัวใจเธอ">
<img src="https://cdn-th.tunwalai.net/files/story/525359/637496639645294550-story.jpg" alt="" title="เผยตัวตนลับ จับหัวใจเธอ" />
</a>
<div class="top-story-left-rank">
1
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/525359/%e0%b9%80%e0%b8%9c%e0%b8%a2%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%95%e0%b8%99%e0%b8%a5%e0%b8%b1%e0%b8%9a-%e0%b8%88%e0%b8%b1%e0%b8%9a%e0%b8%ab%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%88%e0%b9%80%e0%b8%98%e0%b8%ad" title="เผยตัวตนลับ จับหัวใจเธอ">เผยตัวตนลับ จับหัวใจเธอ</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/469526/%e0%b8%8a%e0%b8%b2%e0%b8%a2%e0%b8%b2%e0%b9%80%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b8%87%e0%b8%ab%e0%b8%97%e0%b8%b1%e0%b8%a2" title="ชายาเคียงหทัย">
<img src="https://cdn-th.tunwalai.net/files/story/469526/637334273783616138-story.jpg" alt="" title="ชายาเคียงหทัย" />
</a>
<div class="top-story-left-rank">
2
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/469526/%e0%b8%8a%e0%b8%b2%e0%b8%a2%e0%b8%b2%e0%b9%80%e0%b8%84%e0%b8%b5%e0%b8%a2%e0%b8%87%e0%b8%ab%e0%b8%97%e0%b8%b1%e0%b8%a2" title="ชายาเคียงหทัย">ชายาเคียงหทัย</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/556913/%e0%b9%80%e0%b8%9f%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a3%e0%b8%b9%e0%b8%8a%e0%b8%b4%e0%b8%87-%e0%b8%ad%e0%b8%87%e0%b8%84%e0%b9%8c%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b9%80%e0%b8%97%e0%b8%a7%e0%b8%94%e0%b8%b2" title="เฟิงหรูชิง องค์หญิงหมอเทวดา">
<img src="https://cdn-th.tunwalai.net/files/story/556913/637583739182456876-story.jpg" alt="" title="เฟิงหรูชิง องค์หญิงหมอเทวดา" />
</a>
<div class="top-story-left-rank">
3
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/556913/%e0%b9%80%e0%b8%9f%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a3%e0%b8%b9%e0%b8%8a%e0%b8%b4%e0%b8%87-%e0%b8%ad%e0%b8%87%e0%b8%84%e0%b9%8c%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87%e0%b8%ab%e0%b8%a1%e0%b8%ad%e0%b9%80%e0%b8%97%e0%b8%a7%e0%b8%94%e0%b8%b2" title="เฟิงหรูชิง องค์หญิงหมอเทวดา">เฟิงหรูชิง องค์หญิงหมอเทวดา</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/415773/%e0%b8%82%e0%b9%89%e0%b8%b2%e0%b8%a1%e0%b8%81%e0%b8%b2%e0%b8%a5%e0%b8%9a%e0%b8%b1%e0%b8%99%e0%b8%94%e0%b8%b2%e0%b8%a5%e0%b8%a3%e0%b8%b1%e0%b8%81" title="ข้ามกาลบันดาลรัก">
<img src="https://cdn-th.tunwalai.net/files/story/415773/637225405672044667-story.jpg" alt="" title="ข้ามกาลบันดาลรัก" />
</a>
<div class="top-story-left-rank">
4
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<a href="/story/415773/%e0%b8%82%e0%b9%89%e0%b8%b2%e0%b8%a1%e0%b8%81%e0%b8%b2%e0%b8%a5%e0%b8%9a%e0%b8%b1%e0%b8%99%e0%b8%94%e0%b8%b2%e0%b8%a5%e0%b8%a3%e0%b8%b1%e0%b8%81" title="ข้ามกาลบันดาลรัก">ข้ามกาลบันดาลรัก</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main-story-new_update" style="border-bottom:1px solid #f2f2f2;">
<div class="story-new_update-left">
<a href="/story/194202/%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%a3%e0%b8%b1%e0%b8%81%e0%b8%a5%e0%b8%a7%e0%b8%87%e0%b9%83%e0%b8%88" title="แผนรักลวงใจ">
<img src="https://cdn-th.tunwalai.net/files/story/194202/636694735021139530-story.jpg" alt="" title="แผนรักลวงใจ" />
</a>
<div class="top-story-left-rank">
5
</div>
</div>
<div class="story-new_update-right">
<div class="story_name" style="height: auto; text-overflow: ellipsis;">
<span style="background-color:#26c281; padding-left:5px; padding-right:5px; color:white; border-radius:5px; font-weight:bold">จบ</span>
<a href="/story/194202/%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%a3%e0%b8%b1%e0%b8%81%e0%b8%a5%e0%b8%a7%e0%b8%87%e0%b9%83%e0%b8%88" title="แผนรักลวงใจ">แผนรักลวงใจ</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="visible-xs">
<br />
</div>
</div>
</div>
<div class="main-size_lg-width col-lg-9 col-xs-12">
<div class="top-category-bar" style="margin-top:10px;">
<img src="http://cdn-th.tunwalai.net/files/responsive/originaltun_logo.png" height="40" style=" padding-left:15px; padding-top:10px; float:left;" />
<span class="navbar-brand">ธัญต้นตำรับ</span>
<div class="navbar-brand" style="float:right;">
<a class="see-all" href="/story/sectionstorylist?StoryHomeSectionId=15&page=1" title="ดูทั้งหมด">ดูทั้งหมด ></a>
</div>
</div>
<div style="background-color:#FFF; background-size:cover">
<div class="clearfix visible-xs">
<div class="col-xs-12">
<div class="col-xs-6 text-center book-paper">
<a href="/story/484454" title="Sweet bomb! เหตุเกิดจากความหวาน">
<img src="https://cdn-th.tunwalai.net/files/story/484454/637382645772832364-story.jpg" alt="" title="Sweet bomb! เหตุเกิดจากความหวาน" />
<h4 class="title" style="line-height:1.4; height:45px;">Sweet bomb! เหตุเกิดจากความหวาน</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/3940621/blackhearttt" title="blackhearttt">blackhearttt</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/286524" title="สายลมที่หวนคืน ">
<img src="https://cdn-th.tunwalai.net/files/story/286524/637287450070938401-story.jpg" alt="" title="สายลมที่หวนคืน " />
<h4 class="title" style="line-height:1.4; height:45px;">สายลมที่หวนคืน </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/538234/%e6%9c%ba%e6%a2%b0%e5%85%ac%e4%b8%bb-%e0%b8%88%e0%b8%b5%e0%b9%80%e0%b8%8b%e0%b8%b5%e0%b9%88%e0%b8%a2%e0%b8%81%e0%b8%87%e0%b8%88%e0%b8%b9%e0%b9%88" title="机械公主 (จีเซี่ยกงจู่)">机械公主 (จีเซี่ยกงจู่)</a>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/293987" title="What is love ? นิยามรักหลายร้อยปี">
<img src="https://cdn-th.tunwalai.net/files/story/293987/637256528307975398-story.jpg" alt="" title="What is love ? นิยามรักหลายร้อยปี" />
<h4 class="title" style="line-height:1.4; height:45px;">What is love ? นิยามรักหลายร้อยปี</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/3868657/bbb-butterfly" title="BBB-Butterfly">BBB-Butterfly</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/293989" title="The Devil ">
<img src="https://cdn-th.tunwalai.net/files/story/293989/637239292026082743-story.jpg" alt="" title="The Devil " />
<h4 class="title" style="line-height:1.4; height:45px;">The Devil </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/7060160/hwaaru" title="HWAARU">HWAARU</a>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/290150" title="คุณความรักร้อยปี ">
<img src="https://cdn-th.tunwalai.net/files/story/290150/637219232423190632-story.jpg" alt="" title="คุณความรักร้อยปี " />
<h4 class="title" style="line-height:1.4; height:45px;">คุณความรักร้อยปี </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/123786/pillow_mellow" title="Pillow_Mellow">Pillow_Mellow</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/293532" title="จับต้นชนรัก : Make Head or Love of">
<img src="https://cdn-th.tunwalai.net/files/story/293532/637298697217217134-story.jpg" alt="" title="จับต้นชนรัก : Make Head or Love of" />
<h4 class="title" style="line-height:1.4; height:45px;">จับต้นชนรัก : Make Head or Love of</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/326504/%e0%b8%9a%e0%b8%b8%e0%b8%a9%e0%b8%9a%e0%b8%b2%e0%b9%84%e0%b8%9e%e0%b8%a5%e0%b8%b4%e0%b8%99" title="บุษบาไพลิน">บุษบาไพลิน</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix hidden-xs">
<div class="col-sm-12">
<div class="col-sm-2 text-center book-paper">
<a href="/story/484454" title="Sweet bomb! เหตุเกิดจากความหวาน">
<img src="https://cdn-th.tunwalai.net/files/story/484454/637382645772832364-story.jpg" alt="" title="Sweet bomb! เหตุเกิดจากความหวาน" />
<h4 class="title" style="line-height:1.4; height:45px;">Sweet bomb! เหตุเกิดจากความหวาน</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/3940621/blackhearttt" title="blackhearttt">blackhearttt</a>
</div>
</div>
<div class="col-sm-2 text-center book-paper">
<a href="/story/286524" title="สายลมที่หวนคืน ">
<img src="https://cdn-th.tunwalai.net/files/story/286524/637287450070938401-story.jpg" alt="" title="สายลมที่หวนคืน " />
<h4 class="title" style="line-height:1.4; height:45px;">สายลมที่หวนคืน </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/538234/%e6%9c%ba%e6%a2%b0%e5%85%ac%e4%b8%bb-%e0%b8%88%e0%b8%b5%e0%b9%80%e0%b8%8b%e0%b8%b5%e0%b9%88%e0%b8%a2%e0%b8%81%e0%b8%87%e0%b8%88%e0%b8%b9%e0%b9%88" title="机械公主 (จีเซี่ยกงจู่)">机械公主 (จีเซี่ยกงจู่)</a>
</div>
</div>
<div class="col-sm-2 text-center book-paper">
<a href="/story/293987" title="What is love ? นิยามรักหลายร้อยปี">
<img src="https://cdn-th.tunwalai.net/files/story/293987/637256528307975398-story.jpg" alt="" title="What is love ? นิยามรักหลายร้อยปี" />
<h4 class="title" style="line-height:1.4; height:45px;">What is love ? นิยามรักหลายร้อยปี</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/3868657/bbb-butterfly" title="BBB-Butterfly">BBB-Butterfly</a>
</div>
</div>
<div class="col-sm-2 text-center book-paper">
<a href="/story/293989" title="The Devil ">
<img src="https://cdn-th.tunwalai.net/files/story/293989/637239292026082743-story.jpg" alt="" title="The Devil " />
<h4 class="title" style="line-height:1.4; height:45px;">The Devil </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/7060160/hwaaru" title="HWAARU">HWAARU</a>
</div>
</div>
<div class="col-sm-2 text-center book-paper">
<a href="/story/290150" title="คุณความรักร้อยปี ">
<img src="https://cdn-th.tunwalai.net/files/story/290150/637219232423190632-story.jpg" alt="" title="คุณความรักร้อยปี " />
<h4 class="title" style="line-height:1.4; height:45px;">คุณความรักร้อยปี </h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/123786/pillow_mellow" title="Pillow_Mellow">Pillow_Mellow</a>
</div>
</div>
<div class="col-sm-2 text-center book-paper">
<a href="/story/293532" title="จับต้นชนรัก : Make Head or Love of">
<img src="https://cdn-th.tunwalai.net/files/story/293532/637298697217217134-story.jpg" alt="" title="จับต้นชนรัก : Make Head or Love of" />
<h4 class="title" style="line-height:1.4; height:45px;">จับต้นชนรัก : Make Head or Love of</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/326504/%e0%b8%9a%e0%b8%b8%e0%b8%a9%e0%b8%9a%e0%b8%b2%e0%b9%84%e0%b8%9e%e0%b8%a5%e0%b8%b4%e0%b8%99" title="บุษบาไพลิน">บุษบาไพลิน</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="main-size_lg-width col-lg-9 col-xs-12">
<div class="top-category-bar" style="margin-top:10px;">
<img src="http://cdn-th.tunwalai.net/files/responsive/hormuen_logo.png" height="40" style=" padding-left:15px; padding-top:10px; float:left;" />
<span class="navbar-brand">หอหมื่นอักษร - นิยายจีน</span>
<div class="navbar-brand" style="float:right;">
<a class="see-all" href="/story/sectionstorylist?StoryHomeSectionId=5&page=1" title="ดูทั้งหมด">ดูทั้งหมด ></a>
</div>
</div>
<div style="background-color:#FFF; background-size:cover">
<div class="clearfix visible-xs">
<div class="col-xs-12">
<div class="col-xs-6 text-center book-paper">
<a href="/story/603254" title="ห้วงเวลาบุปผาผลิบาน">
<img src="https://cdn-th.tunwalai.net/files/story/603254/637713436688446365-story.jpg" alt="" title="ห้วงเวลาบุปผาผลิบาน" />
<h4 class="title" style="line-height:1.4; height:45px;">ห้วงเวลาบุปผาผลิบาน</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/603246" title="หมอหญิงยอดมือสังหาร เล่ม 1">
<img src="https://cdn-th.tunwalai.net/files/story/603246/637713415319661490-story.jpg" alt="" title="หมอหญิงยอดมือสังหาร เล่ม 1" />
<h4 class="title" style="line-height:1.4; height:45px;">หมอหญิงยอดมือสังหาร เล่ม 1</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/603247" title="ซื่อจิ่น หวนรักประดับใจ">
<img src="https://cdn-th.tunwalai.net/files/story/603247/637713421458386249-story.jpg" alt="" title="ซื่อจิ่น หวนรักประดับใจ" />
<h4 class="title" style="line-height:1.4; height:45px;">ซื่อจิ่น หวนรักประดับใจ</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/586985" title="สตรีอย่างข้าน่ะหรือ คือขันที?!">
<img src="https://cdn-th.tunwalai.net/files/story/586985/637666065002714354-story.jpg" alt="" title="สตรีอย่างข้าน่ะหรือ คือขันที?!" />
<h4 class="title" style="line-height:1.4; height:45px;">สตรีอย่างข้าน่ะหรือ คือขันที?!</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="clearfix"></div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/586983" title="สวินหยาง ยอดหญิงไร้พ่าย">
<img src="https://cdn-th.tunwalai.net/files/story/586983/637666059094962845-story.jpg" alt="" title="สวินหยาง ยอดหญิงไร้พ่าย" />
<h4 class="title" style="line-height:1.4; height:45px;">สวินหยาง ยอดหญิงไร้พ่าย</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="col-xs-6 text-center book-paper">
<a href="/story/586981" title="เจ้าสาวร้อยเล่ห์">
<img src="https://cdn-th.tunwalai.net/files/story/586981/637666052217600088-story.jpg" alt="" title="เจ้าสาวร้อยเล่ห์" />
<h4 class="title" style="line-height:1.4; height:45px;">เจ้าสาวร้อยเล่ห์</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a href="/profile/1861037/%e0%b8%ab%e0%b8%ad%e0%b8%ab%e0%b8%a1%e0%b8%b7%e0%b9%88%e0%b8%99%e0%b8%ad%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%a3" title="หอหมื่นอักษร">หอหมื่นอักษร</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix hidden-xs">
<div class="col-sm-12">
<div class="col-sm-2 text-center book-paper">
<a href="/story/603254" title="ห้วงเวลาบุปผาผลิบาน">
<img src="https://cdn-th.tunwalai.net/files/story/603254/637713436688446365-story.jpg" alt="" title="ห้วงเวลาบุปผาผลิบาน" />
<h4 class="title" style="line-height:1.4; height:45px;">ห้วงเวลาบุปผาผลิบาน</h4>
</a>
<div class="writer_name nickname-text">
<i class="fa fa-user"></i> <a h