@charset "utf-8";
/* CSS Document */
/*字体*/
@font-face {
font-family: 'SofiaProLight-webfont';
src: url('../../fonts/SofiaProLight-webfont.eot');
src: url('../../fonts/SofiaProLight-webfontd41d.eot?#iefix')
format('embedded-opentype'),
url('../../fonts/SofiaProLight-webfont.woff') format('woff'),
url('../../fonts/SofiaProLight-webfont.ttf') format('truetype'),
url('../../fonts/SofiaProLight-webfont.svg#SofiaProLight-webfont')
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'galette-med-webfont';
src: url('../../fonts/galette-med-webfont.eot');
src: url('../../fonts/galette-med-webfontd41d.html?#iefix')
format('embedded-opentype'),
url('../../fonts/galette-med-webfont.woff') format('woff'),
url('../../fonts/galette-med-webfont.ttf') format('truetype'),
url('../../fonts/galette-med-webfont.svg#galette-med-webfont')
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: '08SeoulNamsanM_0';
src: url('../../fonts/08SeoulNamsanM_0.ttf');
format('embedded-opentype'),
url('../../fonts/08SeoulNamsanM_0.ttf') format('truetype'),
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: '08SeoulHangangM_0';
src: url('../../fonts/08SeoulHangangM_0.ttf');
format('embedded-opentype'),
url('../fonts/08SeoulHangangM_0.html') format('truetype'),
format('svg');
font-weight: normal;
font-style: normal;
}

*{ font-size:14px;}
img{ border:0;}
body{ margin:0; padding:0;font-family:SofiaProLight-webfont,Microsoft YaHei,"08SeoulNamsanM_0"; overflow-x:hidden;}

.topbaner{ background:url(../images/top_banner.html) #080808 no-repeat center top; height:910px; position:relative;}   /*可适配*/
.topToolbar{ height:45px; background-color: hsla(0, 0%, 5%, 0.3); position:fixed; top:0; z-index:111; width:100%;}
.logo{ float:left;}
.logo img{ width:68px; height:auto; margin:7px 0 0 20px;}
.nav{ float:left; margin-left:35px; }
.nav ul{ padding:0; margin:0; list-style:none;}
.nav ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 10px;}
.nav ul li a{ color:#CCC; text-decoration:none;}
.nav ul li a:hover{ color:#999;}
.user{ float:right; margin-right:20px;}
.user ul{ padding:0; margin:0; list-style:none;}
.user ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 10px;}
.user ul li a{ color:#CCC; text-decoration:none;}
.user ul li a:hover{ color:#999;}

.float_div{position:absolute; top:450px; width:100%; z-index:1111;}
.float_div p{ width:300px; margin:0 auto; padding:20px 30px;  background-color: hsla(0, 0%, 5%, 0.9); color:#fff; border-radius:15px; text-align:center; font-size:1.3em; }
.float_div p img{ float:right;margin-right:-50px; margin-top:-40px;}

.top_email_position{position:absolute; bottom:30px; width:100%; }
.top_email{ background-color: hsla(0, 0%, 5%, 0.7); width:400px;  margin:0 auto; height:130px; border-radius:30px; text-align:center; padding:5px 20px 20px 20px;}
.top_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.top_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:5px!important; margin-bottom:10px; text-align:center;}
.email_input h1{color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;  float:left; margin:10px 15px 0 25px; }
.email_input span a{ line-height:40px!important; height:40px!important;  color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:1.2em!important; padding:0 10px; display:inline-block;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 10px; text-align:center; color:#a7a7a7; line-height:50px; width:220px!important; border:0; background-color:#fff; font-size:1.6em!important; margin-right:5px!important;}
.down{ font-size:1.0em; color:#fff;  margin:0 auto;  margin-top:-5px!important; color:#FFF;line-height:10px;}
.down img{ }
.down span{ font-weight:; font-size:1.13em; color:#FC3; line-height:20px!important; display:block;}
.down a{ color:#fff; font-size:1em;}
.down h1{ font-size:2.13em; margin-top:0px; color:#FC3; }

.store_down{position:absolute; width:100%; bottom:30px; text-align:center;}
.store_down a{ margin:0 20px;}
.store_down img{ width:160px; height:auto;}

.bottom_email_position{position:absolute; top:50px; width:100%;}
.bottom_email{ background-color: hsla(0, 0%, 5%, 0.7); width:750px; margin:0 auto; height:200px; margin-top:50px; border-radius:30px; text-align:center; padding:15px 0;}
.bottom_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.bottom_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:15px;}
.email_input span a{ line-height:50px; color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:2.03em; padding:5px 10px;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 10px; text-align:center; color:#a7a7a7; line-height:50px; width:320px; border:0; background-color:#fff; font-size:2.03em; margin-right:15px;}

.btn{ padding-top:750px; position:relative; }
.btn a{color:#333; font-size:1.333em; text-decoration:none; padding:15px 55px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:50px;} /*可适配*/
.btn a:hover{} /*可适配*/

.video_iframe{ position:absolute; bottom:865px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000; width:700px; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ width:600px; height:375px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:670px; width:100%;}
.play_video img{ max-width:700px; height:auto;}

.video_btn img{ margin:20px 0;}

.content{}
.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom; height:1500px; text-align:center; position:relative;}  /*可适配*/
.story h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:6.33333em; font-weight:normal; padding-top:60px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.story p{color:#fff; font-size:1.533em; margin:0; max-width:970px; margin:0 auto; line-height:27px; margin-top:10px; margin-bottom: 25px; text-shadow: 0px 3px 5px #000;} /*可适配*/

.character{ background:url(../images/index_character.jpg) no-repeat center top; height:925px; text-align:center;}  /*可适配*/
.character h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:6.33333em; font-weight:normal; padding-top:125px;} /*可适配*/
.character p{color:#fff; font-size:1.633em; margin:0; max-width:810px; margin:0 auto; line-height:27px; margin-top:30px;} /*可适配*/
.character p a{color:#333; font-size:0.933em; text-decoration:none; padding:10px 35px; border-radius:20px; background-color:#c6bf33; text-align:center;} /*可适配*/
.character p a:hover{} /*可适配*/
.character p span{font-size:1.2em; font-weight:bold;}

.boss{ background:url(../images/index_boss.jpg) no-repeat right top; height:948px;}  /*可适配*/
.boss h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:6.33333em; font-weight:normal; padding-top:185px;max-width:650px; margin-left:10%;} /*可适配*/
.boss p{color:#fff; font-size:1.633em; margin:0; max-width:650px; line-height:27px; margin-left:10%; margin-top:10px;} /*可适配*/

.pvp{ background:url(../images/index_pvp.jpg) no-repeat center top; height:932px; text-align:center;}  /*可适配*/
.pvp h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:6.33333em; font-weight:normal; padding-top:555px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.pvp p{color:#fff; font-size:1.633em; margin:0; max-width:700px; margin:0 auto; line-height:27px; margin-top:30px;text-shadow: 0px 3px 5px #000;} /*可适配*/

.build{ background:url(../images/index_build.jpg) no-repeat left top; height:912px; position:relative;}  /*可适配*/
.build h1{ position:absolute; right:50px; color:#fff; margin:0; width:40%; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:6.33333em; font-weight:normal; margin-top:150px; } /*可适配*/
.build p{ position:absolute; right:50px; color:#fff; font-size:1.633em; width:40%; line-height:27px;  margin-top:385px;} /*可适配*/

.combat{ background:url(../images/index_combat.jpg) no-repeat center top; height:899px; text-align:center;}  /*可适配*/
.combat h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:5.53333em; font-weight:normal; padding-top:330px;} /*可适配*/
.combat p{color:#fff; font-size:1.433em; margin:0; max-width:480px; margin:0 auto; line-height:27px; margin-top:0px;} /*可适配*/

.join{ background:url(../images/join_bg.html) #080808 no-repeat center top;background-size: cover; text-align:center; position:relative; padding-top:100px;}  /*可适配*/
.phone_img{ margin-top:-50px;}/*可适配*/
.phone_img img{ width:850px; height:auto;}
.download{ position:relative; max-width:930px; width:90%; margin:0 auto; }/*可适配*/
.download span{ font-size:1.1em; font-weight:normal; color:#fff; display:block; margin-top:10px; line-height:35px;}
.download p{ color:#000; font-size:1.633em; color:#fff; margin:0; max-width:1000px; margin:0 auto; line-height:30px; margin-top:20px; margin-bottom:25px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.download p i{font-size:1em; }
.support{font-size:1.533em; font-weight:bold; text-decoration:none; color:#FC3;}
.support a{ text-decoration:none; color:#FC3!important;}
.download a{ color:#fff;}

.store_down_bottom{ margin-top:0px;}
.store_down_bottom a{ margin:0 20px;}
.store_down_bottom img{ width:160px; height:auto;}

.community{ height:98px; line-height:98px; background-color:#080808; text-align:center; color:#fff; font-size:1.33em;}
.community a{ color:#fff; margin:0 20px;}
.community img{ margin-bottom:-10px;}
.footer{ border-top:1px #080808 solid; background-color:#080808;position:relative;}
.footer_nav1{ max-width:1300px; margin:0 auto; margin-top:30px;}
.nav1{ float:left;color:#fff;}
.nav1 a{ margin:0 10px;color:#fff; text-decoration:none;}
.nav1 a:hover{ color:#999;}
.language a{ color:#fff; text-decoration:none; margin:0 10px;}
.language a:hover{ color:#999;}
.language img{ margin-bottom:1px;}
.footer_nav2{ max-width:1300px; margin:0 auto; margin-top:60px;}
.nav2{ float:left;color:#fff; margin-left:30px; margin-bottom:60px; line-height:30px;}
.nav2 a{ color:#fff; text-decoration:none; margin:0 10px;}
.nav2 a:hover{ color:#999;}

.Policy{max-width:690px; margin:0 auto; margin-top:10px; color:#fff; text-align:center;}

.bottom_down{text-align:center; margin-top:50px;}
.bottom_down img{ width:160px; height:auto;}

@media screen and (max-width:1400px){
.btn{ padding-top:780px; position:relative; }
.btn a{color:#333; font-size:1.333em; text-decoration:none; padding:15px 55px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:50px;} /*可适配*/
.btn a:hover{} /*可适配*/
	
}

@media screen and (max-width:1024px){

.float_div{position:absolute; top:450px; width:100%; z-index:1111;}
.float_div p{ width:250px; margin:0 auto; padding:10px 20px;  background-color: hsla(0, 0%, 5%, 0.9); color:#fff; border-radius:15px; text-align:center; font-size:1.1em; line-height:20px; }
.float_div p img{ float:right;margin-right:-35px; margin-top:-30px; width:40px; height:auto;}

.top_email_position{position:absolute; bottom:10px; width:100%;}
.top_email{ background-color: hsla(0, 0%, 5%, 0.7); width:350px;  margin:0 auto; height:110px; border-radius:20px; text-align:center; padding:10px 10px 10px 10px;}
.top_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.top_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:0px; text-align:center;}
.email_input h1{ display:none; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;  float:left; margin:10px 15px 0 25px; }
.email_input span a{ line-height:30px!important; height:30px!important; color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:1em!important; padding:0 10px; display:inline-block;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 10px; text-align:center; color:#a7a7a7; line-height:30px; width:180px!important; border:0; background-color:#fff; font-size:1.33em!important; margin-right:15px;}
.down{ margin-top:0px; font-size:0.7em; color:#fff;  width:100%; line-height:10px;}
.down img{ }
.down span{ font-weight:normal; text-decoration:none;font-size:1.3em;  line-height:15px!important; display:block;}
.down a{ color:#fff; font-size:1em;}
.down h1{ font-size:2em; margin-top:10px; display:block; color:#FC3;}
.store_down{position:absolute; width:100%; bottom:45px; text-align:center;}
.store_down a{ margin:0 20px;}
.store_down img{ width:133px; height:auto;}
	
.video_iframe{ position:absolute; bottom:645px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000;  width:700px;max-width:700px; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ width:600px; height:375px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:450px; width:100%;}
.play_video img{ max-width:700px; width:100%; height:auto;}
.video_btn img{ margin:20px 0; width:497px; height:auto;}
	
.topbaner{ background:url(../images/top_banner.html) no-repeat center top; background-size:1300px auto; height:680px;  position:relative;}   /*可适配*/
.btn{ padding-top:70px; position:relative; }
.btn a{color:#333; font-size:1.333em; text-decoration:none; padding:10px 30px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:20px;} /*可适配*/
.btn a:hover{} /*可适配*/

.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom;   background-size:1200px auto; height:1200px;  text-align:center;}  /*可适配*/
.story h1{ display:; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; padding-top:40px;} /*可适配*/
.story p{color:#fff; font-size:1.333em; margin:0; max-width:970px; padding:15px 5%; line-height:25px; margin-top:0px;} /*可适配*/
	
.character{ background:url(../images/index_character.jpg) no-repeat center top; background-size:1110px 535px; height:535px;  text-align:center;}  /*可适配*/
.character h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; padding-top:65px;} /*可适配*/
.character p{color:#fff; font-size:1.333em; margin:0; max-width:810px; margin:0 auto; line-height:27px; margin-top:20px; padding:15px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
.character p a{color:#333; font-size:0.933em; text-decoration:none; padding:10px 35px; border-radius:20px; background-color:#c6bf33; text-align:center;} /*可适配*/
.character p a:hover{} /*可适配*/

.build{ background:url(../images/index_build.jpg) no-repeat left top;  background-size:1258px auto; height:550px; position:relative;}  /*可适配*/
.build h1{ position:absolute; right:0; width:100%; text-align:center; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; margin-top:180px; } /*可适配*/
.build p{ position:absolute; right:0; left:0; bottom:0;  width:100%;  max-width:750px; margin:0 auto; text-align:center; color:#fff; font-size:1.333em;  max-width:none; line-height:27px;   margin-top:190px; padding:15px 0%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

.combat{ background:url(../images/index_combat.jpg) no-repeat center top; background-size:1175px auto; height:550px; text-align:center;}  /*可适配*/
.combat h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; padding-top:235px;} /*可适配*/
.combat p{color:#fff; font-size:1.333em; margin:0; max-width:1024px; margin:0 auto; line-height:27px; margin-top:130px; padding:15px 5%; background-color:hsla(0, 0%, 5%, 0.4);}  /*可适配*/

.boss{ background:url(../images/index_boss.jpg) no-repeat right top; background-size:1200px auto; height:550px;}  /*可适配*/
.boss h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; padding-top:175px;max-width:1024px; margin-left:0; text-align:center;} /*可适配*/
.boss p{color:#fff; font-size:1.333em; margin:0; max-width:1024px; line-height:27px; margin-left:0; margin-top:201px; text-align:center;padding:10px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

	
.pvp{ background:url(../images/index_pvp.jpg) no-repeat center top; background-size:1133px auto; height:550px; text-align:center;}  /*可适配*/
.pvp h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:4.33333em; font-weight:normal; padding-top:190px;} /*可适配*/
.pvp p{color:#fff; font-size:1.333em; margin:0; max-width:700px; margin:0 auto; line-height:27px; margin-top:204px;padding:15px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
	
.join{ background:url(../images/join_bg.html) #080808 no-repeat center top; background-size: cover; text-align:center; position:relative; padding-top:50px;}  /*可适配*/
.download{ position:relative; max-width:950px; width:100%; margin:0 auto; }/*可适配*/
.download span{  font-weight:normal; color:#fff;}
.phone_img{ margin-top:10px; text-align:center;}/*可适配*/
.phone_img img{ width:600px; height:auto;}
.download p{ color:#000; font-size:1.533em; color:#fff; margin:0; max-width:950px; margin:0 auto; line-height:22px; margin-top:20px; margin-bottom:25px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.support{font-size:1.533em; font-weight:bold; text-decoration:none; color:#FC3;}
.support a{ text-decoration:none; color:#FC3!important;}
.download a{ color:#fff;}

.store_down_bottom{ margin-top:10px;}
.store_down_bottom a{ margin:0 20px;}
.store_down_bottom img{ width:133px; height:auto;}

.footer{ border-top:1px #080808 solid; background-color:#080808;position:relative; padding:0 15px; padding-bottom:20px; position:relative;}
.footer_nav1{ max-width:1300px; margin:0 auto; margin-top:30px;}
.nav1{ float:left;color:#fff;}
.nav1 a{ margin:0 10px;color:#fff; text-decoration:none;}
.nav1 a:hover{ color:#999;}
.language a{ color:#fff; text-decoration:none; margin:0 10px;}
.language a:hover{ color:#999;}
.language img{ margin-bottom:1px;}
.footer_nav2{ max-width:1300px; margin:0 auto; margin-top:60px;}
.nav2{ float:none; display:block; color:#fff; text-align:center; width:100%; margin-left:0px; margin-bottom:30px; margin-top:130px; line-height:30px;}
.nav2 a{ color:#fff; text-decoration:none; margin:0 10px;}
.nav2 a:hover{ color:#999;}
	
.bottom_down{text-align:center; margin-top:50px;}
.bottom_down img{ width:133px; height:auto;}
	
}

@media screen and (max-width:650px){

.video_iframe{ position:absolute; bottom:445px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000;  width:100%; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ width:100%; height:330px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:250px; width:100%;}
.play_video img{ max-width:700px; width:100%; height:auto;}
.video_btn img{ margin:20px 0; width:497px; height:auto;}

.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom;  background-size:800px auto; height:1100px;  text-align:center;}  /*可适配*/
.phone_img{ margin-top:10px; text-align:center;}/*可适配*/
.phone_img img{ width:500px; height:auto;}

}

@media screen and (max-width:500px){
	
.float_div{position:absolute; top:350px; width:100%; z-index:1111;}
.float_div p{ width:50%; margin:0 auto; padding:5px 5px;  background-color: hsla(0, 0%, 5%, 0.9); color:#fff; border-radius:15px; text-align:center; font-size:0.8em; line-height:15px;}
.float_div p img{ float:right;margin-right:-15px; margin-top:-15px; width:30px; height:auto;}
	
.top_email_position{position:absolute; bottom:5px; width:100%;}
.top_email{ background-color: hsla(0, 0%, 5%, 0.7); width:80%;  margin:0 auto; height:115px; border-radius:10px; text-align:center; padding:7px 0 0px 0;}
.top_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.top_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:0px; text-align:center;}
.email_input h1{ display:none; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;  float:left; margin:0px 15px 0 25px; }
.email_input span a{ line-height:30px!important; height:30px!important;  color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:1em!important; padding:0px 10px; display:inline-block;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 0px; text-align:center; color:#a7a7a7; line-height:30px; width:160px!important; border:0; background-color:#fff; font-size:1em!important; margin-right:5px;}
.down{ margin-top:-15px; font-size:0.5em; color:#fff;line-height:6px}
.down img{ }
.down span{ font-weight:normal; text-decoration:none;font-size:1.6em; line-height:12px!important; display:block; margin-top:-10px;}
.down a{ color:#fff; font-size:1em;}
.down h1{ font-size:2.7em; margin-top:7px; margin-bottom:7px; display:block; color:#FC3;}
.store_down{position:absolute; width:100%; bottom:15px; text-align:center;}
.store_down a{ margin:0 20px;}
.store_down img{ width:133px; height:auto;}
	
.video_iframe{ position:absolute; bottom:350px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000; width:90%; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ max-width:500px; height:230px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:230px; width:100%;}
.play_video img{ max-width:700px; width:90%; height:auto;}
.video_btn img{ margin:20px 0; width:270px; height:auto;}

	
.topbaner{ background:url(../images/top_banner.html) no-repeat center top; background-size:680px auto; height:370px;  position:relative;}   /*可适配*/
.logo{ float:left; display:none;}
.nav{ float:left; margin-left:16px;}
.user{ float:right; margin-right:16px; }
.nav ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 6px;}
.user ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 6px;}

.btn{ padding-top:60px; position:relative; }
.btn a{color:#333; font-size:1em; text-decoration:none; padding:5px 15px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:10px;} /*可适配*/
.btn a:hover{} /*可适配*/

.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom;  background-size:600px auto; height:700px;  text-align:center;}  /*可适配*/
.story h1{ display:; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2em; font-weight:normal; padding-top:30px;} /*可适配*/
.story p{color:#fff; font-size:0.933em; margin:0; max-width:970px; padding:15px 5%; line-height:25px; margin-top:0px;} /*可适配*/
	
.character{ background:url(../images/index_character.jpg) no-repeat center top; background-size:1080px auto; height:480px;  text-align:center;}  /*可适配*/
.character h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:35px;} /*可适配*/
.character p{color:#fff; font-size:0.9333em; margin:0; max-width:810px; margin:0 auto; line-height:22px; margin-top:20px; padding:7px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
.character p a{color:#333; font-size:0.933em; text-decoration:none; padding:10px 35px; border-radius:20px; background-color:#c6bf33; text-align:center;} /*可适配*/
.character p a:hover{} /*可适配*/

.build{ background:url(../images/index_build.jpg) no-repeat left top;  background-size:1100px auto; height:450px; position:relative;}  /*可适配*/
.build h1{ position:absolute; right:0; width:100%; text-align:center; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; margin-top:170px; } /*可适配*/
.build p{ position:absolute; right:0; left:0; bottom:0px;  width:100%;  max-width:750px; margin:0 auto; text-align:center; color:#fff; font-size:0.9333em;  max-width:none; line-height:22px;    padding:7px 0%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

.combat{ background:url(../images/index_combat.jpg) no-repeat center top; background-size:800px auto; height:360px; text-align:center;}  /*可适配*/
.combat h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:160px;} /*可适配*/
.combat p{color:#fff; font-size:0.9333em; margin:0; max-width:1024px; margin:0 auto; line-height:22px; margin-top:53px; padding:10px 5%; background-color:hsla(0, 0%, 5%, 0.4);}  /*可适配*/

.boss{ background:url(../images/index_boss.jpg) no-repeat right top; background-size:700px auto; height:345px;}  /*可适配*/
.boss h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:115px;max-width:1024px; margin-left:0; text-align:center;} /*可适配*/
.boss p{color:#fff; font-size:0.9333em; margin:0; max-width:1024px; line-height:20px; margin-left:0; margin-top:121px; text-align:center;padding:5px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

	
.pvp{ background:url(../images/index_pvp.jpg) no-repeat center top; background-size:1000px auto; height:485px; text-align:center;}  /*可适配*/
.pvp h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:170px;} /*可适配*/
.pvp p{color:#fff; font-size:0.9333em; margin:0; max-width:700px; margin:0 auto; line-height:22px; margin-top:196px;padding:7px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
	
.join{ background:url(../images/join_bg.html) #080808 no-repeat center top; background-size: cover; text-align:center; position:relative; padding-top:20px; }  /*可适配*/
.download{ position:relative; max-width:370px; width:100%; margin:0 auto; }/*可适配*/
.download span{  line-height:22px; font-weight:normal; color:#fff;}
.phone_img{ margin-top:20px; text-align:center;}/*可适配*/
.phone_img img{ width:370px; height:auto;}
.download p{ color:#000; font-size:1.2em; color:#fff; margin:0; max-width:950px; margin:0 10px; line-height:22px; margin-top:10px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.support{font-size:1.533em; font-weight:bold; text-decoration:none; color:#FC3;}
.support a{ text-decoration:none; color:#FC3!important;}
.download a{ color:#fff;}
.store_down_bottom{}
.store_down_bottom a{ margin:0 10px;}
.store_down_bottom img{ width:133px; height:auto;}

.community{ height:98px; line-height:98px; background-color:#080808; text-align:center; color:#fff; font-size:1.33em;}
.community a{ color:#fff; margin:0 5px;}
.community img{ margin-bottom:-10px;}

.footer{ border-top:1px #080808 solid; background-color:#080808;position:relative; padding:0 15px; padding-bottom:5px; position:relative;}
.footer_nav1{ max-width:1300px; margin:0 auto; margin-top:30px;}
.nav1{ float:left;color:#fff;}
.nav1 a{ margin:0 10px;color:#fff; text-decoration:none;}
.nav1 a:hover{ color:#999;}
.footer_nav2{ max-width:1300px; margin:0 auto; margin-top:60px;}
.nav2{ float:none; display:block; color:#fff; text-align:center; width:100%; margin-left:0px; margin-bottom:30px; margin-top:130px; line-height:25px;}
.nav2 a{ color:#fff; text-decoration:none; margin:0 5px;}
.nav2 a:hover{ color:#999;}	
}

@media screen and (max-width:375px){
		
.float_div{position:absolute; top:350px; width:100%; z-index:1111;}
.float_div p{ width:50%; margin:0 auto; padding:5px 5px;  background-color: hsla(0, 0%, 5%, 0.9); color:#fff; border-radius:15px; text-align:center; font-size:0.8em; line-height:15px;}
.float_div p img{ float:right;margin-right:-15px; margin-top:-15px; width:30px; height:auto;}
	
.top_email_position{position:absolute; bottom:5px; width:100%;}
.top_email{ background-color: hsla(0, 0%, 5%, 0.7); width:90%;  margin:0 auto; height:105px; border-radius:10px; text-align:center; padding:5px 5px 0px 5px;}
.top_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.top_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:0px; text-align:center;}
.email_input h1{ display:none; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;  float:left; margin:0px 15px 0 25px; }
.email_input span a{  color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:1em!important; padding:3px 10px; display:inline;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 0px; text-align:center; color:#a7a7a7; line-height:25px; width:180px!important; border:0; background-color:#fff; font-size:1em!important; margin-right:5px;}
.down{ margin-top:-15px; font-size:0.5em; color:#fff;line-height:6px}
.down img{ }
.down span{ font-weight:normal; text-decoration:none;font-size:1.6em; line-height:12px!important; display:block; margin-top:-10px;}
.down a{ color:#fff; font-size:1em;}
.down h1{ font-size:2.7em; margin-top:-10px; margin-bottom:5px; display:block; color:#FC3;}
.store_down{position:absolute; width:100%; bottom:0px; text-align:center;}
.store_down a{ margin:0 20px;}
.store_down img{ width:133px; height:auto;}
	
.video_iframe{ position:absolute; bottom:297px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000; width:90%; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ max-width:500px; height:190px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:180px; width:100%;}
.play_video img{ max-width:700px; width:90%; height:auto;}
.video_btn img{ margin:20px 0; width:270px; height:auto;}
	
.topbaner{ background:url(../images/top_banner.html) no-repeat center top; background-size:600px auto; height:320px;  position:relative;}   /*可适配*/
.logo{ float:left; display:none;}
.nav{ float:left; margin-left:16px;}
.user{ float:right; margin-right:16px; }
.nav ul li{ float:left; color:#CCC;height:55px; line-height:45px; margin:0 4px; }
.user ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 4px;}

.btn{ padding-top:60px; position:relative; }
.btn a{color:#333; font-size:1em; text-decoration:none; padding:5px 15px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:10px;} /*可适配*/
.btn a:hover{} /*可适配*/

.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom;  background-size:450px auto; height:600px;  text-align:center;}  /*可适配*/
.story h1{ display:; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2em; font-weight:normal; padding-top:30px;} /*可适配*/
.story p{color:#fff; font-size:0.933em; margin:0; max-width:970px; padding:15px 5%; line-height:25px; margin-top:0px;} /*可适配*/
	
.character{ background:url(../images/index_character.jpg) no-repeat center top; background-size:1080px auto; height:480px;  text-align:center;}  /*可适配*/
.character h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:35px;} /*可适配*/
.character p{color:#fff; font-size:0.9333em; margin:0; max-width:810px; margin:0 auto; line-height:22px; margin-top:20px; padding:7px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
.character p a{color:#333; font-size:0.933em; text-decoration:none; padding:10px 35px; border-radius:20px; background-color:#c6bf33; text-align:center;} /*可适配*/
.character p a:hover{} /*可适配*/

.build{ background:url(../images/index_build.jpg) no-repeat left top;  background-size:1100px auto; height:450px; position:relative;}  /*可适配*/
.build h1{ position:absolute; right:0; width:100%; text-align:center; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; margin-top:170px; } /*可适配*/
.build p{ position:absolute; right:0; left:0; bottom:0px;  width:100%;  max-width:750px; margin:0 auto; text-align:center; color:#fff; font-size:0.9333em;  max-width:none; line-height:22px;    padding:7px 0%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

.combat{ background:url(../images/index_combat.jpg) no-repeat center top; background-size:800px auto; height:360px; text-align:center;}  /*可适配*/
.combat h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:160px;} /*可适配*/
.combat p{color:#fff; font-size:0.9333em; margin:0; max-width:1024px; margin:0 auto; line-height:22px; margin-top:53px; padding:10px 5%; background-color:hsla(0, 0%, 5%, 0.4);}  /*可适配*/

.boss{ background:url(../images/index_boss.jpg) no-repeat right top; background-size:700px auto; height:345px;}  /*可适配*/
.boss h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:115px;max-width:1024px; margin-left:0; text-align:center;} /*可适配*/
.boss p{color:#fff; font-size:0.9333em; margin:0; max-width:1024px; line-height:20px; margin-left:0; margin-top:121px; text-align:center;padding:5px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

	
.pvp{ background:url(../images/index_pvp.jpg) no-repeat center top; background-size:1000px auto; height:485px; text-align:center;}  /*可适配*/
.pvp h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:170px;} /*可适配*/
.pvp p{color:#fff; font-size:0.9333em; margin:0; max-width:700px; margin:0 auto; line-height:22px; margin-top:196px;padding:7px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/
	
.join{ background:url(../images/join_bg.html) #080808 no-repeat center top; background-size: cover; text-align:center; position:relative; padding-top:20px; }  /*可适配*/
.download{ position:relative; max-width:1450px; width:100%; margin:0 auto; }/*可适配*/
.download span{ line-height:22px; font-weight:normal; color:#fff;}
.phone_img{ margin-top:20px; text-align:center;}/*可适配*/
.phone_img img{ width:350px; height:auto;}
.download p{ color:#000; font-size:0.933em; color:#fff; margin:0; max-width:950px; margin:0 10px; line-height:22px; margin-top:10px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.support{font-size:1.533em; font-weight:bold; text-decoration:none; color:#FC3;}
.support a{ text-decoration:none; color:#FC3!important;}
.download a{ color:#fff;}

.community{ height:98px; line-height:98px; background-color:#080808; text-align:center; color:#fff; font-size:1.33em;}
.community a{ color:#fff; margin:0 5px;}
.community img{ margin-bottom:-10px;}

.footer{ border-top:1px #080808 solid; background-color:#080808;position:relative; padding:0 15px; padding-bottom:5px; position:relative;}
.footer_nav1{ max-width:1300px; margin:0 auto; margin-top:30px;}
.nav1{ float:left;color:#fff;}
.nav1 a{ margin:0 10px;color:#fff; text-decoration:none;}
.nav1 a:hover{ color:#999;}
.language a{ color:#fff; text-decoration:none; margin:0 10px;}
.language a:hover{ color:#999;}
.language img{ margin-bottom:1px;}
.footer_nav2{ max-width:1300px; margin:0 auto; margin-top:60px;}
.nav2{ float:none; display:block; color:#fff; text-align:center; width:100%; margin-left:0px; margin-bottom:30px; margin-top:130px; line-height:30px;}
.nav2 a{ color:#fff; text-decoration:none; margin:0 5px;}
.nav2 a:hover{ color:#999;}	
}

@media screen and (max-width:320px){
*{ font-size:12px;}
	
.float_div{position:absolute; top:300px; width:100%; z-index:1111;}
.float_div p{ width:50%; margin:0 auto; padding:5px 5px;  background-color: hsla(0, 0%, 5%, 0.9); color:#fff; border-radius:10px; text-align:center; font-size:0.8em; line-height:15px;}
.float_div p img{ float:right;margin-right:-15px; margin-top:-15px; width:25px; height:auto;}
	
.logo{ float:left; display:none;}
.nav{ float:left; margin-left:16px;}
.user{ float:right; margin-right:16px; }
.nav ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 4px; }
.user ul li{ float:left; color:#CCC;height:45px; line-height:45px; margin:0 4px;}

.top_email_position{position:absolute; bottom:5px; width:100%;}
.top_email{ background-color: hsla(0, 0%, 5%, 0.7); width:90%;  margin:0 auto; height:100px; border-radius:10px; text-align:center; padding:2px 5px 0px 5px;}
.top_email h1{ margin:0; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;}
.top_email h2{ margin:0; color:#fff;font-size:2.03em; font-weight:normal;}
.email_input{ margin-top:0px; text-align:center;}
.email_input h1{ display:none; color:#fff;font-size:3.133em;font-weight:normal; line-height:35px;  float:left; margin:0px 15px 0 25px; }
.email_input span a{  color:#fff;border-radius:30px; text-align:center; text-decoration:none; background-color:#54b2e0;font-size:1em!important; padding:3px 10px; display:inline;}
.email_input span a:hover{background-color:#67c6f4;}
.input01{border-radius:30px; padding:0 0px; text-align:center; color:#a7a7a7; line-height:25px; width:160px!important; border:0; background-color:#fff; font-size:1em!important; margin-right:5px;}
.down{ margin-top:-15px; font-size:0.5em; color:#fff;line-height:6px}
.down img{ }
.down span{ font-weight:normal; text-decoration:none;font-size:1.6em; line-height:12px!important; display:block; margin-top:-10px;}
.down a{ color:#fff; font-size:1em;}
.down h1{ font-size:2.1em; margin-top:-10px; display:block; color:#FC3;}
.store_down{position:absolute; width:100%; bottom:0px; text-align:center;}
.store_down a{ margin:0 10px;}
.store_down img{ width:133px; height:auto;}
	
.video_iframe{ position:absolute; bottom:275px; width:100%; margin:0 auto;  text-align:center; z-index:900;}/*可适配*/
.iframe_width{background-color:#000; width:90%; margin:0 auto; position:relative; z-index:99999;}/*可适配*/
.iframe_width iframe{ max-width:500px; height:150px;}/*可适配*/
.close{ position:absolute; right:5px; top:5px; display:none;}/*可适配*/

.play_video{ position:absolute; bottom:160px; width:100%;}
.play_video img{ max-width:700px; width:90%; height:auto;}
.video_btn img{ margin:20px 0; width:250px; height:auto;}
	
.topbaner{ background:url(../images/top_banner.html) no-repeat center top; background-size:540px auto; height:290px;  position:relative;}   /*可适配*/

.btn{ padding-top:60px; position:relative; }
.btn a{color:#333; font-size:1em; text-decoration:none; padding:5px 15px; border-radius:50px; background-color:#c6bf33; text-align:center; position:absolute; right:10px;} /*可适配*/
.btn a:hover{} /*可适配*/

.story{ background:url(../images/index_story.png) #080808 no-repeat center bottom;  background-size:450px auto; height:500px;  text-align:center;}  /*可适配*/
.story h1{ display:; color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2em; font-weight:normal; padding-top:30px;} /*可适配*/
.story p{color:#fff; font-size:0.933em; margin:0; max-width:970px; padding:15px 5%; line-height:20px; margin-top:0px;} /*可适配*/

.boss{ background:url(../images/index_boss.jpg) no-repeat right top; background-size:700px auto; height:345px;}  /*可适配*/
.boss h1{ color:#fff; margin:0; font-family:'galette-med-webfont',"Microsoft YaHei","08SeoulHangangM_0"; font-size:2.33333em; font-weight:normal; padding-top:115px;max-width:1024px; margin-left:0; text-align:center;} /*可适配*/
.boss p{color:#fff; font-size:0.9333em; margin:0; max-width:1024px; line-height:20px; margin-left:0; margin-top:101px; text-align:center;padding:5px 5%; background-color:hsla(0, 0%, 5%, 0.4);} /*可适配*/

.join{ background:url(../images/join_bg.html) #080808 no-repeat center top; background-size: cover; text-align:center; position:relative;}  /*可适配*/
.download{ position:relative; max-width:1450px; width:100%; margin:0 auto; }/*可适配*/
.download span{ line-height:23px; font-weight:normal; color:#fff; }
.phone_img{ margin-top:10px; text-align:center;}/*可适配*/
.phone_img img{ width:300px; height:auto;}
.download p{ color:#000; font-size:1.1em; color:#fff; margin:0; max-width:950px; margin:0 10px; line-height:22px; margin-top:10px; text-shadow: 0px 3px 5px #000;} /*可适配*/
.support{font-size:1.533em; font-weight:bold; text-decoration:none; color:#FC3;}
.support a{ text-decoration:none; color:#FC3!important;}
.download a{ color:#fff;}
.store_down_bottom{}
.store_down_bottom a{ margin:0 10px;}
.store_down_bottom img{ width:113px; height:auto;}

.footer{ border-top:1px #080808 solid; background-color:#080808;position:relative; padding:0 15px; padding-bottom:5px; position:relative;}
.footer_nav1{ max-width:1300px; margin:0 auto; margin-top:30px;}
.nav1{ float:left;color:#fff;}
.nav1 a{ margin:0 10px;color:#fff; text-decoration:none;}
.nav1 a:hover{ color:#999;}
.language a{ color:#fff; text-decoration:none; margin:0 10px;}
.language a:hover{ color:#999;}
.language img{ margin-bottom:1px;}
.footer_nav2{ max-width:1300px; margin:0 auto; margin-top:60px;}
.nav2{ float:none; display:block; color:#fff; text-align:center; width:100%; margin-left:0px; margin-bottom:30px; margin-top:130px; line-height:30px;}
.nav2 a{ color:#fff; text-decoration:none; margin:0 5px;}
.nav2 a:hover{ color:#999;}	

}

/* Refactor: common responsive foundation */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { max-width: 100%; overflow-x: hidden; }
img, video, iframe, object, embed { max-width: 100%; height: auto; }
.site-brand-text,
.site-header__brand {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .02em;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.site-header {
  width: 100%;
  background: #c7101b;
  position: relative;
  z-index: 1000;
}
.site-header__inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.site-header__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(12px, 2vw, 28px);
  flex-wrap: wrap;
}
.site-header__nav a {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.header_width, .content, .content_position, .footer, .footer2, .about_bg, .contact_width, .support_width {
  max-width: 100%;
}
.nav ul { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.nav li { white-space: nowrap; }
@media (max-width: 1024px) {
  .header_width { width: 100% !important; padding: 0 16px; }
  .content { width: 100% !important; }
  .footer, .footer2 { padding-left: 16px; padding-right: 16px; }
  .main_image, .main_image ul, .main_image li, .full_banner, .full_banner0 { max-width: 100%; }
}
@media (max-width: 768px) {
  .site-header__inner { flex-direction: column; align-items: flex-start; padding: 12px 16px; gap: 10px; }
  .site-header__nav { justify-content: flex-start; gap: 10px 16px; }
  .site-header__nav a { font-size: 13px; }
  .site-brand-text, .site-header__brand { font-size: 18px; min-height: 36px; }
  .header { height: auto !important; }
  .header_width { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .logo { float: none !important; margin: 0 !important; padding: 10px 0 !important; width: auto !important; }
  .menu { float: none !important; margin-left: auto; }
  .nav { width: 100% !important; clear: both; }
  .nav ul { flex-direction: column; align-items: flex-start; padding: 10px 0; }
  .nav li { width: 100%; }
  .nav a { display: block; padding: 8px 0; }
  .content_position { width: 100% !important; }
  .footer, .footer2, .footer_right, .footer_copyright { float: none !important; width: 100% !important; text-align: center; }
  .footer_nav ul { justify-content: center; }
}
@media (max-width: 480px) {
  body { font-size: 14px; }
  h1 { font-size: clamp(28px, 9vw, 42px) !important; line-height: 1.15 !important; }
  h2 { font-size: clamp(22px, 7vw, 32px) !important; line-height: 1.2 !important; }
  p { line-height: 1.55; }
}

/* Refactor: Terminator page responsive fixes */
.site-header { background: #c7101b !important; padding: 0 !important; }
.site-header__inner { box-sizing: border-box; }
.join, .download, .content, .story, .footer, .community { max-width: 100%; }
.phone_img img { width: min(100%, 1000px); height: auto; }
.store_down_bottom { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.store_down_bottom img { max-width: 180px; height: auto; }
.video_iframe, .iframe_width { max-width: 100%; }
@media (max-width: 900px) {
  .download { padding: 28px 16px; text-align: center; }
  .download p { font-size: clamp(18px, 4vw, 28px); line-height: 1.3; }
  .story { min-height: 420px; height: auto; padding: 60px 16px; }
  .story h1 { font-size: clamp(34px, 8vw, 80px) !important; }
  .community { padding: 24px 16px; font-size: clamp(22px, 6vw, 44px); text-align: center; }
  .footer { padding: 24px 16px; }
}