@charset "UTF-8";
#g1005g{text-align: center;margin: 0 auto;}
#hello{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 9999999; color: #ffffff;  text-align: center; }
#hello .texts{position: absolute;top: 50%; left: 0; width: 100%;font-size: 40px; line-height: 42px;}
#g1005g .big{ font-size: 2.8vw;  transition:all 0.3s linear; letter-spacing: 1px;}
#g1005g .big sup{font-size: 1.6vw}
#g1005g .middle{ font-size: 2.6vw; line-height: 1.2;  letter-spacing: 1px; }
#g1005g .small{ font-size: 1.2vw; line-height: 1.2;  transition:all 0.3s linear; letter-spacing: 1px;}
#g1005g .m{font-size: 1vw;letter-spacing: 1px; line-height: 1;}
#g1005g .s{font-size: 1.0vw;line-height: 1.0;color:#000000; letter-spacing: 1px;}
.hs{ opacity:0; filter: alpha(opacity=0); transform:translateY(4%); transition:all 0.3s linear; }
.hs.active{ opacity:1; filter: alpha(opacity=100); transform:translateY(0px); }

#g1005g .orange{ background: linear-gradient(to right, #ab8159, #e6ceac);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit;font-size: 1.2vw;font-weight: bold;}
#g1005g .blur{color: #5480c7}
.pr{ position:relative; }
.pa{ position:absolute; }
.floatLeft{ float:left; }
#g1005g .white{color: white !important;}
#g1005g .marginTop{margin-top: 5%}
#g1005g .gemini{cursor: pointer}


#g1005g .box1 .pa{top:5%;width: 100%;}
#g1005g .box1 .middle{font-weight: bold;line-height: 1.6;font-size: 4vw}
#g1005g .box1 .m{font-size: 1.64vw}

#g1005g .box2{background: linear-gradient(to bottom, #0c0c13 0%, #202126 100%);display: flex;flex-direction: column;gap: 15px;align-items: center;padding: 150px 0;}
#g1005g .box2 .s{color: #ffffff;font-size: 0.76vw}
#g1005g .box2 .box2-1{width: 50.5%}
#g1005g .box2 .box2-1 .pa1{bottom: 4%;left: 17%}
#g1005g .box2 .box2-1 .pa2{bottom: 4%;right: 15%;text-align: left}
#g1005g .box2 .box2-1 .pa2 >:nth-child(2){width: 56%}
#g1005g .box2 .box2-2{display: flex;flex-direction: row;gap: 1%;flex-wrap: nowrap;width: 62.3%;}
#g1005g .box2 .box2-2 .pa3{top: 25%;left: 15%;text-align: left}
#g1005g .box2 .box2-2 .pa3 >:nth-child(3){width: 63%}
#g1005g .box2 .box2-2 .pa3 .s{margin-top: 10%;}
#g1005g .box2 .box2-2 .pa4{top: 25%;left: 5%;text-align: left}
#g1005g .box2 .box2-2 .pa4 .s{line-height: 1.6}
#g1005g .box2 .box2-2 .pa4 >:nth-child(1){width: 97%}
#g1005g .box2 .box2-2 .pa4 >:nth-child(2){width: 80%}
#g1005g .box2 .box2-2 .pa4 >:nth-child(3){margin-top: 8%}
#g1005g .box2 .box2-2 .pa5{top: 5%;left: 8%;text-align: left}
#g1005g .box2 .box2-2 .pa5 .s{margin-top: 8%}
#g1005g .box2 .box2-2 .pa5 :nth-child(3){margin-top: 8%}
#g1005g .box2 .box2-2 .pa6{top: 5%;left: 8%;text-align: left}
#g1005g .box2 .box2-2 .pa6 .s{margin-top: 10%}
#g1005g .box2 .box2-2 .pa6 :nth-child(1){width: 70%}
#g1005g .box2 .box2-2 .pa6 :nth-child(3){margin-top: 13%;width: 60%}
#g1005g .box2 .box2-2 .new_mt{display: flex;flex-direction: column;gap: 3.1%}
#g1005g .box2 .box2-2 .new_mt .mt2{display: flex;flex-direction: row;gap: 2%;flex-wrap: nowrap}
#g1005g .box2 .box2-2 .pa7{top: 10%;left: 5.5%;text-align: left}
#g1005g .box2 .box2-2 .pa7 >:nth-child(2){margin-top: 5%}
#g1005g .box2 .box2-2 .pa7 .s{line-height: 1.8}
#g1005g .box2 .box2-2 .pa8{top: 13%;left: 11.5%;text-align: left}
#g1005g .box2 .box2-2 .pa8 .s{line-height: 1.8}
#g1005g .box2 .box2-2 .pa8 .new_middle{width: 57%;}
#g1005g .box2 .box2-3{display: flex;flex-direction: row;gap: 1%;flex-wrap: nowrap;width: 50%;}
#g1005g .box2 .box2-3 .pa9{top:14%;left: 5%;text-align: left}
#g1005g .box2 .box2-3 .pa9 .s{line-height: 2}
#g1005g .box2 .box2-3 .pa10{top:15%;left: 32%;text-align: left}
#g1005g .box2 .box2-3 .pa10 .s{line-height: 2}

#g1005g .box3 .pa1{top: 8%;width: 100%}
#g1005g .box3 .pa1 .middle{font-size: 4.25vw;line-height: 2}
#g1005g .box3 .pa1 .s{color: #ffffff;line-height: 1.6;font-size: 1.15vw}
#g1005g .box3 .pa2{bottom: 0;width: 100%;margin: 0 auto}
#g1005g .box3 .pa2 img{width: 23.333vw;}


#g1005g .box4{background: linear-gradient(to bottom, #0c0c13 0%, #202126 100%);padding-bottom: 10%}
#g1005g .box4 .img{width: 73.5%;margin: 0 auto}
#g1005g .box4 .text{text-align: left;width: 64%;margin: 0 auto;padding: 5% 0;}
#g1005g .box4 .middle{font-size: 4.25vw;line-height: 2;width: 33%}
#g1005g .box4 .s{color: #ffffff;font-size: 1.15vw;line-height: 1.6}
#g1005g .box4 .text1{text-align: right;width: 63%;margin: 0 auto;padding: 5% 0;}
#g1005g .box4 .text1 .flex{display: flex;width: 100%;justify-content: flex-end;}

#g1005g .box5{background: linear-gradient(to bottom, #0c0c13 0%, #161928 100%);padding: 8% 0;}
#g1005g .box5 .middle{font-size: 4vw;line-height: 1.6}
#g1005g .box5 >:nth-child(3){margin-top: 2%}
#g1005g .box5 .s{color: #ffffff;line-height: 1.6;font-size: 1.15vw}
#g1005g .box5 .box5-1{width: 78.7%;margin: 5% auto 0 auto;padding-bottom: 4%}
#g1005g .box5 >:nth-child(1){width: 46%;margin: 0 auto}
#g1005g .box5 >:nth-child(2){width: 59%;margin: 0 auto}
#g1005g .box5 .box5-1 .pa{bottom: 0;left: 9.4%;width: 81%;}
#g1005g .box5 .box5-1 .flex{display: flex;gap: 1%;flex-wrap: nowrap;justify-content: space-between}
#g1005g .box5 .box5-1 .flex .mt{width: 32.3%;background-color: #0c0c13;padding: 3% 0;border-radius: 5px}
#g1005g .box5 .box5-1 .flex .mt .m{font-size: 2.2vw}
#g1005g .box5 .box5-1 .flex .mt .m1{width: 50%;margin: 0 auto}
#g1005g .box5 .box5-1 .flex .mt .m2{width: 48%;margin: 0 auto}
#g1005g .box5 .box5-1 .flex .mt .m3{width: 63%;margin: 0 auto}
#g1005g .box5 .box5-2{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 73%;margin: 0 auto;padding-top: 7%}
#g1005g .box5 .box5-2 .mt{width: 50%;text-align: left}
#g1005g .box5 .box5-2 .mt .orange{font-size: 4vw;line-height: 1.3}
#g1005g .box5 .box5-2 .mt .m1{width: 49%;}
#g1005g .box5 .box5-2 .mt .m2{width: 72%;}
#g1005g .box5 .box5-2 .mt .m{font-size: 2.82vw}
#g1005g .box5 .box5-2 .mt .s{line-height: 1.4;font-size: 1.1vw;}
#g1005g .box5 .box5-2 .mt >:nth-child(3){margin-top: 4%}
#g1005g .box5 .box5-2 .mt >:nth-child(4){margin-top: 7%}

#g1005g .box6{background: linear-gradient(to bottom, #0c0c13 0%, #202126 100%);padding-top: 5%}
#g1005g .box6 .s{color: #ffffff}
#g1005g .box6 .box6-1{width: 73.5%;margin: 0 auto}
#g1005g .box6 .box6-1 .flex{display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;}
#g1005g .box6 .box6-1 .flex .mt1{text-align: left}
#g1005g .box6 .box6-1 .flex .mt1 .orange{font-size: 6.55vw;line-height: 1.5}
#g1005g .box6 .box6-1 .flex .mt1 .s{font-size: 1.1vw}
#g1005g .box6 .box6-1 .flex .mt2 .orange{font-size: 2.95vw}
#g1005g .box6 .box6-1 img{display: block;padding: 8% 0}
#g1005g .box6 .box6-2{width: 73.5%;margin: 0 auto}
#g1005g .box6 .box6-2 .m1{font-size: 4.35vw;line-height: 2.1;width: 57.65625vw;margin: 0 auto}
#g1005g .box6 .box6-2 .m{font-size: 2.82vw;width: 44vw;margin: 0 auto}
#g1005g .box6 .box6-2 .s{font-size: 1.1vw;line-height: 1.4}
#g1005g .box6 .box6-2 >:nth-child(3){margin-top: 4%}
#g1005g .box6 .box6-2 img{display: block;padding: 8% 0}
#g1005g .box6 .box6-3{padding-top: 4%;width: 100%;height: 600vh}
.sticky-box{position: sticky;top: 0;width: 100%;}
#g1005g .box6 .box6-3 .box{height: 100vh}
#g1005g .box6 .box6-3 .img1{bottom: 0;left: 49%;z-index: 3;width: 23%;/*left: 49%;*/}
#g1005g .box6 .box6-3 .img2{bottom: 0;left: 38%;z-index: 2;width: 21.5%;opacity: 1;}
#g1005g .box6 .box6-3 .text1{bottom: 8%;width: 100%;z-index: 4;opacity: 1}
#g1005g .box6 .box6-3 .text1 .orange{font-size: 7.3vw;width: 64.53125vw;margin: 0 auto}
#g1005g .box6 .box6-3 .line1{bottom: 32.8vw;left: 12.2%;z-index: 4;width: 30.7%;opacity: 0}
#g1005g .box6 .box6-3 .text2{bottom: 28.2vw;left: 13%;z-index: 4;text-align: left;opacity: 0}
#g1005g .box6 .box6-3 .text2 .orange{font-size: 2.62vw;}
#g1005g .box6 .box6-3 .line2{bottom: 16vw;left: 8.8%;z-index: 4;width: 56.65%;opacity: 0}
#g1005g .box6 .box6-3 .text3{bottom: 11.2vw;left: 13%;z-index: 4;text-align: left;opacity: 0}
#g1005g .box6 .box6-3 .text3 .orange{font-size: 2.62vw;}
#g1005g .box6 .box6-3 .line3{bottom: 33vw;right: 13.5%;z-index: 4;width: 26%;opacity: 0}
#g1005g .box6 .box6-3 .text4{bottom: 28.2vw;right: 13.5%;z-index: 4;text-align: left;opacity: 0}
#g1005g .box6 .box6-3 .text4 .orange{font-size: 2.62vw;}
#g1005g .box6 .box6-3 .line4{bottom: 24vw;right: 13.5%;z-index: 4;width: 23%;opacity: 0}
#g1005g .box6 .box6-3 .text5{bottom: 19.2vw;right: 13.5%;z-index: 4;text-align: left;opacity: 0}
#g1005g .box6 .box6-3 .text5 .orange{font-size: 2.62vw;}
#g1005g .box6 .box6-3 .line5{bottom: 15vw;right: 16.5%;z-index: 4;opacity: 0}
#g1005g .box6 .box6-3 .text6{bottom: 11.2vw;right: 8.8%;z-index: 4;text-align: left;opacity: 0}
#g1005g .box6 .box6-3 .text6 .orange{font-size: 2.62vw;}

#g1005g .box7{background-color: #010101;padding: 7% 0 2% 0;}
#g1005g .box7 .s{color: #ffffff;font-size: 1.12vw;line-height: 1.4}
#g1005g .box7 .m1{font-size: 4.4vw;line-height: 2.4;width: 54.583vw;margin: 0 auto}
#g1005g .box7 .box{width: 79%;margin: 0 auto;padding: 6% 0}

#g1005g .box7 .box .dg-wrapper{perspective: 70vw;height: 35.42vw;width: 44.275vw;;transform-style: preserve-3d;margin: 0 auto}
.dg-wrapper a{ width: 44.275vw; height: 35.42vw;  display: block;  position: absolute; left: 0; top: 0; }
.dg-wrapper a.dg-transition{  transition: all 0.5s ease-in-out; }
.dg-wrapper a img{  display: block; width: 100%; height: 100%; }
.dg-wrapper .right img{  width: 90%; height: 100%; position: absolute;  right: 0; top:0; clip-path: inset(0 28% 0 46%); }
.dg-wrapper .outright img{ width: 40%;  height: 90%; position: absolute; right: 0; top:5%; clip-path: inset(0 32% 0 33%); }
.dg-wrapper .left img{ width: 90%; height: 100%; position: absolute; left: 0; top:0;clip-path: inset(0 46% 0 28%);}
.dg-wrapper .outleft img{ width: 40%; height: 90%; position: absolute;left: 0; top:5%;clip-path: inset(0 33% 0 32%);}
#g1005g .box7 .box .pa{bottom: 0;width: 100%}
#g1005g .box7 .box .pa .flex{display: flex;justify-content: space-between;gap: 2%;align-items: center;width: 10%;margin: 0 auto}
#g1005g .box7 .box .pa .flex .dg-prev,#g1005g .box7 .box .pa .flex .dg-next{width: 46%}
#g1005g .box7 .box7-2{width: 69%;margin: 0 auto;padding: 5% 0 8% 0;}
#g1005g .box7 .box7-2 .flex{display: flex;align-items: flex-start;justify-content: center;}
#g1005g .box7 .box7-2 .flex .mt1{text-align: left;width: 46%}
#g1005g .box7 .box7-2 .flex .mt2{width: 54%}
#g1005g .box7 .box7-2 .flex .mt1 .orange{font-size: 4.36vw;line-height: 1}
#g1005g .box7 .box7-2 .flex .mt1 .s{font-size: 1.15vw}
#g1005g .box7 .box7-2 .flex .mt1 >:nth-child(1){width: 19.21875vw}
#g1005g .box7 .box7-2 .flex .mt1 >:nth-child(2){margin-top: 5%;width: 22.7083vw}
#g1005g .box7 .box7-2 .flex .mt1 >:nth-child(3){margin-top: 6%}
#g1005g .box7 .box7-2 .pa{bottom: 0;left: -3.3%;z-index: 2}
#g1005g .box7 .box7-2 .pa img{width: 44.271vw;}
#g1005g .box7 .box7-3{width: 72.917vw;margin: 2% auto 0 auto}
#g1005g .box7 .box7-3 .orange{font-size: 4.4vw;width: 26.0417vw;margin: 5% auto 0 auto}
#g1005g .box7 .box7-3 .s{font-size: 1.15vw;margin-top: 3.5%}
#g1005g .box7 .box7-3 .img{display: block;margin-top: 5%;}
#g1005g .box7 .box7-3 .flex{margin: 3% auto 0 auto;display: flex;width: 16%;justify-content: space-between;gap: 1.563vw}
#g1005g .box7 .box7-4{width: 72.917vw;margin: 5% auto 0 auto}
#g1005g .box7 .box7-4 .flex{display: flex;justify-content: flex-start;align-items:center;gap: 6.146vw}
#g1005g .box7 .box7-4 .flex .mt{width: 39.0625vw;}
#g1005g .box7 .box7-4 .flex .mt1{text-align: left}
#g1005g .box7 .box7-4 .flex .mt1 .orange{font-size: 4.35vw;line-height: 2}
#g1005g .box7 .box7-5{margin-top: 5%}
#g1005g .box7 .box7-5 .orange{font-size: 4.4vw;line-height: 2;width: 77%;margin: 0 auto}
#g1005g .box7 .box7-5 img{width: 72.917vw;margin-top: 5%}
#g1005g .box7 .box7-6{margin-top: 10%}
#g1005g .box7 .box7-6 .pa1{top:0;width: 100%}
#g1005g .box7 .box7-6 .pa1 .orange{font-size: 4.4vw;}
#g1005g .box7 .box7-6 .pa1 >:nth-child(1){width: 30.9375vw;margin: 0 auto}
#g1005g .box7 .box7-6 .pa1 >:nth-child(2){width: 51.6146vw;margin: 0 auto}
#g1005g .box7 .box7-6 .pa1 >:nth-child(3){margin-top: 3%}
#g1005g .box7 .box7-6 .pa2{bottom:12%;width: 100%}
#g1005g .box7 .box7-6 .pa2 .flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;width: 62.6%;margin: 0 auto;gap: 2%}
#g1005g .box7 .box7-6 .pa2 .flex .mt{background-color: #100f0d;width: 32%;text-align: center;padding: 3% 0}
#g1005g .box7 .box7-6 .pa2 .flex .orange{font-size: 2vw;width: 86%;margin: 0 auto}
#g1005g .box7 .box7-6 .pa2 .flex .orange b{font-size: 1vw;}

#g1005g .box8 .pa1{top:2%;width: 100%}
#g1005g .box8 .pa1 .orange{font-size: 4.4vw;line-height: 2.6}
#g1005g .box8 .pa1 .s{font-size: 1.15vw;color: #ffffff}
#g1005g .box8 .pa2{bottom:7%;width: 100%;}
#g1005g .box8 .pa2 .flex{
    width: 75vw;margin: 0 auto;padding: 1.5% 0;
    background-image: url("/new/Images/g1005g/overflow/8-1.webp");
    background-size: 100% 100%; background-position: center;
    display: flex;justify-content: space-between;align-items: center;
}
#g1005g .box8 .pa2 .flex .mt{width: 25%}
#g1005g .box8 .pa2 .flex .mt .orange{font-size: 2.8vw;line-height: 1.6;}
#g1005g .box8 .pa2 .flex .mt .s{color: #ffffff;font-size: 1.15vw}
#g1005g .box8 .pa2 .flex .mt1{width: 30%}
#g1005g .box8 .pa2 .flex .mt2{width: 20%;}
#g1005g .box8 .pa2 .flex .mt1 .orange{width: 46%;margin: 0 auto}
#g1005g .box8 .pa2 .flex .mt2 .orange{width: 48%;margin: 0 auto}

#g1005g .box9{}
#g1005g .box9 .pa{top:5%;width: 100%}
#g1005g .box9 .orange{font-size: 4.35vw;line-height: 2.5;width: 59.53125vw;margin: 0 auto}
#g1005g .box9 .s{color: #ffffff;font-size: 1.15vw;line-height: 1.6}
#g1005g .box9 .box9-2{background: linear-gradient(to bottom, #0c0c13 0%, #202126 100%);padding: 8% 0;overflow: hidden}
#g1005g .box9 .box9-2 .swiper{width: 72.92vw;margin: 0 auto}
#g1005g .box9 .box9-2 .swiper .pa1{position: absolute;top: 15%;left: 8%;text-align: left}
#g1005g .box9 .box9-2 .swiper .pa1 .m{color: #ffffff;font-size: 3.2vw;line-height: 1.3}
#g1005g .box9 .box9-2 .swiper .pa1 .small{color: #ffffff;font-size: 2.15vw;line-height: 1}
#g1005g .box9 .box9-2 .swiper .pa1 .s{line-height: 1.4}
#g1005g .box9 .box9-2 .swiper .pa1 >:nth-child(3){margin-top: 5%}
#g1005g .box9 .box9-2 .swiper .swiper-slide{opacity: 0}
#g1005g .box9 .box9-2 .swiper .swiper-slide-active{opacity: 1;}
#g1005g .box9 .box9-2 .flex{display: flex;justify-content: flex-start;gap: 19%;width: 10%;margin: 3% auto 0 auto}

#g1005g .box10{background-color: #0c0c13;padding: 10% 0}
#g1005g .box10 .box10-1{width: 72.92vw;margin: 0 auto}
#g1005g .box10 .box10-1 .pa{left: 9.5%;top: 36%;text-align: left}
#g1005g .box10 .box10-1 .pa .img{width: 18.75vw;}
#g1005g .box10 .box10-1 .pa .s{color: #ffffff;font-size: 1.15vw;margin-top: 14%}
#g1005g .box10 .box10-2{background-color: #222222;width: 72.92vw;margin: 5% auto 0 auto}
#g1005g .box10 .box10-2 .flex{display: flex;align-items: center;justify-content: space-between;padding: 5% 0}
#g1005g .box10 .box10-2 .flex .mt1{text-align: left;padding-left: 6.1vw}
#g1005g .box10 .box10-2 .flex .mt1 .orange{font-size: 3.4vw;line-height: 2}
#g1005g .box10 .box10-2 .flex .mt1 .s{color: #ffffff;font-size: 1.15vw;line-height: 1.4}
#g1005g .box10 .box10-2 .flex .mt3{padding-right: 8.1vw}
#g1005g .box10 .box10-2 .flex .mt3 video{width: 11.98vw;border-radius: 20px}
#g1005g .box10 .box10-2 .pa2{top:15%;left: 47%;z-index: 2;width: 15.625vw}
#g1005g .box10 .box10-2 .pa1{top:43%;left: 42.5%;z-index: 3;width: 15.625vw}
#g1005g .box10 .box10-3{width: 72.92vw;margin: 0 auto}
#g1005g .box10 .box10-3 .orange{font-size: 3.4vw;line-height: 2.6;margin-top: 5%}
#g1005g .box10 .box10-3 .flex{width: 100%;display:flex;justify-content: space-between;flex-wrap: nowrap}
#g1005g .box10 .box10-3 .flex .mt{width: 12.4vw;border: 4px solid #808080;border-radius: 1.302vw;opacity: 0.3;height: 28.2292vw}
#g1005g .box10 .box10-3 .flex .mt.active{opacity: 1}
#g1005g .box10 .box10-3 .flex video{width: 12.4vw;border-radius: 1.0417vw}
#g1005g .box10 .box10-3 .bottom_flex{margin: 5% auto 1.5% auto;display: flex;justify-content: space-between;flex-wrap: nowrap;width: 47.92vw;}
#g1005g .box10 .box10-3 .bottom_flex .mt{color: #ffffff;font-size: 1.15vw;opacity: 0.3;cursor: pointer}
#g1005g .box10 .box10-3 .bottom_flex .mt.active{opacity: 1}
#g1005g .box10 .box10-3 .line-box{
    background-color: rgba(255, 255, 255, 0.2);
    width: 48.92vw; height: 2px; overflow: hidden; margin: 0 auto;
}
#g1005g .box10 .box10-3 .line-box .line{background-color: #c2a07a;width: 13%;height: 2px}

#g1005g .box11{background-color: #0c0c13}
#g1005g .box11 .orange{font-size: 4.8vw;line-height: 2}
#g1005g .box11 .s{color: #ffffff;font-size: 1.15vw}
#g1005g .box11 img{margin-top: 6%;width: 72.92vw}
#g1005g .box11 >:last-child{margin-bottom: 5%}








.all{overflow: hidden}
.all-img{width: 100%; height: 100%;margin-top: -1229%;}