body{font-family:"Open Sans",sans-serif;color:#444;background-color:#f4f6f6}a{color:#cc1616;text-decoration:none}a:hover{color:#e82d2d;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}#main{background-color:#fff;margin:80px}.about .content h2{font-weight:600;font-size:36px}.about .content span{color:#007cc2;font-weight:700}.about .content ul{list-style:none;padding:0}.about .content ul li{padding-bottom:10px}.about .content ul i{font-size:20px;padding-right:4px;color:#cc1616}.about .content p:last-child{margin-bottom:0}@media (max-width:1366px){.about .container .row{display:flex;justify-content:center;align-items:center;height:100%}}#project .text-container{border:2px solid #154360;border-radius:40px;padding:50px;width:320px;height:550px;margin:auto;background-color:#eee;box-shadow:5px 5px 10px rgba(0,0,0,.4)}#project .text-container-en{border:2px solid #154360;border-radius:40px;padding:40px;width:300px;height:600px;margin:auto;background-color:#eee;box-shadow:5px 5px 10px rgba(0,0,0,.4)}.project #project-flters{padding:0;list-style:none;text-align:center;margin:0 auto 25px auto}.my-button{background-color:transparent;border:none;cursor:pointer;font-weight:bolder;padding:5px;margin-bottom:7px;color:#454343}.project #project-flters li{padding:5px;font-size:20px;font-weight:bolder;line-height:1.5;font-family:"微軟正黑體",sans-serif}button.filter-active,button:active,button:hover{border-bottom:1px solid red;color:#007cc2}@media screen and (max-width:992px){.project #project-flters{justify-content:center}#project .text-container,#project .text-container-en{width:100%;display:block;border:none;border-radius:0;padding:0;height:200px;width:auto;background-color:transparent;box-shadow:none}#project .text-container,#project .text-container-en{height:auto}.my-button{color:#007cc2}button.filter-active,button:active,button:hover{border-bottom:1px solid red;color:#154360}}.leaflet-popup-content{font-size:17px;color:#154360;line-height:24px;display:block;font-weight:650}.map-container{display:flex;justify-content:center;align-items:center;height:100%}#map{width:80%;height:80vh}@media (max-width:768px){.map-container{max-width:90%;margin:0 20px}}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#f8c471;width:40px;height:40px;transition:all .4s}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#f4d03f;color:#fff}.back-to-top.active{visibility:visible;opacity:1}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}#header{background:#007cc2;transition:all .5s;z-index:997;height:70px;border-color:#007cc2}#header.fixed-top{background:#007cc2}.scrolled-offset{margin-top:70px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;color:#007cc2;font-weight:700}.navbar li{position:relative;font-size:16px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:22px 14px 22px 14px;font-size:18px;color:#fff;white-space:nowrap;transition:.3s}.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{background:#f8c471}.navbar .dropdown ul{display:block;position:absolute;left:0;top:calc(100% + 30px);margin:0;padding:3px 0;z-index:99;opacity:0;visibility:hidden;background:#eaecee;box-shadow:0 0 20px rgba(127,137,161,.25);transition:.3s}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;color:#333;border-bottom:#154360}.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:#154360}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.mobile-nav-toggle{color:#fff;font-size:36px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-70%}.navbar .dropdown .dropdown:hover>ul{left:-90%}.mobile-nav-toggle{display:block}.navbar ul{display:none}.navbar li{font-size:12px}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:#154360;transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:5px 0;background-color:#e2ecec;overflow-y:auto;transition:.3s}.navbar-mobile a,.navbar-mobile a:focus{font-size:18px;color:#333}.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#007cc2;background:0 0}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#007cc2}.navbar-mobile .dropdown>.dropdown-active{display:block}.hero{overflow-x:hidden;padding:0}.hero .carousel{width:100%;min-height:100vh;padding:80px 0;margin:0;position:relative}.hero .carousel-item{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;z-index:1;transition-duration:.4s}.hero .carousel-item::before{content:"";background-color:rgba(0,0,0,.6);position:absolute;inset:0}.hero .info{position:absolute;inset:0;z-index:2}@media (max-width:768px){.hero .info{padding:0 50px}}.hero .info h2{color:#fff;margin-bottom:30px;padding-bottom:30px;font-size:56px;font-weight:700;position:relative}.hero .info h2:after{content:"";position:absolute;display:block;width:80px;height:4px;background:var(--color-primary);left:0;right:0;bottom:0;margin:auto}@media (max-width:768px){.hero .info h2{font-size:36px}}.hero .info p{color:rgba(255,255,255,.8);font-size:18px}.hero .info .btn-get-started{font-family:"微軟正黑體",sans-serif;font-weight:bolder;font-size:14px;letter-spacing:.5px;display:inline-block;padding:10px 28px;transition:.5s;border:2px solid #aaa;color:#000;background:#fbfcfc;margin-top:30px}.hero .info .btn-get-started:hover{background:#007cc2;border-color:#000;color:#fff;font-weight:bolder}.hero .carousel-control-prev{justify-content:start}@media (min-width:640px){.hero .carousel-control-prev{padding-left:15px}}.hero .carousel-control-next{justify-content:end}@media (min-width:640px){.hero .carousel-control-next{padding-right:15px}}.hero .carousel-control-next-icon,.hero .carousel-control-prev-icon{background:0 0;font-size:26px;line-height:0;background:rgba(255,255,255,.2);color:rgba(255,255,255,.6);border-radius:50px;width:54px;height:54px;display:flex;align-items:center;justify-content:center}.hero .carousel-control-next,.hero .carousel-control-prev{z-index:3;transition:.3s}.hero .carousel-control-next:focus,.hero .carousel-control-prev:focus{opacity:.5}.hero .carousel-control-next:hover,.hero .carousel-control-prev:hover{opacity:.9}.news-container{display:flex;justify-content:center;align-items:center;max-width:100%;padding-bottom:20px;margin:0 70px}.separator{border-top:1px solid #154360;margin:20px 30px}.news-box{padding:10px;margin:0 20px}#news h3{line-height:30px;font-weight:bolder;text-align:left;font-family:Arial,Helvetica,sans-serif;color:#212f3d;font-size:22px}#news p{text-align:left;font-size:16px;margin-top:18px}#news img{width:320px}.news-date{font-size:12px;text-align:left}.content-container{display:flex;align-items:center;margin:0 50px}.image-container{text-align:left;margin-right:20px}.zoom-image{transition:transform .3s ease}.image-container:hover .zoom-image{transform:scale(1.1)}@media (max-width:789px){.content-container{flex-direction:column}.image-container{order:1;margin-right:0;text-align:center}#news p{display:none}#news h3{margin-top:20px;font-size:18px}#news img{width:280px;max-width:100%}.news-date{display:none}.text-container{order:2}}@media (min-width:425px) and (max-width:1024px){#main{margin:0 30px}}@media screen and (max-width:1024px){.news-box{width:100%;margin-left:10px;text-align:left}#news img{margin-left:10}}#title{width:100%;height:calc(100vh - 110px);background:url(../assets/img/hero3.jpg) top center;background-size:cover;position:relative}#title:before{content:"";background:rgba(0,0,0,.5);position:absolute;bottom:0;top:0;left:0;right:0}#title h1{font-size:48px;font-weight:700;color:#fff;text-align:right}.first-letter-underline::first-letter{border-bottom:3px solid #f8c471;padding-right:2.5px}@media (min-width:1024px){#title{background-attachment:fixed}#title h1{text-align:center}}@media (max-width:768px){#title{text-align:center}#title .container{padding-top:40px}#title h1{font-size:28px;line-height:36px;text-align:center}}.breadcrumbs{padding:15px 0;background:#efefef}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 6px 0;margin:0;font-size:16px}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#333;content:"/"}section{padding:60px 0;overflow:hidden}.section-title{text-align:center;padding:30px 0;position:relative;margin-top:10px}.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:0;color:#191919;position:relative;z-index:2}.section-title span{position:absolute;top:30px;color:#f4f4f4;left:0;right:0;z-index:1;font-weight:700;font-size:52px;line-height:0}.section-title p{margin-bottom:0;position:relative;z-index:2;margin:0 45px;font-size:20px}@media (max-width:575px){.section-title h2{font-size:26px;margin-bottom:15px}.section-title span{font-size:32px}.section-title p{font-size:18px}}#organize img{max-width:100%;max-height:100%}.organize-container{height:auto;margin:0;display:flex;justify-content:center;align-items:center}.clients-container{display:flex;overflow:hidden;justify-content:center;width:100%;margin-top:20px}.image-box{flex-grow:1;width:400px;margin-right:10px;justify-content:center}.image-box img{max-width:100%;height:auto;width:200px;justify-content:center}.why-us{padding-top:10px}.why-us .box{padding:50px 30px;box-shadow:0 2px 10px #aaa;transition:all ease-in-out .3s;background-color:#007cc2;margin:0 10px;text-align:center}.why-us .box h4{font-size:24px;font-weight:600;padding:0;margin:20px 0;color:#fff}.why-us .box-en{padding:70px 30px;box-shadow:0 2px 10px #aaa;transition:all ease-in-out .3s;background-color:#007cc2;margin:0 10px;text-align:center;height:210px}.why-us .box-en h4{font-size:22px;font-weight:600;padding:0;margin:20px 0;color:#fff}.why-us .box p{color:#fbfcfc;font-size:17px;margin:0;padding:0}.why-us .box:hover{background:#56b4ea;padding:30px 30px 70px 30px;box-shadow:10px 15px 30px rgba(0,0,0,.18)}.why-us .box-en:hover{background:#82c6ed;box-shadow:10px 15px 30px rgba(0,0,0,.18)}.why-us .box:hover h4,.why-us .box:hover p{color:#183d53}.services-container{text-align:center}.services-box{width:100px;height:100px;background-color:#d3d3d3;display:inline-block;margin:0 10px}.table-container{margin:0 100px 0 100px}table{width:100%;border-collapse:collapse;text-align:center;font-size:14px}table,td,th{border:2px solid #ccc}td,th{padding:8px}@media (max-width:575px){.table-container{margin:0 10px 0 10px}table{font-size:12px}td,th{padding:6px}}.growth-container{display:flex;justify-content:center;align-items:center;max-width:100%}.growth-box{width:550px;height:400px;padding:8px;margin:0 20px 0 20px;max-width:100%}#growth h3{line-height:50px;font-weight:700;text-align:center}@media screen and (max-width:767px){.growth-box{width:100%;height:auto}canvas{max-width:100%;height:auto}}@media screen and (max-width:767px){.growth-container{flex-direction:column}#main{margin:0 10px}#growth .section-title p{margin:0 20px}}.contact .info-box{color:#444;text-align:center;box-shadow:0 0 30px rgba(214,215,216,.6);padding:30px 0 30px 0}.contact .info-box-en{color:#444;text-align:center;box-shadow:0 0 30px rgba(214,215,216,.6);padding:30px 0 30px 0;height:210px}.contact .info-box i,.contact .info-box-en i{font-size:32px;color:#154360;border-radius:50%;padding:8px;border:2px dotted #007cc2}.contact .info-box h3,.contact .info-box-en h3{font-size:20px;color:#333;font-weight:700;margin:10px 0}.contact .info-box p,.contact .info-box-en p{padding:0;line-height:24px;font-size:17px;margin-bottom:0}#footer{background:#154360;padding:0;color:#eee;font-size:16px;text-align:center;max-width:100%}#footer .footer-top{padding:60px 0 20px 0;display:flex;justify-content:space-between}#footer .footer-top .box{flex:1;box-sizing:border-box;margin:0 40px}#footer .footer-top .footer-info h4{font-size:24 px;font-weight:600;color:#fff;text-align:right}#footer .footer-top .footer-info h3{font-size:48px;font-weight:700;color:#fff;text-align:right}#footer .copyright{border-top:1px solid #d0d3d4;text-align:center;padding-top:15px;font-size:12px}@media (max-width:575px){#footer .footer-top .footer-info h3{font-size:30px;text-align:center}#footer .footer-top .footer-info h4{font-size:20px;margin-bottom:50px;text-align:center}#footer .box{text-align:center;margin:10px 0}#footer .footer-top{flex-direction:column;align-items:center}}