@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap");section{position:relative;margin-top:-1px}body{width:100%}@media (min-width:768px){body{width:100vw}}.section-1{background-color:#000}.section-1 .title{position:absolute;top:17.7%;left:0;width:100%;font-weight:300;color:#ba9b6d;text-align:center;letter-spacing:0.04em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-1 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-1 .title{font-size:6.5104166667vw}}@media (max-width:767px){.section-1 .title{top:18.5%}}.section-1 .txt{position:absolute;top:53.55%;width:200px;width:200px}@media (min-width:768px) and (max-width:1440px){.section-1 .txt{width:13.8888888889vw}}@media (max-width:767px){.section-1 .txt{width:19.53125vw}}@media (max-width:767px){.section-1 .txt{top:55.7%}}.section-1 .txt.txt-1{left:27.8%}@media (max-width:767px){.section-1 .txt.txt-1{left:18.25%}}.section-1 .txt.txt-2{left:58.3%}@media (max-width:767px){.section-1 .txt.txt-2{left:62.2%}}.section-2 .title{position:absolute;top:9.9%;left:44.2%;font-weight:300;color:#3e3a3a;letter-spacing:0.075em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-2 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-2 .title{font-size:7.5520833333vw}}@media (max-width:767px){.section-2 .title{top:0.5%;left:0;width:100%;text-align:center}}.section-2 .subtitle{position:absolute;top:19.8%;left:48.5%;width:512px}@media (min-width:768px) and (max-width:1440px){.section-2 .subtitle{width:35.5555555556vw}}@media (max-width:767px){.section-2 .subtitle{width:65.8854166667vw}}@media (max-width:767px){.section-2 .subtitle{top:7.8%;left:16.9%}}.section-2 .items{position:absolute;top:28.1%;left:45%;display:flex;justify-content:space-between;width:624px}@media (min-width:768px) and (max-width:1440px){.section-2 .items{width:43.3333333333vw}}@media (max-width:767px){.section-2 .items{width:81.25vw}}@media (max-width:767px){.section-2 .items{flex-direction:column;width:fit-content;top:25.8%;left:73.6%}}.section-2 .items li{position:relative;color:#000;text-align:center;margin-bottom:0px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li{margin-bottom:0vw}}@media (max-width:767px){.section-2 .items li{margin-bottom:4.6875vw}}.section-2 .items li .m-num{position:relative;line-height:1;font-weight:300;transform:skewX(-10deg);letter-spacing:-0.075em;font-size:100px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li .m-num{font-size:6.9444444444vw}}@media (max-width:767px){.section-2 .items li .m-num{font-size:13.0208333333vw}}.section-2 .items li .m-num i{position:relative}.section-2 .items li .m-num i:first-of-type{top:-1.2em;left:-0.1em;font-size:40px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li .m-num i:first-of-type{font-size:2.7777777778vw}}@media (max-width:767px){.section-2 .items li .m-num i:first-of-type{font-size:5.2083333333vw}}.section-2 .items li .m-num i:nth-of-type(2){top:-1.4em;left:0.2em;font-size:32px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li .m-num i:nth-of-type(2){font-size:2.2222222222vw}}@media (max-width:767px){.section-2 .items li .m-num i:nth-of-type(2){font-size:4.1666666667vw}}.section-2 .items li .m-title{position:relative;line-height:1.2;letter-spacing:0.025em;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li .m-title{font-size:1.9444444444vw}}@media (max-width:767px){.section-2 .items li .m-title{font-size:3.6458333333vw}}.section-2 .items li .m-title sup{position:relative;top:0;font-size:12px}@media (min-width:768px) and (max-width:1440px){.section-2 .items li .m-title sup{font-size:0.8333333333vw}}@media (max-width:767px){.section-2 .items li .m-title sup{font-size:1.8229166667vw}}.section-2 .m-txt{position:absolute;top:43.15%;left:52.6%;color:#3e3a3a;letter-spacing:0.1em;font-size:40px}@media (min-width:768px) and (max-width:1440px){.section-2 .m-txt{font-size:2.7777777778vw}}@media (max-width:767px){.section-2 .m-txt{font-size:4.1666666667vw}}@media (max-width:767px){.section-2 .m-txt{top:65.15%;left:0;width:100%;text-align:center}}.section-2 .txt{position:absolute;top:82.6%;text-align:center;font-weight:500;color:#3e3a3a;letter-spacing:0.056em;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-2 .txt{font-size:1.9444444444vw}}@media (max-width:767px){.section-2 .txt{font-size:3.125vw}}@media (max-width:767px){.section-2 .txt{top:90.1%}}.section-2 .txt.txt-1{left:41.3%}@media (max-width:767px){.section-2 .txt.txt-1{left:11.55%}}.section-2 .txt.txt-2{left:85.3%}@media (max-width:767px){.section-2 .txt.txt-2{left:77.9%}}.section-2 .s-txt{position:absolute;top:90.3%;left:45.2%;color:#3e3a3a;letter-spacing:0.056em;font-size:22px}@media (min-width:768px) and (max-width:1440px){.section-2 .s-txt{font-size:1.5277777778vw}}@media (max-width:767px){.section-2 .s-txt{font-size:2.6041666667vw}}@media (max-width:767px){.section-2 .s-txt{top:95%;left:0;width:100%;text-align:center}}.section-3 .title{position:absolute;top:9.1%;left:0;width:100%;text-align:center;font-weight:300;color:#3e3a3a;text-align:center;letter-spacing:0.05em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-3 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-3 .title{font-size:7.5520833333vw}}@media (max-width:767px){.section-3 .title{top:3%}}.section-3 .title sup{position:relative;top:-1em;letter-spacing:0;font-size:16px}@media (min-width:768px) and (max-width:1440px){.section-3 .title sup{font-size:1.1111111111vw}}@media (max-width:767px){.section-3 .title sup{font-size:2.0833333333vw}}.section-3 .subtitle{position:absolute;top:20.9%;left:35.8%;width:408px}@media (min-width:768px) and (max-width:1440px){.section-3 .subtitle{width:28.3333333333vw}}@media (max-width:767px){.section-3 .subtitle{width:52.0833333333vw}}@media (max-width:767px){.section-3 .subtitle{top:13%;left:23.4%}}.section-3 .txt{position:absolute}.section-3 .txt.txt-1{top:34.8%;left:31.1%}@media (max-width:767px){.section-3 .txt.txt-1{top:25%;left:4.6%}}.section-3 .txt.txt-1 .img{width:320px}@media (min-width:768px) and (max-width:1440px){.section-3 .txt.txt-1 .img{width:22.2222222222vw}}@media (max-width:767px){.section-3 .txt.txt-1 .img{width:41.6666666667vw}}.section-3 .txt.txt-2{top:81.7%;left:12.3%}@media (max-width:767px){.section-3 .txt.txt-2{top:84.6%;left:27.9%}}.section-3 .txt.txt-2 .img{width:512px}@media (min-width:768px) and (max-width:1440px){.section-3 .txt.txt-2 .img{width:35.5555555556vw}}@media (max-width:767px){.section-3 .txt.txt-2 .img{width:66.6666666667vw}}.section-3 .txt .img{position:relative}.section-3 .txt .img .hid-txt{position:absolute}.section-3 .txt .s-info{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#3e3a3a;letter-spacing:0.015em;white-space:nowrap;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-3 .txt .s-info{font-size:1.9444444444vw}}@media (max-width:767px){.section-3 .txt .s-info{font-size:3.6458333333vw}}.section-3 .txt .s-info{margin-top:65px}@media (min-width:768px) and (max-width:1440px){.section-3 .txt .s-info{margin-top:4.5138888889vw}}@media (max-width:767px){.section-3 .txt .s-info{margin-top:8.4635416667vw}}.section-4 .title{position:absolute;top:37.1%;left:6.3%;font-weight:300;color:#3e3a3a;letter-spacing:0.05em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-4 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-4 .title{font-size:7.5520833333vw}}@media (max-width:767px){.section-4 .title{top:2.7%;left:0;width:100%;text-align:center}}.section-4 .title sup{position:relative;top:-1em;letter-spacing:0;font-size:16px}@media (min-width:768px) and (max-width:1440px){.section-4 .title sup{font-size:1.1111111111vw}}@media (max-width:767px){.section-4 .title sup{font-size:2.0833333333vw}}.section-4 .subtitle{position:absolute;top:51.9%;left:16.45%;width:344px}@media (min-width:768px) and (max-width:1440px){.section-4 .subtitle{width:23.8888888889vw}}@media (max-width:767px){.section-4 .subtitle{width:44.7916666667vw}}@media (max-width:767px){.section-4 .subtitle{top:13%;left:27%}}.section-5 .subtitle,.section-5 .title{font-weight:300;color:#3e3a3a;letter-spacing:0.05em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-5 .subtitle,.section-5 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-5 .subtitle,.section-5 .title{font-size:7.5520833333vw}}.section-5 .subtitle sup,.section-5 .title sup{position:relative;top:-1em;font-size:16px}@media (min-width:768px) and (max-width:1440px){.section-5 .subtitle sup,.section-5 .title sup{font-size:1.1111111111vw}}@media (max-width:767px){.section-5 .subtitle sup,.section-5 .title sup{font-size:2.0833333333vw}}.section-5 .title{position:absolute;top:25.3%;left:47.7%}@media (max-width:767px){.section-5 .title{top:1.5%;left:0;width:100%;text-align:center}}.section-5 .subtitle{position:absolute;top:37.9%;left:52.1%}@media (max-width:767px){.section-5 .subtitle{top:7.7%;left:0;width:100%;text-align:center}}.section-5 .items{position:absolute;top:60.9%;left:44.5%;display:flex;align-items:start;justify-content:space-between;color:#262626;text-align:center;width:706px}@media (min-width:768px) and (max-width:1440px){.section-5 .items{width:49.0277777778vw}}@media (max-width:767px){.section-5 .items{width:81.25vw}}@media (max-width:767px){.section-5 .items{top:17.5%;left:9.2%}}.section-5 .items .s-title{letter-spacing:0.016em;font-size:36px}@media (min-width:768px) and (max-width:1440px){.section-5 .items .s-title{font-size:2.5vw}}@media (max-width:767px){.section-5 .items .s-title{font-size:4.1666666667vw}}.section-5 .items .s-title span{display:inline-block;font-style:italic;letter-spacing:0.05em;margin-left:5px}@media (min-width:768px) and (max-width:1440px){.section-5 .items .s-title span{margin-left:0.3472222222vw}}@media (max-width:767px){.section-5 .items .s-title span{margin-left:0.6510416667vw}}.section-5 .items .s-title span{font-size:22px}@media (min-width:768px) and (max-width:1440px){.section-5 .items .s-title span{font-size:1.5277777778vw}}@media (max-width:767px){.section-5 .items .s-title span{font-size:2.6041666667vw}}.section-5 .items .s-info{letter-spacing:0.05em;font-size:24px}@media (min-width:768px) and (max-width:1440px){.section-5 .items .s-info{font-size:1.6666666667vw}}@media (max-width:767px){.section-5 .items .s-info{font-size:2.6041666667vw}}.section-6 .title{position:absolute;top:9.1%;left:0;width:100%;text-align:center;font-weight:300;letter-spacing:0.05em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-6 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-6 .title{font-size:7.5520833333vw}}@media (max-width:767px){.section-6 .title{top:2.7%}}.section-6 .items{position:absolute;bottom:0%;left:4.3%;display:flex;align-items:start;justify-content:space-between;width:1320px}@media (min-width:768px) and (max-width:1440px){.section-6 .items{width:91.6666666667vw}}@media (max-width:767px){.section-6 .items{width:89.5833333333vw}}@media (max-width:767px){.section-6 .items{flex-direction:column;left:5.2%;bottom:1.7%}}.section-6 .items li{position:relative;width:425px}@media (min-width:768px) and (max-width:1440px){.section-6 .items li{width:29.5138888889vw}}@media (max-width:767px){.section-6 .items li{width:89.5833333333vw}}.section-6 .items li{margin-bottom:0px}@media (min-width:768px) and (max-width:1440px){.section-6 .items li{margin-bottom:0vw}}@media (max-width:767px){.section-6 .items li{margin-bottom:3.6458333333vw}}@media (max-width:767px){.section-6 .items li:nth-child(2) .txt{left:62.8%}}.section-6 .items li:nth-child(3) .txt{top:25%}@media (max-width:767px){.section-6 .items li:nth-child(3) .txt{top:71%}}.section-6 .items .txt{position:absolute;top:4%;left:6.4%;font-weight:300;letter-spacing:0.01em;line-height:1.25;font-size:36px}@media (min-width:768px) and (max-width:1440px){.section-6 .items .txt{font-size:2.5vw}}@media (max-width:767px){.section-6 .items .txt{font-size:4.1666666667vw}}@media (max-width:767px){.section-6 .items .txt{line-height:1.4;top:50%;left:5.7%;transform:translateY(-50%)}}.section-6 .items .s-txt{font-weight:300;letter-spacing:0.01em;line-height:1.42;color:#1e1e1e;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-6 .items .s-txt{font-size:1.9444444444vw}}@media (max-width:767px){.section-6 .items .s-txt{font-size:3.6458333333vw}}.section-6 .items .s-txt{margin-top:13px}@media (min-width:768px) and (max-width:1440px){.section-6 .items .s-txt{margin-top:0.9027777778vw}}@media (max-width:767px){.section-6 .items .s-txt{margin-top:1.6927083333vw}}.section-6 .items .s-txt{margin-left:0px}@media (min-width:768px) and (max-width:1440px){.section-6 .items .s-txt{margin-left:0vw}}@media (max-width:767px){.section-6 .items .s-txt{margin-left:-1.3020833333vw}}.section-7 .title{position:absolute;top:7.5%;left:28.2%;width:624px}@media (min-width:768px) and (max-width:1440px){.section-7 .title{width:43.3333333333vw}}@media (max-width:767px){.section-7 .title{width:71.875vw}}@media (max-width:767px){.section-7 .title{top:5.1%;left:13.5%}}.section-7 .subtitle{position:absolute;top:15%;left:40%;width:288px}@media (min-width:768px) and (max-width:1440px){.section-7 .subtitle{width:20vw}}@media (max-width:767px){.section-7 .subtitle{width:37.5vw}}@media (max-width:767px){.section-7 .subtitle{top:13%;left:31%}}.section-7 .txt{position:absolute;top:20.5%;font-weight:300;color:#3e3a3a}@media (max-width:767px){.section-7 .txt{top:20.2%}}.section-7 .txt.txt-1{left:20.1%}@media (max-width:767px){.section-7 .txt.txt-1{left:6.8%}}.section-7 .txt.txt-2{left:43.2%}@media (max-width:767px){.section-7 .txt.txt-2{left:36%}}.section-7 .txt.txt-3{left:64.1%}@media (max-width:767px){.section-7 .txt.txt-3{left:62.2%}}.section-7 .txt.txt-3 p{letter-spacing:0.036em}.section-7 .txt .step{letter-spacing:0.01em;font-size:56px}@media (min-width:768px) and (max-width:1440px){.section-7 .txt .step{font-size:3.8888888889vw}}@media (max-width:767px){.section-7 .txt .step{font-size:5.2083333333vw}}.section-7 .txt .step{margin-bottom:13px}@media (min-width:768px) and (max-width:1440px){.section-7 .txt .step{margin-bottom:0.9027777778vw}}@media (max-width:767px){.section-7 .txt .step{margin-bottom:1.6927083333vw}}.section-7 .txt p{letter-spacing:0;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-7 .txt p{font-size:1.9444444444vw}}@media (max-width:767px){.section-7 .txt p{font-size:2.8645833333vw}}.section-7 .txt p sup{position:relative;top:-0.4em;font-size:12px}@media (min-width:768px) and (max-width:1440px){.section-7 .txt p sup{font-size:0.8333333333vw}}@media (max-width:767px){.section-7 .txt p sup{font-size:1.3020833333vw}}.section-8 .title{position:absolute;top:3.2%;left:0;width:100%;font-weight:300;text-align:center;letter-spacing:0.05em;font-size:64px}@media (min-width:768px) and (max-width:1440px){.section-8 .title{font-size:4.4444444444vw}}@media (max-width:767px){.section-8 .title{font-size:7.5520833333vw}}@media (max-width:767px){.section-8 .title{top:1.6%}}.section-8 .title>div{display:flex;align-items:center;justify-content:center}.section-8 .title .m-txt{position:relative;margin-left:20px}@media (min-width:768px) and (max-width:1440px){.section-8 .title .m-txt{margin-left:1.3888888889vw}}@media (max-width:767px){.section-8 .title .m-txt{margin-left:2.6041666667vw}}.section-8 .title .m-txt{width:441px}@media (min-width:768px) and (max-width:1440px){.section-8 .title .m-txt{width:30.625vw}}@media (max-width:767px){.section-8 .title .m-txt{width:57.421875vw}}.section-8 .title .m-txt span{position:absolute;top:45%;left:0;transform:translateY(-50%);display:inline-block;font-weight:300;width:100%;text-align:center;letter-spacing:0;font-size:60px}@media (min-width:768px) and (max-width:1440px){.section-8 .title .m-txt span{font-size:4.1666666667vw}}@media (max-width:767px){.section-8 .title .m-txt span{font-size:7.5520833333vw}}.section-8 .txt{position:absolute;font-weight:300;letter-spacing:0.05em;font-size:28px}@media (min-width:768px) and (max-width:1440px){.section-8 .txt{font-size:1.9444444444vw}}@media (max-width:767px){.section-8 .txt{font-size:3.6458333333vw}}.section-8 .txt sup{position:relative;top:-0.4em;font-size:10px}@media (min-width:768px) and (max-width:1440px){.section-8 .txt sup{font-size:0.6944444444vw}}@media (max-width:767px){.section-8 .txt sup{font-size:1.5625vw}}.section-8 .txt.txt-1{top:18.8%;left:66.5%}@media (max-width:767px){.section-8 .txt.txt-1{top:12.4%;left:54.6%}}.section-8 .txt.txt-2{top:36%;left:24.2%}@media (max-width:767px){.section-8 .txt.txt-2{top:42.3%;left:30.5%}}.section-8 .txt.txt-3{top:59%;left:67%}@media (max-width:767px){.section-8 .txt.txt-3{top:69%;left:55.6%}}.section-10{margin-bottom:2em}@media (max-width:767px){.section-10{margin-bottom:8.2%}}.section-10 .content h2{position:absolute;top:32.8%;left:14.2%;letter-spacing:0.01em;font-size:50px}@media (max-width:1440px){.section-10 .content h2{font-size:3.4722222222vw}}@media (max-width:767px){.section-10 .content h2{top:6%;left:0;width:100%;text-align:center;letter-spacing:0.035em;font-size:7.6171875vw}}.section-10 .content h2 sup{position:relative;top:-1em;letter-spacing:0;font-size:12px}@media (min-width:768px) and (max-width:1440px){.section-10 .content h2 sup{font-size:0.8333333333vw}}@media (max-width:767px){.section-10 .content h2 sup{font-size:2.2135416667vw}}.section-10 .content p{position:absolute;top:46.4%;left:9.1%;font-weight:200;letter-spacing:0.015em;font-size:37px}@media (max-width:1440px){.section-10 .content p{font-size:2.5694444444vw}}@media (max-width:767px){.section-10 .content p{top:13.75%;left:0;width:100%;text-align:center;letter-spacing:0.04em;font-size:5.234375vw}}.section-10 .sup{position:absolute;top:75.7%;left:37.6%;letter-spacing:0;font-size:9px}@media (min-width:768px) and (max-width:1440px){.section-10 .sup{font-size:0.625vw}}@media (max-width:767px){.section-10 .sup{font-size:1.5625vw}}@media (max-width:767px){.section-10 .sup{top:27.7%;left:67.1%}}.section_11{padding:0 40px}@media (max-width:767px){.section_11{padding:0 20px}}.section_11 .intro_txt{font-size:15px;font-weight:300;text-align:justify;line-height:1.75;padding-bottom:2.4em;letter-spacing:0.0406rem}@media (min-width:768px) and (max-width:1439px){.section_11 .intro_txt{font-size:12px}}@media (max-width:767px){.section_11 .intro_txt{padding-bottom:10%;line-height:1.62;font-size:3.125vw}}.section_11 .intro_txt i{display:none}@media (max-width:767px){.section_11 .intro_txt i{display:inline-block}}.footer{padding:4.35em 0 10em}@media (max-width:1440px){.footer{padding:4.35em 0 14%}}@media (max-width:767px){.footer{padding:4.35em 0 28%}}