body,html{height:100%}body{font-family:Helvetica,Arial,"Microsoft JhengHei UI","Microsoft JhengHei",sans-serif;line-height:2;color:#333;background-color:#fff}h1,h3,h4,h5,h6{margin:0;line-height:1.5}body,h1,h2,h3,h4,h5,h6{font-weight:400}a{transition:color .3s ease}a:hover{color:#909396;text-decoration:none}figure,h2{margin:0}.ol-decimal{padding-left:1.5em;list-style:decimal}.ul-disc{padding-left:1em;list-style:disc}.nav-pills .nav-link{border-radius:0}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#8d91cc}header{position:relative;z-index:1;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.nav-minor .inner{display:flex;align-items:center}#nav-switch,.brand{display:inline-block}.brand{padding:10px 0}#nav-switch{width:2rem;height:2rem;margin-left:auto;font-size:2rem;line-height:2rem;text-align:center;color:#333}#nav-switch:hover,a{color:#00a8e8}.nav-minor-menu{display:none}.nav-major-menu ul,.nav-minor-menu ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.nav-minor-menu ul{align-items:flex-start}.nav-minor-menu ul li{margin-left:1px;background-color:#9e9e9e;border-radius:0 0 8px 8px}.nav-minor-menu ul li a{display:block;padding:0 1rem;font-size:.75rem;color:#fff}.nav-minor-menu ul li.f1 a,.nav-minor-menu ul li.f2 a,.nav-minor-menu ul li.f3 a,.nav-minor-menu ul li.f4 a{padding:.75rem 1.25rem;font-size:.875rem;letter-spacing:2px}.nav-minor-menu ul li.f1{background-color:#323780}.nav-minor-menu ul li.f2{background-color:#f4cf0d}.nav-minor-menu ul li.f3{background-color:#dabd8f}.nav-minor-menu ul li.f4{background-color:#4e9fbc}@media (min-width:768px){.nav-minor .inner{align-items:flex-start}#nav-switch{display:none}.nav-minor-menu{display:block}}.nav-major,.nav-major-menu ul ul{background-color:#f9f9f9}.nav-major-menu{flex:1 1 100%;display:none}.nav-major-menu ul{flex-direction:column}.nav-major-menu ul li{position:relative;transition:all .35s ease}.nav-major-menu ul li a{display:block;padding:.5rem 1rem;color:#333;border-bottom:1px solid #333;transition:all .3s ease}.nav-major-menu>ul>li:last-child>a{border-bottom:0}.nav-major-menu ul li:hover{background-color:#333}.breadcrumb-item a:hover,.nav-major-menu ul li:hover>a{color:#fff}.nav-major-menu ul ul a{font-size:.875rem;border-bottom:1px dotted #333}@media (min-width:768px){.nav-major-menu{display:block}.nav-major-menu ul{flex-direction:row}.nav-major-menu ul li a{padding:1rem 1.25rem;border-bottom:0}.nav-major-menu ul ul{display:none;opacity:0;position:absolute;left:0;z-index:1;min-width:8rem;background-color:#f9f9f9;box-shadow:0 3px 5px 0 rgba(0,0,0,.1)}.nav-major-menu ul ul a{border-bottom:0;white-space:nowrap}.nav-major-menu ul li:hover ul{display:block;opacity:1}}.hero .hero-image figure{display:flex;justify-content:center;align-items:center}.hero .hero-image figure img{width:100%;height:auto}footer{padding:1rem 0;font-size:.875rem;color:#505050;background-color:#f3f9f3}.footer-column h5,h2{margin-bottom:1rem;color:#033}footer .copyright{padding:1rem 0 0;font-size:.75rem;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.section-main{min-height:50vh;padding:2rem 0}.box{margin-bottom:30px}h2{position:relative;padding:.625rem 1.5rem;font-size:1.4375rem;line-height:1;color:#fff;background-color:#323780}h2::after,h2::before{content:'';display:block;position:absolute;width:0;height:0}h2::before{top:0;left:0;border-top:1rem solid #fff;border-right:1rem solid transparent}h2::after{right:0;bottom:0;border-bottom:1rem solid #fff;border-left:1rem solid transparent}.nav-menu-aside ul,.ul-post{margin:0;padding:0;list-style:none}.ul-post li{border:1px solid #eee}.slick-dots li,.ul-post li .image{position:relative}.ul-post li .image:before{content:'';display:block;padding-top:56.25%}.ul-post li .image img{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.object-fit-cover{object-fit:cover;font-family:'object-fit: cover;'}.ul-post li .metadata{padding:.5rem}.ul-post li .metadata h5{display:block;margin-bottom:.25rem;font-size:1rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ul-post li .metadata p{margin:0;font-size:.75rem;line-height:1rem;color:#666}.ul-post li+li{margin-top:.25rem}@media (min-width:768px){.ul-post li a{display:flex;align-items:center}.ul-post li a .image{flex:0 0 25%;max-width:25%}.ul-post li a .metadata{flex:1 1 75%;max-width:75%}}.slick-dots{display:block;position:absolute;bottom:10px;width:100%;margin:0;padding:0;list-style:none;text-align:center}.slick-dots li{display:inline-block;width:20px;height:20px;margin:0 .5rem;padding:0;cursor:pointer}.slick-dots li button{display:block;width:20px;height:20px;padding:5px;font-size:0;line-height:0;color:transparent;background:0 0;border:0;outline:0;cursor:pointer}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{content:' ';position:absolute;top:0;left:0;width:12px;height:12px;background-color:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.5);border-radius:50%}.slick-dots li.slick-active button:before{background-color:#fff;border-color:#fff}.page-header{padding:2rem 0;background:#00171f url(../img/page-header-bg.jpg) no-repeat 50%}.page-header h1{font-size:2.625rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.breadcrumb{margin:0;padding:0;background-color:transparent;border:0}.breadcrumb-item,.staff dl dt{font-size:.875rem}.breadcrumb-item+.breadcrumb-item:before,.breadcrumb-item.active{color:#909396}.page-link{padding:0}.page-link a{display:block}.page-item.active .page-link,.page-link a{padding:.5rem .75rem}.nav-menu-aside ul li,.ul-list li{border-bottom:1px solid #ccc}.nav-menu-aside ul li a,.ul-file li a,.ul-list li a{display:block;padding:1.25rem .25rem;color:#333}.nav-menu-aside ul li.active a{position:relative;padding-left:15px;color:#000}.nav-menu-aside ul li.active a:before{content:"\f0da";position:absolute;top:1.25rem;left:0;font-family:'Font Awesome 5 Pro';font-weight:900}.nav-menu-aside ul li a:hover,.ul-file li a:hover,.ul-list li a:hover{color:#00a8e8}.main-content{position:relative;min-height:30rem}.main-content:before{content:'';display:block;position:absolute;top:0;left:-15px;bottom:0;width:1px;height:100%;background-color:#ccc}.main-content h3{margin-bottom:1rem;font-size:1.3125rem;color:#222}.main-content figcaption{padding:.5rem;font-size:.75rem;text-align:center;color:gray}.ul-list{margin:0;padding:0;list-style:none}.feature{padding:1.5rem}.feature-heading{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.feature-heading .circle{width:5rem;height:5rem;font-size:2rem;line-height:5rem;text-align:center;color:#fff;background-color:#8d91cc;border-radius:50%}.feature-heading h4{margin-left:10px;font-size:2rem;color:#8d91cc}.ul-objective{margin:0 0 .9375rem;padding:0;list-style:none}.ul-objective li{padding:.5rem;background-image:linear-gradient(to bottom,#fff 50%,rgba(100,100,100,.1))}.ul-objective li.heading{padding:.5rem;color:#fff;background-image:none}.staff .photo,.staff h4{margin-bottom:1rem}.article .content img,.staff .photo img{max-width:100%;height:auto}.staff h4{font-size:1.3125rem}.staff h4 .title{display:inline-block;margin-left:.5rem;font-size:.875rem;color:#999}.staff dl dt{color:#00171f}.staff ul{padding-left:1rem}.table-course{width:100%;border-collapse:collapse}.table-course td,.table-course th{padding:.75rem;font-size:.875rem;text-align:center;border:1px solid #ccc;vertical-align:middle}.item-title{display:inline-block;margin-bottom:.25rem;padding:0 .5rem;font-size:.75rem;color:#fff;background-color:#8d91cc;border-radius:10px}.form-group>.label,.form-group>label{display:inline-block;margin-bottom:.5rem;font-size:.875rem;color:#404040}.field,.ul-fields li{display:flex;align-items:center}.field .remove,.ul-fields li .remove{display:inline-block;margin-left:auto;color:rgba(0,0,0,.5)}.field .remove:hover,.more:hover,.ul-fields li .remove:hover{color:rgba(0,0,0,.95)}.ul-fields{margin:0;padding:0;list-style:none}.ul-fields li{margin-bottom:.5rem}.more{display:inline-block;color:rgba(0,0,0,.5)}.dl-regulation,.ul-file{display:flex;flex-wrap:wrap}.dl-regulation dt{text-align:center;width:4rem}.dl-regulation dd{flex:1 1 calc(100% - 5rem);margin-left:1rem}.ul-file{margin:0;padding:0;list-style:none}.ul-file li{margin-right:15px;border:1px solid #00a8e8}.ul-file li a{position:relative;padding:.625rem 1rem .625rem 4.25rem}.post .image a,.ul-file li a:before{position:absolute;top:0;bottom:0;left:0}.ul-file li a:before{content:'\f0c6';width:3.25rem;font-family:'Font Awesome 5 Pro',Sans-Serif;line-height:3.25rem;text-align:center;color:#fff;background-color:#00a8e8}.post{margin-bottom:30px;border:1px solid #eee}.post .image{position:relative;overflow:hidden}.post .image:before{content:'';display:block;padding-top:56.25%}.post .image a{width:100%;object-fit:cover}.post .image a img{width:100%;height:100%;object-fit:cover}.post .metadata{padding:.5rem}.contact-box h5,.post .metadata h5{font-size:1.125rem}.post .metadata h5 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post .metadata .date{display:block;margin-bottom:.5rem;font-size:.75rem;color:#666}@media (min-width:768px){.post .metadata h5{height:3.375rem}}.social{display:block;width:3rem;height:3rem;font-size:1rem;line-height:3rem;text-align:center}.social,.social:hover{color:#fff}.social-facebook{background-color:#3c5a99}.social-twitter{background-color:#1da1f2}.social-line{background:#00c300 url(../img/icon-line.png) no-repeat 50%;background-size:80%}.article .metadata{display:flex;flex-wrap:wrap;margin-bottom:1rem}.article .metadata .info,.contact-box p{font-size:.875rem;color:#666}.article .metadata .info p,.dl-regulation dd,.dl-regulation dt{margin-bottom:.25rem}.article .metadata .share{flex:1 1 100%;display:flex;justify-content:left}.article .metadata .share .social{margin-left:1px}@media (min-width:768px){.article .metadata{flex-wrap:nowrap}.article .metadata .info p:last-of-type{margin-bottom:0}.article .metadata .share{flex-basis:10rem;justify-content:right}}.contact-box{padding:10px;text-align:center}.contact-box .circle{width:5rem;height:5rem;margin:0 auto 1rem;font-size:2rem;line-height:5rem;text-align:center;color:#fff;background-color:#8d91cc;border-radius:50%}.contact-box h5{margin-bottom:1rem;color:#8d91cc}@media (min-width:992px){.contact-box{height:100%}}