html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Roboto,'Kanit',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Roboto,'IBM Plex Sans Thai',sans-serif}.rainbow{animation:rainbowColor 6s linear 0s infinite}.rainbowFASTO{animation:rainbowColor .2s linear 0s infinite}@keyframes rainbowColor{from{color:hsl(0,100%,50%)}12.5%{color:hsl(30,100%,50%)}25%{color:hsl(60,100%,50%)}37.5%{color:hsl(120,100%,50%)}50%{color:hsl(180,100%,50%)}67.5%{color:hsl(240,100%,50%)}75%{color:hsl(280,100%,50%)}87.5%{color:hsl(320,100%,50%)}100%{color:hsl(0,100%,50%)}}.rainbow-gradient-text-static{background-image:linear-gradient(to left,violet,rgb(127,0,218),rgb(0,110,255),rgb(0,179,0),yellow,orange,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rainbow-gradient-text-moving{background-image:repeating-linear-gradient(45deg,violet,rgb(127,0,218),rgb(0,110,255),rgb(0,179,0),yellow,orange,red,violet);text-align:center;background-size:800% 800%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-gradient 16s ease infinite}@keyframes rainbow-gradient{0%{background-position:0 50%}50%{background-position:100% 25%}100%{background-position:0 50%}}.text-coekku{color:#9A1518!important;transition:.3s}.nav-link{font-weight:600}a{color:#bd6769;transition:.3s}a:hover{color:#9a1518;transition:.3s}.text-coekku-hover{color:#bd6769;transition:.3s}.text-coekku-hover:hover{color:#9a1518;transition:.3s}.btn-coekku{color:white!important;background-color:#9a1518!important;transition:.3s}.btn-coekku:hover{color:white!important;background-color:#770f11!important}.navbar{background-color:white!important}@media only screen and (max-width:768px){.navbar{background-color:white!important}}table.dataTable thead .sorting:after,table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc_disabled:after,table.dataTable thead .sorting_desc_disabled:before{bottom:.5em}@media only all and (min-width:768px){.homepage{min-height:100vh;width:100%}}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#F5F5F5;border-radius:8px}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{border-radius:8px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#9a1518}.table tbody>tr>td.vert-align_td,.table tbody>tr>th.vert-align_th{white-space:normal}footer{flex-shrink:0;width:100%}.sf-snow-flake{position:fixed;top:-20px;z-index:99999}.sf-snow-anim{top:110%}.black-ribbon{position:fixed;z-index:9999;width:70px}.collapse-content .fa.fa-heart:hover{color:#f44336!important}.collapse-content .fa.fa-share-alt:hover{color:#0d47a1!important}@media only all and (min-width:768px){.black-ribbon{width:auto}}.stick-left{left:0}.stick-right{right:0}.stick-top{top:0}.stick-bottom{bottom:0}#watermark{position:fixed;bottom:5vh;right:5vh;opacity:.69;z-index:99}@media only screen and (max-width:768px){.center{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.switch-info label input[type=checkbox]:checked+.lever{background-color:#33b5e5}.switch-info label input[type=checkbox]:checked+.lever:after{background-color:#0099CC}.switch-danger label input[type=checkbox]:checked+.lever{background-color:#ff4444}.switch-danger label input[type=checkbox]:checked+.lever:after{background-color:#CC0000}.switch-warning label input[type=checkbox]:checked+.lever{background-color:#ffbb33}.switch-warning label input[type=checkbox]:checked+.lever:after{background-color:#FF8800}.switch-success label input[type=checkbox]:checked+.lever{background-color:#00C851}.switch-success label input[type=checkbox]:checked+.lever:after{background-color:#007E33}.row.make-columns{-moz-column-width:19em;-webkit-column-width:19em;-moz-column-gap:1em;-webkit-column-gap:1em}.row.make-columns>div{display:inline-block;padding:.5rem;width:100%}.panel{display:inline-block;height:100%;width:100%}.disabled{cursor:not-allowed}@-webkit-keyframes blinker{from{opacity:1.0}to{opacity:.0}}.navbar+.container{padding-top:88px}.text-coekku{color:#9a1518!important}ul.dropdown-lr{width:300px}.carouselEventPreview p{color:white!important}.carousel-caption{backdrop-filter:blur(2.5px);background-color:rgba(0,0,0,.5)!important}.dropdown .dropdown-menu.dropdown-coekku .dropdown-item:hover,.dropdown .dropdown-menu.dropdown-coekku .dropdown-item:active,.dropdown .dropdown-menu.dropdown-coekku .dropdown-item.active,.dropup .dropdown-menu.dropdown-coekku .dropdown-item:hover,.dropup .dropdown-menu.dropdown-coekku .dropdown-item:active,.dropup .dropdown-menu.dropdown-coekku .dropdown-item.active,.dropleft .dropdown-menu.dropdown-coekku .dropdown-item:hover,.dropleft .dropdown-menu.dropdown-coekku .dropdown-item:active,.dropleft .dropdown-menu.dropdown-coekku .dropdown-item.active,.dropright .dropdown-menu.dropdown-coekku .dropdown-item:hover,.dropright .dropdown-menu.dropdown-coekku .dropdown-item:active,.dropright .dropdown-menu.dropdown-coekku .dropdown-item.active{background-color:#9a1518!important;border-radius:.125rem;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.modal-dialog-full-width{width:100%!important;height:100%!important;margin:0!important;padding:0!important;max-width:none!important}.modal-content-full-width{height:auto!important;min-height:100%!important;border-radius:0!important;background-color:#ececec!important}.modal-header-full-width{border-bottom:1px solid #9ea2a2!important}.modal-footer-full-width{border-top:1px solid #9ea2a2!important}.indexNews{background-color:white}.bg-coekku{background-color:#9a1518;color:white}.modal-coekku .modal-header{padding:9px 15px;border-bottom:1px solid #eee;color:white;background-color:#9a1518;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}body .admin{background-color:#4b4b4b}.display-5{font-size:2.5rem;font-weight:300;line-height:1.2}.display-6{font-size:1.5rem;font-weight:300;line-height:1.2}.sticky-content{position:sticky;position:-webkit-sticky;top:68px;justify-content:center;align-items:center}.admin{background-color:#9a1518}.course{background-color:rgba(255,255,255,.95)!important}.badge-coekku{color:white;background-color:#9a1518!important}.course-bg{background-image:url('../../../elements/background/carousel.jpg');width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.blink{text-decoration:blink;-webkit-animation-name:blinker;-webkit-animation-duration:.6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate}.blink2{text-decoration:blink;-webkit-animation-name:blinker;-webkit-animation-duration:.1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate}.circle{width:100%;position:relative;border-radius:50%;overflow:hidden;text-align:center}.circle:before{display:block;content:"";width:100%;padding-top:100%}.circle>img{position:absolute;height:100%;left:50%;transform:translateX(-50%);top:0;right:0;margin:0 auto;bottom:0;opacity:0;transition:opacity .4s}.circle>img.tallAndNarrow{width:100%;top:50%;transform:translateX(0) translateY(-50%);left:0;height:auto}.circle>img.loaded{opacity:1}.rounded-circle-image{background-image:url("https://i.gyazo.com/da27f072059db48590e3b9da9d7789c2.jpg");background-position:center;background-size:cover;height:120px;width:120px;border-radius:50%}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}body{transition:margin-left .5s}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#emojiRain{margin:0 auto;width:20px;overflow:visible;position:relative;opacity:30%}b,strong{font-weight:bold}