/*!
 * quill.view.css  -  แสดงเนื้อหาจาก Quill 2.0.2 บนหน้าข่าว (dchannelnews.com)
 * สร้างจาก quill.core.css + quill.snow.css โดยเลือกเฉพาะกฎที่ผูกกับ
 * คลาส ql-* หรือ li[data-list] เท่านั้น -> ข่าวเก่าที่ไม่มีคลาสเหล่านี้ไม่ถูกกระทบ
 * ใช้คู่กับ <div class="ql-view">...เนื้อหา...</div>
 * Quill: Copyright (c) 2017-2024, Slab / (c) 2014, Jason Chen - BSD-3-Clause
 */
/* ตัวนับเลขของ list ต้อง reset ที่ตัวครอบ */
.ql-view{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view p,.ql-view h1,.ql-view h2,.ql-view h3,.ql-view h4,.ql-view h5,.ql-view h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
/* list ของ Quill 2 เก็บเป็น <ol><li data-list="bullet|ordered|checked"> แล้ววาดเครื่องหมายด้วย .ql-ui:before
   จึงผูกเฉพาะ li ที่มี data-list -> list แบบเดิม <ul><li> ยังมีจุดตามปกติ */
.ql-view li[data-list]{list-style-type:none;padding-left:1.5em;position:relative}
.ql-view ol:has(> li[data-list]){padding-left:1.5em}
.ql-view li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}
.ql-view li[data-list=checked] > .ql-ui,.ql-view li[data-list=unchecked] > .ql-ui{color:#777}
.ql-view li[data-list=bullet] > .ql-ui:before{content:'\2022'}
.ql-view li[data-list=checked] > .ql-ui:before{content:'\2611'}
.ql-view li[data-list=unchecked] > .ql-ui:before{content:'\2610'}
.ql-view li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered]{counter-increment:list-0}
.ql-view li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}
.ql-view li[data-list=ordered].ql-indent-1{counter-increment:list-1}
.ql-view li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}
.ql-view li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-2{counter-increment:list-2}
.ql-view li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}
.ql-view li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-3{counter-increment:list-3}
.ql-view li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}
.ql-view li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-4{counter-increment:list-4}
.ql-view li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}
.ql-view li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-5{counter-increment:list-5}
.ql-view li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}
.ql-view li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-6{counter-increment:list-6}
.ql-view li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}
.ql-view li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}
.ql-view li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-7{counter-increment:list-7}
.ql-view li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}
.ql-view li[data-list].ql-indent-7{counter-set:list-8 list-9}
.ql-view li[data-list].ql-indent-7{counter-reset:list-8 list-9}
.ql-view li[data-list=ordered].ql-indent-8{counter-increment:list-8}
.ql-view li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}
.ql-view li[data-list].ql-indent-8{counter-set:list-9}
.ql-view li[data-list].ql-indent-8{counter-reset:list-9}
.ql-view li[data-list=ordered].ql-indent-9{counter-increment:list-9}
.ql-view li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}
.ql-view .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}
.ql-view li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}
.ql-view .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}
.ql-view li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}
.ql-view .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}
.ql-view li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}
.ql-view .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}
.ql-view li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}
.ql-view .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}
.ql-view li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}
.ql-view .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}
.ql-view li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}
.ql-view .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}
.ql-view li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}
.ql-view .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}
.ql-view li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}
.ql-view .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}
.ql-view li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}
.ql-view .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}
.ql-view li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}
.ql-view .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}
.ql-view li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}
.ql-view .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}
.ql-view li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}
.ql-view .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}
.ql-view li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}
.ql-view .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}
.ql-view li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}
.ql-view .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}
.ql-view li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}
.ql-view .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}
.ql-view li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}
.ql-view .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}
.ql-view li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}
.ql-view .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}
.ql-view li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}
.ql-view li.ql-direction-rtl{padding-right:1.5em}
.ql-view li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}
.ql-view .ql-code-block-container{font-family:monospace}
.ql-view .ql-video{display:block;max-width:100%}
.ql-view .ql-video.ql-align-center{margin:0 auto}
.ql-view .ql-video.ql-align-right{margin:0 0 0 auto}
.ql-view .ql-bg-black{background-color:#000}
.ql-view .ql-bg-red{background-color:#e60000}
.ql-view .ql-bg-orange{background-color:#f90}
.ql-view .ql-bg-yellow{background-color:#ff0}
.ql-view .ql-bg-green{background-color:#008a00}
.ql-view .ql-bg-blue{background-color:#06c}
.ql-view .ql-bg-purple{background-color:#93f}
.ql-view .ql-color-white{color:#fff}
.ql-view .ql-color-red{color:#e60000}
.ql-view .ql-color-orange{color:#f90}
.ql-view .ql-color-yellow{color:#ff0}
.ql-view .ql-color-green{color:#008a00}
.ql-view .ql-color-blue{color:#06c}
.ql-view .ql-color-purple{color:#93f}
.ql-view .ql-font-serif{font-family:Georgia,Times New Roman,serif}
.ql-view .ql-font-monospace{font-family:Monaco,Courier New,monospace}
.ql-view .ql-size-small{font-size:.75em}
.ql-view .ql-size-large{font-size:1.5em}
.ql-view .ql-size-huge{font-size:2.5em}
.ql-view .ql-direction-rtl{direction:rtl;text-align:inherit}
.ql-view .ql-align-center{text-align:center}
.ql-view .ql-align-justify{text-align:justify}
.ql-view .ql-align-right{text-align:right}
.ql-view .ql-ui{position:absolute}