html,body{font-family:"Arial","微軟正黑體",sans-serif;font-size:20px;color:#000000;margin:0;padding:0;background:#fff;-webkit-user-select:none;user-select:none}html *,body *,html *::after,body *::after,html *::before,body *::before{box-sizing:border-box}html *:hover,body *:hover,html *::after:hover,body *::after:hover,html *::before:hover,body *::before:hover,html *:visited,body *:visited,html *::after:visited,body *::after:visited,html *::before:visited,body *::before:visited,html *:link,body *:link,html *::after:link,body *::after:link,html *::before:link,body *::before:link,html *:active,body *:active,html *::after:active,body *::after:active,html *::before:active,body *::before:active,html *:focus,body *:focus,html *::after:focus,body *::after:focus,html *::before:focus,body *::before:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}html img,body img,html a,body a{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html img:active,body img:active,html a:active,body a:active{opacity:.5}@media screen and (max-width:600px){html,body{font-size:16px}}html *,body *{box-sizing:border-box;padding:0;margin:0}html>*,body>*{min-width:360px}html ul,body ul{margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0}.ellipsis1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container{margin-bottom:30px;margin:0 auto;max-width:1200px}@media screen and (max-width:1200px){.container{max-width:100%}}.main{margin-bottom:30px;margin:0 auto;padding:16px;max-width:1200px}@media screen and (max-width:1200px){.main{max-width:100%}}.navbar{font-size:1rem;background-color:#ffffff;height:90px;min-height:44px;position:sticky;width:100%;top:0;z-index:999;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.navbar .container{padding:0;position:relative;display:flex;align-items:center;justify-content:space-between}.navbar .brand{display:flex;font-weight:bold;text-decoration:none;transition:color .3s;padding:16px;vertical-align:middle;width:260px}.navbar .brand img{width:100%}.navbar .navbar-menu{list-style:none;padding:16px}.navbar .navbar-menu>li{display:inline-block;margin:0 .5em;list-style:none}.navbar .navbar-menu>li>a{display:block;line-height:20px;color:#000000;text-decoration:none;font-weight:bold}.navbar .navbar-menu>li>a:hover,.navbar .navbar-menu>li>a:focus{color:#1b496a}@media screen and (max-width:750px){.navbar{position:fixed}.navbar .container{position:relative;flex-direction:column;align-items:stretch}.navbar a.button-toggle{float:right;display:block;width:1.5rem;height:1.5rem;position:absolute;top:30px;right:16px;background:url('images/ic_menu.svg') no-repeat center center}.navbar a.button-toggle.active{display:block;background:url('images/ic_close.svg') no-repeat center center}.navbar .navbar-menu{float:none;display:none;padding:0;margin:0}.navbar .navbar-menu.active{display:block;box-shadow:0 5px 5px rgba(0,0,0,0.3);margin-top:-1px}.navbar .navbar-menu.active>li{display:flex;text-align:center;justify-content:center;align-items:center;margin:0}.navbar .navbar-menu.active>li a{display:block;width:100%;color:#000000;margin-top:0;padding:16px;background-color:#ccc}.navbar .navbar-menu.active>li a:hover{background-color:#ddd}.navbar .navbar-menu.active>li:not(:last-child ){border-bottom:1px solid #fff}}.second-menu{font-size:1.6rem;font-weight:bold;position:sticky;top:90px;background:#ffffff}.second-menu .container{display:flex;justify-content:center;margin:24px auto;padding:16px}.second-menu .container>a.item{display:block;width:230px;text-align:center;cursor:pointer;flex-shrink:0;color:#ffffff;background-color:#28b46d;padding:16px;border-radius:48px;box-shadow:2px 3px 2px #a6a6a6;text-decoration:none}.second-menu .container>a.item:hover{color:#ffffff;background-color:#1f8a55;transition:background-color .3s ease-in-out}.second-menu .container>a.item:active{opacity:.5}.second-menu .container>a.item.active{color:#ffffff;background:#fdaf09}.second-menu .container>a.item:not(:last-child ){margin-right:24px}@media screen and (max-width:850px){.second-menu{font-size:1.2rem}.second-menu .container{margin:0 auto}.second-menu .container>a.item{width:auto;min-width:110px;padding:8px}.second-menu .container>a.item:not(:last-child ){margin-right:8px}}@media screen and (max-width:430px){.second-menu{font-size:1rem}.second-menu .container>a.item{padding:8px}}@media screen and (max-width:360px){.second-menu{font-size:.8rem}}.master .container{width:100%;max-width:100%;text-align:center;padding:0}.master .container img{margin:0 auto;width:100%}@media screen and (max-width:750px){.master .container img{margin-top:90px;content:url('images/img_master_m.png')}}.main.home{display:flex;flex-direction:column;gap:32px}.main.home .level-group{display:flex;flex-shrink:0;gap:24px;margin-top:32px}.main.home .level-group a.level-item-group{position:relative;display:block;flex:1;padding:1em;border-radius:16px;border:3px solid #1b496a;text-decoration:none}.main.home .level-group a.level-item-group .level-item-title{color:#ffffff;background-color:#1b496a;font-size:1.6rem;font-weight:bold;text-align:center;margin-top:-1.5em;border-radius:32px;padding:4px}.main.home .level-group a.level-item-group .level-item-text{color:#000000;margin:1em 0 2em 0}.main.home .level-group a.level-item-group .level-item-link{position:absolute;right:16px;font-weight:bold;bottom:16px;color:#1b496a;text-decoration:none;padding:8px 32px;border:2px solid #1b496a;border-radius:10em;transition:background-color .5s ease-in-out}.main.home .level-group a.level-item-group:hover .level-item-link{background-color:#595959;border-color:#595959;color:#ffffff}@media screen and (max-width:1200px){.main.home .level-group{flex-direction:column;gap:3em}}.main.home .video-group{background-color:#d5f4ff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.main.home .video-group .video-title{color:#1b496a;font-size:1.6rem;font-weight:bold}.main.home .video-group .video-item-group{display:flex;flex-shrink:0;gap:24px}.main.home .video-group .video-item-group a.video-item{display:block;flex:1;position:relative}.main.home .video-group .video-item-group a.video-item .video-item-img{width:100%;padding:4px;filter:brightness(.6)}.main.home .video-group .video-item-group a.video-item .video-item-img:hover{filter:brightness(.3);transition:filter .3s ease-in-out}.main.home .video-group .video-item-group a.video-item .video-item-title{font-weight:bold;color:#ffffff;text-decoration:none;padding:8px 0;position:absolute;bottom:1em;left:1em;right:1em;display:flex;align-items:center;gap:8px}.main.home .video-group .video-item-group a.video-item .video-item-title .video-item-icon{background-color:#ffffff;border-radius:10em;color:#595959;width:1.5em;height:1.5em;transform:rotate(90deg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.main.home .video-group .video-item-group a.video-item:hover .video-item-img{filter:brightness(.3)}@media screen and (max-width:1200px){.main.home .video-group .video-item-group{flex-direction:column;gap:3em}}.main.course .course-info{background:#f8f2d0;border-radius:24px;padding:40px 32px;display:flex;align-items:center;margin-bottom:40px;text-decoration:none}.main.course .course-info .info-img-pc{min-width:264px;margin-right:32px;line-height:0}.main.course .course-info .info-img-pc img{width:100%;border-radius:16px}.main.course .course-info .info-img-mobile{display:none;width:100%;border-radius:4px}.main.course .course-info .info-img-mobile img{width:100%;border-radius:16px}.main.course .course-info .info-item .info-title{font-size:1.7rem;font-weight:bold;padding:8px 0;color:#000000}.main.course .course-info .info-item .info-text{color:#8c8c8c}.main.course .course-info:hover .info-item .info-title{text-decoration:underline;text-decoration-color:#000000}.main.course .course-info:hover .info-item .info-text{text-decoration:underline;text-decoration-color:#8c8c8c}@media screen and (max-width:800px){.main.course .course-info{margin-bottom:24px;flex-direction:column;padding:16px}.main.course .course-info .info-img-pc{display:none}.main.course .course-info .info-img-mobile{display:block}.main.course .course-info .info-item .info-title{font-size:1rem}.main.course .course-info .info-item .info-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.main.course .course-list-group>*{padding:8px}.main.course .course-list-group>*:not(:last-child){border-bottom:1px solid #DBDBDB}.main.course .course-list-group a.course-item{display:flex;text-decoration:none;align-items:flex-start;gap:16px;padding:16px 24px}.main.course .course-list-group a.course-item .item-article-group{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.main.course .course-list-group a.course-item .item-article-group .item-title{font-size:1.2rem;color:#1b496a;font-weight:bold}.main.course .course-list-group a.course-item .item-article-group .item-text{color:#000000}.main.course .course-list-group a.course-item .item-article-group .course-item-link{font-weight:bold;transition:background-color .5s ease-in-out;color:#1b496a;text-decoration:none;padding:8px 32px;border:2px solid #1b496a;border-radius:10em;margin-left:auto}.main.course .course-list-group a.course-item .course-item-img{flex-shrink:0;width:18%;height:18%}.main.course .course-list-group a.course-item:hover .item-article-group .course-item-link{background-color:#595959;border-color:#595959;color:#ffffff}@media screen and (max-width:430px){.main.course .course-list-group>*:first-child{border-top:1px solid #DBDBDB}.main.course .course-list-group>*:last-child{border-bottom:1px solid #DBDBDB}.main.course .course-list-group .course-item .item-article-group{flex:1}.main.course .course-list-group .course-item .item-article-group .item-title{padding:0;font-size:1.2rem}.main.course .course-list-group .course-item .item-article-group .item-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main.course .course-list-group .course-item .course-item-img{display:none}}.main.course a.article-back{display:flex;font-size:1.2rem;color:#000000;text-decoration:none;font-weight:bold;align-items:center;background:#ffffff;position:sticky;top:90px;height:60px}.main.course a.article-back:before{content:"";width:1em;height:1em;margin-right:8px;display:inline-block;background:url(images/ic_arrow.svg) no-repeat center center;background-size:contain}@media screen and (max-width:700px){.main.course a.article-back{font-size:1rem}}.main.course a.article-back:active{opacity:1}.main.course article.article-group{font-size:1rem}.main.course article.article-group .article-img{width:100%;border-radius:24px}.main.course article.article-group .article-img img{margin:32px 0}.main.course article.article-group h1{font-size:1.7rem;font-weight:bold;margin:16px 0;color:#1b496a}.main.course article.article-group>section{margin-bottom:32px;font-size:1rem}.main.course article.article-group>section h2{font-size:1.2rem;font-weight:bold;color:#cc8a07}.main.course article.article-group>section h3{font-size:1rem;font-weight:bold;margin-top:16px}.main.course article.article-group>section ol,.main.course article.article-group>section ul{padding-left:1.5em}.main.course article.article-group>section img{display:block;margin:16px auto;width:90%}.main.course article.article-group>section img.Straight{margin:16px auto;width:360px}.main.course article.article-group>section a{color:#D70029}@media screen and (max-width:430px){.main.course article.article-group .article-img{width:100%;border-radius:8px}.main.course article.article-group h1{font-size:1.2rem;margin-bottom:24px}.main.course article.article-group>section{margin-bottom:32px;font-size:1rem}.main.course article.article-group>section h2{font-size:1.2rem}.main.course article.article-group>section h3{font-size:1rem;margin-top:8px}.main.course article.article-group>section img{width:90%}.main.course article.article-group>section img.Straight{width:90%}}.main.video .video-group .video-list-title{font-size:1.6rem;color:#ffffff;font-weight:bold;text-align:center;background-color:#1b496a;border-radius:4px;padding:8px}.main.video .video-group .video-list-subtitle{font-size:1.2rem;color:#1b496a;font-weight:bold;padding:8px 0}.main.video .video-group .video-list-subtitle+.video-item-group{padding-top:0 !important}.main.video .video-group .video-item-group{display:flex;flex-wrap:wrap;gap:32px;padding:32px 0}.main.video .video-group .video-item-group a.video-item{display:block;color:#000000;font-weight:bold;text-decoration:none;width:265px}.main.video .video-group .video-item-group a.video-item .item-img{background:#000000 url("images/icon_loading.gif") center center no-repeat;aspect-ratio:16 / 9}.main.video .video-group .video-item-group a.video-item .item-img img{width:100%;display:block;aspect-ratio:16 / 9;transition:transform .3s ease-in-out}.main.video .video-group .video-item-group a.video-item .item-img:hover{transition:transform .3s ease-in-out;overflow:hidden}.main.video .video-group .video-item-group a.video-item .item-img:hover img{transform:scale(1.1)}.main.video .video-group .video-item-group a.video-item .item-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:8px 0}@media screen and (max-width:1200px){.main.video .video-group .video-item-group{flex-direction:column;gap:32px 0}.main.video .video-group .video-item-group a.video-item{width:100%;margin-bottom:32px}}@media screen and (max-width:430px){.main.video .video-group .video-list-title{font-size:1rem}}footer{margin-top:32px;background:#ccc;font-weight:bold}footer .container{padding:16px;display:flex;align-items:center}footer .container a.logo{display:block;width:250px;flex-shrink:0}footer .container a.logo img{width:100%}footer .container .info{text-align:left;flex-shrink:0;font-size:.8rem}footer .container .copyright{display:flex;font-size:.8rem}footer .container>*:not(:last-child){margin-right:24px}@media screen and (max-width:1200px){footer .container{flex-direction:column;align-items:flex-start}}@media screen and (max-width:600px){footer .container a.logo{width:140px}footer .container .copyright{align-items:flex-start;flex-direction:column}}