*{box-sizing:border-box;position:relative;font-size:16px}html,body{--primary-color:#307795;--secondary-color:#3c74ac;--ch00-1-color:#2790aa;--ch00-2-color:#2790aa;--ch1-color:#343290;--ch2-color:#ef1c24;--ch3-color:#2790aa;--ch4-color:#343290;--ch5-color:#2596be;--ch6-color:#343290;--ch7-color:#f9a51b;--ch8-color:#f26f21;--bg-sky:#2790aa;--bg-sky-gray:#aac9d8;--bg-sky-secondary:#d3e3ea;--bg-grass:#64bf71;--bg-grass-gray:#dbeeeb;--bg-violet:#343290;--bg-violet-light:#9d96c9;--bg-violet-secondary:#c9c6e3;--bg-tan:#ef1c24;--bg-tan-light:#f9a88e;--bg-tan-secondary:#fdd3c0;--text-color:var(--primary-color);margin:0;padding:0;font-family:"Noto Sans TC",sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6,p,span,a,button,div{margin:0;padding:0;font-weight:400;font-size:1rem;line-height:1.4;color:#333}a,span{display:inline-block}a{-webkit-tap-highlight-color:transparent;text-decoration:underline;transition:all .2s;color:var(--text-color)}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{max-width:100%;height:auto;margin:10px 0}img.cover{width:100%}img.cover,img.home{margin:0}@media (min-width:1520px){.container{max-width:1320px}}@media (min-width:1400px){.container{max-width:1140px}}.ch00-1{--text-color:var(--ch00-1-color)}.ch00-2{--text-color:var(--ch00-2-color)}.ch01{--text-color:var(--ch1-color)}.ch02{--text-color:var(--ch2-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)}h2,.title{font-size:24px;font-weight:900;color:var(--text-color)}h2:after{content:"";display:block;width:100%;height:1px;background-color:var(--text-color);margin:10px 0 20px}h3,.subtitle{font-size:20px;font-weight:900;line-height:1.6;color:var(--text-color);margin-top:30px;margin-bottom:10px}h4{color:var(--text-color)}p,li,.para,.text{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}h2.text-black a{color:black!important}h2.text-black:after{--text-color:black}h2.text-blue a{color:#323190!important}h2.text-blue:after{--text-color:#323190}h2.text-red a{color:#ec2a2d!important}h2.text-red:after{--text-color:#ec2a2d}.text-sky{color:var(--bg-sky)}.text-violet{color:var(--bg-violet)}.text-tan{color:var(--bg-tan)}.img-container,.table-container{width:100%;overflow-x:scroll}.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-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;background-color:#ccc;transition:all .5s}.img.img-sq{width:100%;padding-top:100%}.img.img-rect{width:100%;padding-top:70%}.img_group{display:flex;justify-content:space-between;align-items:start}.img_group .img-rect{width:calc(50% - 10px);border-radius:16px}.img_group .img-rect:last-child{margin-top:40px}.btn{padding:10px 20px;font-size:1rem;line-height:1rem;border:1px solid var(--text-color);background-color:#fff;color:var(--text-color);border-radius:20px;text-align:center;letter-spacing:2px;margin-top:1rem;transition:all .2s}.btn:hover,.btn:active{border:1px solid var(--text-color)!important;background-color: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{background-color:var(--text-color);color:#fff}.btn.btn-secondary{background-color:var(--text-color);color:#fff;transition:background-color .2s,color .2s}.btn.btn-secondary:hover{background-color:#333;color:var(--text-color)}.wrapper{width:100%;overflow:hidden}section{margin:80px 0}@media (max-width:575px){section{margin:40px 0}}section.bg-img{margin:0;padding:80px 0;border-radius: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;padding:10px 40px 40px;border-radius:20px;border:10px solid var(--text-color)}@media (max-width:575px){section.bg-img.ch3 .bg-container{padding:0 30px 30px}}.flex{display:flex;align-items:center}.show{display:block!important}.menu-height{width:100%;height:78px}@media (max-width:920px){.menu-height{height:52px}}.header{z-index:20}#addMenu{display:none}@media (max-width:1399px){#addMenu{display:block;width:calc(100% - 300px);text-align:right;height:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}@media (max-width:920px){#addMenu{width:calc(100% - 240px)}}@media (max-width:767px){#addMenu{max-width:calc(100% - 212px);width:auto;text-align:center}}.navbar{width:100%;background-color:#fff!important;padding:10px 40px;display:flex;justify-content:space-between;align-items:center;position:fixed;box-shadow:0 6px 4px rgba(0,0,0,.2)}@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{box-shadow:0 6px 4px rgba(0,0,0,.2);margin-right:0;position:absolute;width:100vw;top:78px;left:0;background-color:#fff;max-height:100vh;overflow-y:auto}.navbar .navbar-collapse .navbar-nav{padding:2rem;align-items:center}.navbar .dropdown .dropdown-menu{transform:translateX(0);border-radius:none}.nav-item.dropdown{width:100%}}@media (max-width:920px){.navbar .navbar-collapse{top:52px}}.navbar .navbar-brand{display:flex;align-items:center;font-size:24px;color:#fff;font-weight:400;height:100%}.navbar .navbar-brand .home{width:auto;height:48px;margin-right:16px}@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{margin:0 .625vw;font-size:12px;font-weight:400;padding:.5rem 0!important;color:var(--primary-color)}@media (max-width:1399px){.navbar .nav-link{margin:8px 20px;text-align:center;font-size:16px}}.navbar .nav-link.active{color:var(--primary-color)}.navbar .nav-link:not(.dropdown-toggle)::after{display:block;content:"";width:0;height:4px;border:0;border-radius:2px;margin:0;background-color:#01a9b9;position:absolute;bottom:2px;left:50%;transform:translate(-50%);transition:all .2s}.navbar .nav-link:not(.dropdown-toggle):hover::after,.navbar .nav-link.active:not(.dropdown-toggle)::after{width:100%}.navbar .nav-link.dropdown-toggle span{display:inline-block;width:4px;height:4px;border-bottom:1px solid var(--primary-color);border-right:1px solid var(--primary-color);top:-4px;margin-left:4px;transform:rotate(45deg)}.navbar .dropdown .dropdown-menu{box-shadow:0 2px 4px rgba(0,0,0,.2);border:0;border-radius:3px;text-align:center;transform:translateX(-67%);top:60px;left:0;min-width:300px}.navbar .dropdown .dropdown-menu .dropdown-item{padding:8px 16px;color:var(--primary-color)}.navbar .dropdown .dropdown-menu .dropdown-item:hover{background-color:#fff}@media (max-width:991px){.navbar .dropdown .dropdown-menu{position:relative;top:0;transform:translateX(0);border-radius: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{width:0;height:0;border-style:solid;border-width:0 5px 10px 5px;border-color:transparent transparent #a21a42 transparent}.scroll-more .arrow-down{width:0;height:0;border-style:solid;border-width:10px 5px 0 5px;border-color:#a21a42 transparent transparent transparent}.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;margin-bottom:10px;flex-wrap:nowrap;overflow-x:scroll}@media (min-width:768px){.nav-tabs::-webkit-scrollbar{border-radius:3px;background-color:#eee}.nav-tabs::-webkit-scrollbar-thumb{border-radius:3px;background-color:#aaa}}.nav-tabs .nav-item{flex-shrink:0;margin:0}.nav-tabs .nav-link{color:var(--text-color);padding:6px 12px;margin:0 4px;border:0;border-radius:0}.nav-tabs .nav-link:hover{background-color:#f1f1f1}.nav-tabs .nav-link.active{border:0;background-color:var(--text-color);color:#fff}.tab-content{margin-top:20px}@media (max-width:767px){.tab-content .img-container img{width:200%}}.tabs-group.fixed{padding-top:15px;background-color:#fff;width:100%;position:fixed;top:78px;z-index:10;box-shadow:0 6px 4px rgba(0,0,0,.2)}@media (max-width:920px){.tabs-group.fixed{top:52px}}table{width:100%;margin-top:10px}table th,table td,table p,table li{font-size:14px}table p{margin:0}.table-primary{--table-color:#246c84}.table-secondary{--table-color:#3870ab}.ch00-1 table,.ch00-2 table,.ch01 table,.ch02 table,.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);color:#fff;text-align:center;padding:10px;border:2px solid #fff}table tbody td{padding:10px;border-bottom:#005e95 2px solid}table tbody td.first{border-left:#005e95 2px solid}table tbody td.last{border-right:#005e95 2px solid}.table-ch02 tbody td{border-bottom:#e84e53 2px solid}.table-ch02 tbody td.first{border-left:#e84e53 2px solid}.table-ch02 tbody td.last{border-right:#e84e53 2px solid}.table-ch07 tbody td,.table-ch08 tbody td{border-bottom:var(--text-color) 2px solid}.table-ch07 tbody td.first,.table-ch08 tbody td.first{border-left:var(--text-color) 2px solid}.table-ch07 tbody td.last,.table-ch08 tbody td.last{border-right:var(--text-color) 2px solid}table tr.major-g td:nth-child(2),table tr.major-g td:nth-child(3),table tr.major-g td:nth-child(7){background-color:#c8c6e2}table tr.major-e td:nth-child(2),table tr.major-e td:nth-child(3),table tr.major-e td:nth-child(7){background-color:#d0e9cf}table tr.major-s td:nth-child(2),table tr.major-s td:nth-child(3),table tr.major-s td:nth-child(7){background-color:#fdd2c1}table tr.major-e td{border-bottom:#65be71 2px solid}table tr.major-s td{border-bottom:#f37052 2px solid}.table-border-right tbody td{border-right:#005e95 2px solid}.bg-sky{background-color:var(--bg-sky);font-weight:500}.bg-sky-secondary{background-color:var(--bg-sky-secondary);font-weight:500}.bg-sky-gray{background-color:var(--bg-sky-gray);font-weight:500}.bg-grass{background-color:var(--bg-grass);font-weight:500}.bg-grass-gray{background-color:var(--bg-grass-gray);font-weight:500}.bg-violet{background-color:var(--bg-violet);font-weight:500}.bg-violet-light{background-color:var(--bg-violet-light);font-weight:500}.bg-violet-secondary{background-color:var(--bg-violet-secondary);font-weight:500}.bg-tan{background-color:var(--bg-tan);font-weight:500}.bg-tan-light{background-color:var(--bg-tan-light);font-weight:500}.bg-tan-secondary{background-color:var(--bg-tan-secondary);font-weight:500}table .checked{display:block;margin:0 auto;width:20px;height:20px;background-color:#8db8e2;background-size:contain;border-radius:50%}.table-ch08 .checked{background-color:var(--text-color)}#page404{height:calc(100vh - 360px);display:flex;justify-content:center;align-items: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;padding-bottom:60px}}@media (max-width:575px){.contents>img{padding:0;padding:0 20px 30px}}.contents .content-group{padding:20px;display:flex;flex-direction:column}.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;padding:15px;margin:0}@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{width:40px;text-align:center;line-height:1.2;padding:10px;margin-right:10px;color:#fff;writing-mode:vertical;display:flex;justify-content:center;align-items:center}.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{width:100%;display:flex;align-items:center}.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{width:15%;flex-shrink:0;min-width:100px;text-align:center}.ch-style.ch5 .tag{width:80px}footer{padding:20px 0;background-color:#94ccc1}