@charset "UTF-8";

/*float*/
.fl{float: left;}
.fr{float: right;}

/*display*/
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}


/*position*/
.static{position: static;}
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}

/*text-transform*/
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}

/*line-height*/
.line-height-1{line-height: 1;}
.line-height-2{line-height: 2;}
.line-height-3{line-height: 3;}

/*font-weight*/
.font-weight-1{font-weight: 100;}
.font-weight-2{font-weight: 200;}
.font-weight-3{font-weight: 300;}
.font-weight-4{font-weight: 400;}
.font-weight-5{font-weight: 500;}
.font-weight-6{font-weight: 600;}
.font-weight-7{font-weight: 700;}
.font-weight-8{font-weight: 800;}

/*ellipsis*/
.text-ellipsis{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*color*/
.text-000{color: #000;}
.text-111{color: #111;}
.text-222{color: #222;}
.text-333{color: #333;}
.text-444{color: #444;}
.text-555{color: #555;}
.text-666{color: #666;}
.text-777{color: #777;}
.text-888{color: #888;}
.text-999{color: #999;}
.text-aaa{color: #aaa;}
.text-bbb{color: #bbb;}
.text-ccc{color: #ccc;}
.text-ddd{color: #ddd;}
.text-eee{color: #eee;}
.text-fff{color: #fff;}
.text-blue{color: blue;}
.text-gray{color: gray;}
.text-pink{color: pink;}
.text-gold{color: gold;}
.text-snow{color: snow;}
.text-white{color: white;}
.text-black{color: black;}
.text-purple{color: purple;}
.text-silver{color: silver;}
.text-orange{color: orange;}
.text-yellow{color: yellow;}

/*background-color --- bg*/
.bg-000{background-color: #000;}
.bg-111{background-color: #111;}
.bg-222{background-color: #222;}
.bg-333{background-color: #333;}
.bg-444{background-color: #444;}
.bg-555{background-color: #555;}
.bg-666{background-color: #666;}
.bg-777{background-color: #777;}
.bg-888{background-color: #888;}
.bg-999{background-color: #999;}
.bg-aaa{background-color: #aaa;}
.bg-bbb{background-color: #bbb;}
.bg-ccc{background-color: #ccc;}
.bg-ddd{background-color: #ddd;}
.bg-eee{background-color: #eee;}
.bg-fff{background-color: #fff;}
.bg-blue{background-color: blue;}
.bg-gray{background-color: gray;}
.bg-pink{background-color: pink;}
.bg-gold{background-color: gold;}
.bg-snow{background-color: snow;}
.bg-white{background-color: white;}
.bg-black{background-color: black;}
.bg-purple{background-color: purple;}
.bg-silver{background-color: silver;}
.bg-orange{background-color: orange;}
.bg-yellow{background-color: yellow;}
.bg-transparent{background-color: transparent;}

/*opacity*/
.opacity-1{opacity:0.1;}
.opacity-2{opacity:0.2;}
.opacity-3{opacity:0.3;}
.opacity-4{opacity:0.4;}
.opacity-5{opacity:0.5;}
.opacity-6{opacity:0.6;}
.opacity-7{opacity:0.7;}
.opacity-8{opacity:0.8;}
.opacity-9{opacity:0.9;}

/*background opcity*/
.bg-opacity-1{background-color: rgba(0, 0, 0, 0.1);}
.bg-opacity-2{background-color: rgba(0, 0, 0, 0.2);}
.bg-opacity-3{background-color: rgba(0, 0, 0, 0.3);}
.bg-opacity-4{background-color: rgba(0, 0, 0, 0.4);}
.bg-opacity-5{background-color: rgba(0, 0, 0, 0.5);}
.bg-opacity-6{background-color: rgba(0, 0, 0, 0.6);}
.bg-opacity-7{background-color: rgba(0, 0, 0, 0.7);}
.bg-opacity-8{background-color: rgba(0, 0, 0, 0.8);}
.bg-opacity-9{background-color: rgba(0, 0, 0, 0.9);}

/*width --- percent*/
.w-5-percent{width: 5%;}
.w-10-percent{width: 10%;}
.w-15-percent{width: 15%;}
.w-20-percent{width: 20%;}
.w-25-percent{width: 25%;}
.w-30-percent{width: 30%;}
.w-40-percent{width: 40%;}
.w-50-percent{width: 50%;}
.w-60-percent{width: 60%;}
.w-70-percent{width: 70%;}
.w-80-percent{width: 80%;}
.w-90-percent{width: 90%;}
.w-100-percent{width: 100%;}
.w-150-percent{width: 150%;}
.w-200-percent{width: 200%;}
.w-auto{width: auto;}

/*width --- px*/
.w5{width: 5px;}
.w10{width: 10px;}
.w15{width: 15px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w500{width: 500px;}

/*height --- percent*/
.h-100-percent{height: 100%;}
.h-auto{height: auto;}

/*height --- px*/
.h5{height: 5px;}
.h10{height: 10px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}
.h110{height: 110px;}
.h120{height: 120px;}
.h130{height: 130px;}
.h140{height: 140px;}
.h150{height: 150px;}
.h160{height: 160px;}
.h170{height: 170px;}
.h180{height: 180px;}
.h190{height: 190px;}
.h200{height: 200px;}
.h250{height: 250px;}
.h300{height: 300px;}
.h350{height: 350px;}
.h400{height: 400px;}
.h450{height: 450px;}
.h500{height: 500px;}

/*padding --- p*/
.nopadding{padding: 0;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.p60{padding: 60px;}
.p70{padding: 70px;}
.p80{padding: 80px;}
.p90{padding: 90px;}
.p100{padding: 100px;}

/*padding-top && padding-bottom --- ptb*/
.ptb5{padding: 5px 0;}
.ptb10{padding: 10px 0;}
.ptb15{padding: 15px 0;}
.ptb20{padding: 20px 0;}
.ptb30{padding: 30px 0;}
.ptb40{padding: 40px 0;}
.ptb50{padding: 50px 0;}
.ptb60{padding: 60px 0;}
.ptb70{padding: 70px 0;}
.ptb80{padding: 80px 0;}
.ptb90{padding: 90px 0;}
.ptb100{padding: 100px 0;}

/*padding-left && padding-right --- plr*/
.plr5{padding: 0 5px;}
.plr10{padding: 0 10px;}
.plr15{padding: 0 15px;}
.plr20{padding: 0 20px;}
.plr30{padding: 0 30px;}
.plr40{padding: 0 40px;}
.plr50{padding: 0 50px;}
.plr60{padding: 0 60px;}
.plr70{padding: 0 70px;}
.plr80{padding: 0 80px;}
.plr90{padding: 0 90px;}
.plr100{padding: 0 100px;}

/*padding-top --- pt*/
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
/*Negative value*/
.pt-5{padding-top: -5px;}
.pt-10{padding-top: -10px;}
.pt-15{padding-top: -15px;}
.pt-20{padding-top: -20px;}
.pt-30{padding-top: -30px;}
.pt-40{padding-top: -40px;}
.pt-50{padding-top: -50px;}
.pt-60{padding-top: -60px;}
.pt-70{padding-top: -70px;}
.pt-80{padding-top: -80px;}
.pt-90{padding-top: -90px;}
.pt-100{padding-top: -100px;}

/*padding-bottom --- pb*/
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
/*Negative value*/
.pb-5{padding-bottom: -5px;}
.pb-10{padding-bottom: -10px;}
.pb-15{padding-bottom: -15px;}
.pb-20{padding-bottom: -20px;}
.pb-30{padding-bottom: -30px;}
.pb-40{padding-bottom: -40px;}
.pb-50{padding-bottom: -50px;}
.pb-60{padding-bottom: -60px;}
.pb-70{padding-bottom: -70px;}
.pb-80{padding-bottom: -80px;}
.pb-90{padding-bottom: -90px;}
.pb-100{padding-bottom: -100px;}

/*padding-right --- pr*/
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}
/*Negative value*/
.pr-5{padding-right: -5px;}
.pr-10{padding-right: -10px;}
.pr-15{padding-right: -15px;}
.pr-20{padding-right: -20px;}
.pr-30{padding-right: -30px;}
.pr-40{padding-right: -40px;}
.pr-50{padding-right: -50px;}
.pr-60{padding-right: -60px;}
.pr-70{padding-right: -70px;}
.pr-80{padding-right: -80px;}
.pr-90{padding-right: -90px;}
.pr-100{padding-right: -100px;}

/*padding-left --- pl*/
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
/*Negative value*/
.pl-5{padding-left: -5px;}
.pl-10{padding-left: -10px;}
.pl-15{padding-left: -15px;}
.pl-20{padding-left: -20px;}
.pl-30{padding-left: -30px;}
.pl-40{padding-left: -40px;}
.pl-50{padding-left: -50px;}
.pl-60{padding-left: -60px;}
.pl-70{padding-left: -70px;}
.pl-80{padding-left: -80px;}
.pl-90{padding-left: -90px;}
.pl-100{padding-left: -100px;}

/*margin --- m*/
.nomargin{margin: 0;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.m40{margin: 40px;}
.m50{margin: 50px;}
.m60{margin: 60px;}
.m70{margin: 70px;}
.m80{margin: 80px;}
.m90{margin: 90px;}
.m100{margin: 100px;}
.m-auto{margin: auto;}

/*margin-top && margin-bottom --- mtb*/
.mtb5{margin: 5px 0;}
.mtb10{margin: 10px 0;}
.mtb15{margin: 15px 0;}
.mtb20{margin: 20px 0;}
.mtb30{margin: 30px 0;}
.mtb40{margin: 40px 0;}
.mtb50{margin: 50px 0;}
.mtb60{margin: 60px 0;}
.mtb70{margin: 70px 0;}
.mtb80{margin: 80px 0;}
.mtb90{margin: 90px 0;}
.mtb100{margin: 100px 0;}

/*margin-left && margin-right --- mlr*/
.mlr5{margin: 0 5px;}
.mlr10{margin: 0 10px;}
.mlr15{margin: 0 15px;}
.mlr20{margin: 0 20px;}
.mlr30{margin: 0 30px;}
.mlr40{margin: 0 40px;}
.mlr50{margin: 0 50px;}
.mlr60{margin: 0 60px;}
.mlr70{margin: 0 70px;}
.mlr80{margin: 0 80px;}
.mlr90{margin: 0 90px;}
.mlr100{margin: 0 100px;}
.mlr-auto{margin: 0 auto;}

/*margin-top --- mt*/
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
/*Negative value*/
.mt-5{margin-top: -5px;}
.mt-10{margin-top: -10px;}
.mt-15{margin-top: -15px;}
.mt-20{margin-top: -20px;}
.mt-30{margin-top: -30px;}
.mt-40{margin-top: -40px;}
.mt-50{margin-top: -50px;}
.mt-60{margin-top: -60px;}
.mt-70{margin-top: -70px;}
.mt-80{margin-top: -80px;}
.mt-90{margin-top: -90px;}
.mt-100{margin-top: -100px;}

/*margin-bottom --- mb*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
/*Negative value*/
.mb-5{margin-bottom: -5px;}
.mb-10{margin-bottom: -10px;}
.mb-15{margin-bottom: -15px;}
.mb-20{margin-bottom: -20px;}
.mb-30{margin-bottom: -30px;}
.mb-40{margin-bottom: -40px;}
.mb-50{margin-bottom: -50px;}
.mb-60{margin-bottom: -60px;}
.mb-70{margin-bottom: -70px;}
.mb-80{margin-bottom: -80px;}
.mb-90{margin-bottom: -90px;}
.mb-100{margin-bottom: -100px;}

/*margin-right --- mr*/
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}
/*Negative value*/
.mr-5{margin-right: -5px;}
.mr-10{margin-right: -10px;}
.mr-15{margin-right: -15px;}
.mr-20{margin-right: -20px;}
.mr-30{margin-right: -30px;}
.mr-40{margin-right: -40px;}
.mr-50{margin-right: -50px;}
.mr-60{margin-right: -60px;}
.mr-70{margin-right: -70px;}
.mr-80{margin-right: -80px;}
.mr-90{margin-right: -90px;}
.mr-100{margin-right: -100px;}

/*margin-left --- ml*/
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
/*Negative value*/
.ml-5{margin-left: -5px;}
.ml-10{margin-left: -10px;}
.ml-15{margin-left: -15px;}
.ml-20{margin-left: -20px;}
.ml-30{margin-left: -30px;}
.ml-40{margin-left: -40px;}
.ml-50{margin-left: -50px;}
.ml-60{margin-left: -60px;}
.ml-70{margin-left: -70px;}
.ml-80{margin-left: -80px;}
.ml-90{margin-left: -90px;}
.ml-100{margin-left: -100px;}