.banner{position:relative;width:82%;height:auto;margin-top:20%;margin-left:9%;margin-right:9%}.page_name{font-family:'Noto Sans TC',sans-serif;font-size:2.34375vw;font-weight:bold;line-height:1.45;letter-spacing:.3125vw;text-align:left;color:var(--main-color-blue)}#eg{font-size:1.8229vw;letter-spacing:.078125vw}.circle{width:2.65625vw;height:2.65625vw;position:absolute;right:0%;top:23%;bottom:23%;border-radius:1.4rem;box-shadow:2px 2px 6px 0 rgba(255,111,0,.6);background-color:var(--main-color-blue)}.class_selector{position:relative;width:82%;height:5vh;margin-top:15%;margin-left:9%;margin-right:9%;padding-bottom:.8%;display:flex;flex-direction:row;align-items:center;background-color:var(--main-bg-color);border-bottom:solid 2px var(--main-color-blue)}.select_container{display:block;position:relative;padding-left:5%;margin-left:3.5%;font-family:'Noto Sans TC',sans-serif;font-size:1rem;font-weight:bold;letter-spacing:.2rem;text-align:left;color:var(--main-color-blue);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select_container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;width:1rem;height:1rem;border:solid 2px var(--main-color-blue);border-radius:50%}#selection_all{margin-left:0}.select_container:hover input ~ .checkmark {background-color:var(--main-color-blue)}.select_container input:checked ~ .checkmark {background-color:var(--main-color-blue)}.checkmark:after{content:"";position:absolute;display:none}.select_container input:checked ~ .checkmark:after {display:block}.select_container .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%}.sdg-dropdown{width:9.47vw;height:2.1875vw;position:absolute;right:0;border:solid 2px var(--main-color-blue);background-color:var(--main-bg-color);color:var(--main-color-blue);font-size:.84375rem;font-weight:bold;letter-spacing:.04vw;padding-left:1vw}.sdg-dropdown option{color:var(--main-color-blue);font-size:.84375rem;font-family:'Noto Sans TC',sans-serif;border:solid 2px var(--main-color-blue);background-color:var(--main-bg-color);padding:.5vw;font-weight:bold;letter-spacing:.04vw;padding-left:1vw}#SDG_selector{padding-left:10px;width:100%;height:100%;border:#000;background-color:var(--main-bg-color);font-family:'Noto Sans TC',sans-serif;font-size:1rem;font-weight:bold;letter-spacing:.2rem;text-align:left;color:var(--main-color-blue);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#SDG_container{margin-left:auto;margin-right:3.5%;border:var(--main-color-blue) solid 2px;width:135px;height:30px}.page_name-en{font-size:1.8vw;letter-spacing:.078125vw}@media (max-width:960px){.circle{width:25.5px;height:25.5px}.page_name{font-size:23px}#eg{font-size:18px}}@media (max-width:768px){.page_name{font-size:24px}#eg{font-size:2.5625vw}}@media (max-width:480px){.page_name{font-size:25px}#eg{font-size:3.73vw}.banner{margin-top:157px;width:82vw}.circle{width:8vw;height:8vw;border-radius:8vw}}