@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600;700;800&display=swap";*{box-sizing:border-box}*::focus{outline:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block;border:0}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}a{text-decoration:none}.clear{margin:0;padding:0;clear:both}*:focus{outline:none}button{border:none;color:inherit;font:inherit;background-color:inherit;margin:0;padding:0}b{font-weight:bold}i{font-style:normal}input,select{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:inherit;padding:0;margin:0;font-family:"Noto Sans TC",STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif}input::-webkit-inner-spin-button,select::-webkit-inner-spin-button{-webkit-appearance:none}::-moz-placeholder{color:#979797}::placeholder{color:#979797}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input{font-size:16px}}body{font-family:"Noto Sans TC",STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;font-weight:400;color:#333;-webkit-overflow-scrolling:touch}body.openMenu{overflow:hidden}input,select,textarea{font-family:"Noto Sans TC",STHeiti,"Microsoft JhengHei","微軟正黑體",sans-serif;color:#000;background-color:rgba(228,228,228,.4);padding:10px 16px;border:none;resize:none}input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder{color:rgba(0,0,0,.15)}input::placeholder,select::placeholder,textarea::placeholder{color:rgba(0,0,0,.15)}::-webkit-scrollbar-track{z-index:9;-webkit-box-shadow:none;background-color:#fff}::-webkit-scrollbar{z-index:9;height:6px;width:6px;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{z-index:9;background-color:#31b4dd}h1{font-size:20px;color:#000;font-weight:700}#wrapper>.content{margin-top:52px}#header{padding:16px 0;background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:99}.content{width:100%;max-width:1024px;margin:0 auto}.kv{position:relative;width:100%;margin-bottom:130px}.kv>img{position:absolute;top:0;left:0;width:100%}.kv .bg{width:100%;position:absolute;top:0;left:0}.kv .bg>div{width:100%;padding-bottom:60.2539%;background-image:url(../images/kv_bg.png);background-position:center;background-size:100% auto;background-repeat:no-repeat}.kv .bg a.logo{display:block;position:absolute;z-index:2;top:33px;left:87px;width:196px}.kv .bg a.logo>div{width:100%;padding-bottom:19%;background-image:url(../images/logo.png);background-position:top center;background-size:100% auto;background-repeat:no-repeat}.kv .caption{position:relative;bottom:0;left:0;width:100%;padding:350px 74px 0;margin-bottom:57px}.kv .caption h2{font-weight:800;font-size:57px;color:#31b4dd;font-style:italic;margin-bottom:16px}.kv .caption h3{color:#333;font-size:34px;font-weight:800;line-height:1.2;margin-bottom:23px}.kv .caption p{font-size:21px;font-weight:600;line-height:1.5;max-width:65%}.kv .caption p span{color:#ff1d25}.kv .caption p:last-child{margin-top:16px}.kv .allBoxs{width:100%;display:flex;flex-wrap:wrap}.kv .allBoxs .box{width:50%;background-position:center;background-repeat:no-repeat;background-size:100% auto;position:relative}.kv .allBoxs .box p{position:absolute;z-index:2;font-weight:700;font-size:42px;display:inline-block;text-align:right;bottom:19%;line-height:1.2}.kv .allBoxs .box>div{width:100%;padding-bottom:64.453125%}.kv .allBoxs .box:nth-child(odd) p{right:14%}.kv .allBoxs .box:nth-child(even) p{right:23%}.kv .allBoxs .box:first-child{background-image:url(../images/box_1.png)}.kv .allBoxs .box:nth-child(2){background-image:url(../images/box_2.png)}.kv .allBoxs .box:nth-child(3){background-image:url(../images/box_3.png)}.kv .allBoxs .box:nth-child(4){background-image:url(../images/box_4.png)}.stagesBox{position:relative;width:100%}.stagesBox .box{width:73.5%;margin:0 auto 130px;border-radius:30px;overflow:hidden;box-shadow:0px 0px 17px 0px rgba(0,0,0,.4);-webkit-box-shadow:0px 0px 17px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 17px 0px rgba(0,0,0,.4);position:relative}.stagesBox .box img{position:absolute;top:0;left:0;width:100%;height:auto}.stagesBox .box .bg{width:100%;padding-bottom:69.8992%;background-position:center;background-repeat:no-repeat;background-size:100% auto;position:relative;z-index:2}.stagesBox .box .bg.s1{background-image:url(../images/s1_img.png)}.stagesBox .box .bg.s2{background-image:url(../images/s2_img.png)}.stagesBox .box .bg.s3{background-image:url(../images/s3_img.png)}.stagesBox .box .bg.s4{background-image:url(../images/s4_img.png)}.stagesBox .box .caption{position:relative;z-index:2;padding:68px 60px 115px;background-color:#fff}.stagesBox .box .caption h3{text-align:center;width:100%;font-size:57px;line-height:1.2;border-bottom:1px solid #333;padding-bottom:42px;margin-bottom:27px;font-weight:600}.stagesBox .box .caption p{font-size:26px;text-align:justify;line-height:1.4;font-weight:400}.stagesBox .box .caption p span{font-weight:600}.stagesBox .box .caption ul{font-size:26px;line-height:1.4;font-weight:400;list-style:disc;padding:10px 0 10px 33px}.stagesBox .box .caption ul li:last-child{list-style:none}.stagesBox .box .caption a{color:#333}.stagesBox .box .caption a:hover{text-decoration:underline}.stagesBox .box .caption .red{color:#ff1d25}.stagesBox .box .caption .blue{color:#0071bc}.stagesBox .box .caption .icon{position:absolute;background-position:center;background-repeat:no-repeat;background-size:100% auto;pointer-events:none}.stagesBox .box .caption .icon>div{position:relative;width:100%}.stagesBox .box .caption .icon.i1{width:7.5697%;background-image:url(../images/s1_icon1.png);bottom:7%;left:4%}.stagesBox .box .caption .icon.i1>div{padding-bottom:100%}.stagesBox .box .caption .icon.i2{width:18.725%;background-image:url(../images/s1_icon2.png);top:-2%;right:1%}.stagesBox .box .caption .icon.i2>div{padding-bottom:87.5886%}.stagesBox .box .caption .icon.i3{width:10.0265%;background-image:url(../images/s2_icon1.png);top:23%;left:4%}.stagesBox .box .caption .icon.i3>div{padding-bottom:104.6357%}.stagesBox .box .caption .icon.i4{width:15.2058%;background-image:url(../images/s2_icon2.png);top:-2%;right:3%}.stagesBox .box .caption .icon.i4>div{padding-bottom:72.0524%}.stagesBox .box .caption .icon.i5{width:15.73705%;background-image:url(../images/s3_icon1.png);top:-2%;left:7%}.stagesBox .box .caption .icon.i5>div{padding-bottom:84.8101%}.stagesBox .box .caption .icon.i6{width:10.0929%;background-image:url(../images/s3_icon2.png);right:5%;bottom:6%}.stagesBox .box .caption .icon.i6>div{padding-bottom:133.5526%}.stagesBox .box .caption .icon.i7{width:18%;background-image:url(../images/s1_icon2.png);top:-5.5%;left:3%}.stagesBox .box .caption .icon.i7>div{padding-bottom:87.5886%}.stagesBox .box .caption .icon.i8{width:8.6321%;background-image:url(../images/s4_icon2.png);bottom:30%;right:7%}.stagesBox .box .caption .icon.i8>div{padding-bottom:100%}.infoBox a{display:block;text-decoration:none;width:80%;margin:0 auto 80px}.infoBox .btn{width:100%;padding:26px 0;font-size:26px;font-weight:700;background-color:#037e93;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:15px;border:2px solid #037e93}.infoBox .btn .arrow{background-image:url(../images/arrow_w.svg);background-position:center;background-repeat:no-repeat;background-size:100% auto;width:26px;height:26px;margin-left:15px}.infoBox .btn:hover{background-color:#fff;color:#037e93}.infoBox .btn:hover .arrow{background-image:url(../images/arrow_hover.svg)}.infoBox .caption{margin-bottom:80px}.infoBox .caption h4{font-size:26px;font-weight:700;margin-bottom:30px;text-align:center;color:#037e93}.infoBox .caption p{font-size:21px;font-weight:700;margin-bottom:30px;text-align:center}.infoBox .caption a{width:60%;margin-bottom:30px}.infoBox .caption .btn{background-color:#cdecf1;color:#013f49;font-size:21px;border-color:#cdecf1}.infoBox .caption .btn .arrow{width:21px;height:21px;background-image:url(../images/arrow_g.svg)}.infoBox .caption .btn:hover{color:#037e93;background-color:#fff;border-color:#037e93}.infoBox .caption .btn:hover .arrow{background-image:url(../images/arrow_hover.svg)}@media only screen and (max-width: 1024px){#header .content{padding:0 20px}.kv{margin-bottom:12.037vw}.kv .bg a.logo{width:19.140625vw;top:3.2226vw;left:8.496vw}.kv .caption{padding:34.1796vw 7.2265vw 0;margin-bottom:5.5664vw}.kv .caption h2{font-size:5.5664vw;margin-bottom:1.5625vw}.kv .caption h3{font-size:3.3203vw;margin-bottom:2.246vw}.kv .caption p{font-size:2.0507vw}.kv .caption p:last-child{margin-top:1.5625vw}.kv .allBoxs .box p{font-size:4.1015vw}.stagesBox .box{width:85%;margin-bottom:12.037vw}.stagesBox .box .caption{padding:6.6406vw 5.8593vw 11.2304vw}.stagesBox .box .caption h3{font-size:5.5664vw;padding-bottom:4.1015vw;margin-bottom:2.6367vw}.stagesBox .box .caption p{font-size:2.539vw}.stagesBox .box .caption ul{font-size:2.539vw}.infoBox a{margin-bottom:7.8125vw;width:85%}.infoBox .btn{padding:2.539vw 0;font-size:2.539vw}.infoBox .btn .arrow{width:2.539vw;height:2.539vw;margin-left:.5vw}.infoBox .caption{margin-bottom:7.8125vw}.infoBox .caption h4{font-size:2.539vw;margin-bottom:2.9296vw}.infoBox .caption p{font-size:2.0507vw;margin-bottom:2.9296vw}.infoBox .caption .btn{font-size:2.0507vw}}@media only screen and (max-width: 750px){h1{font-size:18px}#header{padding:10px 0}#wrapper>.content{margin-top:38px}.kv .bg a.logo{width:25vw}.kv .caption{padding:40vw 5vw 0}.kv .caption h2{font-size:6.4vw;margin-bottom:3vw}.kv .caption h3{font-size:4.8vw;margin-bottom:3vw}.kv .caption p{font-size:3.7333vw;max-width:inherit}.kv .caption p:last-child{margin-top:3vw}.kv .allBoxs .box p{font-size:4.5vw}.stagesBox .box{margin-bottom:12.037vw}.stagesBox .box .caption{padding:10vw 5.8593vw 15vw}.stagesBox .box .caption h3{font-size:6.4vw;margin-bottom:4.1015vw}.stagesBox .box .caption p{font-size:3.7333vw;line-height:1.5}.stagesBox .box .caption ul{font-size:3.7333vw;line-height:1.5;padding:3vw 0 0 7vw}.stagesBox .box .caption .icon.i3{top:20%}.stagesBox .box .caption .icon.i8{bottom:6%}.infoBox .btn{font-size:4.8vw;border-radius:10px;padding:4vw 0}.infoBox .btn .arrow{width:4.8vw;height:4.8vw}.infoBox .caption a{width:85%}.infoBox .caption h4{font-size:4.8vw;margin-bottom:4.1015vw}.infoBox .caption p{font-size:3.7333vw;margin-bottom:4.1015vw}.infoBox .caption .btn{font-size:3.7333vw}}/*# sourceMappingURL=style.css.map */