@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;border:none!important;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:9;top:50vh;left:2vw;text-align:center}@media only screen and (max-width:1200px){.sideBtn{top:20vh;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}.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}}#pop-info8 .modal-xl .modal-content{background:#0d6261;border-radius:25px}#pop-info8 .modal-xl .modal-content .modal-header button.close{width:70px;height:70px;background:url(../images/close2.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:-34px;top:-34px;z-index:999}@media only screen and (max-width:769px){#pop-info8 .modal-xl .modal-content .modal-header button.close{right:0}}@media only screen and (max-width:480px){#pop-info8 .modal-xl .modal-content .modal-header button.close{right:2vw}}.modal-xl .modal-content{padding:50px;background:rgba(0,0,0,.9);border:1px solid #f1db92;border-radius:0}@media only screen and (max-width:768px){.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:url(../images/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;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:#343a40}#pop-info1 .modal-dialog{margin-top:50px}.wrapper{background:#000;overflow:hidden;padding:0 0 135px}.wrapper main{position:relative;background:url(../images/mainBg.jpg) no-repeat 50% 0;background-size:cover;min-height:115vh;min-height:100vh}@media only screen and (max-width:480px){.wrapper main{margin-bottom:0}}.wrapper main .mainChar{position:absolute;left:45%;bottom:50px;transform:translateX(-50%)}@media only screen and (max-width:1440px){.wrapper main .mainChar{left:50%;bottom:60px;width:100%;margin:0 auto}}@media only screen and (max-width:480px){.wrapper main .mainChar{bottom:80px;width:200%}}.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 .wrap{position:absolute;left:50%;margin-left:52px;top:130px;z-index:5;text-align:center}@media only screen and (max-width:1440px){.wrapper main .wrap{left:0;right:0;margin:0 auto;top:100px}}@media only screen and (max-width:480px){.wrapper main .wrap{top:unset;bottom:250px}}.wrapper main .wrap .tit{position:relative}.wrapper main .wrap .tit h1{max-width:653px;margin-left:6%;margin-bottom:-8vh}@media only screen and (max-width:1440px){.wrapper main .wrap .tit h1{margin:0 auto -8vh}}@media only screen and (max-width:769px){.wrapper main .wrap .tit h1{max-width:93.309vw}}.wrapper main .wrap .tit .char-info{margin:15% 0 15px 0}@media only screen and (max-width:1440px){.wrapper main .wrap .tit .char-info{margin-left:0}}@media only screen and (max-width:1440px){.wrapper main .wrap .tit .char-info ul{flex-wrap:nowrap;justify-content:center}}@media only screen and (max-width:480px){.wrapper main .wrap .tit .char-info ul{padding:0 60px}}.wrapper main .wrap .tit .char-info ul li{margin:0 5px}@media only screen and (max-width:480px){.wrapper main .wrap .tit .char-info ul li{max-width:100x}}.wrapper main .wrap .tit .char-info ul li a{filter:brightness(.6)}.wrapper main .wrap .tit .char-info ul li a.active,.wrapper main .wrap .tit .char-info ul li a:hover{filter:brightness(1)}.wrapper main .wrap .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 .wrap .char-info-content{width:100%;height:60.844vw}}@media only screen and (max-width:480px){.wrapper main .wrap .char-info-content{padding:12px}}.wrapper main .wrap .char-info-content #char-intro,.wrapper main .wrap .char-info-content #story{overflow-y:scroll;overflow-x:hidden;height:90%}.wrapper main .wrap .char-info-content #char-intro::-webkit-scrollbar,.wrapper main .wrap .char-info-content #story::-webkit-scrollbar{width:31px}.wrapper main .wrap .char-info-content #char-intro::-webkit-scrollbar-track,.wrapper main .wrap .char-info-content #story::-webkit-scrollbar-track{background:url(../images/scrollTrack.png) no-repeat 50%;background-size:contain}@media only screen and (max-width:480px){.wrapper main .wrap .char-info-content #char-intro::-webkit-scrollbar-track,.wrapper main .wrap .char-info-content #story::-webkit-scrollbar-track{height:50%}}.wrapper main .wrap .char-info-content #char-intro::-webkit-scrollbar-thumb,.wrapper main .wrap .char-info-content #story::-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 .wrap .char-info-content #char-intro::-webkit-scrollbar-thumb,.wrapper main .wrap .char-info-content #story::-webkit-scrollbar-thumb{background:url(../images/scrollThumb-mb.png) no-repeat 50%}}@media only screen and (max-width:480px){.wrapper main .wrap .char-info-content #char-intro{padding:0 15px}}.wrapper main .wrap .char-info-content #story{margin:13px 0 0;padding:13px 33px;overflow-y:scroll;overflow-x:hidden;height:90%;text-align:left}@media only screen and (max-width:480px){.wrapper main .wrap .char-info-content #story{padding:12px}}.wrapper main .wrap .char-info-content #story p{color:#ffe399;font-size:16px;margin-bottom:20px}@media only screen and (max-width:480px){.wrapper main .wrap .char-info-content #story p{font-size:12px}}.wrapper main .wrap .char-info-content #story p:last-child{margin:0}.wrapper main .char-info{position:absolute;left:50%;width:100%;transform:translateX(-50%);bottom:150px}@media only screen and (max-width:480px){.wrapper main .char-info{bottom:30px}}.wrapper main .char-info .nav{flex-wrap:nowrap;justify-content:center}.wrapper main .char-info .nav-pills .nav-link.active,.wrapper main .char-info .nav-pills .show>.nav-link{background-color:unset}.wrapper main .char-info .nav-pills li:nth-of-type(1):hover img{content:url(../images/tab_btn1_hover.png)}.wrapper main .char-info .nav-pills li:nth-of-type(2):hover img{content:url(../images/tab_btn2_hover.png)}.wrapper main .char-info .nav-pills li:nth-of-type(3):hover img{content:url(../images/tab_btn3_hover.png)}.wrapper main .mask1{width:100%;position:absolute;top:calc(100% - 570px);width:100%;height:632px;left:50%;transform:translateX(-50%);background:url(../images/mainCharMask.png) no-repeat center center;background-size:cover}.wrapper main .mask2{width:100%;position:absolute;top:calc(100% - 440px);width:100%;height:659px;left:50%;transform:translateX(-50%);background:url(../images/mainMask.png) no-repeat center center;background-size:cover}.note{color:#eeddc2;font-size:16px;font-style:normal;position:absolute;right:0;top:-45px;font-weight:700}section{padding:200px 0 10vh;text-align:center;position:relative;background:url(../images/wrapper_bg.jpg) no-repeat center top;background-size:cover}@media only screen and (max-width:480px){section{padding:2vh 0}}section::before{content:'';position:absolute;left:50%;top:-430px;width:1920px;height:659px;min-width:100%;transform:translateX(-50%);background:url(../images/mainMask.png) no-repeat center bottom;background-size:cover;pointer-events:none}@media only screen and (max-width:480px){section::before{display:none}}section::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:877px;background:url(../images/section_bottom.png) no-repeat center center;background-size:cover}@media only screen and (max-width:480px){section::after{height:200px}}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:50px;display:flex;flex-wrap:wrap;width:720px;max-width:100%;line-height:60px;font-size:20px;color:#000;font-weight:300}@media only screen and (max-width:480px){section .box{line-height:30px}}section .box div{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:center;padding:0;font-size:18px;font-weight:900}section .box div img{padding:15px}section .box.box1{border:1px solid #5e151b}section .box.box1>div{border:1px solid #5e151b}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:column;align-items:center;width:100%}@media only screen and (max-width:1440px){section .wrap.innertab{flex-direction:column}}section .wrap.innertab .lui-quick{max-width:100%;width:1200px}section .wrap.innertab .lui-quick ul{justify-content:center}section .wrap.innertab .lui-quick ul li{padding:15px 15px 50px 15px;background:#1f8050;border:6px solid #18402a;border-radius:38px}@media only screen and (max-width:480px){section .wrap.innertab .lui-quick ul li{border:3px solid #18402a;border-radius:20px}}section .wrap.innertab .lui-quick ul li:has(>a.nav-link.active){background:#30bf78}section .wrap.innertab .lui-quick ul li a{filter:brightness(.6)}section .wrap.innertab .lui-quick ul li a.active,section .wrap.innertab .lui-quick ul li a:hover{background-color:transparent;filter:brightness(1)}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}}.sp-box{line-height:1.8}.sp-box p{font-size:20px;color:#eee1a9}@media only screen and (max-width:480px){.sp-box p{font-size:14px}}.noticeWrap{padding:120px;max-width:1339px;min-height:1061px;margin:0 auto;margin-top:50px;position:relative;z-index:1}@media only screen and (max-width:480px){.noticeWrap{padding:50px 0;min-height:700px}}.noticeWrap h3{position:relative;margin:0 auto}.noticeWrap .noticeContent{text-align:left;color:#ffd7d7;font-weight:900;font-size:20px;position:relative;padding:50px 0 0 50px}@media only screen and (max-width:769px){.noticeWrap .noticeContent{font-size:14px;line-height:24px}}@media only screen and (max-width:480px){.noticeWrap .noticeContent{font-size:12px;padding:20px}}.noticeWrap .noticeContent ul{margin-left:24px}.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)}}.t_red{background:#b22d2d}.t_deep_pink{background:#e55e5e}.t_pink{background:#edc0c0}.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}