.font200{font-size:2rem;}
.font180{font-size:1.8rem;}
.font120{font-size:1.2rem;}
.font100{font-size:1rem;}
.font90{font-size:.9rem;}
.font80{font-size:.8rem}
.font70{font-size:.7rem}
.font68{font-size:.68rem;}
.font60{font-size:.6rem;}
.font55{font-size:.55rem;}
.font50{font-size:.5rem;}
.font48{font-size:.48rem;}
.font45{font-size:.45rem;}
.font44{font-size:.44rem;}
.font42{font-size:.42rem;}
.font40{font-size:.4rem;}
.font36{font-size:.36rem;}
.font35{font-size:.35rem;}
.font34{font-size:.34rem;}
.font32{font-size:.32rem}
.font30{font-size:.3rem;}
.font28{font-size:.28rem;}
.font26{font-size:.26rem;}
.font25{font-size:.25rem;}
.font24{font-size:.24rem;}
.font22{font-size:.22rem;}
.font20{font-size:.2rem;}

.font18{font-size:.18rem;}
.font16{font-size:.16rem;}
.font15{font-size:.15rem;}
.font14{font-size:.14rem;}
.font12{font-size:.12rem;}

.font14_px{font-size:.14rem;}
.font16_px{font-size:.16rem;}
.font18_px{font-size:.18rem;}
.font20_px{font-size:.2rem;}
.font22_px{font-size:.22rem;}
.font24_px{font-size:.24rem;}

.pt1{padding-top:.1rem;}
.pt2{padding-top:.2rem;}
.pt3{padding-top:.3rem;}
.pt4{padding-top:.4rem;}
.pt5{padding-top:.5rem;}
.pt6{padding-top:.6rem;}
.pt7{padding-top:.7rem;}
.pt8{padding-top:.8rem;}
.pt9{padding-top:.9rem;}
.pt10{padding-top:1rem;}
.pt11{padding-top:1.1rem;}
.pt12{padding-top:1.2rem;}
.pt13{padding-top:1.3rem;}
.pt14{padding-top:1.4rem;}
.pt15{padding-top:1.5rem;}


.pb1{padding-bottom:.1rem;}
.pb2{padding-bottom:.2rem;}
.pb3{padding-bottom:.3rem;}
.pb4{padding-bottom:.4rem;}
.pb5{padding-bottom:.5rem;}
.pb6{padding-bottom:.6rem;}
.pb7{padding-bottom:.7rem;}
.pb8{padding-bottom:.8rem;}
.pb9{padding-bottom:.9rem;}
.pb10{padding-bottom:1rem;}
.pb11{padding-bottom:1.1rem;}
.pb12{padding-bottom:1.2rem;}
.pb13{padding-bottom:1.3rem;}
.pb14{padding-bottom:1.4rem;}
.pb15{padding-bottom:1.5rem;}

.pl1{padding-left:.1rem;}
.pl2{padding-left:.2rem;}
.pl3{padding-left:.3rem;}
.pl4{padding-left:.4rem;}
.pl5{padding-left:.5rem;}
.pl6{padding-left:.6rem;}
.pl7{padding-left:.7rem;}
.pl8{padding-left:.8rem;}
.pl9{padding-left:.9rem;}
.pl10{padding-left:1rem;}
.pl11{padding-left:1.1rem;}
.pl12{padding-left:1.2rem;}
.pl13{padding-left:1.3rem;}
.pl14{padding-left:1.4rem;}
.pl15{padding-left:1.5rem;}

.pr1{padding-right:.1rem;}
.pr2{padding-right:.2rem;}
.pr3{padding-right:.3rem;}
.pr4{padding-right:.4rem;}
.pr5{padding-right:.5rem;}
.pr6{padding-right:.6rem;}
.pr7{padding-right:.7rem;}
.pr8{padding-right:.8rem;}
.pr9{padding-right:.9rem;}
.pr10{padding-right:1rem;}
.pr11{padding-right:1.1rem;}
.pr12{padding-right:1.2rem;}
.pr13{padding-right:1.3rem;}
.pr14{padding-right:1.4rem;}
.pr15{padding-right:1.5rem;}


.pall1{padding:.1rem;}
.pall2{padding:.2rem;}
.pall3{padding:.3rem;}
.pall4{padding:.4rem;}
.pall5{padding:.5rem;}
.pall6{padding:.6rem;}
.pall7{padding:.7rem;}
.pall8{padding:.8rem;}
.pall9{padding:.9rem;}
.pall10{padding:1rem;}
.pall11{padding:1.1rem;}
.pall12{padding:1.2rem;}
.pall13{padding:1.3rem;}
.pall14{padding:1.4rem;}
.pall15{padding:1.5rem;}


.mt1{margin-top:.1rem;}
.mt2{margin-top:.2rem;}
.mt3{margin-top:.3rem;}
.mt4{margin-top:.4rem;}
.mt5{margin-top:.5rem;}
.mt6{margin-top:.6rem;}
.mt7{margin-top:.7rem;}
.mt8{margin-top:.8rem;}
.mt9{margin-top:.9rem;}
.mt10{margin-top:1rem;}
.mt11{margin-top:1.1rem;}
.mt12{margin-top:1.2rem;}
.mt13{margin-top:1.3rem;}
.mt14{margin-top:1.4rem;}
.mt15{margin-top:1.5rem;}


.mb1{margin-bottom:.1rem;}
.mb2{margin-bottom:.2rem;}
.mb3{margin-bottom:.3rem;}
.mb4{margin-bottom:.4rem;}
.mb5{margin-bottom:.5rem;}
.mb6{margin-bottom:.6rem;}
.mb7{margin-bottom:.7rem;}
.mb8{margin-bottom:.8rem;}
.mb9{margin-bottom:.9rem;}
.mb10{margin-bottom:1rem;}
.mb11{margin-bottom:1.1rem;}
.mb12{margin-bottom:1.2rem;}
.mb13{margin-bottom:1.3rem;}
.mb14{margin-bottom:1.4rem;}
.mb15{margin-bottom:1.5rem;}

.ml1{margin-left:.1rem;}
.ml2{margin-left:.2rem;}
.ml3{margin-left:.3rem;}
.ml4{margin-left:.4rem;}
.ml5{margin-left:.5rem;}
.ml6{margin-left:.6rem;}
.ml7{margin-left:.7rem;}
.ml8{margin-left:.8rem;}
.ml9{margin-left:.9rem;}
.ml10{margin-left:1rem;}
.ml11{margin-left:1.1rem;}
.ml12{margin-left:1.2rem;}
.ml13{margin-left:1.3rem;}
.ml14{margin-left:1.4rem;}
.ml15{margin-left:1.5rem;}

.mr1{margin-right:.1rem;}
.mr2{margin-right:.2rem;}
.mr3{margin-right:.3rem;}
.mr4{margin-right:.4rem;}
.mr5{margin-right:.5rem;}
.mr6{margin-right:.6rem;}
.mr7{margin-right:.7rem;}
.mr8{margin-right:.8rem;}
.mr9{margin-right:.9rem;}
.mr10{margin-right:1rem;}
.mr11{margin-right:1.1rem;}
.mr12{margin-right:1.2rem;}
.mr13{margin-right:1.3rem;}
.mr14{margin-right:1.4rem;}
.mr15{margin-right:1.5rem;}

.gh1{height:.1rem;}
.gh2{height:.2rem;}
.gh3{height:.3rem;}
.gh4{height:.4rem;}
.gh5{height:.5rem;}
.gh6{height:.6rem;}
.gh7{height:.7rem;}
.gh8{height:.8rem;}
.gh9{height:.9rem;}
.gh10{height:1rem;}
.gh11{height:1.1rem;}
.gh12{height:1.2rem;}
.gh13{height:1.3rem;}
.gh14{height:1.4rem;}
.gh15{height:1.5rem;}

.line1{line-height:1;}
.line11{line-height:1.1;}
.line12{line-height:1.2;}
.line13{line-height:1.3;}
.line14{line-height:1.4;}
.line15{line-height:1.5;}
.line16{line-height:1.6;}
.line17{line-height:1.7;}
.line17_5{line-height:1.75;}
.line18{line-height:1.8;}
.line19{line-height:1.9;}
.line20{line-height:2;}

.centers{text-align:center;}


@media screen and (max-width:1600px){

    .font18_px{font-size:16px;}
    .font20_px{font-size:18px;}
    .font16_px{font-size:14px;}
    .font24_px{font-size:20px;}
    .font22_px{font-size:19px;}
    .font14_px{font-size:13px;}

}


@media screen and (max-width:1440px){
    .font18_px{font-size:14px;}
    .font20_px{font-size:16px;}
    .font16_px{font-size:14px;}
    .font24_px{font-size:18px;}
    .font22_px{font-size:17px;}
    .font14_px{font-size:13px;}
}

@media screen and (max-width:1025px) {

    
    .font120{font-size:1.2rem;}
    .font100{font-size:1rem;}
    .font90{font-size:calc(.9rem - .4rem);}
    .font80{font-size:.8rem;}
    .font75{font-size:.75rem}
    .font70{font-size:.7rem;}
    .font60{font-size:.6rem;}
    .font55{font-size:.55rem;}
    .font52{font-size:.52rem;}
    .font50{font-size:.5rem;}
    .font48{font-size:.48rem;}
    .font45{font-size:.45rem;}
    .font44{font-size:.44rem;}
    .font42{font-size:.42rem;}
    .font40{font-size:.4rem;}
    .font38{font-size:.38rem;}
    .font36{font-size:.36rem;}
    .font35{font-size:.35rem;}
    .font34{font-size:.34rem;}
    .font32{font-size:.32rem}
    .font30{font-size:.3rem;}
    .font28{font-size:.28rem;}
    .font26{font-size:.26rem;}
    .font25{font-size:.25rem;}
    .font24{font-size:calc(.24rem + .08rem);}
    .font22{font-size:calc(.22rem + .08rem);}
    .font20{font-size:calc(.2rem + .05rem);}

    .font18{font-size:calc(.18rem + .08rem);}
    .font16{font-size:calc(.16rem + .08rem);}
    .font15{font-size:calc(.15rem + .08rem)}
    .font14{font-size:calc(.14rem + .08rem);}
    .font12{font-size:.12rem;}

    .font24_px{font-size:calc(.24rem + .06rem);}
    .font22_px{font-size:calc(.22rem + .06rem);}
    .font20_px{font-size:calc(.2rem + .06rem)}
    .font18_px{font-size:calc(.18rem + .06rem)}
    .font16_px{font-size:calc(.16rem + .06rem);}
    .font14_px{font-size:calc(.14rem + .06rem);}

}



@media screen and (max-width:768px) {

    
    .font120{font-size:1.2rem;}
    .font100{font-size:1rem;}
    .font90{font-size:calc(.9rem - .4rem);}
    .font80{font-size:.6rem;}
    .font75{font-size:.75rem}
    .font70{font-size:calc(.7rem - .2rem);}
    .font60{font-size:calc(.6rem - .1rem);}
    .font55{font-size:.46rem;}
    .font52{font-size:.45rem;}
    .font50{font-size:.44rem;}
    .font48{font-size:.43rem;}
    .font45{font-size:.42rem;}
    .font44{font-size:.41rem;}
    .font42{font-size:.40rem;}
    .font40{font-size:.39rem;}
    .font38{font-size:.38rem;}
    .font36{font-size:calc(.36rem - .04rem);}
    .font35{font-size:.35rem;}
    .font34{font-size:.34rem;}
    .font32{font-size:.32rem}
    .font30{font-size:calc(.3rem - .04rem);}
    .font28{font-size:.28rem;}
    .font26{font-size:.26rem;}
    .font25{font-size:.25rem;}
    .font24{font-size:calc(.24rem + .02rem);}
    .font22{font-size:calc(.22rem + .01rem);}
    .font20{font-size:calc(.2rem + .05rem);}

    .font18{font-size:calc(.18rem + .04rem);}
    .font16{font-size:calc(.16rem + .08rem);}
    .font15{font-size:calc(.15rem + .08rem)}
    .font14{font-size:calc(.14rem + .08rem);}
    .font12{font-size:.12rem;}

    .font18_px{font-size:calc(.18rem + .04rem)}
    .font20_px{font-size:calc(.2rem + .04rem)}
    .font16_px{font-size:calc(.16rem + .04rem);}
    .font24_px{font-size:calc(.24rem + .04rem);}
    .font22_px{font-size:calc(.22rem + .02rem);}
    .font14_px{font-size:calc(.14rem + .08rem);}


    .pt10{padding-top:.8rem;}
    .pt11{padding-top:.8rem;}
    .pt12{padding-top:.8rem;}
    .pt13{padding-top:.8rem;}
    .pt14{padding-top:.8rem;}
    .pt15{padding-top:.8rem;}

    .pb10{padding-bottom:.8rem;}
    .pb11{padding-bottom:.8rem;}
    .pb12{padding-bottom:.8rem;}
    .pb13{padding-bottom:.8rem;}
    .pb14{padding-bottom:.8rem;}
    .pb15{padding-bottom:.8rem;}

    .mt10{margin-top:.8rem;}
    .mt11{margin-top:.8rem;}
    .mt12{margin-top:.8rem;}
    .mt13{margin-top:.8rem;}
    .mt14{margin-top:.8rem;}
    .mt15{margin-top:.8rem;}

    .mb10{margin-bottom:.8rem;}
    .mb11{margin-bottom:.8rem;}
    .mb12{margin-bottom:.8rem;}
    .mb13{margin-bottom:.8rem;}
    .mb14{margin-bottom:.8rem;}
    .mb15{margin-bottom:.8rem;}
}


/*font-size*/
@media screen and (max-width: 375px) {
    html {
        font-size:75px
    }
}

@media screen and (min-width: 376px)and (max-width:499px) {
    html {
        font-size:80px
    }
}

@media screen and (min-width: 500px)and (max-width:768px) {
    html {
        font-size:90px
    }
}

@media screen and (min-width: 769px)and (max-width:899px) {
    html {
        font-size:66px
    }
}

@media screen and (min-width: 900px)and (max-width:1023px) {
    html {
        font-size:71px
    }
}

@media screen and (min-width: 1024px)and (max-width:1229px) {
    html {
        font-size:83px
    }
}

@media screen and (min-width: 1230px) {
    html {
        font-size:100px
    }
}