@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--orange:#d66a13;--ink:#272b30;--muted:#72767c;--border:#e7e7e5;--paper:#f5f6f7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'Noto Sans Thai','Noto Sans SC',sans-serif;background:white}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e58a40;outline-offset:4px}html{scroll-behavior:smooth;scroll-padding-top:30px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}.utility{background:#f3f4f5;color:#72767c;font-size:0.6875rem}.utility .wrap{display:flex;justify-content:space-between;padding:9px 0}.sep{padding:0 16px;color:#ccc}.brandrow{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px}.brand{display:flex;gap:13px;align-items:center}.brand img{width:39px;height:60px;object-fit:contain;image-rendering:auto}.brand strong{font-size:1.5rem;display:block;letter-spacing:-.7px}.brand small{display:block;font-size:0.5625rem;letter-spacing:1.65px;color:#777;margin-top:2px}.header-actions{display:flex;align-items:center;gap:26px}.languages{display:flex;border:1px solid var(--border);padding:4px;border-radius:7px}.languages button{padding:6px 10px;font-size:0.6875rem;border-radius:4px}.languages button.active{background:var(--ink);color:white}.primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--orange);color:white;padding:12px 22px;font-weight:600;border-radius:5px}.primary:hover{background:#b95308}nav{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--border);padding:0!important;position:relative;z-index:5}.nav-item{position:relative}nav .nav-top{display:block;padding:17px 5px;font-size:0.75rem;white-space:nowrap}nav .nav-item:first-child .nav-top{color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.chev{font-size:0.5625rem;padding-left:5px;color:#9a9a9a}.dropdown{display:none;position:absolute;top:100%;left:0;width:310px;background:white;box-shadow:0 16px 40px #0002;border:1px solid var(--border);padding:8px;border-radius:0 0 8px 8px}.nav-item:nth-last-child(-n+3) .dropdown{left:auto;right:0}.nav-item.open .dropdown{display:block}.dropdown a{display:block;padding:10px 12px;font-size:0.75rem;border-radius:4px}.dropdown a:hover{background:#fff2e8;color:var(--orange)}.hero{background:linear-gradient(90deg,#20262cf5 0%,#22282bdf 38%,#20252c55 100%),url('campus.jpg') center 52%/cover;position:relative;color:white}.hero-inner{padding:61px 0 28px}.eyebrow{font-size:0.6875rem;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#f1d7c0}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#ed8b3b}h1{font-size:3.0625rem;line-height:1.45;letter-spacing:-1.6px;margin:22px 0 13px;font-weight:700}h1 em{font-style:normal;color:#f2a15c}.hero p{max-width:580px;color:#d5d6d8;line-height:1.95;font-size:0.875rem;margin:0}.hero-actions{display:flex;gap:14px;margin:27px 0 49px}.ghost{border:1px solid #ffffff50;border-radius:5px;color:white;padding:11px 21px}.ghost:hover{background:#ffffff15}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:20px;font-size:0.6875rem;color:#d5d6d8;letter-spacing:.6px}.hero-bottom i{margin:0 12px;color:#ef9a51}.photo-credit{position:absolute;right:18px;bottom:80px;writing-mode:vertical-rl;font-size:0.5625rem;color:#eee9;letter-spacing:2px}.quick{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:8px;margin-top:27px;margin-bottom:48px;background:white;box-shadow:0 6px 25px #23232304}.quick a{display:flex;align-items:center;gap:15px;padding:23px;border-right:1px solid var(--border)}.quick a:last-child{border:0}.quick a:hover{background:#fff8f2}.quick strong{display:block;font-size:0.875rem}.quick small{display:block;color:var(--muted);font-size:0.625rem;margin-top:3px}.lineicon{display:grid;place-items:center;background:#fff1e5;color:var(--orange);border:1px solid #f7dfca;border-radius:8px;width:43px;height:43px;font-size:1.375rem;flex-shrink:0}.arrow{margin-left:auto;color:#a5a5a5}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.kicker{color:var(--orange);font-size:0.625rem;letter-spacing:1.8px;font-weight:700}h2{font-size:1.6875rem;letter-spacing:-.6px;margin:7px 0 0;font-weight:700}.text-link{font-size:0.75rem;color:var(--orange)}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.news-tools{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px;align-items:center}.tabs{display:flex;gap:20px}.tabs button{font-size:0.75rem;padding:13px 0;color:var(--muted);white-space:nowrap}.tabs button.active{color:var(--orange);box-shadow:0 2px var(--orange)}form{display:flex;max-width:190px;align-items:center;border:1px solid var(--border);border-radius:5px;padding:2px 8px;margin-bottom:6px}input{width:100%;padding:7px 0;border:0;background:none;outline:none;font-size:0.6875rem}form button{font-size:1.375rem}.news-row{width:100%;display:flex;align-items:center;text-align:start;gap:20px;border-bottom:1px solid var(--border);padding:21px 0}.news-row:hover h3{color:var(--orange)}.date{background:#f5f5f4;min-width:58px;text-align:center;border-radius:5px;padding:7px 4px}.date strong{display:block;font-size:1.4375rem;font-weight:600;line-height:1.25}.date span{font-size:0.625rem;color:var(--muted)}.news-row h3{font-size:0.875rem;font-weight:500;margin:6px 0;line-height:1.7}.tag{font-size:0.625rem;color:var(--orange)}.news-row small{color:#939599;font-size:0.625rem}.new{font-size:0.5rem;background:#edf6ef;color:#488454;padding:2px 5px;border-radius:3px;margin-left:7px}.news-row .arrow{font-size:1.0625rem}.empty{padding:40px 0;color:var(--muted)}aside{border:1px solid var(--border);border-radius:8px;overflow:hidden;align-self:start}.aside-head{display:flex;gap:12px;align-items:center;padding:22px;background:#fafaf9}.aside-head small{font-size:0.5rem;letter-spacing:1px;color:#888}.aside-head h3{font-size:1rem;margin:4px 0 0}.aside-head .lineicon{background:white;border:1px solid var(--border)}#essentials{padding:6px 22px}#essentials a{display:flex;justify-content:space-between;font-size:0.75rem;padding:15px 0;border-bottom:1px solid var(--border)}#essentials a:last-child{border:0}.help{background:#fff7f0;margin:8px 16px 16px;padding:16px;border-radius:5px}.help span,.help small{display:block;font-size:0.625rem;color:#8e715e}.help strong{display:block;color:#bc5c16;font-size:1.4375rem;letter-spacing:1px;margin:4px 0}.content{padding-bottom:50px}.services{background:var(--paper);padding:43px 0 48px;border-block:1px solid #eee}.muted{color:var(--muted);font-size:0.75rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--border);background:white;border-radius:8px;padding:25px;text-align:start;position:relative}.service-card:hover{border-color:#e9b286;transform:translateY(-2px)}.service-card h3{font-size:1.0625rem;margin:19px 0 8px}.service-card p{font-size:0.75rem;line-height:1.9;color:var(--muted);margin:0 0 18px}.service-card .text-link{font-size:0.6875rem}.service-card .number{position:absolute;right:22px;top:24px;font-size:0.75rem;color:#b4b4b4}.program{padding-block:45px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.program h2{font-size:1.5625rem}.program p{line-height:1.9}.program #degrees{display:flex;gap:12px}.degree{flex:1;text-align:start;border:1px solid var(--border);border-radius:6px;padding:22px 16px;background:white}.degree:hover{border-color:var(--orange)}.degree small{font-size:0.5625rem;color:var(--orange);display:block;min-height:28px}.degree strong{display:block;font-size:1.0625rem;margin:13px 0}.degree span{color:#999}.contact{background:#2c3035;color:white;padding:32px 35px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.contact h2{font-size:1.4375rem}.contact p{font-size:0.75rem;color:#bdc0c4;margin-bottom:0}.contact a{font-size:1.8125rem;letter-spacing:1px}.contact a span{color:#ec9a58;margin-left:24px}footer{border-top:1px solid var(--border);padding:25px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand img{width:25px;height:40px}footer .brand strong{font-size:1rem}footer .brand small{font-size:0.5625rem;letter-spacing:0}footer span,footer>a,footer .wrap>a{font-size:0.625rem;color:#999}dialog{border:1px solid var(--border);border-radius:12px;padding:35px;max-width:630px;width:calc(100% - 32px);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1c232c99;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;font-size:1.75rem;color:#888}#dialog-body{margin-top:20px}#dialog-body a{display:block;border-bottom:1px solid var(--border);padding:13px 0;font-size:0.8125rem;color:var(--orange)}#dialog-body p{line-height:1.9;color:var(--muted)}#mobile{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero-inner{padding-top:75px}h1{font-size:3.375rem}.hero-actions{margin-bottom:65px}}@media(max-width:1100px){.wrap{width:calc(100% - 40px)}nav .nav-top{font-size:0.625rem}.quick a{padding:18px 13px;gap:9px}.quick strong{font-size:0.75rem}.news-layout{gap:24px;grid-template-columns:minmax(0,1fr) 270px}.news-tools{flex-wrap:wrap}.tabs{gap:16px}form{margin-top:7px}.program{gap:24px}.brand strong{font-size:1.375rem}}@media(max-width:760px){.utility .wrap>span:first-child{display:none}.utility .wrap{justify-content:center;font-size:0.5625rem}.wrap{width:calc(100% - 32px)}.brandrow{padding:16px 0}.brand img{width:29px;height:45px}.brand strong{font-size:1.1875rem}.brand small{font-size:0.375rem;letter-spacing:1px}.header-actions{gap:10px}.header-actions>.primary{display:none}.languages button{padding:5px 7px;font-size:0.625rem}#mobile{display:block;font-size:1.375rem;padding:0}nav{display:none;max-height:70vh;overflow-y:auto;padding-bottom:10px!important}nav.show{display:block}.nav-item .nav-top{padding:12px;font-size:0.8125rem;width:100%;text-align:start}.dropdown{position:static;width:100%;box-shadow:none;border:0;background:#f8f8f8}.hero-inner{padding:40px 0 23px}.hero{background-position:65% center}h1{font-size:2.1875rem;letter-spacing:-1px}.hero p{font-size:0.75rem;max-width:94%}.eyebrow{font-size:0.5625rem}.hero-actions{margin:25px 0 34px;gap:10px}.hero-actions a,.hero-actions button{font-size:0.75rem;padding:12px 17px}.hero-bottom{font-size:0.5625rem}.hero-bottom>span:last-child,.photo-credit{display:none}.quick{grid-template-columns:1fr 1fr;margin-top:18px;margin-bottom:32px}.quick a{padding:17px 11px}.quick a:nth-child(2){border-right:0}.quick a:nth-child(-n+2){border-bottom:1px solid var(--border)}.quick .lineicon{width:34px;height:34px;font-size:1.1875rem}.quick strong{font-size:0.6875rem}.quick small{font-size:0.5rem}.quick .arrow{display:none}.section-head{gap:16px;margin-bottom:17px}h2{font-size:1.4375rem}.kicker{font-size:0.5625rem}.text-link{font-size:0.625rem}.news-layout{display:block}.news-tools{gap:5px}.tabs{gap:17px}.tabs button{font-size:0.6875rem}form{max-width:none;width:100%;margin-bottom:10px}.news-row{gap:13px;padding:17px 0}.news-row h3{font-size:0.75rem}.news-row .date{min-width:49px}.news-row .date strong{font-size:1.375rem}.news-row small{font-size:0.5625rem}aside{margin-top:24px}.content{padding-bottom:32px}.services{padding:30px 0}.services .section-head{display:block}.services .muted{display:block;margin-top:10px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:21px}.service-card h3{margin-top:12px}.program{display:block;padding-block:32px}.program #degrees{margin-top:22px;gap:8px}.degree{padding:15px 10px}.degree strong{font-size:0.8125rem}.degree small{font-size:0.5rem;min-height:30px}.contact{display:block;padding:25px;margin-bottom:30px}.contact h2{font-size:1.3125rem}.contact a{display:block;font-size:1.5625rem;margin-top:22px}footer .wrap{flex-wrap:wrap}footer .brand{width:100%}}