@charset "UTF-8";.innerBanner{padding-top:120px;padding-bottom:100px}@media only screen and (max-width:900px){.innerBanner{padding-top:60px;padding-bottom:50px}}.course .container{width:85%;margin:auto}@media only screen and (max-width:1200px){.course .container{width:calc(100% - 120px)}}@media only screen and (max-width:575px){.course .container{width:calc(100% - 40px)}}.course .innerBanner .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:900px){.course .innerBanner .container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.course .innerBanner .heading{max-width:969px}.course .innerBanner .heading .value{margin-left:15px;margin-right:5px}@media only screen and (min-width:901px){.course .innerBanner .anchorBlk{margin-right:-50px;max-width:470px}}@media only screen and (max-width:900px){.course .innerBanner .anchorBlk{margin-top:40px;margin-left:-50px}}@media only screen and (max-width:768px){.course .innerBanner .anchorBlk{margin-left:-35px}}.course .innerBanner .anchorBlk multipurpose-nav[m4-type=drag] .drag-container .navigation .button.hide{opacity:0}.course .block1:not(.noPic){background:#FFF}.course .block1:not(.noPic) .continuousBg{display:none}.course .block1 .container+.container{padding:150px 0}@media only screen and (max-width:900px){.course .block1 .container+.container{padding:80px 0}}.course .block1 .txt-box{max-width:720px;margin-left:0;margin-top:80px}@media only screen and (max-width:575px){.course .block1 .txt-box{margin-top:0px}}.course .block1 .txt-box .paragraphTitle+.text{margin-top:15px}.course .block1 .pic-box{position:relative}.course .block1 .pic-box .pic{position:relative;width:100%;overflow:hidden}.course .block1 .pic-box .pic:before{content:"";display:block;width:100%;height:100%;padding-top:49.0196078431%}.course .block1 .pic-box .pic img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}@media only screen and (max-width:1024px){.course .block1 .pic-box .pic{position:relative;width:100%;overflow:hidden}.course .block1 .pic-box .pic:before{content:"";display:block;width:100%;height:100%;padding-top:54.0540540541%}.course .block1 .pic-box .pic img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}@media only screen and (max-width:500px){.course .block1 .pic-box .pic{position:relative;width:100%;overflow:hidden}.course .block1 .pic-box .pic:before{content:"";display:block;width:100%;height:100%;padding-top:69.0690690691%}.course .block1 .pic-box .pic img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}.course .block1 .pic-box .pic.aost-show+.depText{opacity:1}.course .block1 .pic-box .depText{position:absolute;max-width:47.1813%;bottom:0;left:48px;-webkit-transform:translateY(100%);transform:translateY(100%);color:#0049D6;font-family:"LALIGA-Headline-wide","Noto Sans TC","微軟正黑體修正","Microsoft JhengHei","微軟正黑體",sans-serif;font-size:clamp(2.5rem,9.375vw,11.25rem);font-weight:400;line-height:1.1;mix-blend-mode:difference;z-index:2;opacity:0;-webkit-transition:0.4s opacity 0.5s;transition:0.4s opacity 0.5s}.course .block1 .pic-box .depText span{display:block}@media only screen and (max-width:1200px){.course .block1 .pic-box .depText{left:23px}}@media only screen and (max-width:900px){.course .block1 .pic-box .depText{-webkit-transform:translateY(70%);transform:translateY(70%)}}.course .block1 .pic-box+.txt-box{width:45%;max-width:610px;margin-left:auto;padding-right:96px}@media only screen and (max-width:1200px){.course .block1 .pic-box+.txt-box{padding-right:0px}}@media only screen and (max-width:900px){.course .block1 .pic-box+.txt-box{width:100%;max-width:100%}}@media only screen and (max-width:575px){.course .block1 .pic-box+.txt-box{margin-top:55px}}.course .block1 .chart{margin-top:40px;padding-top:40px;border-top:1px solid #BFBFBF}.course .block1 .chart.active .chartList ul li:not(.active){opacity:0.5}.course .block1 .chart.active .chartContent .item .slice:not(.show) span{background-color:#E7E7E7!important}.course .block1 .chart.active .chartContent .item .legend li:not(.show):before{background-color:#EAEAEA!important}.course .block1 .chart .chartList ul{gap:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course .block1 .chart .chartList ul li{font-weight:700;line-height:1.8;-webkit-transition:0.4s opacity;transition:0.4s opacity;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course .block1 .chart .chartList ul li:before{content:"";width:33px;height:5px;display:block;background:var(--itemBg,#000)}.course .block1 .chart .chartList ul li span{margin-left:14px}@media only screen and (max-width:900px){.course .block1 .chart .chartList ul{-ms-flex-wrap:wrap;flex-wrap:wrap}.course .block1 .chart .chartList ul li{width:calc((100% - 24px) / 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media only screen and (max-width:600px){.course .block1 .chart .chartList ul li{width:100%}}.course .block1 .chart .chartContent{margin:0 -10px;margin-top:60px;gap:38px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course .block1 .chart .chartContent .item{max-width:260px;margin-left:auto;padding:0 10px;opacity:0}@media only screen and (min-width:575px) and (max-width:1025px){.course .block1 .chart .chartContent .item{width:33.3333333333%;margin:auto}}@media only screen and (min-width:1025px){.course .block1 .chart .chartContent .item{width:16.6666666667%}.course .block1 .chart .chartContent .item:first-child{margin-left:0}}@media only screen and (max-width:575px){.course .block1 .chart .chartContent .item{width:50%}.course .block1 .chart .chartContent .item:nth-child(odd){margin-left:0}}@media only screen and (max-width:400px){.course .block1 .chart .chartContent .item{max-width:166px}}.course .block1 .chart .chartContent .item .pie{width:100%;overflow:hidden;position:relative}.course .block1 .chart .chartContent .item .pie .info{width:calc(100% - 25px);height:calc(100% - 25px);border-radius:50%;overflow:hidden;z-index:5;text-align:center;font-size:1rem;font-weight:700;line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.course .block1 .chart .chartContent .item .pie .info .name{font-size:2.5rem;margin-top:10px}@media only screen and (max-width:1200px){.course .block1 .chart .chartContent .item .pie .info .name{font-size:1.875rem}}@media only screen and (max-width:768px){.course .block1 .chart .chartContent .item .pie .info .name{font-size:1.25rem}}.course .block1 .chart .chartContent .item .pie:before{content:"";display:block;z-index:1;width:calc(100% - 25px);height:calc(100% - 25px);background:#FFF;border-radius:50%;pointer-events:none;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.course .block1 .chart .chartContent .item .pie:after{content:"";display:block;width:100%;pointer-events:none;padding-top:100%}@media only screen and (max-width:575px){.course .block1 .chart .chartContent .item .pie .info{width:calc(100% - 16px);height:calc(100% - 16px)}.course .block1 .chart .chartContent .item .pie:before{width:calc(100% - 16px);height:calc(100% - 16px)}}.course .block1 .chart .chartContent .item .slice{position:absolute;width:100%;height:100%;pointer-events:none;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.course .block1 .chart .chartContent .item .slice span{display:block;position:absolute;top:0;left:0;background-color:black;width:100%;height:100%;border-radius:50%;-webkit-transition:0.4s background-color;transition:0.4s background-color;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.course .block1 .chart .chartContent .item .legend{max-width:122px;margin:20px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course .block1 .chart .chartContent .item .legend li{width:56px;font-size:1rem;font-weight:600;line-height:1.2}.course .block1 .chart .chartContent .item .legend li:nth-child(n+3){margin-top:22px}.course .block1 .chart .chartContent .item .legend li:after{content:"%";display:inline-block}.course .block1 .chart .chartContent .item .legend li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;overflow:hidden;-webkit-transition:0.4s background-color;transition:0.4s background-color;background:var(--infoColor,#000)}.course .block1 .chart.aost-show .chartContent .item{opacity:1;-webkit-transition:0.5s opacity 1s;transition:0.5s opacity 1s}.course .block1 .chart.aost-show .chartContent .item .slice{-webkit-animation:bake-pie 1s 1s;animation:bake-pie 1s 1s}.course .block2{background:#FFF}.course .block2 .container{padding:150px 0}.course .block2 .container .content{width:94.05637%;margin:80px auto 0 auto}@media screen and (pointer:fine){.course .block2 .container .content .wrap a:hover .moreBtn .btn .arrow{background-position-x:0%!important}.course .block2 .container .content .wrap a:hover .pic-box img{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media screen and (pointer:coarse){.course .block2 .container .content .wrap a:active .moreBtn .btn .arrow{background-position-x:0%!important}.course .block2 .container .content .wrap a:active .pic-box img{-webkit-transform:scale(1.2);transform:scale(1.2)}}.course .block2 .container .content .wrap .flex-box .pic-box{width:50%;aspect-ratio:768/500;overflow:hidden}.course .block2 .container .content .wrap .flex-box .pic-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.course .block2 .container .content .wrap .flex-box .txt-box{width:50%}.course .block2 .container .content .wrap .flex-box .txt-box .main{margin-bottom:60px}.course .block2 .container .content .wrap .flex-box .txt-box .paragraphTitle{margin-bottom:10px}.course .block2 .container .content .wrap .flex-box .txt-box .text{margin-bottom:20px}@media only screen and (min-width:901px){.course .block2 .container .content .wrap:not(:first-child){margin-top:100px}.course .block2 .container .content .wrap:nth-child(2n) .flex-box .txt-box{padding-left:9.381%}.course .block2 .container .content .wrap:nth-child(odd) .flex-box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.course .block2 .container .content .wrap:nth-child(odd) .txt-box{padding-right:9.381%}}@media only screen and (max-width:900px){.course .block2 .container{padding:80px 0}.course .block2 .container .content{width:100%;margin-top:40px}.course .block2 .container .content .wrap:not(:first-child){margin-top:80px}.course .block2 .container .content .wrap .flex-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course .block2 .container .content .wrap .flex-box .pic-box{width:100%}.course .block2 .container .content .wrap .flex-box .txt-box{width:100%;margin-top:20px;padding-bottom:20px}.course .block2 .container .content .wrap .flex-box .txt-box .main{margin-bottom:30px}}.course .block3{position:relative;overflow:hidden}.course .block3 .container{padding:200px 0}@media only screen and (min-width:1201px){.course .block3 .container{width:75%}}@media only screen and (max-width:900px){.course .block3 .container{padding:100px 0}}.course .block3 .container .secTitle.inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course .block3 .container .secTitle .text{margin-top:20px;width:100%}@media only screen and (min-width:901px){.course .block3 .container .secTitle .main{margin-right:auto}}@media only screen and (max-width:900px){.course .block3 .container .secTitle.inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course .block3 .container .secTitle.inline .sub{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.course .block3 .container .secTitle.inline .main{margin-top:20px}.course .block3 .container .secTitle.inline .text{text-align:center}}.course .block3 .container .album{margin-top:80px}@media only screen and (max-width:900px){.course .block3 .container .album{margin-top:40px}}.course .block3 .container .album .flex-box{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-24px}.course .block3 .container .album .flex-box .pic-box{padding:24px;-webkit-transition:0.4s;transition:0.4s;width:33.3333333333%}.course .block3 .container .album .flex-box .pic-box .pic{position:relative;width:100%;overflow:hidden}.course .block3 .container .album .flex-box .pic-box .pic:before{content:"";display:block;width:100%;height:100%;padding-top:71.8390804598%}.course .block3 .container .album .flex-box .pic-box .pic img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}@media only screen and (min-width:769px){.course .block3 .container .album .flex-box .pic-box:first-child,.course .block3 .container .album .flex-box .pic-box:nth-child(2){width:50%}.course .block3 .container .album .flex-box .pic-box .pic img{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:1s -webkit-filter,1s -webkit-transform;transition:1s -webkit-filter,1s -webkit-transform;transition:1s filter,1s transform;transition:1s filter,1s transform,1s -webkit-filter,1s -webkit-transform}}@media only screen and (max-width:900px){.course .block3 .container .album .flex-box{margin:-12px}.course .block3 .container .album .flex-box .pic-box{padding:12px}}@media only screen and (max-width:768px){.course .block3 .container .album .flex-box .pic-box{width:50%}}@media only screen and (max-width:575px){.course .block3 .container .album .flex-box{margin:-5px}.course .block3 .container .album .flex-box .pic-box{padding:5px}}.course .block3 .container .album.active .pic.active img{-webkit-transform:translate3d(-50%,-50%,0) scale(1.2);transform:translate3d(-50%,-50%,0) scale(1.2);-webkit-filter:grayscale(0);filter:grayscale(0)}.course .block3 .container .album .ajaxBtn{margin-top:48px;text-align:center}
/*# sourceMappingURL=course.css.map */