@charset "UTF-8";@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Light.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Bold.otf) format("opentype");font-display:swap}body,html{font-family:"Noto Sans TC",sans-serif,Arial,Helvetica;font-size:16px;font-weight:400;line-height:1.5;color:#323232}body.-popupOpen,html.-popupOpen{overflow:hidden}@media only screen and (max-width:1023px){body.-menuOpen,html.-menuOpen{overflow:hidden}}main{overflow:hidden}a,button{padding:0;line-height:1.6;border:none;outline:0;background:0 0;cursor:pointer}.footer a{color:#fff}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{position:absolute;top:0;display:block;width:100%;margin:.2em 0;background:#ccc;padding:.2em 0}body{height:100%}.wrapper{min-height:100%;overflow:hidden}.main{padding-top:80px}.main p{padding:0}@media screen and (max-width:1024px){.main{padding-top:76px}}@media only screen and (max-width:767px){.main{padding-top:58px}}.service{position:fixed;right:16px;bottom:95px;width:54px;height:54px;border-radius:50%;background:url(../images/icon/yuan.svg);cursor:pointer;z-index:101;transition:.3s}.service-box{position:absolute;bottom:calc(100% + 10px);right:0;display:none;flex-direction:column;width:186px;padding:8px;font-size:12px;color:#0072ff;line-height:1.6;text-align:center;border-radius:16px;box-shadow:0 0 9px rgba(0,0,0,.5);background:#fff;z-index:10}.service-box span{color:#707070}@media only screen and (min-width:768px){.service:hover .service-box{display:flex}}@media only screen and (max-width:1279px){.service{right:12px}}@media only screen and (max-width:1023px){.service{top:11px;bottom:auto;right:74px}.service:hover .service-box{display:none}}@media only screen and (max-width:767px){.service{top:13px;right:54px;width:32px;height:32px}}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Light.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Medium.otf) format("opentype");font-display:swap}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url(https://www.yuantabank.com.tw/bankwebIMG/event/fonts/NotoSansTC-Bold.otf) format("opentype");font-display:swap}.header{position:fixed;top:0;left:0;box-sizing:border-box;display:flex;align-items:center;width:100%;height:80px;padding:20px;background:#fff url(../images/header/header_bg.png) no-repeat center right/auto;z-index:100}.header-logo{flex:1;display:block;font-size:0}.header-logo a{display:inline-block;width:187px;height:39px;background-image:url(../images/header/yuantabank_logo.svg);background-size:100% auto;background-repeat:no-repeat}.header-nav{flex:0 0 auto;box-sizing:border-box;display:flex;padding:0 50px;font-size:18px;color:#323232}.header-nav a{color:#323232;text-decoration:none}.header-nav span{margin:0 34px}.header-plusLogo{flex:0 0 auto;width:130px;height:39px;margin-left:30px;background:url(../images/header/yuantaplus_logo.svg) no-repeat center/contain}.header-burger{flex:0 0 auto;display:none}@media screen and (max-width:1024px){.header{height:76px}.header-logo a{width:171px;height:36px}.header-nav{font-size:16px;padding:0 20px}.header-nav span{margin:0 20px}.header-plusLogo{width:120px;margin-left:5px}}@media only screen and (max-width:1023px){.header-nav{position:fixed;top:76px;left:0;width:100%;height:calc(100% - 76px);padding:0 34px 50px 34px;flex-direction:column;justify-content:center;font-size:20px;background-color:#fff;opacity:0;pointer-events:none;transition:.4s;z-index:5}.header-nav a{padding:20px;text-align:center}.header-nav a:first-child{border-top:none}.header-nav span{display:none}.-menuOpen .header-nav{opacity:1;pointer-events:visible}.header-plusLogo{display:none}.header-burger{position:relative;display:block;width:36px;height:36px;background:url(../images/header/burger.svg) no-repeat center/contain;z-index:10}.-menuOpen .header-burger{background-image:url(../images/header/cross.svg)}}@media only screen and (max-width:767px){.header{padding:16px;height:58px}.header-logo a{width:123px;height:26px}.header-nav{top:58px;height:calc(100% - 58px)}.header-plusLogo{width:87px}.header-burger{width:24px;height:24px}}.float{position:fixed;bottom:180px;right:0;display:none;padding:38px 28px;font-size:24px;line-height:1.1;color:#fff;border-radius:12px 0 0 12px;background-color:#272727;z-index:99}@media only screen and (min-width:1024px){.float{transition:background-color .4s}.float:hover{background-color:#076ed7}}@media only screen and (max-width:1023px){.float{bottom:30px;padding:38px 18px;font-size:20px;border-radius:10px 0 0 10px}}@-webkit-keyframes progress-fill{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes progress-fill{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.progress-animation svg path{-webkit-animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes poly{0%{opacity:.05}100%{opacity:.3}}@keyframes poly{0%{opacity:.05}100%{opacity:.3}}@-webkit-keyframes bannerFadeUp{0%{opacity:0;transform:translate(-50%,50px)}100%{opacity:1;transform:translate(-50%,0)}}@keyframes bannerFadeUp{0%{opacity:0;transform:translate(-50%,50px)}100%{opacity:1;transform:translate(-50%,0)}}@-webkit-keyframes peopleFade{0%{opacity:0;transform:translate(50px,0)}100%{opacity:1;transform:translate(0,0)}}@keyframes peopleFade{0%{opacity:0;transform:translate(50px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes shine{0%{transform:translateX(-150%)}100%{transform:translateX(150%)}}@keyframes shine{0%{transform:translateX(-150%)}100%{transform:translateX(150%)}}.banner{position:relative;margin-bottom:140px;padding-bottom:800px;background:url(../images/banner/background.jpg) no-repeat center/cover;z-index:1}.banner-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1920px;height:100%}.banner-bg svg{width:100%;height:100%;pointer-events:none}.banner-wrap{position:absolute;top:0;left:50%;transform:translate(-50%,50px);width:100%;max-width:1264px;height:100%;padding:142px 32px 0;font-size:0;z-index:1;opacity:0;-webkit-animation:bannerFadeUp 1.5s forwards;animation:bannerFadeUp 1.5s forwards}.banner-wrap img{width:100%}.banner-logo{width:101px;box-shadow:0 3px 16px 0 rgba(0,0,0,.1);border-radius:21px}.banner-tit{display:inline-block;font-size:88px;font-weight:700;line-height:1.4;letter-spacing:2px;color:#076ed7;background:linear-gradient(115.53deg,#027ffc -3.3%,#00459f 134.31%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-tit::after{content:'';display:block;width:154px;height:2px;margin:22px 0;background-color:#076ed7}.banner-txt{font-size:36px;font-weight:500}.banner-txt span{position:relative}.banner-txt span svg{position:absolute;top:88%;left:0;width:72px;-webkit-animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.banner-txt span.-line2 svg{-webkit-animation-delay:1.7s;animation-delay:1.7s}.banner-txt span.-line3 svg{-webkit-animation-delay:2.1s;animation-delay:2.1s}.banner-action{display:flex;gap:20px;margin-top:64px}.banner-action a{flex:0 0 auto;width:182px}.banner-people{position:absolute;bottom:0;right:32px;width:490px;opacity:0;-webkit-animation:peopleFade 1.5s 1.7s forwards;animation:peopleFade 1.5s 1.7s forwards;pointer-events:none}.banner-scroll{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:192px;height:192px;z-index:1}@media only screen and (min-width:1921px){.banner-bg{width:100%}}@media only screen and (max-width:1263px){.banner{margin-bottom:100px;padding-bottom:63.29114%}.banner-bg{width:151.89873%}.banner-wrap{padding:11.23418vw 2.53165vw 0}.banner-logo{width:7.99051vw;box-shadow:0 .23734vw 1.26582vw 0 rgba(0,0,0,.1);border-radius:1.66139vw}.banner-tit{font-size:6.96203vw;letter-spacing:.15823vw}.banner-tit::after{width:12.18354vw;height:1px;margin:1.74051vw 0}.banner-txt{font-size:2.8481vw}.banner-txt span svg{width:5.6962vw}.banner-action{gap:1.58228vw;margin-top:5.06329vw}.banner-action a{width:14.39873vw}.banner-people{right:2.53165vw;width:38.76582vw}.banner-scroll{width:15.18987vw;height:15.18987vw}}@media only screen and (min-width:1024px){.banner-action a{transition:transform .1s}.banner-action a:hover{transform:scale(.95)}}@media only screen and (max-width:1023px){.banner{padding-bottom:122.91667%;margin-bottom:0;background-image:url(../images/banner/background-m.jpg)}.banner-bg{width:100%;opacity:.7}.banner-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/banner/shine-m.png) no-repeat bottom left/cover;pointer-events:none}.banner-wrap{padding:8.46354vw 7.8125vw 0}.banner-tit{font-size:8.85417vw;letter-spacing:.26042vw}.banner-tit::after{width:8.59375vw;margin:3.125vw 0}.banner-txt{font-size:4.16667vw}.banner-txt span svg{width:8.33333vw}.banner-action{margin-top:8.33333vw}.banner-action a{width:26.04167vw}.banner-people{right:9.11458vw;width:52.86458vw}.banner-scroll{left:8.33333vw;bottom:6.77966vw;transform:none;width:15.625vw;height:15.625vw}}@media only screen and (max-width:767px){.banner{padding-bottom:166.66667%}.banner-wrap{padding:9.44444vw 4.44444vw 0}.banner-tit{font-size:12.22222vw;letter-spacing:.27778vw}.banner-tit::after{width:11.66667vw;margin:4.44444vw 0}.banner-txt{font-size:5.55556vw}.banner-txt span svg{width:11.11111vw}.banner-action{margin-top:9.44444vw}.banner-action a{width:37.77778vw}.banner-people{right:6.66667vw;width:64.44444vw}.banner-scroll{left:5.55556vw;bottom:16.66667vw;width:22.22222vw;height:22.22222vw}}@-webkit-keyframes cycle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cycle{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes down{0%{transform:translateY(-20%)}100%{transform:translateY(20%)}}@keyframes down{0%{transform:translateY(-20%)}100%{transform:translateY(20%)}}.people{position:relative}.people-light{position:absolute;top:31.5%;left:9.38776%;width:16.32653%;font-size:0}.people-light svg{width:100%;height:auto}.scroll{position:relative;width:100%;height:100%;font-size:0;text-align:center}.scroll::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/banner/ring.png) no-repeat center/contain;pointer-events:none;-webkit-animation:cycle 3s linear infinite;animation:cycle 3s linear infinite}.scroll::after{content:'';position:absolute;top:20.83333%;left:43.75%;width:11.45833%;height:26.04167%;background:url(../images/banner/arrow.svg) no-repeat center/contain;-webkit-animation:down 1s ease-in-out infinite alternate;animation:down 1s ease-in-out infinite alternate}.scroll>img{width:48.95833%;margin-top:62.5%}.link{color:#007fe0!important;text-decoration:underline}.tab{display:flex;max-width:655px;margin:0 auto 44px}.tab button{flex:1;position:relative;padding:16px 0;font-size:24px;font-weight:500;color:#737373;text-align:center;border-bottom:1px solid #e9e9e9;transition:.4s}.tab button::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#076ed7;transition:height .4s}.tab button.-active{color:#076ed7}.tab button.-active::after{height:2px}.tab.-capsule{display:inline-flex;max-width:none;margin-bottom:32px;padding:8px;border-radius:20px;background-color:#ebebeb}.tab.-capsule button{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:16px 20px;font-size:20px;border-bottom:none;border-radius:12px}.tab.-capsule button::after{content:none}.tab.-capsule button.-active{background-color:#fff}.tab-icon{flex:0 0 auto;position:relative;width:24px;font-size:0}.tab-icon img{transition:opacity .4s}button.-active .tab-icon img:nth-child(1){opacity:0}.tab-icon img:nth-child(2){position:absolute;top:0;left:0;width:100%;opacity:0}button.-active .tab-icon img:nth-child(2){opacity:1}@media only screen and (min-width:1024px){.tab button:hover{color:#076ed7}button:hover .tab-icon img:nth-child(1){opacity:0}button:hover .tab-icon img:nth-child(2){opacity:1}}@media only screen and (max-width:1023px){.tab{max-width:480px;margin:0 auto 40px}.tab button{padding:12px 0;font-size:18px}.tab.-capsule{padding:4px;border-radius:14px}.tab.-capsule button{padding:12px 16px;font-size:18px;border-radius:10px}}@media only screen and (max-width:767px){.tab button{flex:1 1 auto}}[data-tab-content]:not(.-active){height:0;padding:0;overflow:hidden;pointer-events:none;visibility:hidden}.anchor{transform:translateY(-80px)}@media only screen and (max-width:1023px){.anchor{transform:translateY(-76px)}}@media only screen and (max-width:767px){.anchor{transform:translateY(-58px)}}.block{position:relative;padding:80px 0}.block.-custom{position:relative;background:linear-gradient(180deg,#fff 0,#d0e7fd 100%)}.block.-custom::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:300px;border-top-left-radius:80px;border-top-right-radius:80px;background-color:#fff}.block.-teaching{border-bottom-left-radius:80px;border-bottom-right-radius:80px;background-color:#fff;z-index:1}.block.-download{margin-top:-80px;padding-top:160px;padding-bottom:0;background:url(../images/download/background.jpg) no-repeat center/cover}.block.-notice{padding:32px 0;background-color:#f9fafb}.block-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);width:1920px;height:100%;opacity:.6}.block-bg svg{width:100%;height:100%;pointer-events:none}.block-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#2298ec 43.91%,rgba(18,112,220,0) 119.63%);opacity:.8;pointer-events:none}.block-wrap{position:relative;box-sizing:border-box;max-width:1264px;margin:0 auto;padding:0 32px;z-index:1}@media only screen and (min-width:1921px){.block-bg{width:100%}}@media only screen and (max-width:1023px){.block{padding:60px 0}.block-bg{width:100%;transform:translate(-50%,-50%)}.block-bg::before{background:linear-gradient(to bottom,#2298ec 43.91%,rgba(18,112,220,0) 119.63%)}.block.-custom::after{height:238px;border-top-left-radius:50px;border-top-right-radius:50px}.block.-teaching{border-bottom-left-radius:50px;border-bottom-right-radius:50px}.block.-download{margin-top:-60px;padding-top:120px}}@media only screen and (max-width:767px){.block.-custom::after{height:190px;border-top-left-radius:28px;border-top-right-radius:28px}.block.-teaching{border-bottom-left-radius:28px;border-bottom-right-radius:28px}.block-wrap{padding:0 20px}}.swiper-button-next,.swiper-button-prev{width:48px;height:48px;margin:0;border-radius:50%;background:url(../images/icon/next.svg) no-repeat center/contain}.swiper-button-next::after,.swiper-button-prev::after{content:none}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1;background-image:url(../images/icon/next-disabled.svg)}.swiper-button-prev{transform:rotate(-180deg)}@media only screen and (max-width:1023px){.swiper-button-next,.swiper-button-prev{width:36px;height:36px}}.swiper-pagination{position:static;margin-top:16px;line-height:0}.swiper .swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;margin:0 6px;border-radius:4px;background-color:#bcbcbc;opacity:1;transition:width .3s,background-color .3s}.swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px;background-color:#076ed7}@-webkit-keyframes rotating{0%{--r:0deg}100%{--r:360deg}}@keyframes rotating{0%{--r:0deg}100%{--r:360deg}}@property --r{syntax:'<angle>';inherits:false;initial-value:0deg}.features-head{display:flex;align-items:flex-end}.features-title{flex:1}.features-tool{display:flex;gap:12px}.features-tool .swiper-button-next,.features-tool .swiper-button-prev{position:static}.features-content{margin-top:64px}.features-content .swiper{overflow:visible}.features-content .swiper-slide{width:408px}.features-card{position:relative;cursor:pointer}.features-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:111.76471%;height:107.74194%;border-radius:40px;background:conic-gradient(from var(--r),#3682de 0,#fff 10%,#3682de 20%);opacity:0;pointer-events:none;-webkit-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite}.features-line::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:38px;background-color:#fff;pointer-events:none}.features-pic{position:relative;border-radius:32px;overflow:hidden;z-index:1}.features-pic::after{content:'';position:absolute;right:36px;bottom:36px;width:48px;height:48px;background:url(../images/features/card/plus.svg) no-repeat center/contain}.features-name{position:absolute;left:36px;bottom:36px;font-style:500;font-size:40px;font-weight:500;line-height:1.4;color:#fff;z-index:1}@media only screen and (min-width:1024px){.features-pic img{transition:.4s}.features-line{transition:opacity .4s}.features-card:hover .features-pic img{transform:scale(1.1)}.features-card:hover .features-line{opacity:1}}@media only screen and (max-width:1023px){.features-tool{gap:20px}.features-content{margin-top:40px}.features-content .swiper-slide{width:260px}.features-pic{border-radius:24px}.features-pic::after{right:24px;bottom:24px;width:36px;height:36px}.features-name{left:24px;bottom:24px;font-size:28px}}@supports not (background:conic-gradient(from var(--r),red,blue)){.features-line{background:url(../images/features/card/frame.png) no-repeat center/contain;-webkit-animation:none;animation:none}}.teaching-head{margin-bottom:24px;text-align:center}.step{padding:32px}.step-tab{text-align:center}.step-content{display:flex;justify-content:center;align-items:center;gap:64px}.step-slider{flex:0 1 auto;width:230px}.step-action{flex:0 1 auto;position:relative;width:512px}.step-action::before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background-color:#dadada}.step-li{position:relative;display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:.4s}.step-li::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:24px;background-color:#076ed7;opacity:0;transition:.4s}.step-li::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background-color:#dadada;transition:.4s}.step-li.-active{box-shadow:4px 8px 20px 0 rgba(0,0,0,.07);background-color:#fff}.step-li.-active::after{opacity:0}.step-li.-active::before{opacity:1}.step-num{position:relative;flex:0 0 auto;width:52px}.step-num img{transition:.4s}.step-num img:nth-child(2){position:absolute;top:0;left:0;width:100%;opacity:0}.step-txt{font-size:18px;transition:.4s}.step-li.-active .step-num img:nth-child(2){opacity:1}.step-li.-active .step-txt{font-size:20px;font-weight:500}.step-note{margin-top:32px;color:#737373;text-align:center}@media only screen and (min-width:1024px){.step .swiper-button-next,.step .swiper-button-prev,.step .swiper-pagination{display:none}.step-slider .step-li{display:none}.step-li:hover .step-num img:nth-child(2){opacity:1}.step-li:hover .step-txt{font-size:20px;font-weight:500}}@media only screen and (max-width:1023px){.step{padding:28px 14px}.step .swiper-button-prev{top:267px;left:auto;right:calc(50% + 172px)}.step .swiper-button-next{top:267px;right:auto;left:calc(50% + 172px)}.step-content{display:block}.step-slider{width:100%}.step-pic{text-align:center}.step-pic img{width:280px}.step-action{display:none}.step-li{justify-content:center;gap:0;padding:10px 0}.step-li::after{content:none}.step-num img:nth-child(2){opacity:1}.step-txt{flex:0 1 auto;font-weight:500}}@media only screen and (max-width:767px){.step .swiper-button-prev{top:190px;right:calc(50% + 108px)}.step .swiper-button-next{top:190px;left:calc(50% + 108px)}.step-pic img{width:200px}}.download{color:#fff}.download-head{font-weight:700;text-align:center}.download-title{font-size:32px;letter-spacing:2px}.download-title::after{content:'';display:block;width:56px;height:2px;margin:20px auto 24px;background-color:#fff}.download-name{font-size:64px;letter-spacing:2px}.download-nameEn{font-size:32px}.download-wrap{display:flex;align-items:center;justify-content:center;gap:80px;margin-top:54px}.download-content{flex:0 1 auto;width:557px}.download-action{display:flex;align-items:center;gap:48px}.download-qrcode{flex:0 1 auto;width:255px}.download-button{flex:1;display:flex;flex-direction:column}.download-button>div+div{margin-top:20px}.download-button p{margin-bottom:5px;font-size:18px}.download-button a{width:254px}.download-button #os{margin-top:10px;line-height:1.3}.download-note{margin-top:56px}.download-phone{flex:0 0 auto;width:416px;height:528px;padding-top:210px;background:url(../images/download/phone.png) no-repeat center top/100%}.download-phone .image-container{position:relative;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .8s}.download-phone .splash-image{width:290px;height:auto}.download-phone .line-animation{position:absolute;top:103.5%;transform:translate(-50%,-50%);width:32px}.download-phone .line-animation svg{width:100%;height:100%}.download-phone .line-1{left:39.2%}.download-phone .line-2{left:58%}.download-phone .line-3{left:76.3%}.download-phone .logo{width:129px;margin:174px auto 0;opacity:0;transition:opacity .8s}.download-phone.-enter .image-container{opacity:1}.download-phone.-enter .logo{opacity:1}.download-phone.-enter .line-1{-webkit-animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.download-phone.-enter .line-2{-webkit-animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.download-phone.-enter .line-3{-webkit-animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;animation:progress-fill .5s cubic-bezier(.2,.8,.4,1) both;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (min-width:1024px){.download-button a{transition:transform .1s}.download-button a:hover{transform:scale(.95)}}@media only screen and (max-width:1279px){.download-wrap{gap:32px}.download-action{gap:32px}}@media only screen and (max-width:1023px){.download-title{font-size:20px;letter-spacing:1px}.download-title::after{width:28px;height:1px;margin:10px auto 12px}.download-name{font-size:36px;letter-spacing:1px}.download-nameEn{font-size:18px}.download-wrap{margin-top:32px}.download-content{width:370px}.download-qrcode{width:160px}.download-button>div+div{margin-top:12px}.download-button p{margin-bottom:4px;font-size:14px}.download-button a{width:166px}.download-button #os{margin-top:8px;font-size:12px}.download-note{margin-top:20px;font-size:14px}.download-phone{width:280px;height:376px;padding-top:133px}.download-phone .splash-image{width:195px}.download-phone .line-animation{width:22px}.download-phone .logo{width:88px;margin:144px auto 0}}@media only screen and (max-width:767px){.download-wrap{display:block}.download-content{width:100%}.download-qrcode{display:none}.download-button{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px 16px}.download-button>div{flex:1 0 auto;width:152px;max-width:166px}.download-button>div+div{margin-top:0}.download-button p{font-size:16px;text-align:center}.download-button a{width:100%}.download-button #os{flex:0 0 auto;width:100%;max-width:none;margin-top:0;text-align:center}.download-phone{width:260px;height:349px;margin:28px auto 0;padding-top:124px}.download-phone .splash-image{width:181px}.download-phone .line-animation{width:20px}.download-phone .logo{width:82px;margin:132px auto 0}}.custom{position:relative;height:727px}.custom::before{content:'';position:absolute;top:324px;left:calc(100% + 4px);width:59px;height:171px;background:url(../images/custom/dot.svg) no-repeat center/contain}.custom-head{position:absolute;top:0;left:0;z-index:1}.custom-desc{position:relative;margin-top:20px;font-size:32px;font-weight:500}.custom-desc::before{content:'';position:absolute;top:52%;left:0;width:6px;height:82%;transform:translateY(-50%);background-color:#076ed7}.custom-desc>div{padding-left:32px}.custom-desc>div:nth-child(2){position:absolute;top:0;left:0;opacity:0}.custom-main{padding-top:20px;height:811px;overflow:hidden}.custom-scroll{height:100%}.custom-wrap{display:flex;justify-content:flex-end;align-items:flex-end;gap:48px}.custom-wrap+.custom-wrap{margin-top:84px}.custom-action{flex:0 0 auto;width:410px}.custom-guide{text-align:right}.custom-guide img{width:348px;margin-right:-10px}.custom-panel{border-radius:20px;box-shadow:0 5px 40px 0 rgba(0,0,0,.122);background-color:#fff;overflow:hidden}.custom-name{padding:22px;font-size:28px;font-weight:500;text-align:center;border-bottom:1px solid #d3d3d3}.custom-pic{flex:0 0 auto;position:relative;width:340px}.custom-pic img{position:absolute;top:0;left:0}.custom-pic img:first-child{position:relative}.custom-wrap.-drag .custom-pic img:nth-child(2){display:none}.custom-wrap.-fontsize .custom-pic img.-active{z-index:2}.custom-video{display:none}@media only screen and (max-width:1380px){.custom{height:603px}.custom::before{top:236px;left:100%;width:47px;height:137px}.custom-main{padding-top:0;height:659px}.custom-wrap{gap:24px}.custom-wrap+.custom-wrap{margin-top:56px}.custom-action{width:330px}.custom-guide img{width:295px}.custom-name{padding:18px;font-size:24px}.custom-pic{width:290px}}@media only screen and (max-width:1023px){.custom{height:583px}.custom::before{top:260px;left:auto;right:336px;width:50px;height:138px}.custom-head{padding-top:12px}.custom-action{display:none}.custom-desc{font-size:22px}.custom-desc::before{width:3px}.custom-desc>div{padding-left:20px}.custom-main{height:639px;padding-right:48px}.custom-pic{display:none}.custom-video{flex:0 0 auto;position:relative;display:block;width:280px;height:583px;padding:10px 13px}.custom-video::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/custom/phone.png) no-repeat center/contain}.custom-video>div{border-radius:35px;overflow:hidden}.custom-video video{width:100%}}@media only screen and (max-width:767px){.custom{height:653px}.custom::before{top:397px;left:calc(50% + 104px);right:auto;width:40px;height:116px}.custom-head{position:static;margin-bottom:50px;padding-top:0}.custom-main{height:464px;padding-right:0}.custom-wrap{justify-content:center}.custom-wrap+.custom-wrap{margin-top:48px}.custom-video{width:200px;height:416px;margin-top:0;padding:7px 9px}.custom-video>div{border-radius:26px}}@-webkit-keyframes glow{0%{opacity:1}100%{opacity:.2}}@keyframes glow{0%{opacity:1}100%{opacity:.2}}.drag{position:relative}.drag::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:148px;background:linear-gradient(180deg,rgba(255,255,255,0) -69.94%,rgba(255,255,255,.295096) -38.02%,rgba(255,255,255,.558327) 14.28%,#fff 80.9%);pointer-events:none}.drag-item+.drag-item{border-top:1px solid #d3d3d3}.drag-wrap .drag-item{margin-top:-1px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;cursor:-webkit-grab;cursor:grab}.drag-item{display:flex;align-items:center;padding:20px 22px;background-color:#fff}.drag-item::after{content:'';flex:0 0 auto;width:28px;height:28px;background:url(../images/icon/bars.svg) no-repeat center/contain;pointer-events:none}.drag-item.-light{position:relative}.drag-item.-light::before{content:'';position:absolute;top:50%;right:36px;transform:translate(50%,-50%);width:62px;height:62px;background:url(../images/custom/glow.png) no-repeat center/contain;-webkit-animation:glow .6s linear infinite alternate;animation:glow .6s linear infinite alternate}.drag-name{flex:1;font-size:24px;pointer-events:none}@media only screen and (max-width:1380px){.drag::after{height:126px}.drag-item{padding:16px 18px}.drag-item::after{width:24px;height:24px}.drag-item.-light::before{right:30px;width:52px;height:52px}.drag-name{font-size:20px}}.fontsize{display:flex;flex-direction:column;gap:16px;padding:20px 22px}.fontsize-name{margin-bottom:8px;font-size:24px;font-weight:500}.fontsize-action{display:flex;gap:8px}.fontsize-action button{flex:1;padding:11px;font-size:24px;color:#076ed7;border:1px solid #076ed7;border-radius:12px;transition:.4s}.fontsize-action button.-solid{color:#fff;background-color:#076ed7}@media only screen and (max-width:1380px){.fontsize{gap:13px;padding:16px 18px}.fontsize-name{margin-bottom:6px;font-size:20px}.fontsize-action{gap:6px}.fontsize-action button{padding:8px;font-size:20px;border-radius:10px}}@media only screen and (min-width:1024px){.fontsize-action button:not(.-solid):hover{border-color:#0664c4;color:#0664c4}}.panel{border-radius:20px;background-color:#f5f5f7}.qa{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:20px;background-color:#f5f5f7}.qa-item{border-radius:10px;padding:20px 24px;background-color:#fff}.qa-head{display:flex;align-items:center;gap:16px;width:100%}.qa-head::before{content:'Q';flex:0 0 auto;box-sizing:border-box;width:40px;height:40px;padding-top:3px;font-size:20px;font-weight:500;color:#fff;border-radius:50%;background-color:#076ed7}.qa-head>div{flex:1;font-size:20px;font-weight:500;line-height:1.4;text-align:left;color:#323232}.qa-head::after{content:'';flex:0 0 auto;width:28px;height:28px;background:url(../images/icon/down.svg) no-repeat center/contain;transition:.4s}.qa-content{display:none;padding-top:20px;font-size:20px}.qa-item.is-open .qa-head::after{transform:rotate(180deg)}@media only screen and (max-width:1023px){.qa{padding:24px 18px}.qa-item{padding:16px}.qa-head{gap:12px}.qa-head::before{width:32px;height:32px;padding-top:1px;font-size:18px}.qa-head>div{font-size:18px}.qa-head::after{width:24px;height:24px}.qa-content{padding-top:18px;font-size:16px}}.notice-head{text-align:center}.notice .notice-action{position:relative;display:inline-flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#323232;text-decoration:none;cursor:pointer}.notice .notice-action span{flex:0 0 auto}.notice .notice-action::after{content:'';flex:0 0 auto;width:32px;height:32px;background:url(../images/icon/down.svg) no-repeat center/contain;transition:.4s}.notice-content{padding-top:32px;font-size:18px;color:#323232}.notice-content>ol{padding-top:32px;border-top:1px solid #bcbcbc}.notice.is-open .notice-action::after{transform:rotate(180deg)}@media only screen and (max-width:1023px){.notice .notice-action{font-size:20px}.notice .notice-action::after{width:24px;height:24px}.notice-content{padding-top:20px;font-size:16px}.notice-content>ol{padding-top:20px}}ol,ul{font-weight:inherit;line-height:1.7;margin:0;padding-left:1.5625em}ol b,ul b{font-weight:700}ol a,ul a{display:inline}ol table,ul table{width:100%;margin:.25em 0;border-collapse:collapse;border-spacing:0}ol table td,ol table th,ul table td,ul table th{padding:.25em;border:1px solid #000}ol.chinese,ul.chinese{list-style-type:none;padding-left:2em}ol.chinese>li,ul.chinese>li{position:relative}ol.chinese>li::before,ul.chinese>li::before{content:"(" attr(data-num) ")";position:absolute;top:0;left:-.3125em;transform:translateX(-100%)}ol.brackets,ul.brackets{list-style-type:none}ol.brackets>li,ul.brackets>li{position:relative;counter-increment:section}ol.brackets>li::before,ul.brackets>li::before{content:"(" counter(section,decimal) ")";position:absolute;top:0;left:-.3125em;transform:translateX(-100%);min-width:1.25em;text-align:center}ol.cjk,ul.cjk{list-style-type:none;padding-left:2em}ol.cjk>li,ul.cjk>li{position:relative}ol.cjk>li::before,ul.cjk>li::before{content:attr(data-num) "、";position:absolute;top:0;left:0;transform:translateX(-100%)}ul{list-style:disc}.popup{position:fixed;top:0;left:0;display:none;width:100%;height:100%;z-index:999999999;overflow-y:auto}.popup-main{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:0 32px;background:rgba(50,50,50,.9);-webkit-backdrop-filter:blur(1.5vw);backdrop-filter:blur(1.5vw)}.popup-main::after,.popup-main::before{content:'';flex:1 0 auto;height:80px;pointer-events:none}.popup-wrap{position:relative;display:flex;flex-direction:column;width:100%;max-width:1000px;border-radius:32px;background-color:#fff}.popup-close{position:-webkit-sticky;position:sticky;top:0;right:0;height:0;align-self:flex-end}.popup-close button{width:36px;height:36px;margin:32px 32px 0 0;background:url(../images/icon/close.svg) no-repeat center/contain}.popup-head{padding:32px;font-weight:500;font-size:32px;line-height:1.4;text-align:center;border-bottom:1px solid #e9e9e9}.popup-body{display:flex;flex-direction:column;gap:24px;padding:44px 86px}@media only screen and (max-width:1023px){.popup-main{padding:0 20px}.popup-main::after,.popup-main::before{height:40px}.popup-wrap{border-radius:28px}.popup-close button{width:20px;height:20px;margin:24px 24px 0 0}.popup-head{padding:30px 0 20px;font-size:24px}.popup-body{gap:20px;padding:20px}}.detail{display:flex;align-items:center;overflow:hidden}.detail.-r{flex-direction:row-reverse}.detail.-full{flex-direction:column-reverse}.detail-pic{flex:0 0 auto}.detail-pic img{width:auto;height:500px}.detail-content{flex:1;display:flex;justify-content:center;font-size:24px;font-weight:500}.detail-content span{position:relative}.detail-content span::after{content:'';position:absolute;top:92%;left:0;width:100%;height:6px;background:url(../images/features/detail/line.svg) no-repeat center/100% 100%}.detail-content>div>img{width:140px;margin-bottom:20px}.detail.-full .detail-pic img{height:388px}.detail.-full .detail-content{padding:20px 0;text-align:center}@media only screen and (max-width:1023px){.detail-pic img{height:400px}.detail-content{font-size:20px}.detail-content span::after{height:5px}.detail-content>div>img{width:112px;margin-bottom:16px}.detail.-full .detail-pic img{height:310px}}@media only screen and (max-width:767px){.detail{flex-direction:column-reverse}.detail.-r{flex-direction:column-reverse}.detail-pic{margin-top:-8px}.detail-pic img{height:340px}.detail-content{padding-top:32px;font-size:18px;text-align:center}.detail-content>div>img{width:90px;margin-top:30px;margin-bottom:-20px}.detail.-full .detail-pic{margin-top:0}.detail.-full .detail-pic img{height:304px}.detail.-full .detail-content{padding:32px 0 0}}h1,h2,h3,h4,h5,h6{margin:0;font-size:1em}p{margin:0}b{font-weight:700}.-groupT{display:inline-block}.-rdT{color:#f5784c}.-centerT{text-align:center}.title{display:inline-block;font-size:56px;font-weight:700;line-height:1.4;letter-spacing:2px;color:#076ed7;background:linear-gradient(115.53deg,#027ffc -3.3%,#00459f 134.31%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media only screen and (max-width:1023px){.title{font-size:36px;letter-spacing:1px}}@media only screen and (max-width:1023px){.-pc{display:none!important}}@media only screen and (max-width:767px){.-pc-pad{display:none}}@media only screen and (min-width:1024px){.-pad{display:none}}@media only screen and (max-width:767px){.-pad{display:none}}@media only screen and (min-width:1024px){.-mb-pad{display:none}}@media only screen and (min-width:768px){.-mb{display:none}}.-hidden{display:none!important}