html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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;overflow-x:hidden}ol,ul,button{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}button:not(:disabled){cursor:default}img{max-width:100%;height:auto}@keyframes shining{0%,45%,70%,100%{opacity:0}30%,60%,90%{opacity:1}}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover,.nav-tabs>li>a,.nav-tabs{background-color:unset;border:unset;line-height:unset}li{list-style:none}body{background-color:#000;background-images:url("../images/body_bg.jpg");background-repeat:no-repeat;background-position:center 0%;background-size:contain;overflow:hidden;max-width:100%;max-height:100%}body a{background-color:unset}body img{max-width:100%}body .body_bg{position:fixed;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;background:url("../images/main_video_bgimg.png") no-repeat center center/cover}body .page{position:fixed;display:none;z-index:1050;width:100%;bottom:30px;transition:.3s all}body .page.up{bottom:120px}@media only screen and (max-width: 1200px){body .page{display:flex}}body .page #up,body .page #down{text-align:center;width:50%;font-size:26px;font-weight:900;color:#fff;text-shadow:0px 0px 5px rgba(54,174,255,.6666666667),0px 0px 10px rgba(140,209,255,.6666666667),1px 1px 0px #8cd1ff}body main{position:absolute;height:110%;width:105%;left:50%;top:50%;overflow:hidden;transform:translate(-50%, -50%);opacity:0;transition:.8s all}@media only screen and (max-width: 480px){body main{width:100%}}body main .char{position:absolute;width:100%}@media only screen and (max-width: 480px){body main .char{width:135%}}body main .char.char1{left:23%;top:26%;transform:translate(-50%) scale(0.9)}@media only screen and (max-width: 1200px){body main .char.char1{top:34%;left:2%}}@media only screen and (max-width: 480px){body main .char.char1{top:37%;left:11%}}body main .char.char2{left:76%;top:16%;transform:translate(-50%) scale(0.9)}@media only screen and (max-width: 1200px){body main .char.char2{top:24%;left:84%;transform:translate(-50%) scale(0.7)}}@media only screen and (max-width: 480px){body main .char.char2{top:29%;left:69%;transform:translate(-50%) scale(0.5)}}body main .char.char3{right:41%;top:7%;transform:translate(50%) scale(0.9)}@media only screen and (max-width: 1200px){body main .char.char3{right:36%;top:24%}}@media only screen and (max-width: 480px){body main .char.char3{top:45%;right:65%}}body main .char.char4{right:50%;top:0%;transform:translate(50%) scale(0.9);animation:shining 5s ease-in-out 0s infinite}body main .title{position:absolute;max-width:100%;width:1120px;top:41%;left:52%;transform:translate(-50%) scale(0.9);display:inline-block}@media only screen and (max-width: 1200px){body main .title{top:52%}}@media only screen and (max-width: 480px){body main .title{top:31%;left:0%;transform:translateY(-50%) scale(0.9)}}body main #play1{position:absolute;width:227px;height:214px;left:47%;top:53%;transform:translate(-50%);background:url("../images/play.png") no-repeat center;background-size:contain;border:unset}@media only screen and (max-width: 480px){body main #play1{top:38%;left:55%;transform:scale(0.6) translateX(-20%)}}body main #play1::after{content:"";position:absolute;width:193px;height:205px;left:-100px;top:-100px;background:url("../images/arrow.png") no-repeat center;background-size:contain}@media only screen and (max-width: 480px){body main #play1::after{left:-90px;top:-60px;transform:scale(0.6)}}body main.in{top:47%;width:100%;height:106%;opacity:1}nav.nav-top{position:fixed;z-index:20;width:100%;padding:0;background-color:#000;min-height:50px;font-color:#fff}nav.nav-top .logo{position:absolute;width:150px;left:50%;transform:translate(-50%, 0)}nav.nav-top .logo img{max-width:100%}nav.nav-top .logIn{top:50%;transform:translate(0, -50%);position:absolute;right:20vw;width:80px;height:25px;display:block;padding:0px 4px;border:solid 2px #ffd400;border-radius:15px;text-align:center;font-size:16px;line-height:23px;color:#ffd400;transition:all .25s ease-in-out}@media only screen and (max-width: 767px){nav.nav-top .logIn{right:1vw}}nav.nav-top .logIn:hover{background-color:#ffd400;color:#fff}nav.nav-left{position:fixed;width:150px;height:100%;top:0;background-color:#333;z-index:1000;transition:.3s all;left:-150px;transform:translateX(0);display:flex;flex-direction:column;align-items:center}nav.nav-left img{max-width:100%;margin:0}nav.nav-left.open{transform:translateX(100%)}nav.nav-left a.logo{width:100%;text-align:center;height:70px;line-height:70px}nav.nav-left a.download{width:100%;height:37px;transition:.3s all}nav.nav-left a.download:hover{filter:brightness(1.5)}nav.nav-left a{font-size:14px;display:inline-block;text-align:center;font-weight:600}nav.nav-left .nav_box2{width:100%;line-height:27px;height:35px;margin-bottom:2px}nav.nav-left .nav_box2 a{background:#ffd800;font-size:16px;width:50%;color:#000;transition:.3s linear}nav.nav-left .nav_box2 a:hover{color:#fff;background:#000}nav.nav-left .nav_box3{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;text-align:center;height:40px;transition:.3s all}nav.nav-left .nav_box3 a{width:33%;display:inline-block;border-right:2px solid #d8d8d8;opacity:.5}nav.nav-left .nav_box3 a:hover{opacity:1}nav.nav-left .nav_box3 a:nth-child(3){border-right:none}nav.nav-left .nav_leftWrap{height:calc(100% - 170px);overflow-y:scroll;scrollbar-width:none}nav.nav-left .nav_leftWrap .nav_box{position:relative;width:130px;height:160px;border-top:2px solid #676767;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;opacity:.5;transition:.3s all}nav.nav-left .nav_leftWrap .nav_box:hover{opacity:1}nav.nav-left .nav_leftWrap .nav_box .txt{color:#fff}nav.nav-left #nav_toggler{position:absolute;width:50px;height:50px;background-color:#333;right:-50px;top:0px;cursor:pointer}nav.nav-left #nav_toggler span{position:absolute;width:20px;height:2px;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:1px;background:#fbff00;transition:1s all}nav.nav-left #nav_toggler span:nth-of-type(1){transform:translate(-50%, calc(-50% + 5px))}nav.nav-left #nav_toggler span:nth-of-type(3){transform:translate(-50%, calc(-50% - 5px))}nav.nav-left #nav_toggler.open span:nth-of-type(1){transform:translate(-50%, -50%) rotate(-135deg)}nav.nav-left #nav_toggler.open span:nth-of-type(2){width:0}nav.nav-left #nav_toggler.open span:nth-of-type(3){transform:translate(-50%, -50%) rotate(135deg)}.side_nav{position:fixed;width:180px;max-width:20%;right:20%;top:120px;transform:translateX(50%);z-index:1010;display:none}ul{display:flex}ul li{position:relative;margin:4px 0px;text-align:center}ul a{transition:.3s .3s}ul a img{display:inline-block}ul a:hover{filter:brightness(105%);transition:.1s 0s}.aside_tab{position:fixed;right:0;top:40%;z-index:1050}@media only screen and (max-width: 480px){.aside_tab{display:none}}.aside_tab .nav{display:flex;flex-direction:column}.aside_tab .nav li{margin-top:-40px}.aside_tab .nav li a{position:relative}.aside_tab .nav li a::after{position:absolute;content:"";width:100%;height:100%;left:0%;top:0%;opacity:0;transition:.3s all}.aside_tab .nav li:hover a,.aside_tab .nav li.active a{background:unset}.aside_tab .nav li:hover a::after,.aside_tab .nav li.active a::after{opacity:1}.aside_tab .nav li:nth-of-type(1) a::after{background:url("../images/aside_01_on.png") no-repeat center center/contain}.aside_tab .nav li:nth-of-type(2) a::after{background:url("../images/aside_02_on.png") no-repeat center center/contain}.aside_tab .nav li:nth-of-type(3) a::after{background:url("../images/aside_03_on.png") no-repeat center center/contain}.aside_tab .nav li:nth-of-type(4) a::after{background:url("../images/aside_04_on.png") no-repeat center center/contain}#pv{position:absolute;height:100vh;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);overflow:hidden}#pv .wrapper{position:relative;left:50%;top:120px;width:1133px;height:703px;max-width:105%;transform:translateX(-50%)}@media only screen and (max-width: 1200px){#pv .wrapper{height:530px}}@media only screen and (max-width: 480px){#pv .wrapper{height:350px}}#pv .wrapper .pv_char1{position:absolute;right:-365px;bottom:-180px;width:430px;height:790px;background:url("../images/pv_char2.png") no-repeat center center/contain;pointer-events:none}@media only screen and (max-width: 1200px){#pv .wrapper .pv_char1{display:none}}@media only screen and (max-width: 480px){#pv .wrapper .pv_char1{display:block;max-width:59%;right:7px;bottom:-580px}}#pv .wrapper .pv_char2{position:absolute;left:-385px;bottom:-280px;width:596px;height:695px;background:url("../images/pv_char1.png") no-repeat center center/contain;pointer-events:none}@media only screen and (max-width: 1200px){#pv .wrapper .pv_char2{left:-120px;bottom:-475px;max-width:60%}}@media only screen and (max-width: 480px){#pv .wrapper .pv_char2{left:-82px;bottom:-574px;max-width:88%}}#pv .wrapper .conten{position:absolute;width:100%;height:100%;background:url("../images/pv_border.png") no-repeat center center/contain}#pv .wrapper .conten::after{content:"";position:absolute;left:50%;top:0px;width:407px;height:106px;max-width:50%;transform:translateX(-50%);background:url("../images/pv_title.png") no-repeat center center/contain}#pv .wrapper .conten::before{content:"";position:absolute;right:7%;bottom:0%;width:149px;height:100px;max-width:10%;transform:translateX(50%);background:url("../images/pv_deco.png") no-repeat center center/contain;z-index:1}#pv .wrapper .conten #player1{width:100%;height:100%;padding:84px 55px 38px 37px}@media only screen and (max-width: 480px){#pv .wrapper .conten #player1{padding:74px 24px 54px 18px}}@keyframes special{0%{filter:drop-shadow(0px 0px 0px #a6fbff)}99%{filter:drop-shadow(0px 0px 30px rgba(166, 251, 255, 0))}}#paint{position:absolute;height:100vh;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);overflow:hidden}#paint .title{position:relative;margin:auto;top:70px;left:0%;width:1200px;max-width:100%;z-index:1}#paint .title img{max-width:70%}#paint .title::before{content:"";position:absolute;width:1920px;padding-bottom:126px;left:50%;top:0%;transform:translateX(-50%);background:url("../images/con_title_bg.png") no-repeat center;background-size:contain;z-index:-1}#paint .mask{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5019607843);top:0px;left:0px;z-index:1050}#paint img#special{position:absolute;left:60%;top:60%;transform:translateX(-50%);cursor:pointer;animation:special 1.5s ease 0s infinite;z-index:1050}#paint .text-center{display:flex;justify-content:center}#paint .text-center .nav{position:absolute;text-align:center;display:flex;bottom:50px;width:650px;max-width:80%;justify-content:center}@media only screen and (max-width: 1200px){#paint .text-center .nav{bottom:150px}}@media only screen and (max-width: 480px){#paint .text-center .nav{bottom:85px}}#paint .text-center .nav li{float:revert;display:inline-block;display:flex;justify-content:center;max-width:25%}#paint .text-center .nav li:nth-of-type(1) a{background:url("../images/paint_tab1.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(2) a{background:url("../images/paint_tab2.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(3) a{background:url("../images/paint_tab3.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(4) a{background:url("../images/paint_tab4.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(1) a:hover,#paint .text-center .nav li:nth-of-type(1).active a{background:url("../images/paint_tab1_on.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(2) a:hover,#paint .text-center .nav li:nth-of-type(2).active a{background:url("../images/paint_tab2_on.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(3) a:hover,#paint .text-center .nav li:nth-of-type(3).active a{background:url("../images/paint_tab3_on.png") no-repeat center;background-size:contain}#paint .text-center .nav li:nth-of-type(4) a:hover,#paint .text-center .nav li:nth-of-type(4).active a{background:url("../images/paint_tab4_on.png") no-repeat center;background-size:contain}#paint .text-center .nav li a{width:120px;height:128px;transition:.3s .1s}#paint .text-center .nav li a:hover{transition:.3s all}#paint .text-center .tab-content{position:relative;max-width:100%;background:#222;border-radius:15px;margin-top:150px;height:730px}@media only screen and (max-width: 480px){#paint .text-center .tab-content{height:575px}}#paint .text-center .tab-content::before{content:"";width:calc(100% + 30px);height:calc(100% + 30px);border:30px solid rgba(0,0,0,0);border-image-source:url(../images/frame.png);border-image-slice:60;position:absolute;inset:-15px;z-index:9;pointer-events:none}#paint .text-center .tab-content .left.carousel-control,#paint .text-center .tab-content .right.carousel-control{position:absolute;width:146px;height:146px;top:50%;left:-180px;background:url("../images/btn_pre.png") no-repeat center;background-size:contain}@media only screen and (max-width: 767px){#paint .text-center .tab-content .left.carousel-control,#paint .text-center .tab-content .right.carousel-control{position:fixed;left:0%;top:30%}}@media only screen and (max-width: 480px){#paint .text-center .tab-content .left.carousel-control,#paint .text-center .tab-content .right.carousel-control{width:60px;left:10px}}#paint .text-center .tab-content .left.carousel-control:hover,#paint .text-center .tab-content .right.carousel-control:hover{filter:brightness(1.5) saturate(1.2) hue-rotate(130deg)}#paint .text-center .tab-content .right.carousel-control{background:url("../images/btn_next.png") no-repeat center;background-size:contain;left:unset;right:-180px}@media only screen and (max-width: 767px){#paint .text-center .tab-content .right.carousel-control{right:0%}}@media only screen and (max-width: 480px){#paint .text-center .tab-content .right.carousel-control{right:10px}}#paint .text-center .tab-content .carousel-inner{height:700px;overflow:hidden}@media only screen and (max-width: 767px){#paint .text-center .tab-content .carousel-inner{height:540px}}#paint .text-center .tab-content .item{position:relative;width:650px;height:800px;padding-top:15px;max-width:100%;margin-top:0%;max-height:80vh;transition:.8s all}@media only screen and (max-width: 767px){#paint .text-center .tab-content .item{position:relative;height:unset}}#paint .text-center .tab-content .item img{display:inline-block;height:100%;max-width:unset}#paint .text-center .tab-content .carousel-indicators{bottom:140px;left:unset;margin-left:unset;width:100%;display:none}#paint .text-center .tab-content .carousel-indicators li{border:0px;width:41px;height:41px;background:url("../images/carousel_dot.png") no-repeat center;background-size:contain}#paint .text-center .tab-content .carousel-indicators li.active{background:url("../images/carousel_dot_on.png") no-repeat center;background-size:contain}#paint .text-center .carousel .item{transition:.3s all;background-position:center top}#paint .text-center .carousel .item video{position:relative;width:483px;height:500px;max-width:100%}#paint .text-center .carousel .item p{position:relative;color:#fff;font-size:18px;letter-spacing:2px;margin-top:50px}@media only screen and (max-width: 480px){#paint .text-center .carousel .item p{margin-top:-50px}}#paint .text-center .carousel .item p::after{content:"";position:absolute;left:30px;top:50%;transform:translateY(-50%);width:221px;height:31px;background:url("../images/video_txt_deco_left.png") no-repeat center center/contain}@media only screen and (max-width: 480px){#paint .text-center .carousel .item p::after{display:none}}#paint .text-center .carousel .item p::before{content:"";position:absolute;right:30px;top:50%;transform:translateY(-50%);width:221px;height:31px;background:url("../images/video_txt_deco_right.png") no-repeat center center/contain}@media only screen and (max-width: 480px){#paint .text-center .carousel .item p::before{display:none}}#paint .text-center .carousel .on img{opacity:0;transition:.3s all}#module{position:absolute;height:100vh;width:100%;overflow:hidden;left:50%;top:50%;transform:translate(-50%, -50%)}#module .mod_char1{position:absolute;left:20%;bottom:100px;transform:translateX(-50%);width:392px;height:645px;background:url("../images/mod_char1.png") no-repeat center center/contain;pointer-events:none}@media only screen and (max-width: 1200px){#module .mod_char1{display:none}}#module .mod_char2{position:absolute;right:25%;bottom:-120px;transform:translateX(50%);width:499px;height:837px;background:url("../images/mod_char2.png") no-repeat center center/contain;pointer-events:none}@media only screen and (max-width: 1200px){#module .mod_char2{display:none}}#module .wrapper{position:relative;left:50%;top:80px;width:1133px;height:703px;max-width:105%;transform:translateX(-50%);align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;text-align:center;justify-content:center}@media only screen and (max-width: 480px){#module .wrapper{top:60px}}#module .wrapper .content{position:relative;max-width:50%}@media only screen and (max-width: 480px){#module .wrapper .content{max-height:30vh}}#module .wrapper .content .player{width:100%;height:100%;padding:31px 45px 27px 45px}#module .wrapper .content.content1{max-width:100%;width:700px;height:400px;background:url("../images/module_con_bg.png") no-repeat center center/contain}@media only screen and (max-width: 480px){#module .wrapper .content.content1{height:263px}}@media only screen and (max-width: 480px){#module .wrapper .content.content1 .player{padding:31px 24px 27px 21px}}#module .wrapper .content.content1::before{content:"";position:absolute;right:5%;top:-4%;width:149px;height:100px;max-width:10%;transform:translateX(50%);background:url(/images/module_con1_deco1.png) no-repeat center center/contain;z-index:1}#module .wrapper .content.content1::after{content:"";position:absolute;left:4%;bottom:-9px;width:80px;height:90px;max-width:50%;transform:translateX(-50%);background:url(/images/module_con1_deco2.png) no-repeat center center/contain}#module .wrapper .content.content1 .title{position:absolute;left:50%;top:5%;width:60%;max-width:100%;transform:translate(-50%, -50%)}#module .wrapper .content.content2{width:700px;height:400px;background:url("../images/module_con_bg.png") no-repeat center center/contain}@media only screen and (max-width: 1200px){#module .wrapper .content.content2{height:310px}}@media only screen and (max-width: 480px){#module .wrapper .content.content2{max-width:100%;height:263px;margin-top:-2vh}}#module .wrapper .content.content2 .player{padding:56px 26px 58px 26px}@media only screen and (max-width: 480px){#module .wrapper .content.content2 .player{padding:31px 24px 27px 21px}}#module .wrapper .content.content2::before{content:"";position:absolute;left:-30px;bottom:10px;width:149px;height:100px;max-width:10%;transform:translateX(50%);background:url(/images/module_con2_deco1.png) no-repeat center center/contain;z-index:1}#module .wrapper .content.content2 .title{position:absolute;left:50%;top:12%;width:60%;max-width:100%;transform:translate(-50%, -50%)}#module .wrapper .content.content3{width:700px;height:400px;background:url("../images/module_con_bg.png") no-repeat center center/contain}@media only screen and (max-width: 1200px){#module .wrapper .content.content3{height:310px}}@media only screen and (max-width: 480px){#module .wrapper .content.content3{max-width:100%;height:263px;margin-top:-2vh}}#module .wrapper .content.content3 .player{padding:56px 26px 58px 26px}@media only screen and (max-width: 480px){#module .wrapper .content.content3 .player{padding:31px 24px 27px 21px}}#module .wrapper .content.content3::before{content:"";position:absolute;left:-30px;bottom:10px;width:149px;height:100px;max-width:10%;transform:translateX(50%);background:url(/images/module_con3_deco1.png) no-repeat center center/contain;z-index:1}#module .wrapper .content.content3 .title{position:absolute;left:50%;top:12%;width:60%;max-width:100%;transform:translate(-50%, -50%)}#module footer{position:absolute;width:100%;bottom:0px;color:#fff;background:rgba(0,0,0,.7607843137);display:flex;flex-wrap:nowrap;font-size:12px}@media only screen and (max-width: 1200px){#module footer{flex-wrap:wrap}}#module footer ul{margin:0px}.modal .modal-dialog{width:1200px;height:675px;max-width:100%;margin-top:150px}@media only screen and (max-width: 767px){.modal .modal-dialog{max-height:60%;margin:0px;margin-top:100px}}.modal .modal-dialog .modal-content{width:100%;height:100%}.modal .modal-dialog .modal-content .video_wrapper{width:100%;height:100%}.modal .modal-dialog .modal-content .video_wrapper iframe{width:100%;height:100%}.modal .modal-dialog .modal-content .btn{position:absolute;top:-80px;right:0px;width:80px;height:80px;background:rgba(0,0,0,.4666666667)}@media only screen and (max-width: 767px){.modal .modal-dialog .modal-content .btn{width:50px;height:50px;top:-50px}}.modal .modal-dialog .modal-content .btn:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.modal .modal-dialog .modal-content .btn::before{content:"";position:absolute;width:70px;height:2px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);background:#fff;transition:.6s all}@media only screen and (max-width: 767px){.modal .modal-dialog .modal-content .btn::before{width:50px}}.modal .modal-dialog .modal-content .btn::after{content:"";position:absolute;width:70px;height:2px;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);background:#fff;transition:.6s all}@media only screen and (max-width: 767px){.modal .modal-dialog .modal-content .btn::after{width:50px}}.modal .modal-dialog .modal-content .btn:hover::before{transform:translate(-50%, -50%) rotate(-45deg);transition:.6s all;background:#bd0707}.modal .modal-dialog .modal-content .btn:hover::after{transform:translate(-50%, -50%) rotate(45deg);transition:.6s all;background:#bd0707}