@import"https://fonts.googleapis.com/earlyaccess/notosanstc.css";@import"https://fonts.googleapis.com/earlyaccess/cwtexkai.css";@font-face{font-family:"Myriad Pro",sans-serif;src:url("https://fonts.cdnfonts.com/css/myriad-pro")}*{box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:1px;margin:0;padding:0}body{background:#fff;color:#353b39;font-family:"Noto Sans TC",sans-serif;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;margin:0;overflow-x:hidden;padding:0;position:relative}ul{list-style-type:none}h1,h2,h3,h4,h5,h6{margin:0}.fw600{font-weight:600;color:#fff}.clearfix:after{content:"";clear:both;display:block}.dFlex{display:flex}.textCenter{text-align:center}h2{font-size:32px;font-weight:700;letter-spacing:1px}h2.whiteColor{color:#fff}h3{font-size:25px;font-weight:700;letter-spacing:1px;line-height:38px}.headerWrapper{width:100%}.headerBox{background:#fff;border-radius:8px;box-shadow:0 0 4.8px 0 rgba(0,0,0,.34);height:72px;left:18px;margin:auto;position:fixed;right:18px;top:14px;z-index:100}.headerBox .content{align-items:center;height:inherit;justify-content:flex-end;position:relative}.headerBox .content img.logo{bottom:0;height:auto;left:18px;margin:auto;max-width:292px;position:absolute;top:0}.headerBox nav.menu{margin-right:18px}.headerBox nav.menu li{display:inline-block;margin-right:14px}.headerBox nav.menu li:last-child{margin-right:0}.headerBox nav.menu li a{color:#353b39;cursor:pointer;font-size:16px;font-weight:600;padding:28px 0;text-decoration:none;transition:all .18s ease-out 0s}.headerBox nav.menu li.menuText a.selected{position:relative}.headerBox nav.menu li.menuText a.selected:after{content:"";background:#c02727;bottom:4px;display:block;height:6px;position:absolute;width:100%}.mainBannerDesign{padding:240px 0 28.1%;position:relative}.mainBannerDesign .content{margin:0 auto;max-width:1706px;width:100%}.mainBannerDesign .content img.bannerTextPic{max-width:100%;padding-left:22px;position:absolute;right:0;top:0}.serviceDescribe{background:linear-gradient(90deg, rgb(55, 164, 45) 0%, rgb(46, 158, 53) 32%, rgb(33, 151, 64) 100%);margin:308px 0 568px;padding:0 18px 68px;position:relative;--topPicPlaced: clamp(0px, 14.8vw, 300px);width:100%}.serviceDescribe:before{content:"";background:url(../images/serviceTopPic.png) center top no-repeat;background-size:100% auto;display:block;height:var(--topPicPlaced);left:0;padding-top:9%;position:absolute;right:0;top:calc(-1*var(--topPicPlaced));width:100%;z-index:0}.serviceDescribe:after{content:"";background:url(../images/serviceBottomPic.png) center bottom no-repeat;background-size:100% auto;bottom:calc(-1*var(--topPicPlaced));display:block;height:var(--topPicPlaced);left:0;padding-top:0;position:absolute;right:0;width:100%;z-index:1}.serviceDescribe h2{padding-top:18px}.serviceDescribe .serviceDescribeSwiper{background:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.18);margin:0 auto;max-width:1428px;position:relative;width:100%}.serviceDescribe .textContent{padding-top:40px}.serviceDescribe li{gap:80px;padding:14px 80px 60px}.serviceDescribe span.number{color:#38a538;font-family:"Myriad Pro",Myriad,"Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:700;letter-spacing:1px;top:5px}.serviceDescribe h3{font-size:40px;font-weight:700;line-height:56px;padding:12px 0 20px}.serviceDescribe p{font-size:18px;font-weight:500;line-height:30px}.serviceDescribe img.ovenPic{left:0;max-width:48%;position:absolute;top:-56%;z-index:0}.applyFlow{background:linear-gradient(90deg, rgb(56, 158, 57) 0%, rgb(58, 165, 50) 32%, rgb(44, 158, 60) 100%);margin:268px 0 48px;padding:0 18px 68px;position:relative;--topPicPlaced: clamp(0px, 11.5vw, 216px);width:100%}.applyFlow:before{content:"";background:url(../images/applyFlowTopPic.png) center top no-repeat;background-size:100% auto;display:block;height:var(--topPicPlaced);left:0;padding-top:9.3%;position:absolute;right:0;top:calc(-1*var(--topPicPlaced));width:100%;z-index:1}.applyFlow:after{content:"";background:url(../images/applyFlowBottomPic.png) center bottom no-repeat;background-size:100% auto;bottom:calc(-1*var(--topPicPlaced));display:block;height:var(--topPicPlaced);left:0;padding-top:0;position:absolute;right:0;width:100%;z-index:1}.applyFlow ul{margin:0 auto;max-width:1372px;padding-top:40px;width:100%}.applyFlow li{background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.18);margin-right:4%;padding:36px 22px 28px;position:relative;width:32%}.applyFlow li img{display:block;margin:0 auto 20px;max-width:100%}.applyFlow li:last-child{margin-right:0}.applyFlow span.number{color:#38a538;font-family:"Myriad Pro",Myriad,"Liberation Sans","Nimbus Sans L","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:42px;font-weight:700;letter-spacing:1px;position:absolute;top:5px}.applyFlow span.number:after{content:"";background:url(../images/applyFlowIcon-4.png) no-repeat;background-size:48px 6px;bottom:-6px;display:block;height:6px;left:0;position:absolute;width:48px}.cooperateBank{margin:0 auto;max-width:1408px;padding:142px 18px 52px;width:100%}.cooperateBank ul{flex-wrap:wrap;gap:14px;justify-content:flex-start;padding-top:40px}.cooperateBank li{margin-bottom:28px;width:9.08%}.cooperateBank li img{display:block;height:auto;margin:0 auto}.faWrapper{background:#eaeae9;margin-top:258px;padding:0 18px 68px;position:relative;--topPicPlaced: clamp(0px, 14.8vw, 284px);width:100%}.faWrapper:before{content:"";background:url(../images/qABgTopPic.png) center top no-repeat;background-size:100% auto;display:block;height:var(--topPicPlaced);left:0;padding-top:14.2%;position:absolute;right:0;top:calc(-1*var(--topPicPlaced));width:100%}.faWrapper .btnUI{background:#248f3d;border-radius:42px;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;letter-spacing:1px;margin:40px auto 0 auto;opacity:1;overflow:visible;padding:15px 0 19px;position:relative;text-align:center;text-decoration:none;transition:all .6s ease-in-out 0s;width:162px}.faWrapper .btnUI:before,.faWrapper .btnUI:after{content:"";background:#248f3d;border-radius:50%;display:inline-block;height:22px;position:absolute;transition:all .4s ease-in-out;transform:scale(0);width:28px;z-index:0}.faWrapper .btnUI:before{left:20%;top:-12.8%}.faWrapper .btnUI:after{bottom:-12.8%;right:20%}.faWrapper .btnUI:hover:before,.faWrapper .btnUI:hover:after{transform:none}.faWrapper img.qABgPatternLeft,.faWrapper img.qABgPatternRight{max-width:30%}.faWrapper img.qABgPatternLeft{bottom:0;left:0;position:absolute;z-index:0}.faWrapper img.qABgPatternRight{bottom:0;position:absolute;right:0;z-index:0}.faqSection{font-family:"Noto Sans TC",sans-serif;margin:0 auto;max-width:1104px;width:100%}.faqList{list-style:none;padding-top:24px;position:relative}.faqList li{background:#fff;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.05);margin-bottom:28px;overflow:hidden}.faqList li:last-child{margin-bottom:0}.faqQuestion{background:#fff;box-shadow:0 3px 22px rgba(0,0,0,.22);color:#353b39;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease-in-out 0s}.faqQuestion p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1;font-size:20px;font-weight:600;line-height:28px;max-height:60px;overflow:hidden;text-align:justify;text-overflow:ellipsis}.faqQuestion.faqOpenToggle{border-bottom:1px solid #248f3d}.faqNumber{background:#248f3d;border-radius:10px;color:#fff;flex-shrink:0;font-size:28px;font-weight:700;padding:16px 0 20px;text-align:center;width:76px}.faqNumber.faqOpenToggle{border-radius:10px 0 0 0}.faContent{align-items:center;padding:0 18px;width:100%}.faqList li.active .faqToggle{transform:rotate(270deg)}.faqAnswer{background:#fff;color:#333;display:none;padding:14px 22px 18px}.faqAnswer p{font-size:16px;font-weight:500;line-height:28px;text-align:justify}.faqAnswer p a{color:#248f3d;font-weight:700;padding:0 1px;text-underline-offset:6px}.faqToggle{display:inline-block;flex-shrink:0;height:18px;margin-left:14px;position:relative;width:18px}.faqToggle::before,.faqToggle::after{content:"";background:#248f3d;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:transform .3s ease;width:3px}.faqToggle::after{transform:translate(-50%, -50%) rotate(90deg)}.faqToggle.faqOpenToggle:before{display:none}.faqList li.active .faqToggle::after{transform:translate(-50%, -50%) rotate(0deg)}footer{background:#248f3d;padding:18px 16px;position:relative;width:100%}footer .goTopBtn{background:#fff;border:2.4px solid #248f3d;border-radius:50%;box-shadow:0 8px 10px rgba(8,81,42,.46);bottom:54%;cursor:pointer;display:block;height:50px;position:absolute;right:50px;transition:all .4s ease-in-out 0s;width:50px}footer .goTopBtn span{border-top:3.4px solid #248f3d;border-left:3.4px solid #248f3d;bottom:0;display:block;height:10px;left:0;margin:auto;position:absolute;right:0;top:0;transform:rotate(45deg);width:10px}footer p{color:#fff;font-size:14px;line-height:22px;text-align:center}@media screen and (max-width: 1600px){.serviceDescribe{margin:18% 0 32%}.serviceDescribe img.ovenPic{display:none}}@media screen and (min-width: 1500px){.mainBannerDesign .content img.bannerTextPic.deskTopShow{display:block}.mainBannerDesign .content img.bannerTextPic.mobileShow{display:none}}@media screen and (max-width: 1500px){.applyFlow{margin:34% 0 48px}.mainBannerDesign{height:max(60vh,800px);padding:0;position:relative}.mainBannerDesign .content img.bannerTextPic.deskTopShow{display:none}.mainBannerDesign .content img.bannerTextPic.mobileShow{display:block;left:0;max-width:100vw;margin:auto;padding-left:18px;padding-right:18px;top:50%;transform:translateY(-52.6%)}.serviceDescribe{margin:0 0 32%}}@media screen and (min-width: 1465px){.applyFlow .swiper-wrapper.dFlex{display:flex;justify-content:center}.applyFlow .swiper-pagination{display:none}}@media screen and (max-width: 1465px){.applyFlow{padding:0 18px 50px}.applyFlow .swiper{overflow:hidden}.applyFlow .swiper-slide{box-sizing:border-box;width:auto}.applyFlow li{margin-right:0;width:100%}.applyFlow li h3{padding-bottom:28px}}@media screen and (max-width: 1406px){.cooperateBank ul{justify-content:center}.cooperateBank li{width:19.181%}}@media screen and (max-width: 1274px){.serviceDescribe h3{font-size:38px}.serviceDescribe li{padding:20px 48px}.serviceDescribe li img{display:block;margin:0 auto 42px}.serviceDescribe p{font-size:17px;line-height:29px}}@media screen and (min-width: 1192px){.deskTopShow{display:block}.mobileShow{display:none}}@media screen and (max-width: 1192px){.deskTopShow{display:none}.mobileShow{display:block}.serviceDescribe h3{font-size:30px;line-height:47px}.serviceDescribe li{flex-direction:column;gap:24px;padding:6px 20px 10px}.serviceDescribe .textContent{padding-top:0}}@media screen and (min-width: 1110px){.headerBox .mobileMenuBtn{display:none}}@media screen and (max-width: 1110px){.bannerBox{padding-top:52px}.bannerBox img.desktopShow{display:none}.bannerBox img.mobileShow{display:block}.cooperateBank{padding:10% 18px 6%}.faWrapper{margin-top:52px}.headerWrapper{top:14px}.headerBox{display:block}.headerBox .content{max-width:100%;padding:0;width:100%}.headerBox .content img.logo{left:18px}.headerBox .mobileMenuBtn{background:#248f3d;border-radius:0 8px 8px 0;display:block;height:72px;padding:18.4px 0;position:absolute;right:0;width:72px;z-index:999}.headerBox .mobileMenuBtn .closeIcon{height:22px;margin:0 auto;position:relative;transform:translateY(0%);width:24px}.headerBox .mobileMenuBtn .closeIcon span{background:#fff;display:block;height:2px;left:0;position:absolute;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.headerBox .mobileMenuBtn .closeIcon span:first-child{top:0;width:24px}.headerBox .mobileMenuBtn .closeIcon span:nth-child(2){left:auto;right:0;top:8px;width:22px}.headerBox .mobileMenuBtn .closeIcon span:last-child{left:auto;right:0;top:16px;width:20px}.headerBox .mobileMenuBtn.open span:first-child{top:8px;transform:rotate(45deg)}.headerBox .mobileMenuBtn.open span:nth-child(2){opacity:0;width:0}.headerBox .mobileMenuBtn.open span:last-child{top:8px;transform:rotate(-45deg);width:24px}.headerBox .mobileMenuBtn p{color:#fff;font-size:14px;font-weight:600;text-align:center;transform:scale(0.66)}.headerBox nav.menu{bottom:auto;display:none;width:100%}.headerBox nav.menu ul{background:#fff;border-radius:8px;box-shadow:rgba(0,0,0,.14) 0px 10px 15px -3px,rgba(0,0,0,.08) 0px 4px 6px -2px;height:auto;position:absolute;top:78px;width:100%;z-index:100}.headerBox nav.menu li{border-bottom:1px solid #eaeaea;float:none;margin-right:0;width:100%}.headerBox nav.menu li:last-child{border-bottom:none}.headerBox nav.menu li a{display:block;font-size:16px;padding:14px 24px;position:relative;text-align:left}.headerBox nav.menu li.menuText a.selected{color:#c02727}.headerBox nav.menu li.menuText a.selected:after{display:none}}@media screen and (max-width: 1024px){h2{font-size:26px}h3{font-size:24px;line-height:36px;padding-bottom:18px}.faqNumber{font-size:24px}.faqQuestion p{font-size:16px;line-height:24px}.faqAnswer p{font-size:15px;line-height:26px}.serviceDescribe h3{font-size:24px;line-height:37px;padding:5px 0 11px;text-align:justify}.serviceDescribe li img{width:100%}.serviceDescribe span.number{font-size:42px}.serviceDescribe p{text-align:justify}}@media screen and (min-width: 767px){.bannerBox img.desktopShow{display:block}.bannerBox img.mobileShow{display:none}}@media screen and (max-width: 767px){.bannerBox{padding-top:58px}.contentOuterBox{padding:0 14px}.contentBox{padding:32px 0 48px}.applyFlow ul{padding-top:24px}footer{padding:36px 16px 18px}footer .goTopBtn{bottom:66%;left:0;margin:auto;right:0}}@media screen and (max-width: 700px){.cooperateBank li{margin-bottom:28px;width:47%}}@media screen and (max-width: 610px){.headerBox .mobileMenuBtn .closeIcon{height:22px;width:24px}.headerBox .mobileMenuBtn .closeIcon span:first-child{width:24px}.headerBox .mobileMenuBtn .closeIcon span:nth-child(2){top:8px;width:22px}.headerBox .mobileMenuBtn .closeIcon span:last-child{top:16px;width:20px}.headerBox .mobileMenuBtn.open span:first-child{top:8px}.headerBox .mobileMenuBtn.open span:last-child{top:8px;width:24px}.headerBox .mobileMenuBtn p{font-size:12px;transform:scale(0.66)}}@media screen and (max-width: 500px){.headerBox .content img.logo{max-width:254px}.mainBannerDesign{height:max(60vh,500px)}.mainBannerDesign .content img.bannerTextPic.mobileShow{transform:translateY(-50%)}}@media screen and (max-width: 484px){footer .goTopBtn{bottom:74%}}@media screen and (max-width: 428px){.headerWrapper{top:14px}}@media screen and (max-width: 400px){.headerBox .content img.logo{max-width:62vw}.applyFlow li{padding:16px}.applyFlow li img{max-width:60%}.applyFlow span.number{font-size:34px}.applyFlow span.number:after{background-size:38px 6px;height:6px;width:38px}}@media screen and (max-width: 360px){.headerBox .content img.logo{max-width:58.4vw}}
