body{background-color:#241c43}body .navbar{background:#000}body .navbar .logo{transform:translateX(-100px)}@media (max-width:768px){body .navbar .logo{transform:translateX(0)}}body header{background:url(../images/header_bg.jpg) no-repeat 76% 5%;background-size:cover;min-height:calc(100vh - 60px);margin-top:60px}body header .title{position:absolute;left:30%;top:5%;transform:translateX(-50%) scale(.9)}@media (max-width:1200px){body header .title{left:50%;top:unset;transform:translate(-50%,0);bottom:150px;width:100%}}body header .title .sideBtn{position:relative;margin-top:-100px}@media (max-width:1200px){body header .title .sideBtn{margin-top:-50px}}@media (max-width:768px){body header .title .sideBtn{margin-top:-30px}}body header .title .sideBtn .nav{flex-wrap:nowrap}body header .title .sideBtn .nav a{transition:.3s .2s}body header .title .sideBtn .nav a:hover{filter:drop-shadow(0 0 10px #fff);transition:.3s all}body nav{position:absolute;top:100vh;width:100%}body nav::after{content:'';position:absolute;bottom:-3px;left:0;height:3px;width:100%;background-color:#9554f5}body nav .nav-pills{height:100px;background-color:#00071bcc;display:flex;align-items:center}body nav .nav-pills .nav-link{display:flex;justify-content:center;height:68px;font-size:28px;font-weight:600;border-radius:34px;background:#613aa8;color:#8264b7;margin:0 7.5px;transition:.3s .2s}@media (max-width:1200px){body nav .nav-pills .nav-link{font-size:24px;line-height:28px}}@media (max-width:996px){body nav .nav-pills .nav-link{font-size:18px;line-height:22px}}@media (max-width:768px){body nav .nav-pills .nav-link{font-size:20px}}@media (max-width:560px){body nav .nav-pills .nav-link{font-size:16px;line-height:18px;margin:2px 0;flex-grow:unset;flex-basis:unset;height:40px;width:calc(100% / 3)}}@media (max-width:480px){body nav .nav-pills .nav-link{font-size:14px}}body nav .nav-pills .nav-link.active{background:#fcca51;color:#4f3e27;transition:.3s all}body nav .nav-pills .nav-link p{padding:10px;margin-bottom:0;display:flex;align-items:center}body .tab-content section::before{content:'';position:absolute;width:100%;height:100%;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/section_bg.png) repeat-y center 30%;background-size:85%}@media (max-width:768px){body .tab-content section::before{display:none}}@media (max-width:768px){body .tab-content section::before{display:unset}}body .tab-content .container{position:relative;width:1700px;max-width:100%;margin:auto;margin-top:200px;margin-bottom:70px;border:3px solid #140f25;border-radius:70px}@media (max-width:480px){body .tab-content .container{border-radius:30px;margin-top:0;margin-bottom:30px}}body .tab-content .container .con{position:relative;display:flex;justify-content:center;padding-top:30px;padding-bottom:30px}@media (max-width:480px){body .tab-content .container .con{padding-top:15px;padding-bottom:15px}}body .tab-content .container .con img,body .tab-content .container .con span{z-index:1}body .tab-content .container .con::after,body .tab-content .container .con::before{z-index:0}body .tab-content .container .con1{margin-top:-185px}@media (max-width:480px){body .tab-content .container .con1{margin-top:0}}body .tab-content .container .notice{border:3px solid #140f25;background-color:#140f25;border-radius:0 0 70px 70px;margin-right:-15px;margin-left:-15px}@media (max-width:480px){body .tab-content .container .notice{border-radius:0 0 30px 30px}}@media (max-width:768px){body .tab-content #tab-1 .con1 img{width:80%}}body .tab-content #tab-1 .con1::before{content:'';position:absolute;width:369px;height:304px;pointer-events:none;left:15%;transform:translateX(-50%);top:350px;max-width:25%;background:url(../images/s1_con1_before.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-1 .con1::before{display:none}}body .tab-content #tab-1 .con1::after{content:'';position:absolute;width:160px;height:198px;pointer-events:none;right:18%;transform:translateX(-50%);top:280px;max-width:30%;background:url(../images/s1_con2.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-1 .con1::after{display:none}}@media (max-width:768px){body .tab-content #tab-1 .con1::after{display:unset;right:0;transform:translateX(0);top:0;max-width:130px}}@media (max-width:480px){body .tab-content #tab-1 .con1::after{max-width:100px;top:-30px}}body .tab-content #tab-1 .con2,body .tab-content #tab-1 .con4{align-items:center}body .tab-content #tab-1 .con2 span,body .tab-content #tab-1 .con4 span{position:absolute;font-size:26px;color:#fff;left:55%;transform:translateX(-50%)}@media (max-width:768px){body .tab-content #tab-1 .con2 span,body .tab-content #tab-1 .con4 span{font-size:20px}}@media (max-width:480px){body .tab-content #tab-1 .con2 span,body .tab-content #tab-1 .con4 span{font-size:12px}}body .tab-content #tab-1 .con3::after{content:'';position:absolute;width:642px;height:910px;pointer-events:none;right:10%;transform:translateX(50%);top:-250px;max-width:40%;background:url(../images/s1_con3_after.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-1 .con3::after{display:none}}body .tab-content #tab-1 .con5{padding-bottom:350px}@media (max-width:480px){body .tab-content #tab-1 .con5{padding-bottom:50px}}body .tab-content #tab-1 .con5::before{content:'';position:absolute;width:642px;height:910px;pointer-events:none;left:20%;transform:translateX(-50%);bottom:-30px;max-width:40%;background:url(../images/s1_con5_before.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-1 .con5::before{display:none}}body .tab-content #tab-2 .con1{margin-bottom:100px}body .tab-content #tab-2 .con1::before{content:'';position:absolute;width:369px;height:918px;pointer-events:none;left:5%;transform:translateX(-50%);bottom:-100px;max-width:40%;background:url(../images/s2_con1_before.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-2 .con1::before{display:none}}body .tab-content #tab-2 .con1::after{content:'';position:absolute;width:288px;height:426px;pointer-events:none;right:5%;transform:translateX(50%);top:50%;max-width:40%;background:url(../images/s2_con1_after.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-2 .con1::after{display:none}}body .tab-content #tab-3 .con1{margin-bottom:100px}body .tab-content #tab-3 .con1::before{content:'';position:absolute;width:505px;height:815px;pointer-events:none;left:5%;transform:translateX(-50%);top:15%;max-width:40%;background:url(../images/s3_con1_before.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-3 .con1::before{display:none}}body .tab-content #tab-3 .con1::after{content:'';position:absolute;width:561px;height:712px;pointer-events:none;right:5%;transform:translateX(50%);bottom:-100px;max-width:40%;background:url(../images/s3_con1_after.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-3 .con1::after{display:none}}body .tab-content #tab-4 .con2{margin-bottom:200px}body .tab-content #tab-4 .con1::before{content:'';position:absolute;width:292px;height:237px;pointer-events:none;left:13%;transform:translateX(-50%);top:80%;max-width:40%;background:url(../images/s4_con1_before.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-4 .con1::before{display:none}}body .tab-content #tab-4 .con1::after{content:'';position:absolute;width:351px;height:293px;pointer-events:none;right:13%;transform:translateX(50%);top:80%;max-width:40%;background:url(../images/s4_con1_after.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-4 .con1::after{display:none}}body .tab-content #tab-4 .con2::after{content:'';position:absolute;width:457px;height:170px;pointer-events:none;left:50%;transform:translateX(-50%);bottom:-200px;max-width:40%;background:url(../images/s4_con2_after.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-4 .con2::after{display:none}}body .tab-content #tab-5 .con1::before{content:'';position:absolute;width:407px;height:455px;pointer-events:none;left:10%;transform:translateX(-50%);top:150px;max-width:35%;background:url(../images/s5_con1_before.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-5 .con1::before{display:none}}body .tab-content #tab-5 .con1::after{content:'';position:absolute;width:200px;height:157px;pointer-events:none;right:18%;transform:translateX(-50%);top:280px;max-width:40%;background:url(../images/s5_con1_after.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-5 .con1::after{display:none}}body .tab-content #tab-5 .con2::after{content:'';position:absolute;width:622px;height:993px;pointer-events:none;right:10%;transform:translateX(50%);bottom:-900px;max-width:40%;background:url(../images/s5_con2_after.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-5 .con2::after{display:none}}body .tab-content #tab-5 .con2{align-items:center}body .tab-content #tab-5 .con2 span{position:absolute;font-size:26px;color:#fff;left:55%;transform:translateX(-50%)}@media (max-width:768px){body .tab-content #tab-5 .con2 span{font-size:20px}}@media (max-width:480px){body .tab-content #tab-5 .con2 span{font-size:12px}}body .tab-content #tab-5 .con3{margin-bottom:100px}body .tab-content #tab-5 .con3::before{content:'';position:absolute;width:228px;height:253px;pointer-events:none;left:10%;transform:translateX(-50%);bottom:50px;max-width:35%;background:url(../images/s5_con3_before.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-5 .con3::before{display:none}}body .tab-content #tab-5 .con3::after{content:'';position:absolute;width:271px;height:323px;pointer-events:none;right:10%;transform:translateX(50%);bottom:50px;max-width:35%;background:url(../images/s5_con3_after.png) no-repeat center center;background-size:contain}@media (max-width:768px){body .tab-content #tab-5 .con3::after{display:none}}body .tab-content #tab-6 .con1{margin-bottom:100px}body .tab-content #tab-6 .con1::before{content:'';position:absolute;width:475px;height:491px;pointer-events:none;left:20%;transform:translateX(-50%);top:30%;max-width:40%;background:url(../images/s6_con1_before.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-6 .con1::before{display:none}}body .tab-content #tab-6 .con1::after{content:'';position:absolute;width:423px;height:522px;pointer-events:none;right:20%;transform:translateX(50%);top:30%;max-width:40%;background:url(../images/s6_con1_after.png) no-repeat center bottom;background-size:contain}@media (max-width:768px){body .tab-content #tab-6 .con1::after{display:none}}