Websites
Websites
Runtime: 6.2s
Share on Facebook or Twitter
On December 2, 2021 at 1:11:39 PM UTC, https://www.tunwalai.com/ was accessible when tested on AS45758 in Thailand.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
172.70.145.87
Query:
IN A www.tunwalai.com
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
A
20.188.98.74
AS8075 (Microsoft Corporation)

TCP Connections

20.188.98.74:443: succeeded

HTTP Requests

URL
GET https://www.tunwalai.com/
Response Headers
Arr-Disable-Session-Affinity:
true
Cache-Control:
private
Content-Length:
399383
Content-Type:
text/html; charset=utf-8
Date:
Thu, 02 Dec 2021 13:11:45 GMT
Server:
Microsoft-IIS/10.0
Set-Cookie:
TiPMix=90.2401593002678; path=/; HttpOnly; Domain=www.tunwalai.com; Max-Age=3600; Secure; SameSite=None
X-Aspnet-Version:
4.0.30319
X-Aspnetmvc-Version:
5.2
X-Powered-By:
ASP.NET
Response Body


<!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;"> &#9660;</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;"> &#9660;</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="นิยาย รักวัยรุ่น">&nbsp;&nbsp;&nbsp;นิยาย รักวัยรุ่น</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="นิยาย รัก,โรแมนติค">&nbsp;&nbsp;&nbsp;นิยาย รัก,โรแมนติค</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="นิยาย ตลก,คอมเมดี้">&nbsp;&nbsp;&nbsp;นิยาย ตลก,คอมเมดี้</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="นิยาย แอ็คชั่น,บู๊ล้างผลาญ">&nbsp;&nbsp;&nbsp;นิยาย แอ็คชั่น,บู๊ล้างผลาญ</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="นิยาย สยองขวัญ,สั่นประสาท">&nbsp;&nbsp;&nbsp;นิยาย สยองขวัญ,สั่นประสาท</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="นิยาย ลึกลับ,สืบสวน สอบสวน">&nbsp;&nbsp;&nbsp;นิยาย ลึกลับ,สืบสวน สอบสวน</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="นิยาย อีโรติก">&nbsp;&nbsp;&nbsp;นิยาย อีโรติก</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="นิยาย แฟนตาซี">&nbsp;&nbsp;&nbsp;นิยาย แฟนตาซี</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">&nbsp;&nbsp;&nbsp;นิยาย 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="นิยาย ชีวิต/ดราม่า">&nbsp;&nbsp;&nbsp;นิยาย ชีวิต/ดราม่า</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="นิยาย เรื่องสั้น">&nbsp;&nbsp;&nbsp;นิยาย เรื่องสั้น</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="นิยาย ทั่วไป">&nbsp;&nbsp;&nbsp;นิยาย ทั่วไป</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="นิยาย แฟนฟิค">&nbsp;&nbsp;&nbsp;นิยาย แฟนฟิค</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="นิยาย จีน">&nbsp;&nbsp;&nbsp;นิยาย จีน</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="นิยาย เกาหลี">&nbsp;&nbsp;&nbsp;นิยาย เกาหลี</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="นิยาย ญี่ปุ่น">&nbsp;&nbsp;&nbsp;นิยาย ญี่ปุ่น</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">&nbsp;&nbsp;&nbsp;นิยาย 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="ทุกหมวด">&nbsp;&nbsp;&nbsp;ทุกหมวด</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;"> &#9660;</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&amp;Category=1&amp;SortId=0&amp;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="นิยาย รักวัยรุ่น">&nbsp;&nbsp;&nbsp;นิยาย รักวัยรุ่น</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=2&amp;SortId=0&amp;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="นิยาย รัก,โรแมนติค">&nbsp;&nbsp;&nbsp;นิยาย รัก,โรแมนติค</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=3&amp;SortId=0&amp;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="นิยาย ตลก,คอมเมดี้">&nbsp;&nbsp;&nbsp;นิยาย ตลก,คอมเมดี้</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=4&amp;SortId=0&amp;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="นิยาย แอ็คชั่น,บู๊ล้างผลาญ">&nbsp;&nbsp;&nbsp;นิยาย แอ็คชั่น,บู๊ล้างผลาญ</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=5&amp;SortId=0&amp;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="นิยาย สยองขวัญ,สั่นประสาท">&nbsp;&nbsp;&nbsp;นิยาย สยองขวัญ,สั่นประสาท</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=6&amp;SortId=0&amp;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="นิยาย ลึกลับ,สืบสวน สอบสวน">&nbsp;&nbsp;&nbsp;นิยาย ลึกลับ,สืบสวน สอบสวน</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=7&amp;SortId=0&amp;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="นิยาย อีโรติก">&nbsp;&nbsp;&nbsp;นิยาย อีโรติก</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=9&amp;SortId=0&amp;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="นิยาย แฟนตาซี">&nbsp;&nbsp;&nbsp;นิยาย แฟนตาซี</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=10&amp;SortId=0&amp;slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-y" title="นิยาย y">&nbsp;&nbsp;&nbsp;นิยาย y</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=11&amp;SortId=0&amp;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="นิยาย ชีวิต/ดราม่า">&nbsp;&nbsp;&nbsp;นิยาย ชีวิต/ดราม่า</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=12&amp;SortId=0&amp;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="นิยาย เรื่องสั้น">&nbsp;&nbsp;&nbsp;นิยาย เรื่องสั้น</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=20&amp;SortId=0&amp;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="นิยาย ทั่วไป">&nbsp;&nbsp;&nbsp;นิยาย ทั่วไป</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=22&amp;SortId=0&amp;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="นิยาย จีน">&nbsp;&nbsp;&nbsp;นิยาย จีน</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=23&amp;SortId=0&amp;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="นิยาย เกาหลี">&nbsp;&nbsp;&nbsp;นิยาย เกาหลี</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=24&amp;SortId=0&amp;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="นิยาย ญี่ปุ่น">&nbsp;&nbsp;&nbsp;นิยาย ญี่ปุ่น</a></li>
                                <li><a href="/search/ebookdetails?searchtype=ebook&amp;Category=25&amp;SortId=0&amp;slug=%E0%B8%99%E0%B8%B4%E0%B8%A2%E0%B8%B2%E0%B8%A2-yuri" title="นิยาย Yuri">&nbsp;&nbsp;&nbsp;นิยาย 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&amp;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&amp;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

Resolver

Resolver ASN
AS0
Resolver IP
172.70.145.87
Resolver Network Name
Measurement UID
20211202131145.631799_TH_webconnectivity_cb086ed74a0c3c66
Report ID
20211202T112409Z_webconnectivity_TH_45758_n1_CqsWTytMTxtizN1i
Platform
linux
Software Name
ooniprobe-cli (3.10.0-beta.3)
Measurement Engine
ooniprobe-engine (3.10.0-beta.3)

Raw Measurement Data

Loading…