.wh100 {
    width: 100%;
    height: 100%;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
    min-width: 90%;
    min-width: 90%;
}

.w80 {
    width: 80%;
    min-width: 80%;
    min-width: 80%;
}

.w70 {
    width: 70%;
    min-width: 70%;
    min-width: 70%;
}

.w60 {
    width: 60%;
    min-width: 60%;
    min-width: 60%;
}

.w50 {
    width: 50%;
    min-width: 50%;
    min-width: 50%;
}

.w40 {
    width: 40%;
    min-width: 40%;
    min-width: 40%;
}

.h100 {
    height: 100%;
}

.margin-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.lh-em {
    line-height: 1;
}

.grid-gap-5px {
    grid-gap: 5px 5px;
}

.grid-gap-10px {
    grid-gap: 10px 10px;
}

.grid-gap-20px {
    grid-gap: 20px 20px;
}

.grid-gap-20px-0px {
    grid-gap: 20px 0px;
}

.grid-gap-0px-20px {
    grid-gap: 0px 20px;
}

.grid-gap-30px {
    grid-gap: 30px 30px;
}

.grid-gap-50px-30px {
    grid-gap: 50px 30px;
}

.grid-gap-50px {
    grid-gap: 50px 50px;
}

.grid-gap-30px-50px {
    grid-gap: 30px 50px;
}

.grid-gap-20px-40px {
    grid-gap: 20px 40px;
}

.grid-gap-40px-20px {
    grid-gap: 40px 20px;
}

.wh-10px {
    width: 20px;
    height: 20px;
}

.wh-20px {
    width: 20px;
    height: 20px;
}

.wh-30px {
    width: 30px;
    height: 30px;
}

.wh-40px {
    width: 40px;
    height: 40px;
}

.wh-50px {
    width: 50px;
    height: 50px;
}

.wh-60px {
    width: 60px;
    height: 60px;
}

.wh-70px {
    width: 70px;
    height: 70px;
}

.wh-80px {
    width: 80px;
    height: 80px;
}

.wh-100px {
    width: 100px;
    min-width: 100px;
    height: 100px;
}

.wh-150px {
    width: 150px;
    min-width: 150px;
    height: 150px;
}

.wh-200px {
    width: 200px;
    min-width: 200px;
    height: 200px;
}

/*width*/
.w-2px {
    width: 2px;
    min-width: 2px;
    max-width: 2px;
}

.w-20px {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.w-30px {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.w-40px {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.w-50px {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.w-80px {
    width: 80px;
}

.w-100px {
    width: 100px;
}

.w-114px {
    width: 114px;
}

.w-130px {
    width: 130px;
}

.w-140px {
    width: 140px
}

.w-160px {
    width: 160px;
}

.w-200px {
    width: 200px;
}

.w-240px {
    width: 240px;
}

.w-300px {
    width: 300px;
}

.w-400px {
    width: 400px;
}

/*height*/
.h-2px {
    height: 2px;
}

.h-4px {
    height: 4px;
}

.h-5px {
    height: 5px;
}

.h-8px {
    height: 8px;
}

.h-12px {
    height: 12px;
}

.h-20px {
    height: 40px;
}

.h-30px {
    height: 30px;
}

.h-40px {
    height: 40px;
}

.h-44px {
    height: 44px;
}

.h-50px {
    height: 50px;
}

.h-60px {
    height: 60px;
}

.h-68px {
    height: 68px;
}

.h-72px {
    height: 72px;
}

.h-80px {
    height: 80px;
}

.h-90px {
    min-height: 90px;
    height: 90px;
}

.h-100px {
    height: 100px;
}

.h-108px {
    height: 108px;
}

.h-120px {
    height: 120px;
}

.h-136px {
    height: 136px;
}

.h-150px {
    min-height: 150px;
    height: 150px;
}

.h-160px {
    height: 160px;
}

.h-180px {
    height: 180px;
}

.h-240px {
    height: 240px;
}

.h-400px {
    height: 400px;
}

.h-750px {
    height: 750px;
}

/*line-height*/
.lh-12px {
    line-height: 12px;
}

.lh-24px {
    line-height: 24px;
}

.lh-30px {
    line-height: 30px;
}

.lh-32px {
    line-height: 32px;
}

.lh-36px {
    line-height: 36px;
}

.lh-40px {
    line-height: 40px;
}

.lh-44px {
    line-height: 44px;
}

.lh-50px {
    line-height: 50px;
}

.lh-60px {
    line-height: 60px;
}

.lh-64px {
    line-height: 64px;
}

.lh-68px {
    line-height: 68px;
}

.lh-70px {
    line-height: 70px;
}

.lh-80px {
    line-height: 80px;
}

/*top*/
.t-0 {
    top: 0;
}

.t-20px {
    top: 20px;
}

.t-32px {
    top: 32px;
}

.t-44px {
    top: 44px;
}

/*left*/
.l-f-10px {
    left: -10px
}

.l-f-15px {
    left: -15px
}

.l-20px {
    left: 20px;
}

/*right*/
.r-30px {
    right: 30px;
}

.r-f-10px {
    right: -10px;
}

.r-f-15px {
    right: -15px
}

/*bottom*/
.b-45px {
    bottom: 45px
}

.b-120px {
    bottom: 120px
}

.b-150px {
    bottom: 150px
}

.b-f-10px {
    bottom: -10px
}

/*padding*/
.padding-t-5px {
    padding-top: 5px;
}

.padding-b-5px {
    padding-bottom: 5px;
}

.padding-tb-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-all-10px {
    padding: 10px;
}

.padding-l-10px {
    padding-left: 10px;
}

.padding-r-10px {
    padding-right: 10px;
}

.padding-lr-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-t-10px {
    padding-top: 10px;
}

.padding-b-10px {
    padding-bottom: 10px;
}

.padding-tb-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-all-15px {
    padding: 15px;
}

.padding-lr-15px {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-l-15px {
    padding-left: 15px;
}

.padding-r-15px {
    padding-right: 15px;
}

.padding-tb-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-t-15px {
    padding-top: 15px;
}

.padding-b-15px {
    padding-bottom: 15px;
}

.padding-all-20px {
    padding: 20px;
}

.padding-l-20px {
    padding-left: 20px;
}

.padding-r-20px {
    padding-right: 20px;
}

.padding-t-20px {
    padding-top: 20px;
}

.padding-b-20px {
    padding-bottom: 20px;
}

.padding-lr-20px {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-tb-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-tb-25px {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-all-30px {
    padding: 30px;
}

.padding-lr-30px {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-r-30px {
    padding-right: 30px;
}

.padding-l-30px {
    padding-left: 30px;
}

.padding-t-30px {
    padding-top: 30px;
}

.padding-b-30px {
    padding-bottom: 30px;
}

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

.padding-tb-50px {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-b-50px {
    padding-bottom: 50px;
}

.padding-b-60px {
    padding-bottom: 60px;
}

/*margin*/
.margin-t-5px {
    margin-top: 5px;
}

.margin-b-5px {
    margin-bottom: 5px;
}

.margin-l-5px {
    margin-left: 5px;
}

.margin-r-5px {
    margin-right: 5px;
}

.margin-l-10px {
    margin-left: 10px;
}

.margin-t-10px {
    margin-top: 10px;
}

.margin-r-10px {
    margin-right: 10px;
}

.margin-lr-10px {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-tb-10px {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-all-10px {
    margin: 10px;
}

.margin-t-15px {
    margin-top: 15px;
}

.margin-r-15px {
    margin-right: 15px;
}

.margin-t-20px {
    margin-top: 20px;
}

.margin-b-20px {
    margin-bottom: 20px;
}

.margin-l-20px {
    margin-left: 20px;
}

.margin-r-20px {
    margin-right: 20px;
}

.margin-lr-20px {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-all-20px {
    margin: 20px;
}

.margin-lr-30px {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-l-30px {
    margin-left: 30px;
}

.margin-r-30px {
    margin-right: 30px;
}

/*font-size*/
.fs-20px {
    font-size: 20px;
}

.fs-22px {
    font-size: 22px;
}

.fs-24px {
    font-size: 24px;
}

.fs-26px {
    font-size: 26px;
}

.fs-28px {
    font-size: 28px;
}

.fs-30px {
    font-size: 30px;
}

.fs-32px {
    font-size: 32px;
}

.fs-34px {
    font-size: 34px;
}

.fs-36px {
    font-size: 36px
}

.fs-40px {
    font-size: 40px;
}

.fs-48px {
    font-size: 48px
}

.fs-55px {
    font-size: 55px
}

.fs-64px {
    font-size: 64px
}

.fs-70px {
    font-size: 70px;
}

.fs-80px {
    font-size: 80px;
}

.fs-90px {
    font-size: 90px;
}

/*border-radius*/
.br-5px {
    border-radius: 5px;
}

.br-12-10px {
    border-radius: 10px 10px 0 0;
}

.br-34-10px {
    border-radius: 0 0 10px 10px;
}

.br-24-10px {
    border-radius: 0 10px 0 10px;
}

.br-10px {
    border-radius: 10px;
}

.br-12px {
    border-radius: 12px;
}

.br-12-20px {
    border-radius: 20px 20px 0 0;
}

.br-34--20px {
    border-radius: 0 0 20px 20px;
}

.br-20px {
    border-radius: 20px;
}

.br-22px {
    border-radius: 22px;
}

.br-30px {
    border-radius: 30px;
}

.br-bl-30px {
    border-radius: 0 0 30px 30px;
}

.br-12-30px {
    border-radius: 30px 30px 0 0;
}

.br-40px {
    border-radius: 40px;
}

.br-50px {
    border-radius: 50px;
}

.br-60px {
    border-radius: 60px;
}

.br-64px {
    border-radius: 64px;
}

.br-68px {
    border-radius: 68px
}

.br-80px {
    border-radius: 80px;
}

/*border*/
.border-0px {
    border-width: 0px;
}

.border-top-1px-ddd {
    border-top: 2px solid #ddd;
}

.border-bottom-1px-ddd {
    border-bottom: 2px solid #ddd;
}

.border-bottom-1px-eee {
    border-bottom: 2px solid #eee;
}

.border-1px-ddd {
    border: 2px solid #ddd;
}

.border-1px {
    border-width: 1px;
    border-style: solid;
}

.border-top-1px {
    border-top-width: 1px;
    border-top-style: solid;
}

.border-bottom-1px {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}