@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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{background:0 0;font-size:0;padding:0;margin:0}img{max-width:100%;height:auto}.modal-header,.modal-modal,a,button{background-color:transparent;border:none;cursor:pointer}.nav-link{padding:0}.login-wrap{display:block;position:fixed;top:3vh;right:15vw;z-index:99;filter:brightness(.8)}@media only screen and (max-width:1440px){.login-wrap{right:20vw}}@media only screen and (max-width:480px){.login-wrap{display:none}}.login-wrap:hover{filter:brightness(1)}.sideBtn{position:fixed;z-index:10;top:50vh;left:2vw;text-align:center}@media only screen and (max-width:1200px){.sideBtn{top:29vh;max-width:20vw}}.sideBtn ul{padding:0;list-style:none}.sideBtn ul li{margin:0}.sideBtn ul li a{display:block;padding:0;text-align:center;text-decoration:none;transition:all .25s ease-in-out}.sideBtn ul li:nth-of-type(1) a.active img,.sideBtn ul li:nth-of-type(1) a:hover img{content:url(../images/sideBarBtn1_hover.png)}.sideBtn ul li:nth-of-type(2) a.active img,.sideBtn ul li:nth-of-type(2) a:hover img{content:url(../images/sideBarBtn1_hover.png)}body{color:#fff;font-family:"Noto Serif TC","Microsoft JhengHei",sans-serif,Arial;font-weight:600;line-height:1.8;letter-spacing:.5px}p{margin:0}img{max-width:100%;height:auto}#fireworks{min-height:65vh;padding-top:50px;color:#fff;z-index:0}.gutters-40{margin-left:-10px;margin-right:-10px}.gutters-40>[class*=col-]{padding-left:10px;padding-right:10px}@media (max-width:480px){.gutters-5{margin-right:-5px;margin-left:-5px}.gutters-5>.col,.gutters-5>[class*=col-]{padding-right:5px;padding-left:5px}}@media (min-width:576px){.container{max-width:1230px}}@media (min-width:768px){.container{max-width:1230px}}@media (min-width:992px){.container{max-width:1230px}}@media (min-width:1200px){.container{max-width:1230px}}.modal-xl .modal-content{padding:50px;background:unset;border:unset;font-family:'jf金萱那提2.1';font-weight:500}@media only screen and (max-width:767px){.modal-xl .modal-content{padding:1vw;padding-top:50px}}.modal-xl .modal-content .modal-header{margin:0;padding:0;position:relative}.modal-xl .modal-content .modal-header button.close{width:40px;height:40px;background:#99998e url(../images/close2.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:1px solid #fff;opacity:1;position:absolute;right:-34px;top:-34px;z-index:999}@media only screen and (max-width:769px){.modal-xl .modal-content .modal-header button.close{right:0}}@media only screen and (max-width:480px){.modal-xl .modal-content .modal-header button.close{right:2vw}}.modal-xl .modal-content .modal-body{padding:0}.modal-xl .modal-content .modal-body .title{line-height:50px;font-size:26px;background:#b798f9;color:#000}@media only screen and (max-width:769px){.modal-xl .modal-content .modal-body .title{font-size:22px}}#pop-info1 .modal-dialog{margin-top:50px}#wave{width:100%;height:1325px;background:url(../images/wave.png) no-repeat center center;background-size:cover;position:absolute;top:1080px;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none}.wrapper{background:#000;overflow:hidden;padding:0}.wrapper main{position:relative;background:url(../images/mainBg.jpg) no-repeat 50% 0;background-size:cover;height:1080px;min-height:100vh}.wrapper main .mainChar{position:absolute;right:30%;transform:translateX(50%);top:0;width:100%;max-width:100%}@media only screen and (max-width:1440px){.wrapper main .mainChar{left:57%;right:auto;transform:translateX(-50%);margin:0 auto;width:150%;max-width:150%;margin-left:100px;top:unset;bottom:0}}@media only screen and (max-width:767px){.wrapper main .mainChar{left:25%}}@media only screen and (max-width:769px){.wrapper main .mainChar{bottom:60px;top:auto}}@media only screen and (max-width:480px){.wrapper main .mainChar{width:200%;max-width:200%;left:7%;z-index:1}}.wrapper main .brandlogo{position:absolute;left:1%;top:0;z-index:99;max-width:342px;width:100%}@media only screen and (max-width:769px){.wrapper main .brandlogo{left:15px;top:20px;width:50%}}.wrapper main .tit{position:absolute;max-width:1559px;width:100%;transform:translateX(-50%);left:30%;top:20%;z-index:5;text-align:center}@media only screen and (max-width:1440px){.wrapper main .tit{left:50%;top:45%}}@media only screen and (max-width:480px){.wrapper main .tit{top:8%;z-index:0}}.wrapper main .tit .char-info-content{position:relative;background:url(../images/frame.png) no-repeat 50% 0;background-size:contain;width:706px;height:436px;margin:0 auto;padding:32px}@media only screen and (max-width:769px){.wrapper main .tit .char-info-content{width:100%;height:60.844vw}}@media only screen and (max-width:480px){.wrapper main .tit .char-info-content{padding:12px}}.wrapper main .tit .char-info-content #char-intro{overflow-y:scroll;overflow-x:hidden;height:90%}.wrapper main .tit .char-info-content #char-intro::-webkit-scrollbar{width:31px}.wrapper main .tit .char-info-content #char-intro::-webkit-scrollbar-track{background:url(../images/scrollTrack.png) no-repeat 50%;background-size:contain}@media only screen and (max-width:480px){.wrapper main .tit .char-info-content #char-intro::-webkit-scrollbar-track{height:50%}}.wrapper main .tit .char-info-content #char-intro::-webkit-scrollbar-thumb{background:url(../images/scrollThumb.png) no-repeat 50%;background-size:100% auto;width:50%}@media only screen and (max-width:480px){.wrapper main .tit .char-info-content #char-intro::-webkit-scrollbar-thumb{background:url(../images/scrollThumb-mb.png) no-repeat 50%}}@media only screen and (max-width:480px){.wrapper main .tit .char-info-content #char-intro{padding:0 15px}}.wrapper main .char-info{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:1200px;max-width:100%;z-index:9}.wrapper main .char-info .nav{justify-content:space-evenly;flex-wrap:nowrap}.wrapper main .char-info .nav-pills .nav-link.active,.wrapper main .char-info .nav-pills .show>.nav-link{background-color:transparent}.wrapper main .char-info .nav-pills li{margin:7px 0}@media only screen and (max-width:480px){.wrapper main .char-info .nav-pills li{margin:3px 0}}.wrapper main .char-info .nav-pills li a{background-repeat:no-repeat;background-position:0 0;background-size:contain}.wrapper main .char-info .nav-pills li a.active img,.wrapper main .char-info .nav-pills li a:hover img{opacity:0}.wrapper main .char-info .nav-pills li:nth-of-type(1) a.active,.wrapper main .char-info .nav-pills li:nth-of-type(1) a:hover{background-image:url(../images/side_btn1_hover.png)}.wrapper main .char-info .nav-pills li:nth-of-type(2) a.active,.wrapper main .char-info .nav-pills li:nth-of-type(2) a:hover{background-image:url(../images/side_btn2_hover.png)}.wrapper main .char-info .nav-pills li:nth-of-type(3) a.active,.wrapper main .char-info .nav-pills li:nth-of-type(3) a:hover{background-image:url(../images/side_btn3_hover.png)}.wave_deco1{position:absolute;left:0;top:0;width:1064px;height:1873px;max-width:50%;background:url(../images/mainMask1.png) no-repeat left top;background-size:contain;pointer-events:none;z-index:8}@media only screen and (max-width:480px){.wave_deco1{display:none}}.wave_deco2{position:absolute;right:0;top:400px;width:612px;height:1325px;max-width:40%;background:url(../images/mainMask2.png) no-repeat right top;background-size:contain;pointer-events:none;z-index:8}@media only screen and (max-width:480px){.wave_deco2{display:none}}section{padding:358px 0 150px;text-align:center;background:url(../images/wrapper_bg.jpg) no-repeat center top;background-size:cover}section .container{display:flex;flex-direction:column;align-items:center}section .title{margin-bottom:30px}section .con{margin-bottom:50px;max-width:100%}section .step_wrapper{justify-content:center;padding-left:45px;margin-bottom:50px;width:1200px;max-width:100%}section .step_wrapper>div{margin-left:-30px}section .step_wrapper>div:nth-child(odd){background:#cd2424;border-radius:42px;padding:10px 10px 10px 20px;filter:drop-shadow(0 0 15px rgba(32,13,13,.290196))}section .step_wrapper>div:nth-child(even){background:#18402a;border-radius:42px;padding:10px 10px 10px 20px;filter:drop-shadow(0 0 15px rgba(32,13,13,.290196))}section .step_wrapper>div:nth-of-type(1){z-index:3}section .step_wrapper>div:nth-of-type(2){z-index:2}section .step_wrapper>div:nth-of-type(3){z-index:1}section .step_wrapper>div:nth-of-type(4){z-index:0}section .box{position:relative;margin-top:30px;display:flex;flex-wrap:wrap;width:720px;max-width:100%;line-height:60px;font-size:20px;color:#ffe9b2;font-weight:300;z-index:1}@media only screen and (max-width:480px){section .box{line-height:30px;font-size:16px}}section .box div{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:center;padding:0;font-size:18px;font-weight:600}@media only screen and (max-width:480px){section .box div{font-size:14px}}section .box div img{padding:15px}section .box.box1{border:1px solid #ffe7aa}section .box.box1>div{border:1px solid #99421b}section .box.box2{border:1px solid #3f4a31}section .box.box2>div{border:1px solid #3f4a31}section .box.box3{border:1px solid #7b5228}section .box.box3>div{border:1px solid #7b5228}section .wrap.innertab{position:relative;display:flex;justify-content:center;flex-direction:row;align-items:center;width:100%;margin:0 0 105px}@media only screen and (max-width:1440px){section .wrap.innertab{margin-bottom:50px}}section .wrap.innertab .lui-quick ul{justify-content:center}section .wrap.innertab .lui-quick ul li{margin:0 4px}@media only screen and (max-width:1440px){section .wrap.innertab .lui-quick ul li{margin:5px;flex:0 0 45%}}section .wrap.innertab .lui-quick ul li a.active,section .wrap.innertab .lui-quick ul li a:hover{background-color:transparent;background-repeat:no-repeat;background-position:0 0;background-size:contain}section .wrap.innertab .lui-quick ul li a.active img,section .wrap.innertab .lui-quick ul li a:hover img{opacity:0}section .wrap.innertab .lui-quick ul li:nth-of-type(1) a.active,section .wrap.innertab .lui-quick ul li:nth-of-type(1) a:hover{background-image:url(../images/tab_btn1_hover.png)}section .wrap.innertab .lui-quick ul li:nth-of-type(2) a.active,section .wrap.innertab .lui-quick ul li:nth-of-type(2) a:hover{background-image:url(../images/tab_btn2_hover.png)}section .wrap.innertab .lui-quick ul li:nth-of-type(3) a.active,section .wrap.innertab .lui-quick ul li:nth-of-type(3) a:hover{background-image:url(../images/tab_btn3_hover.png)}section .wrap.innertab .lui-quick ul li:nth-of-type(4) a.active,section .wrap.innertab .lui-quick ul li:nth-of-type(4) a:hover{background-image:url(../images/tab_btn4_hover.png)}section .wrap.innertab .award{position:relative;background:#203c2e;border:6px solid #18402a;max-width:100%;width:1200px;padding:0 70px 50px 70px;top:-40px}@media only screen and (max-width:1440px){section .wrap.innertab .award{padding:15px 10px 30px 10px}}@media only screen and (max-width:480px){section .wrap.innertab .award{padding:0}}section .wrap.innertab .award::before{content:'';position:absolute;width:100%;height:60px;left:0;top:0;background:linear-gradient(0deg,rgba(36,56,42,0) 0,#24382a 100%);z-index:1;pointer-events:none}section .wrap.innertab .award::after{content:'';position:absolute;width:100%;height:250px;left:0;bottom:0;background:linear-gradient(0deg,#24382a 30%,rgba(36,56,42,0) 100%);pointer-events:none}section .wrap.innertab .award .tab-pane{position:absolute;display:flex;align-items:center;flex-direction:column;height:600px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}section .wrap.innertab .award .tab-pane.active{position:relative}section .wrap.innertab .award .tab-pane .box{width:960px;max-width:100%}section .wrap.innertab .award .tab-pane .box>div{border:1px solid #515028}section .wrap.innertab .award .alert{margin-top:30px;text-align:left;color:#c79f54;font-size:14px;padding-left:40px;z-index:1}@media only screen and (max-width:1440px){section .wrap.innertab .award .alert{margin-left:unset}}@media only screen and (max-width:480px){section .wrap.innertab .deco{display:none}}section .wrap.innertab .deco1{position:absolute;left:0;bottom:200px}section .wrap.innertab .deco2{position:absolute;right:0;bottom:40px}section .table-bordered{border-color:#939393}section .table-bordered .table{margin-bottom:0;cursor:text}section .table-bordered .table-dark{background:rgba(0,0,0,.9)}section .table-bordered .table-dark.table-striped tbody tr:nth-of-type(odd){background:rgba(90,90,90,.58)}section .table-bordered .table-dark td,section .table-bordered .table-dark th,section .table-bordered .table-dark thead th{border-color:#939393;font-size:16px;text-wrap:nowrap}@media only screen and (max-width:480px){section .table-bordered .table-dark td,section .table-bordered .table-dark th,section .table-bordered .table-dark thead th{font-size:12px}}section .table-bordered .table-dark thead th{background-color:#939393;font-weight:900;color:#010101;font-size:18px}@media only screen and (max-width:480px){section .table-bordered .table-dark thead th{font-size:12px}}section #event .event_con1,section #event .event_con2,section #event .event_con3,section #event .event_con4{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-bottom:200px}section #event .event_con1 .box{width:1400px;max-width:100%;background:url(../images/event_con1_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0}@media only screen and (max-width:1440px){section #event .event_con1 .box{background-size:cover}}section #event .event_con2 .box{width:1400px;max-width:100%;background:url(../images/event_con2_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0}@media only screen and (max-width:1440px){section #event .event_con2 .box{background-size:cover}}@media only screen and (max-width:767px){section #event .event_con2 .box{background-size:200%}}section #event .event_con3 .box{width:1400px;max-width:100%;background:url(../images/event_con3_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0}@media only screen and (max-width:1440px){section #event .event_con3 .box{background-size:cover}}section #event .event_con4 .box{width:1400px;max-width:100%;background:url(../images/event_con4_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0}@media only screen and (max-width:1440px){section #event .event_con4 .box{background-size:cover}}section #event .title{margin:296px 0 45px}@media only screen and (max-width:769px){section #event .title{margin-top:80px}}section #gift .gift_con1,section #gift .gift_con2{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-bottom:200px}section #gift .gift_con1 .box{width:1400px;max-width:100%;background:url(../images/gift_con2_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0}@media only screen and (max-width:1440px){section #gift .gift_con1 .box{background-size:cover}}section #gift .gift_con2 .box{width:1400px;max-width:100%;background:url(../images/gift_con3_bg.png) no-repeat center center;background-size:contain;justify-content:center;padding:100px 0;flex-direction:column}@media only screen and (max-width:1440px){section #gift .gift_con2 .box{background-size:cover}}section #gift .gift_con2 .box .btn{max-width:80%}section #gift .gift_con2 .box::before{content:'';position:absolute;left:30%;top:250px;transform:translateX(-50%);width:159px;height:120px;background:url(../images/gift_con3_con3.png) no-repeat center center;background-size:contain}@media only screen and (max-width:767px){section #gift .gift_con2 .box::before{display:none}}section #gift .gift_con2 .box::after{content:'';position:absolute;right:10%;top:22%;width:257px;height:586px;background:url(../images/gift_con3_con2.png) no-repeat center center;background-size:contain}@media only screen and (max-width:767px){section #gift .gift_con2 .box::after{display:none}}section #gift .gift_con2 .box .con{margin-bottom:20px}section #gift .con{position:relative}.noticeWrap{max-width:1200px;margin:0 auto;margin-top:150px;position:relative;z-index:1}.noticeWrap h3{position:relative;margin:0 auto}.noticeWrap .noticeContent{text-align:left;color:#263237;font-weight:500;font-size:18px;position:relative;padding:55px 0 0;line-height:2.2;background:#ffffff77;padding:20px 80px;border-radius:18px;margin-top:40px}@media only screen and (max-width:769px){.noticeWrap .noticeContent{font-size:14px;line-height:24px;padding:20px}}@media only screen and (max-width:480px){.noticeWrap .noticeContent{font-size:12px}}.noticeWrap .noticeContent ul li{list-style:disc}@keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@keyframes charA{0%,100%,40%{left:8%;top:16vh;transform:scale(1);z-index:1;transform-origin:50% 0;filter:saturate(1) sepia(0) brightness(1) blur(0);opacity:1}50%,90%{left:-5%;top:3vh;transform:scale(.8);z-index:0;transform-origin:50% 0;filter:saturate(.3) sepia(.1) brightness(.5) blur(0);opacity:1}45%,95%{opacity:0;filter:saturate(.65) sepia(.075) brightness(.75) blur(10px)}}@keyframes charB{0%,100%,40%{left:-5%;top:3vh;transform:scale(.8);z-index:0;transform-origin:50% 0;filter:saturate(.3) sepia(.1) brightness(.5);opacity:1}50%,90%{left:8%;top:16vh;transform:scale(1);z-index:1;transform-origin:50% 0;filter:saturate(1) sepia(0) brightness(1);opacity:1}45%,95%{opacity:0;filter:saturate(.65) sepia(.075) brightness(.75) blur(10px)}}.table{margin-bottom:0}.table th{font-size:18px}@media only screen and (max-width:769px){.table th{font-size:18px}}.table td{font-size:18px}@media only screen and (max-width:769px){.table td{font-size:12px}}.table td,.table th{color:#223235}.table-dark{background-color:#c8b3f4}.table-dark td,.table-dark th,.table-dark thead th{border-color:#a792d3}.table-bordered-yellow .table-dark{background-color:#fffae3}.table-bordered-yellow .table-dark td,.table-bordered-yellow .table-dark th,.table-bordered-yellow .table-dark thead th{border-color:#e5b666}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #a792d3;border-radius:30px}.table-bordered-yellow,.table-bordered-yellow td,.table-bordered-yellow th{border:1px solid #e5b666}.modal-xl .modal-content .modal-body .table-bordered-yellow .title{background:#faeb90}.t_red{background:#611104}.t_org{background:#8f2f0a;font-size:24px!important}.t_deep_pink{background:#130301}.t_pink{background:#2c0600}.t_green{background:#658155}.t_deep_pinkgreen{background:#97b488}.t_pinkgreen{background:#d3dbcd}.t_yellow{background:#ca9b4f}.t_deep_pinkyellow{background:#e5b666}.t_pinkyellow{background:#eeddc2}.t_matcha{background:#838d48}.t_deep_pinkmatcha{background:#dde1c9}.t_pinkmatcha{background:#cdd3ab}.t_purple{background:#2e1c2d}.t_purple2{background:#30095d}.t_purple3{background:#57328a}.t_purple_light{background:#b9468f}.t_deeppurple{background:#2a2532}.t_brown{background:#5e4e2c}.t_brown_bk{background:#270f0f}.t_orange{background:#b7490e}.t_bk{background:#020101}.t_gray{background:#25221d}.t_border_r_r{border-right:2px solid #5e151b}.t_border_r_g{border-right:2px solid #3f4a31}.t_border_b_g{border-bottom:2px solid #3f4a31}.t_border_r_y{border-right:2px solid #7b5228}.t_border_r_m{border-right:2px solid #515028}