:root{--color-yellow:#fcdc75;--color-gray:#333;--color-blue:#1d59b1;--color-red:#e6212a;--color-white:#f3f7f7;--color-grey_light:#ececec;--color-yellow_dark:#f3ba00;--color-blue_dark:#0e3b80}*{font-family:Noto Sans TC,微軟正黑體;font-weight:400}body,html{margin:0;height:100%}h1,h2,h3,h4,h5,h6{margin:0}.container{padding:0 10%}#root{height:100%;display:grid;grid-template-areas:"topnav" "main";grid-template-rows:60px auto}.topnav{grid-area:topnav;z-index:1}.main-area{grid-area:main;background-color:var(--color-white);padding-top:30px}.row{display:block;width:100%;box-sizing:border-box}.col-1-2{width:50%}.col-1-2,.col-1-3{display:inline-block}.col-1-3{width:33.3%}.col-1-4{display:inline-block;width:20%}@media screen and (max-width:768px){.col-1-2,.col-1-3,.col-1-4{width:100%}}.kcc-btn{padding:5px 16px;border-radius:5px;border:1px solid var(--color-blue);background-color:var(--color-white);color:var(--color-blue);letter-spacing:1px;cursor:pointer}.kcc-btn-main{background-color:var(--color-blue);color:var(--color-white);border-color:var(--color-white)}.kcc-btn-secondary{background-color:var(--color-yellow);color:var(--color-blue);border-color:var(--color-yellow);font-weight:500}.kcc-btn:hover{background-color:var(--color-blue);color:var(--color-white);border-color:var(--color-white)}.kcc-btn-main:hover{background-color:var(--color-blue_dark)}.kcc-btn-secondary:hover{background-color:var(--color-yellow_dark);color:var(--color-blue)}a{text-decoration:none;color:#000;padding-bottom:2px}.active,a:active,a:hover{color:var(--color-blue);font-weight:600;border-bottom:3px solid var(--color-yellow)}.a-link{color:var(--color-blue)}.a-link.active,.a-link:active,.a-link:hover{color:var(--color-blue_dark);border-bottom:3px solid var(--color-white)}.topnav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 0 60px rgba(0,0,0,.1)}.topnav-mobile{display:none}.brand a,.nav-left{display:flex;align-items:center}.brand a{vertical-align:top;flex-direction:row}.brand img{display:inline-block;width:36px;height:auto}.brand h3{display:inline-block;color:var(--color-blue);font-size:1.25rem;letter-spacing:2px}.nav-links ul{list-style:none;padding:0 30px}.nav-links li{padding-right:24px;letter-spacing:1px;display:inline-block}.nav-links_side{display:fixed;width:280px;height:100vh;box-sizing:border-box;position:absolute;left:-280px;top:0;background-color:var(--color-yellow);padding:20px;transition-duration:1s}.side-menu-close{text-align:right;margin-bottom:20px}.side-menu-close button{background-color:#fff;border:1px solid gray;border-radius:4px;padding:4px 8px;font-weight:bolder}.nav-links_side ul{list-style:none;padding:0}.nav-links_side li{margin-bottom:10px}.nav-links_side li a{font-size:1.2rem}@media screen and (max-width:890px){.topnav-web{display:none}.topnav-mobile{display:flex}.topnav,.topnav-mobile{flex-direction:row}.brand{display:inline-block;min-width:10.5rem}.brand img{width:28px}.brand h3{font-size:1rem}.nav-links ul{display:none}}