.main{padding:0 2%}.main .wrapper{margin:0 auto;padding:10px}.main .wrapper>.inner{padding:10px}.main .wrapper:nth-child(1)>.inner{background-image:var(--bg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:60vh;position:relative;max-width:100%}.main .wrapper:nth-child(1)>.inner:before{content:'';display:block;position:absolute;mix-blend-mode:initial;opacity:.5;background-color:#b4b3af;width:100%;left:0;top:0;height:100%}.main .wrapper:nth-child(1)>.inner{display:flex;flex-direction:column;gap:20px;justify-content:center;height:100%;text-align:center}.main .wrapper:nth-child(1)>.inner h2{color:#fff;font-family:"Noto Sans",Sans-serif;font-size:50px;font-weight:800;letter-spacing:6px;text-shadow:5px 5px 10px rgba(0,0,0,.57);margin-top:150px;position:relative}.main .wrapper:nth-child(1)>.inner p{color:#fff;font-family:"Noto Sans TC",Sans-serif;font-size:30px;font-weight:500;line-height:59px;letter-spacing:1px;text-shadow:5px 5px 10px rgba(0,0,0,.63);padding-top:30px;position:relative}.main .wrapper:nth-child(2)>.inner{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;max-width:100%;padding:0 10px}.main .wrapper:nth-child(2)>.inner a{font-family:"Noto Sans TC",Sans-serif;font-size:18px;font-weight:500;letter-spacing:1px;text-shadow:0 0 10px rgba(0,0,0,.3);color:#f6f6f6;background-color:#0f5176;border-radius:50px 50px 50px 50px;padding:12px 24px;line-height:1}.main .wrapper:nth-child(2)>.inner h2{font-family:"Noto Sans TC",Sans-serif;font-size:40px;font-weight:600;letter-spacing:1px;color:#0f5176;line-height:1;text-align:center}.main .wrapper:nth-child(2)>.inner h2:nth-child(2){padding-top:10px}.main .wrapper:nth-child(2)>.inner p{color:rgb(100 116 139 / 1);font-size:1.125rem;line-height:1.75rem;text-align:center;letter-spacing:1px;font-family:"Noto Sans TC",sans-serif;margin-bottom:8px}.main .wrapper:nth-child(2)>.inner .cards{padding:10px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.main .wrapper:nth-child(2)>.inner .cards .card{width:25%;background-color:#fff;margin:24px;padding:10px;border-radius:16px 16px 16px 16px;box-shadow:0 0 20px 0 rgba(0,0,0,.5);display:flex;gap:20px;flex-direction:column;transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX,1) * var(--e-con-transform-scaleX,var(--e-con-transform-scale,1)))) scaleY(calc(var(--e-con-transform-flipY,1) * var(--e-con-transform-scaleY,var(--e-con-transform-scale,1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x);transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.main .wrapper:nth-child(2)>.inner .cards .card.transform:hover{--e-con-transform-rotateZ:-1deg}.main .wrapper:nth-child(2)>.inner .cards .card .card-header{padding:10px}.main .wrapper:nth-child(2)>.inner .cards .card .card-header i{color:#8a898b;font-size:30px;line-height:1;width:1em;height:1em;position:relative;display:block}.main .wrapper:nth-child(2)>.inner .cards .card .card-header i:before{position:absolute;left:50%;transform:translateX(-50%)}.main .wrapper:nth-child(2)>.inner .cards .card .card-body{padding:10px;display:flex;gap:20px;flex-direction:column}.main .wrapper:nth-child(2)>.inner .cards .card .card-body h3{font-family:"Noto Sans TC",Sans-serif;font-weight:600;letter-spacing:1px;color:#0f5176;line-height:1;font-size:16px}.main .wrapper:nth-child(2)>.inner .cards .card .card-body p{padding:0;text-align:left;margin:0;font-size:16px;font-weight:300;color:#3f3832}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card{width:80%}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-body{flex-direction:row;gap:0;align-items:center}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-header h2{font-family:"Noto Sans TC",Sans-serif;font-size:45px;font-weight:600;letter-spacing:1px;text-align:left}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-body img{width:40%;margin-right:28px;border-radius:30px}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-body .text-box{width:100%}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-body .text-box h3{margin-bottom:11px;font-family:"Noto Sans TC",Sans-serif;font-size:25px;font-weight:500;letter-spacing:1px;margin-top:0;line-height:1.2}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card .card-body .text-box p{font-family:"Noto Sans TC",Sans-serif;font-size:18px;font-weight:300;letter-spacing:1px;line-height:1.5}.main .wrapper:nth-child(2)>.inner .cards.products{width:100%;flex-direction:column;align-items:center}.main .wrapper:nth-child(2)>.inner .cards.products .card{width:50%}.main .wrapper:nth-child(2)>.inner .cards.products .card .card-body h3{font-family:"Noto Sans TC",Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px}.main .wrapper:nth-child(2)>.inner .cards.products .card .card-body p{color:#0f5176}.main .wrapper:nth-child(2)>.inner .cards.products .card .card-body p.price{font-size:50px;font-weight:900;line-height:1.5}.main .wrapper:nth-child(2)>.inner .cards.products .card .card-body p.preferential-price{font-size:30px;font-weight:600;line-height:1.5}.main .wrapper:nth-child(2)>.inner .cards.products .card .card-body p.desc{color:#3f3832;margin:0 auto}.main .wrapper:nth-child(2)>.inner .cards.products .button-box{display:flex;align-items:center;justify-content:center}.main .wrapper:nth-child(2)>.inner .faq{padding-top:6rem;padding-bottom:6rem;padding-left:1rem;padding-right:1rem;font-family:'Noto Sans TC',sans-serif;--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity,1));border-style:solid;border-width:0;border-top-width:1px;width:100%}.main .wrapper:nth-child(2)>.inner .faq .faq-inner{max-width:48rem;margin:0 auto}.main .wrapper:nth-child(2)>.inner .faq h2{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity,1));font-weight:700;margin-bottom:3rem;margin-top:0;text-align:center}.main .wrapper:nth-child(2)>.inner .faq details{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity,1));border-width:1px;border-radius:1rem;cursor:pointer;border-style:solid}.main .wrapper:nth-child(2)>.inner .faq details summary{list-style:none;--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity,1));font-weight:700;font-size:1.125rem;line-height:1.75rem;padding-top:1.25rem;padding-bottom:1.25rem;padding-left:1.5rem;padding-right:1.5rem;justify-content:space-between;align-items:center;display:flex}.main .wrapper:nth-child(2)>.inner .faq details summary span{background-color:rgb(241 245 249 / var(--tw-bg-opacity,1));border-radius:9999px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.main .wrapper:nth-child(2)>.inner .faq details[open] summary{--tw-text-opacity:1;color:rgb(15 81 118 / var(--tw-text-opacity,1))}.main .wrapper:nth-child(2)>.inner .faq details[open] summary span{--tw-rotate:180deg;transform:rotate(var(--tw-rotate));background-color:rgb(15 81 118 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.main .wrapper:nth-child(2)>.inner .faq .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.main .wrapper:nth-child(2)>.inner .faq details>div{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity,1));line-height:1.625;padding-top:1rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;border-top:1px solid rgb(241 245 249 / 1)}@media only screen and (max-width:768px){.main .wrapper:nth-child(2)>.inner .cards .card{width:100%}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5) .card{width:100%}.main .wrapper:nth-child(2)>.inner .cards.products .card{width:auto}.main .wrapper:nth-child(1)>.inner{background-position:center!important}}@media only screen and (max-width:767px){.main{padding:0}.main .wrapper{width:100%}.main .wrapper:nth-child(2)>.inner{padding:0}.main .wrapper:nth-child(1)>.inner{min-height:50vh}.main .wrapper:nth-child(1)>.inner h2{font-size:28px;line-height:1.4em;letter-spacing:3px;padding-top:30px}.main .wrapper:nth-child(1)>.inner p{display:none}.main .wrapper:nth-child(2)>.inner .cards:nth-child(5){display:none}.main .wrapper:nth-child(2)>.inner .faq h2{font-size:1.875rem;line-height:2.25rem}}