@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.nav-tabs,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a,.nav-tabs>li>a:hover{background-color:unset;border:unset;line-height:unset}@media only screen and (max-width:991px){nav.nav-top .nav_logo li a{position:absolute;width:50px;transform:translateX(-50%)}}li{list-style:none}@media only screen and (max-width:480px){.mp-none{display:none}}@media only screen and (max-width:991px){.m-none{display:none}}@media only screen and (min-width:992px){.nm-none{display:none}}@media only screen and (min-width:1780px){.pclgs{display:none}}body{position:relative;background-color:#000;background-repeat:no-repeat;background-position:center 100vh;background-size:cover;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;width:100%;overflow-x:hidden}body.mask{display:none}@media only screen and (max-width:480px){body{background-position:center 100vh;background-size:cover}}body a{background-color:unset}body a:hover{text-decoration:none}body img{max-width:100%}body h3{font-size:30px;line-height:1.6;color:#fff;font-weight:600;margin-top:20px}@media only screen and (max-width:991px){body h3{font-size:20px}}body h4{font-size:18px;line-height:1.6;font-weight:400;margin-top:16px}@media only screen and (max-width:991px){body h4{font-size:20px}}@media only screen and (max-width:480px){body h4{font-size:15px;letter-spacing:0}}body h5{font-size:16px;line-height:1.6;color:#ff00f6;font-weight:300;margin-top:10px;margin-bottom:5px}@media only screen and (max-width:991px){body h5{font-size:20px}}@media only screen and (max-width:480px){body h5{font-size:16px}}body p{font-size:13px;line-height:1.6;letter-spacing:1px;color:#fff;font-weight:300}@media only screen and (max-width:991px){body p{font-size:16px}}@media only screen and (max-width:480px){body p{font-size:12px}}body p.notice_text{color:#ce3633}@media only screen and (max-width:991px){body p.notice_text{font-size:12px}}body .mt-20{margin-top:20px}body .mt-100{margin-top:100px}body .mt-200{margin-top:200px}body .mt--200{margin-top:-200px}body .mb-100{margin-bottom:100px}@media only screen and (max-width:480px){body .container{padding-right:25px;padding-left:25px}}#fullpage .banner{position:relative;background:url(../image/banner.jpg) center top no-repeat;width:100%;background-size:cover;text-align:center;height:110vh}@media only screen and (max-width:991px){#fullpage .banner{height:60vh;background-position-x:16%}}@media only screen and (max-width:991px){#fullpage .banner{margin-top:60px}}#fullpage .banner .scrolldown{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:url(../image/down.png) center top no-repeat;width:172px;height:118px}@media only screen and (max-width:991px){#fullpage .banner .scrolldown{bottom:5%;display:none}}#fullpage .banner .content{position:absolute;transform:translateX(-50%);left:50%;bottom:5%;text-align:center;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:991px){#fullpage .banner .content{right:0;left:50%;bottom:-5%;transform:translateX(-50%);top:inherit;width:60%}}@media only screen and (max-width:480px){#fullpage .banner .content{width:100%}}#fullpage .banner .content a{display:inline-block;transition:.3s all;width:319px;height:153px;background-size:contain!important;transition:.3s all;background:url(../image/banner-btn-03.png) center center no-repeat;transform:translateY(-50px)}#fullpage .banner .content a:hover{filter:brightness(1.05);transform:translateY(-54px)}@media only screen and (max-width:991px){#fullpage .banner .content a{width:240px;height:160px;transform:translateY(-30px)}}@media only screen and (max-width:480px){#fullpage .banner .content a{width:200px;height:95px}}@media only screen and (max-width:991px){#fullpage .banner .content a #LostArkDl240627{display:none}}#fullpage #s1{display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(../image/s1.jpg) center center no-repeat;width:100%;background-size:cover;position:relative;padding:40px 0}@media only screen and (max-width:991px){#fullpage #s1{flex-direction:column;justify-content:center;padding:0 16px;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:0}}#fullpage #s1 a.ticket{width:55%;text-align:center}@media only screen and (max-width:991px){#fullpage #s1 a.ticket{width:100%}}#fullpage #s1 a.notice{background:url(../image/notice.png) center center no-repeat;width:258px;height:127px;display:block;transition:.3s all;background-size:contain}#fullpage #s1 a.notice:hover{filter:brightness(1.1);transform:translateY(-4px)}@media only screen and (max-width:991px){#fullpage #s1 a.notice{width:50%}}#fullpage #s2{display:flex;align-items:center;flex-direction:column;background:url(../image/s2.jpg) center center no-repeat;width:100%;background-size:cover;position:relative;justify-content:flex-end;padding-top:40px}@media only screen and (max-width:991px){#fullpage #s2{padding:18px 18px 0 0}}@media only screen and (min-width:992px){.modal .modal-dialog{max-width:800px}}.modal .modal-dialog .modal-content{background-color:#00000096;border-radius:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:10px solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(to bottom,#e09b06,#ffeec5,#dab660,#f6dd96)}.modal .modal-dialog .modal-content .modal-header{background-color:rgba(0,0,0,.588235);align-items:center;border:0;color:#404040;position:relative;justify-content:center;padding-top:80px;border-radius:0}@media only screen and (max-width:991px){.modal .modal-dialog .modal-content .modal-header{background-color:#ffffff00}}.modal .modal-dialog .modal-content .modal-header h5{background:url(../image/modal-title.png) center center no-repeat;width:192px;height:58px}.modal .modal-dialog .modal-content .modal-header .close{color:#404040;opacity:1;position:absolute;right:40px;top:40px;width:60px;height:60px;padding:0}.modal .modal-dialog .modal-content .modal-header .close span:first-child{position:absolute;width:50px;height:2px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:50% 50%}.modal .modal-dialog .modal-content .modal-header .close span:last-child{position:absolute;width:50px;height:2px;background:#fff;left:50%;top:50%;transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(-45deg)}.modal .modal-dialog .modal-content .modal-body{padding:0 80px 80px}@media only screen and (max-width:991px){.modal .modal-dialog .modal-content .modal-body{padding:12px}}.modal .modal-dialog .modal-content .modal-body ul{justify-content:center;margin-bottom:0;list-style:auto}.modal .modal-dialog .modal-content .modal-body ul li{line-height:2;color:#fff;font-size:16px;list-style:auto;margin-bottom:8px;margin-left:1em;font-family:"Noto Serif TC",serif}@media only screen and (max-width:480px){.modal .modal-dialog .modal-content .modal-body ul li{font-size:14px}}.modal .modal-dialog .modal-content .modal-body ul li button{background-color:#c9c9c9;color:#969696;border-radius:0;padding:8px 40px}.modal .modal-dialog .modal-content .modal-body ul li button.active{color:#fff;background-color:#1e1e1e}aside.sideBtn{position:fixed;right:2%;bottom:3%;z-index:1030;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation:float 3.8s ease-in-out infinite;animation:float 3.8s ease-in-out infinite}@media only screen and (max-width:991px){aside.sideBtn{bottom:0}}@-webkit-keyframes float{0%{bottom:3%}50%{bottom:5%}100%{bottom:3%}}@keyframes float{0%{bottom:3%}50%{bottom:5%}100%{bottom:3%}}aside.sideBtn .gotop{display:inline-block;background:url(../image/top.png) center center no-repeat;width:108px;height:167px;margin-top:4px;cursor:pointer;background-size:contain;transition:.3s all}aside.sideBtn .gotop:hover{filter:brightness(1.2)}@media only screen and (max-width:991px){aside.sideBtn .gotop{width:40px;height:80px}}