@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200..900&display=swap";.wow{visibility:hidden}@keyframes fadeInRightSm{from{opacity:0;transform:translate3d(40px, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInLeftSm{from{opacity:0;transform:translate3d(-40px, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInUpSm{from{opacity:0;transform:translate3d(0, 40px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInRightSm{animation-name:fadeInRightSm}.fadeInLeftSm{animation-name:fadeInLeftSm}.fadeInUpSm{animation-name:fadeInUpSm}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}img{display:block;margin:0 auto;max-width:100%;height:auto}.lostark-event{position:relative;width:100%;max-width:2560px;margin:0 auto;overflow:hidden;font-family:"Noto Sans TC",sans-serif;background:#000}.lostark-event .nav-top{left:0}.lostark-event .middle{position:relative}.lostark-event br{opacity:0}.lostark-event .lui-quick{position:fixed;top:50%;right:17px;z-index:50;display:none;transform:translateY(-50%)}@media screen and (min-width: 768px){.lostark-event .lui-quick{display:block}}.lostark-event .lui-quick.is-inline{position:absolute;transform:translateY(0)}.lostark-event .lui-quick-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;flex-direction:column;width:180px;height:50px;margin:2px auto;color:#a58f87;font-size:16px;letter-spacing:-0.5px;background:#6d4b3d;transition:.2s}.lostark-event .lui-quick-item:hover,.lostark-event .lui-quick-item.active{color:#e9dacf;background:#9a2d00}.lostark-event section{position:relative;background:#000}.lostark-event .wrapper{position:relative;z-index:2;width:90%;max-width:1440px;margin:0 auto}.lostark-event .info{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;text-align:center}.lostark-event h3{max-width:60vw;margin:0 auto 15px}@media screen and (min-width: 576px){.lostark-event h3{width:100%;max-width:250px}}@media screen and (min-width: 1400px){.lostark-event h3{max-width:348px}}.lostark-event .event-text{font-size:14px;line-height:22px;font-weight:400}@media screen and (min-width: 576px){.lostark-event .event-text{font-size:16px;line-height:24px}}@media screen and (min-width: 1400px){.lostark-event .event-text{font-size:20px;line-height:30px}}#index{padding:60px 0;background:url("../images/bg_index.jpg") no-repeat center top/200% #38090a}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#index{background:url("../images/bg_index.webp") no-repeat center top/200% #38090a}}@media screen and (min-width: 576px){#index{background-size:100%}}@media screen and (min-width: 992px){#index{background-size:cover}}@media screen and (min-width: 992px){#index{padding:80px 0 60px}}#index #js-canvas{position:fixed;top:0;right:0;left:0;z-index:1;width:100%;max-width:2560px;height:100vh;margin:0 auto;pointer-events:none}#index .wrapper{z-index:2;padding-top:250px}@media screen and (min-width: 576px){#index .wrapper{padding-top:30px}}@media screen and (min-width: 992px){#index .wrapper{padding-top:50px}}@media screen and (min-width: 1400px){#index .wrapper{padding-top:100px}}#index .index-layer{position:absolute;top:10px;width:100%}@media screen and (min-width: 576px){#index .index-layer{top:30px}}#index .index-role1,#index .index-role2{max-width:70vw}@media screen and (min-width: 576px){#index .index-role1,#index .index-role2{max-width:300px}}@media screen and (min-width: 992px){#index .index-role1,#index .index-role2{max-width:400px}}@media screen and (min-width: 1400px){#index .index-role1,#index .index-role2{max-width:545px}}#index .index-role1{position:absolute;left:-15px}@media screen and (min-width: 576px){#index .index-role1{left:-105px}}#index .index-role2{position:absolute;top:35px;right:-50px}@media screen and (min-width: 576px){#index .index-role2{right:-105px}}@media screen and (min-width: 992px){#index .index-role2{right:-75px}}#index h2{margin:0 auto}@media screen and (min-width: 576px){#index h2{max-width:400px;width:100%}}@media screen and (min-width: 992px){#index h2{max-width:498px}}@media screen and (min-width: 1400px){#index h2{max-width:598px}}#index .time{margin:15px auto}@media screen and (min-width: 992px){#index .time{margin:25px auto}}#index .time dl{display:flex;justify-content:center;flex-wrap:wrap;color:#d3aaaa;font-size:14px;line-height:25px}@media screen and (min-width: 576px){#index .time dl{flex-wrap:nowrap;margin-bottom:0;font-size:16px;line-height:27px}}@media screen and (min-width: 1400px){#index .time dl{font-size:19px;line-height:30px}}#index .link{position:relative;display:flex;justify-content:center;gap:32px;margin:15px auto}@media screen and (min-width: 992px){#index .link{margin:25px auto}}@media screen and (min-width: 1400px){#index .link{margin:30px auto}}#index .link a{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:164px;height:42px;color:#e7bab5;background:url("../images/btn.png") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#index .link a{background:url("../images/btn.webp") no-repeat center top/cover}}#index .link a{transition:.2s}#index .link a:hover{color:#ff6453}#index .link span{display:block;margin-top:-3px;font-size:16px}@media screen and (min-width: 1400px){#index .link span{margin-top:-5px;font-size:18px}}#index .index-text{margin-bottom:25px;color:#bc7a77;font-size:16px;line-height:30px;font-weight:400}@media screen and (min-width: 576px){#index .index-text{font-size:20px;line-height:34px}}@media screen and (min-width: 992px){#index .index-text{margin-bottom:55px}}@media screen and (min-width: 1400px){#index .index-text{margin-bottom:135px;font-size:24px;line-height:38px}}#index .index-text span{color:#eab8b6}#event1{position:relative}#event1 .wrapper{max-width:600px;padding-top:0;background:#711f21;filter:drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3))}@media screen and (min-width: 992px){#event1 .wrapper{max-width:1440px}}#event1 .info{width:90%;padding:35px 0}@media screen and (min-width: 576px){#event1 .info{padding:35px 0 50px}}@media screen and (min-width: 992px){#event1 .info{padding:55px 0 90px}}#event1 .event-text{margin-bottom:20px;color:#d69da1}@media screen and (min-width: 576px){#event1 .event-text{margin-bottom:30px}}#event1 .event-text span{color:#ef9a57}#event1 .intro{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;flex-direction:column;flex-wrap:wrap;margin-bottom:20px;padding:15px;background:#3b0406}@media screen and (min-width: 576px){#event1 .intro{padding:20px}}@media screen and (min-width: 992px){#event1 .intro{justify-content:space-between;align-items:flex-start;flex-direction:row;flex-wrap:nowrap;column-gap:5px}}@media screen and (min-width: 1400px){#event1 .intro{margin-bottom:40px;padding:35px}}#event1 .intro .arrow{margin:8px auto;transform:rotate(90deg)}@media screen and (min-width: 992px){#event1 .intro .arrow{margin:0 auto;margin-top:5.5vw;transform:rotate(0deg)}}@media screen and (min-width: 1400px){#event1 .intro .arrow{margin-top:89px}}#event1 .intro p{margin:10px auto 8px;color:#bcb1a7;font-size:14px;line-height:20px}@media screen and (min-width: 576px){#event1 .intro p{margin:20px auto 8px;font-size:16px;line-height:22px}}@media screen and (min-width: 1400px){#event1 .intro p{font-size:19px;line-height:25px}}#event1 .intro p span{color:#ef9a57}#event1 .intro ul{margin-left:5px;color:#ef9a57;font-size:12px;font-weight:300;text-align:center}@media screen and (min-width: 576px){#event1 .intro ul{margin-left:8px;font-size:14px}}@media screen and (min-width: 992px){#event1 .intro ul{text-align:left}}@media screen and (min-width: 1400px){#event1 .intro ul{margin-left:5px;font-size:19px}}#event1 .intro ul li{line-height:initial;padding-left:12px;text-indent:-12px}@media screen and (min-width: 576px){#event1 .intro ul li{padding-left:14px;text-indent:-14px}}@media screen and (min-width: 1400px){#event1 .intro ul li{padding-left:24px;text-indent:-24px}}#event1 .intro ul li::before{content:"";display:inline-block;width:9px;height:9px;margin-right:3px;margin-top:-3px;vertical-align:middle;background:url("../images/notice_icon.png") no-repeat center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#event1 .intro ul li::before{background:url("../images/notice_icon.webp") no-repeat center/contain}}@media screen and (min-width: 576px){#event1 .intro ul li::before{width:11px;height:11px}}@media screen and (min-width: 1400px){#event1 .intro ul li::before{width:16px;height:16px;margin-top:-4px;margin-right:4px}}#event1 .reward{position:relative;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;gap:20px;margin-bottom:20px}@media screen and (min-width: 992px){#event1 .reward{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap}}@media screen and (min-width: 1400px){#event1 .reward{margin-bottom:40px}}#event1 .reward-item{padding:15px;background:#3b0406}@media screen and (min-width: 576px){#event1 .reward-item{padding:25px 20px}}@media screen and (min-width: 1400px){#event1 .reward-item{padding:35px 30px}}#event1 .reward h4{max-width:45vw;margin:0 auto}@media screen and (min-width: 576px){#event1 .reward h4{width:100%;max-width:190px}}@media screen and (min-width: 1400px){#event1 .reward h4{max-width:229px}}#event1 .reward h4 span{display:block;margin-bottom:5px;font-size:14px}@media screen and (min-width: 576px){#event1 .reward h4 span{font-size:16px}}@media screen and (min-width: 1400px){#event1 .reward h4 span{font-size:20px}}#event1 .reward .divider{margin:20px auto 10px}@media screen and (min-width: 1400px){#event1 .reward .divider{margin:25px auto}}#event1 .reward p{margin-bottom:15px;color:#bcb1a7;font-size:14px;line-height:20px;letter-spacing:-0.5px}@media screen and (min-width: 1400px){#event1 .reward p{margin-bottom:25px;font-size:18px;line-height:25px}}#event1 .reward .plus{margin:8px auto}#event1 ul{margin-left:8px}@media screen and (min-width: 1400px){#event1 ul{margin-left:90px}}#event1 ul,#event2 ul,#event3 ul,#event4 ul{color:#9b7e7f;font-size:14px;line-height:26px;font-weight:350;text-align:justify}@media screen and (min-width: 576px){#event1 ul,#event2 ul,#event3 ul,#event4 ul{font-size:16px;line-height:28px}}@media screen and (min-width: 1400px){#event1 ul,#event2 ul,#event3 ul,#event4 ul{font-size:20px;line-height:32px}}#event1 ul li,#event2 ul li,#event3 ul li,#event4 ul li{padding-left:11px;text-indent:-11px}#event1 ul li::before,#event2 ul li::before,#event3 ul li::before,#event4 ul li::before{content:"";display:inline-block;width:3px;height:3px;margin-right:8px;vertical-align:middle;background:#9b7e7f;border-radius:50%}#event2,#event3,#event4{padding:120px 0 60px}@media screen and (min-width: 576px){#event2,#event3,#event4{padding:60px 0}}@media screen and (min-width: 1400px){#event2,#event3,#event4{padding:90px 0}}#event2 p,#event3 p,#event4 p{max-width:400px;margin:0 auto}@media screen and (min-width: 992px){#event2 p,#event3 p,#event4 p{max-width:100%}}#event2 .flag,#event3 .flag,#event4 .flag{position:absolute;top:-127px;left:0;z-index:1;width:31%}@media screen and (min-width: 576px){#event2 .flag,#event3 .flag,#event4 .flag{top:-68px;width:100%;max-width:150px}}@media screen and (min-width: 992px){#event2 .flag,#event3 .flag,#event4 .flag{top:-70px;max-width:180px}}@media screen and (min-width: 1400px){#event2 .flag,#event3 .flag,#event4 .flag{top:-102px;max-width:211px}}#event2 .pets,#event3 .pets,#event4 .pets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin:5px auto 20px}@media screen and (min-width: 576px){#event2 .pets,#event3 .pets,#event4 .pets{gap:10px 40px;margin:5px auto 20px}}@media screen and (min-width: 992px){#event2 .pets,#event3 .pets,#event4 .pets{gap:20px 60px;margin:30px auto}}@media screen and (min-width: 1400px){#event2 .pets,#event3 .pets,#event4 .pets{gap:50px 90px;margin:60px auto 60px}}#event2 .pets picture:nth-child(1),#event3 .pets picture:nth-child(1),#event4 .pets picture:nth-child(1){order:1}#event2 .pets picture:nth-child(2),#event3 .pets picture:nth-child(2),#event4 .pets picture:nth-child(2){order:2}#event2 .pets picture:nth-child(3),#event3 .pets picture:nth-child(3),#event4 .pets picture:nth-child(3){order:4}#event2 .pets picture:nth-child(4),#event3 .pets picture:nth-child(4),#event4 .pets picture:nth-child(4){order:5}#event2 .pets picture:nth-child(5),#event3 .pets picture:nth-child(5),#event4 .pets picture:nth-child(5){order:6}#event2 .pets::after,#event3 .pets::after,#event4 .pets::after{content:"";order:3;flex-basis:100%}#event2 ul,#event3 ul,#event4 ul{color:#cba995;text-align:justify}@media screen and (min-width: 576px){#event2 ul,#event3 ul,#event4 ul{text-align:center}}#event2 ul li::before,#event3 ul li::before,#event4 ul li::before{background:#cba995}#event2{background:url("../images/bg_event2.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#event2{background:url("../images/bg_event2.webp") no-repeat center top/cover}}#event2 .event-text{color:#b38383}#event2 .clothes{position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin:15px auto 0}@media screen and (min-width: 576px){#event2 .clothes{flex-wrap:nowrap;max-width:800px}}@media screen and (min-width: 992px){#event2 .clothes{margin:40px auto 15px}}@media screen and (min-width: 1400px){#event2 .clothes{justify-content:space-between;max-width:1140px}}#event3{background:url("../images/bg_event3.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#event3{background:url("../images/bg_event3.webp") no-repeat center top/cover}}#event3 .event-text{color:#a38363}#event3 .pets img{max-width:40vw;margin:0 -1vw}@media screen and (min-width: 576px){#event3 .pets img{max-width:20vw;margin:0 auto}}@media screen and (min-width: 992px){#event3 .pets img{max-width:200px}}@media screen and (min-width: 1400px){#event3 .pets img{max-width:260px}}#event3 ul{color:#b69581}#event3 ul li::before{background:#b69581}#event4{background:url("../images/bg_event4.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#event4{background:url("../images/bg_event4.webp") no-repeat center top/cover}}#event4 .event-text{color:#a38363}#event4 .pets{gap:0;margin:5px auto 20px;margin-left:5vw}@media screen and (min-width: 576px){#event4 .pets{gap:5px;margin:15px auto 30px}}@media screen and (min-width: 992px){#event4 .pets{gap:10px 15px}}@media screen and (min-width: 1400px){#event4 .pets{gap:20px 30px;margin:15px auto 55px}}#event4 .pets img{max-width:70vw;margin:0 -19vw}@media screen and (min-width: 576px){#event4 .pets img{max-width:28vw;margin:0 auto}}@media screen and (min-width: 1920px){#event4 .pets img{max-width:440px}}