@media screen and (max-width:1650px){
.net_bg{
	background: url(../img/bg_2.png) no-repeat center;
	background-size: cover;
}
.c3block_cont,.c3block_cont > div {
    height: 520px;
}
}
@media screen and (max-width:1520px){
.c3block_cont,.c3block_cont > div {
    height: 450px;
}
}
@media screen and (max-width:1350px){
.net_bg{
	background: url(../img/bg_3.png) no-repeat center;
	background-size: cover;
}
.kv{
	height: 800px;
}
.ctbg {
    height: 600px;
    margin-bottom: 150px;
}	
.cont1{
	padding-top: 150px;
}
.cont1 .ctbg{
	background: url(../img/bg2.png) no-repeat center top;
	background-size: contain;
}
.cont2 .ctbg{
	background: url(../img/bg3.png) no-repeat center top;
	background-size: contain;
}
.cont3 .ctbg{
	background: url(../img/bg4.png) no-repeat center top;
	background-size: contain;
}
.cont4 .ctbg{
	background: url(../img/bg5.jpg) no-repeat center top;
	background-size: cover;
	height: 1000px;
}
.c3block_cont,.c3block_cont > div {
    height: 400px;
}
}
@media screen and (max-width:1250px){
.levelbar{
	min-width: 1100px;
}
.bar_t .lv{
	margin: 50px 2px 10px 2px;
}
.bar_b > span.m1{
	left: 125px;
}
.bar_b > span.m2{
	left: 400px;
}
.bar_b > span.m3{
	left: 675px;
}
.bar_b > span.m4{
	left: 864px;
}
}
@media screen and (max-width:1220px){
.kv{
	background-size: cover;
	height: 700px;
	margin-bottom: 50px;
}
.sp2,.prize_table{
	width: 95%;
}
.c3block_cont,.c3block_cont > div {
    height: 370px;
}
.levelbar_out{
 width: calc(100vw - 40px);
}
.txt1{
	background: url(../img/t01a.png) no-repeat center ;
	background-size: contain;
	width: 100%;
	height: 125px;
}	
.txt3{
	background: url(../img/t03a.png) no-repeat center ;
	background-size: contain;
	width: 100%;
	height: 27px;
}
.txt4{
	background: url(../img/t04a.png) no-repeat center ;
	background-size: contain;
	width: 100%;
	height: 77px;
}
.txt5{
	background: url(../img/t05a.png) no-repeat center ;
	background-size: contain;
	width: 100%;
	height: 77px;
}
.txt6{
	background: url(../img/t06a.png) no-repeat center ;
	background-size: contain;
	width: 100%;
	height: 81px;
}
}
@media screen and (max-width:1120px){
.net_bg{
	background: url(../img/bg_4.png) no-repeat center;
	background-size: cover;
}
.ctbg {
    height: 500px;
}
.cont4 .ctbg{
	height: 800px;
}
.c4block > div {
    width: 45%;
	margin: 20px 1%;
}
.c4block > div,.c4block > div iframe{
	height: 300px;
}
.c3block_cont,.c3block_cont > div {
    height: 350px;
}
}
@media screen and (max-width:900px){
.net_bg{
	background: url(../img/bg_5.png) no-repeat center;
	background-size: cover;
}
.c3block_cont{
	height: 300px;
}
.c3block_cont > div {
	width: calc(25% - 25px);
	margin: 0 3px;
    height: 300px;
}
.ctbg {
    height: 450px;
}
.cont4 .ctbg{
	height: 700px;
}
.c4block > div {
    height: 480px;
}
.p09{
	width: 400px;
	height: 250px;
}
h3, h4 {
    font-size: 24px;
    line-height: 28px;
}
.sidenav a{
	margin: 15px 5px 50px 0;
}
.sidenav a span{
	margin: 40px -5px 0 0;	
}
.prize_table table td{
	display: block;
}
.prize_table table td:first-child{
	width: calc(100% - 40px);
	text-align: center;
}
.prize_table table td:last-child{
	width: calc(100% - 40px);
	border-left: none;
	border-top: 1px dashed #444;
}
.p_pic > div{
	margin: 2px;
	height: 200px;
}
.p_pic.mega_p > div{
	height: 280px;
}
.p_pic.mega_p div.prize_p{
	height: calc(100% - 90px);
}
.c4block > div,.c4block > div iframe{
	height: 250px;
}
.maininfo p,.prize p,.Gleam p,.Story p,.ct3,.cont_p{
	width: 95%;
}
}
@media screen and (max-width:800px){
.ctbg {
    height: 350px;
}
.cont4 .ctbg{
	height: 550px;
}
.p_pic > div{
	width: 48%;
	margin: 5px 2px;
}
.c3block_cont,.c3block_cont > div {
    height: 230px;
}
}
@media screen and (max-width:700px){
.net_bg{
	background: url(../img/bg_6.png) no-repeat center;
	background-size: cover;
}
.ctbg {
    height: 300px;
    margin-bottom: 100px;
}
.cont4 .ctbg{
	height: 470px;
}
.c4block > div {
    width: 40%;
	margin: 0 2%;
}
.p09{
	width: 300px;
	height: 200px;
}
.prize_p{
	height: calc(100% - 65px);
}
.p_pic b{
	display: block;
}
}
@media screen and (max-width:650px){
.levelbar{
	min-width: 800px;
}
.bar_b{
	background: url(../img/bar.png) no-repeat top center ;
	background-size: contain;
	width: 700px;
}
.bar_b > span.m1{
	left: 30px;
}
.bar_b > span.m2{
	left: 260px;
}
.bar_b > span.m3{
	left: 500px;
}
.bar_b > span.m4{
	left: 660px;
}
.lv{
	width: 150px;
	height: 200px;
}
.lv1{
	background: url(../img/lv1.png) #000 no-repeat center top;
	background-size: contain;
}
.lv2{
	background: url(../img/lv2.png) #000 no-repeat center top;
	background-size: contain;
}
.lv3{
	background: url(../img/lv3.png) #000 no-repeat center top;
	background-size: contain;
}
.lv4{
	background: url(../img/lv4.png) #000 no-repeat center top;
	background-size: contain;
}
.lv.lv4m{
	width: 160px;
	background: url(../img/lv4m.png) #000 no-repeat center top;
	background-size: contain;
}
.lv5{
	background: url(../img/lv5.png) no-repeat center ;
	background-size: contain;
}
.c4block > div{
	display: block;
	width: 90%;
	margin: 10px auto;
}
}
@media screen and (max-width:600px){
.net_bg{
	background: url(../img/bg_7.png) no-repeat center;
	background-size: cover;
}
html{
	-webkit-text-size-adjust:none;
	font-size: 16px;
}	
a.water{
	right: 0;
	bottom: 0;
}
.kv{
	background: url(../img/kv2.jpg) no-repeat top center ;
	background-size: contain;
	width: 100%;
	height: 800px;
}
.c3block_cont{
	height: 200px;
}
.c3block_cont > div {
    height: 200px;
}
.ctbg {
    height: 250px;
}
.cont4 .ctbg{
	height: 400px;
}
h3,h4,.phase_but > div{
	font-size: 20px;
}
.cont a,.sp2 a,h5,h6{
	font-size: 18px;
}
.p_pic > div{
	font-size: 12px;
}
.net_bg{
	width: 100vw;
}
}
@media screen and (max-width:500px){
.net_bg{
	background: url(../img/bg_8.png) no-repeat center;
	background-size: cover;
}
.kv{
	height: 650px;
}
.ctbg {
    height: 200px;
}
.cont4 .ctbg{
	height: 320px;
}
.c4block > div{
	height: 400px;
}
.sidenav{
	bottom: 80px;
}
.sidenav a{
	margin: 15px 5px 40px 0;
}
.sidenav a span{
	font-size: 12px;
	margin: 40px -5px 0 0;	
}
.c3block_cont,.c3block_cont > div {
    height: 150px;
}
}
@media screen and (max-width:420px){
.net_bg{
	background: url(../img/bg_9.png) no-repeat center;
	background-size: cover;
}
.kv{
	height: 540px;
}
.txt2 {
    height: 30px;
}
.c4block > div{
	height: 310px;
}
.prize_table table td{
	padding: 10px;
}
.prize_table table td:first-child,.prize_table table td:last-child{
	width: calc(100% - 20px);
}
.levelbar_out {
    width: 100vw;
    text-align: center;
}
.levelbar {
    min-width: 600px;
}
.bar_b{
	width: 550px;
}
.bar_b > span.m1{
	left: 30px;
}
.bar_b > span.m2{
	left: 210px;
}
.bar_b > span.m3{
	left: 385px;
}
.bar_b > span.m4{
	left: 500px;
}
.lv{
	width: 110px;
	height: 150px;
}
.p09{
	width: 250px;
	height: 180px;
}
a.but3{
	background: url(../img/but02b.png) no-repeat center ;
	width: 272px;
	height: 65px;
}
a.but3:hover{
	background: url(../img/but02c.png) no-repeat center ;
}
.phase_but > div{
	font-size:16px;
}
.c3block_cont,.c3block_cont > div {
    height: 100px;
}
}
@media screen and (max-width:2000px){
.kv > div{
	width: 800px;
	left: calc(50% - 400px);
}
.kvt1{
	height: 140px;
	top: 18%;	
}
.kvt2{
	height: 260px;
	top: calc(18% + 160px);
}
.kvt3{
	height: 70px;
	top: calc(18% + 450px);
}
.kvt4{
	height: 65px;
	top: calc(18% + 530px);
}	
}
@media screen and (max-height:1000px){
.kv > div{
	width: 800px;
	left: calc(50% - 400px);
}
.kvt1{
	height: 140px;
	top: 18%;	
}
.kvt2{
	height: 260px;
	top: calc(18% + 160px);
}
.kvt3{
	height: 70px;
	top: calc(18% + 450px);
}
.kvt4{
	height: 65px;
	top: calc(18% + 530px);
}
}
@media screen and (max-width:1600px){
.kv > div{
	width: 700px;
	left: calc(50% - 350px);
}
.kvt1{
	height: 130px;
	top: 18%;	
}
.kvt2{
	height: 250px;
	top: calc(18% + 150px);
}
.kvt3{
	height: 65px;
	top: calc(18% + 400px);
}
.kvt4{
	height: 60px;
	top: calc(18% + 470px);
}
}
@media screen and (max-width:1500px){
.kv > div{
	width: 600px;
	left: calc(50% - 300px);
}
.kvt1{
	height: 120px;
	top: 18%;	
}
.kvt2{
	height: 250px;
	top: calc(18% + 140px);
}
.kvt3{
	height: 55px;
	top: calc(18% + 350px);
}
.kvt4{
	height: 50px;
	top: calc(18% + 410px);
}
}
@media screen and (max-width:1250px){
.kv > div{
	width: 600px;
	left: calc(50% - 300px);
}
.kvt1{
	height: 120px;
	top: 16%;	
}
.kvt2{
	height: 250px;
	top: calc(16% + 140px);
}
.kvt3{
	height: 55px;
	top: calc(16% + 350px);
}
.kvt4{
	height: 50px;
	top: calc(16% + 410px);
}
}
@media screen and (max-height:800px){
.kv > div{
	width: 600px;
	left: calc(50% - 300px);
}
.kvt1{
	height: 120px;
	top: 18%;	
}
.kvt2{
	height: 250px;
	top: calc(18% + 140px);
}
.kvt3{
	height: 55px;
	top: calc(18% + 350px);
}
.kvt4{
	height: 50px;
	top: calc(18% + 410px);
}
}
@media screen and (max-width:1250px){
.kv > div{
	width: 500px;
	left: calc(50% - 250px);
}
.kvt1{
	height: 100px;
	top: 18%;	
}
.kvt2{
	height: 230px;
	top: calc(18% + 120px);
}
.kvt3{
	height: 45px;
	top: calc(18% + 300px);
}
.kvt4{
	height: 40px;
	top: calc(18% + 350px);
}
}
@media screen and (max-height:650px){
.kv > div{
	width: 500px;
	left: calc(50% - 250px);
}
.kvt1{
	height: 100px;
	top: 18%;	
}
.kvt2{
	height: 230px;
	top: calc(18% + 120px);
}
.kvt3{
	height: 45px;
	top: calc(18% + 300px);
}
.kvt4{
	height: 40px;
	top: calc(18% + 350px);
}
}
@media screen and (max-width:600px){
.kv > div{
	width: 420px;
	left: calc(50% - 210px);
}
.kvt1{
	height: 70px;
	top: 15%;	
}
.kvt2{
	height: 220px;
	top: calc(15% + 90px);
}
.kvt3{
	height: 45px;
	top: calc(15% + 240px);
}
.kvt4{
	height: 35px;
	top: calc(15% + 280px);
}
}
@media screen and (max-width:520px){
.kv > div{
	width: 360px;
	left: calc(50% - 180px);
}
.kvt1{
	height: 70px;
	top: 13%;	
}
.kvt2{
	height: 220px;
	top: calc(13% + 90px);
}
.kvt3{
	height: 45px;
	top: calc(13% + 225px);
}
.kvt4{
	height: 28px;
	top: calc(13% + 260px);
}
}
@media screen and (max-width:470px){
.kv > div{
	width: 320px;
	left: calc(50% - 160px);
}
.kvt1{
	height: 60px;
	top: 13%;	
}
.kvt2{
	height: 220px;
	top: calc(13% + 80px);
}
.kvt3{
	height: 40px;
	top: calc(13% + 195px);
}
.kvt4{
	height: 22px;
	top: calc(13% + 230px);
}
}
@media screen and (max-width:420px){
.kv > div{
	width: 280px;
	left: calc(50% - 140px);
}
.kvt1{
	height: 50px;
	top: 13%;	
}
.kvt2{
	height: 220px;
	top: calc(13% + 70px);
}
.kvt3{
	height: 40px;
	top: calc(13% + 170px);
}
.kvt4{
	height: 22px;
	top: calc(13% + 200px);
}
a.toplink{
	width: calc(100% - 30px);
	height: 28px;
	padding: 0 15px;
	font-size: 20px;
}
}
@media screen and (max-width:360px){
.kv{
	height: 470px;
}
.kv > div{
	width: 250px;
	left: calc(50% - 125px);
}
.kvt1{
	height: 50px;
	top: 13%;	
}
.kvt2{
	height: 220px;
	top: calc(13% + 70px);
}
.kvt3{
	height: 40px;
	top: calc(13% + 160px);
}
.kvt4{
	height: 20px;
	top: calc(13% + 190px);
}
}
@media screen and (max-width:350px){
.p09{
	width: 220px;
	height: 160px;
}
.kv{
	height: 440px;
}	
}
@media screen and (max-width:320px){
.kv{
	height: 420px;
}
.kv > div{
	width: 220px;
	left: calc(50% - 110px);
}
.kvt1{
	height: 50px;
	top: 13%;	
}
.kvt2{
	height: 220px;
	top: calc(13% + 65px);
}
.kvt3{
	height: 40px;
	top: calc(13% + 150px);
}
.kvt4{
	height: 16px;
	top: calc(13% + 175px);
}
}