body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}@media (min-width:1024px){.container{max-width:83vw!important}.App>.container{min-height:calc(100vh - 351px)}}@media (max-width:576px){.container{width:calc(100vw - 32px)!important;margin-left:16px!important;margin-right:16px!important}.thai_head_1{font-size:22px!important}.thai_head_1,.thai_head_2{font-family:"Kanit";font-style:normal;font-weight:500!important;line-height:25px}.thai_head_2{font-size:20px!important}.thai_head_3{font-size:18px!important}.thai_head_3,.thai_head_4{font-family:"Kanit";font-style:normal;font-weight:500!important;line-height:25px}.thai_head_4{font-size:16px!important}.thai_head_5,.thai_head_6{font-weight:500!important;font-size:14px!important}.thai_head_5,.thai_head_6,.thai_subtitle{font-family:"Kanit";font-style:normal;line-height:25px}.thai_subtitle{font-weight:400!important;font-size:16px!important}.thai_body_1,.thai_body_2{font-size:14px!important}.thai_body_1,.thai_body_2,.thai_body_3{font-family:"Kanit";font-style:normal;font-weight:300!important;line-height:25px}.thai_body_3{font-size:10px!important}.thai_body_4{font-family:"Kanit";font-style:normal;font-weight:300!important;font-size:8px!important;line-height:25px}.eng_head_1{font-size:22px!important}.eng_head_1,.eng_head_2{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_2{font-size:20px!important}.eng_head_3{font-size:18px!important}.eng_head_3,.eng_head_4{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_4{font-size:16px!important}.eng_head_5{font-size:14px!important}.eng_head_5,.eng_head_6{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_6{font-size:12px!important}}@media (min-width:576px){.thai_head_1{font-size:30px!important}.thai_head_1,.thai_head_2{font-family:"Kanit";font-style:normal;font-weight:500!important;line-height:25px}.thai_head_2{font-size:24px!important}.thai_head_3{font-size:20px!important}.thai_head_3,.thai_head_4{font-family:"Kanit";font-style:normal;font-weight:500!important;line-height:25px}.thai_head_4{font-size:18px!important}.thai_head_5{font-size:16px!important}.thai_head_5,.thai_head_6{font-family:"Kanit";font-style:normal;font-weight:500!important;line-height:25px}.thai_head_6{font-size:14px!important}.thai_subtitle{font-family:"Kanit";font-style:normal;font-weight:400!important;font-size:18px!important;line-height:25px}.thai_body_1{font-size:16px!important}.thai_body_1,.thai_body_2{font-family:"Kanit";font-style:normal;font-weight:300!important;line-height:25px}.thai_body_2{font-size:14px!important}.thai_body_3{font-size:12px!important}.thai_body_3,.thai_body_4{font-family:"Kanit";font-style:normal;font-weight:300!important;line-height:25px}.thai_body_4{font-size:10px!important}.thai_caption{font-family:"Kanit";font-style:normal;font-weight:200!important;font-size:12px!important;line-height:25px}.thai_bodyi_1{font-size:16px!important}.thai_bodyi_1,.thai_bodyi_2{font-family:"Kanit";font-style:italic;font-weight:300!important;line-height:25px}.thai_bodyi_2{font-size:14px!important}.thai_bodyi_3{font-size:12px!important}.thai_bodyi_3,.thai_bodyi_4{font-family:"Kanit";font-style:italic;font-weight:300!important;line-height:25px}.thai_bodyi_4{font-size:10px!important}.eng_head_1{font-size:30px!important}.eng_head_1,.eng_head_2{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_2{font-size:24px!important}.eng_head_3{font-size:20px!important}.eng_head_3,.eng_head_4{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_4{font-size:18px!important}.eng_head_5{font-size:16px!important}.eng_head_5,.eng_head_6{font-family:"Baloo Bhai 2";font-style:normal;font-weight:700!important}.eng_head_6{font-size:14px!important}.eng_subtitile{font-family:"Baloo Bhai 2";font-style:normal;font-weight:500!important;font-size:18px!important}.eng_body_1{font-size:16px!important}.eng_body_1,.eng_body_2{font-family:"Baloo Bhai 2";font-style:normal;font-weight:400!important}.eng_body_2{font-size:14px!important}.eng_body_3{font-size:12px!important}.eng_body_3,.eng_body_4{font-family:"Baloo Bhai 2";font-style:normal;font-weight:400!important}.eng_body_4{font-size:10px!important}.eng_caption{font-family:"Baloo Bhai 2";font-style:normal;font-weight:400!important;font-size:12px!important}}.Topic-color{color:#ff6e30}.Table{table-layout:fixed;width:100%;color:#595959;overflow:hidden;border-radius:0 0 4px 4px}.Table a:nth-child(2n) tr,.Table thead tr,.Table tr:nth-child(2n){background-color:#f5f5f5}.Table th{height:36px}.Table tr a{cursor:pointer}.PageTopSession{margin-bottom:32px}.PaddingLeft{padding-left:20px}.MarginBottom{margin-bottom:32px}.MarginLeft{margin-left:32px}.MarginRight{margin-right:32px}.MiniTopic{color:#595959;margin-bottom:16px}.MemBoxFlex{display:flex;flex-flow:row wrap}.GridView,.MemBoxFlex{justify-content:space-between;grid-row-gap:32px;row-gap:32px}.GridView{display:grid;grid-template-columns:22.5% 22.5% 22.5% 22.5%}.SearchBarButton{width:38px!important;padding:3px 14px 9px 10px!important;background-color:#f7f9fc!important;border:.5px solid #bdbec2!important;border-radius:0 4px 4px 0!important}.SearchBarButton:hover{background-color:#e6e8ed!important;border:.5px solid #bdbec2!important}.SearchBarButton.active:focus,.SearchBarButton:active:focus,.SearchBarInput:focus{outline:none!important;box-shadow:none!important;border-color:#bdbec2!important}.SearchBarButton.active,.SearchBarButton:active,.SearchBarButton:focus{background-color:#f7f9fc!important;border:.5px solid #bdbec2!important}.SearchBar{width:248px!important}.SearchBar input::-webkit-calendar-picker-indicator,.SearchBar input::-webkit-list-button{display:none!important}.SearchBarInput{color:#bdbec2!important}.PageDetailTopSession{margin-top:16px;display:block}.PageDetailSubTopSession{margin-top:8px}.PageDetailSubTopSession img,.PageDetailSubTopSession svg{color:#bdbec2}.PageDetailSubTopSession>div{display:inline-block}.PageDetailSubTopSession>div:not(:first-child){margin-left:32px}.PageDetailSubTopSession div div{display:inline-block;margin-left:8px;color:#595959;vertical-align:middle}.DetailBox{position:relative;margin-top:32px;padding:32px;color:#595959}.LinkDownload{margin-top:8px;margin-left:24px}.LinkDownload a{color:#07d}.LinkDownload a:hover{text-decoration:underline}.LinkDownloadBox{margin-left:32px;padding:32px}.LinkDownloadBox a{color:#07d}.LinkDownloadBox a:hover{text-decoration:underline}.Block{display:block}.PageTopSession{margin-top:16px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.BorderAndShadow{box-shadow:0 3.2px 7.2px rgba(0,0,0,.13),0 .6px 1.8px rgba(0,0,0,.11);border-radius:4px;border:1px solid #e6e8ed;overflow:hidden}.Table-container{margin-left:30px;margin-right:30px;height:100%}.Table-orange{background-color:#ff6e30;color:#ebf4f8;line-height:42px;height:42px;vertical-align:middle;margin:auto;border-radius:4px 4px 0 0}.PageBottomSession{margin-top:32px;height:39px}.PageBar{float:right;border:none}.MiddleContent{color:#595959}.MiddleContent,.NoContent{padding-top:180px;padding-bottom:180px;display:flex;justify-content:center}.NoContent{width:100%;color:#8f9095}.NoContentFlex{flex-direction:column;display:flex;justify-content:center;align-items:center;grid-gap:32px;gap:32px}.Normal-Link{display:inline-block;width:auto;color:#07d;cursor:pointer}.Normal-Link:hover{color:#07d;text-decoration:underline}.navbars.navbar{background:rgba(55,54,59,.95);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.25));padding:0 2%;border-bottom:4px solid #ff7637;top:0;height:54px;z-index:1020}.navbars .navbar-brand{line-height:38px;display:inline;cursor:pointer}.navbars .nav-link,.navbars .navbar-brand{align-items:center;color:#fff!important;text-shadow:4px 4px 4px rgba(0,0,0,.25)}.navbars .nav-link{line-height:32px;height:50px;padding-left:1.5rem!important;padding-right:1.5rem!important;text-align:center;white-space:nowrap}.navbars .nav-link:hover{background-color:#000}.navbars .dropdown-menu .dropdown-item:first-child:hover{border-radius:4px 4px 0 0}.navbars .dropdown-menu .dropdown-item:last-child{border-radius:0 0 4px 4px}.dropdown-menu{margin-top:-1px!important;padding:0;min-width:12rem}.dropdown-item{color:#595959;width:100%}.navbar .dropdown:hover>.dropdown-menu{display:block}.container{padding:0}.Gbutton{padding-left:.5rem!important;padding-right:.5rem!important}.NavProfile{width:32px;height:32px;vertical-align:top}.nav-image-cropper{position:relative;overflow:hidden;border-radius:50%}#NavProfile+.dropdown-menu:after{top:-.25rem;right:2.25rem;margin:0;display:block;position:absolute;pointer-events:none;content:"";visibility:visible;transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:-1}#NavProfile:hover{background-color:inherit}#NavProfile+div>a.dropdown-item:first-child{cursor:default}#NavProfile+div .dropdown-item:first-child:focus,#NavProfile+div .dropdown-item:first-child:hover{color:#595959;background:inherit;border-radius:4px}#NavProfile+div .dropdown-item:last-child{margin-bottom:.5rem}#NavProfile+div .dropdown-item{cursor:pointer}#googleLogin{padding-left:1.5rem!important}@media (max-width:576px){.navbar-light .navbar-toggler-icon{background-image:url(/static/media/hambergerMenu.e62b240a.svg)}.navbars .navbar-brand div{display:none!important}}@media (max-width:992px){.navbar-light .navbar-toggler-icon{background-image:url(/static/media/hambergerMenu.e62b240a.svg)}.navbar-light .navbar-toggler{padding:0!important;border:none!important}.navbars.navbar{padding:0!important}.navbar-toggler:focus{box-shadow:none}.navbar-collapse .navbar-nav{padding-top:8px;padding-bottom:8px;background-color:#fff}.navbar-collapse a{background-color:#fff}.navbar-collapse .googleLogin-padding{background-color:#fff;width:100%;display:flex;padding-bottom:5px}.navbar-collapse #googleLogin{padding:0!important}.navbar-collapse .nav-link{color:#595959!important;text-shadow:none!important;text-align:left;height:auto;line-height:28px;padding-top:.25rem;padding-bottom:.25rem}.navbar-collapse .nav-link:hover{background-color:#fff}.navbar-collapse .dropdown-menu{border:none}.navbar-collapse .dropdown-item{padding:.25rem 3rem}.navbar-collapse #NavProfile{padding-left:1.5rem;display:flex;align-items:center;grid-gap:16px;gap:16px}.navbar-collapse #NavProfile div:nth-child(2) div{line-height:20px!important}}.Footer-All{margin-top:64px;background-image:url(/static/media/footer.ffb63459.png);background-size:cover;height:100%}.Footer-top{height:100%;background-image:inherit;background-color:#3f3e43;padding:21px 0}.Footer-flex{display:flex;justify-content:space-between}.Footer-detail{margin-top:24px;display:flex;grid-gap:8px;gap:8px;color:#ebf4f8}.Footer-map{width:400px}.Footer-bottom{height:100%;background-image:inherit;background-color:#5e5f64;padding:5px}.Footer-copyright{color:#bdbec2;text-align:center}.Footer-copyright a{display:inline;color:#bdbec2}.Footer-copyright a:hover{color:inherit!important;text-decoration:underline!important;cursor:pointer}.Main+.Footer-All{margin-top:0}.footerLink span{color:#ebf4f8}.footerLink span:hover{color:#ebf4f8;text-decoration:underline}@media (max-width:576px){.Footer-flex{display:flex;flex-direction:column}.Footer-flex .Footer-content .Footer-detail svg{height:15px;width:15px;margin-top:3px}.Footer-flex .Footer-content .Footer-detail div{width:calc(100% - 29px)}.Footer-flex .Footer-content .Footer-detail,.Footer-map{margin-top:16px}.Footer-map{width:100%;height:200px}.Footer-top{padding:32px 0}.Footer-bottom{padding:0}.Footer-All{margin-top:32px}}.Main-top{margin-top:32px}.a-Link{color:#ff6e30;display:block;width:auto;cursor:pointer}.a-Link:hover{color:#ff6e30;text-decoration:underline}.a-Link svg:nth-child(2){margin-left:-8px}.Main-orange{margin-top:64px;background-color:#feece2}.Main-white{margin-top:64px!important}.Main-video{display:flex;grid-gap:64px;gap:64px;justify-content:space-between;padding-top:32px;padding-bottom:32px}.Main-video-text{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.Main-video-right{width:57%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.video-head{text-align:center;color:#bc3b01}.ql-noBorder{border:none!important;padding:0!important;box-shadow:none!important}.orange-btn,.orange-btn.active,.orange-btn:active,.orange-btn:focus,.orange-btn:hover,.orange-btn:visited{background-color:#ff6e30;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.25);color:#ebf4f8;border:none}.orange-btn:hover{background-color:#bc3d01;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.25);cursor:pointer}.Main-tabOrange{background-color:#ff6e30;color:#ebf4f8}.Main-tab{height:55px;line-height:55px}.Main-Activity{background-color:#fff;padding:16px;display:flex;grid-gap:64px;gap:64px;border-radius:4px}.Main-Activity img{width:20%;height:auto;max-height:159px;border-radius:4px;object-fit:cover;object-position:50% 50%}.Main-AllActivity{margin-top:32px;padding-bottom:32px;display:flex;grid-gap:16px;gap:16px;flex-direction:column}.Carousel-down-left{width:40px;height:40px;box-shadow:0 1px 4px 2px rgba(43,43,43,.05);border:1px solid #e6e8ed;background:#fff;border-radius:50%}.Carousel-down-left svg{height:100%;display:block;margin:auto}.Carousel-down-right{width:40px;height:40px;box-shadow:0 1px 4px 2px rgba(43,43,43,.05);border:1px solid #e6e8ed;background:#fff;border-radius:50%}.Carousel-down-right svg{transform:rotate(180deg);height:100%;display:block;margin:auto}.Carousel-top-left{width:55px;height:55px;box-shadow:0 1px 4px 2px rgba(43,43,43,.05);background:#595959;opacity:.2;border-radius:50%;filter:blur(.5px)}.Carousel-down-left:hover,.Carousel-down-right:hover{box-shadow:0 3px 8px 4px rgba(43,43,43,.1);cursor:pointer}.Carousel-top-left:hover,.Carousel-top-right:hover{opacity:.5}.Carousel-top-left svg{height:100%;display:block;margin:auto}.Carousel-top-right{width:55px;height:55px;box-shadow:0 1px 4px 2px rgba(43,43,43,.05);background:#595959;opacity:.2;border-radius:50%;filter:blur(.5px)}.Carousel-top-right svg{transform:rotate(180deg);height:100%;display:block;margin:auto}.carousel-noIndicators .carousel-control-next,.carousel-noIndicators .carousel-control-prev,.carousel-Top .carousel-control-next,.carousel-Top .carousel-control-prev{opacity:1}.carousel-Top .carousel-control-next{justify-content:flex-end;right:32px}.carousel-Top .carousel-control-prev{justify-content:flex-start;left:32px}.carousel-noIndicators .carousel-control-next{justify-content:flex-end;right:-20px}.carousel-noIndicators .carousel-control-prev{justify-content:flex-start;left:-20px}.carousel-Top .carousel-inner .carousel-item img{height:467px;border-radius:4px;object-fit:cover;object-position:50% 50%}.react-multi-carousel-track{display:grid;grid-auto-flow:column}.react-multi-carousel-item{height:100%;padding:0 10px}.react-multi-carousel-item a{height:100%}.carousel-arrow-left{position:absolute;left:-16px}.carousel-arrow-right{position:absolute;right:-16px}.react-multi-carousel-list{position:static;padding-top:10px;padding-bottom:2px}.curriculum-video{width:448px;height:248px}@media (max-width:576px){.Main-video{display:flex;flex-direction:column}.curriculum-video{width:100%;height:160px}.carousel-Top,.carousel-Top .carousel-inner .carousel-item img{height:150px}.carousel-Top .carousel-control-prev{left:8px}.carousel-Top .carousel-control-next{right:8px}.Carousel-top-left svg,.Carousel-top-right svg{width:15px}.Carousel-top-left,.Carousel-top-right{height:28px;width:28px}.carousel-Top .carousel-indicators{margin-bottom:-28px}.carousel-indicators [data-bs-target]{background-color:#feece2}.Main-orange,.Main-white{margin-top:32px!important}.Main-top .PageTopSession{margin-top:48px!important}.Main-top .PageTopSession,.PageTopSession{margin-bottom:16px!important}.AnnouncePage-table td{padding-top:12px!important;padding-bottom:12px!important;height:auto!important}.AnnouncePage-table td:first-child,.AnnouncePage-table th:first-child{padding-left:16px!important;width:auto;display:flex;align-items:center}.AnnouncePage-table td:nth-child(2),.AnnouncePage-table th:nth-child(2){display:none}.AnnouncePage-table td:first-child p,.AnnouncePage-table th:first-child p{margin-bottom:0}.AnnouncePage-table td:first-child img{width:15px;height:15px}.AnnouncePage-table td:first-child img.isNew{width:15px;height:auto}.Main-video{grid-gap:32px;gap:32px}.Main-video-right{width:100%;grid-gap:16px;gap:16px}.Main-video-text{grid-gap:8px;gap:8px}.Main-AllActivity{flex-direction:row;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;width:auto}.Main-Activity{width:calc(100vw - 96px);flex-direction:column;grid-gap:8px;gap:8px}.Main-Activity img{width:auto}}@media (max-width:992px){.Main-video-right{width:100%;grid-gap:16px;gap:16px}.Main-video{grid-gap:32px;gap:32px}}.card{width:100%;border-radius:4px}.card.scale{box-shadow:0 1px 4px 2px rgba(43,43,43,.05);transition:all .2s ease-in-out 0s;cursor:pointer}.card.scale:hover{transform:translateY(-10px)}@keyframes bounce{0%{top:0}25%{top:10px}50%{top:-5px}75%{top:5px}to{top:0}}@keyframes bounce2{0%{top:-10px}40%{top:2px}80%{top:-2px}to{top:0}}.card-over-pic{height:175px;display:flex;justify-content:center;overflow:hidden}.Card-Pic{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.card-body{padding:16px 16px 42px}.card-body>p{margin-bottom:16px}.card-body>p:nth-child(2),.card-footer{color:#595959}.card-footer{background-color:#fff;border-top:1px solid #e6e8ed;padding:8px 0 0;display:flex;align-items:center;grid-gap:8px;gap:8px}.card-footer svg{color:#bdbec2}.card-footer{width:calc(100% - 32px);position:absolute;bottom:8px}.card-body{position:relative;width:100%}.card-footer.footer-left{justify-content:flex-end}.Spinner{width:50px;height:50px;border-width:10px;border-color:#595959 transparent #595959 #595959}.error-404-flex{height:calc(100vh - 392px);display:flex;flex-direction:column;justify-content:center}.error-404-orange{font-size:200px;line-height:330px}.error-404-orange,.error-404-orange.small{color:#ff6e30;font-family:"Kanit";font-style:normal;font-weight:700}.error-404-orange.small{font-size:100px;line-height:200px}.error-404-topic{color:#595959;font-size:35px;line-height:52px}.error-404-detail,.error-404-topic{font-family:"Kanit";font-style:normal;font-weight:700}.error-404-detail{color:#8f9095;font-size:16px;line-height:24px}.error-404-bottom{margin-bottom:180px}.breadcrumb-item+.breadcrumb-item:before{color:#ccc;content:"\25CF";font-size:.7rem;line-height:23px;padding-right:8px}.breadcrumb-item+.breadcrumb-item{padding-left:8px}a:not([href]):not([class]):hover{color:#ff7637}.breadcrumbmain{margin-top:16px;display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #e6e8ed}.breadcrumb-item.active{color:#595959}.breadcrumb{margin-bottom:0;margin-left:12px}a{color:#595959;text-decoration:none}.breadcrumbicon{margin-top:-5px}.breadcrumbicon>a{color:#bdbec2}.page-link{color:#595959;border-color:#bdbec2}.page-ellipsis .page-link{cursor:default}.page-ellipsis .page-link:hover{color:#595959;border-color:#bdbec2;background-color:inherit}.page-link:hover{color:#ff6e30;background-color:#f5f5f5;border-color:#bdbec2}.page-item.active .page-link{background-color:#ff6e30;border-color:#ff6e30}.pagination{margin-bottom:0}#dropdown-announce1+.dropdown-menu,#dropdown-announce+.dropdown-menu{margin-top:6px!important;padding:0;min-width:185px}.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:focus{outline:none!important;box-shadow:none}a{outline:none!important;box-shadow:none!important}#dropdown-announce,#dropdown-announce1{background-color:#fff;border:.5px solid #bdbec2;color:#bdbec2;border-radius:4px;min-width:185px;text-align:start;height:38px}#dropdown-announce1:hover,#dropdown-announce:hover{border:.5px solid #8f9095}.dropdownTranslate{transform:translateY(34px)!important}.dropdown-toggle:after{display:none!important}.dropdownIcon{display:inline;float:right;color:#bdbec2}a.dropdownHover{color:#bdbec2}.AnnouncePage-table thead tr{border-bottom:1px solid #e6e8ed}.AnnouncePage-table td:first-child,.AnnouncePage-table th:first-child{width:85%;text-align:left;padding-left:30px}.AnnouncePage-table td:nth-child(2),.AnnouncePage-table th:nth-child(2){width:15%;text-align:right;padding-right:30px}.AnnouncePage-table td{height:56px}.AnnouncePage-table td p{display:inline}.AnnouncePage-table td img~p{display:inline;margin-left:10px}a{display:contents;width:100%;vertical-align:middle}a.dropdownHover:hover{color:#8f9095}.SpinnerContainer{text-align:center;height:calc(100vh - 363px);display:flex;justify-content:center;align-items:center}.SpinnerText{color:#595959;margin-top:10px}@media (max-width:576px){.PageTopSession{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.Main .PageTopSession{display:flex;flex-direction:row;grid-gap:0;gap:0;align-items:flex-start;justify-content:space-between}.Table-container{margin-left:16px;margin-right:16px}}.AnnounceDetail-Text{padding-bottom:32px!important;border-bottom:1px solid #e6e8ed!important}.AnnounceDetail-File{margin-top:32px;margin-bottom:8px}.rotate45{transform:rotate(330deg)}.AnnounceDetail-Attach{margin-left:8px;display:inline-block}.AnnounceDetail-Update{display:block;float:right;color:#8f9095}.Announce-Edit{position:absolute;right:0;top:0}@media (max-width:576px){.PageDetailSubTopSession{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.PageDetailSubTopSession>div:not(:first-child){margin-left:0}.PageDetailSubTopSession>div{height:25px;margin-right:24px}.DetailBox{margin-top:16px;padding:16px}.AnnounceDetail-Text{padding-bottom:16px!important}.AnnounceDetail-File{margin-top:16px}.LinkDownload{margin-left:0;margin-bottom:16px}.Announce-Edit.btn-normal svg{margin-right:0!important}}.Curriculum-Box{margin-top:32px}.Curriculum-Title .accordion-button{background-color:#ff6e30;color:#fff;padding-left:32px;padding-right:32px}.Curriculum-Title .accordion-collapse{transition:all .2 ease-in-out}.Curriculum-Title .accordion-button:focus{display:none}.Curriculum-Title .accordion-button img{margin-right:8px}.Curriculum-Title .accordion-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E")!important}@media (max-width:576px){.Curriculum-Box{margin-top:16px}.accordion-button{align-items:flex-start;padding:16px!important}.accordion-button:after,.accordion-button img{margin-top:4px}.accordion-button:after{margin-left:12px}.ql-editor.noPadding{padding:0!important}}.FacultyMemPage-Session{margin-bottom:32px;border-radius:4px;overflow:hidden;border:1px solid #e6e8ed}.FacultyMemPage-Topic{display:flex;grid-gap:15px;gap:15px;align-items:center;color:#595959;padding:8px 30px;border-bottom:1px solid #e6e8ed;background-color:#f5f5f5}.FacultyMemPage-SVG{height:15px;width:15px}.FacultyMemPage-SVG image{filter:invert(37%) sepia(0) saturate(0) hue-rotate(168deg) brightness(93%) contrast(97%)}.FacultyMemPage-SVG path{fill:#595959}.FacultyMemPage-Topic div{display:inline-block}.FacultyMemPage-Profile{padding:32px 32px 32px 64px;display:flex;justify-content:space-between;color:#595959}.FacultyMemPage-Table{border-collapse:initial;border-spacing:0 8px;color:#595959}.FacultyMemPage-Table td:not(:first-child){padding-left:30px}.FacultyMemPage-Table td{vertical-align:top}@media (max-width:576px){.FacultyMemPage-Topic{padding-left:16px!important;padding-right:16px!important}.FacultyMemPage-Profile{padding:16px!important;flex-direction:column-reverse!important;align-items:center!important}.FacultyMemPage-Profile p{margin:0!important}.FacultyMemPage-Session .MarginLeft{margin-left:0!important;margin-right:0!important}.PaddingLeft{padding:0!important}.LinkDownloadBox{margin-left:0!important;padding:16px!important}.FacultyMemPage-Session .youtube-padding iframe{width:calc(100% - 32px)!important;height:200px!important}.youtube-padding{padding-top:16px!important;padding-bottom:16px!important}}.facultyMemBox-All{width:31.5%;border:1px solid #e6e8ed;border-radius:4px;overflow:hidden}.facultyMemBox-All.scale{box-shadow:0 1px 4px 2px rgba(43,43,43,.05);transition:all .2s ease-in-out;cursor:pointer}.facultyMemBox-All.scale:hover{transform:scale(1.04)}.facultyMemBox-Body{padding-left:5.6%;padding-right:5.6%;margin-bottom:16px}.facultyMemBox-Top{height:8px;background:#ffa77f}.facultyMemBox-Mid{margin-top:16px;display:flex;justify-content:flex-start;align-items:center;align-content:stretch}.facultyMemBox-Gap{margin-right:36px}.image-cropper{height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;overflow:hidden;border-radius:50%}.facultyMemBox-NameThai{display:block;color:#ff6e30}.facultyMemBox-NameEng{display:block;color:#595959}.facultyMemBox-Bot{margin-top:16px;color:#8f9095}.facultyMemBox-Bot svg{width:15px;height:15px;display:block}.facultyMemBox-Img path{fill:#595959}.facultyMemBox-BotDetail{margin-bottom:8px}.facultyMemBox-BotDetail,.facultyMemBox-BotDetail2{display:flex;grid-gap:10px;gap:10px;align-content:flex-start;align-items:flex-start}.facultyMemBox-BotDetail2{margin-bottom:16px}.facultyMemBox-Img,.facultyMemBox-Img2{height:25px;display:flex;justify-content:center;align-items:center}@media (max-width:576px){.facultyMemBox-All{width:100%}.MemBoxFlex{grid-gap:16px;gap:16px}.facultyMemBox-Mid{flex-direction:column!important;align-items:center!important;grid-gap:8px;gap:8px}.facultyMemBox-Mid div:nth-child(2){display:flex;flex-direction:column;align-items:center}.facultyMemBox-Gap{margin:0!important}.facultyMemBox-NameThai{font-family:"Kanit";font-style:normal;font-weight:500!important;font-size:16px!important;line-height:25px}}@media (min-width:576px) and (max-width:1024px){.facultyMemBox-All{width:47.5%}}.Hall-Carousel{margin-top:32px;margin-left:auto;margin-right:auto;width:460px;height:345px}.carousel-inner,.carousel-item{height:100%}.Hall-Carousel img{height:100%;border-radius:4px;object-fit:cover;object-position:50% 50%}.carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:100%;margin-left:8px;margin-right:8px;opacity:1}.carousel-indicators .active{background-color:#ff6e30}.carousel-indicators button:not(.active):hover{background-color:#ffa77f;transition:all .2s ease-in-out}.HallDetail-Mid{margin-top:32px;border:1px solid #e6e8ed;box-shadow:0 3.2px 7.2px rgba(0,0,0,.13),0 .6px 1.8px rgba(0,0,0,.11);border-radius:4px;padding:32px;color:#595959}@media (max-width:576px){.Hall-Carousel{width:100%;height:220px;margin-top:16px}.Hall-Carousel .carousel-control-next span,.Hall-Carousel .carousel-control-prev span{width:20px;height:20px}.ql-editor{padding:16px!important}}datalist.SingleList{position:absolute;background-color:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.15);border-top:none;width:248px;height:125px;padding:0;overflow-y:auto;z-index:3;top:38px;overflow-x:auto}.SingleList option{width:100%;background-color:initial;padding:.25rem 1rem;font-weight:300!important;color:#595959;cursor:pointer}.SingleList option.active,.SingleList option:hover{background-color:#e6e8ed}@media (max-width:576px){.GridView{grid-template-columns:100%;grid-row-gap:16px!important;row-gap:16px!important}}@media (min-width:576px) and (max-width:768px){.GridView{grid-template-columns:47.5% 47.5%}}@media (min-width:769px) and (max-width:1024px){.GridView{grid-template-columns:31.5% 31.5% 31.5%}}.ResearchPage-table td:first-child,.ResearchPage-table th:first-child{width:75%;text-align:left;padding-left:30px}.ResearchPage-table td:nth-child(2),.ResearchPage-table th:nth-child(2){width:25%;text-align:right;padding-right:30px}.ResearchPage-table td{height:76px}#dropdown-Type+.dropdown-menu,#dropdown-Year+.dropdown-menu{margin-top:6px!important;padding:0;min-width:185px;overflow-y:auto;height:132px}#dropdown-Type+.dropdown-menu{height:auto}#dropdown-Type,#dropdown-Year{background-color:#fff;border:.5px solid #bdbec2;color:#bdbec2;border-radius:4px;min-width:185px;text-align:start;height:38px}#dropdown-Type:hover,#dropdown-Year:hover{border:.5px solid #8f9095}.Dot-Disable{background-color:#bdbec2}.Dot-Disable,.Dot-Waiting{height:8px;width:8px;margin-right:8px;border-radius:50%;display:inline-block}.Dot-Waiting{background-color:#fc0}.Dot-Active{height:8px;width:8px;margin-right:8px;background-color:#00c89d;border-radius:50%;display:inline-block}.youtube-padding{padding-top:32px;padding-bottom:32px;display:flex;justify-content:center}@media (max-width:576px){.ResearchPage-table td:first-child,.ResearchPage-table th:first-child{width:100%;text-align:left;padding-left:16px;padding-right:16px}.ResearchPage-table td:first-child{padding-top:12px;padding-bottom:12px}.ResearchPage-table td:nth-child(2),.ResearchPage-table th:nth-child(2){display:none}}@media (min-width:576px) and (max-width:1024px){#dropdown-Type,#dropdown-Type+.dropdown-menu,#dropdown-Year,#dropdown-Year+.dropdown-menu{min-width:140px}}#dropdown-type+.dropdown-menu,#dropdown-year+.dropdown-menu{margin-top:6px!important;padding:0;min-width:185px;overflow-y:auto;height:132px}#dropdown-type+.dropdown-menu{margin-left:152px;min-width:160px;height:auto}#dropdown-year{border:.5px solid #bdbec2;border-radius:4px}#dropdown-type,#dropdown-year{background-color:#fff;color:#bdbec2;min-width:185px;text-align:start;height:38px}#dropdown-type{border:.5px solid #bdbec2;border-radius:0;min-width:160px;box-shadow:none!important}#dropdown-year:hover{border:.5px solid #8f9095}.search-flex{display:flex;grid-gap:16px;gap:16px}.AlumniPage-Search-btn,.AlumniPage-Search-btn:active,.AlumniPage-Search-btn:focus{width:38px;padding:3px 14px 9px 10px;background-color:#f7f9fc;border:.5px solid #bdbec2;border-radius:0 4px 4px 0!important}.AlumniPage-Search-btn:hover{background-color:#e6e8ed;border:.5px solid #bdbec2}.AlumniPage-Search-btn.active:focus,.AlumniPage-Search-btn:active:focus,.AlumniPage-Search-input:focus{outline:none!important;box-shadow:none;border-color:#bdbec2}.AlumniPage-Search{width:348px}.AlumniPage-Search input::-webkit-calendar-picker-indicator,.AlumniPage-Search input::-webkit-list-button{display:none!important}.AlumniPage-Search-input{color:#bdbec2;border:.5px solid #bdbec2}datalist.AlumniList{position:absolute;background-color:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.15);border-top:none;width:154px;height:125px;padding:0;overflow-y:auto;z-index:3;top:38px;overflow-x:auto}.AlumniList option{width:100%;background-color:initial;padding:.25rem 1rem;color:#595959;font-weight:300!important;cursor:pointer}.AlumniList option.active,.AlumniList option:hover{background-color:#e6e8ed}.AlumniPage-table td:first-child,.AlumniPage-table th:first-child{width:21.5%;padding-left:30px}.AlumniPage-table td:nth-child(2),.AlumniPage-table th:nth-child(2){width:28.5%}.AlumniPage-table td:nth-child(3),.AlumniPage-table th:nth-child(3){width:25%}.AlumniPage-table td:nth-child(4),.AlumniPage-table th:nth-child(4){width:25%;padding-right:30px}.AlumniPage-table td{height:56px}.AlumniPage-table tr th,.Faculty-table tr th,.Group-table tr th,.Project-table tr th{cursor:pointer}@media (max-width:576px){.search-flex{flex-direction:column}#dropdown-type{min-width:120px}.AlumniPage-Search{width:288px}.AlumniPage-Search #datalistOptions{width:252px}.Alumni .BorderAndShadow{width:100%;overflow:hidden;overflow-x:auto}.Alumni .BorderAndShadow div{width:720px}.AlumniPage-table td:first-child,.AlumniPage-table th:first-child{padding-left:16px}.AlumniPage-table td:nth-child(3),.AlumniPage-table th:nth-child(3){width:18%}.AlumniPage-table td:nth-child(4),.AlumniPage-table th:nth-child(4){width:32%;padding-right:16px}}.Contact-map{margin-top:16px;width:100%;height:30vh}@media (min-width:576px){.modal-footer{padding:.75rem 22px}.modal-footer>*{margin:.25rem 8px}}@media (min-width:576px){.Modal-Add-Link .modal-dialog,.Modal-Cancel .modal-dialog,.Modal-Delete .modal-dialog,.Modal-Info .modal-dialog,.Modal-Save .modal-dialog,.Modal-Success .modal-dialog{max-width:500px;max-height:200px;top:50%;margin:-100px auto}.Modal-Cancel .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #fc0}.Modal-Info .modal-content,.Modal-Save .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #07d}.Modal-Success .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #00c89d}.Modal-Delete .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #bc3b01}.Modal-Add-Link .modal-content{height:224px;border-radius:4px;border:none;border-top:8px solid #ff6e30}.Modal-Add-Link .modal-body{padding:30px}.Modal-Cancel .modal-body,.Modal-Delete .modal-body,.Modal-Info .modal-body,.Modal-Save .modal-body,.Modal-Success .modal-body{padding:30px;display:flex;align-items:center;grid-gap:32px;gap:32px}}@media (max-width:576px){.Modal-Add-Link .modal-dialog,.Modal-Cancel .modal-dialog,.Modal-Delete .modal-dialog,.Modal-Info .modal-dialog,.Modal-Save .modal-dialog,.Modal-Success .modal-dialog{max-width:500px;max-height:200px;padding-left:16px;padding-right:16px;top:50%;margin:-100px auto}.Modal-Cancel .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #fc0}.Modal-Info .modal-content,.Modal-Save .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #07d}.Modal-Success .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #00c89d}.Modal-Delete .modal-content{height:200px;border-radius:4px;border:none;border-top:8px solid #bc3b01}.Modal-Add-Link .modal-content{height:224px;border-radius:4px;border:none;border-top:8px solid #ff6e30}.Modal-Add-Link .modal-body{padding:30px}.Modal-Cancel .modal-body,.Modal-Delete .modal-body,.Modal-Info .modal-body,.Modal-Save .modal-body,.Modal-Success .modal-body{padding:16px;display:flex;align-items:center;grid-gap:32px;gap:32px}}:focus-visible{outline:none}.Profile-Container{padding-left:8%;padding-right:8%}.Profile-Top{display:flex;grid-gap:64px;gap:64px}.Profile-Pic{width:140px;height:140px;vertical-align:top}.Profile-PicEdit{cursor:pointer;position:absolute;bottom:0;color:#f1ecff;background:rgba(0,0,0,.5);width:140px;padding-top:5px;padding-bottom:9px;text-align:center}.Profile-PicEdit svg path{fill:#f1ecff}.Profile-PicEdit svg{width:18px;height:18px;margin-right:8px}.Profile-Topdetail{display:flex;flex-direction:column;justify-content:center;grid-gap:16px;gap:16px}.Profile-Topdetail svg{margin-right:8px}.Profile-Line{padding-bottom:32px;border-bottom:1px solid #e6e8ed}.Profile-Edit{position:absolute;right:30px;top:20px}.Profile-Form{padding-top:32px;width:100%}.Profile-Form .form-label{margin-bottom:0;line-height:35px}.Profile-Form .mb-3{width:100%}.Profile-Form #submit{position:absolute;right:30px;bottom:32px}.Profile-Form #cancel{position:absolute;right:128px;bottom:32px}textarea{resize:none;overflow-y:hidden}.form-control.is-valid,.was-validated .form-control:valid{background-image:none}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")}@media (min-width:776px){.Profile-Modal .modal-dialog{max-width:700px;margin:1.75rem auto}.Profile-Modal .modal-body{display:flex;justify-content:center}}.btn-normal,.btn-normal:active,.btn-normal:focus,.btn-normal:visited{width:82px;background-color:#fff;border:1px solid #bdbec2;box-sizing:border-box;border-radius:4px;color:#595959}.btn-normal svg{width:15px;height:15px;margin-right:8px}.btn-normal svg path{fill:#595959}.btn-normal:hover{background-color:#fff;border:1px solid #595959;box-sizing:border-box;border-radius:4px;color:#180700}.btn-normal:hover svg path{fill:#180700}.btn-accepted,.btn-accepted:active,.btn-accepted:focus,.btn-accepted:visited{width:82px;background-color:#07d}.btn-accepted,.btn-accepted:active,.btn-accepted:focus,.btn-accepted:hover,.btn-accepted:visited{box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.25);box-sizing:border-box;border-radius:4px;color:#ebf4f8}.btn-accepted:hover{background-color:#3350a9}.btn-input-file,.btn-input-file:active,.btn-input-file:focus,.btn-input-file:visited{width:100px;background-color:#e6e8ed;border:none;box-sizing:border-box;border-radius:4px;color:#595959}.btn-input-file:hover{background-color:#bdbec2;border:none;box-sizing:border-box;border-radius:4px;color:#595959}@media (max-width:576px){.btn-accepted,.btn-accepted:active,.btn-accepted:focus,.btn-accepted:visited,.btn-normal,.btn-normal:active,.btn-normal:focus,.btn-normal:visited{width:auto}.btn-absolute-right2{right:71px!important}.Profile-Edit.btn-normal svg{margin:0!important}.Profile-Edit{right:16px;top:16px}.Profile-PicEdit{width:85px!important}.DetailBox .Profile-Container{padding:0!important}.Profile-Line{margin-top:16px}.Profile-Top{flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.Profile-Top .nav-image-cropper,.Profile-Top .nav-image-cropper img{width:85px;height:85px}.Profile-Topdetail{align-items:center;grid-gap:8px;gap:8px}.input-list-4.edit{grid-template-columns:auto!important}.input-list-4,.input-list-4.edit{grid-row-gap:12px!important;row-gap:12px!important}.input-list-4{grid-template-columns:133px auto!important}.input-label{margin-right:16px}.input-list-4-auto{grid-template-columns:123px auto!important;grid-row-gap:12px!important;row-gap:12px!important}.FacultyMemPage-Profile .input-list-4-auto{margin-top:16px}.Profile-Modal .modal-body>div>div{margin:auto}#credential_picker_iframe{top:-10px!important}}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=""]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=""]:before{content:"Default"}.ql-picker.ql-font .ql-active:before,.ql-picker.ql-font .ql-picker-item:before{content:attr(data-value)!important;font-size:14px}.ql-picker.ql-font .ql-picker-item[data-value=Kanit]:before,.ql-picker.ql-font .ql-picker-label[data-value=Kanit]:before{font-family:"Kanit",cursive;content:"Kanit"!important}.ql-picker.ql-font .ql-picker-item[data-value=Baloo]:before,.ql-picker.ql-font .ql-picker-label[data-value=Baloo]:before{font-family:"Baloo Bhai 2",cursive;content:"Baloo Bhai 2"!important}.ql-font-Kanit{font-family:"Kanit"}.ql-font-Baloo{font-family:"Baloo Bhai 2"}.ql-preview{width:auto}.ql-container{font-family:"Kanit";font-weight:300;font-style:normal}.ql-editor{height:auto;line-height:25px;font-size:14px;border:1px solid #e6e8ed;box-shadow:0 3.2px 7.2px rgba(0,0,0,.13),0 .6px 1.8px rgba(0,0,0,.11);border-radius:4px;tab-size:8;padding:32px;color:#595959}.ql-editor.noBorder{padding:32px}.ql-editor.noBorder,.ql-editor.noPadding{line-height:25px;font-size:14px;border:none;box-shadow:none;border-radius:0;tab-size:8;color:#595959}.ql-editor.noPadding{padding:0}.ql-editor strong{font-weight:500}.ql-noBorder{line-height:25px;font-size:14px;color:#595959;height:100%;outline:none;overflow-y:auto;tab-size:8;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor.ql-blank:before{left:0;padding-left:32px}.ql-editor ol,.ql-editor ul{padding-left:0}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:2em}.ql-editor h1,.ql-snow .ql-editor h1{font-size:30px;font-weight:500;line-height:25px}.ql-editor h2,.ql-snow .ql-editor h2{font-size:24px;font-weight:500;line-height:25px}.ql-editor h3,.ql-snow .ql-editor h3{font-size:20px;font-weight:500;line-height:25px}.ql-editor h4,.ql-snow .ql-editor h4{font-size:18px;font-weight:500;line-height:25px}.ql-editor h5,.ql-snow .ql-editor h5{font-size:16px;font-weight:500;line-height:25px}.ql-editor h6,.ql-snow .ql-editor h6{font-size:14px;font-weight:500;line-height:25px}.ql-snow .ql-picker{height:auto}.ql-editor .ql-size-tiny,.ql-picker-item[data-value=tiny],.ql-snow .ql-editor .ql-size-tiny{font-size:10px;line-height:25px}.ql-editor .ql-size-small,.ql-picker-item[data-value=small],.ql-snow .ql-editor .ql-size-small{font-size:12px;line-height:25px}.ql-editor .ql-size-large,.ql-picker-item[data-value=large],.ql-snow .ql-editor .ql-size-large{font-size:16px;line-height:25px}.ql-editor .ql-size-huge,.ql-picker-item[data-value=huge],.ql-snow .ql-editor .ql-size-huge{font-size:20px;line-height:25px}.ql-picker-item{font-size:14px;line-height:25px;font-family:"Kanit";font-weight:300}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=tiny]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=tiny]:before{content:"tiny"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:20px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:16px}.ql-snow .ql-picker.ql-size .ql-picker-item:before{font-size:14px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:12px}.ql-snow .ql-picker-options .ql-picker-item{padding-bottom:3px;padding-top:3px}.ql-editor a{vertical-align:top;color:#07d!important;width:auto}.ql-editor a:hover{color:#595959;text-decoration:underline!important}.ql-container.ql-snow .ql-editor{border:none;box-shadow:none}.quill .ql-toolbar.ql-snow{border-bottom:1px solid #bdbec2}@media (max-width:576px){.GroupBox .ql-editor{width:calc(100vw - 64px)}.GroupBox iframe{width:100%;height:200px}}.GroupBoxReletive{position:relative}.GroupBox{padding:0 32px 32px}.groupLine{border-top:1px solid #e6e8ed;padding-top:32px}.div-Link{color:#07d;text-decoration:underline;cursor:pointer}.md-Height{line-height:35px}.margin-top{margin-top:32px}.line-vertical{vertical-align:middle;line-height:35px}#submitBottom{right:30px}#cancelBottom,#submitBottom{position:absolute;bottom:32px}#cancelBottom{right:128px}.Profile-Delete{position:absolute;right:120px;top:20px;line-height:38px;width:78px;text-align:center;color:#bc3b01;cursor:pointer}.Profile-Delete:hover{text-decoration:underline}.Profile-Form .mb-3{margin-bottom:32px!important}.info{margin-left:8px;display:inline-block;vertical-align:top;padding:0}.info svg{vertical-align:-8px}#tooltip-right .tooltip-inner{background-color:#fff;border:.5px solid #bdbec2;border-radius:4px;color:#bc3b01;max-width:none}#tooltip-right .tooltip-arrow:before{top:-5.1px;right:-5.5px;border-right-color:#fff;border-width:5px}#tooltip-right .tooltip-arrow{left:-4px;top:0!important;border:5.5px solid transparent;border-right-color:#bdbec2;height:11px}.memTable-border{border-radius:4px;border:.5px solid #bdbec2;overflow:hidden}.memTable,.memTable thead,.memTable tr{width:100%}.memTable th{background:#f5f5f5}.memTable td,.memTable th{text-align:center;padding-top:6px;padding-bottom:6px;color:#595959}.memTable td{height:50px;background:#fff;border-top:.5px solid #bdbec2}.memTable td:first-child,.memTable th:first-child{width:22.06%;border-right:.5px solid #bdbec2}.memTable td:nth-child(2),.memTable th:nth-child(2){width:46.89%;border-right:.5px solid #bdbec2}.memTable td:nth-child(3),.memTable th:nth-child(3){width:24.82%;border-right:.5px solid #bdbec2}.memTable td:nth-child(4),.memTable th:nth-child(4){width:6.33%}.memInput{width:112px;height:32px;border:1px solid #07d;border-radius:4px;padding:.375rem .75rem}.memInput.red{border:1px solid #bc3b01}.btn-M{width:150px}.btn-grey,.btn-grey:active,.btn-grey:focus,.btn-grey:visited{background-color:#e6e8ed;box-sizing:border-box;border:0;border-radius:4px;color:#595959}.btn-grey svg{width:18px;height:18px;margin-right:8px;vertical-align:-3px}.btn-grey:hover{background-color:#e6e8ed;border:0;border-radius:4px;color:#595959;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.25)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40px #fff inset;border:none}.btn-red,.btn-red:active,.btn-red:focus,.btn-red:visited{margin-top:32px;margin-bottom:32px;float:right;width:180px}.btn-red,.btn-red:active,.btn-red:focus,.btn-red:hover,.btn-red:visited{background-color:#bc3b01;border:none;box-sizing:border-box;border-radius:4px;color:#ebf4f8}@media (max-width:576px){.GroupBox{padding:0}.Profile-Delete{right:57px}.Profile-Container{padding-left:16px;padding-right:16px}.input-list-2{grid-template-columns:auto!important;grid-row-gap:12px!important;row-gap:12px!important}.memTable-visual{overflow:hidden;overflow-x:auto}.memTable-border{width:600px}.form-select option{width:auto!important}.Profile-Form #cancel,.Profile-Form #cancelBottom{right:87px!important;bottom:0!important}.Profile-Form #submit,.Profile-Form #submitBottom{right:16px!important;bottom:0!important}.Profile-Form .row-grid-2{grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4}.Profile-Form .row-grid-3{grid-column-start:1;grid-column-end:2;grid-row-start:4;grid-row-end:5}.Profile-Form{padding-top:16px}.Profile-Form .input-list-bottom-space{margin-bottom:16px}.MiddleContent .NoContentFlex div:nth-child(2){font-family:"Kanit";font-style:normal;font-weight:300;font-size:20px!important;line-height:25px}}.adminNav{position:relative;width:208px;height:inherit;border-right:1px solid #e6e8ed}.marginTop-16{margin-top:16px}.adminNav-topic{margin-top:16px;margin-bottom:4px}.extend-line{position:absolute;bottom:-64px;right:-1px;height:64px;border-right:1px solid #e6e8ed}.adminNav .dropdown .dropdown-menu.show{transform:translateY(0)!important;max-height:1000px}.adminNav .dropdown .dropdown-menu{display:block;transition:all .2s ease-in-out;max-height:0;transform:translateY(-50%) scaleY(0)!important;z-index:0;position:relative!important;border:none}.adminNav .dropdown .dropdown-menu .dropdown-item{width:100%;color:#595959;padding-left:calc(25px + 1rem)}.adminNav .nav-link{color:#595959}.adminNav .dropdown .dropdown-menu .dropdown-item.active,.adminNav .dropdown .dropdown-menu .dropdown-item:hover,.adminNav .nav-link.active,.adminNav .nav-link:hover{background-color:#f5f5f5}.adminNav-menu{display:flex;align-items:center;grid-gap:8px;gap:8px}.adminNav .dropdown .adminNav-menu .nav-arrow{position:absolute;top:.8rem;right:0;margin-right:1.25rem;transform:rotate(-90deg);transition:all .15s ease-in 0s}.adminNav .dropdown.show .adminNav-menu .nav-arrow{transform:rotate(0deg)}@media (max-width:992px){.adminNav-absolute{position:fixed;left:0;top:54px;height:100%;width:8px;overflow:visible;z-index:10;height:calc(100vh - 54px)}.adminNav-absolute.rotate{width:208px}.adminNav{height:100vh;padding-left:16px;background-color:#fff;position:relative;z-index:10;border-bottom:1px solid #e6e8ed;border-radius:4px;transition:all .15s ease-in 0s;transform:translateX(-208px)}.adminNav.rotate{transform:translateX(0)}.adminNav .nav{transition:all .15s ease-in 0s;transform:scaleX(0)}.adminNav.rotate .nav{transform:scaleX(1)}.adminNav .marginTop-16{margin-top:0}.extend-line{display:none}.adminNav-button{position:absolute;right:-31px;top:calc(50% - 20px);height:40px;width:30px;border-radius:0 50% 50% 0;background-color:#fff;border:1px solid #e6e8ed;border-left:none;transition:all .15s ease-in 0s;display:flex;justify-content:center;align-items:center}.adminNav-button svg{margin-left:-4px;height:14px;transform:rotate(90deg);transition:all .15s ease-in 0s}.adminNav-button.rotate svg{height:14px;transform:rotate(-90deg)}}.admin-flex-container{display:flex}.Admin-container{box-shadow:0 3.2px 7.2px rgba(0,0,0,.13),0 .6px 1.8px rgba(0,0,0,.11);border-radius:4px;overflow:hidden;height:100%}.Admin-container,.Admin-container-list{width:calc(100% - 238px);margin-top:16px;margin-left:30px}.noMargin{margin-left:0!important;margin-right:0!important;margin-bottom:0!important}.noOverflow{overflow:visible}.noShadow{box-shadow:none}.Admin-margin-32{margin-top:32px;color:#595959}.Admin-margin-16{margin-top:16px}.form-select option{color:#595959;width:100%;font-weight:300!important;padding:.25rem 1rem}.form-select option:hover{color:#1e2125;background-color:#e9ecef!important}.input-list-2{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;grid-row-gap:24px;row-gap:24px}.input-list-2.row-gap-8{grid-row-gap:8px;row-gap:8px}.input-list-4{grid-template-columns:auto 1fr auto auto 1fr}.input-list-4,.input-list-4-auto{display:grid;grid-template-rows:auto;grid-row-gap:24px;row-gap:24px}.input-list-4-auto{grid-template-columns:auto auto auto auto auto}.input-label{margin-right:32px}.input-list-bottom-space{margin-bottom:24px}.quill-margin-top{margin-top:16px}.row-grid-1{grid-row-start:1;grid-row-end:2}.row-grid-1,.row-grid-2{grid-column-start:1;grid-column-end:3;display:"flex";flex-direction:"column"}.row-grid-2{grid-row-start:2;grid-row-end:3}.row-grid-3{grid-row-start:3;grid-row-end:4}.row-grid-3,.row-grid-4{grid-column-start:1;grid-column-end:3;display:"flex";flex-direction:"column"}.row-grid-4{grid-row-start:4;grid-row-end:5}.row-grid-5{grid-row-start:5;grid-row-end:6}.row-grid-5,.row-grid-6{grid-column-start:1;grid-column-end:3;display:"flex";flex-direction:"column"}.row-grid-6{grid-row-start:6;grid-row-end:7}.btn-float-right{float:right}.plus-logo{margin-right:8px;vertical-align:middle}.flex-middle{display:flex;justify-content:center;align-items:center}.dot-dropdown .dropdown-menu{min-width:0;inset:15px -85px auto auto!important;transform:none!important}.dot-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;grid-gap:8px;gap:8px}.dot-dropdown .dropdown-menu .dropdown-item svg path{fill:#595959}.dot-dropdown .dropdown-toggle{height:30px;width:30px;border-radius:50%;text-align:center}.dot-dropdown .dropdown-toggle:hover{background-color:#e6e8ed!important;border-radius:50%}.dot-dropdown .dropdown-toggle svg{height:30px;margin-left:1px}.input-file-container{display:flex;flex-wrap:wrap;align-items:baseline;grid-gap:16px;gap:16px}.Table a{cursor:pointer}#dropdown-announce-admin{background-color:#fff;border:.5px solid #bdbec2;color:#bdbec2;border-radius:4px;min-width:185px;text-align:start;height:38px}#dropdown-announce-admin+.dropdown-menu{margin-top:6px!important;padding:0;min-width:185px}.dropdown-float{float:right;margin-right:16px}.select-container{width:185px;min-width:185px}.checkbox-form .form-check{margin-bottom:0;display:flex;align-items:center;line-height:35px}.checkbox-form .form-check-input{margin-top:-1px;margin-right:8px;height:16px;width:16px}.table-border{border-radius:4px;border:1px solid #e6e8ed}.Curriculum-table tbody tr{border-top:1px solid #e6e8ed}.Curriculum-table td:first-child,.Curriculum-table th:first-child{width:45%;text-align:left;padding-left:30px}.Curriculum-table td:nth-child(2),.Curriculum-table th:nth-child(2){width:45%;text-align:left}.Curriculum-table td:nth-child(3),.Curriculum-table th:nth-child(3){width:10%;text-align:right;padding-right:30px}.Curriculum-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.dark-gray-logo g path{fill:#bdbec2;fill-opacity:1}.Curriculum-table td p{display:inline;color:#3350a9}.Curriculum-table td p:hover{text-decoration:underline}.Curriculum-table td svg{margin-right:8px}.inline-block{display:inline-block}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.Department-table thead tr{border-bottom:1px solid #e6e8ed}.Department-table td:first-child,.Department-table th:first-child{width:10%;text-align:left;padding-left:30px}.Department-table td:nth-child(2),.Department-table th:nth-child(2){width:28%;text-align:left}.Department-table td:nth-child(3),.Department-table td:nth-child(4),.Department-table th:nth-child(3),.Department-table th:nth-child(4){width:26%;text-align:left}.Department-table td:nth-child(5),.Department-table th:nth-child(5){width:10%;text-align:right;padding-right:30px}.Department-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.Department-table td p{display:inline;color:#595959}.Department-table td svg{margin-right:8px}.Department-table a:hover tr td p{color:#ff7637}.Faculty-table thead tr{border-bottom:1px solid #e6e8ed}.Faculty-table td:first-child,.Faculty-table th:first-child{width:20%;text-align:left;padding-left:30px}.Faculty-table td:nth-child(2),.Faculty-table th:nth-child(2){width:24%;text-align:left}.Faculty-table td:nth-child(3),.Faculty-table th:nth-child(3){width:14%;text-align:left}.Faculty-table td:nth-child(4),.Faculty-table th:nth-child(4){width:32%;text-align:left}.Faculty-table td:nth-child(5),.Faculty-table th:nth-child(5){width:10%;text-align:right;padding-right:30px}.Faculty-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.Faculty-table td p{display:inline;color:#595959}.Faculty-table td svg{margin-right:8px}@media (min-width:576px){.Modal-AddFaculty .modal-dialog{max-width:500px;max-height:350px;top:50%;margin:-175px auto}.Modal-AddFaculty .modal-content{height:350px;border-radius:4px;border:none;border-top:8px solid #ffa77f}.Modal-AddFaculty .modal-body{padding:30px;display:flex;align-items:center;justify-content:center;grid-gap:32px;gap:32px}}.Faculty-Add-Button{border-radius:4px;border:1px solid #e6e8ed;box-shadow:0 1px 4px 2px rgba(43,43,43,.05);display:flex;grid-gap:25px;gap:25px;height:200px;width:200px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.Faculty-Add-Button:hover{transform:scale(1.04);transition:all .2s ease-in-out}.Faculty-Add-Button svg{height:80px}.Faculty-table a:hover tr td p{color:#ff7637}.Group-table thead tr{border-bottom:1px solid #e6e8ed}.Group-table td:first-child,.Group-table th:first-child{width:12%;text-align:left;padding-left:30px}.Group-table td:nth-child(2),.Group-table th:nth-child(2){width:28%;text-align:left}.Group-table th:nth-child(3){width:8%;text-align:left}.Group-table td:nth-child(3){width:8%;text-align:left;padding-left:8px}.Group-table td:nth-child(4),.Group-table th:nth-child(4){width:30%;text-align:left}.Group-table td:nth-child(5),.Group-table th:nth-child(5){width:22%;text-align:left;padding-right:30px}.Group-table td{padding-top:16px;padding-bottom:16px;padding-right:16px;vertical-align:top}.Group-table td p{display:inline;color:#595959}.Group-table td svg{margin-right:8px}.Group-table tr:hover td p{color:#ff6e30}.ArrowSort{margin-left:8px;transform:rotate(180deg);transition:all .2s ease-in-out}.ArrowSort.Flip{transform:rotate(0deg)}.ArrowSort path{fill:#595959}.ArrowSort.Disable path{transform:rotate(0deg);fill:#bdbec2}.Laboratory-table thead tr{border-bottom:1px solid #e6e8ed}.Laboratory-table td:first-child,.Laboratory-table th:first-child{width:12%;text-align:left;padding-left:30px}.Laboratory-table td:nth-child(2),.Laboratory-table th:nth-child(2){width:28%;text-align:left}.Laboratory-table td:nth-child(3),.Laboratory-table th:nth-child(3){width:20%;text-align:left}.Laboratory-table td:nth-child(4),.Laboratory-table th:nth-child(4){width:28%;text-align:left}.Laboratory-table td:nth-child(5),.Laboratory-table th:nth-child(5){width:12%;text-align:right;padding-right:30px}.Laboratory-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.Laboratory-table td p{display:inline;color:#595959}.Laboratory-table a:hover tr td p{color:#ff7637}.Project-table thead tr{border-bottom:1px solid #e6e8ed}.Project-table td:first-child,.Project-table th:first-child{width:160px;text-align:left;padding-left:30px}.Project-table td:nth-child(2),.Project-table th:nth-child(2){width:calc(100% - 210px);text-align:left}.Project-table td:nth-child(3),.Project-table th:nth-child(3){width:50px;text-align:right;padding-right:30px}.Project-table td,.Project-table td>div{padding-top:16px;padding-bottom:16px;vertical-align:top}.Project-table td p{display:block;color:#595959;margin-bottom:0}.Project-table td div+p{display:inline}.Project-table td .project-lock{padding:8px;display:inline}.Project-table td .lock-padding{padding:16px 0 16px 16px;margin-right:32px;margin-top:-16px;margin-left:-16px}.Project-table tr:hover td p{color:#ff6e30}.LogActivityPage-table thead tr{border-bottom:1px solid #e6e8ed}.LogActivityPage-table td:first-child,.LogActivityPage-table th:first-child{width:15%;text-align:left;padding-left:30px}.LogActivityPage-table td:nth-child(2),.LogActivityPage-table th:nth-child(2){width:15%;text-align:left}.LogActivityPage-table td:nth-child(3),.LogActivityPage-table th:nth-child(3){width:50%;text-align:left}.LogActivityPage-table td:nth-child(4),.LogActivityPage-table th:nth-child(4){width:20%;text-align:left;padding-right:30px}.LogActivityPage-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.LogActivityPage-table td p{display:inline;color:#595959}.LogLoginPage-table thead tr{border-bottom:1px solid #e6e8ed}.LogLoginPage-table td:first-child,.LogLoginPage-table th:first-child{width:15%;text-align:left;padding-left:30px}.LogLoginPage-table td:nth-child(2),.LogLoginPage-table th:nth-child(2){width:15%;text-align:left}.LogLoginPage-table td:nth-child(3),.LogLoginPage-table th:nth-child(3){width:30%;text-align:left}.LogLoginPage-table td:nth-child(4),.LogLoginPage-table th:nth-child(4){width:20%;text-align:left}.LogLoginPage-table td:nth-child(5),.LogLoginPage-table th:nth-child(5){width:20%;text-align:left;padding-right:30px}.LogLoginPage-table td{padding-top:16px;padding-bottom:16px;vertical-align:top}.LogLoginPage-table td p{display:inline;color:#595959}.LogLoginPage-table td p.red{display:inline;color:#bc3c01}.LogLoginPage-table td p.green{display:inline;color:#1f957b}.quill{border:1px solid #bdbec2;border-radius:4px}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:none}.dot-dropdown button{padding:0}.dot-dropdown button,.dot-dropdown button:focus,.dot-dropdown button:hover{background-color:initial!important;border:none}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:none}.dropdown-item.active,.dropdown-item:active{color:#1e2125;background-color:#e9ecef;text-decoration:initial}.form-check-input,.form-control,.form-select{border:1px solid #bdbec2}.form-check-input:focus,.form-control:focus,.form-select:focus{box-shadow:none;border:1px solid #8f9095}.form-check-input,.form-select{cursor:pointer}.form-check-input:disabled,.form-select:disabled{cursor:not-allowed}.Admin-Delete{text-align:center;color:#bc3b01;cursor:pointer}.Admin-Delete:hover{text-decoration:underline}@media (max-width:576px){.dropdown-float{float:none;margin-top:16px}.dot-dropdown .dropdown-menu{inset:15px 10px auto auto!important}.input-file-container{grid-gap:8px;gap:8px;max-width:calc(100vw - 96px)}.input-file-container .Normal-Link{width:95px;text-overflow:ellipsis;overflow:hidden}.input-list-bottom-space{margin-bottom:16px}.Admin-right-container .AnnouncePage-table td:nth-child(2),.Admin-right-container .AnnouncePage-table th:nth-child(2){display:table-cell;padding-right:16px}.Admin-right-container .input-list-2,.Admin-right-container .input-list-4{display:grid;grid-template-columns:auto!important}.Faculty-Add-Button{width:175px;height:175px}.Modal-AddFaculty .modal-body{display:flex;grid-gap:16px;gap:16px}.Modal-AddFaculty .modal-dialog{top:50%;margin:-175px auto}.row-grid-1,.row-grid-2,.row-grid-3,.row-grid-4,.row-grid-5,.row-grid-6{grid-column-start:1;grid-column-end:2;grid-row-start:auto;grid-row-end:auto}.adminYoutube{width:100%;height:200px}.quill{max-width:calc(100vw - 64px)}.Admin-container-list{width:100%;margin-left:0}.Curriculum-table,.table-border{width:800px}.Admin-right-container{overflow:hidden;overflow-x:auto}.Admin-container.noShadow .Admin-right-container{width:100%}.BorderAndShadow.department,.Department-table{width:600px}.Department-table td:first-child,.Department-table th:first-child{width:10%;text-align:left;padding-left:16px}.Department-table td:nth-child(2),.Department-table th:nth-child(2){width:36%;text-align:left}.Department-table td:nth-child(3),.Department-table th:nth-child(3){width:24%;text-align:left}.Department-table td:nth-child(4),.Department-table th:nth-child(4){width:20%;text-align:left}.Department-table td:nth-child(5),.Department-table th:nth-child(5){width:10%;text-align:right;padding-right:16px}.Faculty-table td:first-child,.Faculty-table th:first-child{padding-left:16px}.Faculty-table td:last-child,.Faculty-table th:last-child{padding-right:16px}.BorderAndShadow.faculty,.Faculty-table,.Table-orange.faculty{width:900px}.Project-table td:first-child,.Project-table th:first-child{padding-left:16px}.Project-table td:last-child,.Project-table th:last-child{padding-right:16px}.BorderAndShadow.project,.Project-table,.Table-orange.project{width:700px}.Group-table td:first-child,.Group-table th:first-child{padding-left:16px}.Group-table td:last-child,.Group-table th:last-child{padding-right:16px}.BorderAndShadow.group,.Group-table,.Table-orange.group{width:700px}.Laboratory-table td:first-child,.Laboratory-table th:first-child{padding-left:16px}.Laboratory-table td:last-child,.Laboratory-table th:last-child{padding-right:16px}.BorderAndShadow.lab,.Laboratory-table{width:650px}.LogLoginPage-table td:first-child,.LogLoginPage-table th:first-child{padding-left:16px}.LogLoginPage-table td:last-child,.LogLoginPage-table th:last-child{padding-right:16px}.BorderAndShadow.logLogin,.LogLoginPage-table{width:650px}.LogActivityPage-table td:first-child,.LogActivityPage-table th:first-child{padding-left:16px}.LogActivityPage-table td:last-child,.LogActivityPage-table th:last-child{padding-right:16px}.BorderAndShadow.logActivity,.LogActivityPage-table{width:750px}.table-overflow{overflow:hidden;overflow-x:auto}}@media (max-width:992px){.admin-flex-container{display:block}.Admin-container{width:100%;margin-left:0}.Admin-margin-32{margin-top:16px}}@media (min-width:578px) and (max-width:992px){.dot-dropdown .dropdown-menu{inset:15px -30px auto auto!important}.Admin-container-list{width:100%;margin-left:0}.Curriculum-table,.table-border{width:800px}.Admin-container.noShadow .Admin-right-container{width:100%}.Admin-right-container{overflow:hidden;overflow-x:auto}}.Tab-img{max-width:100%}.Tab-input{margin-top:16px}.Banner-tab{margin-top:32px}.Admin-right-container{margin-left:30px;margin-right:30px;margin-bottom:30px;padding-bottom:64px;position:relative}.Admin-right-container-no-bottom{margin-left:30px;margin-right:30px;margin-bottom:32px;position:relative}.btn-absolute-right1{position:absolute;right:0;bottom:0}.btn-absolute-right2{position:absolute;right:98px;bottom:0}.Banner-Delete{float:right;right:120px;top:20px;line-height:38px;width:78px;text-align:center;color:#bc3b01;cursor:pointer}.Banner-Delete:hover{text-decoration:underline}.Tab-container{padding:30px;border-left:1px solid #e6e8ed;border-right:1px solid #e6e8ed}.nav-tabs,.Tab-container{border-bottom:1px solid #e6e8ed}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#ff6e30;background-color:#fff;border-color:#e6e8ed #e6e8ed #fff}.nav-link{color:#595959}.nav-tabs .nav-link:hover{border-color:#e6e8ed;isolation:isolate;color:#ff6e30}@media (max-width:576px){.Admin-right-container{margin-left:16px;margin-right:16px;padding-bottom:48px;margin-bottom:16px}.Tab-container{padding:16px}.Banner-Delete{width:50px}}