@media all and (max-width: 1334px){
.container{
	width:900px;
	
}

body{
font-size: 30px;
text-align: left;	
}

 body {
      min-height: 900px;
    }

    .btn-up {
     right:100px;
      bottom:300px;
      width: 70px;
      height: 70px;
    }

.footer{
text-align: left;
font-size: 30px;	
}

.div57{
position: fixed;
top: 0px;
left:0px;
height: 80px;
width: 100%;
background: #670000;
z-index: 1;
display: block;
}

.Kv000{
height: 80px;
background: #670000;	
}

.divempty1{
height: 40px;
}

.item00{
font-size: 25px;	
}

.item00_1{
font-size: 25px;	
}

.gamb308{
position: fixed;
top:18px;
left: 18px;	
background: url(../Pict/gambn.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 45px;
cursor: pointer;	
display: block;
z-index: 4;
}
.div308{
position: fixed;
top: 0px;
left: 0px;
width: 800px;
z-index: 4;
display: none;
overflow-y: scroll;
max-height: 500px;
}

.flex308{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
	background: #333;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 60px;	
  gap: 20px;
   display: none;
  z-index:2;	
 }

.item308{
font-family: verdana;
font-size: 30px;
color: #fff;
display: none;
z-index:4;		
padding: 10px;
}

.krs308{
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
	width: 60px;
	background:url(../Pict/krs300.png);
background-size:cover;
background-repeat: no-repeat;
z-index: 4;
cursor: pointer;
display: none;
}




.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 250px;
  height: 60px;
}
   .item7{
	width:250px;
    height: 250px;
border-radius: 20px;
   }
  

.title0_1{
font-size: 30px;
}

.title0{
font-size: 30px;
}
.title6{
font-size: 30px;
}

.title10{
font-size: 30px;
}

.title7{
font-size: 20px;
width: 250px;
height: 60px;	
}



.flex0{
 padding-top: 30px;
padding-bottom: 30px; 
   }
.item6{
font-size: 30px;
padding: 20px;
}


.div00{
font-size: 30px;
gap: 20px;
margin-top: 20px;
margin-bottom: 60px;
}

.krs{
width: 40px;
height: 40px;
top:-20px;
right:-20px;	
}

.lftt{
	left:10px;
	width: 39px;
	height: 72px;
	}
	
	.rgtt{
		right:10px;
	width: 39px;
	height: 72px;
	
}

.im1{

height: 500px;	
}
.im2{

height: 500px;	
}

.Kontur{
background: url(../Pict/cntt1000.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 40px;			
}


.div_vk{
width: 30px;
height: 30px;	
}

.divempy1{
height: 50px;	
}

.flex01{
flex-direction: column;
}

.flex011{
flex-direction: column;
}



.flex3{
flex-direction: column;
justify-content:center;
align-self: center;
align-items: center;	
gap:40px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
}

.flex56{
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;	  		  	 
	  }

.tit56{
font-size:	50px;
}


	  



.Kv02{
background: url(../Pict/vs2.png);
background-repeat: no-repeat;
background-size: contain;
width: 850px;
height: 219px;
}

.Kv01{
width: 440px;
height: 400px;	
}

.div_dt{
font-size: 30px;	
}
.tit0{
font-size: 50px;
}

.title0{
font-size: 30px;
}


.title1{
font-size: 25px;
}

.title1_1{
font-size: 50px;
}

.item2{
width: 200px;
height: 200px;
border-radius: 10px;
} 

 .item3{
font-size: 30px;
 }
 .item4{
font-size: 45px;
 }
 
  .fntz{
	font-size: 50px;
  }
 
 .tit5_0{
	 font-size: 30px;
 }
 .tit5{
	 font-size: 50px;
 }
 

.item7{
width: 300px;
height: 300px;
border-radius: 5px;
} 

 .title7{
	font-size: 25px;
color: #333;
width: 300px;
   }
   
   .truncate-text {
	background: #ede9de;
	padding: 5px;
	width: 300px;
    height: 100px;
  overflow: hidden;
  position: relative;
  
 }
 
.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 100px;
  background: linear-gradient(180deg, transparent, #ede9de 80%);
  
}


    .title9_2{
font-size: 30px;
    }

    .title9_1{
font-size: 30px;
opacity: 0;
    }

.flex10{
gap: 30px; 
}

}

@media all and (max-width: 1280px){
.container{
	width:900px;
	
}

body{
font-size: 30px;
text-align: left;	
}

 body {
      min-height: 900px;
    }

    .btn-up {
     right:100px;
      bottom:300px;
      width: 70px;
      height: 70px;
    }

.footer{

font-size: 30px;	
}
.div57{
position: fixed;
top: 0px;
left:0px;
height: 80px;
width: 100%;
background: #670000;
z-index: 1;
display: block;
}

.divempty1{
height: 40px;
}
.item00{
font-size: 25px;	
}

.item00_1{
font-size: 25px;	
}

.gamb308{
position: fixed;
top:18px;
left: 18px;	
background: url(../Pict/gambn.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 45px;
cursor: pointer;	
display: block;
z-index: 4;
}
.div308{
position: fixed;
top: 0px;
left: 0px;
width: 800px;
z-index: 4;
display: none;
overflow-y: scroll;
max-height: 500px;
}

.flex308{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
	background: #333;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 60px;	
  gap: 20px;
   display: none;
  z-index:2;	
 }

.item308{
font-family: verdana;
font-size: 30px;
color: #fff;
display: none;
z-index:4;		
padding: 10px;
}

.krs308{
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
	width: 60px;
	background:url(../Pict/krs300.png);
background-size:cover;
background-repeat: no-repeat;
z-index: 4;
cursor: pointer;
display: none;
}


.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 250px;
  height: 60px;
}
   .item7{
	width:250px;
    height: 250px;
border-radius: 20px;
   }
  

.title0_1{
font-size: 30px;
}

.title0{
font-size: 30px;
}
.title6{
font-size: 30px;
}

.title10{
font-size: 30px;
}

.title7{
font-size: 20px;
width: 250px;
height: 60px;	
}



.flex0{
 padding-top: 30px;
padding-bottom: 30px; 
   }
.item6{
font-size: 30px;
padding: 20px;
}


.div00{
font-size: 30px;
gap: 20px;
margin-top: 20px;
margin-bottom: 60px;
}

.krs{
width: 40px;
height: 40px;
top:-20px;
right:-20px;	
}

.lftt{
	left:10px;
	width: 39px;
	height: 72px;
	}
	
	.rgtt{
		right:10px;
	width: 39px;
	height: 72px;
	
}

.im1{
width: auto;
height: 400px;	
}
.im2{
width: auto;
height: 400px;	
}

.Kontur{
background: url(../Pict/cntt1000.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 40px;			
}


.div_vk{
width: 30px;
height: 30px;	
}

.divempy1{
height: 50px;	
}

.flex01{
flex-direction: column;
}

.flex011{
flex-direction: column;
}

.flex3{
flex-direction: column;
justify-content:center;
align-self: center;
align-items: center;	
gap:40px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
}

.flex56{
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;	  		  	 
	  }

.tit56{
font-size:	50px;
}


	  

.Kv000{
height: 80px;
background: #670000;	
}

.Kv01{
width: 440px;
height: 400px;	
}

.Kv02{
background: url(../Pict/vs2.png);
background-repeat: no-repeat;
background-size: contain;
width: 850px;
height: 219px;
}



.div_dt{
font-size: 30px;	
}
.tit0{
font-size: 50px;
}

.title0{
font-size: 30px;
}


.title1{
font-size: 25px;
}

.title1_1{
font-size: 50px;
}

.item2{
width: 200px;
height: 200px;
border-radius: 10px;
} 

 .item3{
font-size: 30px;
 }
 .item4{
font-size: 45px;
 }
 
  .fntz{
	font-size: 50px;
  }
 
 .tit5_0{
	 font-size: 30px;
 }
 .tit5{
	 font-size: 50px;
 }
 

.item7{
width: 300px;
height: 300px;
border-radius: 5px;
} 

 .title7{
	font-size: 25px;
color: #333;
width: 300px;
   }
   
   .truncate-text {
	background: #ede9de;
	padding: 5px;
	width: 300px;
    height: 100px;
  overflow: hidden;
  position: relative;
  
 }
 
.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 100px;
  background: linear-gradient(180deg, transparent, #ede9de 80%);
  
}


    .title9_2{
font-size: 30px;
    }

    .title9_1{
font-size: 30px;
opacity: 0;
    }

.flex10{
gap: 30px; 
}

}


@media all and (max-width: 1080px){
.container{
	width:800px;
	
}

body{
font-size: 40px;
text-align: left;	
}

 body {
      min-height: 1600px;
    }

    .btn-up {
     right:30px;
      bottom:300px;
      width: 70px;
      height: 70px;
    }

.footer{

font-size: 40px;	
}
.div57{
position: fixed;
top: 0px;
left:0px;
height: 80px;
width: 100%;
background: #670000;
z-index: 1;
display: block;
}

.divempty1{
height: 40px;
}

.gamb308{
position: fixed;
top:18px;
left: 18px;	
background: url(../Pict/gambn.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 45px;
cursor: pointer;	
display: block;
z-index: 4;
}
.div308{
position: fixed;
top: 0px;
left: 0px;
width: 800px;
z-index: 4;
display: none;
overflow-y: scroll;
max-height: 1600px;
}

.flex308{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
	background: #333;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 60px;	
  gap: 20px;
   display: none;
  z-index:2;	
 }

.item308{
font-family: verdana;
font-size: 40px;
color: #fff;
display: none;
z-index:4;		
padding: 15px;
}

.krs308{
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
	width: 60px;
	background:url(../Pict/krs300.png);
background-size:cover;
background-repeat: no-repeat;
z-index: 4;
cursor: pointer;
display: none;
}


.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 250px;
  height: 60px;
}
   .item7{
	width:250px;
    height: 250px;
border-radius: 20px;
   }
  

.title0_1{
font-size: 40px;
}

.title0{
font-size: 40px;
}
.title6{
font-size: 40px;
}

.title10{
font-size: 40px;
}

.title7{
font-size: 20px;
width: 250px;
height: 60px;	
}



.flex0{
 padding-top: 40px;
padding-bottom: 40px; 
   }
.item6{
font-size: 30px;
padding: 20px;
}


.div00{
font-size: 40px;
margin-top: 20px;
margin-bottom: 60px;
}

.item00_1{
font-size: 30px;
}

.krs{
width: 40px;
height: 40px;
top:-20px;
right:-20px;
z-index: 4;	
}

.lftt{
	left:20px;
	width: 39px;
	height: 72px;
	}
	
	.rgtt{
		right:20px;
	width: 39px;
	height: 72px;
	z-index:4;
}

.im1{
height: 600px;

}

.im2{
height: 600px;
}

.Kontur{
background: url(../Pict/cntt1000.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 40px;			
}


.div_vk{
width: 50px;
height: 50px;	
}

.divempy1{
height: 80px;	
}

.flex01{
flex-direction: column;
}

.flex011{
flex-direction: column;
}

.flex3{
flex-direction: column;
justify-content:center;
align-self: center;
align-items: center;	
gap:40px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0px;
}

.flex56{
  padding-top: 40px;
  padding-bottom: 30px;
  margin-bottom: 30px;	  		  	 
	  }

.tit56{
font-size:	60px;
}


	  

.Kv000{
height: 80px;
background: #670000;	
}
.Kv01{
width: 440px;
height: 400px;	
}

.Kv02{
background: url(../Pict/vs2.png);
background-repeat: no-repeat;
background-size: contain;
width: 850px;
height: 219px;
}

.div_dt{
font-size: 30px;	
}
.tit0{
font-size: 50px;
}

.title0{
font-size: 40px;
}


.title1{
font-size: 25px;
}

.title1_1{
font-size: 50px;
}

.item2{
width: 200px;
height: 200px;
border-radius: 10px;
} 

 .item3{
font-size: 30px;
 }
 .item4{
font-size: 45px;
 }
 
  .fntz{
	font-size: 50px;
  }
 
 .tit5_0{
	 font-size: 30px;
 }
 .tit5{
	 font-size: 50px;
 }
 

.item7{
width: 300px;
height: 300px;
border-radius: 5px;
} 

 .title7{
	font-size: 25px;
color: #333;
width: 300px;
   }
   
   .truncate-text {
	background: #ede9de;
	padding: 5px;
	width: 300px;
    height: 100px;
  overflow: hidden;
  position: relative;
  
 }
 
.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  height: 100px;
  background: linear-gradient(180deg, transparent, #ede9de 80%);
  
}


    .title9_2{
font-size: 40px;
    }

    .title9_1{
font-size: 30px;
opacity: 0;
    }

.flex10{
gap: 30px; 
}

}
@media all and (max-height: 800px){
.im1{
width: auto;
height: 400px;	
}
.im2{
width: auto;
height: 400px;	
}

@media all and (max-height: 720px){
.im1{
width: auto;
height: 400px;	
}
.im2{
width: auto;
height: 400px;	
}
}