@import url(https://fonts.googleapis.com/css2?family=Prompt&display=swap);@font-face{font-family:LINESeedSansTH_Rg;src:url(/static/media/LINESeedSansTH_Rg.3ed5c84bb4da76e08610.eot);src:url(/static/media/LINESeedSansTH_Rg.3ed5c84bb4da76e08610.eot?#iefix) format("embedded-opentype"),url(/static/media/LINESeedSansTH_Rg.5a568f99d68b127b4849.woff2) format("woff2"),url(/static/media/LINESeedSansTH_Rg.ea58a271df224568ba4b.woff) format("woff"),url(/static/media/LINESeedSansTH_Rg.394890228425d6cdc22a.ttf) format("truetype"),}@font-face{font-family:LINESeedSansTH_Bd;src:url(/static/media/LINESeedSansTH_Bd.bc9a989b5c38b8d3597f.eot);src:url(/static/media/LINESeedSansTH_Bd.bc9a989b5c38b8d3597f.eot?#iefix) format("embedded-opentype"),url(/static/media/LINESeedSansTH_Bd.f8bb3e72a5e2fb5c46d4.woff2) format("woff2"),url(/static/media/LINESeedSansTH_Bd.bbef2e9a7a7d08be19e5.woff) format("woff"),url(/static/media/LINESeedSansTH_Bd.41263d39fab25bf57da3.ttf) format("truetype"),}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:LINESeedSansTH_Rg,sans-serif;margin:0;min-width:390px!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.exams-cell.is-selected .card-exams-cell{border-color:#a0d64b;height:200px} /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */ /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */@media only screen and (min-width:1200px){.flickity-carousel{min-width:1100px}}.flickity-enabled{position:absolute}.flickity-viewport{padding:0 20px 80px!important}.flickity-slider{align-items:center;display:flex}.flickity-button{display:none}.exams-cell.is-selected .card-typography{align-items:center;border:5px solid #fff;display:flex;justify-content:center;margin-top:-20%;white-space:normal;z-index:100}.exams-cell.is-selected .on-card-typography{display:none} /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.myexams-cell.is-selected .card-myexams-cell{border-color:#a0d64b}.myexams-cell.is-selected .card-typography{align-items:center;border:5px solid #fff;display:flex;justify-content:center;margin-top:-20%;white-space:normal;z-index:100}.myexams-cell.is-selected .on-card-typography{display:none} /*! * Cropper.js v1.6.1 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2023-09-17T03:44:17.565Z */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed} /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{padding:30px 20px 15px}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-button{background:hsla(0,0%,100%,.75);border:none;color:#333;position:absolute}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-button:active{opacity:.6}.flickity-button:disabled{cursor:auto;opacity:.3;pointer-events:none}.flickity-button-icon{fill:#333}.flickity-prev-next-button{border-radius:50%;height:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{left:10px;right:auto}.flickity-prev-next-button .flickity-button-icon{height:60%;left:20%;position:absolute;top:20%;width:60%}.flickity-page-dots{bottom:-25px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{background:#333;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 8px;opacity:.25;width:10px}.flickity-page-dots .dot.is-selected{opacity:1} /*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.flickity-carousel{min-width:315px}@media only screen and (min-width:600px){.flickity-carousel{min-width:615px}}@media only screen and (min-width:900px){.flickity-carousel{min-width:900px}}@media only screen and (min-width:1200px){.flickity-carousel{min-width:1050px}}@media only screen and (min-width:1536px){.flickity-carousel{min-width:1100px}}.flickity-viewport{overflow:hidden;padding:0 20px!important;position:relative}.box{box-sizing:border-box;display:inline-block;padding:10px}.img-preview{overflow:hidden}.read-more-state{display:none}.read-more-target{font-size:0;max-height:0;opacity:0}.read-more-state:checked~.read-more-wrap .read-more-target{display:block;font-size:.6em;font-weight:400;line-height:20px;max-height:999em;opacity:1}.read-more-state~.read-more-trigger:before{content:"ดูเพิ่มเติม"}.read-more-state:checked~.read-more-trigger:before{content:"ย่อลง"}.read-more-wrap{margin:0}.read-more-trigger{background:#000;border:1px solid rgba(0,0,0,.2);border-radius:.4375rem;color:#fff;cursor:pointer;display:inline-block;font-family:LINE Seed Sans TH;font-size:.9em;font-style:normal;line-height:2;line-height:1.8rem;padding:0 .5em;text-align:center;width:85%}