@font-face{
     font-family: 'Montserrat-ExtraLight';
     src: url('../font/Montserrat-ExtraLight.otf');
}
@font-face{
     font-family: 'Montserrat-Medium';
     src: url('../font/Montserrat-Medium.otf');
}
@font-face{
     font-family: 'Montserrat-SemiBold';
     src: url('../font/Montserrat-SemiBold.otf');
}

.game_box{width: 100%;height: auto;background: url(/Public/Uploads/uploadfile/images/20250304/game_page_bg.jpg) no-repeat center/cover;}
.game_banner{width: 100%;height: auto;position: relative;}
.game_banner_bg{width: 100%;height: auto;display: block;}
.game_banner_bg img{width: 100%;height: auto;display: block;}
.game_banner_bg img:nth-of-type(2){display: none;}
.game_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.game_contentWH{width: 1300px;height: auto;margin: 0px auto;}
.game_banner_content_txt{width: 827px;height: auto;padding-top: 20px;}
.game_banner_content_txt h1{font-size: 38px;font-family: "MontserratBold";line-height: 1.2;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(168,188,219,1) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 32px;text-transform: uppercase;}
.game_banner_content_txt p{font-size: 18px;color: #FFFFFF;line-height: 1.6;font-family: "MontserratLight";margin-top: 18px;}
.game_file_down{width: 340px;height: 50px;background: linear-gradient(90deg, rgba(218,83,82,0) 0%, rgba(217,0,18,1) 100%);display: flex;justify-content: center;align-items: center;border-radius: 25px;margin-top: 40px;font-size: 26px;color: #FFFFFF;transition: all 0.3s;transform: translateX(-39px);}
.game_file_down img{margin-right: 8px;display: none;}
.game_banner_content_btn{display: flex;justify-content: flex-start;margin-top: 50px;}
.game_banner_content_btn a{display: block;width: 267px;height: auto;transition: all 0.3s;}
.game_banner_content_btn a img{width: 100%;height: auto;display: block;}
.game_banner_content_btn a + a{margin-left: 45px;}
.game_banner_content_btn a:hover{transform: scale(1.1);}
.game_adventure_box{width: 1428px;height: 493px;background: linear-gradient(120deg, rgba(80,9,77,1) 0%, rgba(7,6,48,1) 65%, rgba(78,165,181,1) 100%);border-radius: 35px;margin: 0px auto;position: relative;}
.game_adventure_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;}
.game_adventure_content_box .game_contentWH{display: flex;justify-content: space-between;align-items: center;}
.game_adventure_content_left{width: 389px;height: auto;transform: translateY(60px);aspect-ratio:600/1195;overflow: hidden;border-radius: 75.8px;padding: 0px 8px;}
.game_adventure_content_left video{display: block;width: 100%;height: 100%;object-fit: cover;}
.game_adventure_content_left img{width: 100%;height: auto;display: block;}
.game_adventure_content_right{flex: 1;margin-left: 80px;position: relative;}
.game_adventure_content_right h2{font-size: 38px;color: ;font-family: "MontserratBold";line-height: 1.2;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(168,188,219,1) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 32px;text-transform: uppercase;}
.game_adventure_content_right p{font-size: 20px;color: #FFFFFF;line-height: 1.5;font-family: "MontserratLight";margin-top: 18px;}
.game_adventure_content_right a{display: flex;justify-content: center;align-items: center;width: 305px;height: 50px;background: linear-gradient(to left, #d50112, #e24a2f);border-radius: 25px;font-size: 16px;color: #FFF;font-family: "MontserratLight";position: absolute;left: 0;bottom: -192px;transition: all 0.3s;}
.game_adventure_content_right a:hover{transform: scale(1.1);}
.game_pick_box{width: 100%;height: auto;margin-top: 374px;overflow: hidden;}
.game_pick_title{width: 100%;height: auto;}
.game_pick_title h2{font-size: 40px;color: #FFFFFF;font-family: "MontserratBold";text-align: center;}
.game_pick_swiper{width: 956px;height: auto;margin: 0px auto;overflow: unset;margin-top: 80px;}
.game_pick_swiper_img{width: 100%;height: auto;}
.game_pick_swiper_img img{width: 100%;height: auto;display: block;}
.game_pick_swiper_content{width: 818px;height: auto;position: relative;margin: 0px auto;margin-top: 30px;overflow: hidden;border-radius: 35px;}
.game_pick_swiper_content::before{content: '';position: absolute;inset: 0;padding: 4px;border-radius: 35px;-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0); -webkit-mask-clip: content-box,border-box;-webkit-mask-composite: xor; mask-composite: exclude;background: linear-gradient(-19deg, rgba(78,165,181,1) 0%, rgba(7,6,48,1) 50%, rgba(80,9,77,1) 100%);}
.game_pick_swiper_content_txt{padding: 40px 30px;background: rgba(255,255,255,0.14);min-height: 176px;}
.game_pick_swiper_content_txt p{font-size: 20px;color: #FFF;line-height: 1.6;font-family: "MontserratLight";}
.game_pick_swiper .swiper-slide{height: auto;opacity: 0.3;}
.game_pick_swiper .swiper-slide.swiper-slide-active{opacity: 1;}
.game_pick_swiper_col{width: 100%;height: auto;position: relative;margin-top: 40px;display: flex;justify-content: center;align-items: center;}
.game_pick_swiper_col_right,.game_pick_swiper_col_left{width: 48px;height: auto;position: relative;left: auto;top: auto;transform: none;right: auto;background: none;margin-top: 0;}
.game_pick_swiper_col_right:after,.game_pick_swiper_col_left:after{display: none;}
.game_pick_swiper_col_right img,.game_pick_swiper_col_left img{display: block;width: 100%;height: auto;filter: brightness(0) invert(1);transition: all 0.3s;}
.game_pick_swiper_col_right{margin-left: 70px;}
.game_pick_swiper_col_right:hover img,.game_pick_swiper_col_left:hover img{filter: initial;}
.game_pick_swiper_col_page{color: #FFFFFF;font-size: 14px;bottom: auto;top: 50%;transform: translateY(-50%);z-index: 2;}
.game_pick_swiper_col_page i{font-style: initial;color: #FFFFFF;font-size: 14px;}
.game_secret_box{width: 100%;height: auto;margin-top: 173px;position: relative;}
.game_secret_title{width: 100%;height: auto;}
.game_secret_title h2{font-size: 38px;font-family: "MontserratBold";background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(168,188,219,1) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;text-transform: uppercase;text-align: center;padding: 0 17%;line-height: 1.2;}
.game_secret_content{width: 100%;height: auto;margin-top: 80px;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;}
.game_secret_content_left{width: 774px;height: auto;aspect-ratio:387/277;overflow: hidden;border-radius: 30px;}
.game_secret_content_left video{display: block;width: 100%;height: 100%;object-fit: cover;}
.game_secret_content_left img{width: 100%;height: auto;display: block;}
.game_secret_content_right{width: 498px;}
.game_secret_content_right p{font-size: 20px;color: #FFFFFF;line-height: 1.5;margin-top: 40px;font-family: "MontserratLight";}
.game_secret_content_right p:nth-of-type(1){margin-top: 0px;}
.game_secret_content_right_btn{width: 438px;height: 50px;border-radius: 25px;font-size: 16px;color: #FFFFFF;display: flex;justify-content: center;align-items: center;background: linear-gradient(to left, #d50112, #e24a2f);margin-top: 40px;transition: all 0.3s;}
.game_secret_bg{width: 62.344%; height:auto;position: absolute;right: 114px;bottom: -400px;}
.game_secret_bg img{width: 100%;display: block;height: auto;}
.game_secret_content_right_btn:hover{transform: scale(1.1);}
.game_secret_frame_box{width: 100%;height: 0;background: rgba(0,0,0,0.9);position: fixed;left: 0;top: 0;z-index: 10;display: flex;align-items: center;overflow: hidden;}
.game_secret_frame_content_box{width: 100%;height: auto;background: transparent;padding: 150px 0;}
.game_secret_frame_content{width: 1166px;height: auto;aspect-ratio:1166/682;position: relative;margin: 0px auto;}
.game_secret_frame_content_sw{width: 100%;height: auto;}
.game_secret_frame_content_sw .swiper-slide{width: 100%;height: auto;position: relative;}
.game_secret_frame_content_bg{width: 100%;height: auto;}
.game_secret_frame_content_bg img{width: 100%;height: auto;display: block;}
.game_secret_frame_content_sw_con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 98px;display: flex;justify-content: space-between;align-items: center;}
.game_secret_frame_content_left{width: 381px;height: auto;padding: 25px 35px;}
.game_secret_frame_content_left img{width: 100%;height: auto;display: block;}
.game_secret_frame_content_right{flex: 1;}
.game_secret_frame_content_right h2{font-size: 38px;color: #FFFFFF;font-family: "MontserratBold";}
.game_secret_frame_content_right p{font-size: 16px;color: #FFFFFF;line-height: 1.6;font-family: "MontserratLight";margin-top: 20px;}
.game_secret_frame_content_right a{display: flex;justify-content: center;align-items: center;width: 180px;height: 50px;border-radius: 25px;background: linear-gradient(to left, #E60012, #FF7759);margin-top: 20px;color: #FFFFFF;transition: all 0.3s;}
.game_secret_frame_content_right a img{display: block;margin-left: 15px;}
.game_secret_frame_content_right a:hover{transform: scale(1.1);}
.game_secret_frame_ico{width: 218px;height: auto;position: absolute;left: -61px;bottom: 20px;z-index: 99;}
.game_secret_frame_ico img{width: 100%;height: auto;display: block;}
.game_secret_frame_close{width: 42px;height: auto;position: absolute;right: -40px;top: 10px;cursor: pointer;z-index: 22;}
.game_secret_frame_close img{width: 100%;height: auto;display: block;}
.game_secret_frame_content_sw_right:after,.game_secret_frame_content_sw_left:after{display: none;}
.game_secret_frame_content_sw_right,.game_secret_frame_content_sw_left{width: 40px;height: auto;}
.game_secret_frame_content_sw_right img,.game_secret_frame_content_sw_left img{width: 100%;height: auto;display: block;}
.game_secret_frame_content_sw_right{right: -104px;}
.game_secret_frame_content_sw_left{left: -162px;}
.game_news_box{width: 100%;height: auto;margin-top: 180px;}
.game_news_sw{width: 100%;height: auto;}
.game_news_sw .swiper-slide{height: auto;width: 100%;position: relative;overflow: hidden;border-radius: 12px;}
.game_news_sw .swiper-slide:before{content: '';position: absolute;inset: 0;padding: 2px;border-radius: 12px;-webkit-mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0); -webkit-mask-clip: content-box,border-box;-webkit-mask-composite: xor; mask-composite: exclude;background: linear-gradient(-19deg, rgba(78,165,181,1) 0%, rgba(7,6,48,1) 50%, rgba(80,9,77,1) 100%);}
.game_sec5_con{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0.14);padding: 20px 18px;position: relative;z-index: 99;}
.game_news_sw_img{width: 100%;height: auto;overflow: hidden;border-radius: 12px;}
.game_news_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.game_news_sw_content{width: 100%;height: auto;padding-top: 20px;}
.game_news_sw_content h2{font-size: 25px;color: #FFFFFF;line-height: 1.2;padding-right: 15%;min-height: 60px;display: block;}
.game_news_sw_content span{display: block;width: 83px;height: 3px;background: linear-gradient(to left, #d50112, #e24a2f);border-radius: 2px;margin-top: 20px;}
.game_news_sw_content p{font-size: 18px;color: #A3A3A3;line-height: 1.6;margin-top: 15px;font-family: "MontserratLight";}
.game_news_sw .swiper-slide:hover .game_news_sw_img img{transform: scale(1.1);}
.game_join_box{width: 100%;height: auto;margin-top: 180px;}
.game_join_sw{width: 100%;height: auto;margin-top: 80px;}
.game_join_sw .swiper-slide{border-radius: 12px;overflow: hidden;}
.game_join_sw_img{display: block;width: 100%;height: auto;}
.game_join_sw img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.game_join_sw .swiper-slide:hover img{transform: scale(1.1);}
.game_get_box{width: 1315px;height: auto;margin: 0px auto;margin-top: 100px;position: relative;}
.game_get_bg{width: 100%;height: auto;}
.game_get_bg img{width: 100%;height: auto;display: block;}
.game_get_bg img:nth-of-type(2){display: none;}
.game_get_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;padding: 70px 0 0 37%;}
.game_get_content_txt h2{font-size: 38px;color: #FFFFFF;font-family: "MontserratBold";text-transform: uppercase;}
.game_get_content_txt .game_banner_content_btn{margin-top: 20px;}
.game_footer_box{width: 100%;height: auto;padding: 100px 0 38px;}
.game_footer_top{width: 100%;height: auto;}
.game_footer_top .game_contentWH{display: flex;justify-content: space-between;}
.game_footer_nav_title{font-size: 18px;color: #FFFFFF;font-family: "Montserrat-Medium";margin-bottom: 18px;}
.game_footer_nav a{display: block;font-size: 13px;color: #FFFFFF;line-height: 1.7;font-family: "Montserrat-ExtraLight";}
.game_footer_nav a:hover{text-decoration: underline;}
.game_footer_share_ul{display: flex;justify-content: flex-start;}
.game_footer_share_ul li{width: 29px;height: auto;}
.game_footer_share_ul li img{width: 100%;height: auto;display: block;}
.game_footer_share_ul li + li{margin-left: 10px;}
.game_secret_frame_content_sw_right:hover img,.game_secret_frame_content_sw_left:hover img{filter: brightness(0) invert(1);}
.game_secret_frame_content_edit{max-height: 308px;overflow: hidden;}
.game_secret_frame_content_sw_right,.game_secret_frame_content_sw_left{width: 40px;height: auto;background: none;}
@media (max-width: 1768px) {

	.game_banner_content_txt p{padding-right: 22%;}
	.game_banner_content_txt{padding-top: 100px;}
	.game_adventure_box{width: 92%;}

}
@media (max-width: 1400px) {
	.game_contentWH{width: 92%;}

	.game_adventure_box{height: auto;}
	.game_adventure_content_box{position: relative;transform: none;top: 0;padding: 50px 0;}
	.game_adventure_content_right a{position: relative;bottom: 0;margin-top: 30px;}
	.game_adventure_content_left{transform: translateY(0);}
	.game_pick_box{margin-top: 100px;}
	.game_secret_box{margin-top: 100px;}
	.game_secret_title h2{padding: 0;}
	.game_secret_content_left{width: 50%;}
	.game_secret_content_right{width: 48.5%;}
	.game_secret_frame_content{width: 80%;}
	.game_secret_frame_ico{width: 156px;left: -38px;}
	.game_secret_frame_content_sw_con{padding: 80px;}
	.game_secret_frame_content_left{width: 280px;}
	.game_secret_frame_content_right h2{font-size: 28px;}
	.game_secret_frame_content_right p{font-size: 14px;}
	.game_secret_frame_content_sw_right{right: -68px;}
	.game_secret_frame_content_sw_left{left: -98px;}
	.game_get_box{width: 92%;}
	
}
@media(max-width: 1200px) {
	.game_banner_bg{height: 680px;}
	.game_banner_bg img{height: 100%;object-fit: cover;}
	.game_adventure_content_right h2{font-size: 32px;}
	.game_adventure_content_right p{font-size: 16px;}
	.game_news_box{margin-top: 100px;}
	.game_secret_frame_content_right p{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
	.game_get_content_txt .game_banner_content_btn a{width: 160px;}
	.game_pick_swiper{width: 92%;}
	.game_pick_swiper_content{width: 100%;}
	.game_secret_content_right{width: 45.5%;}
	.game_secret_content_left{border-radius: 19px;}
	
	
}
@media(max-width: 990px) {
	.game_banner_content_txt{width: 100%;}
	.game_adventure_content_right{margin-left: 38px;}
	.game_secret_content{flex-wrap: wrap;}
	.game_secret_content_left{width: 100%;}
	.game_secret_content_right{width: 100%;margin-top: 35px;}
	.game_secret_content_right p{text-align: center;}
	.game_secret_content_right_btn{margin: 0px auto;margin-top: 40px;}
	.game_secret_frame_content_sw_con{padding: 55px;}
	.game_secret_frame_content_sw_left{left: -66px;}
	.game_secret_frame_ico{width: 98px;left: -8px;}
	.game_secret_frame_content_box{padding: 50px 0;}
	.game_get_content_txt .game_banner_content_btn a{width: 110px;}
	.game_get_content_txt h2{font-size: 24px;}
	.game_get_content_box{padding-top: 40px;}
}
@media (max-width: 768px) {
	.game_secret_frame_content_edit{
		max-height: 88px;
		overflow: hidden;
	}
	.game_box{margin-top: 50px;}
	.game_banner_bg img:nth-of-type(2){display: block;}
	.game_banner_bg img:nth-of-type(1){display: none;}
	.game_banner_content_txt h1{font-size: 4.2vw;margin-bottom: 3.2vw;color: transparent;}
	.game_banner_content_txt p{padding-right: 0;font-size: 2vw;margin-top: 0px;line-height: 2;}
	.game_banner_content_txt{padding-top: 24vw;}
	.game_banner_content{align-items: flex-start;}
	.game_banner_bg{height: auto;}
	.game_file_down{width: 34vw;height: 6.8vw;border-radius: 3.4vw;font-size: 2.6vw;margin-top: 10.8vw;transform:none}
	.game_file_down img{width: 2.2vw;margin-right: 1.8vw;}
	.game_banner_content_btn{flex-direction: column;margin-top: 5.2vw;}
	.game_banner_content_btn a + a{margin-left: 0;margin-top: 3.8vw;}
	.game_banner_content_btn a{width: 33.2vw;}
	.game_adventure_box{width: 100%;border-radius: 0;margin-top: -12vw;}
	.game_adventure_content_box{padding: 0;}
	.game_adventure_content_left{width: 48.5%;transform: translateY(10vw);padding: 0vw 1vw;border-radius: 8.8vw;}
	.game_adventure_content_right{margin-left: 0;width: 48.5%;flex: initial;}
	.game_adventure_content_right h2{font-size: 4.2vw;margin-bottom: 3.2vw;color: transparent;}
	.game_adventure_content_right p{font-size: 2.6vw;margin-top: 1.8vw;}
	.game_adventure_content_right a{width: 42vw;height: 6.8vw;border-radius: 3.4vw;font-size: 2.4vw;margin-top: 5.8vw;}
	.game_pick_box{margin-top: 30vw;}
	.game_pick_title h2{font-size: 4.2vw;}
	.game_pick_swiper{margin-top: 5.8vw;}
	.game_pick_swiper_content{margin-top: 3.8vw;border-radius: 1.2vw;}
	.game_pick_swiper_content::before{border-radius: 1.2vw;padding: 0.6vw;}
	.game_pick_swiper_content_txt{padding: 5% 4%;min-height: 20vw;}
	.game_pick_swiper_content_txt p{font-size: 2.8vw;}
	.game_pick_swiper_col_right, .game_pick_swiper_col_left{display: none;}
	.game_pick_swiper_col{margin-top: 5.8vw;height: 6vw;}
	.game_pick_swiper_col_right{margin-left: 20vw;}
	.game_pick_swiper_col_page{font-size: 2.7vw;display: none;}
	.game_pick_swiper_col_page i{font-size: 2.7vw;}
	.game_secret_box{margin-top: 6vw;}
	.game_secret_title h2{font-size: 4.2vw;color: #FFFFFF;}
	.game_secret_content{margin-top: 7.6vw;}
	.game_secret_content_right{margin-left: 0;margin-top: 5.8vw;}
	.game_secret_content_right p{font-size: 2.8vw;margin-top: 1.8vw;}
	.game_secret_content_right_btn{width: 61vw;height: 6.8vw;font-size: 2.4vw;border-radius: 3.4vw;margin-top: 5.8vw;}
	.game_news_box{margin-top: 18vw;}
	.game_secret_frame_content{width: 88%;}
	.game_secret_frame_content_right h2{font-size: 3.2vw;}
	.game_secret_frame_content_right p{font-size: 2.4vw;margin-top: 1.8vw;line-height: 1.4;}
	.game_secret_frame_content_right a{width: 100px;height: 22px;border-radius: 3.4vw;font-size: 10px;margin-top: 4vw;font-family: 'MontserratLight';}
	.game_secret_frame_content_sw_con{padding: 7vw;}
	.game_secret_frame_content_right a img{width: 20px;margin-left: 1.8vw;}
	.game_secret_frame_content_left{width: 23vw;padding: 2px 4px;}
	.game_secret_frame_ico{width: 12vw;}
	.game_secret_frame_ico{left: 0;bottom: 1vw;}
	.game_secret_frame_content_sw_right, .game_secret_frame_content_sw_left{width: 2vw;}
	.game_secret_frame_content_sw_right{right: -2vw;}
	.game_secret_frame_content_sw_left{left: -2vw;}
	.game_secret_frame_close{width: 25px;right: -15px;top: -15px;}
	.game_secret_frame_content_box{padding: 8vw 0;}
	.game_sec5_con{padding: 2%;}
	.game_news_sw_content h2{padding: 0;font-size: 3.6vw;min-height: auto;}
	.game_news_sw_content span{width: 15vw;height: 0.4vw;margin-top: 1.8vw;}
	.game_news_sw_content{padding-top: 2.8vw;}
	.game_news_sw_content p{font-size: 2.8vw;margin-top: 2.8vw;line-height: 2;}
	.game_join_box{margin-top: 18vw;}
	.game_join_box .game_secret_title h2{padding: 0 18%;}
	.game_join_sw{width: 92%;margin-top: 7.6vw;}
	.game_join_sw .swiper-slide{border-radius: 0.8vw;}
	.game_get_box{margin-top: -13vw;}
	.game_get_bg img:nth-of-type(1){display: none;}
	.game_get_bg img:nth-of-type(2){display: block;}
	.game_get_box{width: 100%;}
	.game_get_content_txt h2{font-size: 16px;text-align: center;margin-bottom: 15px;}
	.game_get_content_box{padding: 0;align-items: flex-end;justify-content: center;padding-bottom: 8.8vw;}
	.game_get_content_txt .game_banner_content_btn{margin-top: 0;flex-direction: row;}
	.game_get_content_txt .game_banner_content_btn a + a{margin-top: 0;margin-left: 3.2vw;}
	.game_footer_box{padding-top: 8vw;padding-bottom: 3.8vw;}
	.game_footer_nav{display: none;}
	.game_footer_nav_title{font-size: 3.8vw;margin-bottom: 3.2vw;}
	.game_footer_share_ul li{width: 4.8vw;}
	.game_footer_share_ul li + li{margin-left: 1.8vw;}
	.game_secret_bg{width: 90%;right: auto;left: 50%;transform: translateX(-50%);bottom: -15%;}
	.game_secret_content_left{border-radius: 3.2vw;}
}