.width20{width:20%;}
.width29{width:29%;}
.width40{width:40%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width69{width:69%;}
.width70{width:70%;}
.width75{width:75%;}
.width85{width:85%;}
.width90{width:90%;}
.width100{width:100%;}
.widthwb{width:-webkit-fill-available;}




.height5{height:5%;}
.height25{height:25%;}
.height30{height:30%;}
.height35{height:35%;}
.height40{height:40%;}
.height50{height:50%;}
.height60{height:60%;}
.height70{height:70%;}
.height80{height:80%;}
.height95{height:95%;}
.height100{height:100%;}


.height_p72{height:72px;}



.jsc{justify-content: center;}
/*-------------------display--------------------------------------------------------------------------------------------*/ 

.disflex{display:flex;}
.ddisblock{display:block;}
/*-------------------align item------------------------------------------------*/
.alg{text-align: center;}
.t_top{vertical-align: top;}

/*-------------------position------------------------------------------------*/
.p_abs{position: absolute;}

/*-------------------border------------------------------------------------*/
.border1{border:2px solid white;}
.border2{border:2px solid black;}
.borderlft{border-left:1px solid;}
.borderrgt{border-right: 1px solid;}
/*-------------------margin------------------------------------------------*/
.botom{bottom: 0;}
.m_auto{margin:auto;}
.top1{margin-top:1%;}
.top2{margin-top:2%;}
.top30{top:30%}
.mar_l1{margin-left:1%;}
.mar_l2{margin-left:2%;}
.mar_l5{margin-left:5%;}

.h1_f{margin-left:10%;}

/*-------------------font------------------------------------------------*/
.h1_f{font-size: 2.0rem;}
.h2_f{font-size: 15px;}
.fnt20{font-size:20px;}
.f_700{font-weight:700;}


.ft_ul{text-decoration: underline;}
/*-------------------color----------------------------------------------*/
.white{color:white;}

/*-------------------button---------------------------------------------*/
.button3{background: transparent;
    font-size: 18px;
    font-weight: 700;}
/*-------------------scroll--------------------------------------------*/    
.scroll{overflow: auto;
    scrollbar-width: none;}
    
  

@media screen and (max-width: 580px) and (min-width: 0px) {
.mwidtha{width:auto;}
.mwidth5{width:5%;}
.mwidth10{width:10%;}
.mwidth15{width:15%;}
.mwidth20{width:20%;}
.mwidth30{width:30%;}
.mwidth40{width:40%;}
.mwidth60{width:60%;}
.mwidth100{width:100%;}

.mheight15{height:15%;}
.mheight20{height:20%;}
.mheight25{height:25%;}
.mheight30{height:30%;}
.mheight70{height:70%;}


.mmar_l0{margin-left:0;}
.mdisblock{display:block;}       
.Input-login{line-height: 2;}  

.broder2{border:none;}

}
@media screen and (min-width: 650px) and (min-height: 0px) and (max-height: 750px) {
 
    
}