*{margin:0;padding:0}body{font-family:Niramit,sans-serif;background-color:#030202}header{width:100%;height:auto;background-color:#000}header .para-main{font-size:1.3rem;text-align:center;color:var(--white);background-color:brown;margin:0;padding:13px}@media (max-width:820px){header .para-main{font-size:1rem}}header .nav-bar{display:flex}header .nav-bar .main-logo{width:10%;text-align:center}header .nav-bar .main-logo img{margin:10px}header .nav-bar ul{text-align:center;width:80%;line-height:60px}header .nav-bar ul li{display:inline-block}header .nav-bar ul li .a-tag{font-size:1.4rem;margin-left:60px}@media (max-width:820px){header .nav-bar ul li .a-tag{margin-left:40px;font-size:1rem}}@media (max-width:600px){header .nav-bar{display:block}header .nav-bar .main-logo,header .nav-bar ul{width:100%}header .nav-bar ul li .a-tag{margin-left:15px;font-size:1rem}}.img-home-1{background-image:url(../images/home-img/home-img1.webp);width:100%;height:780px;background-size:cover}.img-home-1 .container{width:50%;margin:0 auto;color:var(--white);padding-top:30px;text-align:center}.img-home-1 .container .a-tag-1{font-size:1.5rem;color:var(--white);text-decoration:none}.img-home-1 .container .a-tag{font-size:1rem}@media (max-width:1024px){.img-home-1{height:520px;width:100%;background-size:cover}}@media (max-width:820px){.img-home-1{height:400px;width:100%;background-size:cover}.img-home-1 .hedding-1{font-size:1rem}}@media (max-width:600px){.img-home-1{width:100%;height:292px}.img-home-1 .container{width:60%}.img-home-1 .container .a-tag{font-size:.8rem}}.img-home-2{background-image:url(../images/home-img/home-img-2.webp);width:100%;height:500px;background-size:cover;padding-bottom:10%}.img-home-2 .container-2{padding-top:10%}@media (max-width:1024px){.main-img{height:390px;width:100%;background-size:cover}}@media (max-width:820px){.img-home-2{height:320px;width:100%;background-size:cover}.img-home-2 .container-2{padding-top:4%}.img-home-2 .container-2 p{font-size:.8rem}}@media (max-width:768px){.img-home-2{height:290px;width:100%;background-size:cover;display:none}}.img-home-2-3{background-image:url(../images/home-img/new-img/REDMAGIC_7_Pro-Banner-MOB_600x.webp);width:100%;height:1020px;background-size:cover;text-align:center;display:none}@media (max-width:768px){.img-home-2-3{display:block}.img-home-2-3 .container{width:80%;margin:0 auto}}@media (max-width:600px){.img-home-2-3{height:760px}}@media (max-width:415px){.img-home-2-3{height:590px}.img-home-2-3 .container{width:70%;text-align:center;margin:0 auto}.img-home-2-3 .container .btn-main .btn-1{padding:13px 12px}.img-home-2-3 .container .btn-main .btn-1 .a-tag{font-size:.8rem}}.img-home-3{background-image:url(../images/home-img/home-img-3.webp);width:100%;height:600px;background-size:cover}.img-home-3 .container-2{padding-top:10%}@media (max-width:1024px){.img-home-3{height:510px}}@media (max-width:768px){.img-home-3{display:none}}@media (max-width:820px){.img-home-3{height:430px}}.img-home-3-2{background-image:url(../images/home-img/new-img/REDMAGIC_7_Banner-MOB.webp);width:100%;height:1000px;background-size:cover;display:none}@media (max-width:768px){.img-home-3-2{display:block}.img-home-3-2 .container{width:80%;color:var(--white);padding-top:30px;margin:0 auto;text-align:center}}@media (max-width:540px){.img-home-3-2{height:750px}}@media (max-width:488px){.img-home-3-2{height:580px}.img-home-3-2 .container{width:70%}.img-home-3-2 .container .btn-main .btn-1{padding:13px 12px}}.tarbo-body{width:90%;height:auto;display:flex;margin:30px auto;text-align:center;justify-content:center}.tarbo-body .col-1{background-image:url(../images/tarbo-img/practice.webp);margin-right:20px;padding-top:15px}.tarbo-body .col-1,.tarbo-body .col-2{width:55%;height:400px;border-radius:5px;background-size:cover}.tarbo-body .col-2{background-image:url(../images/tarbo-img/img-tarbo-1.webp)}.tarbo-body .col-3{background-image:url(../images/tarbo-img/img-tarbo-2.webp)}.tarbo-body .col-3,.tarbo-body .col-4{width:55%;height:400px;border-radius:5px;background-size:cover}.tarbo-body .col-4{background-image:url(../images/tarbo-img/img-tarbo-3.webp)}.tarbo-body h1,.tarbo-body p{font-size:1.4rem;color:var(--white)}.tarbo-body p{font-size:1.2rem;padding:10px 0}.tarbo-body a{text-decoration:none;font-size:1rem;margin:15px;color:#ce3a20}@media (max-width:1024px){.tarbo-body .col-1{height:300px}}@media (max-width:912px){.tarbo-body .col-1{height:240px}.tarbo-body p{font-size:1rem}}@media (max-width:768px){.tarbo-body{display:block}.tarbo-body .col-1{width:100%;height:340px}.tarbo-body .main{margin-bottom:30px}}@media (max-width:414px){.tarbo-body .col-1{width:100%;height:230px;border-radius:5px;background-size:cover;margin-bottom:5%}.tarbo-body .col-1 h1{font-size:1rem}.tarbo-body .col-1 p{font-size:.8rem}}.main-gide{width:100%;height:100%;display:flex;color:#fff;margin:0 auto;padding:80px 0}.main-gide .row-1{width:33.333%;text-align:center}.main-gide .row-1 .card-title{font-size:2rem;padding-bottom:10px}.main-gide .row-1 p{font-size:1rem}@media (max-width:600px){.main-gide .row-1{height:100%;text-align:center;margin:0 auto;margin-top:30px;width:50%}}@media (max-width:768px){.main-gide .row-1{width:50%}}@media (max-width:540px){.main-gide .row-1 .card-title{font-size:1.5rem}}.main-info{width:100%;height:100%;display:flex;background-color:#000;margin:40px 0}.main-info .info-img{width:50%;height:100%}.main-info .info-img img{width:100%;height:100%}.main-info .info-text{width:50%;height:100%;text-align:center}.main-info .info-text h2{font-size:2.5rem;color:aqua;padding-bottom:10px}.main-info .info-text p{color:var(--white);font-size:1.6rem}@media (max-width:991px){.main-info .info-img{width:60%}.main-info .info-text{width:40%}.main-info .info-text h2{font-size:1.5rem}.main-info .info-text p{font-size:1rem;padding:10px}}@media (max-width:820px){.main-info .info-text{width:60%;text-align:center}}@media (max-width:768px){.main-info{width:100%;height:100%;display:block}.main-info .info-img{width:100%}.main-info .info-text{width:60%;margin:0 auto}}@media (max-width:600px){.main-info{width:100%}.main-info .info-text{width:70%;margin:0 auto}.main-info .info-text h2{font-size:1.5rem}.main-info .info-text p{font-size:.8rem}}.icon-main-row{width:100%;height:auto;display:flex;margin:30px 0}.icon-main-row .col-icon-1{width:30%;height:auto;text-align:center;margin:0 auto}.icon-main-row .col-icon-1 img{width:100px;padding-bottom:10px}.icon-main-row .col-icon-1 p{color:var(--white);font-size:1.5rem}@media (max-width:820px){.icon-main-row .col-icon-1 img{width:80px}.icon-main-row .col-icon-1 p{font-size:1rem}}@media (max-width:540px){.icon-main-row .col-icon-1 img{width:50px}.icon-main-row .col-icon-1 p{font-size:.9rem}}footer{border-top:1px solid var(--white)}.main-footer{width:100%;height:auto}.main-footer .main-sarch-bar{width:100%;text-align:center;margin:0 auto;padding:30px 0}.main-footer .main-sarch-bar p{color:var(--white);font-size:2rem}.main-footer .main-sarch-bar .input-ft{padding:10px 30px;border:1px solid #ce3a20;outline:none;margin-top:20px;font-size:1rem;background-color:#000;border-radius:5px;color:#fff}.main-footer .main-sarch-bar .btn-ft{padding:10px;background-color:transparent;border-radius:5px;border:1px solid #ce3a20}.main-footer .main-sarch-bar .btn-ft a{color:var(--white);font-size:1rem;text-decoration:none}@media (max-width:600px){.main-footer .main-sarch-bar p{font-size:1.5rem}.btn-ft{margin-top:20px}}.main-ft-nav{width:100%;display:flex;padding:30px 0}.main-ft-nav .col-ft-1{width:100%;text-align:center;width:33.333%;height:auto}.main-ft-nav .col-ft-1 p{color:#ce3a20;font-size:2rem;padding:10px}.main-ft-nav .col-ft-1 a{color:gray;display:block;font-size:1rem;padding:7px;text-decoration:none}.main-ft-nav .col-ft-1 a:hover{color:#fff;transition:.5s}@media (max-width:820px){.main-ft-nav{width:100%}.main-ft-nav .col-ft-1{padding:30px 0;width:100%;text-align:center}.main-ft-nav .col-ft-1 p{font-size:1.4rem}.main-ft-nav .col-ft-1 a{font-size:1rem}}@media (max-width:600px){.main-ft-nav{display:block}.main-ft-nav .col-ft-1{padding:0}}.contact-main .contact-body{width:100%}.contact-main .contact-body p{font-size:8rem}.contact-main{width:100%;height:auto}.contact-main .contact-body{width:90%;margin:0 auto;display:flex;padding-bottom:10px}.contact-main .contact-body p{color:var(--white);font-size:1rem;margin-left:30px}.contact-main .contact-body p span{font-size:1.5rem;color:aqua;padding-right:20px}@media (max-width:600px){.contact-main .contact-body{display:block}.contact-main .contact-body p span{font-size:1rem}}:root{--white:#fff;--gray:gray}.btn{padding:10px 24px;outline:none;border-radius:10px;border:1px solid var(--white);background-color:#a22e19;color:#fff}.container{width:80%;color:var(--white);padding-top:30px;margin-left:90px}.container .para{font-size:1.2rem;padding-bottom:20px;font-size:1rem;padding:0}@media (max-width:600px){.container{margin-left:40px}}@media (max-width:768px){.container .para{font-size:1rem;color:gray}}.a-tag{color:#fff;text-decoration:none;font-size:1rem}@media (max-width:768px){.a-tag{font-size:.8rem}}.hedding-1,.hedding-2{font-size:2rem;padding-bottom:20px}@media (max-width:820px){.hedding-1,.hedding-2{font-size:1.5rem}.btn-main{padding-top:10px}}@media (max-width:600px){.hedding-1,.hedding-2{font-size:1.5rem}}@media (max-width:415px){.hedding-1,.hedding-2{font-size:1rem}p{font-size:.9rem}}.btn-1{padding:12px 24px;background-color:#ce3a20;outline:none;border:1px solid #fff;margin-right:10px;border-radius:5px}.btn2{background-color:transparent}.btn2:hover,.main-sarch-bar .btn-ft:hover{background-color:#ce3a20;transition:.5s}.data-img-3{width:70%;height:auto;text-align:center;margin:0 auto;padding-top:50px;letter-spacing:3px}.data-img-3 h1{color:#fff;font-size:2rem;padding-bottom:10px}.data-img-3 p{font-size:1rem;color:#fff}@media (max-width:600px){.data-img-3{text-align:left}}body{margin:0;padding:0;text-decoration:none;list-style:none;font-size:62.5%}.game-bar{width:100%;text-align:center;border-top:1px solid gray;border-bottom:1px solid gray}.game-bar ul{line-height:60px}.game-bar ul li{display:inline-block}.game-bar ul li .a-game{font-size:1rem;text-decoration:none;color:gray;margin-left:30px;padding:10px}.game-bar ul li .main1{font-size:1.2rem;color:#fff}.game-bar ul li .a-game:hover{color:#fff;transition:.5s}@media (max-width:768px){.game-bar ul li .a-game{margin-left:10px;padding:5px}}.main-game-body{width:100%;height:auto}.main-game-body .game-img1{width:100%;background-image:url(../images/gaiming-img/redmagic-7pro.webp);height:500px;background-size:cover;background-repeat:no-repeat}.main-game-body .game-img1 .home-data{width:20%;margin-left:55%;padding-top:120px}.main-game-body .game-img1 .home-data img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}.main-game-body .game-img1 .home-data .img-game-1{width:80%}.main-game-body .game-img1 .home-data .data-1{color:#fff;font-size:2rem;padding:10px 0}.main-game-body .game-img1 .home-data p{color:#fff;font-size:1rem;letter-spacing:1px}@media (max-width:1024px){.main-game-body .game-img1 .home-data{width:30%;margin-left:70%}}@media (max-width:912px){.main-game-body .game-img1{height:380px}.main-game-body .game-img1 .home-data{padding-top:80px;margin-left:60%}}@media (max-width:820px){.main-game-body .game-img1 .home-data{padding-top:80px;margin-left:65%}}@media (max-width:768px){.main-game-body .game-img1{display:none;height:320px}.main-game-body .game-img1 .home-data{padding-top:55px;margin-left:60%}}.main-game-body-1{background-image:url(../images/gaiming-img/game-img-1.webp);width:100%;height:1120px;background-size:cover;display:none}.main-game-body-1 .home-data-1{width:60%;margin:0 auto;text-align:center}.main-game-body-1 .home-data-1 .img-game-2{width:100%}@media (max-width:768px){.main-game-body-1{display:block}.main-game-body-1 .home-data-1{padding:40px 0}.main-game-body-1 .home-data-1 .data-2{color:#fff;font-size:1.5rem;padding:20px 0}.main-game-body-1 .home-data-1 p{font-size:1rem;color:#fff;letter-spacing:3px}}@media (max-width:600px){.main-game-body-1{height:940px}}@media (max-width:540px){.main-game-body-1{height:870px}.main-game-body-1 .home-data-1 .data-2{font-size:1.5rem}.main-game-body-1 .home-data-1 p{font-size:1rem}}@media (max-width:415px){.main-game-body-1{height:650px}.main-game-body-1 .home-data-1{width:80%}.main-game-body-1 .home-data-1 .data-2{font-size:1rem}.main-game-body-1 .home-data-1 p{font-size:.8rem}}@media (max-width:393px){.main-game-body-1{height:600px}}.game-img-2 img{width:100%;height:100%;background-size:cover}@media (max-width:820px){.game-img-2 img{display:none}}.game-img-2-1 img{width:100%;height:100%;background-size:cover;display:none}@media (max-width:820px){.game-img-2-1 img{display:block}}@media (max-width:414px){.game-img-2-1 img{display:none}}.game-img-2-2 img{width:100%;height:100%;background-size:cover;display:none}@media (max-width:414px){.game-img-2-2 img{display:block}}.game-img-3{background-image:url(../images/gaiming-img/game-3/Design_1920x.jpg);width:100%;height:600px;background-size:cover}@media (max-width:820px){.game-img-3{height:500px}.game-img-3 .data-img-3 h1{font-size:1.7rem}.game-img-3 .data-img-3 p{font-size:1rem}}@media (max-width:600px){.game-img-3{display:none;height:390px}.game-img-3 .data-img-3 h1{font-size:1.7rem}.game-img-3 .data-img-3 p{font-size:.8rem}}.game-img-3-1{background-image:url(../images/gaiming-img/game-3/img-new.jpeg);width:100%;height:850px;background-size:cover;display:none}.game-img-3-1 .data-img-3{padding-top:60px;width:60%;margin:0 auto}.game-img-3-1 .data-img-3 h1{font-size:1.7rem;color:#fff;padding-bottom:10px}.game-img-3-1 .data-img-3 p{font-size:.8rem;color:#fff}@media (max-width:600px){.game-img-3-1{display:block}}@media (max-width:415px){.game-img-3-1{height:580px}.game-img-3-1 .data-img-3{padding-top:60px}.game-img-3-1 .data-img-3 h1{font-size:1rem}}.img-4-body .img-game-4{background-image:url(../images/gaiming-img/game4/5_1a4bbe7c-f5d0-43c6-9262-482e5df34284_1920x.jpg);width:100%;height:680px;background-size:cover}@media (max-width:1024px){.img-4-body .img-game-4{height:530px}}@media (max-width:820px){.img-4-body .img-game-4{height:440px}.img-4-body .img-game-4 h1{font-size:1.5rem}}@media (max-width:599px){.img-4-body .img-game-4{display:none}}.img-4-body .img-game-4-1{display:none}@media (max-width:600px){.img-4-body .img-game-4-1{background-image:url(../images/gaiming-img/game4/img-4-1.jpeg);width:100%;background-size:cover;height:690px;display:block}.img-4-body .img-game-4-1 .data-img-3{padding-top:50px}.img-4-body .img-game-4-1 .data-img-3 h1{font-size:1.7rem}.img-4-body .img-game-4-1 .data-img-3 p{font-size:.8rem;color:grey}}@media (max-width:540px){.img-4-body .img-game-4-1{height:620px}}@media (max-width:415px){.img-4-body .img-game-4-1{height:500px}.img-4-body .img-game-4-1 .data-img-3{padding-top:60px;letter-spacing:3px}.img-4-body .img-game-4-1 .data-img-3 h1{font-size:1rem}.img-4-body .img-game-4-1 .data-img-3 p{font-size:.8rem}}.img-4-body .info-mobile{display:flex;width:100%;text-align:center;margin:30px 0}.img-4-body .info-mobile .mobile-info-1{width:30%;border:1px solid #fff;color:#fff;display:block;margin:0 auto;border-radius:5px}.img-4-body .info-mobile .mobile-info-1 h1{font-size:1.8rem;padding:5px 0}.img-4-body .info-mobile .mobile-info-1 p{padding:5px 0;font-size:1rem}@media (max-width:820px){.img-4-body .info-mobile .mobile-info-1 h1{font-size:1.4rem}.img-4-body .info-mobile .mobile-info-1 p{font-size:.8rem}}@media (max-width:540px){.img-4-body .info-mobile{display:block}.img-4-body .info-mobile .mobile-info-1{width:70%}.img-4-body .info-mobile .info-2{margin:20px auto}}.img-4-body .img-game-5{background-image:url(../images/gaiming-img/game4/img-5.jpg);width:100%;height:500px;background-size:cover}@media (max-width:820px){.img-4-body .img-game-5{height:400px}}@media (max-width:599px){.img-4-body .img-game-5{display:none}}.img-game-5-1{display:none}@media (max-width:600px){.img-game-5-1{background-image:url(../images/gaiming-img/game4/img-5-1.jpeg);width:100%;height:760px;background-size:cover;display:block}.img-game-5-1 .data-img-3 p{color:gray}}@media (max-width:600px) and (max-width:415px){.img-game-5-1{height:540px}.img-game-5-1 .data-img-3 h1{font-size:1.5rem}}.game-img-5{width:100%}.game-img-5 .img-1st{display:flex;margin-top:40px;text-align:center}.game-img-5 .img-1st .img-1{width:40%;margin:0 auto;text-align:center;border:1px solid var(--gray);height:100%}.game-img-5 .img-1st .img-1 h2{color:var(--white);font-size:1.5rem;padding:15px}.game-img-5 .img-1st .img-1 p{color:var(--white);font-size:.9rem;padding:15px}.game-img-5 .img-1st .img-1 img{width:100%;height:100%;background-repeat:no-repeat}@media (max-width:600px){.game-img-5 .img-1st{display:block;margin:0}.game-img-5 .img-1st .img-1{width:70%;margin-top:20px}}.game-960ht{background-image:url(../images/gaiming-img/game5/REDMAGIC_7_Pro-960Hz_Touch_Sampling_Rate-PC_1428x.webp);width:100%;height:650px;background-size:cover}@media (max-width:991px){.game-960ht{height:470px}}@media (max-width:820px){.game-960ht{height:400px}}@media (max-width:768px){.game-960ht{height:400px;display:none;background-image:url(../images/gaiming-img/game5/REDMAGIC_7_Pro-960Hz_Touch_Sampling_Rate-MOB-768px.webp);width:100%;height:920px;background-size:cover;display:block}.game-960ht .game-960ht-body{margin-top:90px}}@media (max-width:600px){.game-960ht{height:700px}.game-960ht h1{font-size:1.5rem}}@media (max-width:415px){.game-960ht{height:480px}}.camera-img{background-image:url(../images/gaiming-img/game5/22_44920bd2-d4a7-4e07-948c-19db494b3cf6_1920x.jpg);width:100%;height:730px;background-size:cover}@media (max-width:991px){.camera-img{height:470px}}@media (max-width:820px){.camera-img{height:400px}}@media (max-width:600px){.camera-img{display:none;background-image:url(../images/gaiming-img/game5/22-game-on768px.webp);width:100%;height:1200px;background-size:cover;display:block}.camera-img h1{font-size:1.5rem}}@media (max-width:415px){.camera-img{height:840px}}.end-dat{width:60%;text-align:center;margin:0 auto;padding:30px 0;justify-content:center}.end-dat h1{color:var(--white);font-size:2rem;letter-spacing:4px}.end-dat button{background-color:#ce3a20;font-size:1rem;padding:10px 24px;margin-top:20px;border:1px solid var(--gray);border-radius:5px}.end-dat button a{color:var(--white);text-decoration:none}@media (max-width:600px){.end-dat{text-align:left}.end-dat h1{font-size:1.5rem}}@media (max-width:600px){.main-gide{display:block;width:90%}}@media (max-width:768px){.main-gide{width:100%}}