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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.navbar.navbar-inverse.navbar-fixed-top{z-index:1060}.navbar{display:flex;flex-wrap:nowrap;align-items:flex-start;margin:0;padding:.5rem 1rem}.navbar .home{position:absolute;top:3px;left:52px;z-index:999;display:block}@media only screen and (max-width: 767px){.navbar .home{top:5px;left:5px;width:170px}.navbar .home>img{max-width:100%}}.navbar .container{width:calc(100% - 240px);margin-right:240px;max-width:1140px;display:flex;align-items:flex-end;flex-direction:column}@media only screen and (max-width: 1280px){.navbar .container{width:100%;margin-right:0}}@media only screen and (max-width: 767px){.navbar .container{align-items:flex-start;flex-direction:row}}.navbar .container .navbar-header .navbar-toggle{position:absolute;right:0;top:0;z-index:1;background-color:#222222}.navbar .container .navbar-header .navbar-brand{display:none}@media only screen and (min-width: 768px) and (max-width: 991px){.navbar .container .navbar-right{padding:0}}@media only screen and (max-width: 767px){.navbar .container .navbar-right{margin-top:50px;flex-grow:1;overflow:visible}}.navbar .container .navbar-right .navbar-nav{display:flex;align-items:center;flex-direction:row}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav{align-items:flex-start;flex-direction:column;padding:0 30px;width:100%}}.navbar .container .navbar-right .navbar-nav>li{padding-left:15px}@media only screen and (max-width: 1280px){.navbar .container .navbar-right .navbar-nav>li{padding-left:0}}.navbar .container .navbar-right .navbar-nav>li>a{font-size:12px}@media only screen and (max-width: 1280px){.navbar .container .navbar-right .navbar-nav>li>a{padding:15px 10px}}@media only screen and (min-width: 768px) and (max-width: 991px){.navbar .container .navbar-right .navbar-nav>li>a{padding:15px 5px}}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav>li>a{padding:15px 25px}}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu{position:absolute;min-width:320px;max-width:420px;width:93vw;max-height:600px;overflow-y:auto;border:1px solid #101010;border-radius:0px;background-color:rgba(0,0,0,0.85);padding:5px 20px}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu{max-height:400px}}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li:not(.dropdown-submenu){display:none}}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li:not(:last-child){border-bottom:1px solid #333333}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li>a{color:#9d9d9d;font-size:15px;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 15px}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li>a:hover,.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li>a:focus{color:#ffffff;background-color:rgba(16,16,16,0.65)}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li>a{padding:3px 20px}}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-header{font-size:15px;color:#fff;line-height:1.8;padding:5px 0}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu.mobile{display:none}@media only screen and (max-width: 767px){.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu.mobile{display:block}}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>a{padding:5px 0}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content{display:none}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li:hover,.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li:focus{background-color:rgba(16,16,16,0.65)}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li:hover>a,.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li:focus>a{color:#ffffff}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li:not(:last-child){border-bottom:1px solid #333333}.navbar .container .navbar-right .navbar-nav>li.dropdown .dropdown-menu>li.dropdown-submenu>ul.drop_content>li>a{display:block;color:#9d9d9d;font-size:15px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 15px;text-decoration:unset}.navbar .fb{position:absolute;top:12px;right:30px}@media only screen and (max-width: 1280px){.navbar .fb{display:none}}.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}.mt-5{margin-top:16px}.pt-5{padding-top:16px}.mb-5{margin-bottom:16px}body{background-color:#000;background-repeat:no-repeat;background-position:center 0%;background-size:cover;max-width:100%;overflow-x:hidden;overflow-y:auto}body a{background-color:unset}body img{max-width:100%}body .body_bg{position:fixed;width:100%;height:100%;background-image:url("../image/main_bg.jpg");top:0px;z-index:-1}body .body_bg::after{content:'';position:absolute;width:100%;height:100%;left:0%;bottom:0%;background:url("../image/body_mask.png") no-repeat center bottom;background-size:cover;pointer-events:none}body section{padding-top:50px}@media only screen and (max-width: 767px){body section{padding-top:30px}}@media only screen and (max-width: 480px){body section{padding-top:15px}}.footer{background:#000000;text-align:center}.footer .container{position:relative;width:100%;max-width:1200px;padding:15px;vertical-align:middle;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1200px){.footer .container{max-width:960px}}@media only screen and (max-width: 1000px){.footer .container{max-width:720px}}@media only screen and (max-width: 767px){.footer .container{max-width:100%;padding:8px 15px;flex-wrap:wrap}}@media only screen and (max-width: 480px){.footer .container{padding:8px 0}}.footer li{display:inline-block;padding:0px 15px;font-size:12px;text-align:left;vertical-align:middle;color:#ffffff;line-height:16px}@media only screen and (max-width: 767px){.footer li{padding:0 10px}}@media only screen and (max-width: 480px){.footer li:nth-child(odd){padding:0 0 0 8px}.footer li:nth-child(even){padding:0 8px 0 4px}}.footer li img{width:100%;height:auto;filter:drop-shadow(0px 0px 1px #999)}.footer li:nth-child(1){width:22%}@media only screen and (max-width: 767px){.footer li:nth-child(1){width:50%;text-align:center}.footer li:nth-child(1) img{max-width:130px}}@media only screen and (max-width: 480px){.footer li:nth-child(1) img{max-width:82px}}.footer li:nth-child(2){width:20%}@media only screen and (max-width: 767px){.footer li:nth-child(2){width:50%;text-align:center}.footer li:nth-child(2) img{max-width:140px}}@media only screen and (max-width: 480px){.footer li:nth-child(2) img{max-width:100px}}.footer li:nth-child(3){width:28%}.footer li:nth-child(3) p{margin:0}@media only screen and (max-width: 767px){.footer li:nth-child(3){width:50%}}.footer li:nth-child(4){width:30%;display:inline-flex;align-items:center;justify-content:center}.footer li:nth-child(4) img{width:20%;vertical-align:middle}.footer li:nth-child(4) p{margin:0 0 0 2%;width:78%;vertical-align:middle}@media only screen and (max-width: 767px){.footer li:nth-child(4){width:50%}.footer li:nth-child(4) img{width:40px;display:inline-block}.footer li:nth-child(4) p{width:calc(100% - 40px);margin-left:10px;display:inline-block}}@media only screen and (max-width: 480px){.footer li:nth-child(4) img{width:32px}}.navbar-brand{padding:5px 0px}.navbar-nav{float:right}@media only screen and (max-width: 767px){.navbar-nav{width:100%}}.nav>li{text-align:center}.navbar .fb{top:19px}aside{position:fixed;left:-120px;top:30%;transform:translateY(-50%);z-index:1050;transition:.3s 1s}aside:hover{left:0px;transition:.3s all}.aside_tab{position:fixed;right:12px;top:50%;z-index:1050;transform:translateY(-50%)}@media only screen and (max-width: 480px){.aside_tab{display:none}}.aside_tab li{margin-bottom:27px}.aside_tab li::before{content:'';position:absolute;left:-10px;top:9px;display:block;border-style:solid;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #cc5353;opacity:0;transition:.3s .3s}.aside_tab li a{color:#fff;text-shadow:0px 2px 4px #000;font-weight:800}.aside_tab li a:hover{background:unset}.aside_tab li.active::before,.aside_tab li:hover::before{opacity:1;transition:.3s all}.aside_tab li:nth-child(1)::after{content:'';position:absolute;left:50%;bottom:-27px;width:1px;height:27px;background-color:#525252}.aside_tab li:nth-child(2)::after{content:'';position:absolute;left:50%;bottom:-27px;width:1px;height:27px;background-color:#525252}.aside_tab li:nth-child(3)::after{content:'';position:absolute;left:50%;bottom:-27px;width:1px;height:27px;background-color:#525252}.aside_tab li:nth-child(4)::after{content:'';position:absolute;left:50%;bottom:-27px;width:1px;height:27px;background-color:#525252}.side_nav{position:absolute;width:180px;max-width:20%;right:10%;top:90px;transform:translateX(50%);z-index:1010}@media only screen and (max-width: 480px){.side_nav{width:70%;max-width:100%;top:40px;right:0%;transform:translateX(18%) scale(0.6)}}.side_nav ul{display:flex}.side_nav ul li{position:relative;margin:4px 0px;text-align:center}@media only screen and (max-width: 480px){.side_nav ul li{width:32%;display:inline-block}}.side_nav ul li a{transition:.3s .3s}.side_nav ul li a img{display:inline-block}.side_nav ul li a:hover{filter:brightness(125%);transition:.1s 0s}@-webkit-keyframes special1{0%{filter:drop-shadow(0px 0px 0px rgba(103,199,255,0.560784))}50%{filter:drop-shadow(0px 0px 30px rgba(166,251,255,0))}}@keyframes special1{0%{filter:drop-shadow(0px 0px 0px rgba(103,199,255,0.560784))}50%{filter:drop-shadow(0px 0px 30px rgba(166,251,255,0))}}@-webkit-keyframes special2{0%{filter:drop-shadow(0px 0px 0px rgba(255,42,70,0.796078))}50%{filter:drop-shadow(0px 0px 30px rgba(166,251,255,0))}}@keyframes special2{0%{filter:drop-shadow(0px 0px 0px rgba(255,42,70,0.796078))}50%{filter:drop-shadow(0px 0px 30px rgba(166,251,255,0))}}@-webkit-keyframes award_rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes award_rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}main{position:relative;min-height:110vh;width:100%;transition:.8s all;margin-bottom:3%}@media only screen and (max-width: 480px){main{width:100%;overflow:hidden}}main .char{position:absolute;width:100%;height:110vh;max-height:100%;pointer-events:none;overflow:hidden}main .char button{pointer-events:auto}@media only screen and (max-width: 1200px){main .char{width:110%}}@media only screen and (max-width: 480px){main .char{width:210%}}main .char img,main .char button{position:absolute}main .char.char1 img{left:-70px;top:39px}@media only screen and (max-width: 1200px){main .char.char1 img{left:-8%;top:24%;transform:scale(1.3)}}@media only screen and (max-width: 480px){main .char.char1 img{top:20%;left:-19%}}main .char.char2 img{left:190px;top:-110px;width:1680px}@media only screen and (max-width: 1200px){main .char.char2 img{left:3%;top:8%;transform:scale(1.2)}}@media only screen and (min-width: 768px) and (max-width: 1200px){main .char.char2 img{left:3%;top:3%}}@media only screen and (max-width: 480px){main .char.char2 img{top:20%;left:-24%}}main .char.title1 img{position:relative;z-index:10;left:-100px;top:0%}@media only screen and (max-width: 1200px){main .char.title1 img{width:620px;left:-10%;top:3%}}@media only screen and (max-width: 767px){main .char.title1 img{width:500px;left:-13%}}@media only screen and (max-width: 480px){main .char.title1 img{left:-31%;top:7%;width:47%}}main .char.title2 img{position:relative;z-index:10;right:-100px}@media only screen and (max-width: 1200px){main .char.title2 img{right:-21px;top:2.6%;width:500px}}@media only screen and (min-width: 768px) and (max-width: 1200px){main .char.title2 img{width:560px;right:-30px;top:4%}}@media only screen and (max-width: 480px){main .char.title2 img{left:-19%;top:8%;width:420px}}main .char.char.txt{overflow:inherit}@media only screen and (max-width: 1200px){main .char.txt{width:110%}}main .char.txt img{left:50%;bottom:-10%;transform:translate(-50%)}@media only screen and (max-width: 1200px){main .char.txt img{bottom:-5%}}@media only screen and (min-width: 768px) and (max-width: 1200px){main .char.txt img{bottom:-10%}}@media only screen and (max-width: 480px){main .char.txt img{width:100%}}@media only screen and (max-width: 480px){main .char.btn2{width:120%}}main .char.btn2 button{left:69%;bottom:20%;transform:translate(-50%);-webkit-animation:special2 1.5s ease 0s infinite;animation:special2 1.5s ease 0s infinite}@media only screen and (max-width: 1200px){main .char.btn2 button{left:62%;top:54%;bottom:0}}@media only screen and (max-width: 480px){main .char.btn2 button{top:57%;left:54%}}main .char.btn1 button{left:30%;bottom:30%;transform:translate(-50%);-webkit-animation:special1 1.5s ease 0s infinite;animation:special1 1.5s ease 0s infinite}@media only screen and (max-width: 1200px){main .char.btn1 button{left:22%;top:43%;bottom:0}}@media only screen and (min-width: 768px) and (max-width: 1200px){main .char.btn1 button{left:22%;top:54%}}@media only screen and (max-width: 480px){main .char.btn1 button{left:13%}}main #play1{position:absolute;width:627px;max-width:80%;height:196px;transform:translate(-47%);background:url("../image/main_btn2.png") no-repeat center;background-size:contain;border:unset}@media only screen and (max-width: 1200px){main #play1{width:50%}}@media only screen and (max-width: 480px){main #play1{width:70%}}main #play1:hover{filter:brightness(125%);transition:.1s 0s}main #play2{position:absolute;width:627px;max-width:80%;height:196px;transform:translate(-50%);background:url("../image/main_btn1.png") no-repeat center;background-size:contain;border:unset}@media only screen and (max-width: 1200px){main #play2{width:50%;transform:translate(-50%)}}@media only screen and (max-width: 480px){main #play2{width:40%}}main #play2:hover{filter:brightness(125%);transition:.1s 0s}.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:#0007}@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:0.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:0.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:0.6s all;background:#bd0707}.modal .modal-dialog .modal-content .btn:hover::after{transform:translate(-50%, -50%) rotate(45deg);transition:0.6s all;background:#bd0707}.newchange{position:relative}.newchange .title{margin-bottom:60px}.newchange .col-md-9{margin-top:24px}.newchange::after{content:'';position:absolute;width:630px;max-width:35%;height:925px;right:50px;top:0px;background:url("../image/newchange_char.png") no-repeat center center;background-size:contain}@media only screen and (max-width: 767px){.newchange::after{display:none}}.award{padding:120px 0}@media only screen and (max-width: 1000px){.award{overflow:hidden}}@media only screen and (max-width: 1200px){.award{margin:40px 0}}.award a{display:inline-block}.award .before{position:relative}.award .before:before{position:absolute;content:'';right:-40%;bottom:-40%;background-image:url(../image/award_before.png);background-size:400px 400px;width:400px;height:400px;z-index:-1;-webkit-animation:award_rotate  5s linear 0s infinite;animation:award_rotate  5s linear 0s infinite}@media only screen and (max-width: 1000px){.award .before:before{right:6%;bottom:61%}}.nata{position:relative;padding-bottom:66.25%;background:url("../image/nata_bg.png") no-repeat center 80%;background-size:contain;margin:-100px 0 0 -150px}@media only screen and (max-width: 1200px){.nata{margin-top:40px}}.nata img{position:absolute;bottom:0px;left:50%;transform:translateX(-50%)}#nata{position:absolute;top:200px}.J-chart{position:relative;padding-bottom:56.25%;margin:130px 0 50px 0;background:url("../image/J_bg.png") no-repeat center 10%;background-size:contain}@media only screen and (max-width: 1200px){.J-chart{margin-top:40px}}.J-chart img{position:absolute;bottom:0px;left:50%;transform:translateX(-50%)}