@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{font-family:"Noto Sans TC",sans-serif,Arial,Helvetica;font-size:18px;font-weight:500;line-height:1.5;color:#091b33;height:100%;background:#e2f1fe;text-align:center}@media(max-width: 768px){body{font-size:18px}}.header{display:flex;align-items:center;justify-content:space-between}.header .header-nav{display:flex;align-items:center;color:#091b33}.header .header-nav .anchor{background:rgba(0,0,0,0);color:#091b33;display:block;padding:0 12px;cursor:pointer}@media(max-width: 1023px){.header .header-nav .anchor{height:70px;width:100%;display:flex;align-items:center;justify-content:center}.header .header-nav .anchor:not(:last-of-type){border-bottom:1px solid}}.header .header-nav .yuantaplusLogo{margin-left:24px}@media(max-width: 1023px){.header .header-nav .yuantaplusLogo{display:none}}.header .header-burger{flex:0 0 auto;display:none;border:none}.float{position:fixed;top:35%;right:15px;z-index:10}@media(max-width: 767px){.float{top:auto;bottom:0;right:0;display:flex;justify-content:center;align-items:center;width:100%}}.float a{display:flex;flex-direction:row;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;background:#135eae;color:#fff;font-size:16px;border-radius:10px;width:50px;height:131px;text-decoration:none;margin:8px 0;transition:all .3s ease-in-out}@media(min-width: 1025px){.float a:hover{filter:brightness(1.05);opacity:.9;transform:translateX(-5px)}}@media(max-width: 767px){.float a{width:auto;height:50px;flex:1;border-radius:0;writing-mode:unset;margin:0}}.float a:first-child{background:#ff4600}.float a img{margin-bottom:4px;width:20px}@media(max-width: 767px){.float a img{width:auto;margin-bottom:0;margin-right:4px;height:22px}}.color-grey{color:#6c6c6c}.color-red{color:#ff4600}.color-blue{color:#135eae}.color-black{color:#000}.mobile{display:none}@media(max-width: 576px){.mobile{display:block}}@media(max-width: 576px){.desktop{display:none}}article #pay,article #openacc,article #bonus{scroll-margin-top:80px}article section{padding:60px 0;color:#091b33;margin-top:80px}@media(max-width: 576px){article section{padding:30px 0}}article section.main{min-height:40vw;margin-top:80px;display:flex;align-items:center;justify-content:center;position:relative;background:url(../images/kv_bg.svg) no-repeat;background-size:100% auto;padding:0}@media(max-width: 1024px){article section.main{margin-top:76px}}@media(max-width: 767px){article section.main{margin-top:58px}}@media(max-width: 576px){article section.main{display:block;background:url(../images/kv_bg-mob.svg) no-repeat;background-size:100% auto;padding-top:40px;min-height:60vh}}article section.main .title{width:35vw;max-width:713px}@media(max-width: 576px){article section.main .title{width:90%;max-width:none;margin-bottom:20px}}article section.main .left{width:19vw;max-width:355px;animation:swayingL 1s ease-in-out infinite alternate;animation-delay:1s}@media(max-width: 576px){article section.main .left{width:46%;max-width:none}}article section.main .right{width:21vw;max-width:404px;animation:swayingR 1s ease-in-out infinite alternate;animation-delay:1.3s}@media(max-width: 576px){article section.main .right{width:46%;max-width:none}}@media(max-width: 576px){article section.main .kv-mb{display:inline-block;vertical-align:baseline}}@keyframes swayingL{0%{transform:rotate(0) translateX(0)}100%{transform:rotate(-1deg) translateX(-10px)}}@keyframes swayingR{0%{transform:rotate(0) translateX(0)}100%{transform:rotate(1deg) translateX(10px)}}article section.pay{background:url(../images/pay_bg.svg) no-repeat center;background-size:90% auto}article section.openacc{background:url(../images/openacc_bg.svg) no-repeat center;background-size:90% auto;padding-bottom:40px}article section.openacc .subTitle{margin-bottom:40px}article section.openacc .subTitle img{width:632px}@media(max-width: 820px){article section.openacc .subTitle img{width:100%}}@media(max-width: 576px){article section.openacc .subTitle img{width:100%}}article section.openacc .notes{line-height:1.5}@media(max-width: 576px){article section.openacc .notes{padding-bottom:20px;margin:20px 0}}article section.openacc .notes.color-red{color:#d93636}article section.bonus{background:url(../images/bonus_bg.svg) no-repeat center;background-size:90% auto}article section.bonus p{font-size:22px;line-height:1.5}@media(max-width: 576px){article section.bonus p{font-size:18px}}@media(max-width: 576px){article section.bonus .links{padding-top:20px}}article section.caution{text-align:left;margin-top:0;padding:40px 0 100px}@media(max-width: 576px){article section.caution{padding:30px 0 60px}}article section.caution .content{background:#fff;border-radius:10px;padding:20px 15px;border:none}@media(min-width: 768px){article section.caution .content{padding:25px 30px}}article section.caution .content p{font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}article section.caution .content p::after{content:"＋"}article section.caution .content p.showCaution::after{content:"－"}@media(min-width: 768px){article section.caution .content p{font-size:20px;line-height:160%}}article section.caution .content .list{padding:20px 0;font-size:14px}@media(min-width: 768px){article section.caution .content .list{font-size:16px}}article section.caution .content .list .color-red{color:#d93636}article section.caution .content .list ul{list-style:decimal;padding-left:20px}article section.caution .content .list ul.cjk-list{list-style:none;counter-reset:cjk}article section.caution .content .list ul.cjk-list li{counter-increment:cjk;position:relative;padding-left:32px}article section.caution .content .list ul.cjk-list li::before{content:counter(cjk, cjk-ideographic) "、";position:absolute;left:0}article section.caution .content .list ul.decimal{list-style:none;counter-reset:new-decimal}article section.caution .content .list ul.decimal li{counter-increment:new-decimal;position:relative;padding-left:32px}article section.caution .content .list ul.decimal li::before{content:"0" counter(new-decimal) "、";position:absolute;left:0}article section.caution .content .list ul a{text-decoration:underline;text-underline-offset:3px;line-height:1.3}article .container{width:90%;max-width:1100px}article .container .content{background:#fff;border-radius:20px;border:4px solid #091b33;padding:110px 140px 70px;position:relative}@media(max-width: 1024px){article .container .content{padding:110px 60px 70px}}@media(max-width: 576px){article .container .content{border-width:2px;padding:60px 20px 50px}}article .container .content h2{position:absolute;top:0;left:50%;transform:translate(-50%, -50%)}article .container .content h2 img{width:556px}@media(max-width: 576px){article .container .content h2 img{max-width:none;width:300px}}article .container .content .d-flex{display:flex;align-items:center;justify-content:center}@media(max-width: 576px){article .container .content .d-flex{display:block}}article .container .content .d-flex .flex{flex:1}@media(max-width: 576px){article .container .content .d-flex .flex{padding:20px 0}}article .container .content .reward img{max-width:360px;margin-bottom:20px}@media(max-width: 576px){article .container .content .reward img{width:85%}}article .container .content .reward p{font-size:22px;font-weight:400;padding:12px 0;line-height:1.5}@media(max-width: 576px){article .container .content .reward p{font-size:18px}}article .container .content .reward span{font-weight:400}@media(max-width: 576px){article .container .content .reward span{font-size:14px}}article .container .content .links{margin-top:50px;gap:48px}@media(max-width: 576px){article .container .content .links{margin-top:30px}}article .container .content .links a{width:300px;transition:all .3s ease-in-out}@media(min-width: 1025px){article .container .content .links a:hover{filter:brightness(1.05);opacity:.9;transform:translateY(-5px)}}@media(max-width: 576px){article .container .content .links a{width:220px}article .container .content .links a:first-child{margin-bottom:20px}}article .notes{margin:40px 0;font-size:16px;font-weight:400}@media(max-width: 576px){article .notes{font-size:14px}}article b{font-weight:700}article .notice{margin:0 0 60px}@media(max-width: 576px){article .notice{width:90%;margin:auto}}.discount{width:100%;padding:40px;background:#135eae;color:#fff;font-size:40px;font-weight:700;line-height:1.5;margin:40px 0;letter-spacing:2px}@media(max-width: 576px){.discount{font-size:20px;padding:24px 0}}.discount span{color:#fcc53e;position:relative}.discount span::after{content:"";display:block;height:1px;width:100%;background:#fcc53e;position:absolute;bottom:-8px;left:0}@media(max-width: 576px){.discount span::after{bottom:-5px}}@media(max-width: 820px){.discount br.mobile{display:block}}.sidebar{bottom:60px}@media(max-width: 576px){.footer{margin-bottom:50px}}@media only screen and (max-width: 1023px){html.-menuOpen{overflow:hidden}body.-menuOpen{overflow:hidden}.header .header-nav{position:fixed;top:0;left:0;width:100%;height:100%;padding:50px;flex-direction:column;justify-content:center;font-size:20px;text-align:center;background-color:#fff;opacity:0;pointer-events:none;transition:.3s}.header .header-nav a{padding:20px;border-top:1px solid}.header .header-nav a:first-child{border-top:none}.header .header-nav span{display:none}.-menuOpen .header .header-nav{opacity:1;pointer-events:visible}.-menuOpen .header .header-burger{background-image:url(../images/header/cross.svg)}.header .header-plusLogo{display:none}.header .header-burger{position:relative;display:block;width:32px;height:32px;background:url(../images/header/burger.svg) no-repeat center/contain;z-index:10}}