@charset "UTF-8";
:root {
  --award-content-color: #0638b6;
}

body, td, th {
  font-family: Arial, 細明體, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

body {
  margin: -15px auto 0 auto;
  padding: 0;
  width: 927px;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

td#td_for_golo_banner {
  height: 54px;
}

table#golo_banner {
  margin: 0px;
  padding: 0px;
}

table#golo_banner td {
  margin: 0px;
  padding: 0px;
}

table#golo_banner td img {
  height: 55px;
}

.flag {
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
}

#nav {
  color: #ffffff;
  padding: 10px;
  width: 250px;
}

#scholarship {
  font-size: 12px;
  color: #666666;
}

#scholarship .title {
  font-size: 12px;
  color: #7387bb;
  letter-spacing: 0;
  margin-top: 0px;
  margin-bottom: 10px;
}

#scholarship .content {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: justify;
}

#news {
  line-height: 20px;
  letter-spacing: 1px;
  padding: 15px;
}

#news p {
  color: #666666;
  font-size: 12px;
  margin: 10px 0 0;
}

#news .title {
  letter-spacing: 0px;
  font-size: 12px;
}

#news .more {
  letter-spacing: 0px;
  font-size: 10px;
  color: #666666;
}

#news a.moreLink:link, #news a.moreLink:active, #news a.moreLink:visited {
  color: #9c6a9c;
  text-decoration: none;
}

#news a.moreLink:hover {
  color: #9c6a9c;
  text-decoration: underline;
}

a.navLink:link, a.navLink:active, a.navLink:visited {
  color: #ffffff;
  text-decoration: none;
}

a.navLink:hover {
  color: #ffffff;
  text-decoration: underline;
}

a.normal:link, a.normal:active, a.normal:visited {
  color: #666666;
  text-decoration: none;
}

a.normal:hover {
  color: #666666;
  text-decoration: underline;
}

a.nbg:link, a.nbg:active, a.nbg:visited {
  color: rgb(83, 131, 42);
  text-decoration: none;
  background-color: #e8ecf4;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

a.nbg:hover {
  color: #666666;
  text-decoration: underline;
  background-color: #e8ecf4;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

#copyright {
  font-size: 10px;
  margin: 5px;
}

#left_side {
  margin: 10px;
  line-height: 22px;
  letter-spacing: 1px;
  display: block;
  position: relative;
  height: 400px;
  padding-top: 5px;
}

#left_side2 {
  margin: 10px;
  line-height: 22px;
  letter-spacing: 1px;
  display: block;
  position: relative;
  height: 400px;
  background-image: url(../../images/side_bg.jpg);
  padding-top: 5px;
}

#left_side img {
  float: left;
  margin-right: 10px;
  margin-bottom: 80px;
}

#left_side .title {
  font-size: 15px;
  color: #996633;
  letter-spacing: 0;
}

#right_side {
  line-height: 20px;
  letter-spacing: 1px;
  padding: 15px;
}

#right_side .title {
  font-size: 15px;
  color: #996633;
}

a.subtitle:link, a.subtitle:active, a.subtitle:visited {
  color: #996633;
  text-decoration: none;
}

a.subtitle:hover {
  color: #996633;
  text-decoration: underline;
}

a.scholarship_link:link, a.scholarship_link:active, a.scholarship_link:visited {
  color: #7387bb;
  text-decoration: none;
}

a.scholarship_link:hover {
  color: #7387bb;
  text-decoration: underline;
}

#subNav {
  font-size: 12px;
  margin: 5px;
}

#planning_text {
  line-height: 18px;
  letter-spacing: 1px;
}

div.float {
  float: left;
}

div.clear {
  float: none;
}

span.flag_name {
  width: 80px;
}

.news_title {
  text-decoration: none;
  color: red;
  font-size: 18px;
  margin: 4px;
  padding: 4px;
  display: block;
}

.button-3 {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(46, 164, 79, 0.4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, 0.1);
  color: rgba(255, 255, 255, 0.8);
  cursor: default;
}

.button-3:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, 0.2) 0 1px 0 inset;
}

ul#award_container {
  width: 245px;
  margin: 0;
  padding: 0;
}
ul#award_container .headline {
  background: #e8ce98;
  padding: 4px;
  display: block;
  font-weight: bold;
  color: var(--award-content-color);
}
ul#award_container .content {
  padding: 6px 4px 4px 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
}
ul#award_container .content > div {
  flex: 0 1 50px;
  color: var(--award-content-color);
}
ul#award_container li {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0 10px 0 10px;
  display: block;
  font-size: 1.1em;
  line-height: 18px;
}

ul#event_container {
  width: 245px;
  margin: 0;
  padding: 0;
}
ul#event_container .headline {
  background: #e8ce98;
  color: #231c0e;
  padding: 4px;
  display: block;
  font-weight: bold;
}
ul#event_container .content {
  padding: 4px;
}
ul#event_container li {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0 10px 0 10px;
  display: block;
  font-size: 1.1em;
  line-height: 18px;
}

.faq-3 .title {
  color: #910730 !important;
}
.faq-3 p {
  color: #4a4a4a !important;
}

ul.recent_event {
  padding-left: 22px;
}
ul.recent_event li {
  margin: 0 0 8px 0;
  font-size: 1.1em;
  line-height: 18px;
  max-width: 90%;
}

p.event {
  margin: 0;
  padding: 0 12px 12px 12px;
  font-size: 1.1em;
  line-height: 18px;
  max-width: 90%;
}

#container_golo {
  margin-top: 15px;
}

.flag {
  width: 120px;
}

div.flag {
  margin-bottom: 3px;
}

span.country_name_under_flag {
  font-size: 14px;
  line-height: 26px;
}

img.flag {
  width: 100px;
  height: 60px;
}

.description {
  font-size: 1.1em;
  padding: 0 8px;
  line-height: 18px;
}

td.index-right {
  width: 230px;
  background: url("/images/newsBg.jpg");
}

.index-require-button {
  appearance: none;
  background-color: #910730;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

ul.process {
  counter-reset: my-counter;
  list-style: none;
  position: relative;
  margin: 30px 0 0 0;
  padding: 0;
}
ul.process li {
  position: relative;
  width: 190px;
  margin-bottom: 12px;
}
ul.process li::before {
  position: absolute;
  top: -2px;
  left: -4px;
  background-color: #c1c382;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e3e3c8;
  font-size: 20px;
  font-weight: bolder;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  counter-increment: my-counter;
  content: counter(my-counter);
  border: 4px solid white;
}
ul.process li div.head {
  color: #9e9d6b;
  background-color: #eeefe1;
  font-size: 15px;
  font-weight: bold !important;
  border-radius: 16px 16px 0 0;
  height: 40px;
  padding-top: 16px;
  padding-left: 48px;
}
ul.process li div.content {
  padding: 0 14px 0 14px;
  background-color: #eeefe1;
  color: #666666;
  line-height: 20px;
}
ul.process li div.bottom {
  background-color: #eeefe1;
  height: 20px;
  border-radius: 0 0 16px 16px;
}

.event-url {
  display: flex;
  align-items: center;
  padding: 0 6px;
  gap: 8px;
}

a.highlight {
  font-weight: bold;
  color: #666666;
}

@keyframes blink {
  50% {
    color: #00bcd4;
  }
}

/*# sourceMappingURL=index.css.map */