@charset "utf-8";
/* system Css v.1 
   2022.10.su
*/
/* float */
.floatL{float:left}
.floatR{float:right}
/* clear */
.clear {clear: both}
/* align */
.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}
/* margin */
.mgT10{margin-top:10px !important;}
.mgT20{margin-top:20px !important;}
.mgT30{margin-top:30px !important;}
.mgT40{margin-top:40px !important;}
.mgT50{margin-top:50px !important;}
.mgT60{margin-top:60px !important;}
.mgT70{margin-top:70px !important;}
.mgT80{margin-top:80px !important;}
.mgT90{margin-top:90px !important;}
.mgT100{margin-top:100px !important;}
.mgR10{margin-right:10px !important;}
.mgR20{margin-right:20px !important;}
.mgR30{margin-right:30px !important;}
.mgR40{margin-right:40px !important;}
.mgR50{margin-right:50px !important;}
.mgR60{margin-right:60px !important;}
.mgR70{margin-right:70px !important;}
.mgR80{margin-right:80px !important;}
.mgR90{margin-right:90px !important;}
.mgR100{margin-right:100px !important;}
.mgB10{margin-bottom:10px !important;}
.mgB20{margin-bottom:20px !important;}
.mgB30{margin-bottom:30px !important;}
.mgB40{margin-bottom:40px !important;}
.mgB50{margin-bottom:50px !important;}
.mgB60{margin-bottom:60px !important;}
.mgB70{margin-bottom:70px !important;}
.mgB80{margin-bottom:80px !important;}
.mgB90{margin-bottom:90px !important;}
.mgB100{margin-bottom:100px !important;}
.mgL10{margin-left:10px !important;}
.mgL20{margin-left:20px !important;}
.mgL30{margin-left:30px !important;}
.mgL40{margin-left:40px !important;}
.mgL50{margin-left:50px !important;}
.mgL60{margin-left:60px !important;}
.mgL70{margin-left:70px !important;}
.mgL80{margin-left:80px !important;}
.mgL90{margin-left:90px !important;}
.mgL100{margin-left:100px !important;}
@media screen and (max-width:820px) {
    /* margin */
    .mgT30{margin-top:20px !important;}
    .mgT50{margin-top:40px !important;}
}
@media screen and (max-width:540px) {
    /* margin */
    .mgT30{margin-top:15px !important;}
    .mgT50{margin-top:25px !important;}
}
/* padding*/
.pdT10{padding-top:10px !important;}
.pdT20{padding-top:20px !important;}
.pdT30{padding-top:30px !important;}
.pdT40{padding-top:40px !important;}
.pdT50{padding-top:50px !important;}
.pdT60{padding-top:60px !important;}
.pdT70{padding-top:70px !important;}
.pdT80{padding-top:80px !important;}
.pdT90{padding-top:90px !important;}
.pdT100{padding-top:100px !important;}
.pdR10{padding-right:10px !important;}
.pdR20{padding-right:20px !important;}
.pdR30{padding-right:30px !important;}
.pdR40{padding-right:40px !important;}
.pdR50{padding-right:50px !important;}
.pdR60{padding-right:60px !important;}
.pdR70{padding-right:70px !important;}
.pdR80{padding-right:80px !important;}
.pdR90{padding-right:90px !important;}
.pdR100{padding-right:100px !important;}
.pdB10{padding-bottom:10px !important;}
.pdB20{padding-bottom:20px !important;}
.pdB30{padding-bottom:30px !important;}
.pdB40{padding-bottom:40px !important;}
.pdB50{padding-bottom:50px !important;}
.pdB60{padding-bottom:60px !important;}
.pdB70{padding-bottom:70px !important;}
.pdB80{padding-bottom:80px !important;}
.pdB90{padding-bottom:90px !important;}
.pdB100{padding-bottom:100px !important;}
.pdL10{padding-left:10px !important;}
.pdL20{padding-left:20px !important;}
.pdL30{padding-left:30px !important;}
.pdL40{padding-left:40px !important;}
.pdL50{padding-left:50px !important;}
.pdL60{padding-left:60px !important;}
.pdL70{padding-left:70px !important;}
.pdL80{padding-left:80px !important;}
.pdL90{padding-left:90px !important;}
.pdL100{padding-left:100px !important;}
/* width */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}

/* inputWidth */
input.width10{width:10% !important;}
input.width20{width:20% !important;}
input.width30{width:30% !important;}
input.width40{width:40% !important;}
input.width50{width:50% !important;}
input.width60{width:60% !important;}
input.width70{width:70% !important;}
input.width80{width:80% !important;}
input.width90{width:90% !important;}
input.width100{width:100% !important;}

/* buttomWidth */