/*:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}
*/
:root {
  --default-font-family: 'Prompt', sans-serif;
}
.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

a, a:hover, a:focus {
  text-decoration: none;
}


input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1440px;
  height: 2707px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-c {
  position: relative;
  width: 1440px;
  height: 99px;
  margin: 0 0 0 0;
  z-index: 28;
}
.rectangle {
  position: absolute;
  width: 1440px;
  height: 66px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 11;
}
.college-name {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 44px;
  top: 25px;
  left: 135px;
  color: #162647;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 43.568px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 14;
}
.logo-black {
  position: absolute;
  width: 68px;
  height: 68px;
  top: 31px;
  left: 45px;
  background: url(./assets/images/0c1049584d60d5a72e6c435ca9b049a394184fa7.png)
    no-repeat center;
  background-size: cover;
  z-index: 28;
}
.button-rectangle {
  position: absolute;
  width: 212px;
  height: 42px;
  top: 47px;
  left: 1183px;
  cursor: pointer;
  background: #ffeab3;
  border: none;
  z-index: 18;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.apply {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 109px;
  height: 29px;
  top: 5px;
  left: 56px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 19;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.undergraduate-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 190px;
  height: 29px;
  top: 54px;
  left: 465px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 12;
}
.postgraduate-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 178px;
  height: 29px;
  top: 54px;
  left: 703px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 13;
}
.master-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 185px;
  height: 29px;
  top: 54px;
  left: 929px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  z-index: 17;
}
.line {
  position: absolute;
  width: 230px;
  height: 1px;
  top: 71px;
  left: 135px;
  background: url(./assets/images/3fd9b41c-2f21-4842-896f-521265ca8091.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.degree-programs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 232px;
  height: 22px;
  top: 77px;
  left: 133px;
  color: #162647;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: center;
  white-space: nowrap;
  z-index: 15;
}
.rectangle-1 {
  position: relative;
  width: 1440px;
  height: 34px;
  margin: 27px 0 0 0;
  background: #d9d9d9;
  z-index: 1;
}
.accounting-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 117px;
  height: 17px;
  top: 9px;
  left: 278px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
.undergraduate-program-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 111px;
  height: 17px;
  top: 9px;
  left: 139px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}
.home-page {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 46px;
  height: 17px;
  top: 9px;
  left: 72px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.arrow {
  position: absolute;
  width: 16px;
  top: 19px;
  left: 119px;
  background: url(./assets/images/96238580-04fa-4eaf-84d1-bb242acf4568.png)
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.arrow-3 {
  position: absolute;
  width: 16px;
  top: 19px;
  left: 255px;
  background: url(./assets/images/d7f91fe8-7603-40d8-8530-19d10684345c.png)
    no-repeat center;
  background-size: cover;
  z-index: 30;
}
.arrow-4 {
  position: absolute;
  width: 1px;
  top: 19px;
  left: 54px;
  background: url(./assets/images/56cbd786-b5d1-40b4-bd8f-2dc3f44fff71.png)
    no-repeat center;
  background-size: cover;
  z-index: 31;
}
.arrow-5 {
  position: absolute;
  width: 1px;
  top: 19px;
  left: 62px;
  background: url(./assets/images/64175856-c337-438f-8f8c-c97210bcbe25.png)
    no-repeat center;
  background-size: cover;
  z-index: 32;
}
.accountancy-program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 159px;
  height: 24px;
  margin: 18px 0 0 45px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.4px;
  z-index: 9;
}
.accountancy-program-6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 381px;
  height: 48px;
  margin: 613px 0 0 45px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  letter-spacing: -0.96px;
  z-index: 8;
  text-shadow: 0 2px 4px #000000;
}
.rectangle-7 {
  position: relative;
  width: 1440px;
  height: 117px;
  margin: 71px 0 0 0;
  background: #ffffff;
  z-index: 6;
}
.college-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 847px;
  height: 39px;
  top: 54px;
  left: 293px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38.727px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 1.6px;
  z-index: 6;
}
.flex-row {
  position: relative;
  width: 597px;
  height: 58px;
  margin: 45px 0 0 106px;
  z-index: 27;
}
.business-faculty {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 58px;
  top: 0;
  left: 0;
  color: #1e90e7;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  text-align: left;
  white-space: nowrap;
  z-index: 20;
}
.line-8 {
  position: absolute;
  width: 244px;
  height: 2px;
  top: 33px;
  left: 353px;
  background: url(./assets/images/1fac255e-e9f5-44c8-84d2-ad5ee8bf92c0.png)
    no-repeat center;
  background-size: cover;
  z-index: 27;
}
.line-9 {
  position: relative;
  width: 1230px;
  height: 1px;
  margin: 24px 0 0 104px;
  background: url(./assets/images/3610482a-069d-47a3-9998-865155b6eead.png)
    no-repeat center;
  background-size: cover;
  z-index: 21;
}
.flex-row-a {
  position: relative;
  width: 1440px;
  height: 1476px;
  margin: 52px 0 0 0;
  z-index: 34;
}
.accountancy-program-details {
  position: absolute;
  width: 1300px;
  height: 1200px;
  top: 0;
  left: 106px;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  z-index: 23;
}
.accountancy-program-b {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.bachelor-accountancy-program {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.degree-major {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 52px;
  text-align: left;
}
.empty {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 52px;
  text-align: left;
}
.thai-english-names {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.credit-units {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.thai-english-names-c {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.study-duration {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.academic-years {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.thai-english-names-d {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.admission-requirements {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.academic-years-e {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.institution-approval {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.credit-units-f {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.empty-10 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.general-studies {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.line-break {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.math-science-social {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.empty-11 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.math-science-social-12 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.thai-english-names-13 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.line-break-14 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.empty-15 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.core-courses {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.thai-english-names-16 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.credit-units-17 {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.internship-details {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.accredited-organizations {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}
.ministry-offices {
  position: relative;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
}
.img-2 {
  position: absolute;
  width: 1230px;
  height: 1px;
  top: 1069px;
  left: 83px;
  background: url(./assets/images/6054c223-9153-4800-9e4f-fae55066752e.png)
    no-repeat center;
  background-size: cover;
  z-index: 22;
}
.rb {
  position: absolute;
  width: 69px;
  height: 68px;
  top: 1085px;
  left: 629px;
  background: url(./assets/images/88ecd83b-d1dc-4f2e-9761-67d893b37b1c.png)
    no-repeat center;
  background-size: cover;
  z-index: 33;
}
.facebook-logo-x {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 1085px;
  left: 707px;
  background: url(./assets/images/59b5c26d085bbe826f4da57049bc00252250ec83.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
}
.rectangle-18 {
  position: absolute;
  width: 1440px;
  height: 292px;
  top: 1184px;
  left: 0;
  background: #162647;
}
.research-service-academic {
  position: absolute;
  width: 414px;
  height: 169px;
  top: 47px;
  left: 535px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  z-index: 25;
}
.research-service-academic-19 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.research-service-academic-1a {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.education-course-registration {
  position: absolute;
  width: 288px;
  height: 203px;
  top: 47px;
  left: 106px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 24;
}
.education {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.education-course-registration-1b {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

.register-btn {
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 200;
  line-height: 29px;
  text-align: center;
  white-space: nowrap;
  border-radius: 5rem;
  z-index: 17;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 10px 60px; /* ปรับขนาดปุ่มให้ยาวขึ้น */
}

.others-map-wifi {
  position: absolute;
  width: 269px;
  height: 171px;
  top: 47px;
  left: 1067px;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 26;
}
.others {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.map-wifi {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}
.img {
  position: absolute;
  width: 1440px;
  height: 739px;
  top: 223px;
  left: 0;
  background: url(./assets/images/16d86566-c4eb-4609-93ef-f99260b2639b.png)
    no-repeat center;
  background-size: cover;
  z-index: 7;
}
.rectangle-1c {
  position: absolute;
  width: 1440px;
  height: 1357px;
  top: 1058px;
  left: 1px;
  background: url(./assets/images/ba2cf4fa-b1c5-493c-9322-f8eec9848a39.png)
    no-repeat center;
  background-size: cover;
  z-index: 10;
}