@import "https://fonts.googleapis.com/css?family=Nunito";.course .courseBackground{background-color:#fafafa}.course .courseBackground .courseContent{text-align:left;padding:0 30px;font-family:sans-serif}.course .courseBackground .courseContent .color0{background-color:#76b53f}.course .courseBackground .courseContent .color1{background-color:#ffa800}.course .courseBackground .courseContent .color2{background-color:#e02e58}.course .courseBackground .courseContent .headDate{color:#fff;text-indent:10px;width:500px;margin-top:15px;padding:5px 0}.course .courseBackground .courseContent .detailDate{color:#9ba2ab;margin-left:40px}.course .courseBackground .courseContent .wrap{padding:5px 0 5px 15px}.course .courseBackground .courseContent .wrap .leftImg{width:250px;height:300px;overflow:hidden}.course .courseBackground .courseContent .wrap .leftImg img{object-fit:cover;width:250px;height:300px}.course .courseBackground .courseContent .wrap .txt{flex-direction:column;padding-left:40px;display:flex}.course .courseBackground .courseContent .wrap .txt .detailButton{border-radius:50px;width:80px}.course .courseBackground .courseContent .wrap .txt .detailButton:hover{color:#fff}.course .courseBackground .courseContent .wrapColor0:hover{color:#fff;background-color:#76b53f}.course .courseBackground .courseContent .wrapColor0:hover tbody tr{color:#fff}.course .courseBackground .courseContent .wrapColor0:hover tbody div button{color:#fff;border-color:#fff}.course .courseBackground .courseContent .wrapColor1:hover{color:#fff;background-color:#ffa800}.course .courseBackground .courseContent .wrapColor1:hover tbody tr{color:#fff}.course .courseBackground .courseContent .wrapColor1:hover tbody div button{color:#fff;border-color:#fff}.course .courseBackground .courseContent .wrapColor2:hover{color:#fff;background-color:#e02e58}.course .courseBackground .courseContent .wrapColor2:hover tbody tr{color:#fff}.course .courseBackground .courseContent .wrapColor2:hover tbody div button{color:#fff;border-color:#fff}.course .courseBackground .courseContent .split-line{background:#333 linear-gradient(90deg,#ccc,#333,#ccc);border:0;height:1px;margin-top:-.5px;margin-bottom:-.5px}.course .thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.course .thumbnail img{width:auto;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course .thumbnail img .portrait{width:100%;height:auto}.course .midText{z-index:1;width:100%;font-size:2.5vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course .meta-box{position:relative}.course .block_2:after{content:" ";z-index:0;background-color:#00000080;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.course .block_2:hover:after{display:block}@media (width<=500px){.course .meta-box{float:left;width:50%;height:50%}}@media (width>=501px) and (width<=767px){.course .meta-box{float:left;width:33.3333%;height:50%}}@media (width>=768px) and (width<=900px){.course .meta-box{float:left;width:50%;height:50%}}@media (width>=901px){.course .meta-box{float:left;width:33.3333%;height:50%}}.course .meta-box:hover>img,.course .meta-box>div{display:none}.course .meta-box a,.course .meta-box>img{width:100%;height:100%;display:block}.course .meta-box:hover>div{cursor:pointer;text-align:center;vertical-align:middle;color:#fff;background-size:100% 100%;width:100%;height:100%;font-size:110%;display:block}.course .course-detail{flex-direction:column;min-height:100%;padding:0 10%;display:flex}.course .course-detail .year{background-color:#ffa800;margin-top:5vh}.course #schedule{border-collapse:collapse;width:100%;font-family:Trebuchet MS,Arial,Helvetica,sans-serif}.course #schedule td,.course #schedule th{border:1px solid #98bf21;padding:3px 7px 2px;font-size:1em}.course #schedule th{text-align:left;color:#fff;background-color:#a7c942;padding-top:5px;padding-bottom:4px;font-size:1.1em}.course #schedule tr.alt td{color:#000;background-color:#eaf2d3}@media (width>=768px){.course.footer{max-height:0;padding:0;overflow:hidden}.course.my-content{height:100vh}}.home.my-content{overflow:hidden}.home .thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.home .thumbnail img{width:auto;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home .thumbnail img .portrait{width:100%;height:auto}.home .content{height:100%;padding:0;overflow:hidden}@media (width>=768px){.home .content{height:calc(100vh - 20px);animation-name:home-animate;animation-duration:2s;animation-delay:1.2s;animation-fill-mode:both}}.home .content{animation:none}.home .lSPager.lSpg{transform:translateY(-100px)}@keyframes home-animate{0%{opacity:0}to{opacity:1}0%{opacity:0;transform:translate(-2000px)}to{transform:translate(0)}}.industry .blackbox{z-index:1;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5vmin;display:flex}.industry .blackbox img.logo{object-fit:contain!important;width:50%!important;height:50%!important;position:sticky!important}.industry .blackbox .name{margin:15px 0}.industry .blackbox.color0 .name{border-bottom:3px solid #3e8b94}.industry .blackbox.color1 .name{border-bottom:3px solid #76b53f}.industry .blackbox.color2 .name{border-bottom:3px solid #e02e58}.industry #industry-grid{flex-wrap:wrap;width:100%;display:flex}@media screen and (width<=576px){.industry #industry-grid{flex-direction:column}}.industry #industry-grid .meta-box{width:50%;height:33.33vh;display:flex;position:relative}@media screen and (width<=576px){.industry #industry-grid .meta-box{width:100%}}.industry #industry-grid .meta-box img{object-fit:cover;width:100%;height:100%;position:absolute}.industry #industry-grid .meta-box a{color:#fff;width:100%;height:100%;position:absolute}.industry #industry-grid .meta-box a:hover{text-decoration:none}.industry #industry-grid .meta-box a:hover .blackbox{visibility:hidden}@media (width>=768px){.industry.footer{max-height:0;padding:0;overflow:hidden}.industry.my-content{height:100vh}}.industry-detail .thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.industry-detail .thumbnail img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.industry-detail .thumbnail img .portrait{width:100%;height:auto}.industry-detail .content{height:100vh;padding:0;overflow:hidden}.industry-detail .lSPager.lSpg{transform:translateY(-100px)}@media (width>=768px){.industry-detail.footer{max-height:0;padding:0;overflow:hidden}.industry-detail.my-content{height:100vh}}.project .midText{z-index:1;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5vmin;display:flex}.project .midText.color0 .year{border-bottom:3px solid #3e8b94}.project .midText.color0:hover{background-color:#3e8b9480}.project .midText.color0:hover .year{border-bottom:3px solid #fff}.project .midText.color1 .year{border-bottom:3px solid #76b53f}.project .midText.color1:hover{background-color:#76b53f80}.project .midText.color1:hover .year{border-bottom:3px solid #fff}.project .midText.color2 .year{border-bottom:3px solid #e02e58}.project .midText.color2:hover{background-color:#e02e5880}.project .midText.color2:hover .year{border-bottom:3px solid #fff}.project .midText .year{margin:15px 0}.project .midText .intro{max-height:180px;padding:0 10px;overflow:hidden}.project #project-grid{flex-wrap:wrap;display:flex}@media screen and (width<=576px){.project #project-grid{flex-direction:column}}.project #project-grid .meta-box{width:50%;height:calc(50vh - 21px);display:flex;position:relative}@media screen and (width<=576px){.project #project-grid .meta-box{width:100%}}.project #project-grid .meta-box img{object-fit:cover;width:100%;height:100%;position:absolute}.project #project-grid .meta-box a{color:#fff;width:100%;height:100%;padding:10%;position:absolute}.project #project-grid .meta-box a:hover{text-decoration:none}@media (width>=768px){.project.footer{max-height:0;padding:0;overflow:hidden}.project.my-content{height:100vh}}.project-detail-side .p-content{height:calc(100% - 100px)}.project-detail-side .p-content img{width:70%;height:auto}.project-detail-side .p-content .description{width:80%}.project-detail-side .p-content .btn-back{color:#000;background-color:#fff;margin-right:-15px;padding:5px 15px;position:absolute;top:10%;right:0}.project-detail-side .p-content .btn-back:hover{text-decoration:none}.project-detail-side .p-content .taglist{flex-wrap:wrap;margin-top:auto;margin-bottom:30px;display:flex}.project-detail{text-align:left;background-color:#fafafa;flex-direction:column;min-height:100vh;padding:0 10%;display:flex}.project-detail #image-slide{margin-top:5vh}.project-detail #image-slide img{object-fit:cover;width:100%;height:30vh;padding:5px 0}.project-detail .tech-intro{margin:15px 0;padding:0 15px}.project-detail .button-row{margin-top:15px;padding-left:30px}.team #mainarea{flex-wrap:wrap;width:100%;display:flex}.team #mainarea .profile-box{cursor:pointer;flex-direction:column;flex:0 0 33.3%;justify-content:flex-start;align-items:center;height:calc(50vh - 21px);min-height:400px;display:flex;position:relative;overflow:hidden}@media (width<=768px){.team #mainarea .profile-box{flex:0 0 100%}}.team #mainarea .profile-box img{object-fit:cover;width:100%;height:calc(50vh - 170px);min-height:300px}.team #mainarea .profile-box .block-body{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:150px;display:flex;position:absolute;bottom:0;left:0}.team #mainarea .profile-box .block-body .identity{margin:10px 0}.team #mainarea .profile-box .block-body .identity.color0{border-bottom:3px solid #3e8b94}.team #mainarea .profile-box .block-body .identity.color1{border-bottom:3px solid #76b53f}.team #mainarea .profile-box .block-body .identity.color2{border-bottom:3px solid #e02e58}.team #mainarea .profile-box .block-info{flex:auto;padding:0 15px}.team .fix{z-index:999;background-color:#fff;width:600px;height:700px;position:fixed;top:5%;left:30%}.team .fix .font{font-family:微軟正黑體;font-size:16px}.team .fix .justify{text-align:justify;text-justify:inter-word;height:200px;text-justify:inter-ideograph;text-align-last:justify}.team .fix .image_detail{weight:800px;height:300px;margin:auto;display:block;position:relative}@media (width>=768px){.team.footer{max-height:0;padding:0;overflow:hidden}.team.my-content{height:100vh}}.team .team-detail{background-color:#fafafa;flex-direction:column;min-height:100vh;padding:0 10%;display:flex}.team .team-detail h2{margin-top:15vh}.team .team-detail button{margin:15px 0}.team .team-detail .title{border-top:.5px solid #000;margin-top:15px;padding:15px;font-weight:700}.team-detail-side .p-content img{width:70%;height:auto}.team-detail-side .p-content .description{width:80%}.team-detail-side .p-content .btn-back{color:#000;background-color:#fff;margin-right:-15px;padding:5px 15px;position:absolute;top:10%;right:0}.team-detail-side .p-content .btn-back:hover{text-decoration:none}.team-detail-side .p-content .taglist{flex-wrap:wrap;display:flex}.covered{opacity:.5;z-index:800;background-color:#000;width:100%;height:100vh;margin:0;display:none;position:fixed}.paper{text-align:left;height:100%;padding:50px 10% 15px}.paper .year-row{color:#4695b7;flex-direction:column;padding:0 15px;display:flex}.paper .year-row .year-title{display:flex}.paper .year-row .year-title button{background-color:#0000;border:none;padding:0 15px;font-weight:bolder}.paper .year-row .paper-list{flex-direction:column;padding:15px 35px;display:flex}.paper .year-row .paper-list .paper-element{flex-direction:row;width:100%;padding:15px 0;display:flex}.paper .year-row .paper-list .paper-element .img-link{flex-shrink:0;width:35%;height:155px;padding-right:20px}.paper .year-row .paper-list .paper-element .img-link img{object-fit:contain;width:100%;height:100%}.paper .year-row .paper-list .paper-element .context{flex-direction:column;display:flex}.paper .year-row .paper-list .paper-element .context .name-row{display:flex}.paper .year-row .paper-list .paper-element .context p{width:100%;height:100%;max-height:100px;overflow:hidden}.paper.container-fluid{flex-direction:column;justify-content:space-around;display:flex}.paper.container-fluid .btn-back{color:#000;background-color:#fff;margin-right:-15px;padding:5px 15px;position:absolute;top:10%;right:0}.paper.container-fluid .btn-back:hover{text-decoration:none}.paper .paper-title{text-align:center;padding-top:20px;padding-bottom:15px;font-size:x-large;font-weight:700}.paper .paper-media{width:100%;height:200px;display:flex}.paper .paper-media .img-outline{flex:1;margin:2px}.paper .paper-media .img-outline img{object-fit:contain;width:100%;height:100%}.paper .paper-author{flex-direction:column;justify-content:space-around;font-size:large;display:flex}.paper .paper-author .author-element{margin:5px 0}.paper .paper-author .author-element .school{font-size:.8em}.paper .paper-links{flex-direction:column;display:flex}.paper .bibtex{background:#f0f0f0;margin-bottom:15px;padding:10px}.paper .split-line{background:#333 linear-gradient(90deg,#ccc,#333,#ccc);border:0;height:1px;margin-top:-.5px;margin-bottom:-.5px}.paper .box{margin-bottom:20px}.paper .box2{margin-bottom:30px}@media (width>=768px){.paper.footer{max-height:0;padding:0;overflow:hidden}.paper.my-content{height:100vh}.courseDetail.footer{max-height:0;padding:0;overflow:hidden}.courseDetail.my-content{height:100vh}}html{max-height:100vh;position:relative}.my-nav{z-index:200;background-color:#fff;height:50px;padding:0;position:fixed}@media (width>=768px){.my-nav{height:100vh;position:static}}.my-nav .sidebar{background-color:#eaeae9;width:100%;height:auto;max-height:0;position:fixed;top:50px;overflow:hidden}@media (width>=768px){.my-nav .sidebar{background-color:#fff;display:block;position:relative;bottom:calc(100vh - 593px);overflow:visible}}@media (width>=1400px){.my-nav .sidebar{display:block;position:relative;top:calc(100vh - 655px);overflow:visible}}.my-nav .sidebar.collapse{max-height:100vh}.my-nav .sidebar .sider{cursor:pointer;background-color:#eaeae9;width:100%;padding:10px;bottom:0}@media (width>=768px){.my-nav .sidebar .sider{background:linear-gradient(270deg,#fff 50%,#299baf 50%) 100% 100%/200% 100%;transition:all 1s}}.my-nav .sidebar .sider a{color:#2d343a;margin:auto;display:block}@media (width>=768px){.my-nav .sidebar .sider a{writing-mode:vertical-lr;animation-name:text-animate;animation-duration:1.2s;animation-delay:.5s;animation-fill-mode:both;transform:rotate(180deg)}}.my-nav .sidebar .sider.active{background-color:#d9d8d4}@media (width>=768px){.my-nav .sidebar .sider.active{background-color:#299baf;background-position:0 100%;animation-name:sider-animate;animation-duration:.85s;animation-fill-mode:both}}.my-nav .sidebar .sider:hover{background-position:0 100%}.my-nav .sidebar .sider:hover a{text-decoration:none}.my-nav .sidelogo{width:100%;margin:auto;display:block}@media (width<=767px){.my-nav .sidelogo{width:auto;height:100%;margin-left:0}}.my-nav .textlogoRWD{width:50%;height:auto;position:inherit;margin-left:50px;top:5px}@media (width>=768px){.my-nav .textlogoRWD{display:none}}.my-nav .jackInTheBox{animation-name:jackInTheBox;animation-delay:.3s}@media (width<=768px){.my-nav .jackInTheBox{animation:none}}.my-nav .nav-button{background-color:#0000;border:0;display:block;position:absolute;top:5px;right:15px}@media (width>=768px){.my-nav .nav-button{display:none}}.my-nav .nav-button .bar1,.my-nav .nav-button .bar2,.my-nav .nav-button .bar3{background-color:#333;width:35px;height:5px;margin:6px 0;transition:all .4s}.my-nav .nav-button.change .bar1{transform:rotate(-45deg)translate(-9px,6px)}.my-nav .nav-button.change .bar2{opacity:0}.my-nav .nav-button.change .bar3{transform:rotate(45deg)translate(-8px,-8px)}.my-title{z-index:100;background-color:#c7d4da;height:auto;padding:70px 0 0}@media (width>=768px){.my-title{height:100vh;padding-top:5vh;animation-name:my-title-animate;animation-duration:.85s;animation-fill-mode:both}}.my-title .textlogo{width:35%;margin-left:10%;animation-name:text-animate;animation-duration:1.2s;animation-delay:1s;animation-fill-mode:both;display:none}@media (width>=768px){.my-title .textlogo{display:initial}}.my-title .allpointlogo{width:10%;animation-name:flipInY;animation-duration:1.2s;animation-delay:.5s;animation-fill-mode:both;display:inline;position:absolute;top:0;right:75px}@media (width<=768px){.my-title .allpointlogo{display:none}}.my-title .pointlogo{position:inherit;width:50%;animation-name:vanishIn;animation-duration:1.2s;animation-fill-mode:both}.my-title .pointword{position:inherit;writing-mode:vertical-lr;-webkit-user-select:none;user-select:none;opacity:0;width:50%;height:max-content;animation-name:vanishOut;animation-duration:1.2s;animation-fill-mode:both}.my-title .vanishIn{animation-name:vanishIn;animation-duration:1.2s;animation-fill-mode:both}.my-title .vanishOut{animation-name:vanishOut;animation-duration:1.2s;animation-fill-mode:both}.my-title .linelogo-1{width:25%;margin-top:4%;margin-left:8%;animation-name:linelogo-animate;animation-duration:2s;animation-delay:1.2s;animation-fill-mode:both}@media (width<=768px){.my-title .linelogo-1{display:none}}.my-title .linelogo-2{width:25%;margin-left:8%;animation-name:linelogo-animate;animation-duration:2s;animation-delay:1.2s;animation-fill-mode:both}@media (width<=768px){.my-title .linelogo-2{animation:none;display:none}}.my-title .logobuttom{display:none;position:absolute;bottom:0}@media (width>=768px){.my-title .logobuttom{animation:none;display:block}}.my-title .text-1{color:#3e8b94;margin-left:6vw;font-family:Nanum Gothic,sans-serif;font-size:10vw;line-height:normal;animation:none}@media (width>=768px){.my-title .text-1{margin-left:10%;padding-top:3%;font-size:2.5vw;line-height:120%;animation-name:text-animate;animation-duration:1.2s;animation-delay:1s;animation-fill-mode:both}}.my-title .text-2{color:#2d343a;margin-left:6vw;padding-top:3%;padding-right:3%;font-family:微軟正黑體,sans-serif;font-size:100%;line-height:125%;animation:none}@media (width>=768px){.my-title .text-2{margin-left:10%;animation-name:text-animate;animation-duration:1.2s;animation-delay:1s;animation-fill-mode:both}}.my-content{height:auto;padding:0}@media (width>=768px){.my-content{height:calc(100vh - 100px);overflow:hidden scroll}.my-content::-webkit-scrollbar{width:0!important}.my-content{overflow:-moz-scrollbars-none;-ms-overflow-style:none}}.footer{background-color:#299baf;width:100%;height:150px;padding:8px}@media (width>=768px){.footer{height:100px;max-height:100px;animation-name:footer-animate;animation-duration:.85s;animation-fill-mode:both;position:fixed;bottom:0}}.footer .copyright-text{color:#fff;margin-right:1%;font-family:微軟正黑體,sans-serif;font-size:1.2vh;animation:none}@media (width>=768px){.footer .copyright-text{line-height:180%;animation-name:text-animate;animation-duration:1.2s;animation-delay:3.2s;animation-fill-mode:both}}.footer p{margin:0}@keyframes my-title-animate{0%{height:0}to{height:100vh}}@keyframes sider-animate{0%{opacity:0;margin-left:-10vw}to{marginLeft:0vw;opacity:1}}@keyframes footer-animate{0%{bottom:-100px}to{bottom:0}}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px)rotateY(90deg)}40%{transform:perspective(400px)rotateY(-10deg)}70%{transform:perspective(400px)rotateY(10deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes linelogo-animate{0%{max-height:0}to{max-height:100vw}}@keyframes text-animate{0%{opacity:0}to{opacity:1}}@keyframes vanishIn{0%{opacity:0;transform-origin:50%;filter:blur(90px);transform:scale(2)}to{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}}@keyframes vanishOut{0%{opacity:1;transform-origin:50%;filter:blur();transform:scale(1)}to{opacity:0;transform-origin:50%;filter:blur(20px);transform:scale(2)}}@keyframes rotateOut{0%{transform-origin:50%}to{transform-origin:50%;transform:rotate(200deg)}}.rotateOut{animation-name:rotateOut;animation-fill-mode:both}@keyframes rotateIn{0%{transform-origin:50%;transform:rotate(-200deg)}to{transform-origin:50%;transform:translate(0,0)}}.rotateIn{animation-name:rotateIn}ul{margin:0;padding:0;list-style:none}ul.drop-down-menu{border:1px solid #ccc;font-family:Open Sans,Arial,sans-serif;font-size:13px;display:inline-block}ul.drop-down-menu li{white-space:nowrap;border-right:1px solid #ccc;position:relative}ul.drop-down-menu>li:last-child{border-right:none}ul.drop-down-menu>li{float:left}ul.drop-down-menu a{color:#333;background-color:#fff;padding:0 30px;line-height:40px;text-decoration:none;display:block}ul.drop-down-menu a:hover,ul.drop-down-menu a.active{color:#fff;background-color:#ef5c28!important}ul.drop-down-menu li:hover>a{color:#fff;background-color:#ef5c28}ul.drop-down-menu ul{z-index:99;border:1px solid #ccc;min-width:180px;position:absolute;top:100%;left:-1px}ul.drop-down-menu ul li{border-bottom:1px solid #ccc}ul.drop-down-menu ul li:last-child{border-bottom:none}ul.drop-down-menu ul ul{z-index:999;top:10px;left:90%}ul.drop-down-menu ul{opacity:0;transition:opacity .3s;left:99999px}ul.drop-down-menu li:hover>ul{opacity:1;border-right:5px;transition:opacity .3s;left:-1px}ul.drop-down-menu li:hover>ul ul{left:99999px}ul.drop-down-menu ul li:hover>ul{left:90%}.p-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:30px;padding:0 5%;display:flex;position:relative}.p-content label{margin:5px 5px 5px 0;font-weight:700}.btn-rad{background-color:#0000;border:.5px solid #000;border-radius:10px;width:auto;padding:0 15px}.btn-rad:hover{background-color:#41a5af}.project-element-list{flex-direction:column;margin-bottom:15px;display:flex}.project-element-list .list-item{grid-template:"imgCol introRow"65%"imgCol buttonRow"35%/200px auto;max-height:205px;display:grid}.project-element-list .list-item .img-col{object-fit:cover;grid-area:imgCol;width:200px;height:200px;padding:15px}.project-element-list .list-item .intro-row{text-overflow:ellipsis;grid-area:introRow;padding:15px 15px 5px;overflow:hidden}.project-element-list .list-item .button-row{border-bottom:.5px solid #000;grid-area:buttonRow;align-items:center;padding:5px 15px;display:flex}.project-element-list .list-item .button-row.reverse{justify-content:flex-end}.project-element-list .list-item .button-row button{margin:auto 10px}.project-element-list .list-item:last-child .button-row{border:none}