นิยาย Shining Holy ปาฏิหาริย์รักทะลุมิติ : Dek-D.com

สวัสดีนักอ่านทุกคนด้วยนะคะ!
นามปากกาของเราคือ sunnnnyyyyyys ค่ะ
เรื่องนี้เป็นเรื่องแรกของเรา ผิดพลาดตรงไหนช่วยติด้วยค่ะ
"คุณเชื่อในโชคชะตามั้ยล่ะ....."
"เพียงแค่คุณศรัทธาในมัน...."
"ปาฏิหาริย์จะเกิดขึ้น"
เรื่องย่อ เป็นเรื่องราวเกี่ยวกับ ไลท์ เด็กสาวที่เป็นคนธรรมดาไม่โดดเด่นอะไรหน้าตามีความคล้ายคลึงผู้ชาย ถูกดึงมาในโลกอีกมิติกับเพื่อนของเธอ ทำให้มาอยู่ในสถานที่แปลกประหลาดที่เต็มไปด้วยเวทมนต์ มีคนทำการอัญเชิญพวกเธอมาแต่การอัญเชิญผิดผลาดทำให้เธอและเพื่อนของเธอติดอยู่ในป่า ทั้งสองคนจะหาทางกลับโลกของพวกเธอได้หรือไม่....
 <style>
 <!--
 BODY{
 cursor:url("http://ourworld.cs.com/cuteberries/cursors/26.cur");
 }
 -->
 </style>
 <a href="http://www.cuteberries.com" target="_blank">
 <img src="http://ourworld.cs.com/cuteberries/cursor/cursor.gif" border="0" alt=" Cuteberries.com - Cartoon Dolls, Cute Disney Graphics, Saniro Graphics, Myspace Pictures, Myspace Codes, Myspace Layouts, Myspace goodies, Myspace stuff and more ! "></a>            </div>
            <div id="floatboxstart"></div>
            <div id="floatwriter">
              <form name="floatcomment" action="addCommentX.php" method="post" accept-charset="TIS-620" data-mode="">
        <input type="hidden" name="refer_id" value="1464250">
    <input type="hidden" name="group_id" value="">
    <input type="hidden" name="chapter" value="">
    <input type="hidden" name="t_pic" value="n-s">
</form>
<div id="float_error" style="display:none;">
    <span class="er1">ข้อความที่โพสจะต้องไม่น้อยกว่า {{min_t_comment}} ตัวอักษรและไม่เกิน {{max_t_comment}} ตัวอักษร</span>
    <span class="er2">กรอกชื่อด้วยนะ</span>
    <span class="er3">
        _________
        กรอกข้อมูลในช่องต่อไปนี้ไม่ครบ
        หรือข้อมูลผิดพลาดครับ :
        _____________________________
        ช่วยกรอกอีกครั้งนะครับ
    </span>
    <span class="er4">กรุณากรอกรหัสความปลอดภัย</span>
</div>            </div>
          </div>
        </div>

        
                  <div id="stop-autoscroll-anchor"></div>
          <!-- CHAPTER LIST SECTION -->
          <!--Svelte app render here-->
          <div id="chapter-list-app"></div>
          <!-- END CHAPTER LIST SECTION -->
      </div>
      <!-- DONATION APP SECTION -->
      <div id="donation-app"></div>
      <!-- END DONATION APP SECTION -->
      <!-- REVIEW SECTION -->
      <div id="review-list-app"></div>
      <!-- END REVIEW SECTION -->
      <!-- BUY ALL MODAL -->
            <!-- END BUY ALL MODAL-->
      <!-- REPORT PROBLEM MODAL -->
      <div id="novel-report-problem"></div>
      <!-- END REPORT PROBLEM MODAL-->
      <!-- NOVEL SHARE MODAL -->
      <div id="novel-share-app"></div>
      <!-- END NOVEL SHARE MODAL-->
        <div id="others-novel-list-target"></div>
    <template id="others-novel-list">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis">ผลงานอื่นๆ ของ Sunnnnyyyyyyys            <a
                class="seemore"
                href="https://novel.dek-d.com/Sunnnnyyyyyyys/profile/writer/"
                target="_blank"
            >
                ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </p>
    </h2>
    <div id="others-swiper" class="box03 others swiper-container">
        <div class="swiper-wrapper"></div>
        <div id="others-prev" class="swiper-button-prev"></div>
        <div id="others-next" class="swiper-button-next"></div>
    </div>
</template>

<template id="others-novel-list-loading">
    <h2 class="box02 head2">
        <p class="_txt-ellipsis">ผลงานอื่นๆ ของ Sunnnnyyyyyyys</p>
    </h2>
    <div class="box03 others">
        <div class="-loading">
            <div class="loading-box">
                <div class="loading-inner">
                    <div class="loadingicon _animated -wobble -infinite">
                        <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png"  alt="loading" width="80" height="80" />
                    </div>
                    <div class="label">กำลังโหลด...</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    (function() {
        let oneTimeRender = true
        let othersSwiper
        let allNovels = []
        let page = 1
        let isLastPage = false
        const renderTargetId = '#others-novel-list-target'
        const renderTarget = document.querySelector(renderTargetId)
        const listTemplate = document.querySelector('#others-novel-list')
        const listLoadingTemplate = document.querySelector('#others-novel-list-loading')
        const infiniteLoadingUIClass = '-infinite-loading'
        const listLoadingUI = `
               <div class="writer-swiper-wrapper swiper-slide ${infiniteLoadingUIClass}">
                    <div class="cover"></div>
                    <div class="detail-wrapper">
                        <div class="category"></div>
                        <div class="title"></div>
                        <div class="author"></div>
                    </div>
                </div>
            `

        function _mapCategory (category) {
            return {
                mainName: category.mainTitle ? category.mainTitle : 'ฟรีสไตล์',
                subName: category.subTitle ? category.subTitle : 'อื่นๆ',
                main: category.main ? category.main : 0,
                sub: category.sub ? category.sub : -1
            }
        }

        function _mapOwnerName (owners) {
            return owners[0] ? owners[0].alias : ''
        }

        function _mapThumbnail (thumbnail) {
            return thumbnail.normal ? thumbnail.normal.replace('t_', '') : ''
        }

        function addList ({ id, category, owners, thumbnail, title }) {
            const listUI = `
                <div class="writer-swiper-wrapper swiper-slide js-others-item" data-id="${id}" data-mc="${_mapCategory(category).main}" data-sc="${_mapCategory(category).sub}">
                    <a href="view.php?id=${id}" target="_blank"
                       title="${title}">
                        <div class="cover" style="
                            background-image: url('${_mapThumbnail(thumbnail)}');
                            background-repeat: no-repeat; background-size: cover; background-position: center;
                            ">
                        </div>
                        <div class="detail-wrapper">
                            <div class="category">
                                ${_mapCategory(category).subName}
                            </div>
                            <div class="title" title="${title}">
                                ${title}
                            </div>
                            <div class="author">
                                ${_mapOwnerName(owners)}
                            </div>
                        </div>
                    </a>
                </div>
                `

            if (page === 1) {
                listTemplate.content.querySelector('.swiper-wrapper').insertAdjacentHTML('afterbegin', listUI)
            } else {
                document.querySelector(`${renderTargetId} .swiper-wrapper`).insertAdjacentHTML('beforeend', listUI)
            }
        }

        function getNovelByOwner () {
            if (isLastPage) return
            let totalLists = 0
            const Http = new XMLHttpRequest()
            const url = `https://${window.hostWWW}.dek-d.com/api/rest/novel/list?type=user&page=${page}&userId=${window.ownerId}`
            Http.open('GET', url)
            Http.send()
            Http.onreadystatechange = function (e) {
                if (this.readyState === 4 && this.status === 200) {
                    const res = JSON.parse(Http.response)
                    const lists = res.list ? res.list.filter((novel) => {
                        return novel.state.ban === 'none'
                    }) : []
                    const pageInfo = res.pageInfo ? res.pageInfo : {}
                    const { totalItems, hasNext } = pageInfo
                    const infiniteLoadingUI = document.querySelector(`${renderTargetId} .${infiniteLoadingUIClass}`)
                    isLastPage = !hasNext
                    totalLists = totalItems || 0
                    lists.sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt)).reverse()
                    allNovels = [...allNovels, ...lists].filter((novel) => novel.id !== window.novelId)
                    infiniteLoadingUI && infiniteLoadingUI.remove()
                    if (allNovels.length <= 0) {
                        renderTarget.style.display = 'none'
                    }
                    if (page === 1) {
                        allNovels.map((novel) => {
                            addList(novel)
                        })
                        while (renderTarget.lastElementChild) {
                            renderTarget.removeChild(renderTarget.lastElementChild)
                        }
                        renderTarget.appendChild(listTemplate.content.cloneNode(true))
                        othersSwiper = new Swiper('#others-swiper', {
                            slidesPerView: 'auto',
                            spaceBetween: 10,
                            slidesOffsetBefore: 0,
                            slidesOffsetAfter: 0,
                            slidesPerGroup: 1,
                            navigation: {
                                nextEl: '#others-next',
                                prevEl: '#others-prev',
                            },
                        })
                    }
                }
            }
        }

        function isInViewport(element) {
            const rect = element.getBoundingClientRect()
            return (
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            )
        }

        window.addEventListener('scroll', function() {
            if (isInViewport(renderTarget) && oneTimeRender) {
                renderTarget.appendChild(listLoadingTemplate.content.cloneNode(true))
                getNovelByOwner()
                oneTimeRender = false
            }
        })
    })()
</script>    <div id="js-anchor-suggest-list"></div>
<div id="suggest-list" class="-hide">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis">ผู้อ่านนิยมอ่านต่อ 
		<a
			class="seemore"
			href="https://novel.dek-d.com/novel/1464250/similar/"
			target="_blank"
		>
		ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
		</a>
		</p>
    </h2>
    <div id="alsoview-swiper" class="suggest-item-wrapper js-suggest-item-wrapper swiper-container -hide">
        <div class="swiper-wrapper"></div>
        <div id="alsoview-prev" class="swiper-button-prev"></div>
        <div id="alsoview-next" class="swiper-button-next"></div>
    </div>
    <div class="-loading js-suggest-loading -hide">
        <div class="loading-box">
            <div class="loading-inner">
                <div class="loadingicon _animated -wobble -infinite">
                    <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png"  alt="loading" width="80" height="80" />
                </div>
                <div class="label">กำลังโหลด...</div>
            </div>
        </div>
    </div>
</div>
<script>
    (function() {
    	let scrollEventOneTime = true

	    function isScrolledIntoView($elem) {
		    let docViewTop = $(window).scrollTop()
		    let docViewBottom = docViewTop + $(window).height()
		    let elemTop = $elem.offset().top
		    let elemBottom = elemTop + $elem.height()
		    return ( ( elemBottom <= docViewBottom ) && ( elemTop >= docViewTop ) )
	    }

	    function appendSuggestionList({analytics, id, title, category, owners, thumbnail}) {
			const typeCard = analytics?.parameters?.typeCard ?? 'none'
			const algoType = analytics?.parameters?.algo ?? 'none'
			const ownerAliasname = owners?.[0]?.alias ?? ''
			const subCategoryTitle = category.subTitle
		    $('#suggest-list .swiper-wrapper').append(`
               <div class="writer-swiper-wrapper swiper-slide js-suggest-item" type-card="${typeCard}" ${algoType ? `data-algo="${algoType}"` : ''} data-id="${id}" data-mc="${category.main}" data-sc="${category.sub}">
                    <a href="view.php?id=${id}" target="_blank"
                    title="${title}">
                    <img class="cover" src="${thumbnail.normal}" alt="${title}" loading="lazy"/>
                        <div class="detail-wrapper">
                            <div class="category">
                                ${subCategoryTitle}
                            </div>
                            <div class="title"
                                 title="${title}">
                                ${title}
                            </div>
                            <div class="author">
                                ${ownerAliasname}
                            </div>
                        </div>
                    </a>
                </div>`)
	    }

        function ajaxSetScoreAlsoView() {
    		$.ajax({
                url: `https://www.dek-d.com/api/rest/novel/suggest/save`,
                type: 'POST',
			    xhrFields: {
				    withCredentials: true
			    },
			    data: {
				    novel_id: '1464250',
				    last_novel_id: '0'
			    },
            })
        }

        var pathname = window.location.pathname
        var coverPageTest = new RegExp('view.php')
        var isCoverPage = coverPageTest.test(pathname) ? 1 : 0

        function ajaxSuggestLists() {
            $.ajax({
                url: `https://www.dek-d.com/api/rest/novel/recommend/list`,
                type: 'GET',
                xhrFields: {
                    withCredentials: true
                },
                data: {
                    novelId: '1464250',
                    page: 1,
			    },
                beforeSend: function() {
	                $('#suggest-list').removeClass('-hide')
			        $('.js-suggest-loading').removeClass('-hide')
                },
			    success: function (res) {
				    // const alsoViewCounter = res.count.alsoview > 0 ? res.count.alsoview : 0
				    // trackAlsoView(alsoViewCounter)
				    if (!$.isEmptyObject(res.list) || res.list.length > 0) {
					    $('.js-suggest-loading').addClass('-hide')
				    	$('.js-suggest-item-wrapper').removeClass('-hide')
					    if (typeof res.list === 'object') {
						    Object.values(res.list).map(function (data) {
							    appendSuggestionList(data)
						    })
					    } else {
						    res.list.map(function (data) {
							    appendSuggestionList(data)
						    })
					    }

					    var alsoviewSwiper = new Swiper('#alsoview-swiper', {
						    slidesPerView: 'auto',
						    spaceBetween: 10,
						    slidesOffsetBefore: 0,
						    slidesOffsetAfter: 0,
						    slidesPerGroup: 1,
						    navigation: {
							    nextEl: '#alsoview-next',
							    prevEl: '#alsoview-prev'
						    },
					    })
				    } else {
					    $('#suggest-list').remove()
				    }
			    },
			    error: function () {
				    $('#suggest-list').remove()
			    }
		    })
	    }

	    $(document).ready(function() {
		    ajaxSetScoreAlsoView()
        })

	    $(window).scroll(function() {
	    	if (isScrolledIntoView($('#js-anchor-suggest-list')) && scrollEventOneTime ) {
	    		ajaxSuggestLists()
			    scrollEventOneTime = false
            }
        })

    })()
</script>
    <div id="js-anchor-ebook-rand-list"></div>
<div id="ebook-rand-list">
    <h2 class="suggest-item-head">
        <p class="_txt-ellipsis"><span id="ebook-rand-section-title">อีบุ๊ก</span>
            <a id="ebook-rand-list-see-all" class="seemore" href="https://novel.dek-d.com/store/ebook/" target="_blank">
                ดูทั้งหมด <i class="fa fa-chevron-right" aria-hidden="true"></i>
            </a>
        </p>
    </h2>
    <div id="ebook-rand-list-swiper" class="suggest-item-wrapper js-ebook-item-wrapper swiper-container -hide">
        <div class="swiper-wrapper"></div>
        <div id="ebook-rand-list-prev" class="swiper-button-prev"></div>
        <div id="ebook-rand-list-next" class="swiper-button-next"></div>
    </div>
    <div class="-loading js-ebook-rand-list-loading -hide">
        <div class="loading-box">
            <div class="loading-inner">
                <div class="loadingicon _animated -wobble -infinite">
                    <img src="https://www0.dek-d.com/assets/ebook/images/icon_bombom.png" alt="loading" width="80" height="80" />
                </div>
                <div class="label">กำลังโหลด...</div>
            </div>
        </div>
    </div>
</div>
<script>
    (function() {
        let scrollEventOneTime = true

        function isScrolledIntoView($elem) {
            let docViewTop = $(window).scrollTop()
            let docViewBottom = docViewTop + $(window).height()
            let elemTop = $elem.offset().top
            let elemBottom = elemTop + $elem.height()
            return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop))
        }

        function appendEbookList(ebook, extension) {

            const {
                name,
                novelTitle,
                thumbnail,
                id,
                category,
                owners
            } = ebook
            const {
                order,
                discount,
                discountRate,
                sellingPrice,
                originalPrice,
                isTop,
                isDiscount,
            } = extension
            const {
                main,
                sub,
                mainTitle,
                subTitle,
            } = category

            $('#ebook-rand-list-swiper .swiper-wrapper').append(`
               <div class="writer-swiper-wrapper swiper-slide js-ebook-item" data-id="${id}" data-mc="${main}" data-sc="${sub}">
                    ${ isTop ?  `<div title="อันดับที่ ${order}" class="-top-flag">
                            <span class="-top-flag__value">${order}</span>
                        </div>
                      ` : '' }
                    <a href="https://novel.dek-d.com/ebook/${id}" target="_blank"
                    title="${title}">
                    <img class="cover" src="${thumbnail}" alt="${name}" loading="lazy"/>
                        <div class="detail-wrapper"  style="${isDiscount ? "min-height: 137px;" : ""}">
                            <div class="category">
                                ${subTitle}
                            </div>
                            <div class="title"
                                 title="${name}">
                                ${name}
                            </div>
                            <div class="author">
                                ${owners[0]?.alias}
                            </div>
                            ${ isDiscount ?  `<div class="-price-wrapper">
                                    <svg class="-price-wrapper__coin-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <circle cx="12" cy="12" r="11" fill="white"></circle>
                                        <path d="M12 1C5.92485 1 1 5.92485 1 12C1 18.0751 5.92485 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92485 18.0751 1 12 1ZM17.1955 16.3802C17.1248 16.463 15.4312 18.4086 12.323 18.4086C8.56654 18.4086 5.91447 15.6027 5.91447 11.952C5.91447 8.34578 8.66465 5.59144 12.291 5.59144C15.2609 5.59144 16.8137 7.24654 16.8783 7.31702C16.9579 7.40381 17.0065 7.51457 17.0164 7.63194C17.0264 7.74932 16.9971 7.86667 16.9332 7.96562L15.9405 9.50273C15.7609 9.78071 15.3739 9.82879 15.1318 9.60453C15.1214 9.59504 13.9551 8.54533 12.3871 8.54533C10.3416 8.54533 9.10855 10.0345 9.10855 11.9199C9.10855 13.6765 10.2402 15.4547 12.4031 15.4547C14.1195 15.4547 15.2986 14.1977 15.3103 14.185C15.5379 13.9382 15.9339 13.9618 16.1312 14.2317L17.22 15.7208C17.2907 15.8174 17.3267 15.9351 17.3222 16.0547C17.3178 16.1744 17.2731 16.289 17.1955 16.3802Z" fill="#FBBC05"></path>
                                    </svg>
                                    <span class="-price-wrapper__selling-price">${intFormat(sellingPrice)}</span>
                                    <span class="-price-wrapper__original-price">${intFormat(originalPrice)}</span>
                                </div>` : '' }
                        </div>
                    </a>
                </div>`)
        }

        var pathname = window.location.pathname
        var coverPageTest = new RegExp('view.php')
        var isCoverPage = coverPageTest.test(pathname) ? 1 : 0
        const sectionId = 'bestseller'
        const isFairPeriod = ''

        function intFormat(number) {
            const formatter = new Intl.NumberFormat('th-Th')
            return formatter.format(number)
        }

        function ajaxEbookLists() {
            $.ajax({
                url: `https://www.dek-d.com/api/rest/ebook/list/promote?page=1&type=${sectionId}`,
                type: 'GET',
                xhrFields: {
                    withCredentials: true
                },
                data: {
                    novel_id: '1464250',
                    owner_id: '5519220',
                    is_selling: isCoverPage
                },
                beforeSend: function() {
                    $('#ebook-rand-list').removeClass('-hide')
                    $('.js-ebook-rand-list-loading').removeClass('-hide')
                },
                success: function(res) {
                    const isDiscount = sectionId == 'discount'
                    const isTop = sectionId == 'bestseller'
                    const isFree = false //sectionId == 'free'
                    const resolvedSeeAllLink = isDiscount ? isFairPeriod ? 'https://novel.dek-d.com/fair/ebook/?utm_source=dek-dbanner&utm_medium=niyay-fair-read&utm_campaign=ebook-expo-23&utm_id=dek-dbanner-niyay-fair-read-231002' : 'https://novel.dek-d.com/store/ebook/list/0_-1/?orderBy=DESC&saleType=DISCOUNT&viewType=LIST&ratingType=ALL&page=1' :
                        isFree ? 'https://novel.dek-d.com/store/ebook/list/0_-1/?orderBy=DESC&saleType=FREE&viewType=LIST&ratingType=ALL&page=1' :
                        isTop ? 'https://novel.dek-d.com/store/ebook/' : 'https://novel.dek-d.com/store/ebook/'
                    $('#ebook-rand-list-see-all').attr('href', resolvedSeeAllLink)

                    if (!$.isEmptyObject(res.list) || res.list.length > 0) {
                        $('.js-ebook-rand-list-loading').addClass('-hide')
                        $('.js-ebook-item-wrapper').removeClass('-hide')
                        $('#ebook-rand-list #ebook-rand-section-title').text(isDiscount ? isFairPeriod ? 'E-Book Expo' : 'อีบุ๊กลดราคา' : isTop ? 'อีบุ๊กขายดี' : isFree ? 'อีบุ๊กฟรี' : 'อีบุ๊ก')
                        res.list.map(function(data, index) {
                            const sellingPrice = data?.price?.coin ?? 0
                            const originalPrice = data?.price?.campaign?.priceOriginal ?? 0
                            appendEbookList(data, {
                                order: index + 1,
                                isTop,
                                isDiscount,
                                sellingPrice,
                                originalPrice,
                                discountRate: Math.round(((originalPrice - sellingPrice) / originalPrice) * 100),
                                discount: sellingPrice - originalPrice,
                            })
                        })
                        var ebookListSwiper = new Swiper('#ebook-rand-list-swiper', {
                            slidesPerView: 'auto',
                            spaceBetween: 10,
                            slidesOffsetBefore: 16,
                            slidesOffsetAfter: 16,
                            slidesPerGroup: 1,
                            navigation: {
                                nextEl: '#ebook-rand-list-next',
                                prevEl: '#ebook-rand-list-prev'
                            },
                        })
                    } else {
                        $('#ebook-rand-list').remove()
                    }
                },
                error: function() {
                    $('#ebook-rand-list').remove()
                }
            })
        }

        $(window).scroll(function() {
            if (isScrolledIntoView($('#js-anchor-ebook-rand-list')) && scrollEventOneTime) {
                ajaxEbookLists()
                scrollEventOneTime = false
            }
        })

    })()
</script>

<style>
    #ebook-rand-list .js-ebook-item .detail-wrapper {
        height: auto;
        min-height: 90px;
    }

    #ebook-rand-list .js-ebook-item .-top-flag {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 28px;
        box-sizing: border-box;
        border-bottom: 0 solid #499a13;
        border-color: #499a13 #499a13 transparent;
        border-style: solid;
        border-width: 0 10px 8px;
        border-top-left-radius: 3px;
        z-index: 1;
    }

    #ebook-rand-list .js-ebook-item .-top-flag .-top-flag__value {
        display: inline-block;
        width: 20px;
        line-height: 20px;
        margin-left: -10px;
        font-size: 12px;
        text-align: center;
        background-color: #499a13;
        border-top-left-radius: 3px;
        font-family: Tahoma, Arial, sans-serif;
        font-weight: 700;
        color: #fff;
    }

    #ebook-rand-list .js-ebook-item .-price-wrapper {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        font-family: 'Kalatexa', sans-serif;
        display: flex;
        align-items: center;
        margin-top: 8px;
    }

    #ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__selling-price {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        margin: 0 8px 0 4px;
        padding-top: 4px;
        font-size: 18px;
        font-weight: 700;
        color: red;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__original-price {
        -webkit-text-size-adjust: none;
        list-style: none;
        list-style-type: none;
        -webkit-box-direction: normal;
        user-select: none;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        font-size: 14px;
        color: gray;
        text-decoration: line-through;
        text-decoration-color: red;
        align-self: end;
        padding-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ebook-rand-list .js-ebook-item .-price-wrapper .-price-wrapper__coin-icon {
        min-width: 24px;
        min-height: 24px;
    }
</style>    
    <!-- กล่องวิจารณ์นิยาย -->
        <div id="comment-section-ref-js"></div>
    
<style>
    .box06_good li {
        cursor: pointer;
    }

    p.box05_text02 .box05_link{
        display: inline-block;
    }

    ul.box05_st li div.box05_st_img.half {
        background-position: 0 -778px;
    }

    .box05_text02.-hidden{
        display: none !important;
    }

    .box05_text02 span.box05_link{
        color: #a75211;
        cursor:pointer;
    }
    .box05_text02 span.box05_link:hover{
        text-decoration: underline;
    }

</style>


<!--กล่องคำนิยม top-->

<!--จบกล่องคำนิยม top-->



<div class="clear" style="height:10px;"></div>
<!--จบกล่องคำนิยมล่าสุด-->

<script>
    $('.box05_text02>span.box05_link').on('click', function(e) {
         $j(this).parent().parent().find('.box05_text02').toggleClass('-hidden')
        e.preventDefault();
    });
</script>
      <!-- AFFILIATE NAIIN BANNER APP SECTION -->
      <!-- <div id="affiliate-naiin-banner-app"></div> -->
      <!-- END AFFILIATE NAIIN BANNER APP SECTION -->
      <!-- <div class="clear" style="height: 40px;"></div> -->
            <div id="show-mini-comment-app" style="margin-top: var(--content-space);"></div>
      <div class="overlay-comment">
        <div class="overlay-comment-content comment-setwidth js-commentbox-container" id="comment-all" data-contentid="1464250" data-chapter="0" data-page="1">
          <div id="floatboxstop"></div>
        <div class="comment-section-title__wrapper">
	<h3 class="comment-section-title"><span class="js-total-comment"></span>ความคิดเห็น</h3>
	<button class="js-close-overlay-comment close-btn" type="button" onclick="window.writerCommentHelper && window.writerCommentHelper.hideOverlay()"><i class="fa fa-times" aria-hidden="true"></i></button>
</div>
	<section class="section-box comment-post">
		<div id="comment-root" class="__positonFix comment-root">
		</div>
	</section>
<script>
	if (window.jQuery) {
		(function($) {
			// on keydown Escape
			$(document).on('keydown', function(e) {
				if (e.keyCode === 27) {
					window.writerCommentHelper && window.writerCommentHelper.hideOverlay();
				}
			});
			$('#comment-member-login').click(function() {
				if (+window.userId <= 0) {
					window.location.href = `https://${window.hostWWW}.dek-d.com/member/login?refer=${window.location.href}`;
					return false;
				}
			});
		})(jQuery);
	}
</script><div id="show-comment-app"></div>

<script language="javascript">
	function stripHTML(txt){
			txt = txt||'';
		var re= /<\S[^><]*>/g;
		return txt.replace(re, "");
	}
</script>
        </div>
      </div>
      <div class="clear" style="height: 80px;"></div>
          <script type="text/javascript">
        playSound();
        showPoll();

        $('.paging').paging({
          total: 1,
          page: 1,
          itemperpage: 25,
          showpage: 3,
          href: '#comment-all',
          hrefParams: {
            id: 1464250          },
          ajax: 'commentAjax.php',
          ajaxParams: {
            id: 1464250,
            chapter: 0,
            total: 1,
            user_id: 5519220          },
          ajaxDatatype: 'json',
          ajaxType: 'post',
          ajaxable: true,
          ajaxCallback: function(data) {
            $('#comment-all').data('page', data.page);
            if (data.status) {
              $('.comment-list').empty().append(data.list);
            } else {
              alert('เกิดข้อผิดพลาด');
            }
          },
          templateWrap: '<ul class="cl_pagetab paging-${group}">${list}</ul>',
          templateCurrent: '<li class="cur"><span>${page}</span></li>',
          templatePrev: '<li class="lt"><a href="${href}" ajax="${ajax}" target="${target}" title="${title}" onclick="${onclick}" page="${p}"></a></li>',
          templateNext: '<li class="gt"><a href="${href}" ajax="${ajax}" target="${target}" title="${title}" onclick="${onclick}" page="${p}"></a></li>'
        })
      </script>

    </div><!-- จบ main-center -->

  </div>

  <!-- ข้อตกลงใหม่ -->
  <div id="footer" class="app-footer">

<p><a href="https://www.dek-d.com/" target="_blank">www.Dek-D.com</a> © 1999 - 2024 All rights reserved by Dek-D Interactive Co.,Ltd. </p>
</div>
<!-- - - - - -[START] script for subcomment form BY BOWLING JAN'1 - - - - - - - - - -->
<script language='JavaScript' type='text/javascript' data-test="test" src='https://myc.dek-d.com/a/script/subcomment.js?v=3.94'></script>
<script type="text/javascript">
	$(document).ready( function(){
		subcomment._lastcommentid = ( jQuery(subcomment._cmall).data('chapter') > 0 ) ? 0 : 1;
		subcomment.init();
	});
</script>
<!-- - - - - -[END] script BY BOWLING  - - - - - - - - - -->

  </div><!-- viewport -->
  
  <script type="text/javascript">
    var story_id = 1464250;
    var page = 'main';
  </script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/writer3/helper.js?v=246"></script>
  <script  src="https://www0.dek-d.com/assets/writer/js/buying.js?v=246"></script><script  src="https://www0.dek-d.com/assets/writer/js/addNovelInCollection.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/writer/js/scrollIntoElement.js?v=246"></script>
  <script type="text/javascript">
          buying.hasPackInThisStory = false;
    
      </script>

  <!-- Google Analytics -->
  <script  src="https://www0.dek-d.com/assets/writer/js/analytics/writer-view-main.js?v=246"></script>  <!-- End Google Analytics -->
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="https://www0.dek-d.com/assets/vendor/owl/owl.carousel.min.js"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/floatwriter.js?v=246"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/js/jquery.lightbox_me.js?v=246"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/js/jquery.placeholder.js?v=246"></script>
  <script type="text/javascript" src="https://myc.dek-d.com/a/resource/js/discovery.js?v=246b"></script>
  <script src="https://www0.dek-d.com/assets/vendor/jquery-cookie/jquery.cookie.js"></script>
  <script type="text/javascript">
    window.userId = '0';
    (function($, discovery, timer, visible) {
      discovery.init("guest", {});
      //var recommenderZone = document.getElementById('recommender-zone');
      var expname = 'exp-recommender-3e';
      var timeCollapse = 30;
      var isAlreadySuccess = false;
      var mainTrail;
      /*$('.recommend').on('click', '.out', function (e){
          //e.preventDefault();
          var id = $(this).data('id');
          var trail = discovery.withNewTrail(expname).type(id);
          trail.setInfo('novel-id', id);
          trail.save();
          trail.submit(function(info){
              return 'click-item';
          });
      });*/
      $('body').on('isLogin', function(e, data) {
        window.isLogin = true
        window.userId = data.user_id
        window.username = data.username
        window.isOwner = +data.user_id === +'5519220'
        window.__followWriter?.fetchIsFollowedWriter?.(data.user_id)
      }).on('isLogout', function() {
        window.isLogin = false
        window.userId = 0
        window.username = ""
        window.isOwner = false
        window.__followWriter?.updatePrerenderedData?.({ isLogin: false, isFollowed: false, userId: 0 })
      });

      discovery.whenTrailExist(expname, "1464250", function(status, trail) {
        if (status) {
          mainTrail = trail;
          timerCounter(trail);
          window.addEventListener("beforeunload", function(e) {
            trail.remove();
            return true;
          }, false);
        }
      });

      /*visible.init(recommenderZone).onFirstTimeVisible(function (isVisible){
          window.onscroll = function(){};
          var trail = discovery.withNewTrail(expname).type('see');
          trail.submit(function(info){
              return 'see-item';
          });
          trail.remove();

          recommender.recommendList(1);
          recommender.getMoreBtn().on('click' , function(e){
              e.preventDefault();
              recommender.getMoreBtn().text('loading...');
              recommender.recommendList(recommender.getMoreBtn().attr('href').replace('?page=' , ''));
              return false;
          });
          visible.unwatchVisible();
      });*/

      $('.favor, .favbutton').on('click', function() {
        if (mainTrail != null) {
          mainTrail.submit(function(info) {
            isAlreadySuccess = true;
            return isAlreadySuccess ? 'ok-fav' : 'success-fav';
          });
          mainTrail.remove();
        }
      });

      function timerCounter(trail) {
        timer.init();
        timer.onOneTime(timeCollapse, function() {
          //isLongEnought = true;
          isAlreadySuccess = true;
          trail.submit(function(info) {
            return isAlreadySuccess ? 'ok-time' : 'success-time';
          });
          trail.remove();
        });
        timer.start();
      }


    })(jQuery, _DISCOVERY, _TIMER, _VISIBLE_SPY);
  </script>
  <script  src="https://www0.dek-d.com/assets/writer/js/countdown.js?v=246"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/authenticate/css/login.min.css?v=246"><script  src="https://www0.dek-d.com/assets/authenticate/js/onestop_helper.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/authenticate/js/register.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/authenticate/js/login.min.js?v=246"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/vendor/gpi/css/gpi_interface.min.css?v=246"><script  src="https://www0.dek-d.com/assets/vendor/gpi/js/gpi.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/alertbox.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/dropdownbox.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/vendor/dekd-foundation-2.2/js/tooltips.min.js?v=246"></script><link rel="stylesheet" href="https://www0.dek-d.com/assets/authenticate/css/foundation-login-modal.min.css?v=246">  <!--	<script>-->
  <!--		$(document).ready(function () {-->
  <!--			(function(login, countdown){-->
  <!--				login.init()-->
  <!--				$('.modal').on( 'click', '.close', function(){-->
  <!--					$(this).closest('.modal').slideUp()-->
  <!--					$.cookie('writer-mini-modal', 1, { expires : 1 , path: '/', domain: 'dek-d.com' })-->
  <!--				});-->
  <!--				$countdownElem = $('.js-countdown')-->
  <!--				countdown.init($countdownElem.data('start-date'), $countdownElem.data('end-date'))-->
  <!--			})(_LOGIN, _writerCountdown)-->
  <!--		})-->
  <!--	</script>-->
  <script src="https://unpkg.com/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
  <script src="https://unpkg.com/tippy.js@6.3.1/dist/tippy-bundle.umd.min.js"></script>
  <script>
    $(document).ready(function() {
      (function(login) {
        login.init()
        if (typeof tippy == 'function') tippy(document.querySelectorAll('.tippy-ip'))
        $('.modal').on('click', '.close', function() {
          $(this).closest('.modal').slideUp()
          $.cookie('writer-mini-modal', 1, {
            expires: 1,
            path: '/',
            domain: 'dek-d.com'
          })
        });
      })(_LOGIN)
    })
  </script>
  <script  src="https://www0.dek-d.com/assets/dist/writer/js/bundle.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/writer/js/trackActiveUserLoggedIn.js?v=246"></script><script  src="https://www0.dek-d.com/assets/writer/js/bookmark.min.js?v=246"></script><script  src="https://www0.dek-d.com/assets/writer/js/sweetalert.js?v=246"></script>  
<!-- Advenue DMP Container - dek-d.com -->
<script type="text/javascript" charset="UTF-8">(function(w,d,s,i,c){var f=d.createElement(s);f.type="text/javascript";f.async=true;f.src=("https:"==d.location.protocol? "https://ssl-avd.innity.net":"http://avd.innity.net")+"/"+i+"/container_"+c+".js";var g=d.getElementsByTagName(s)[0];g.parentNode.insertBefore(f, g);})(window, document, "script", "142", "56d8ecb31c51b1a06c964404");</script>
<!-- End Advenue DMP Container -->    <button class="scroll-to-top-btn">
    <i class="fa fa-arrow-up scroll-to-top-icon" aria-hidden="true"></i>
</button>

<script>
    (function() {
        function ready(fn) {
            if (document.readyState != 'loading') {
                fn();
            } else {
                document.addEventListener('DOMContentLoaded', fn);
            }
        }
        
        ready(function() {
                let scrollToTopBtn = document.querySelector('.scroll-to-top-btn')
                if (window) window.onscroll = isScrollToTopBtnVisible
                scrollToTopBtn.onclick = scrollToTop

                function scrollToTop(event) {
                    event.preventDefault();
                    scrollToTopBtn.blur();
                    if (window) window.scrollTo({
                        top: 0,
                        behavior: 'smooth'
                    });
                }

                function isScrollToTopBtnVisible() {
                    if (window.pageYOffset >= 1500) {
                        const autoScrollTrigger = document.querySelector('#autoscroll-trigger')
                        const opacity = autoScrollTrigger && autoScrollTrigger.querySelector('i').classList.contains('fa-pause') ? '0.3' : '1.0'
                        scrollToTopBtn.style.opacity = opacity
                        scrollToTopBtn.style.cursor = 'pointer'
                        scrollToTopBtn.disabled = false
                    } else {
                        scrollToTopBtn.style.opacity = '0.0'
                        scrollToTopBtn.style.cursor = 'auto'
                        scrollToTopBtn.disabled = true
                    }
                }
            }
        )
    })()
</script>  <script  src="https://www0.dek-d.com/assets/writer/js/trackVisitingNovel.js?v=246"></script>  <script  src="https://www0.dek-d.com/assets/writer/js/activityNovel.min.js?v=246"></script>  <script  src="https://www0.dek-d.com/assets/writer/js/trackRecentRead.js?v=246"></script>  <script>
    // trackVisitingNovel.init({
    //   title: "Shining Holy  ปาฏิหาริย์รักทะลุมิติ",
    //   imageUrl: "https://image.dek-d.com/27/0551/9220/t_121269512",
    //   novelId: 1464250,
    //   ownerId: 5519220,
    //   ownerName: "Sunnnnyyyyyyys",
    //   author: "Sunnnnyyyyyyys",
    //   category: "รักแฟนตาซี",
    //   mc: 1,
    //   sc: 22,
    //   chapterId: 0,
    //   chapterTitle: "",
    //   novelType: "long",
    // })
    const recentReadPayload = {
      readerId: "",
      novelId: 1464250,
      chapterId: 0,
    }
    trackRecentRead.init(recentReadPayload, "www", 'cover')
  </script>
  <script  src="https://www0.dek-d.com/assets/writer/js/analytics/novelPixelTracking.min.js?v=246"></script>  <script>
    $(document).ready(function() {
      (function() {
        setTimeout(() => {
          pixelTrackViewContent({
            productType: "novel",
            adjustPayload: {
              novelId: 1464250,
              userId: 0,
              mainId: 1,
              subId: 22,
            },
            payload: {
              novelId: 1464250,
              novelTitle: "Shining Holy  ปาฏิหาริย์รักทะลุมิติ",
            }
          })
          pixelTrackCoverCategory({
            productType: "novel",
            categoryId: '8'
          })
        }, 500)
      })()
    })
  </script>
</body>

</html>
<!-- LINE Tag Base Code -->
<!-- Do Not Modify -->
<script>
(function(g,d,o){
  g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
  var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
  var s=d.createElement('script');s.async=1;
  s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
  var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
    })(window, document);
_lt('init', {
  customerType: 'account',
  tagId: '1aa2dca9-8f7a-4ec8-80c7-868d92c7d275'
});
_lt('send', 'pv', ['1aa2dca9-8f7a-4ec8-80c7-868d92c7d275']);
</script>
<noscript>
  <img height="1" width="1" style="display:none"
       src="https://tr.line.me/tag.gif?c_t=lap&t_id=1aa2dca9-8f7a-4ec8-80c7-868d92c7d275&e=pv&noscript=1" />
</noscript>
<!-- End LINE Tag Base Code --><!-- Facebook Pixel Code -->
<script>
    if (!window.fbq) {
    !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');
    }
    window.fbq('init', '1234202760613325');
    window.fbq('track', 'PageView');
</script>
<noscript>
    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1196977856998347&ev=PageView&noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->
Shining Holy ปาฏิหาริย์รักทะลุมิติ

ข้อมูลเบื้องต้น

คืนค่าการตั้งค่าทั้งหมด
