@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);:root{--main-font-size:clamp(16px, 2vw, 1vw);--min-font-size:16px}html,body{padding:0;margin:0;background-color:#fff;font-family:'Microsoft JhengHei',sans-serif;font-weight:400;color:#052640;letter-spacing:1px;font-size:var(--main-font-size);overflow-x:hidden}a{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}nav{background:rgb(0 0 0 / .8)}nav a{color:#fff!important;font-weight:500}nav a:hover{color:#f80!important}.hero{background:url(../images/h_img.jpg) center no-repeat;background-size:cover;height:100vh;color:#fff;display:flex;align-items:center;text-align:center}.hero h1{font-size:3rem;font-weight:700}.section-title{font-weight:700;margin-bottom:2rem;position:relative}.section-title::after{content:"";display:block;width:60px;height:4px;background:#f80;margin:10px auto}.story-img{border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .2);max-width:100%;height:auto}.course-card{border:none;transition:all 0.3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgb(0 0 0 / .15)}.card-img-top{max-width:100%;height:auto}.testimonial{background:#424141;padding:20px;border-radius:10px;color:#fff}.btn-orange{background:#f80;color:#fff;border:none}.btn-orange:hover{background:#e06d00;color:#fff}footer{background:#222;color:#ccc;padding:20px 0}@media screen and (max-width:1024px){.hero{height:auto;padding:80px 20px}}@media screen and (max-width:540px){.hero{height:auto;padding:60px 15px}.hero h1{font-size:2rem}}