@charset "UTF-8";

/*Generate Margin Class margin, padding-top, padding-left, padding-right, padding-bottom*/
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt95 { margin-top: 95px; }
.mt100 { margin-top: 100px; }
.mt150 { margin-top: 150px; }
.mt200 { margin-top: 200px; }
.mt250 { margin-top: 250px; }
.mt300 { margin-top: 300px; }
.mt350 { margin-top: 350px; }
.mt400 { margin-top: 400px; }
.mt450 { margin-top: 450px; }
.mt500 { margin-top: 500px; }

.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml85 { margin-left: 85px; }
.ml90 { margin-left: 90px; }
.ml95 { margin-left: 95px; }
.ml100 { margin-left: 100px; }
.ml150 { margin-left: 150px; }
.ml200 { margin-left: 200px; }
.ml250 { margin-left: 250px; }
.ml300 { margin-left: 300px; }
.ml350 { margin-left: 350px; }
.ml400 { margin-left: 400px; }
.ml450 { margin-left: 450px; }
.ml500 { margin-left: 500px; }

.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mr65 { margin-right: 65px; }
.mr70 { margin-right: 70px; }
.mr75 { margin-right: 75px; }
.mr80 { margin-right: 80px; }
.mr85 { margin-right: 85px; }
.mr90 { margin-right: 90px; }
.mr95 { margin-right: 95px; }
.mr100 { margin-right: 100px; }
.mr150 { margin-right: 150px; }
.mr200 { margin-right: 200px; }
.mr250 { margin-right: 250px; }
.mr300 { margin-right: 300px; }
.mr350 { margin-right: 350px; }
.mr400 { margin-right: 400px; }
.mr450 { margin-right: 450px; }
.mr500 { margin-right: 500px; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }
.mb150 { margin-bottom: 150px; }
.mb200 { margin-bottom: 200px; }
.mb250 { margin-bottom: 250px; }
.mb300 { margin-bottom: 300px; }
.mb350 { margin-bottom: 350px; }
.mb400 { margin-bottom: 400px; }
.mb450 { margin-bottom: 450px; }
.mb500 { margin-bottom: 500px; }



/*Generate Padding Class Padding, Padding-top, Padding-right, Padding-bottom, Padding-left*/
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.pt85 { padding-top: 85px; }
.pt90 { padding-top: 90px; }
.pt95 { padding-top: 95px; }
.pt100 { padding-top: 100px; }
.pt150 { padding-top: 150px; }
.pt200 { padding-top: 200px; }
.pt250 { padding-top: 250px; }
.pt300 { padding-top: 300px; }
.pt350 { padding-top: 350px; }
.pt400 { padding-top: 400px; }
.pt450 { padding-top: 450px; }
.pt500 { padding-top: 500px; }

.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl55 { padding-left: 55px; }
.pl60 { padding-left: 60px; }
.pl65 { padding-left: 65px; }
.pl70 { padding-left: 70px; }
.pl75 { padding-left: 75px; }
.pl80 { padding-left: 80px; }
.pl85 { padding-left: 85px; }
.pl90 { padding-left: 90px; }
.pl95 { padding-left: 95px; }
.pl100 { padding-left: 100px; }
.pl150 { padding-left: 150px; }
.pl200 { padding-left: 200px; }
.pl250 { padding-left: 250px; }
.pl300 { padding-left: 300px; }
.pl350 { padding-left: 350px; }
.pl400 { padding-left: 400px; }
.pl450 { padding-left: 450px; }
.pl500 { padding-left: 500px; }

.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr55 { padding-right: 55px; }
.pr60 { padding-right: 60px; }
.pr65 { padding-right: 65px; }
.pr70 { padding-right: 70px; }
.pr75 { padding-right: 75px; }
.pr80 { padding-right: 80px; }
.pr85 { padding-right: 85px; }
.pr90 { padding-right: 90px; }
.pr95 { padding-right: 95px; }
.pr100 { padding-right: 100px; }
.pr150 { padding-right: 150px; }
.pr200 { padding-right: 200px; }
.pr250 { padding-right: 250px; }
.pr300 { padding-right: 300px; }
.pr350 { padding-right: 350px; }
.pr400 { padding-right: 400px; }
.pr450 { padding-right: 450px; }
.pr500 { padding-right: 500px; }

.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb85 { padding-bottom: 85px; }
.pb90 { padding-bottom: 90px; }
.pb95 { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }
.pb150 { padding-bottom: 150px; }
.pb200 { padding-bottom: 200px; }
.pb250 { padding-bottom: 250px; }
.pb300 { padding-bottom: 300px; }
.pb350 { padding-bottom: 350px; }
.pb400 { padding-bottom: 400px; }
.pb450 { padding-bottom: 450px; }
.pb500 { padding-bottom: 500px; }


/* font weight */
.ft-bold { font-weight: bold; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }


/* font align*/
.ft-left { text-align: left; }
.ft-center { text-align: center; }
.ft-right { text-align: right; }


/* Display */
.d-block { display: block; }
.d-iblock { display: inline-block; }


.left { float: left; }
.right { float: right; }
.clear { float: none; }


/*Background Colors*/
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }
.bg-gray { background-color: #9e9e9e; }
.bg-red { background-color: #ff0000; }
.bg-lg { background-color: #f2f2f2; }


/* Font color */
.c-white { color: #ffffff; }
.c-black { color: #000000; }
.c-gray { color: #9e9e9e; }
.c-red { color: #ff0000; }


/* width */
.w-50 { width: 50%; }
.w-100 { width: 100%; }


/* Border */
.bd-bk { border: 1px solid #000; }
.bd-red { border: 1px solid #ff0000; }
.bd-gray { border: 1px solid #ddd; }
.bd-lg { border-bottom: 1px solid #d7d7d7; }


/* etc */
.hand { cursor: pointer; }
.hide { display: none; }