@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}body::-webkit-scrollbar{width:0;background:0 0}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}.nav-link{padding:0}body{color:#fff;font-family:"Noto Serif TC","Microsoft JhengHei",serif,Arial;font-weight:600;background:#000;font-size:18px}.notice{padding:50px 0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);text-align:left}.notice h1{font-size:31px;color:#fff;line-height:80px}.notice li{font-size:14px;color:#fff;line-height:40px}#ge_nav{z-index:998}#main-tab{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-content:center;background:url(../images/main_tab_bg.jpg) no-repeat center center;background-size:cover;z-index:997}#main-tab a{position:relative;text-align:center}#main-tab a::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/main_tab_btn_hover.png) no-repeat center center;background-size:contain;opacity:0;transition:.3s all;pointer-events:none}#main-tab a.active::after{opacity:1}main{position:relative;height:1080px;background:url(../images/main_bg.jpg) no-repeat center top;background-size:cover;overflow:hidden}@media only screen and (max-width:480px){main{height:65vh}}main .mm{position:absolute;left:50%;transform:translateX(-50%);bottom:-40px;background:url(../images/mm.png) no-repeat 0 0;width:871px;height:1142px;z-index:1}@media only screen and (max-width:769px){main .mm{height:148.504vw;width:113.26vw;background-size:contain}}main .title{position:absolute;left:50%;bottom:147px;width:923px;max-width:100%;transform:translateX(-50%);z-index:7}@media only screen and (max-width:480px){main .title{bottom:50px}}#main-tab1{background:url(../images/tab1/s1_bg.jpg) no-repeat center top;background-size:cover;text-align:center;padding:160px 0 0}@media only screen and (max-width:480px){#main-tab1{padding-top:80px}}#main-tab1 .s1 .tit{margin:0 0 -177px}@media only screen and (max-width:769px){#main-tab1 .s1 .tit{margin:0}}@media only screen and (max-width:480px){#main-tab1 .s1 .tit{padding:0 60px}}#main-tab1 .s1 .con{margin:0 0 140px}@media only screen and (max-width:480px){#main-tab1 .s1 .con{margin-bottom:80px}}#main-tab1 .s2 .tit{margin:0 0 -62px}@media only screen and (max-width:769px){#main-tab1 .s2 .tit{margin:0}}@media only screen and (max-width:480px){#main-tab1 .s2 .tit{padding:0 60px}}#main-tab1 .s2 .con{margin:0 0 80px}#main-tab2{position:relative;background:url(../images/tab2/main_bg.jpg) no-repeat center top;background-size:cover;text-align:center}#main-tab2 .wrapper{position:relative;padding:35px 0 0}#main-tab2 .wrapper .sub{margin:40px 0}#main-tab2 .wrapper .container{max-width:100%;position:relative}#main-tab2 .wrapper .container #s2-tab{display:flex;justify-content:center;max-width:1235px;margin:0 auto;text-align:center}#main-tab2 .wrapper .container #s2-tab a{position:relative;flex:1 0 25%;max-width:25%;margin:0 0 20px}@media only screen and (max-width:480px){#main-tab2 .wrapper .container #s2-tab a{flex:1 0 50%;max-width:50%}}#main-tab2 .wrapper .container #s2-tab a.active,#main-tab2 .wrapper .container #s2-tab a:hover{background-position:50% 0;background-size:contain;background-repeat:no-repeat}#main-tab2 .wrapper .container #s2-tab a.active img,#main-tab2 .wrapper .container #s2-tab a:hover img{opacity:0}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(1).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(1):hover{background-image:url(../images/tab2/tab-1_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(2).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(2):hover{background-image:url(../images/tab2/tab-2_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(3).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(3):hover{background-image:url(../images/tab2/tab-3_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(4).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(4):hover{background-image:url(../images/tab2/tab-4_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(5).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(5):hover{background-image:url(../images/tab2/tab-5_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(6).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(6):hover{background-image:url(../images/tab2/tab-6_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(7).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(7):hover{background-image:url(../images/tab2/tab-7_hover.png)}#main-tab2 .wrapper .container #s2-tab a:nth-of-type(8).active,#main-tab2 .wrapper .container #s2-tab a:nth-of-type(8):hover{background-image:url(../images/tab2/tab-8_hover.png)}#main-tab2 .wrapper .container .tab-content .box button{margin-right:20px}#main-tab2 .wrapper .container .modal-content{text-align:center;margin-bottom:50px;align-items:center}#main-tab2 .wrapper .container .modal-content .box{display:flex;flex-wrap:wrap;width:720px;max-width:100%;border:2px solid #fdebc5;line-height:60px;font-size:20px;color:#fff;font-weight:300}@media only screen and (max-width:480px){#main-tab2 .wrapper .container .modal-content .box{font-size:14px;line-height:40px}}#main-tab2 .wrapper .container #s2-tab1{margin:20px 0 0}#main-tab2 .wrapper .container #s2-tab2{margin:60px 0 0}#main-tab2 .wrapper .container #s2-tab2 .mm{background:url(../images/tab2/tab2-mm.png) no-repeat 0 0;width:660px;height:1507px;position:absolute;left:50%;margin-left:-926px;top:23%;z-index:0;pointer-events:none}@media only screen and (max-width:769px){#main-tab2 .wrapper .container #s2-tab2 .mm{display:none}}#main-tab2 .wrapper .container #s2-tab3{margin:60px 0 0}#main-tab2 .wrapper .container #s2-tab3 .mm{background:url(../images/tab2/tab3-mm.png) no-repeat 0 0;width:692px;height:1679px;position:absolute;right:-90px;top:32%;z-index:0;pointer-events:none}@media only screen and (max-width:769px){#main-tab2 .wrapper .container #s2-tab3 .mm{display:none}}#main-tab2 .wrapper .container #s2-tab4{margin:60px 0 0}#main-tab2 .wrapper .container #s2-tab4 .mm{background:url(../images/tab2/tab4-mm.png) no-repeat 0 0;width:1120px;height:1863px;position:absolute;left:-250px;top:22%;z-index:0;pointer-events:none}@media only screen and (max-width:769px){#main-tab2 .wrapper .container #s2-tab4 .mm{display:none}}.content{display:flex;flex-direction:column;align-items:center}.content .title{text-align:center}.content .date{margin:90px 0}@media only screen and (max-width:480px){.content .date{margin:50px 0}}.content .con{margin:0 0 90px}@media only screen and (max-width:480px){.content .con{margin-bottom:50px}}.content .caption{font-size:24px;color:#ffe595;margin:0 0 15px;line-height:1.3;position:relative;z-index:7}@media only screen and (max-width:480px){.content .caption{font-size:18px}}.content .award_intro{max-width:700px;margin:0 auto 55px;position:relative;z-index:7}.content .award_intro.table_lg{max-width:1070px}.content .award_intro h3{background:#37568c;padding:20px;color:#fff;font-size:20px}@media only screen and (max-width:480px){.content .award_intro h3{font-size:16px}}.content .award_intro .table{border-collapse:separate;border-spacing:0;text-align:center;margin:0}.content .award_intro .table.table-bordered thead tr th{font-size:18px;font-weight:700;background:#a7c5d8}@media only screen and (max-width:480px){.content .award_intro .table.table-bordered thead tr th{font-size:16px}}.content .award_intro .table tbody tr{background:#cee9f4}.content .award_intro .table tbody tr:nth-of-type(odd){background:#6f9dbc}.content .award_intro .table td,.content .award_intro .table th{padding:20px;vertical-align:middle;border-color:#9eb2cc;text-wrap:nowrap;color:#000;line-height:1.1}@media only screen and (max-width:480px){.content .award_intro .table td,.content .award_intro .table th{padding:10px}}.content .award_intro .table td{font-size:18px}@media only screen and (max-width:480px){.content .award_intro .table td{font-size:12px}}.content .deep{background:#6f9dbc!important}.content .light{background:#cee9f4!important}#main-tab3{position:relative;background:url(../images/tab3/s3_bg.jpg) no-repeat center top;background-size:cover;text-align:center}#main-tab3::after,#main-tab3::before{content:'';background-position:0 0;background-repeat:no-repeat;position:absolute}@media only screen and (max-width:769px){#main-tab3::after,#main-tab3::before{display:none}}#main-tab3::before{background-image:url(../images/tab3/mm-1.png);right:-80px;top:8%;width:499px;height:1841px}#main-tab3::after{background-image:url(../images/tab3/mm-2.png);left:-80px;top:14%;width:632px;height:1753px}#main-tab3 .btn{transition:.3s all;display:block}@media only screen and (max-width:480px){#main-tab3 .btn{width:50%;margin:0 auto}}#main-tab3 .btn:hover{filter:brightness(115%)}#main-tab3 .wrapper{position:relative;padding:80px 0 0}#main-tab3 .wrapper .date{margin:80px 0}#main-tab3 .wrapper .sub{margin:0 0 100px}#main-tab3 .wrapper .content .title{margin:0 0 20px}@media only screen and (max-width:480px){#main-tab3 .wrapper .content .title{width:70%;margin:0 auto 20px}}#main-tab3 .wrapper .content .award_inner{display:flex;flex-direction:row;text-align:center;max-width:1160px;margin:0 auto}@media only screen and (max-width:769px){#main-tab3 .wrapper .content .award_inner{flex-direction:column}}#main-tab3 .wrapper .content .award_inner .award_col{margin:0 15px}#main-tab3 .wrapper .content .award_intro.blue h3{background:#6498c0}#main-tab3 .wrapper .content .award_intro.blue thead tr th{background:#b8e4ed}#main-tab3 .wrapper .content .award_intro.blue tbody tr{background:#d6fcfe}#main-tab3 .wrapper .content .award_intro.blue tbody tr:nth-of-type(odd){background:#8dcedf}#main-tab3 .wrapper .content .award_intro.blue td,#main-tab3 .wrapper .content .award_intro.blue th{border-color:#c0d4e5}#main-tab3 .wrapper .content .award_intro.purple h3{background:#a686c1}#main-tab3 .wrapper .content .award_intro.purple thead tr th{background:#d3c9eb}#main-tab3 .wrapper .content .award_intro.purple tbody tr{background:#e7e1fb}#main-tab3 .wrapper .content .award_intro.purple tbody tr:nth-of-type(odd){background:#b7a6dc}#main-tab3 .wrapper .content .award_intro.purple td,#main-tab3 .wrapper .content .award_intro.purple th{border-color:#ddcee6}#main-tab3 .wrapper .content .award_intro.pink h3{background:#d58491}#main-tab3 .wrapper .content .award_intro.pink thead tr th{background:#f6c6da}#main-tab3 .wrapper .content .award_intro.pink tbody tr{background:#ffdff0}#main-tab3 .wrapper .content .award_intro.pink tbody tr:nth-of-type(odd){background:#eca3c0}#main-tab3 .wrapper .content .award_intro.pink td,#main-tab3 .wrapper .content .award_intro.pink th{border-color:#eecdd0}#main-tab3 .note{color:#000;text-align:right;margin:20px 0 10px}#fireworks{min-height:100vh;color:#fff;z-index:0}.note{color:#a3faff;font-size:16px;margin:-30px 0 40px;line-height:1.2}@media only screen and (max-width:480px){.note{font-size:12px}}.point{color:#fff;vertical-align:top}.sideBtn{position:fixed;top:30vh;left:4vw;z-index:998;-webkit-animation:blink4 3s linear infinite;animation:blink4 3s linear infinite}@media only screen and (max-width:1200px){.sideBtn{left:0}}@media only screen and (max-width:480px){.sideBtn{max-width:25%;bottom:0;top:unset}}.sideBtn ul{padding:0;list-style:none}.sideBtn ul li{margin:0;transition:.3s all}.sideBtn ul li:hover{filter:hue-rotate(27deg) brightness(110%)}.sideBtn ul li a{display:block;padding:0}@media only screen and (max-width:1024px){.sideBtn ul li a{max-width:20vw}}@media only screen and (max-width:480px){.sideBtn ul li a{max-width:40vw}}.login-wrap{display:block;position:fixed;top:3vh;right:15vw;z-index:998;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)}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{background:0 0;border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center;width:720px;max-width:100%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;font-size:0;right:10vw;top:0;transition:.2s;z-index:999}@media only screen and (max-width:768px){#player1{width:90vw;height:70vh}}@-webkit-keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@-webkit-keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@-webkit-keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@-webkit-keyframes blink4{0%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}10%{filter:drop-shadow(0 0 10px #9df0ff)}30%{filter:drop-shadow(0 0 25px rgba(255,255,255,0))}}@keyframes blink4{0%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}10%{filter:drop-shadow(0 0 10px #9df0ff)}30%{filter:drop-shadow(0 0 25px rgba(255,255,255,0))}}@-webkit-keyframes roll{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes roll{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.t_red{background:#630603}.t_morandi_red{background:#844343}.t_deep_pink{background:#88094e}.t_pink{background:#90437b}.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_yellow{background:#b68345}.t_bk{background:#020101}.t_gray{background:#25221d}.t_border_r{border-right:2px solid #fdebc5}