*{box-sizing:border-box;font-size:16px;position:relative}body,html{--primary-color:#307795;--secondary-color:#3c74ac;--ch3-color:#64ac5c;--ch4-color:#2596be;--ch5-color:#2596be;--ch6-color:#737db4;--ch7-color:#f9a51b;--ch8-color:#f26f21;--bg-sky:#10a6c9;--bg-sky-gray:#d5e8f1;--bg-grass:#47bfa8;--bg-grass-gray:#dbeeeb;--bg-violet:#466ab3;--bg-violet-gray:#d2d7ea;--bg-tan-gray:#f8ddaf;--text-color:var(--primary-color);font-family:Noto Sans TC,sans-serif;font-size:16px;margin:0;padding:0}a,button,div,h1,h2,h3,h4,h5,h6,p,span{color:#333;font-size:1rem;font-weight:400;line-height:1.4;margin:0;padding:0}a,span{display:inline-block}a{-webkit-tap-highlight-color:transparent;text-decoration:underline;transition:all .2s}a,a:hover{color:var(--text-color)}a:focus:not(:focus-visible){outline:none}b{font-size:inherit}button{border:0;cursor:pointer}button:focus:not(:focus-visible){outline:none}img{height:auto;margin:10px 0;max-width:100%}img.cover,img.home{margin:0}@media (min-width:1520px){.container{max-width:1320px}}@media (min-width:1400px){.container{max-width:1140px}}.ch01{--text-color:var(--primary-color)}.ch02{--text-color:var(--secondary-color)}.ch03{--text-color:var(--ch3-color)}.ch04{--text-color:var(--ch4-color)}.ch05{--text-color:var(--ch5-color)}.ch06{--text-color:var(--ch6-color)}.ch07{--text-color:var(--ch7-color)}.ch08{--text-color:var(--ch8-color)}.title,h2{color:var(--text-color);font-size:24px;font-weight:900}h2:after{background-color:var(--text-color);content:"";display:block;height:1px;margin:10px 0 20px;width:100%}.subtitle,h3{font-size:20px;font-weight:900;line-height:1.6;margin-bottom:10px;margin-top:30px}.subtitle,h3,h4{color:var(--text-color)}.para,.text,li,p{font-size:1rem;line-height:1.6;margin:10px 0;text-align:justify}hr{border:none;border-top:1px dotted var(--text-color);color:var(--text-color)}.text-center{text-align:center}.img-container,.table-container{overflow-x:scroll;width:100%}.img-container::-webkit-scrollbar,.table-container::-webkit-scrollbar{opacity:.5}.img-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background-color:#efefef;border-radius:4px}.img-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background-color:#ccc}.img{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;transition:all .5s}.img.img-sq{padding-top:100%;width:100%}.img.img-rect{padding-top:70%;width:100%}.img_group{align-items:start;display:flex;justify-content:space-between}.img_group .img-rect{border-radius:16px;width:calc(50% - 10px)}.img_group .img-rect:last-child{margin-top:40px}.btn{background-color:#fff;border:1px solid var(--text-color);border-radius:20px;color:var(--text-color);font-size:1rem;letter-spacing:2px;line-height:1rem;margin-top:1rem;padding:10px 20px;text-align:center;transition:all .2s}.btn:active,.btn:hover{background-color:var(--text-color)!important;border:1px solid var(--text-color)!important;color:#fff!important}@media (max-width:767px){.btn{margin-bottom:1.5rem}}.btn.btn-primary{background-color:#333;color:var(--text-color);transition:background-color .2s,color .2s}.btn.btn-primary:hover,.btn.btn-secondary{background-color:var(--text-color);color:#fff}.btn.btn-secondary{transition:background-color .2s,color .2s}.btn.btn-secondary:hover{background-color:#333;color:var(--text-color)}.wrapper{overflow:hidden;width:100%}section{margin:80px 0}@media (max-width:575px){section{margin:40px 0}}section.bg-img{border-radius:0;margin:0;padding:80px 0}@media (max-width:575px){section.bg-img{margin:0;padding:40px 0}}section.bg-img.ch1 p{color:#fff}section.bg-img.ch1 h2,section.bg-img.ch1 h3{color:#5acbff}section.bg-img.ch1 h2:after{background-color:#5acbff}section.bg-img.ch2 h2{color:#fff}section.bg-img.ch2 h2:after{background-color:#fff}section.bg-img.ch3 .bg-container{background-color:#fff;border:10px solid var(--text-color);border-radius:20px;padding:10px 40px 40px}@media (max-width:575px){section.bg-img.ch3 .bg-container{padding:0 30px 30px}}.flex{align-items:center;display:flex}.show{display:block!important}.menu-height{height:78px;width:100%}@media (max-width:920px){.menu-height{height:52px}}.header{z-index:20}#addMenu{display:none}@media (max-width:1399px){#addMenu{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;display:-webkit-box;height:22px;overflow:hidden;text-align:right;width:calc(100% - 300px)}}@media (max-width:920px){#addMenu{width:calc(100% - 240px)}}@media (max-width:767px){#addMenu{max-width:calc(100% - 212px);text-align:center;width:auto}}.navbar{align-items:center;background-color:#fff!important;box-shadow:0 6px 4px rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:10px 40px;position:fixed;width:100%}@media (max-width:920px){.navbar{height:52px;padding:4px 8px}}.navbar .container-fluid{position:static}.navbar .navbar-collapse{justify-content:end;margin-right:-16px}@media (max-width:1399px){.navbar .navbar-collapse{background-color:#fff;box-shadow:0 6px 4px rgba(0,0,0,.2);left:0;margin-right:0;position:absolute;top:78px;width:100vw}.navbar .navbar-collapse .navbar-nav{align-items:center;padding:2rem}}@media (max-width:920px){.navbar .navbar-collapse{top:52px}}.navbar .navbar-brand{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:400;height:100%}.navbar .navbar-brand .home{height:48px;margin-right:16px;width:auto}@media (max-width:991px){.navbar .navbar-brand .home{margin-right:0}}@media (max-width:920px){.navbar .navbar-brand .home{height:36px;margin-right:10px}}.navbar .nav-link{color:var(--primary-color);font-size:12px;font-weight:400;margin:0 .625vw;padding:.5rem 0!important}@media (max-width:1399px){.navbar .nav-link{font-size:16px;margin:8px 20px;text-align:center}}.navbar .nav-link.active{color:var(--primary-color)}.navbar .nav-link:not(.dropdown-toggle):after{background-color:#01a9b9;border:0;border-radius:2px;bottom:2px;content:"";display:block;height:4px;left:50%;margin:0;position:absolute;transform:translate(-50%);transition:all .2s;width:0}.navbar .nav-link.active:not(.dropdown-toggle):after,.navbar .nav-link:not(.dropdown-toggle):hover:after{width:100%}.navbar .nav-link.dropdown-toggle span{border-bottom:1px solid var(--primary-color);border-right:1px solid var(--primary-color);display:inline-block;height:4px;margin-left:4px;top:-4px;transform:rotate(45deg);width:4px}.navbar .dropdown .dropdown-menu{border:0;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);left:0;min-width:300px;text-align:center;top:60px;transform:translateX(-67%)}.navbar .dropdown .dropdown-menu .dropdown-item{color:var(--primary-color);padding:8px 16px}.navbar .dropdown .dropdown-menu .dropdown-item:hover{background-color:#fff}@media (max-width:991px){.navbar .dropdown .dropdown-menu{border-radius:10px;position:relative;top:0}}.navbar .navbar-toggler{border:0;margin-right:-12px}.navbar .navbar-toggler:focus{box-shadow:none}.scroll-more{color:#a21a42;font-size:14px;font-weight:500;text-align:right}.scroll-more .arrow-up{border-color:transparent transparent #a21a42;border-style:solid;border-width:0 5px 10px;height:0;width:0}.scroll-more .arrow-down{border-color:#a21a42 transparent transparent;border-style:solid;border-width:10px 5px 0;height:0;width:0}.scroll-more.show-767{display:none}@media (max-width:767px){.scroll-more.show-767{display:block}}.scroll-more.show-991{display:none}@media (max-width:991px){.scroll-more.show-991{display:block}}.nav-tabs{border-bottom:none;flex-wrap:nowrap;margin-bottom:10px;overflow-x:scroll}@media (min-width:768px){.nav-tabs::-webkit-scrollbar{background-color:#eee;border-radius:3px}.nav-tabs::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:3px}}.nav-tabs .nav-item{flex-shrink:0;margin:0}.nav-tabs .nav-link{border:0;border-radius:0;color:var(--text-color);margin:0 4px;padding:6px 12px}.nav-tabs .nav-link:hover{background-color:#f1f1f1}.nav-tabs .nav-link.active{background-color:var(--text-color);border:0;color:#fff}.tab-content{margin-top:20px}@media (max-width:767px){.tab-content .img-container img{width:200%}}.tabs-group.fixed{background-color:#fff;box-shadow:0 6px 4px rgba(0,0,0,.2);padding-top:15px;position:fixed;top:78px;width:100%;z-index:10}@media (max-width:920px){.tabs-group.fixed{top:52px}}table{margin-top:10px;width:100%}table li,table p,table td,table th{font-size:14px}table p{margin:0}.table-primary{--table-color:#246c84}.table-secondary{--table-color:#3870ab}.ch03 table,.ch04 table,.ch05 table,.ch06 table,.ch07 table,.ch08 table{--table-color:var(--text-color)}table thead th{background-color:var(--table-color);border:2px solid #fff;color:#fff;padding:10px;text-align:center}table tbody td{border-bottom:2px solid #005e95;padding:10px}.table-ch07 tbody td,.table-ch08 tbody td{border-bottom:2px solid var(--text-color)}.table-border-right tbody td{border-right:2px solid #005e95}.table-primary tbody tr:nth-child(2n) td,.table-secondary tbody tr td{background-color:#e4e9ec}.table-secondary tbody tr td.bg-white{background-color:#fff}.table-ch03 tbody tr:nth-child(2n) td{background-color:#ddebd6}.bg-sky{background-color:var(--bg-sky)}.bg-sky-gray{background-color:var(--bg-sky-gray)}.bg-grass{background-color:var(--bg-grass)}.bg-grass-gray{background-color:var(--bg-grass-gray)}.bg-violet{background-color:var(--bg-violet)}.bg-violet-gray{background-color:var(--bg-violet-gray)}.bg-tan-gray{background-color:var(--bg-tan-gray)}table .checked{background-color:#8db8e2;background-size:contain;border-radius:50%;display:block;height:20px;margin:0 auto;width:20px}.table-ch03 .checked,.table-ch08 .checked{background-color:var(--text-color)}#page404{align-items:center;display:flex;height:calc(100vh - 360px);justify-content:center}@media (max-width:920px){#page404{height:calc(100vh - 340px)}}@media (max-width:767px){#page404{height:calc(100vh - 410px)}}@media (max-width:513px){#page404{height:calc(100vh - 430px)}}#page404 h2.title span{font-size:10rem;line-height:9rem}@media (max-width:575px){#page404 h2.title span{font-size:5rem;line-height:5rem}}#page404 p.text{text-align:center}.contents>img{margin:0;padding:0 100px 60px}@media (max-width:991px){.contents>img{padding:0 0 60px}}@media (max-width:575px){.contents>img{padding:0 20px 30px}}.contents .content-group{display:flex;flex-direction:column;padding:20px}.contents .content-group.bg-blue{background-color:#5acbff}.contents .title{color:#fff}.contents .title.color-blue{color:#5acbff}.painting{background-color:#d3f1f5;font-size:14px;margin:0;padding:15px}@media (max-width:575px){.painting{padding:15px .75rem}}@media (max-width:767px){.ch1 .img-container img{width:200%}}.ch-style{display:flex;margin:20px 0}.ch-style .tag{align-items:center;color:#fff;display:flex;justify-content:center;line-height:1.2;margin-right:10px;padding:10px;text-align:center;width:40px;writing-mode:vertical}.ch-style .tag.green{background-color:#55a791}.ch-style .tag.blue{background-color:#2fb9d1}.ch-style .tag.purple{background-color:#958bc1}.ch-style .tag.orange{background-color:#f2b17f}.ch-style .text-group{margin:-10px 0;width:100%}.ch-style .col-group{align-items:center;display:flex;width:100%}.ch-style .col-group.green{outline:1px solid #55a791}.ch-style .col-group.green .col-r{border-left:1px solid #55a791}.ch-style .col-group.blue{outline:1px solid #2fb9d1}.ch-style .col-group.blue .col-r{border-left:1px solid #2fb9d1}.ch-style .col-group.purple{outline:1px solid #958bc1}.ch-style .col-group.purple .col-r{border-left:1px solid #958bc1}.ch-style .col-group.orange{outline:1px solid #f2b17f}.ch-style .col-group.orange .col-r{border-left:1px solid #f2b17f}.ch-style .col-group .col-l,.ch-style .col-group .col-r{padding:10px}.ch-style .col-group .col-l img,.ch-style .col-group .col-r img{margin:0}@media (max-width:767px){.ch-style .col-group .col-l img,.ch-style .col-group .col-r img{margin-top:10px}}.ch-style .col-group .col-l{flex-shrink:0;min-width:100px;text-align:center;width:15%}.ch-style.ch5 .tag{width:80px}footer{background-color:#94ccc1;padding:20px 0}