@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}body,html{font-family:"Noto Sans TC",sans-serif,Arial,Helvetica;font-size:16px;line-height:1.5;color:#000}@media only screen and (max-width:1023px){body.-menuOpen,html.-menuOpen{overflow:hidden}}main{overflow:hidden}a,button{padding:0;line-height:1.5;border:none;outline:0;background:0 0;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:.2em 0;background:#ccc;padding:.2em 0}body{height:100%}.wrapper{min-height:100%;overflow:hidden}.main{margin-top:80px;background-color:#fff5dc}.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}}.service{position:fixed;right:20px;bottom:84px;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,.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:767px){.service{bottom:108px;width:43px;height:43px}}.goTop{position:fixed;right:20px;bottom:20px;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:1279px){.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:#005bac}.float-item img{width:22px}.float-item div{color:#fff;letter-spacing:1px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.float-item.-rd{margin-top:14px;background-color:#b13923}@media only screen and (min-width:1024px){.float-item{transition:.3s}.float-item:hover{transform:scale(1.05)}}@media only screen and (max-width:1279px){.float{right:12px;width:40px}.float-item{padding:15px 10px}.float-item img{width:18px}}@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.-rd{margin-top:0}}@-webkit-keyframes wheel{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes wheel{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes float{0%{transform:translateY(0)}100%{transform:translateY(15%)}}@keyframes float{0%{transform:translateY(0)}100%{transform:translateY(15%)}}@-webkit-keyframes scale{0%{transform:scale(.95)}100%{transform:scale(1.05)}}@keyframes scale{0%{transform:scale(.95)}100%{transform:scale(1.05)}}.banner{position:relative;padding-bottom:633px;overflow:hidden}.banner img.-mb{display:none}.banner-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%}.banner-bg img{width:auto;height:100%}.banner-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;height:100%;font-size:0;z-index:1}.banner-wrap div{position:absolute}.banner-wrap img{width:100%}.banner-wrap::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1920px;padding-bottom:307px;background:url(../images/banner/cloud.svg) no-repeat center/cover}.banner-coin01{top:43.6019%;right:42.03125%;width:5.07812%;-webkit-animation:float 1s ease-in-out infinite alternate;animation:float 1s ease-in-out infinite alternate}.banner-coin02{top:29.85782%;right:-.70312%;width:7.73438%;animation:float 1s ease-in-out infinite alternate-reverse}.banner-coin03{bottom:17.21959%;left:-2.73438%;width:6.40625%;-webkit-animation:float 1s ease-in-out infinite alternate;animation:float 1s ease-in-out infinite alternate}.banner-envelope{top:-3.79147%;left:1.32812%;width:10.85938%;-webkit-animation:float 1s ease-in-out infinite alternate;animation:float 1s ease-in-out infinite alternate}.banner-money{top:37.91469%;left:-12.5%;width:8.4375%;animation:float 1s ease-in-out infinite alternate-reverse}.banner-title{top:18.16746%;left:4.14062%;width:41.71875%}.banner-text{position:absolute;top:25.72178%;left:43.25843%;width:11.42322%;-webkit-animation:scale 1s ease-in-out infinite alternate;animation:scale 1s ease-in-out infinite alternate}.banner-wheel{top:14.06003%;right:2.89062%;width:36.79688%}@media only screen and (min-width:1921px){.banner-bg{top:50%;transform:translate(-50%,-50%);width:100%;height:auto}.banner-bg img{width:100%;height:auto}.banner-bg img.-mb{display:none}.banner-wrap::after{width:100vw;padding-bottom:calc((307 / 1920) * 100vw)}}@media only screen and (max-width:1279px){.banner{padding-bottom:49.45312%}.banner-wrap::after{width:100%;padding-bottom:23.98438%}}@media only screen and (max-width:767px){.banner{padding-bottom:125.6%}.banner img.-pc{display:none}.banner img.-mb{display:block}.banner-wrap::after{padding-bottom:33.6%;background-image:url(../images/banner/cloud-m.svg)}.banner-title{top:4.88323%;left:12.8%;width:74.4%}.banner-coin03,.banner-envelope{display:none}.banner-coin01{top:71.33758%;right:82.66667%;width:6.4%}.banner-coin02{top:55.41401%;right:11.73333%;width:10.13333%}.banner-money{top:57.53715%;left:10.93333%;width:12.8%}.banner-wheel{top:47.55839%;right:22.93333%;width:54.13333%}}.wheel{position:relative}.wheel-main{position:absolute;bottom:0;left:0;width:100%}.wheel-main img{-webkit-animation:wheel 10s linear infinite;animation:wheel 10s linear infinite}.wheel-hand{position:absolute;top:22.22222%;left:23.35456%;width:50.95541%}.wheel-anchor{position:absolute;bottom:0;left:0;width:100%}.link{color:#007fe0!important}.btn{display:flex;align-items:center;justify-content:center;gap:6px;width:170px;height:48px;font-size:20px;font-weight:500;line-height:1.45;color:#fff;background:linear-gradient(180deg,#ee665c 0,#dd4f43 100%);border-radius:100px;cursor:pointer}.btn span{flex:0 0 auto;padding-bottom:2px}.btn::after{content:'';width:17px;height:17px;background:url(../images/icon/play.svg) no-repeat center/contain;transition:.3s}.btn:hover::after{transform:translateX(50%)}@media only screen and (max-width:1023px){.btn{gap:4px;width:106px;height:30px;font-size:12px}.btn span{padding-bottom:1px}.btn::after{width:11px;height:11px}}.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)}}@-webkit-keyframes titFloat{0%{transform:translateY(-4%)}100%{transform:translateY(2%)}}@keyframes titFloat{0%{transform:translateY(-4%)}100%{transform:translateY(2%)}}@keyframes scale{0%{transform:rotate(-5deg)}100%{transform:rotate(5deg)}}@-webkit-keyframes lanternL{0%{transform:rotate(25deg)}100%{transform:rotate(15deg)}}@keyframes lanternL{0%{transform:rotate(25deg)}100%{transform:rotate(15deg)}}@-webkit-keyframes lanternR{0%{transform:rotate(-25deg)}100%{transform:rotate(-15deg)}}@keyframes lanternR{0%{transform:rotate(-25deg)}100%{transform:rotate(-15deg)}}.block{text-align:center}.block-wrap{position:relative;box-sizing:border-box;max-width:1080px;margin:0 auto;padding:0 20px;z-index:1}.block-title{margin-bottom:36px}.block-title svg{width:430px;height:auto}.block-title svg .deco{-webkit-animation:titFloat 1s ease-in-out infinite alternate;animation:titFloat 1s ease-in-out infinite alternate}.block-text{margin-bottom:36px;font-size:20px;font-weight:700;line-height:1.45}.block-note{display:inline-block;margin-top:36px;font-size:16px;font-weight:500;line-height:1.45;text-align:left}.block-note ol{padding-left:1.2em;line-height:1.45}.block.-table{padding-top:30px}.block.-envelope{position:relative;margin-top:-40px;padding:230px 0 200px;background:url(../images/bg/wave.svg) no-repeat top center/cover}.block.-envelope::after,.block.-envelope::before{content:'';position:absolute;width:116px;height:323px;background:url(../images/deco/lantern.svg) no-repeat center/contain;transform-origin:top center}.block.-envelope::before{top:110px;left:13%;-webkit-animation:lanternL 1.5s ease-in-out infinite alternate;animation:lanternL 1.5s ease-in-out infinite alternate}.block.-envelope::after{top:130px;right:13%;-webkit-animation:lanternR 1.2s ease-in-out infinite alternate;animation:lanternR 1.2s ease-in-out infinite alternate}.block.-envelope .block-wrap{max-width:944px}.block.-list{position:relative;padding-bottom:50px}.block.-list::before{content:'';position:absolute;bottom:calc(100% - 30px);left:50%;transform:translateX(-50%);width:1920px;height:275px;background:url(../images/bg/cloud.svg) no-repeat center/cover}.block.-list::after{content:'';position:absolute;bottom:120px;left:calc(50% - 533px);width:69px;height:86px;background:url(../images/deco/envelope.svg) no-repeat center/contain;-webkit-animation:scale .8s ease-in-out infinite alternate;animation:scale .8s ease-in-out infinite alternate}.block.-list .block-wrap::before{content:'';position:absolute;top:106px;left:calc(50% - 627px);width:113px;height:100px;background:url(../images/deco/yuanbao.svg) no-repeat center/contain;animation:scale .8s ease-in-out infinite alternate-reverse}.block.-list .block-wrap::after{content:'';position:absolute;top:434px;right:calc(50% - 540px);width:54px;height:93px;background:url(../images/deco/firecracker.svg) no-repeat center/contain;animation:scale .8s ease-in-out infinite alternate-reverse}.block.-notice{padding:28px 0 86px}@media only screen and (min-width:1921px){.block.-list::before{width:100vw;height:calc((275 / 1920) * 100vw)}}@media only screen and (max-width:1023px){.block-title{margin-bottom:20px}.block-title svg{width:260px}.block-text{margin-bottom:24px;font-size:16px}.block-note{margin-top:16px;font-size:12px}.block.-table{padding-top:20px}.block.-envelope{margin-top:-20px;padding:130px 0 110px;background-size:1024px}.block.-envelope::after,.block.-envelope::before{width:60px;height:168px}.block.-envelope::before{top:80px;left:5%}.block.-envelope::after{top:90px;right:5%}.block.-list{padding-bottom:30px}.block.-list::before{bottom:calc(100% - 10px);width:1024px;height:147px}.block.-list::after{content:none}.block.-list .block-wrap::before{top:260px;right:-8px;left:auto;width:45px;height:40px}.block.-list .block-wrap::after{top:56px;left:-4px;right:auto;width:31px;height:53px}.block.-notice{padding:16px 0 48px}}@media only screen and (max-width:767px){.block.-envelope{padding:100px 0 90px;background-size:768px}.block.-envelope::after,.block.-envelope::before{content:none}.block.-envelope .block-wrap{max-width:540px}.block.-list::before{bottom:calc(100% - 5px);width:768px;height:110px}}@-webkit-keyframes people{0%{transform:rotate(-2deg)}100%{transform:rotate(2deg)}}@keyframes people{0%{transform:rotate(-2deg)}100%{transform:rotate(2deg)}}.table{display:flex;justify-content:center}.table-wrap{flex:0 0 auto;position:relative;display:flex;justify-content:center;gap:30px}.table-wrap::before{content:'';position:absolute;bottom:2px;left:-105px;width:129px;height:267px;background:url(../images/deco/boy.svg) no-repeat center/contain;transform-origin:bottom center;-webkit-animation:people 1s ease-in-out infinite alternate;animation:people 1s ease-in-out infinite alternate}.table-wrap::after{content:'';position:absolute;bottom:2px;right:-110px;width:135px;height:276px;background:url(../images/deco/girl.svg) no-repeat center/contain;transform-origin:bottom center;animation:people 1s ease-in-out infinite alternate-reverse}.table-item{flex:0 1 auto;position:relative;width:400px;z-index:1}.table-head{display:flex;border-radius:10px 10px 0 0;font-size:20px;font-weight:700;line-height:1.45;color:#282828;border:2px solid #ffcf7b;border-top:none;border-bottom:none;background-color:#ffcf7b}.table-body{font-size:20px;font-weight:700;line-height:1.45;color:#083b77;border:2px solid #ffcf7b;border-top:none;background-color:#fffcf3}.table-tr{display:flex;min-height:66px}.table-tr+.table-tr{border-top:2px solid #ffcf7b}.table-name{flex:1;display:inline-flex;justify-content:center;align-items:center;padding:13px 31px 14px}.table-num{flex:0 0 auto;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:154px;padding:13px 32px 14px;border-left:2px solid}.table-head .table-num{border-color:#fff}.table-body .table-num{border-color:#ffcf7b}.table-body .table-num span{color:#ff4a4a}@media only screen and (max-width:1023px){.table-wrap{display:block}.table-wrap::before{left:-74px;width:90px;height:186px}.table-wrap::after{right:-76px;width:92px;height:188px}.table-head{display:none}.table-item:first-child .table-head{display:flex}.table-head{font-size:18px}.table-body{font-size:16px}.table-tr{min-height:38px}.table-name{padding:6px 3px 7px}.table-num{width:92px;padding:6px 6px 7px}}@media only screen and (max-width:767px){.table{display:block}.table-wrap::after,.table-wrap::before{content:none}.table-item{width:100%;max-width:400px;margin:0 auto}}.product{display:flex;flex-direction:column;align-items:center;gap:38px}.product-item{box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:728px;padding:17px 32px 17px 28px;border-radius:20px;background-color:rgba(255,255,255,.63)}.product-pic{flex:0 0 auto;width:172px;margin-right:28px}.product-content{flex:1;padding:2px 22px;text-align:left;border-left:3px solid #af7841}.product-title{font-size:25px;font-weight:700;line-height:1.45;color:#e95d53}.product-text{margin-top:2px;font-size:22px;font-weight:500;line-height:1.4}.product-text p{font-size:.73em}@media only screen and (max-width:1023px){.product{flex-wrap:wrap;flex-direction:row;align-items:stretch;justify-content:center;gap:10px}.product-item{flex:0 0 auto;flex-direction:column;width:auto;padding:12px;border-radius:10px}.product-pic{width:138px;margin-right:0}.product-content{flex:1 0 auto;padding:12px 0;text-align:center;border:none}.product-title{font-size:16px}.product-text{font-size:13px}.product-text p{font-size:.8em}}.envelope{overflow:visible}.envelope .swiper-slide{display:flex;justify-content:center;align-items:center;height:auto}.envelope .swiper-slide img{transform:translateX(1.8%)}@media only screen and (min-width:768px){.envelope .swiper-wrapper{transform:none!important}.envelope .swiper-slide img{width:90%}.envelope .swiper-slide.-clone{display:none}.envelope .swiper-slide.-center img{width:100%}.envelope .swiper-slide.-first{position:relative}.envelope .swiper-slide.-first::after{content:'';position:absolute;bottom:4.83384%;left:-2.20588%;width:24.26471%;height:24.77341%;background:url(../images/deco/girl-s.svg) no-repeat center/contain;-webkit-animation:scale .8s ease-in-out infinite alternate;animation:scale .8s ease-in-out infinite alternate}.envelope .swiper-slide.-last{position:relative}.envelope .swiper-slide.-last::after{content:'';position:absolute;top:-10.2719%;left:5.14706%;width:25.73529%;height:25.37764%;background:url(../images/deco/boy-s.svg) no-repeat center/contain;animation:scale .8s ease-in-out infinite alternate-reverse}}@media only screen and (max-width:767px){.envelope{position:relative}.envelope::after{content:'';position:absolute;bottom:-2.57732%;left:66%;width:11.04478%;height:23.19588%;background:url(../images/deco/boy-s.svg) no-repeat center/contain;z-index:1;-webkit-animation:scale .8s ease-in-out infinite alternate;animation:scale .8s ease-in-out infinite alternate}.envelope .swiper-slide img{width:82%;opacity:.5;transition:opacity .3s}.envelope .swiper-slide-active img{width:100%;opacity:1}}.notice{box-sizing:border-box;margin:0 auto;padding:0 30px;text-align:left;border-radius:10px;background-color:#fff}.notice .notice-action{position:relative;display:block;padding:25px 0;font-size:20px;font-weight:700;color:#58393e;text-decoration:none}.notice .notice-action::after{content:'＋';position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;transition:.3s}.notice-content{display:none;padding:25px 0;font-size:16px;color:#58393e;border-top:1px solid #58393e}.notice.is-open .notice-action::after{content:'－';transform:translateY(-50%) rotate(180deg)}@media only screen and (max-width:1023px){.notice{padding:0 15px;border-radius:5px}.notice .notice-action{padding:20px 0;font-size:16px}.notice-content{padding:20px 0;font-size:14px}}ol{font-weight:400;line-height:1.7;margin:0;padding-left:25px}ol b{font-weight:700}ol a{display:inline}ol table{width:100%;margin:4px 0;border-collapse:collapse;border-spacing:0}ol table td,ol table th{padding:4px;border:1px solid #000}ol.chinese{list-style-type:none;padding-left:32px}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%)}h1,h2,h3,h4,h5,h6{margin:0;font-size:1em}p{margin:0}.-rdText{color:#ff704a}.-buText{color:#005bab}@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 (max-width:767px){.-padUpOnly{display:none}}.-hidden{display:none}