footer {background: #f9f5f1;width: 100%;padding: 0px 0px 20px 0px;color: #fff;font-size: 18px;display: flex;flex-direction: column;}.footer-container {width: 100%;height: 300px;display: grid;grid-template-columns: 1fr 269px 1fr;grid-template-areas: "AREA1 AREA2 AREA3" "AREA4 AREA4 AREA4" "AREA5 AREA5 AREA5";padding-top: 38px;}.top-img {width: 124px;margin: 0 auto;margin-top: -44px;z-index: 1;}.area1 img {width: 148px;margin-bottom: 8px;margin: 8px auto;}.area1 {grid-area: AREA1;text-align: center;color: #363d4d;font-family: "Noto Sans TC", sans-serif;font-weight: bold;display: flex;letter-spacing: 3px;font-size: 14px;flex-direction: column;}.area2 {grid-area: AREA2;display: flex;flex-direction: column;text-align: center;}.area2 div {width: 100%;color: #363d4d;font-size: 14px;margin: 0 auto;}.area2 .title {font-family: Chivo;font-weight: 500;color: #363d4d;margin-bottom: 8px;}.area2 .des {font-family: sans-serif;color: #737373;font-size: 16px;margin-bottom: 16px;}.input {width: 269px;height: 44px;border-radius: 22px;border: solid 1px #20979e;padding: 12px 16px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}.area2 input {background: rgba(0, 0, 0, 0);color: #737373;width: 80%;height: 44px;border: none;caret-color: #737373;}.area3 {grid-area: AREA3;}.area3 .box {margin: 0 auto;width: 100%;max-width: 400px;display: flex;justify-content: space-between;color: #363d4d;padding: 0 20px;}.area3 .title {font-size: 18px;}.area3 li {margin-bottom: 16px;}.area3 a {color: #737373;font-size: 16px;}.area4 {grid-area: AREA4;display: flex;flex-direction: column;align-items: center;margin-top: 30px;margin-bottom: -50px;}.area4 .line {width: 100%;border-top: solid 1px #a2dad3;}.area4 .follow {padding: 0 20px;color: #20979e;background: #f9f5f1;margin-top: -8px;font-size: 14px;font-weight: bold;}.area5 {grid-area: AREA5;display: flex;justify-content: space-around;align-items: center;color: #737373;font-size: 14px;width: 100%;padding: 0 20px;}.area5 .box {display: flex;}.area5 .box a {display: flex;align-items: center;color: #737373;margin: 0 10px;}.area5 .box img {margin-right: 8px;}.circles {display: flex;justify-content: center;}.circle {width: 40px;height: 40px;border-radius: 50%;background-color: #20979e;display: flex;justify-content: center;align-items: center;margin: 5px;cursor: pointer;}.circle_teacher {width: 40px;height: 40px;border-radius: 50%;color: #fff;background-color: #ff7f62;display: flex;justify-content: center;align-items: center;margin: 5px;cursor: pointer;}.copyright {display: flex;justify-content: flex-end;}.copyright a {color: #737373;}.area2 .input input {border: none !important;}.area2 .input {width: 100%;margin-top: 0;}.subscribe {background-color: rgba(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;}input:-internal-autofill-selected {background-color: rgba(0, 0, 0, 0) !important;}#mc_embed_signup {margin: 0;}@media (max-width: 1080px) {.footer-container {width: 100%;height: auto;display: grid;grid-template-columns: 1fr;grid-template-areas: "AREA1" "AREA2" "AREA3" "AREA4" "AREA5";padding-top: 38px;}.area2 div {width: 100%;color: #363d4d;font-size: 18px;margin: 20px auto;}.area2 .input input {border: none !important;}.area2 .input {width: 80%;margin-top: 0;}.subscribe {background-color: rgba(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;}input:-internal-autofill-selected {background-color: rgba(0, 0, 0, 0) !important;}.area4 {margin-top: 20px;margin-bottom: 20px;}.area5 {grid-area: AREA5;display: flex;flex-direction: column;justify-content: space-around;align-items: center;color: #737373;font-size: 14px;width: 100%;padding: 0 20px;}.area5 .box {flex-direction: column;align-items: center;margin-bottom: 0px;}.area5 .box a {margin-bottom: 20px;}.area5 .circles {margin-bottom: 20px;}.area5 .copyright {flex-direction: column;justify-content: space-between;align-items: center;}.copyright div {margin: 10px;}.area2 .input {height: 54px;border-radius: 27px;}}