@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Mukta&family=Noto+Sans+Thai:wght@400;600&display=swap";:root{--pad-n: 7px;--pad-l: 10px;--main-color: #454f5b;--main-mid: #374655;--main-dark: #2a3541;--main-dark-color: #2a3541;--main-darker: #1b222a;--main-darkest: #0d1014;--br-top: 5px 5px 0 0;--br-bottom: 0 0 5px 5px;--br-main: 5px;--font-topic: #71c0f0;--font-logo: lightblue;--lh-tb: 1.75rem;--lh-label: 2rem;--red: rgb(255, 130, 130)}*{text-decoration:none;box-sizing:border-box;padding:0;margin:0;font-family:Sarabun,"sans-serif"}html{font-size:16px;color:#f5f5f5}body{background-color:#222;margin:auto}::placeholder{color:#789;font-weight:400;font-size:.9rem;padding:3px 0}.fs-s{font-size:.7rem}.fs-xm{font-size:.8rem}.fs-m{font-size:.85rem}.fs-ns{font-size:.9rem}.fs-n{font-size:.95rem}.fs-l{font-size:1.15rem}.fs-x{font-size:1.25rem}.fs-xl{font-size:1.3rem}.fs-xxl{font-size:1.75rem}.fs-3xl{font-size:2rem}.al-r{text-align:right}.al-l{text-align:left}.al-c{text-align:center}.mg-s{margin:3px!important}.mg-m{margin:5px!important}.mg-l{margin:7px!important}.mg-xl{margin:12px!important}.mg-xxl{margin:20px!important}.mg-t-s{margin-top:3px!important}.mg-t-m{margin-top:5px!important}.mg-t-l{margin-top:7px!important}.mg-t-xl{margin-top:12px!important}.mg-t-xxl{margin-top:20px!important}.mg-r-s{margin-right:3px!important}.mg-r-m{margin-right:5px!important}.mg-r-l{margin-right:7px!important}.mg-r-xl{margin-right:12px!important}.mg-r-xxl{margin-right:20px!important}.mg-l-s{margin-left:3px!important}.mg-l-m{margin-left:5px!important}.mg-l-l{margin-left:7px!important}.mg-l-xl{margin-left:12px!important}.mg-l-xxl{margin-left:20px!important}.mg-b-s{margin-bottom:3px!important}.mg-b-m{margin-bottom:5px!important}.mg-b-l{margin-bottom:7px!important}.mg-b-xl{margin-bottom:12px!important}.mg-b-xxl{margin-bottom:20px!important}.pd-s{padding:3px!important}.pd-m{padding:5px!important}.pd-l{padding:7px!important}.pd-xl{padding:10px!important}.pd-t-s{padding-top:3px!important}.pd-t-m{padding-top:5px!important}.pd-t-l{padding-top:7px!important}.pd-t-xl{padding-top:10px!important}.pd-l-s{padding-left:3px!important}.pd-l-m{padding-left:5px!important}.pd-l-l{padding-left:7px!important}.pd-l-xl{padding-left:10px!important}.pd-r-s{padding-right:3px!important}.pd-r-m{padding-right:5px!important}.pd-r-l{padding-right:7px!important}.pd-r-xl{padding-right:10px!important}.pd-b-s{padding-bottom:3px!important}.pd-b-m{padding-bottom:5px!important}.pd-b-l{padding-bottom:7px!important}.pd-b-xl{padding-bottom:10px!important}.bl{border-left:1px solid black!important}.br{border-right:1px solid black!important}.bt{border-top:1px solid black!important}.bb{border-bottom:1px solid black!important}.ba{border:1px solid black!important}.bn{border:none}.bl2{border-left:1px solid #888!important}.br2{border-right:1px solid #888!important}.bt2{border-top:1px solid #888!important}.bb2{border-bottom:1px solid #888!important}.ba2{border:1px solid #888!important}.bl3{border-left:3px solid #111!important}.br3{border-right:3px solid #111!important}.bt3{border-top:3px solid #111!important}.bb3{border-bottom:3px solid #111!important}.ba3{border:3px solid #111!important}.bl4{border-left:2px solid gold!important}.br4{border-right:2px solid gold!important}.bt4{border-top:2px solid gold!important}.ba4{border-image:linear-gradient(45deg,gold,#b8860b) 1!important;border-radius:5px!important;border-width:3px!important;border-style:solid!important;margin-top:1px}.bl-g{border-left:1px dashed gray!important}.br-g{border-right:1px dashed gray!important}.bt-g{border-top:1px dashed gray!important}.bb-g{border-bottom:1px dashed gray!important}.ba-g{border:1px dashed gray!important}.bl-d{border-left:1px dotted lightgray!important}.br-d{border-right:1px dotted lightgray!important}.bt-d{border-top:1px dotted lightgray!important}.bb-d{border-bottom:1px dotted lightgray!important}.ba-d{border:1px dotted lightgray!important}.bl-m{border-left:1px solid #454f5b!important}.br-m{border-right:1px solid #454f5b!important}.bt-m{border-top:1px solid #454f5b!important}.bb-m{border-bottom:1px solid #454f5b!important}.ba-m{border:1px solid #454f5b!important}.bg-texture{background:repeating-linear-gradient(45deg,var(--main-darker),var(--main-darker) 10px,var(--main-darkest) 10px,var(--main-darkest) 20px)}.bg-line-swap2{background-color:#2a3541}.bdr3{border-radius:3px}.bdr5{border-radius:5px}.bdr3-top{border-radius:3px 3px 0 0}.bdr3-bottom{border-radius:0 0 3px 3px}.bg-line-swap{background-color:#49596c}.bg-line-swap-main{background-color:var(--main-color)}.bg-line-swap-dark{background-color:var(--main-dark)}.bg-red{background-color:red}.bg-black{background-color:#000}.bg-111{background-color:#111}.bg-222{background-color:#222}.bg-333{background-color:#333}.bg-444{background-color:#444}.bg-555{background-color:#555}.bg-666{background-color:#666}.bg-777{background-color:#777}.bg-888{background-color:#888}.bg-999{background-color:#999}.bg-aaa{background-color:#aaa}.bg-bbb{background-color:#bbb}.bg-ccc{background-color:#ccc}.bg-ddd{background-color:#ddd}.bg-eee{background-color:#eee}.bg-blue{background-color:#00f}.bg-yellow{background-color:#ff0}.bg-orange{background-color:orange}.bg-dkorange{background-color:#ff8c00}.bg-khaki{background-color:khaki}.bg-greenyellow{background-color:#adff2f}.bg-green{background-color:green}.bg-pink{background-color:pink}.bg-magenta{background-color:#f0f}.bg-white{background-color:#fff!important}.bg-lightgray{background-color:#d3d3d3}.bg-grey{background-color:gray}.bg-lightslategrey{background-color:#789}.bg-aquamarine{background-color:#7fffd4}.bg-aqua{background-color:#0ff}.bg-deepskyblue{background-color:#00bfff}.bg-cornflowerblue{background-color:#6495ed}.bg-mediumspringgreen{background-color:#00fa9a}.bg-mediumseagreen{background-color:#3cb371}.bg-dodgerblue{background-color:#1e90ff}.main-color,.bg-main-color{background-color:var(--main-color)}.bg-main-mid{background-color:var(--main-mid)}.bg-main-dark{background-color:var(--main-dark)}.bg-main-darker{background-color:var(--main-darker)}.bg-comment{background-image:linear-gradient(#6495ed,#4169e1)}.bg-reply{background-image:linear-gradient(#008b8b,#005050)}.bg-reset{background-image:linear-gradient(#b900b9,#590059);color:#fff}.bg-submit{background-image:linear-gradient(#008b8b,#005050)}.bg-get{background-image:linear-gradient(#b8860b,#543c00);color:#fff}.bg-rename{background-image:linear-gradient(#008b8b,#005050)}.bg-move{background-image:linear-gradient(#ff8c00,#864900)}.bg-list{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-preview{background-image:linear-gradient(#bdb76b,#56532a)}.bg-link{background-image:linear-gradient(#008b8b,#005050)}.bg-login,.bg-load{background-image:linear-gradient(#6495ed,#4169e1)}.bg-load-active{background-image:linear-gradient(#00f,#00008b)}.bg-reload{background-image:linear-gradient(orchid,#8b008b)}.bg-save{background-image:linear-gradient(#73bb73,#006400)}.bg-add{background-image:linear-gradient(#4169e1,#2a457f)}.bg-new,.bg-update{background-image:linear-gradient(#4169e1,#00008b)}.bg-register{background-image:linear-gradient(#73bb73,#006400)}.bg-copy{background-image:linear-gradient(#76bfc2,#4682b4)}.bg-edit{background-image:linear-gradient(orange,#ff4500)}.bg-edit-active{background-image:linear-gradient(#21c3a5,#157d6a)}.bg-delete{background-image:linear-gradient(red,#8b0000)}.bg-print{background-image:linear-gradient(#719726,#445526);color:#fff}.bg-change{background-image:linear-gradient(#f0f,#890089)}.bg-search{background-image:linear-gradient(#0ff,#008b8b)}.bg-fs{background-color:#263f3f}.bg-remove,.bg-check,.bg-cancel{background-image:linear-gradient(orange,#b8860b)}.bg-clear{background-image:linear-gradient(#ff8c00,#ff4500);color:#fff}.bg-download{background-image:linear-gradient(#87cefa,#6495ed)}.bg-clear-emoji{background-image:linear-gradient(#ffe7bb,#ffb65c);color:#fff}.bg-report{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-report2{background-image:linear-gradient(#3cb371,green)}.bg-report3{background-image:linear-gradient(#4169e1,#1e90ff)}.bg-view{background-image:linear-gradient(#00c8a7,#008770);color:#fff}.bg-create{background-image:linear-gradient(#ebb325,#82600a);color:#fff}.bg-send{background-image:linear-gradient(#a781f3,#58447f);color:#fff}.bg-close{background-image:linear-gradient(#d18c2c,#906219);color:#fff}.bg-finish{background-image:linear-gradient(#ff8c00,#8b0000);color:#fff}.bg-open,.bg-borrow{background-color:#4169e1}.bg-locate{background-image:linear-gradient(#00a075,#55751d);color:#fff}.bg-scan{background-color:orchid;color:#fff}.bg-minus{background-image:linear-gradient(#d12c2c,#901919);color:#fff}.bg-undo{background-image:linear-gradient(#008b8b,#004443);color:#fff}.bg-dn{background-image:linear-gradient(violet,#9735c1);color:#fff}.bg-up,.bg-play,.bg-upload{background-image:linear-gradient(#2abce8,#265f79);color:#fff}.bg-width{background-color:var(--main-dark)}.bg-database{background-image:linear-gradient(#008b8b,#004443);color:#fff}.bg-prev,.bg-next{background-color:orchid;color:#000}.bg-1month{background-image:linear-gradient(#00bfff,#6495ed);color:#fff}.bg-1month-ago{background-image:linear-gradient(orchid,#ff69b4);color:#fff}.bg-calendar{background-image:linear-gradient(#6495ed,#1e90ff);color:#fff}.fc-red{color:#ff8282!important;font-weight:400}.fc-red2{color:red!important}.fc-white{color:#fff}.fc-lavender{color:#e6e6fa}.fc-black{color:#000}.fc-grey{color:gray}.fc-gray,.fc-ligray{color:#d3d3d3}.fc-dkgrey{color:#a9a9a9}.fc-dimgray{color:#696969}.fc-silver{color:silver}.fc-deepskyblue{color:#00bfff}.fc-steelblue{color:#4682b4}.fc-cornblue{color:#6495ed}.fc-cadetblue{color:#5f9ea0}.fc-dodgerblue{color:#1e90ff!important}.fc-cyan{color:#0ff}.fc-licyan{color:#e0ffff}.fc-dkcyan{color:#008b8b}.fc-dkturquoise{color:#00ced1}.fc-blue{color:#00f}.fc-liblue{color:#add8e6}.fc-liskyblue{color:#87cefa!important}.fc-skyblue{color:#87ceeb}.fc-khaki{color:khaki}.fc-yellow{color:#ff0}.fc-goldrod{color:#daa520}.fc-yg{color:#9acd32}.fc-gy{color:#adff2f}.fc-lawngreen{color:#7cfc00}.fc-lime{color:#0f0!important}.fc-limegreen{color:#32cd32}.fc-palegreen{color:#98fb98}.fc-ligreen{color:#90ee90}.fc-lired{color:var(--red);font-weight:400}.fc-gold{color:gold!important}.fc-pink{color:pink}.fc-plum{color:plum}.fc-hotpink{color:#ff69b4!important}.fc-orchid{color:orchid}.fc-magenta{color:#f0f!important}.fc-green{color:green}.fc-msg{color:#3cb371}.fc-orange{color:orange}.fc-orangered{color:#ff4500}.fc-888{color:#888}.fc-999{color:#999}.fc-aaa{color:#aaa}.fc-bbb{color:#bbb}.fc-ccc{color:#ccc}.fc-ddd{color:#ddd}.fc-eee{color:#eee}.fc-revoked{color:gray!important;text-decoration:line-through}.fc-transfer{color:#0ff}.fc-receive{color:#00bfff}.fc-buy{color:#32cd32}.fc-sell{color:pink}.fc-type-common{color:#add8e6}.fc-type-ssf{color:pink}.fc-type-dw{color:#ffa07a}.fc-type-nvdr{color:#0ff}.fc-type-warrant{color:orange}.fc-type-trust{color:#ffffe0}.fw-b{font-weight:700}.fx-x{text-decoration:line-through}u{text-decoration:underline}s,del{text-decoration:line-through!important;color:#d3d3d3}.box-symbol-main{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:var(--main-color)}.box-symbol-mid{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:var(--main-mid)}.box-symbol-dark{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:var(--main-dark)}.box-symbol-darker{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:var(--main-darker)}.box-symbol-darkest{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:var(--main-darkest)}.box-white{color:#fff!important;padding:0 3px;border:1px solid white;border-radius:3px}.box-lime{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px}.box-lime:hover{background-color:#006400}.box-lime-s{color:#000!important;padding:0 3px;border:1px solid lime;border-radius:3px;background-color:#0f0}.box-lime-s:hover{background-color:#006400}.box-yellow{color:#ff0!important;padding:0 3px;border:1px solid yellow;border-radius:3px}.box-yellow:hover{background-color:#482800}.box-liblue{color:#add8e6!important;padding:0 3px;border:1px solid lightblue;border-radius:3px}.box-liblue:hover{background-color:#00008b}.box-red{color:var(--red)!important;padding:0 3px;border:1px solid var(--red);border-radius:3px}.box-red:hover{background-color:#8b0000}.box-download{color:#32cd32!important;padding:3px 12px;border:1px solid green;border-radius:30px;background-color:var(--main-darker)}.box-download:hover{filter:brightness(150%)}.box-button{background-color:#444;text-align:center;border:none;border:1px solid black;border-radius:3px;padding:0 5px;cursor:pointer}.box-button:hover{filter:brightness(130%)}.lh-7xs{line-height:.6rem}.lh-6xs{line-height:.7rem}.lh-5xs{line-height:.8rem}.lh-4xs{line-height:.9rem}.lh-3xs{line-height:1rem}.lh-2xs{line-height:1.15rem}.lh-xs{line-height:1.25rem}.lh-s{line-height:1.5rem}.lh-n{line-height:1.75rem}.lh-m{line-height:2rem}.lh-l{line-height:2.5rem}.lh-xl{line-height:3rem}.lh-tb{line-height:var(--lh-tb)}.lh-label{line-height:var(--lh-label)}.lh-p{line-height:1.75rem}.clickable{cursor:pointer}.clickable:hover{filter:brightness(120%)}a:link,a:visited{color:#fff}a:hover{color:#90ee90}a:active{color:#fff}.dp-n{display:none!important}.vd-n{background-color:#ff0!important;border:1px solid red!important}.green{border-top:3px solid lime;border-bottom:3px solid lime;background-color:#006400;color:#fff!important;font-weight:700}.yellow{border-top:3px solid darkgoldenrod;border-bottom:3px solid darkgoldenrod;background-color:#ff0;color:#000!important;font-weight:700}.blue{border-top:3px solid Navy;border-bottom:3px solid Navy;background-color:#1e90ff;color:#fff!important;font-weight:700}.red{border-top:3px solid red;border-bottom:3px solid red;background-color:#8b0000!important;color:#fff!important;font-weight:700}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeout{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}#notify{text-align:center;position:absolute;z-index:999;left:0;bottom:90px;width:100%;padding:15px 5px;line-height:1.75rem;animation:none;visibility:"visible";animation:fadeNotifyIn .5s,fadeNotifyOut .5s 4s}@keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}.roww{display:flex;flex-direction:row;flex-wrap:wrap}.row{display:flex;flex-direction:row}.col-01{flex-basis:1%;max-width:1%}.col-02{flex-basis:2%;max-width:2%}.col-03{flex-basis:3%;max-width:3%}.col-04{flex-basis:4%;max-width:4%}.col-05{flex-basis:5%;max-width:5%}.col-06{flex-basis:6%;max-width:6%}.col-07{flex-basis:7%;max-width:7%}.col-08{flex-basis:8%;max-width:8%}.col-09{flex-basis:9%;max-width:9%}.col-10{flex-basis:10%;max-width:10%;overflow:hidden;white-space:nowrap}.col-11{flex-basis:11%;max-width:11%;overflow:hidden;white-space:nowrap}.col-12{flex-basis:12%;max-width:12%;overflow:hidden;white-space:nowrap}.col-13{flex-basis:13%;max-width:13%;overflow:hidden;white-space:nowrap}.col-14{flex-basis:14%;max-width:14%;overflow:hidden;white-space:nowrap}.col-15{flex-basis:15%;max-width:15%;overflow:hidden;white-space:nowrap}.col-16{flex-basis:16%;max-width:16%;overflow:hidden;white-space:nowrap}.col-17{flex-basis:17%;max-width:17%;overflow:hidden;white-space:nowrap}.col-18{flex-basis:18%;max-width:18%;overflow:hidden;white-space:nowrap}.col-19{flex-basis:19%;max-width:19%;overflow:hidden;white-space:nowrap}.col-20{flex-basis:20%;max-width:20%;overflow:hidden;white-space:nowrap}.col-21{flex-basis:21%;max-width:21%;overflow:hidden;white-space:nowrap}.col-22{flex-basis:22%;max-width:22%;overflow:hidden;white-space:nowrap}.col-23{flex-basis:23%;max-width:23%;overflow:hidden;white-space:nowrap}.col-24{flex-basis:24%;max-width:24%;overflow:hidden;white-space:nowrap}.col-25{flex-basis:25%;max-width:25%;overflow:hidden;white-space:nowrap}.col-26{flex-basis:26%;max-width:26%;overflow:hidden;white-space:nowrap}.col-27{flex-basis:27%;max-width:27%;overflow:hidden;white-space:nowrap}.col-28{flex-basis:28%;max-width:28%;overflow:hidden;white-space:nowrap}.col-29{flex-basis:29%;max-width:29%;overflow:hidden;white-space:nowrap}.col-30{flex-basis:30%;max-width:30%;overflow:hidden;white-space:nowrap}.col-31{flex-basis:31%;max-width:31%;overflow:hidden;white-space:nowrap}.col-32{flex-basis:32%;max-width:32%;overflow:hidden;white-space:nowrap}.col-33{flex-basis:33%;max-width:33%;overflow:hidden;white-space:nowrap}.col-34{flex-basis:34%;max-width:34%;overflow:hidden;white-space:nowrap}.col-35{flex-basis:35%;max-width:35%;overflow:hidden;white-space:nowrap}.col-36{flex-basis:36%;max-width:36%;overflow:hidden;white-space:nowrap}.col-37{flex-basis:37%;max-width:37%;overflow:hidden;white-space:nowrap}.col-38{flex-basis:38%;max-width:38%;overflow:hidden;white-space:nowrap}.col-39{flex-basis:39%;max-width:39%;overflow:hidden;white-space:nowrap}.col-40{flex-basis:40%;max-width:40%;overflow:hidden;white-space:nowrap}.col-41{flex-basis:41%;max-width:41%;overflow:hidden;white-space:nowrap}.col-42{flex-basis:42%;max-width:42%;overflow:hidden;white-space:nowrap}.col-43{flex-basis:43%;max-width:43%;overflow:hidden;white-space:nowrap}.col-44{flex-basis:44%;max-width:44%;overflow:hidden;white-space:nowrap}.col-45{flex-basis:45%;max-width:45%;overflow:hidden;white-space:nowrap}.col-46{flex-basis:46%;max-width:46%;overflow:hidden;white-space:nowrap}.col-47{flex-basis:47%;max-width:47%;overflow:hidden;white-space:nowrap}.col-48{flex-basis:48%;max-width:48%;overflow:hidden;white-space:nowrap}.col-49{flex-basis:49%;max-width:49%;overflow:hidden;white-space:nowrap}.col-50{flex-basis:50%;max-width:50%;overflow:hidden;white-space:nowrap}.col-51{flex-basis:51%;max-width:51%;overflow:hidden;white-space:nowrap}.col-52{flex-basis:52%;max-width:52%;overflow:hidden;white-space:nowrap}.col-53{flex-basis:53%;max-width:53%;overflow:hidden;white-space:nowrap}.col-54{flex-basis:54%;max-width:54%;overflow:hidden;white-space:nowrap}.col-55{flex-basis:55%;max-width:55%;overflow:hidden;white-space:nowrap}.col-56{flex-basis:56%;max-width:56%;overflow:hidden;white-space:nowrap}.col-57{flex-basis:57%;max-width:57%;overflow:hidden;white-space:nowrap}.col-58{flex-basis:58%;max-width:58%;overflow:hidden;white-space:nowrap}.col-59{flex-basis:59%;max-width:59%;overflow:hidden;white-space:nowrap}.col-60{flex-basis:60%;max-width:60%;overflow:hidden;white-space:nowrap}.col-61{flex-basis:61%;max-width:61%;overflow:hidden;white-space:nowrap}.col-62{flex-basis:62%;max-width:62%;overflow:hidden;white-space:nowrap}.col-63{flex-basis:63%;max-width:63%;overflow:hidden;white-space:nowrap}.col-64{flex-basis:64%;max-width:64%;overflow:hidden;white-space:nowrap}.col-65{flex-basis:65%;max-width:65%;overflow:hidden;white-space:nowrap}.col-66{flex-basis:66%;max-width:66%;overflow:hidden;white-space:nowrap}.col-67{flex-basis:67%;max-width:67%;overflow:hidden;white-space:nowrap}.col-68{flex-basis:68%;max-width:68%;overflow:hidden;white-space:nowrap}.col-69{flex-basis:69%;max-width:69%;overflow:hidden;white-space:nowrap}.col-70{flex-basis:70%;max-width:70%;overflow:hidden;white-space:nowrap}.col-71{flex-basis:71%;max-width:71%;overflow:hidden;white-space:nowrap}.col-72{flex-basis:72%;max-width:72%;overflow:hidden;white-space:nowrap}.col-73{flex-basis:73%;max-width:73%;overflow:hidden;white-space:nowrap}.col-74{flex-basis:74%;max-width:74%;overflow:hidden;white-space:nowrap}.col-75{flex-basis:75%;max-width:75%;overflow:hidden;white-space:nowrap}.col-76{flex-basis:76%;max-width:76%;overflow:hidden;white-space:nowrap}.col-77{flex-basis:77%;max-width:77%;overflow:hidden;white-space:nowrap}.col-78{flex-basis:78%;max-width:78%;overflow:hidden;white-space:nowrap}.col-79{flex-basis:79%;max-width:79%;overflow:hidden;white-space:nowrap}.col-80{flex-basis:80%;max-width:80%;overflow:hidden;white-space:nowrap}.col-81{flex-basis:81%;max-width:81%;overflow:hidden;white-space:nowrap}.col-82{flex-basis:82%;max-width:82%;overflow:hidden;white-space:nowrap}.col-83{flex-basis:83%;max-width:83%;overflow:hidden;white-space:nowrap}.col-84{flex-basis:84%;max-width:84%;overflow:hidden;white-space:nowrap}.col-85{flex-basis:85%;max-width:85%;overflow:hidden;white-space:nowrap}.col-86{flex-basis:86%;max-width:86%;overflow:hidden;white-space:nowrap}.col-87{flex-basis:87%;max-width:87%;overflow:hidden;white-space:nowrap}.col-88{flex-basis:88%;max-width:88%;overflow:hidden;white-space:nowrap}.col-89{flex-basis:89%;max-width:89%;overflow:hidden;white-space:nowrap}.col-90{flex-basis:90%;max-width:90%;overflow:hidden;white-space:nowrap}.col-91{flex-basis:91%;max-width:91%;overflow:hidden;white-space:nowrap}.col-92{flex-basis:92%;max-width:92%;overflow:hidden;white-space:nowrap}.col-93{flex-basis:93%;max-width:93%;overflow:hidden;white-space:nowrap}.col-94{flex-basis:94%;max-width:94%;overflow:hidden;white-space:nowrap}.col-95{flex-basis:95%;max-width:95%;overflow:hidden;white-space:nowrap}.col-100{flex-basis:100%;max-width:100%;overflow:wrap;white-space:wrap}.btn-group{display:grid;grid-template-columns:25% 25% 25% 25%}.btn-show{grid-column:1/5;border:none;border:1px solid black;display:inline-block;color:#fff;border-radius:3px}.btn-confirm{grid-column:1/3;background-image:linear-gradient(#6eb56e,#006400);border:none;border:1px solid black!important;border-radius:3px 0 0 3px!important;color:#fff;display:none}.btn-cancel{grid-column:3/5;background-image:linear-gradient(#f52c2c,#8b0000);border:none;border-top:1px solid black!important;border-right:1px solid black!important;border-bottom:1px solid black!important;border-left:none;border-radius:0 3px 3px 0!important;color:#fff;display:none}header{display:flex;align-items:center}header .header-image{flex-basis:75%;width:100%;height:auto}header .header-image picture{margin-bottom:-3px}header .header-titles{flex-basis:25%}@media screen and (max-width: 768px){header .header-image{flex-basis:70%}header .header-image picture{margin-bottom:-3px}header .header-titles{flex-basis:30%}}@media screen and (max-width: 480px){header{flex-wrap:wrap}header .header-image{flex-basis:100%}header .header-image img{width:100%}header .header-titles{flex-basis:50%;text-align:center;margin:auto}}footer{background-color:var(--main-dark-color);border-radius:var(--br-bottom);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}footer section{text-align:center}footer section img.icon{height:30px}footer section img.qr{height:100px}footer section.ft-row-1{display:flex;justify-content:center}footer section.ft-row-1 div{min-width:12%;background-color:var(--main-color);margin:10px 2px;padding:5px;border-radius:5px}footer section.ft-row-2{display:flex;justify-content:center}footer section.ft-row-2 div{min-width:17%;line-height:1.75rem;margin:0 2px;padding:15px 0 7px;border-radius:5px;background-color:var(--main-color)}footer section.ft-row-3{padding:0 5px 5px 0}@media screen and (max-width: 768px){footer section.ft-row-1{margin-top:7px;flex-wrap:wrap}footer section.ft-row-1 div{min-width:22%;max-width:22.5%;margin:3px 1px 0}footer section.ft-row-2{margin-bottom:0}footer section.ft-row-2 div{min-width:32%;padding:5px 0 2px;margin:3px 1px;line-height:1.55rem}footer section img.icon{height:25px}.modal .modal-image{height:auto;max-width:85vw;max-height:85vh}}@media screen and (max-width: 480px){footer section.ft-row-1{margin-top:0}footer section.ft-row-1 div{min-width:15%;max-width:19%}footer section.ft-row-1 div:last-child{max-width:30%}}nav{display:grid;padding:3px 0}.nav-user{grid-area:1/1/2/2}.nav-admin{grid-area:1/2/2/3;display:flex;margin-left:auto}.nav-login{grid-area:1/3/2/4;display:flex;margin-left:auto}.nav-user .dropdown-button{display:none}.nav-user .dropdown-button:hover{background-color:#3e8e41}.nav-user .user-dropdown-ctn{display:flex;flex-direction:row}.nav-user p{padding:0 5px;margin:0 1px;border-radius:3px;border:1px solid darkslategray;background-color:#2f4f4f}.nav-admin p{background-color:var(--main-dark-color);border:1px solid var(--main-color);padding:3px 4px;border-radius:3px}.nav-admin p.active{background-color:#000}.nav-admin p a{color:#90ee90!important}.nav-admin p.active a{color:#0f0!important;background-color:#000}.nav-admin .dropdown{position:relative;display:inline-block}.nav-admin .dropdown-button{background-color:var(--main-color);color:#fff;padding:0 7px;border:1px solid black;border-radius:3px;cursor:pointer;font-size:15px}.nav-admin .dropdown-button:hover{background-color:#3e8e41}.nav-admin .dropdown-menu{display:none;position:absolute;min-width:160px;z-index:99}.nav-admin .dropdown-menu p:hover{cursor:pointer;filter:brightness(120%)}.nav-login>form input[type=submit]{border:none;color:var(--red);background-color:#0000;cursor:pointer}.nav-login form input[type=submit]:hover{color:#f08080}.nav-login .user-img{width:20px;height:auto}nav a.lime-disabled-click{pointer-events:none;color:#0f0!important}nav a.gray-disabled-click{pointer-events:none;color:gray!important}nav .nav-user,nav .nav-admin{font-size:14px}@media screen and (max-width: 768px){nav{padding:3px 0}.nav-user .dropdown-button{display:inline-block;position:relative;background-color:var(--main-color);color:#fff;padding:0 7px;border:1px solid black;border-radius:3px;cursor:pointer;font-size:15px}.nav-user .user-dropdown-ctn{flex-direction:column;display:none;position:absolute;min-width:160px;z-index:99}.nav-user p{background-color:var(--main-dark-color);border:1px solid var(--main-color);padding:3px 4px;border-radius:3px}.nav-user p:hover{cursor:pointer;filter:brightness(120%)!important}.nav-users p.active{background-color:#000}.nav-admin{margin-left:0%}nav .nav-user,nav .nav-admin{font-size:15px}}.pg-ctn{display:flex;align-items:center;justify-content:center;padding:5px}.pg-ctn:empty{display:none}.pg-ctn input[type=submit]{width:100%;padding:4px;color:#fff;border:1px solid var(--main-dark);cursor:pointer}.pg-ctn input[type=submit]:disabled{background-color:gray;cursor:not-allowed}.pg-ctn select{padding:3px;width:100%;height:100%;outline:none;border:1px solid var(--main-dark);background-color:#87ceeb}.pg-ctn .btn-pre,.pg-ctn .btn-nxt{background-color:#6495ed}.pg-ctn .btn-fst{background-color:#4682b4;border-radius:30px 3px 3px 30px!important}.pg-ctn .btn-lst{background-color:#4682b4;border-radius:3px 30px 30px 3px!important}.pg-ctn .rowg{display:grid;grid-template-columns:100%}.pg-ctn .rowg label{text-align:center;font-size:.75rem;color:#add8e6}@media screen and (max-width: 768px){.col-10{flex-basis:15%;max-width:15%}.col-15{flex-basis:25%;max-width:25%}}@media screen and (max-width: 480px){.col-10{flex-basis:15%;max-width:15%}.col-15{flex-basis:25%;max-width:25%}}.cb-ctn{position:relative;padding-left:25px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cb-ctn input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.cb-checkmark{position:absolute;top:0;left:1px;height:18px;width:18px;background-color:#fff;outline:1px solid black}.cb-ctn:hover input~.cb-checkmark{background-color:#fff}.cb-ctn input:checked~.cb-checkmark:after{display:block}.cb-ctn input:checked~.cb-checkmark{background-color:#2196f3}.cb-checkmark:after{content:"";position:absolute;display:none}.cb-ctn .cb-checkmark:after{left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#cookieConsentBox{position:fixed;bottom:0;left:0;width:100%;background-color:#444;color:#fff;padding:15px;text-align:center;z-index:1000;border-top:3px solid #222;box-shadow:0 -2px 10px #0003}#cookieConsentBox button{color:#fff;border:none;padding:8px 15px;margin:0 5px;border-radius:5px;cursor:pointer}:root{--pad-n: 7px;--pad-l: 10px;--main-color: #454f5b;--main-dark-color: #2a3541;--br-top: 5px 5px 0 0;--br-bottom: 0 0 5px 5px;--br-main: 5px;--font-topic: #71c0f0;--font-logo: lightblue}html{font-size:13px}body{max-width:1100px;background-color:#111;color:#fff;font-weight:200}h3{font-weight:400;color:#90ee90;line-height:2.5rem;font-family:Noto Sans Thai,Sarabun,"sans-serif"}main{background-color:var(--main-color);border-radius:var(--br-top);min-height:50vh}@media screen and (max-width: 768px){body{font-size:13px}main{min-height:50vh}h3{line-height:2rem}}@media screen and (max-width: 480px){body{font-size:12px}h3{line-height:2rem;font-size:14px}}#writePostCtn{background-color:var(--main-darker);border-radius:3px;padding:3px}#writePostContentCtn{display:none}#writePostContentCtn input[type=button]{padding:3px;cursor:pointer;border:none;border-radius:3px;color:#fff}#writePostContentCtn select,#writePostContentCtn input[type=text]{color:#f5f5f5!important;background-color:var(--main-dark);padding-left:3px;border:1px solid gray}#writePostContentCtn textarea{color:#f5f5f5!important;font-size:1rem!important;background-color:var(--main-dark);width:100%;resize:vertical;min-height:200px;max-height:500px;padding:3px}#writePostContentCtn select:focus,#writePostContentCtn input[type=text]:focus,#writePostContentCtn textarea:focus{outline:none;border:1px solid lightblue}#writePostContentCtn #btnPost{background-color:#6495ed}#writePostContentCtn #btnPost:hover{filter:brightness(120%)}#writePostContentCtn input[type=text]:read-only{color:#add8e6!important;background-color:var(--main-darkest)}#writePostContentCtn input[type=button]:disabled{color:#add8e6!important;background-color:var(--main-darkest)}#writePostToolbarSecond{display:flex;align-items:center}#writePostToolbarSecond *{margin-left:3px}#writePostToolbarSecond *:first-child{margin-left:12%}#writePostToolbarSecond *:last-child{margin-left:auto}.dateCtn label{line-height:var(--lh-label)}.dateCtn input[type=datetime-local],.dateCtn input[type=text]{height:100%;width:100%;color:#f5f5f5!important;border:1px solid gray;background-color:var(--main-dark)}.dateCtn input[type=datetime-local]:read-only,.dateCtn input[type=text]:read-only{background-image:none;background-color:none}.dateCtn input[type=datetime-local]:disabled,.dateCtn input[type=text]:disabled{background-image:none;background-color:#777!important;color:#add8e6!important}.dateCtn input[type=datetime-local]:focus,.dateCtn input[type=text]:focus{outline:none;background-color:#add8e6}body.modal-open{overflow:hidden}.modal-upload .modal-close-btn,.modal-uploadimages .modal-close-btn{color:#ff8282}.modal-upload .modal-close-btn:hover,.modal-uploadimages .modal-close-btn:hover,.modal-upload .modal-close-btn:focus,.modal-uploadimages .modal-close-btn:focus{color:red;text-decoration:none;cursor:pointer}.modal-uploadimages{position:fixed;z-index:9;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow-y:auto}.modal-uploadimages .modal-content{background-color:var(--main-mid);margin:110px auto;border:1px solid #888;width:90%;max-width:900px;min-height:50%;text-align:center}.modal-uploadimages .modal-title{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-dark)}.modal-uploadimages .modal-upload-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal-uploadimages .imageInput{display:none}.modal-uploadimages .imagesCount{margin-left:5px}.modal-uploadimages .btnUploadImages,.modal-uploadimages .btnChooseFiles{color:#fff;padding:5px 10px;border:none;cursor:pointer}.modal-uploadimages .btnChooseFiles{background-color:green;border-radius:3px}.modal-uploadimages .btnUploadImages{background-color:#1e90ff;border-radius:3px}.imagesTrumbCtn{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px}.imagesTrumbCtn div{width:calc(19% - 3px);background-color:#000;display:flex;position:relative}.imagesTrumbCtn div img{object-fit:contain;width:100%;height:auto;align-items:center;aspect-ratio:1/1;overflow:hidden}.imagesTrumbCtn div .remove-button{position:absolute;top:5px;right:5px;z-index:10}.imagesTrumbCtn div .remove-button:hover{color:red;cursor:pointer}.modal-upload{position:fixed;z-index:9;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow-y:auto}.modal-upload .modal-content{background-color:var(--main-mid);margin:110px auto;border:1px solid #888;width:90%;max-width:600px;min-height:30%}.modal-upload .modal-title{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-dark)}.modal-upload .fileInput{cursor:pointer}.modal-upload .btnUpload{color:#fff;padding:5px 10px;border:none;cursor:pointer;background-color:#1e90ff;border-radius:3px}main{background-color:var(--main-color);display:grid;grid-template-columns:75% 25%;min-height:67vh}main .main-left{padding:5px;border-radius:5px 0 0}main .main-right{border-radius:0 5px 0 0;background-color:var(--main-mid)}.right-ctn{position:sticky;top:0;overflow:hidden}main h3{line-height:normal}.card-ctn .rowg{display:grid;grid-template-columns:20% 80%;border:1px solid var(--main-mid);border-radius:5px;padding:3px}.card-trumb{grid-area:1/1/10/2}.card-title{grid-area:1/2/2/3}.card-marketInfo{grid-area:2/2/3/3}.card-trumb img{border-radius:5%;max-width:100%;height:auto;overflow:hidden}.card-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-marketInfo a,.card-marketInfo p{color:#add8e6;font-size:.85rem}.chart-section-ctn .row{align-items:center;justify-content:center}.chart-section-ctn img{max-width:100%;height:auto}.chart-ctn{display:grid;grid-template-columns:60% 40%}table{border-collapse:collapse;width:100%}th,td{padding:1px 3px;font-weight:200}th{text-align:center}tr:hover{background-color:#000}.menu3dots-container{position:relative}.menu3dots-button{background:none;border:none;padding:0;cursor:pointer}.menu3dots-items{display:none;position:absolute;z-index:90;top:100%;right:0;background-color:#333;padding:8px;border-radius:3px;box-shadow:0 2px 5px #0003}.menu3dots-items a{display:inline-block;padding:5px;color:#fff;text-decoration:none;min-width:100px;cursor:pointer}.menu3dots-items a:hover{background-color:#555}#searhPostCtn{background-color:var(--main-mid)}input[type=search]{border:1px solid black;border-radius:3px;padding:3px}input[type=search]:focus{outline:none;background-color:#add8e6;cursor:pointer}input[type=button],input[type=submit]{border:1px solid black;border-radius:3px;padding:3px 7px;cursor:pointer}input[type=button]:disabled,input[type=submit]:disabled{background-color:#111;color:#add8e6;cursor:not-allowed}input[type=button]{background-color:#888;cursor:pointer;color:#fff}input[type=submit]{background-color:#6495ed;color:#fff;cursor:pointer}.table-ctn{overflow-x:auto}.table-ctn{overflow-y:auto;scrollbar-width:none}table{width:100%;border-collapse:collapse;font-size:.9rem}table:not(:first-child){margin-top:7px}table th,table td{border:1px solid gray;padding:0;white-space:nowrap}thead th{font-weight:400}.btn{color:#fff;border:1px solid black;border-radius:3px;cursor:pointer}tr:hover{background-color:#000!important}.card-marketInfo-writer-ctn,.card-marketInfo-postcategory-ctn,.card-marketInfo-postpin-ctn{margin-left:10px}.card-marketInfo-postlike-ctn{margin-left:10px;background-color:var(--main-dark-color);padding:1px 5px;border-radius:3px}.rowx{display:flex;flex-direction:row}@media screen and (max-width: 768px){main{grid-template-columns:100%}main .main-left{padding:5px 3px}main .main-right{padding:5px 3px}.chart-ctn{grid-template-columns:100%}}@media screen and (max-width: 480px){.row{flex-direction:column}label.al-r{text-align:left}label.label-pin.al-r{text-align:right}.col-12,.col-13,.col-38,.col-88,.col-50{flex-basis:100%;max-width:100%}.col-80{flex-basis:90%;max-width:90%}.col-08{flex-basis:10%;max-width:10%}header{flex-wrap:wrap}header .header-image{flex-basis:100%}header .header-image img{width:100%}header .header-titles{flex-basis:100%}}.splash{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.splash .splash-close{font-size:4rem;font-weight:700;position:absolute;top:30px;right:30px;cursor:pointer;color:red}.splash .splash-image{display:block;margin:auto;max-width:85vw;max-height:85vh}@keyframes zoomIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.splash .splash-image{height:auto;max-width:85vw;max-height:85vh}}@media screen and (max-width: 480px){.splash .splash-image{height:auto;max-width:95vw;max-height:95vh}}