@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");@font-face{font-family:'Klavika light';src:url("../fonts/Klavika-Light.otf") format("opentype");font-weight:300;font-style:normal}@font-face{font-family:'Klavika regular';src:url("../fonts/KlavikaWebBasicRegular.eot");src:url("../fonts/KlavikaWebBasicRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/KlavikaWebBasicRegular.woff") format("woff"), url("../fonts/Klavika-Regular.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'Klavika medium';src:url("../fonts/Klavika-Medium.otf") format("opentype");font-weight:500;font-style:normal}@font-face{font-family:'Klavika bold';src:url("../fonts/KlavikaWebBasicBold.eot");src:url("../fonts/KlavikaWebBasicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/KlavikaWebBasicBold.woff") format("woff"), url("../fonts/Klavika-Bold.otf") format("opentype");font-weight:bold;font-style:normal}.example{font-size:1.5em;padding:0.5em}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}@media screen and (max-width:768px){.example{font-size:14px}}@media screen and (min-width:768px){.example{font-size:16px}}@media screen and (min-width:600px) and (max-width:1200px){.example{font-size:24px}}@-webkit-keyframes loadingAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(200%);transform:translateY(200%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes loadingAni{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{-webkit-transform:translateY(200%);transform:translateY(200%)}75%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes kvarrow{0%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}50%{-webkit-transform:translateY(30%) translateX(-50%);transform:translateY(30%) translateX(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}@keyframes kvarrow{0%{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}50%{-webkit-transform:translateY(30%) translateX(-50%);transform:translateY(30%) translateX(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}}@-webkit-keyframes titleShine{0%{left:-150%}to{left:150%}}@keyframes titleShine{0%{left:-150%}to{left:150%}}@-webkit-keyframes menuIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes menuIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes newAni{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes newAni{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes introAni{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes introAni{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes introArrow{0%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}50%{-webkit-transform:scale(1.4) translateY(-10%) translateX(-30%);transform:scale(1.4) translateY(-10%) translateX(-30%)}to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes introArrow{0%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}50%{-webkit-transform:scale(1.4) translateY(-10%) translateX(-30%);transform:scale(1.4) translateY(-10%) translateX(-30%)}to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}body,html{width:100%;font-family:"Klavika regular", "Noto Sans TC", "微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "新細明體", "蘋果儷黑體", Verdana, sans-serif;font-size:12px}@media screen and (max-width:1366px){body,html{font-size:1.02489vw}}@media screen and (max-width:768px){body,html{font-size:2.66667vw}}html{-webkit-text-size-adjust:100%;background-color:#fff;overflow-x:hidden}img{max-width:100%;height:auto}a{display:block;text-decoration:none}.c{clear:both}.table{display:table}.tr{display:table-row}.td,.th{display:table-cell;vertical-align:middle}.hide{display:none!important}.ab{position:absolute}.clearfix:after{content:"";display:block;clear:both}.float-l{float:left}.float-r{float:right}._m{display:none}@media screen and (max-width:768px){._m{display:block}}@media screen and (max-width:768px){._pc{display:none!important}}.autoW{width:auto}.loading{background:#fff;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading .logo{position:relative;overflow:hidden}.loading .logo:before{content:'';display:block;width:100%;height:100%;background-color:rgba(227, 227, 227, 0.4);-webkit-filter:brightness(1.1);filter:brightness(1.1);position:absolute;top:0;left:0;z-index:1;top:-100%;-webkit-animation:loadingAni 2s ease infinite;animation:loadingAni 2s ease infinite}.loading .logo svg{background-color:#000;width:5.625rem;height:auto}@media screen and (max-width:768px){.loading .logo svg{width:4.375rem}}.loading .inner{display:inline-block;vertical-align:middle}.loading .line{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#ffffff;margin:0 5px}@media screen and (max-width:768px){.loading .line{width:3vw;height:3vw}}.loading:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.loading .line:last-child{-webkit-animation:loadingC 0.6s 0.1s linear infinite;animation:loadingC 0.6s 0.1s linear infinite}.loading .line:nth-last-child(2){-webkit-animation:loadingC 0.6s 0.2s linear infinite;animation:loadingC 0.6s 0.2s linear infinite}.loading .line:nth-last-child(3){-webkit-animation:loadingC 0.6s 0.3s linear infinite;animation:loadingC 0.6s 0.3s linear infinite}@-webkit-keyframes loadingC{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes loadingC{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}to{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.lb{width:100%;height:100%;background:rgba(0, 0, 0, 0.95);position:fixed;top:0;left:0;z-index:-1;opacity:0;text-align:center;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lb:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.lb .btn_x{width:4vw;position:absolute;top:2vw;right:2vw;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1}.lb .btn_x:hover{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.lbbox{width:80%;margin:auto;max-width:37.375rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.sectitle{font-size:3.125rem;font-weight:800;text-align:center;position:absolute;top:-5rem;z-index:1;width:100%;text-align:center}@media screen and (max-width:768px){.sectitle{font-size:2rem;top:-2.5rem}}.sectitle:after{content:'';display:block;width:4.6875rem;height:0.9375rem;background-image:url("../images/sectitle_star.svg");background-repeat:no-repeat;background-size:100% 100%;background-position:center top;position:absolute;bottom:-2.5rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1}@media screen and (max-width:768px){.sectitle:after{width:2.8125rem;height:0.5rem;bottom:-0.8125rem}}.sectitle:before{content:'';display:block;width:13.75rem;height:3.5rem;position:absolute;left:50%;bottom:-5rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:none;pointer-events:none;z-index:1;-webkit-clip-path:polygon(50% 100%, 0 0, 100% 0);clip-path:polygon(50% 100%, 0 0, 100% 0)}@media screen and (max-width:768px){.sectitle:before{width:7.25rem;height:2rem;bottom:-2.1875rem}}.sectitle p{display:inline-block;color:#1595d4;position:relative;padding:0 0.9375rem 0 1.875rem}@media screen and (max-width:768px){.sectitle p{padding:0 0.625rem 0 1.375rem}}.sectitle p:after,.sectitle p:before{content:"";display:block;width:1.4375rem;height:3.125rem;background-image:url("../images/sectitle_line.svg");background-repeat:no-repeat;background-size:100% 100%;background-position:center top;position:absolute;bottom:0.125rem}@media screen and (max-width:768px){.sectitle p:after,.sectitle p:before{width:1.125rem;height:2.1875rem;bottom:0.125rem}}.sectitle p:after{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);right:0}.sectitle p:before{left:0}.sectitle span{display:inline-block}.sectitle.style1:before{background-color:#ffffff}.sectitle.style2:before{background-color:#d3ebf7}.btnover{position:relative}.btnover:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:100% auto;background-position:center top;opacity:0}.btnover:hover>img{opacity:0}.btnover:hover:after{opacity:1}.gotop{width:4.375rem;cursor:pointer;position:fixed;top:35%;right:0.5%;opacity:0;z-index:10}@media screen and (max-width:768px){.gotop{width:3.125rem;right:2%}}header{width:100%;position:fixed;top:0;left:0;z-index:99;background-color:#fff;-webkit-transition:-webkit-box-shadow 0.3s ease-in-out;transition:-webkit-box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out}header.scrolled{-webkit-box-shadow:0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);box-shadow:0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);-webkit-transition:-webkit-box-shadow 0.3s ease-in-out;transition:-webkit-box-shadow 0.3s ease-in-out;-o-transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out;transition:box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out}header .inner{max-width:1680px;width:95%;margin:0 auto;padding:1.25rem 0}@media screen and (max-width:768px){header .inner{padding:1.25rem 0}}header .collection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .logogroup .logo{width:11.25rem}@media screen and (max-width:768px){header .logogroup .logo{width:7.625rem}}header .logogroup .logo img{display:block;width:100%}header nav.open{display:block;position:absolute;width:100%;height:100vh;top:13.5vw;left:0px;overflow-y:hidden;padding:0px;background:white}header nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3.75rem}@media screen and (max-width:768px){header nav ul{-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:start;-ms-flex-pack:start;justify-content:flex-start;gap:3.75rem;border-top:0.0625rem solid #000;padding:3.75rem 0}}header nav ul li{position:relative}header nav ul li:after{content:"";display:block;width:100%;height:0.1875rem;background-color:#ffc027;position:absolute;bottom:-0.5rem;left:0;opacity:0}@media screen and (max-width:768px){header nav ul li:after{height:0.3125rem}}header nav ul li a{font-size:1.625rem;font-weight:600;color:#000;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}header nav ul li.active:after,header nav ul li:hover:after{opacity:1}header .switch{display:none;width:2rem;height:2rem;position:relative;cursor:pointer}@media screen and (max-width:768px){header .switch{display:block}}header .switch a{position:relative;display:inline-block;width:2rem;height:2rem;background:url("../images/switch-menu.png");background-repeat:no-repeat;background-size:100% 100%;background-position:center center}header .switch.open a{background:url("../images/switch-close.png");background-repeat:no-repeat;background-size:100% 100%;background-position:center center}@media (max-width:768px){header nav{display:none}}footer{padding:7.5rem 0;background-color:#343434}@media screen and (max-width:768px){footer{padding:3.125rem 0}}footer .container:not(:last-child){margin-bottom:5rem}footer .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-family:"Klavika bold", "Noto Sans TC", sans-serif}@media screen and (max-width:768px){footer .group{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (max-width:768px){footer .group .item{width:33.333%;margin-bottom:1.875rem}}footer .team{margin-bottom:1.875rem}@media screen and (max-width:768px){footer .team{margin-bottom:0rem}}footer .team .alias{font-size:1.375rem;font-weight:600;color:#fff;margin-bottom:1.5625rem;position:relative}footer .team .alias:before{content:"✚";font-size:85%;padding-right:0.5625rem;font-weight:normal}footer .team .list li{margin-bottom:1.25rem}footer .team .list li a{font-size:1.25rem;color:#fff;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}footer .team .list li a:hover{color:#1cd8c0}footer .team.spec{margin-top:5.625rem}@media screen and (max-width:768px){footer .team.spec{margin-top:0rem}}footer .bottontext{font-size:1.125rem;color:#fff;line-height:1.5;font-weight:300;text-align:justify}@media screen and (max-width:768px){footer .bottontext{line-height:1.5}}footer .bottontext b{font-weight:bold!important}footer .bottontext font{color:#35a5db}footer .bottontext p{font-size:1.125rem;font-family:"Klavika bold", "Noto Sans TC", "微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "新細明體", "蘋果儷黑體", Verdana, sans-serif}footer .bottontext small{font-size:0.875rem;font-family:"Klavika regular", "Noto Sans TC", "微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "新細明體", "蘋果儷黑體", Verdana, sans-serif}.wrapper{width:100%;margin:0 auto}main{margin-top:5rem}section{width:100%;position:relative}.container{width:95%;max-width:1050px;margin:0 auto;position:relative}.sr-hidden{visibility:hidden}.sec1 .mainpic .bg{opacity:0}b{font-weight:600}#pkg .sec2 .c1 .intro{display:none}#pkg .sec3 .btnbox .btn1{display:none}.sec1{padding:7.8125rem 0 12.5rem}@media screen and (max-width:768px){.sec1{padding:3.75rem 0 10rem}}.sec1 .container{width:88%}@media screen and (max-width:768px){.sec1 .container{width:85%}}.sec1 .title{font-size:2.875rem;font-weight:600;line-height:1.2;color:#000;margin-bottom:3.75rem}.sec1 .title font{color:#4c4948}@media screen and (max-width:768px){.sec1 .title{font-size:2.125rem;margin-bottom:1.25rem}}.sec1 .titlebox{width:23.75rem;margin-bottom:3.75rem;overflow:hidden}.sec1 .titlebox:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:titleShine 2s ease-in-out infinite;animation:titleShine 2s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}@media screen and (max-width:768px){.sec1 .titlebox{width:25.3125rem;margin-bottom:1.25rem}}.sec1 .ps{font-size:1.25rem;line-height:1.2;color:#000;text-align:justify}@media screen and (max-width:768px){.sec1 .ps{font-size:0.875rem;width:110%;margin-left:-5%;margin-top:2.5rem}}.sec1 .mainpic{position:absolute;right:0;top:-6%;width:43.75rem;overflow:hidden}@media screen and (max-width:768px){.sec1 .mainpic{position:relative;width:30rem;top:auto;right:auto;margin:auto}}.sec1 .mainpic .peo{position:absolute;left:0;top:0;width:100%}.sec1 .arrow{width:2.625rem;position:absolute;left:50%;bottom:-4.375rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:kvarrow 1s ease-in-out infinite;animation:kvarrow 1s ease-in-out infinite}@media screen and (max-width:768px){.sec1 .arrow{bottom:-9vw}}.sec2{padding:5.625rem 0 20rem;background-color:#d3ebf7}@media screen and (max-width:768px){.sec2{padding:3.125rem 0 15.625rem}}.sec2 .sectitle i{font-family:'Klavika bold';font-style:normal;font-size:105%}@media screen and (max-width:768px){.sec2 .sectitle i{font-size:115%}}.sec2 .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3.4375rem}@media screen and (max-width:768px){.sec2 .menu{margin-bottom:1.5625rem}}.sec2 .menu li{width:28.75rem;margin:0 -2.625rem;cursor:pointer;position:relative}@media screen and (max-width:768px){.sec2 .menu li{margin:0 -1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.sec2 .menu li svg{display:block;width:100%;height:auto;color:#1595d4}@media screen and (max-width:768px){.sec2 .menu li svg{height:3.75rem}}.sec2 .menu li .icon{-webkit-animation:menuIcon 1s ease-in-out infinite;animation:menuIcon 1s ease-in-out infinite}@media screen and (max-width:768px){.sec2 .menu li:first-child{width:13.125rem}}.sec2 .menu li:first-child .textbox{left:-2%}.sec2 .menu li:first-child .icon{width:3.75rem}@media screen and (max-width:768px){.sec2 .menu li:first-child .icon{width:1.75rem}}.sec2 .menu li:nth-child(2){width:30.3125rem}@media screen and (max-width:768px){.sec2 .menu li:nth-child(2){width:14.0625rem}}.sec2 .menu li:nth-child(2) .icon{width:5.3125rem}@media screen and (max-width:768px){.sec2 .menu li:nth-child(2) .icon{width:2.5625rem}}.sec2 .menu li:nth-child(3){width:28rem}@media screen and (max-width:768px){.sec2 .menu li:nth-child(3){width:13.125rem}.sec2 .menu li:nth-child(3) .textbox{left:2%}}.sec2 .menu li:nth-child(3) .icon{width:5.9375rem}@media screen and (max-width:768px){.sec2 .menu li:nth-child(3) .icon{width:2.8125rem}}.sec2 .menu li.active .icon,.sec2 .menu li:hover .icon{-webkit-animation:none;animation:none}.sec2 .menu li.active .textbox .icon svg,.sec2 .menu li:hover .textbox .icon svg{color:#000}.sec2 .menu li.active .textbox p,.sec2 .menu li:hover .textbox p{color:#000}.sec2 .menu li.active svg,.sec2 .menu li:hover svg{color:#ffc027}.sec2 .menu .textbox{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5625rem}@media screen and (max-width:768px){.sec2 .menu .textbox{gap:0.625rem}}.sec2 .menu .textbox .icon svg{display:block;width:100%;height:auto;color:#fff}.sec2 .menu .textbox p{font-size:2.375rem;font-weight:800;color:#fff;position:relative;top:0.25rem}@media screen and (max-width:768px){.sec2 .menu .textbox p{font-size:1.5rem}}.sec2 .inner{width:88%;margin:0 auto}@media screen and (max-width:1366px){.sec2 .inner{width:84.5%}}@media screen and (max-width:768px){.sec2 .inner{width:100%}}.sec2 .con{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.sec2 .con:not(:last-child){margin-bottom:5rem}@media screen and (max-width:768px){.sec2 .con:not(:last-child){margin-bottom:1.875rem}}.sec2 .con .topbar{width:90%;-ms-flex-item-align:end;align-self:flex-end;background-image:url("../images/sec2_con_top.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:1.5625rem 2.8125rem 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}@media screen and (max-width:768px){.sec2 .con .topbar{padding:1.125rem 1.25rem 0;width:91%}}.sec2 .con .topbar .num{width:4.25rem;color:#1595d4;position:absolute;top:10%;left:-10%}@media screen and (max-width:768px){.sec2 .con .topbar .num{width:2.375rem;left:-9%;top:13%}}.sec2 .con .topbar .title{position:relative;padding-bottom:0.9375rem}@media screen and (max-width:768px){.sec2 .con .topbar .title{padding-bottom:0.5rem;position:relative}}.sec2 .con .topbar .title:after{content:'';display:block;width:100%;height:0.375rem;background-color:#ffc027;border-radius:0.1875rem;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.sec2 .con .topbar .title:after{height:0.1875rem}}.sec2 .con .topbar .title p{display:inline-block;font-size:2.5rem;color:#000;font-weight:600}@media screen and (max-width:768px){.sec2 .con .topbar .title p{font-size:1.375rem;font-weight:700}}.sec2 .con .topbar .title .new{display:inline-block;width:3.75rem;margin-left:0.625rem;-webkit-animation:newAni 1s ease-in-out infinite;animation:newAni 1s ease-in-out infinite;overflow:hidden;position:relative}.sec2 .con .topbar .title .new:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:titleShine 2s ease-in-out infinite;animation:titleShine 2s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}@media screen and (max-width:768px){.sec2 .con .topbar .title .new{width:2.8125rem;margin-left:0;position:absolute;top:-3.8vw;left:99%;z-index:1}}.sec2 .con .box{background-color:#fff;border-radius:0.625rem;border-top-right-radius:0;padding:2.5rem 3.125rem}@media screen and (max-width:768px){.sec2 .con .box{padding:1.25rem 1.25rem}}.sec2 .con .box .text{font-size:1.5625rem;line-height:1.5;color:#000;letter-spacing:0.01875rem}@media screen and (max-width:768px){.sec2 .con .box .text{font-size:1.3125rem;text-align:justify}}.sec2 .con .box .itembox{position:relative}.sec2 .con .box .itembox .chart img,.sec2 .con .box .itembox .chart picture{display:block}.sec2 .con .ps{font-size:1.25rem;color:#000;position:absolute;left:0;line-height:1.3}@media screen and (max-width:768px){.sec2 .con .ps{font-size:0.875rem;line-height:1.4}}.sec2 .con.c1 .topbar .title{display:inline-block}.sec2 .con.c1 .topbar .EAA{width:19.375rem;position:absolute;top:20%;left:65%}@media screen and (max-width:768px){.sec2 .con.c1 .topbar .EAA{width:9.875rem;left:67%;top:2vw}}.sec2 .con.c1 .itembox{margin-top:2.5rem;margin-bottom:1.875rem}@media screen and (max-width:768px){.sec2 .con.c1 .itembox{margin-top:1.25rem;margin-bottom:0.9375rem}}.sec2 .con.c1 .itembox .video{margin:auto;width:47.5rem;position:relative;z-index:1}@media screen and (max-width:768px){.sec2 .con.c1 .itembox .video{width:68%}}.sec2 .con.c1 .itembox .video .video-container{position:absolute;top:2%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;width:97.5%;height:0;padding-bottom:54.9%;overflow:hidden}.sec2 .con.c1 .itembox .video .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sec2 .con.c1 .itembox .light{width:103%;position:absolute;top:-3.56%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:768px){.sec2 .con.c1 .itembox .light{width:104.5%;top:-3.9%}}.sec2 .con.c1 .intro{width:39.375rem;margin:auto;position:relative}@media screen and (max-width:768px){.sec2 .con.c1 .intro{width:80%}}.sec2 .con.c1 .intro a{display:block}.sec2 .con.c1 .intro .ar{width:1.75rem;position:absolute;top:90%;right:-3%;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-animation:introArrow 1.5s ease-in-out infinite;animation:introArrow 1.5s ease-in-out infinite}@media screen and (max-width:768px){.sec2 .con.c1 .intro .ar{width:4vw;top:60%;right:-0.5%}}.sec2 .con.c2{margin-bottom:6.25rem}@media screen and (max-width:768px){.sec2 .con.c2{margin-bottom:3.75rem}}.sec2 .con.c2 .itembox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1.875rem;margin-bottom:3.125rem;overflow:visible}@media screen and (max-width:768px){.sec2 .con.c2 .itembox{margin-top:1.5625rem;margin-bottom:7.8125rem;position:relative}}.sec2 .con.c2 .itembox img{width:23.75rem;height:auto!important;display:block}@media screen and (max-width:768px){.sec2 .con.c2 .itembox img{width:15.625rem}}.sec2 .con.c2 .itembox img:not(.pic2){padding-top:6.25rem}@media screen and (max-width:768px){.sec2 .con.c2 .itembox img:not(.pic2){width:13.125rem;padding-top:0;position:absolute;top:80%}}.sec2 .con.c2 .itembox img.pic1{left:0%}.sec2 .con.c2 .itembox img.pic3{right:0%}.sec2 .con.c2 .ps{top:103%}.sec2 .con.c3 .itembox .chart{margin-top:1.875rem;position:relative}@media screen and (max-width:768px){.sec2 .con.c3 .itembox .chart{margin-top:1.25rem}}.sec2 .con.c3 .itembox .chart .ctext,.sec2 .con.c3 .itembox .chart .line{position:absolute;top:0;left:0;width:100%;height:100%}.sec2 .con.c3 .ps{top:103%}.sec3{padding:7.5rem 0 13.125rem}@media screen and (max-width:768px){.sec3{padding:3.75rem 0 9.375rem}}.sec3 .content{max-width:70.625rem;margin:0 auto}.sec3 .tabletitle{font-size:2.5625rem;color:#000;font-weight:600;text-align:center;margin-bottom:2.8125rem}@media screen and (max-width:768px){.sec3 .tabletitle{font-size:1.875rem;margin-bottom:1.5625rem;line-height:1.3}}.sec3 .tabletitle font{color:#4c4948}.sec3 .tablebox{border-top:0.3125rem solid #1595d4;border-bottom:0.3125rem solid #1595d4;font-size:1.875rem;font-family:'Klavika bold',"Noto Sans TC";margin-bottom:3.125rem}@media screen and (max-width:768px){.sec3 .tablebox{width:85%;margin:auto;font-size:1.125rem;border-top:0.25rem solid #1595d4;border-bottom:0.25rem solid #1595d4;margin-bottom:1.5625rem}}.sec3 .tablebox .tr{display:-webkit-box;display:-ms-flexbox;display:flex}.sec3 .tablebox .tr:last-child .td,.sec3 .tablebox .tr:last-child .th{border-bottom:none}.sec3 .tablebox .tr .th{width:18%;padding:1.5625rem 1.875rem;color:#1595d4;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0.625rem;border-bottom:0.1875rem solid #ddd}@media screen and (max-width:768px){.sec3 .tablebox .tr .th{width:24%;padding:1.125rem 0.9375rem;border-bottom:0.125rem solid #8c8c8c}}.sec3 .tablebox .tr .td{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.5625rem 1.5625rem;color:#4c4948;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:0.1875rem solid #ddd}@media screen and (max-width:768px){.sec3 .tablebox .tr .td{padding:1.125rem 0.9375rem;border-bottom:0.125rem solid #8c8c8c}}.sec3 .tablebox .tr.type .th{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sec3 .tablebox .tr.type .td{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0}.sec3 .tablebox .tr.type .row{width:100%;padding:1.25rem 1.5625rem;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:768px){.sec3 .tablebox .tr.type .row{padding:0.9375rem 0.9375rem}}.sec3 .tablebox .tr.type .row:not(:last-child){border-bottom:0.1875rem solid #ddd}@media screen and (max-width:768px){.sec3 .tablebox .tr.type .row:not(:last-child){border-bottom:0.125rem solid #8c8c8c}}.sec3 .tablebox .tr.type .row p{line-height:1.4;padding-left:1.25rem;position:relative}@media screen and (max-width:768px){.sec3 .tablebox .tr.type .row p{padding-left:0.625rem}}.sec3 .tablebox .tr.type .row p span{color:#333;font-weight:600;position:relative}.sec3 .tablebox .tr.type .row p span:before{content:'●';display:inline-block;vertical-align:middle;color:#1595d4;font-size:50%;position:absolute;top:20%;left:-1.5625rem}@media screen and (max-width:768px){.sec3 .tablebox .tr.type .row p span:before{left:-0.9375rem;top:30%}}.sec3 .tablebox .tr .new{display:inline-block;width:7.375rem;vertical-align:middle;overflow:hidden;position:relative;-webkit-animation:newAni 31s ease-in-out infinite;animation:newAni 31s ease-in-out infinite}.sec3 .tablebox .tr .new:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-animation:titleShine 2s ease-in-out infinite;animation:titleShine 2s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}@media screen and (max-width:768px){.sec3 .tablebox .tr .new{width:5.125rem}}.sec3 .tablebox .bg-gray{background-color:#f1f1f1}.sec3 .btnbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;margin-bottom:3.125rem}@media screen and (max-width:768px){.sec3 .btnbox{gap:0.625rem;margin-bottom:1.5625rem}}.sec3 .btnbox a{width:12.5rem;position:relative}@media screen and (max-width:768px){.sec3 .btnbox a{width:8.75rem}}.sec3 .btnbox a:after{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;background-image:url("../images/sec3_btn_ovr.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center top;opacity:0}.sec3 .btnbox a:hover:after{opacity:1}.sec3 .btnbox p{width:100%;font-size:1.5625rem;color:#000;font-weight:600;position:absolute;top:75%;left:0;text-align:center}@media screen and (max-width:768px){.sec3 .btnbox p{font-size:1.0625rem;top:70%}}.sec3 .bottomtext{font-size:1.25rem;color:#000;line-height:1.4;text-align:justify}@media screen and (max-width:768px){.sec3 .bottomtext{font-size:0.875rem;line-height:1.5}}.sec3 .bottomtext font{color:#1595d4}.sec4{padding:7.5rem 0 5rem;background-color:#d3ebf7}@media screen and (max-width:768px){.sec4{padding:3.75rem 0 3.125rem}}.sec4 .sectitle{top:-5.5rem}@media screen and (max-width:768px){.sec4 .sectitle p,.sec4 .sectitle span{line-height:1.3}.sec4 .sectitle p:after,.sec4 .sectitle p:before{bottom:0.4375rem}}.sec4 .content{max-width:70.625rem;margin:0 auto}.sec4 .listing li{padding:1.875rem 0}@media screen and (max-width:768px){.sec4 .listing li{padding:1.25rem 0}}.sec4 .listing li.active .titlebox .icon svg{color:#fdc027;-webkit-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}.sec4 .listing li.active .titlebox .ar svg{-webkit-transform:rotate(-0.5turn);-ms-transform:rotate(-0.5turn);transform:rotate(-0.5turn);-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;-o-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.sec4 .listing li.active .titlebox .ar svg .bg-circle{color:#ffc027}.sec4 .listing li.active .titlebox .line{opacity:0}.sec4 .listing .titlebox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:1.25rem;padding-bottom:1.25rem;cursor:pointer}@media screen and (max-width:768px){.sec4 .listing .titlebox{gap:0.625rem;padding-bottom:0.625rem}}.sec4 .listing .titlebox .icon{width:4.375rem}@media screen and (max-width:768px){.sec4 .listing .titlebox .icon{width:2.1875rem}}.sec4 .listing .titlebox .icon svg{color:#1595d4;-webkit-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}.sec4 .listing .titlebox p{font-size:2.5rem;font-weight:600;color:#000}@media screen and (max-width:768px){.sec4 .listing .titlebox p{font-size:1.375rem}}.sec4 .listing .titlebox .ar{width:3rem;position:absolute;top:20%;right:6.5%}@media screen and (max-width:768px){.sec4 .listing .titlebox .ar{width:1.5625rem;top:12%;right:5vw}}.sec4 .listing .titlebox .ar svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;-o-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.sec4 .listing .titlebox .ar svg .bg-circle{color:#8ecdeb}.sec4 .listing .titlebox .line{width:100%;position:absolute;top:100%;left:0}.sec4 .listing .titlebox .line svg{color:#1e9bd7}.sec4 .listing .con{display:none}.sec4 .listing .con .chartbox{width:100%;position:relative}.sec4 .listing .con .chart{position:absolute}.sec4 .listing .con .chart img{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.sec4 .listing .con .text{font-size:1.25rem;color:#000;text-align:justify;line-height:1.4;margin-top:1.5625rem}@media screen and (max-width:768px){.sec4 .listing .con .text{font-size:0.875rem;line-height:1.5;margin-top:0.9375rem}}.sec4 .listing .c1 .chart{width:44.5%;top:27%}@media screen and (max-width:768px){.sec4 .listing .c1 .chart{width:88%}}.sec4 .listing .c1 .chart .dialogue{width:70.22472%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.sec4 .listing .c1 .chart.ch1{left:4%}@media screen and (max-width:768px){.sec4 .listing .c1 .chart.ch1{top:16.5%}}.sec4 .listing .c1 .chart.ch2{right:4%}@media screen and (max-width:768px){.sec4 .listing .c1 .chart.ch2{top:59%}}.sec4 .listing .c2 .chart{width:100%;top:0;left:0}.sec4 .listing .c3 .chart{width:100%;top:0;left:0}.friend{position:relative;overflow:hidden;padding:5.625rem 0;background-image:url("../images/friend-bg.png");background-size:cover;background-position:center top;background-repeat:no-repeat}@media screen and (max-width:768px){.friend{padding:3.125rem 0}}.friend .slogan{margin-bottom:5rem;text-align:center}@media screen and (max-width:768px){.friend .slogan{margin-bottom:3.75rem}}.friend .slogan span{font-size:3.625rem;font-weight:600;color:#fff;line-height:1.3;font-family:'Noto Sans TC', sans-serif;text-shadow:0 0.25rem 0.1875rem rgba(0, 0, 0, 0.4), 0 0.5rem 0.8125rem rgba(0, 0, 0, 0.1), 0 1.125rem 1.4375rem rgba(0, 0, 0, 0.1)}@media screen and (max-width:768px){.friend .slogan span{font-size:2.5rem}}.friend .social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:11.25rem;margin-bottom:3.75rem}@media screen and (max-width:768px){.friend .social{gap:6.25rem;margin-bottom:1.875rem}}.friend .social .item{max-width:11.25rem}.friend .social .item a{display:block;text-decoration:none}.friend .social .item a .cover{width:9.375rem;margin:auto;margin-bottom:0.9375rem}.friend .social .item a .cover img{width:100%;height:auto}@media screen and (max-width:768px){.friend .social .item a .cover{width:6.875rem;margin-bottom:0.625rem}}.friend .social .item a .title{display:block;font-size:1.375rem;font-weight:600;color:#fff;text-indent:-0.9375rem}@media screen and (max-width:768px){.friend .social .item a .title{font-size:1.125rem;text-indent:-0.5rem}}.friend .social .item a .title:before{content:"✚";font-size:85%;padding-right:0.3125rem;font-weight:normal}.friend .social .item a:hover .title{color:#1cd8c0}.friend .contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7.5rem;padding-top:2.5rem}@media screen and (max-width:768px){.friend .contact{gap:3.125rem;padding-top:1.25rem}}.friend .contact .item i,.friend .contact .item span{display:inline-block;vertical-align:middle}.friend .contact .item span{font-size:1.75rem;color:#fff;text-shadow:0 0.25rem 0.1875rem rgba(0, 0, 0, 0.4), 0 0.5rem 0.8125rem rgba(0, 0, 0, 0.1), 0 1.125rem 1.4375rem rgba(0, 0, 0, 0.1);font-weight:600;font-family:"Klavika bold", "Noto Sans TC", sans-serif}@media screen and (max-width:768px){.friend .contact .item span{font-size:1.375rem}}.friend .contact .item i{position:relative;top:0.1875rem}.friend .contact .item:hover span{color:#1cd8c0}.friend .contact .tracking a{cursor:default}.friend .contact .tracking i{width:1.875rem}@media screen and (max-width:768px){.friend .contact .tracking i{width:1.875rem}}.friend .contact .tracking:hover span{color:#ffffff}.friend .contact .fb i{width:3.5rem}@media screen and (max-width:768px){.friend .contact .fb i{width:2.8125rem}}.friend .contact .yt i{width:3.5rem}@media screen and (max-width:768px){.friend .contact .yt i{width:2.9375rem}}
/*# sourceMappingURL=main.min.css.map */