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}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-link{padding:0}@font-face{font-family:SC-SemiBold;src:url(../webfonts/SC-SemiBold.ttf)}body{color:#fff;font-family:SC-SemiBold;font-weight:200;background:url(../images/bg.jpg) no-repeat center top;background-size:cover}main{position:relative;min-height:100vh;height:1168px;background:url(../images/main_bg.png) no-repeat center bottom;background-size:cover;overflow:hidden;margin-bottom:100px}@media only screen and (max-width:767px){main{background:url(../images/main_bg_pad.png) no-repeat center bottom;background-size:cover}}@media only screen and (max-width:480px){main{height:400px;min-height:75vh}}main video{mix-blend-mode:plus-lighter;opacity:.4;pointer-events:none;position:fixed;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;top:0;left:0}@media only screen and (max-width:480px){main video{display:none}}main .title{position:absolute;left:56%;right:0;transform:translate(-50%);bottom:2vh}@media only screen and (max-width:1440px){main .title{left:50%}}@media only screen and (max-width:1200px){main .title{left:16%;transform:unset}}@media only screen and (max-width:768px){main .title{left:6%}}@media only screen and (max-width:480px){main .title{left:4%}}section{position:relative;margin-bottom:50px}section .container{text-align:center}section.s1{margin-bottom:250px}@media only screen and (max-width:480px){section.s1{margin-bottom:80px}}@media only screen and (max-width:480px){section.s1 .con img{content:url(../images/s1_con_m.png)}}section.s2{margin-bottom:150px}@media only screen and (max-width:480px){section.s2{margin-bottom:80px}}section.s2 .con{position:relative;width:100%;background:#00000048;border-radius:8px;padding:30px}@media only screen and (max-width:480px){section.s2 .con{padding:0}}section.s2 .con::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);width:662px;height:664px;background:url(../images/s2_con_deco.png) no-repeat center center;background-size:contain;animation:roll 30s linear 0s infinite}@media only screen and (max-width:480px){section.s2 .con img{content:url(../images/s2_con_m.png)}}section.s3 .container{width:1400px;max-width:100%}@media only screen and (max-width:480px){section.s3 .container{padding-bottom:200px}}section.s3 .container .swiper-slide{position:relative}section.s3 .container .swiper-slide .char{position:relative;opacity:.4;transition:.3s all}@media only screen and (max-width:767px){section.s3 .container .swiper-slide .char{height:700px}}@media only screen and (max-width:480px){section.s3 .container .swiper-slide .char{height:500px}}section.s3 .container .swiper-slide .name{position:absolute;right:20%;top:10%;opacity:0;transition:.3s .3s all}@media only screen and (max-width:767px){section.s3 .container .swiper-slide .name{top:0;right:0}}@media only screen and (max-width:480px){section.s3 .container .swiper-slide .name{width:50px;right:10%}}section.s3 .container .swiper-slide .gift{position:absolute;right:calc(20% + 4px);top:calc(10% + 340px);opacity:0;transition:.3s .3s all}@media only screen and (max-width:767px){section.s3 .container .swiper-slide .gift{right:calc(0% + 4px);top:calc(0% + 340px)}}@media only screen and (max-width:480px){section.s3 .container .swiper-slide .gift{right:10%;top:calc(0% + 210px);width:50px}}section.s3 .container .swiper-slide-active .char{opacity:1}section.s3 .container .swiper-slide-active .name{opacity:1;transform:translateY(30px);transition:.5s .3s all}section.s3 .container .swiper-slide-active .gift{opacity:1;transform:translateY(30px);transition:.5s .5s all}section.s3 .container .swiper-slide-active .gift button{animation:blink4 2s ease 0s infinite}section.s3 .container .swiper{overflow:visible}section.s3 .container .swiper-button-next,section.s3 .container .swiper-button-prev{top:70%}section.s3 .container .swiper-button-next:after,section.s3 .container .swiper-rtl .swiper-button-prev:after{content:'';position:absolute;width:183px;height:152px;background:url(../images/swiper_arrow.png) no-repeat center center;background-size:contain}@media only screen and (max-width:480px){section.s3 .container .swiper-button-next:after,section.s3 .container .swiper-rtl .swiper-button-prev:after{width:50px;height:50px;bottom:-70px}}section.s3 .container .swiper-button-prev:after,section.s3 .container .swiper-rtl .swiper-button-next:after{content:'';position:absolute;width:183px;height:152px;background:url(../images/swiper_arrow.png) no-repeat center center;background-size:contain;transform:rotate(180deg)}@media only screen and (max-width:480px){section.s3 .container .swiper-button-prev:after,section.s3 .container .swiper-rtl .swiper-button-next:after{width:50px;height:50px;bottom:-70px}}section.s3 .container .modal-dialog{margin-top:400px}@media only screen and (max-width:767px){section.s4 .container{max-width:100%}}section.s4 .container .vote{margin-bottom:50px}section.s4 .container .vote a{filter:brightness(70%);transition:.3s all}section.s4 .container .vote a:hover{filter:brightness(100%)}section.s4 .container .chart .con{width:1200px;max-width:100%;height:650px;background:#00000025;border:1px solid;-o-border-image:linear-gradient(to bottom,#b7eaff 0,#00b4ff 20%,#0068ce 50%,#00407f 75%,#042545 100%) 1;border-image:linear-gradient(to bottom,#b7eaff 0,#00b4ff 20%,#0068ce 50%,#00407f 75%,#042545 100%) 1;padding:50px}@media only screen and (max-width:767px){section.s4 .container .chart .con{padding:50px 30px}}section.s4 .container .chart .row div{margin:50px 0}section.s4 .container .chart .row .job_name{height:50px;align-items:center;justify-content:center;padding:0}section.s4 .container .chart .row .line_box{border-left:1px solid #15f1ff;padding:0}section.s4 .container .chart .row .line_box div{padding:0}section.s4 .container .chart .row .line_box div .line_width{position:relative;width:0%;height:50px;background:#15f1ff;transition:2s .5s all}section.s4 .container .chart .row .line_box div .line_width span{position:absolute;width:100px;height:50px;right:10px;color:#000;font-size:30px;font-weight:900;line-height:50px;text-align:right;display:none}section.s4 .container .chart .tip{float:right;font-size:25px;color:red;text-align:right}section.s5 .container .wrapper{text-align:left}section.s5 .container .wrapper h1{font-size:30px;line-height:60px;color:#fff}section.s5 .container .wrapper li{margin-left:22px;text-indent:-22px;font-size:16px;line-height:40px;color:#fff}.sideBtn{position:fixed;top:30vh;left:4vw;z-index:99;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(195deg)}.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: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)}.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;padding:4%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;font-size:0;left:calc(50% + 300px);transform:translateX(-50%);top:-10px;transition:.2s;z-index:999}@media only screen and (max-width:480px){button.close{left:unset;right:0;top:-40px;transform:unset}}@media only screen and (max-width:768px){#player1{width:90vw;height:70vh}}@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 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 roll{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}