@media all and (max-width: 1334px){
.container{
	width:960px;
text-align: left;	
}

.footer{
text-align: left;
font-size: 30px;	
}
.flex0f{
		justify-content: center;  
	  }

 body {
      min-height: 900px;
    }

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

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

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

.div00_2{
gap: 30px;
margin-top: 120px;
margin-bottom: 60px;		
font-size: 30px;
}

.item00_1{
font-size: 30px;	
}

.item00_2{
font-size: 30px;	
}

.divempty1{
	height: 40px;
}

.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;
}

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







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

.tit56{
font-size:	30px;
}

.Kv000{
display: none;
}
.Kv01{
width: 440px;
height: 400px;	
}

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

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

.div312{
overflow-y: scroll;
max-height: 500px;
}

.gamb312{
display: block;
}		

.item312{
font-size: 25px;	
}
.Kvfn{
font-family: Verdana;
font-size: 30px;
text-align: center;
color:#7e4115;
font-weight: bold;
display: block;
}




.item6{
font-size: 25px;
padding: 20px;
}




.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: 100px;
height: 100px;	
}

.flex01{
flex-direction: column;
gap: 30px;
}

.flex100{
display: none;	
}

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


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

.flex56{
padding-top: 30px;
padding-bottom: 30px;	
}
.tit56{
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: 25px;
 }
 .item4{
font-size: 40px;
 }
 
  .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:960px;
text-align: left;	
}

 body {
      min-height: 900px;
    }

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

.footer{
text-align: left;
font-size: 30px;	
}
.flex0f{
		justify-content: center;  
	  }

.div312{
overflow-y: scroll;
max-height: 500px;
}

.gamb312{
display: block;
}		

.item312{
font-size: 30px;	
}

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

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

.div00_2{
gap: 30px;
margin-top: 120px;
margin-bottom: 60px;		
font-size: 40px;
}

.item00_1{
font-size: 40px;	
}

.item00_2{
font-size: 40px;	
}

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

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

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

.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;
}

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





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

.tit56{
font-size:	30px;
}


.Kvfn{
font-family: Verdana;
font-size: 30px;
text-align: center;
color:#7e4115;
font-weight: bold;
display: block;
}


.item6{
font-size: 25px;
padding: 20px;
}




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

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

.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: 100px;
height: 100px;	
}

.flex01{
flex-direction: column;
gap: 30px;
}

.flex100{
display: none;	
}

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

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

.flex56{
padding-top: 30px;
padding-bottom: 30px;	
}
.tit56{
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: 25px;
 }
 .item4{
font-size: 40px;
 }
 
  .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;
text-align: left;	
}

.footer{
text-align: left;
font-size: 40px;	
}
.flex0f{
		justify-content: center;  
	  }

 body {
      min-height:700px;
    }

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

.Kv000{
display: none;
}
.div312{
overflow-y: scroll;
max-height: 1500px;
}
.gamb312{
display: block;
}		

.item312{
font-size: 40px;
padding: 15px;	
}

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

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

.div57{
position: fixed;
top: 0px;
left:0px;
height: 80px;
width: 100%;
background: #670000;

display: block;
}
.divempty1{
	height: 60px;
}

.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;
}

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

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

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

.div00_2{
gap: 30px;
margin-top:120px;
margin-bottom: 60px;		
font-size: 40px;
}

.item00_1{
font-size: 40px;	
}

.item00_2{
font-size: 40px;	
}

.div0{
 margin-top: 20px;
margin-bottom: 60px;		
		font-size: 30px;

}

.item00_2{
font-size: 40px;	
}

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

.tit56{
font-size:	60px;
}


.Kvfn{
font-family: Verdana;
font-size: 40px;
text-align: center;
color:#7e4115;
font-weight: bold;
display: block;
}




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




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

.lftt{
	left:10px;
	width: 39px;
	height: 72px;
	}
	
	.rgtt{
		
		right: 10px;
	width: 39px;
	height: 72px;
	z-index: 14;
	cursor: pointer;
}



.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: 100px;
height: 100px;	
}

.flex01{
flex-direction: column;
gap: 30px;
}



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

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

.flex56{
padding-top: 30px;
padding-bottom: 30px;	
}
.tit56{
font-size: 60px;
}

.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: 30px;
    }

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

.flex10{
gap: 30px; 
}

}