@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}@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;background:url(../images/kv_grid.svg) #cedcff;background-size:24px 24px;z-index:1;animation:2s linear 0s infinite normal none running grid-mob}@media(min-width: 768px){body{background-size:38px 38px;animation:2s linear 0s infinite normal none running grid}}@keyframes grid-mob{0%{background-position:0px 0px}100%{background-position:24px 24px}}@keyframes grid{0%{background-position:0px 0px}100%{background-position:38px 38px}}body .float{position:fixed;top:35%;right:15px;z-index:101}@media(max-width: 767px){body .float{top:auto;bottom:-1px;right:0;display:flex;justify-content:center;align-items:center;width:100%}}body .float a{display:flex;flex-direction:row;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;background:#f66c28;color:#fff;font-size:16px;padding:12px 10px;border-radius:10px;width:44px;text-decoration:none;margin:8px 0}@media(max-width: 767px){body .float a{width:auto;flex:1;border-radius:0;writing-mode:unset;margin:0;padding:0}}body .float a img{margin-bottom:4px;width:20px}@media(max-width: 767px){body .float a img{width:100%;margin-bottom:0;height:50px}}body .sidebar{bottom:70px}@media(min-width: 768px){body .sidebar{bottom:20px}}body article{color:#000;font-size:16px}body article section{padding:20px 0;text-align:center}body article section .container{padding:0 20px;width:100%}@media(min-width: 768px){body article section .container{max-width:1200px}}body article section .container h2{margin:auto}@media(min-width: 768px){body article section .container h2{max-width:753px;width:66%}}body article section .container .note{font-size:16px;margin:16px auto 30px auto;font-weight:700}@media(min-width: 768px){body article section .container .note{font-size:20px;margin:40px auto 30px auto}}body article section .fade-in{opacity:1}body article section.main{margin:80px auto 20px}body article section.main h1{position:relative}@media(min-width: 768px){body article section.main h1{width:45vw;max-width:844px;margin-top:40px}}body article section.main h1 .deco{position:absolute;display:none}@media(min-width: 768px){body article section.main h1 .deco{display:block;animation:updown 1s ease-in-out infinite alternate}}@keyframes updown-mob{0%{transform:translateY(4px)}100%{transform:translateY(0px)}}@keyframes updown{0%{transform:translateY(20px)}100%{transform:translateY(0px)}}body article section.main h1 .deco.decoL{width:26vw;max-width:496px;right:96%;top:0;animation:none}body article section.main h1 .deco.decoR{width:30vw;max-width:570px;left:92%;top:42%;animation:none}body article section.main h1 .deco.chart{width:4vw;max-width:80px;left:104%;top:-5%;animation-delay:.5s}body article section.main h1 .deco.euroL{width:4vw;max-width:84px;left:-58%;bottom:10%;animation-delay:.7s}body article section.main h1 .deco.euroR{width:4vw;max-width:86px;right:-40%;top:16%}body article section.main h1 .deco.gift{width:3.8vw;max-width:78px;left:-10%;bottom:-40%}body article section.main h1 .deco.pig{width:4.6vw;max-width:96px;left:86%;bottom:-60%;animation-delay:.3s}body article section.main .btn{width:20vw;max-width:377px;margin:70px auto;cursor:pointer}@media(min-width: 768px){body article section.main .btn{transition:all ease-in-out .2s}body article section.main .btn:hover{transform:translateY(-4px)}}body article section.prizes{text-align:center}@media(min-width: 768px){body article section.prizes{background:url(../images/prizes_bg.svg) no-repeat center 60%;background-size:96% auto}}@media(min-width: 2000px){body article section.prizes{background-size:84% auto}}body article section.prizes .prize{width:45%;display:inline-block;position:relative;margin:4px auto;padding:0 10px}@media(min-width: 768px){body article section.prizes .prize{width:28%;margin:24px 12px;text-align:center;padding:0}}body article section.prizes .prize:nth-of-type(odd){animation-delay:.3s}@media(max-width: 767px){body article section.prizes .prize:last-child{padding:0}}@media(max-width: 767px){body article section.prizes .prize h3{position:absolute;top:0;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:100px;display:inline-block;border:1px solid;font-size:12px;padding:2px 12px;white-space:nowrap;font-weight:700;line-height:1}}@media(max-width: 767px){body article section.prizes .prize img{margin:auto}}body article section.prizes .prize p{font-size:9px;line-height:1.4;margin-top:4px}@media(min-width: 768px){body article section.prizes .prize p{font-size:12px;font-weight:400;position:absolute;left:50%;transform:translateX(-50%);top:100%;padding-top:4px;line-height:1.5}}@media(min-width: 768px){body article section.task{background:url(../images/mission_bg.svg) no-repeat center 60%;background-size:96% auto}}@media(min-width: 2000px){body article section.task{background-size:84% auto}}body article section.task .note{margin-top:0}body article section.task .content img{width:45%;display:inline-block;padding:10px}@media(min-width: 768px){body article section.task .content img{width:24%;padding:16px 20px}}body article section.task ul{list-style:decimal;padding-left:12px;margin:10px;font-size:12px;line-height:1.4;text-align:left}@media(min-width: 768px){body article section.task ul{font-size:14px;width:92%;padding:0 0 0 20px;margin:40px auto 30px}}body article section.caution{padding:20px 0 50px 0;text-align:left}@media(min-width: 768px){body article section.caution{padding:40px 0 80px 0}}body article section.caution .content{background:#fff;border-radius:10px;padding:20px 15px}@media(min-width: 768px){body article section.caution .content{padding:25px 30px}}body article section.caution .content p{font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}body article section.caution .content p::after{content:"＋"}body article section.caution .content p.showCaution::after{content:"－"}@media(min-width: 768px){body article section.caution .content p{font-size:20px;line-height:160%}}body article section.caution .content .list{padding:20px 0;font-size:14px}@media(min-width: 768px){body article section.caution .content .list{font-size:16px}}body article section.caution .content .list ul{list-style:decimal;padding-left:20px}body article section.caution .content .list ul.dot{list-style:square}body article section.caution .content .list ul.decimal{list-style:none;counter-reset:new-decimal}body article section.caution .content .list ul.decimal li{counter-increment:new-decimal;position:relative;padding-left:32px}body article section.caution .content .list ul.decimal li::before{content:"(" counter(new-decimal) ")";position:absolute;left:0}body .footer{margin-bottom:47px}@media(min-width: 768px){body .footer{margin-bottom:0}}