@charset "UTF-8";@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}@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{display:flex;justify-content:space-between;align-items:center}.header-logo{flex:0 0 auto}.header .yuantaplusLogo{float:none}@media only screen and (max-width:1239px){.header{padding-left:16px;padding-right:16px}}.logo{display:inline-block;width:308px}@media only screen and (max-width:1023px){.logo{width:280px}}@media only screen and (max-width:767px){.logo{width:203px}}html,body{font-family:"Noto Sans TC",sans-serif,Arial,Helvetica;font-size:16px;line-height:1.5;color:#282d34}@media only screen and (max-width:1023px){html.-menuOpen,body.-menuOpen{overflow:hidden}}main{overflow:hidden}a,button{padding:0;line-height:1.5;border:none;outline:none;background:none;cursor:pointer}.footer a{color:#FFF}.-fadeIn{opacity:0}::-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:0.2em 0;background:#ccc;padding:0.2em 0}body{height:100%}.wrapper{min-height:100%;overflow:hidden}.main{margin-top:80px}.main p{padding:0}@media only screen and (max-width:1023px){.main{margin-top:76px}}@media only screen and (max-width:767px){.main{margin-top:58px}}.appDownload{position:relative;display:flex;justify-content:center;align-items:center;margin-top:90px;z-index:1}.appDownload-QRcode img{width:125px;margin-right:20px}.appDownload-link h5{margin-bottom:13px;font-size:15px;line-height:19px;text-align:center}.appDownload-link a{display:inline-block;padding:0 3px;text-decoration:none;transition:.3s}.appDownload-link img{width:170px}@media only screen and (min-width:1024px){.appDownload-link a:hover{transform:translateY(-10%)}}@media only screen and (max-width:1023px){.appDownload{margin-top:70px}.appDownload-QRcode{display:none}.appDownload-link h5{font-size:13px;font-weight:normal}.appDownload-link img{width:140px}}.service{position:fixed;right:20px;bottom:128px;width:54px;height:54px;border-radius:50%;background:url(../images/icon/yuan.svg);cursor:pointer;z-index:50;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,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:1239px){.service{right:12px}}@media only screen and (max-width:767px){.service{bottom:108px;width:43px;height:43px}}.goTop{position:fixed;right:20px;bottom:64px;display:none;width:54px;height:54px;border-radius:50%;background:url(../images/icon/top.svg);opacity:1;cursor:pointer;z-index:50;transition:.3s}.goTop:hover{opacity:.7}@media only screen and (max-width:1239px){.goTop{right:12px}}@media only screen and (max-width:767px){.goTop{bottom:56px;width:43px;height:43px}}.float{position:fixed;top:160px;right:20px;width:50px;z-index:50}.float-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 10px;border-radius:10px;background-color:#115cd3}.float-item img{width:20px}.float-item div{color:#FFF;letter-spacing:1px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.float-item:nth-child(2){margin-top:16px}.float-item.-rd{background-color:#ec3a3a}.float-item.-og{background-color:#ff4600}.float-item.-bk{background-color:#000000}.float-item.-gn{background-color:#0e9e35}.float-item.-lgn{background-color:#50bd00}@media only screen and (min-width:1024px){.float-item{transition:.3s}.float-item:hover{transform:scale(1.05)}}@media only screen and (max-width:1239px){.float{right:12px;width:40px}.float-item{padding:15px 10px}.float-item img{width:16px}}@media only screen and (max-width:767px){.float{display:flex;width:100%;top:auto;bottom:0;right:0}.float-item{flex:1;flex-direction:row;justify-content:center;padding:12px;border-radius:0}.float-item div{-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial}.float-item:nth-child(2){margin-top:0}}@-webkit-keyframes cloud{0%{transform:scaleY(1)}100%{transform:scaleY(1.02)}}@keyframes cloud{0%{transform:scaleY(1)}100%{transform:scaleY(1.02)}}@-webkit-keyframes people{0%{transform:skewX(0)}100%{transform:skewX(1deg)}}@keyframes people{0%{transform:skewX(0)}100%{transform:skewX(1deg)}}@-webkit-keyframes man{0%{transform:rotate(-1.5deg)}100%{transform:rotate(1.5deg)}}@keyframes man{0%{transform:rotate(-1.5deg)}100%{transform:rotate(1.5deg)}}@-webkit-keyframes hand{0%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}@keyframes hand{0%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}@-webkit-keyframes text{0%{transform:scale(1)}100%{transform:scale(1.05)}}@keyframes text{0%{transform:scale(1)}100%{transform:scale(1.05)}}.banner{position:relative;padding-bottom:960px;background:#b0d5f6 url(../images/banner/totem.png) no-repeat center top 97px/1920px;overflow:hidden}.banner::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:280px;background-color:#FFF}.banner img.-mb{display:none}.banner-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1440px;height:100%;font-size:0;z-index:1}.banner-wrap div{position:absolute}.banner-wrap img{width:100%}.banner-cloud{top:6.25%;left:50%;transform:translateX(-50%);width:133.33333%}.banner-cloud img{-webkit-animation:cloud 2s infinite alternate;animation:cloud 2s infinite alternate;transform-origin:center bottom}.banner-scene{top:46.04167%;left:50%;transform:translateX(-50%);width:133.33333%}.banner-hand{top:-32%;left:20.8%;width:48%}.banner-hand img{transform-origin:bottom right;animation:hand 1s linear infinite alternate-reverse}.banner-people{bottom:22.70833%;left:68.05556%;width:26.04167%}.banner-people > img{position:relative;transform-origin:center bottom;animation:people 1s linear infinite alternate-reverse}.banner-man{bottom:0;left:-68.8%;width:59.2%}.banner-man img{transform-origin:bottom right;-webkit-animation:man 1.5s ease-in-out infinite alternate;animation:man 1.5s ease-in-out infinite alternate}.banner-talk{top:-13.07902%;left:23.87387%;width:43.24324%}.banner-title{top:7.29167%;left:50%;transform:translateX(-50%);width:104.16667%}.banner-text{bottom:37.08333%;left:6.66667%;width:23.47222%}.banner-text img{-webkit-animation:text 0.8s infinite alternate;animation:text 0.8s infinite alternate}@media only screen and (min-width:1921px){.banner-cloud{width:100vw}}@media only screen and (max-width:1439px){.banner{padding-bottom:66.66667%}}@media only screen and (max-width:767px){.banner{padding-bottom:197.33333%}.banner::after{height:72.97297%}.banner img.-pc{display:none}.banner img.-mb{display:block}.banner-cloud{top:3.24324%;width:194.66667%}.banner-scene{top:42.97297%;width:100%}.banner-hand{top:5.09259%;left:40.54054%;width:23.64865%}.banner-hand img{transform-origin:bottom left}.banner-people{bottom:18.91892%;left:4.26667%;transform:none;width:78.93333%}.banner-man{bottom:31.48148%;left:auto;right:-17.90541%;width:29.39189%}.banner-title{top:3.64865%;width:82.66667%}.banner-text{bottom:60.81081%;left:50%;transform:translateX(-50%);width:62.93333%}}.link{color:#007fe0!important}.btn{display:inline-flex;justify-content:center;align-items:center;width:200px;height:54px;font-size:18px;font-weight:500;color:#FFF;border-radius:15px;background-color:#115cd3;cursor:pointer}.btn.-pk{background-color:#e64e94}.btn.-rd{background-color:#ed1c24}.btn.-og{background-color:#ff4600}.btn.-bk{background-color:#000}.btn.-gn{background-color:#0e9e35}.btn.-lgn{background-color:#50bd00}@media only screen and (min-width:1240px){.-sm .btn{width:160px}}@media only screen and (min-width:1024px){.btn{transition:.3s}.btn:hover{transform:scale(1.08)}}@media only screen and (max-width:1239px){.btn{width:147px;height:40px;font-size:14px;border-radius:6px}}.action{display:flex;justify-content:center;gap:18px}@media only screen and (min-width:1240px){.action.-sm{gap:14px}}@media only screen and (max-width:1239px){.action{gap:12px}}@media only screen and (max-width:767px){.action:not(.-sm){flex-direction:column;gap:18px}}.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)}}.inTitle{width:auto;height:70px}@media only screen and (max-width:1239px){.inTitle{height:46px}}.block{padding-bottom:280px}.block.-og{position:relative;background:#fff2c6 url(../images/bg/og.png) no-repeat center/auto}.block.-og .block-title::before{background-color:#fff2c6}.block.-og::after{content:'';position:absolute;top:-68px;left:100px;width:237px;height:301px;background:url(../images/people/sitman.png) no-repeat center/contain;z-index:2;transform-origin:center bottom;animation:people 1s linear infinite alternate-reverse}.block.-og::before{content:'';position:absolute;bottom:-30px;right:110px;width:180px;height:367px;background:url(../images/people/shoppingwoman.png) no-repeat center/contain;transform-origin:center bottom;-webkit-animation:people 1s linear infinite alternate;animation:people 1s linear infinite alternate;z-index:2}.block.-bu{background:#dbf0ff url(../images/bg/bu.png) no-repeat center/auto}.block.-rd{position:relative;background:#ffcdce url(../images/bg/wt.png) no-repeat center top 144px/auto}.block.-rd::after{content:'';position:absolute;bottom:-307px;left:190px;width:162px;height:373px;background:url(../images/people/womanphoto.png) no-repeat center/contain;transform-origin:center bottom;-webkit-animation:people 1s linear infinite alternate;animation:people 1s linear infinite alternate}.block.-rd .block-title::before{background-color:#ffcdce}.block.-noTitle{position:relative;margin-top:-134px}.block.-og + .block.-bu,.block.-rd + .block.-bu{padding-bottom:60px}.block-wrap{position:relative;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:100px 20px 0;z-index:1}.block-wrap.-suitcase{padding:0;max-width:none}.block-title{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:505px}.block-title img{position:relative}.block-title::before{content:'';position:absolute;top:129px;left:50%;transform:translateX(-50%);width:1148px;height:483px;border-radius:50%}.block-content{position:relative}@media only screen and (max-width:1659px){.block.-og::after{top:-100px;left:40px;width:200px;height:254px}.block.-og::before{right:40px;width:133px;height:270px}.block.-rd::after{bottom:-200px;left:40px;width:125px;height:288px}}@media only screen and (max-width:1239px){.block{padding-bottom:160px}.block.-og{position:relative;margin-top:-6vw}.block.-og::before,.block.-og::after{content:none}.block.-rd::after{content:none}.block.-noTitle{margin-top:-100px}.block-wrap{padding:50px 14px 0}.block-title{width:280px;bottom:calc(100% - 10px)}.block-title:before{top:64px;width:455px;height:189px}}.info{text-align:center}.info-title{margin-bottom:6px}.info-desc{margin-bottom:36px}.info-text{font-size:16px}.info-text14{font-size:14px}.info-text20{font-size:20px;font-weight:bold}.info-text30{font-size:30px;font-weight:bold}.info-pic{margin-bottom:24px}.info-pic img{width:284px}.info-pic img + img{margin-left:74px}.info-content div + div{margin-top:12px}.info-action{margin-top:40px;margin-bottom:35px}@media only screen and (max-width:1239px){.info-desc{margin-bottom:16px}.info-pic img{width:156px}.info-pic img + img{margin-left:16px}.info-text{font-size:14px}.info-text14{font-size:12px}.info-text20{font-size:16px}.info-text30{font-size:20px}.info-text30 .space{display:block;height:10px}.info-action{margin-top:20px}}@media only screen and (max-width:767px){.info-text14{max-width:347px;margin:0 auto;text-align:left}}.grid{display:flex;padding:0 100px}.grid-item{flex:1}@media only screen and (max-width:1023px){.grid{padding:0 50px}}@media only screen and (max-width:767px){.grid{display:block;padding:0}.grid-item{margin-top:20px}.grid-item + .grid-item{margin-top:48px}}.ticket{position:relative;display:flex;flex-wrap:wrap;align-items:center;max-width:1100px;margin:0 auto;padding:0 0 40px;border-radius:30px;background-color:#fff;overflow:hidden}.ticket .anchor{position:absolute;top:0;left:0}.ticket::before{content:'';flex:0 0 auto;display:block;width:100%;height:52px;margin-bottom:40px;background:url(../images/icon/airplane.svg) no-repeat center left 32px/25px}.ticket.-pk::before{background-color:#e64e94}.ticket.-rd::before{background-color:#ed1c24}.ticket.-og::before{background-color:#ff4600}.ticket.-yl::before{background-color:#ffd100}.ticket.-bu::before{background-color:#007dc4}.ticket.-lgn::before{background-color:#50bd00}.ticket + .ticket{margin-top:60px}.ticket-logo{flex:0 0 auto;width:193px;padding-left:50px}.ticket-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:236px;padding:0 100px 0 50px;background:url(../images/bg/barcode.svg) no-repeat center right 23px/44px}.ticket-item{display:flex;align-items:center;padding:0 30px}.ticket-item + .ticket-item{margin-top:35px;padding-top:35px;border-top:1px solid #d6d6d6}.ticket-text{flex:1;font-size:22px;font-weight:bold}.ticket-text span{font-size:0.8em}.ticket-text p:nth-child(2){font-size:26px}.ticket-action{flex:0 0 auto}@media only screen and (max-width:1239px){.ticket{display:block;margin:0 60px;padding-bottom:0;border-radius:15px}.ticket::before{height:30px;margin-bottom:24px;background:url(../images/icon/airplane.svg) no-repeat center left 15px/15px}.ticket + .ticket{margin-top:30px}.ticket-logo{width:90px;margin:0 auto 25px;padding:0}.ticket-content{min-height:auto;padding:0 30px 90px;background:url(../images/bg/barcode-mb.svg) no-repeat center bottom 20px/292px}.ticket-item{padding:0}.ticket-item + .ticket-item{margin-top:20px;padding-top:20px}.ticket-text{font-size:16px}.ticket-text p:nth-child(2){font-size:19px}}@media only screen and (max-width:767px){.ticket{margin:0}.ticket-content{padding:0 20px 90px}.ticket-item{display:block}.ticket-text{text-align:center}.ticket-action{margin-top:16px}}@-webkit-keyframes shake{0%{transform:rotate(-2deg)}100%{transform:rotate(2deg)}}@keyframes shake{0%{transform:rotate(-2deg)}100%{transform:rotate(2deg)}}.paper{position:relative;box-sizing:border-box;width:288px;height:333px;margin:0 auto;padding:36px 24px;background:url(../images/bg/note.svg) no-repeat center/cover}.paper-tag{position:absolute;top:-30px;left:-40px;width:114px}.paper-tag img{-webkit-animation:shake .5s ease-in-out infinite alternate;animation:shake .5s ease-in-out infinite alternate}.paper-pic{margin-bottom:16px;text-align:center}.paper-pic img{width:92px}.paper-title{font-size:22px;font-weight:bold;text-align:center;color:#115cd3}.paper-title.-pk{color:#e74e95}.paper-text{margin-top:12px;line-height:1.6}@media only screen and (max-width:1239px){.paper{width:220px;height:255px;padding:17px 20px}.paper-tag{left:-18px;width:104px}.paper-pic{margin-bottom:8px}.paper-pic img{width:56px}.paper-title{font-size:16px}.paper-text{margin-top:8px;font-size:14px}}@media only screen and (max-width:767px){.paper{width:281px;height:219px;background-image:url(../images/bg/note-mb.svg)}}.notice{box-sizing:border-box;max-width:1120px;margin:70px auto 0;padding:0 30px;border-radius:10px;border:solid 1px #282d34;background-color:#FFF}.notice .notice-action{position:relative;display:block;padding:28px 0;font-size:20px;font-weight:bold;color:#282d34;text-decoration:none}.notice .notice-action::after{content:'＋';position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;font-size:1.2em;transition:.3s}.notice-content{display:none;padding:25px 0;font-size:16px;border-top:1px solid #282d34}.notice.is-open .notice-action::after{content:'－';transform:translateY(-50%) rotate(180deg)}@media only screen and (max-width:1023px){.notice{margin-top:37px;padding:0 20px;border-radius:5px}.notice .notice-action{padding:13px 0;font-size:16px}.notice-content{padding:13px 0;font-size:14px}}ol{font-weight:normal;line-height:1.7;margin:0;padding-left:25px}ol b{font-weight:bold}ol a{display:inline}ol table{width:100%;margin:4px 0;border-collapse:collapse;border-spacing:0}ol table th,ol table td{padding:4px;border:1px solid #000}ol.chinese{list-style-type:none;padding-left:35px}ol.chinese > li{position:relative}ol.chinese > li::before{content:attr(data-num) "、";position:absolute;top:0;left:-5px;transform:translateX(-100%)}ol.brackets{list-style-type:none}ol.brackets > li{position:relative;counter-increment:section}ol.brackets > li::before{content:"("counter(section,decimal) ")";position:absolute;top:0;left:-5px;transform:translateX(-100%);min-width:20px;text-align:center}ol.cjk{list-style-type:none;padding-left:32px}ol.cjk > li{position:relative}ol.cjk > li::before{content:attr(data-num) "、";position:absolute;top:0;left:0;transform:translateX(-100%)}@media only screen and (max-width:767px){ol{font-size:14px}}h1,h2,h3,h4,h5,h6{margin:0;font-size:1em}p{margin:0}.-rdText{color:#ec3a3a}.-ogText{color:#ff4600}.-buText{color:#115cd3}.-gnText{color:#0e9e35}.-lgnText{color:#50bd00}.-bold{font-weight:bold}.-underline{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}.title{margin-bottom:80px;text-align:center}.title img{width:500px}@media only screen and (max-width:1239px){.title{margin-bottom:60px}.title img{width:280px}}@media only screen and (min-width:1024px){.-mbOnly{display:none}}@media only screen and (max-width:1023px){.-pcOnly{display:none!important}}@media only screen and (min-width:768px){.-mbDownOnly{display:none}}@media only screen and (min-width:1240px){.-padDownOnly{display:none}}@media only screen and (max-width:767px){.-padUpOnly{display:none}}.-hidden{display:none}.pluspay-logo{display:inline-block;width:150px;margin:0 10px;padding-bottom:2px;vertical-align:top}@media only screen and (max-width:1240px){.pluspay-logo{width:120px}}