@charset "utf-8";

@font-face {
	font-family: 'Jost';
	src: url('../../fonts/Jost-700-Bold.otf') format("opentype");
	font-weight: bold;
}
@font-face {
	font-family: 'KumbhSans';
	src: url('../../fonts/KumbhSans-Regular.woff2') format("woff2");
}
@font-face {
	font-family: 'KumbhSans';
	src: url('../../fonts/KumbhSans-Bold.woff2') format("woff2");
	font-weight: bold;
}

.event_NewLaunch_banner{font-size: 0; position: relative; overflow: hidden;}
.event_NewLaunch_banner>img{width: 100vw;}

.event_NewLaunch_bannerText{position:absolute; top:42%; transform:translate(0,-50%); left: 0; width: 100%; text-align: center;}
.event_NewLaunch_bannerText img{max-width: 34vw;}
.event_NewLaunch_bannerText h1{margin-top: 0.4rem; font-family: 'Jost'; font-size: 2.6vw; font-weight: bold; color: #FFF;}

@media screen and (max-width:1440px) {
	.event_NewLaunch_bannerText{top: 44%;}
}
@media screen and (max-width:1200px) {
	.event_NewLaunch_bannerText img{max-width: 26vw;}
}
@media screen and (max-width:1024px) {
	.event_NewLaunch_bannerText img{max-width: 40vw;}
	.event_NewLaunch_bannerText h1{margin-top: 20px;}
}
@media screen and (max-width:560px) {
	.event_NewLaunch_bannerText{top: 50%;}
	.event_NewLaunch_bannerText img{max-width: 50vw;}
	.event_NewLaunch_bannerText h1{margin-top: 10px; font-size: 4vw;}
}






.event_NewLaunch_social{font-size: 0; position: relative; overflow: hidden;}
.event_NewLaunch_social img{width: 100vw;}

.event_NewLaunch_socialText{position: absolute; top:50%; transform:translate(0,-50%); right: 3%; width: 35%; text-align: center;}
.event_NewLaunch_socialText h4{font-family: 'KumbhSans'; font-size: 2.2vw; color: #FFF; font-weight: bold; line-height: 1.5;}

.event_NewLaunch_btn{display: table; margin-left: auto;margin-right: auto; position: relative;}
.event_NewLaunch_btn::before{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: calc(100% + .1rem); height: calc(100% + .1rem); box-sizing: border-box; border: 1px solid var(--i_color); border-radius:2rem;}
.event_NewLaunch_btn i{display: block; padding: .1rem .26rem;  background: #1A1A1A; border-radius:2rem; position: relative; overflow: hidden;}
.event_NewLaunch_btn i::before{content: ''; position: absolute;top: 0;right: 0; width: 0; height: 100%; background: var(--i_color); transition:all .5s ease;}
.event_NewLaunch_btn p{font-family: 'Jost'; font-size: 1.2vw; font-weight: bold; color: #A1A1A1; position: relative; transition:all .5s ease;}

.event_NewLaunch_btn:hover i::before{right: initial; left: 0; width: 100%;}
.event_NewLaunch_btn:hover p{color: #FFF;}

.event_NewLaunch_social .icon_btn{display:flex; flex-wrap:wrap; justify-content: center; gap: 0 .1rem;}
.event_NewLaunch_social .icon_btn a{display: block; width: .4rem; height: .4rem; background: var(--i_color); border-radius:.12rem; position: relative; transition:all .5s ease;}
.event_NewLaunch_social .icon_btn iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.28rem;color: #FFF;}
.event_NewLaunch_social .icon_btn a:hover{transform:translate(0,-4px);}

@media screen and (max-width:1024px) {
	.event_NewLaunch_btn i{padding: 8px 16px;}
	.event_NewLaunch_btn p{font-size: 18px;}

	.event_NewLaunch_social .icon_btn a{width: 34px;height: 34px;}
	.event_NewLaunch_social .icon_btn iconify-icon{font-size: 20px;}
}
@media screen and (max-width:768px) {
	.event_NewLaunch_social{padding-top: 80px; background: #000;}

	.event_NewLaunch_socialText{margin-bottom: 40px; position: initial; width: 100%; transform: none;}
	.event_NewLaunch_socialText h4{font-size: 3.6vw;}

	.event_NewLaunch_social img{width: 155vw;}
}
@media screen and (max-width:560px) {
	.event_NewLaunch_social{padding-top: 50px;}
	.event_NewLaunch_socialText h4{font-size: 4.4vw;}

	.event_NewLaunch_btn i{padding: 6px 14px;}
	.event_NewLaunch_btn::before{width: calc(100% + 8px); height: calc(100% + 8px);}
	.event_NewLaunch_btn p{font-size: 14px;}
}






.event_NewLaunch{font-size:0; position: relative; overflow: hidden;}
.event_NewLaunch img{width: 100vw;}

.event_NewLaunch_text{position:absolute; top: 8%; left: 0; width: 100%; text-align: center;}
.event_NewLaunch_text h6{margin-top: 6px; font-size: 1.8vw;color: #FFF;}

.event_NewLaunchBtn{display:flex; flex-wrap:wrap; justify-content: center; gap: 0 .4rem;}
.event_NewLaunchBtn a{margin: 0 0;}

@media screen and (max-width:768px) {
	.event_NewLaunch_text h6{font-size: 14px;}

	.event_NewLaunchBtn{gap: 0 26px;}
}
@media screen and (max-width:560px) {
	.event_NewLaunch{padding-top: 50px; background: #000;}
	.event_NewLaunch_text{margin-bottom: 0; position: initial;}
}







.sec_tit1{text-align: center; font-family: 'Jost'; font-size: 3.8vw;color: #FFF;}

.sec_tit2{text-align: center; font-family: 'Jost'; font-size: 2.4vw;color: #FFF;}

.secText{text-align: center; font-size: 0.2rem; line-height: 1.8; color: #FFF;}

.yb_video{width: 100%; position: relative; overflow: hidden;}
.yb_video::before{content: '';display: block; padding-bottom: 56.25%;}
.yb_video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

@media screen and (max-width:1440px) {
	.secText{font-size: 0.18rem;}
}
@media screen and (max-width:1024px) {
	.sec_tit1{font-size: 3vw;}
	.sec_tit2{font-size: 2.2vw;}

	.secText{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.sec_tit2{font-size: 2.8vw;}
}
@media screen and (max-width:560px) {
	.sec_tit1{font-size: 20px;}
	.sec_tit2{font-size: 4vw;}

	.secText{font-size: 14px;}
}