/* CMS department content inside the original 940px legacy layout. */
#file .file_box .legacy-department { font-family: Kanit, Tahoma, sans-serif; color: #292534; }
#file .file_box .legacy-department > h3 { font-family: Kanit, Tahoma, sans-serif; }
#file .file_box .legacy-department > .content { min-width: 0; max-width: 660px; padding: 16px 10px 26px; box-sizing: border-box; }
.legacy-department *, .legacy-department *::before, .legacy-department *::after { box-sizing: border-box; }
.legacy-department-duties { white-space: pre-line; font-size: 15px; line-height: 1.9; overflow-wrap: break-word; }
.legacy-department-error { padding: 18px; color: #6a2540; font: 15px Kanit, Tahoma, sans-serif; }
.legacy-department .department-chart-scroll { max-width: 100%; overflow: visible; padding: 18px 12px 25px; background: #f8f5fb; border: 1px solid #eadfed; border-radius: 8px; }
.legacy-department .department-chart { width: 100%; font-family: Kanit, Tahoma, sans-serif; }
.legacy-department .department-chart-level { list-style: none; margin: 0; padding: 0; }
.legacy-department .department-chart-item { position: relative; min-width: 0; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-box { width: min(360px,100%); margin: 0 auto; font-size: 16px; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: 16px; width: 100%; margin: 18px 0 0; padding: 18px 0 0; border-top: 2px solid #c9b4d4; position: relative; align-items: start; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level::before { content: ''; position: absolute; left: 50%; top: -20px; height: 18px; border-left: 2px solid #c9b4d4; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level > .department-chart-item { padding: 12px; background: #fff; border: 1px solid #e1d7e7; border-top: 3px solid #a175b8; border-radius: 9px; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level > .department-chart-item > .department-chart-level { margin: 12px 0 0 8px; padding-left: 14px; border-left: 2px solid #cbb8d4; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level > .department-chart-item ul ul { margin: 9px 0 0 8px; padding-left: 14px; border-left: 2px solid #cbb8d4; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level > .department-chart-item li { padding: 5px 0; }
.legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level > .department-chart-item li::before { content: ''; position: absolute; left: -14px; top: 26px; width: 14px; border-top: 2px solid #cbb8d4; }
.legacy-department .department-chart-box { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 9px 10px; border-radius: 9px; color: #fff; font-size: 14px; line-height: 1.45; text-align: center; overflow-wrap: anywhere; }
.legacy-department .department-chart-box--purple { background: #783a9d; }
.legacy-department .department-chart-box--orange { background: #aa601d; }
.legacy-department .department-chart-box--magenta { background: #a240a1; }
.legacy-department .department-chart-box--blue { background: #2474a1; }
.legacy-department .department-chart-empty { font-size: 15px; color: #57515d; }
.legacy-department-people { margin: 0 0 28px; }
.legacy-department-people h4 { margin: 0 0 12px; padding: 8px 12px; border-left: 5px solid #ba9b60; background: #66348a; color: #fff; font: 500 17px Kanit, Tahoma, sans-serif; }
.legacy-department-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,185px),1fr)); gap: 12px; }
.legacy-department-person { min-width: 0; padding: 14px 10px; text-align: center; background: #fff; border: 1px solid #e3d9e8; border-top: 3px solid #9e64b2; border-radius: 8px; overflow-wrap: break-word; }
.legacy-department-person img { display: block; width: 118px; height: 145px; margin: 0 auto 9px; border: 3px solid #fff; box-shadow: 0 2px 8px #42304736; border-radius: 5px; object-fit: cover; }
.legacy-department-person strong, .legacy-department-person span, .legacy-department-person small { display: block; line-height: 1.45; text-align: center; }
.legacy-department-person strong { font-size: 15px; color: #292137; }
.legacy-department-person span { font-size: 14px; color: #653985; }
.legacy-department-person small { font-size: 12px; color: #62606a; margin-top: 4px; }
.legacy-department-people--head .legacy-department-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),290px)); justify-content: center; }
.legacy-department-people--head .legacy-department-person { background: #fcf8ef; border-color: #d7bb7d; border-top: 5px solid #b89143; }
.legacy-department-people--head .legacy-department-person img { width: 148px; height: 181px; }
.legacy-department-people--head .legacy-department-person strong { font-size: 18px; }
.legacy-department-people--section h4 { background: #f6ebd7; color: #754718; border-color: #b47b31; }
.legacy-department-people--section .legacy-department-person { background: #fffdf8; border-top-color: #b47b31; }
.legacy-department-people--division h4 { background: #ecf3f1; color: #315e59; border-color: #6b9d92; }
.legacy-department-people--division .legacy-department-person { background: #fbfdfc; border-top-color: #6b9d92; }
@media (max-width: 700px) {
  .legacy-department .department-chart > .department-chart-level > .department-chart-item > .department-chart-level { grid-template-columns: 1fr; }
}