@charset "UTF-8";

/* margin */
.mt0 {
	margin-top: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml0 {
	margin-left: 0px;
}

.mr0 {
	margin-right: 0px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.ml15 {
	margin-left: 15px;
}

.mr15 {
	margin-right: 15px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr30 {
	margin-right: 30px;
}

.ml40 {
	margin-left: 40px;
}

.mr40 {
	margin-right: 40px;
}


/* padding */
.pt0 {
	padding-top: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pr40 {
	padding-right: 40px !important;
}


/*float*/
.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*font*/
.fs12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs18 {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.fs20 {
	font-size: 20px !important;
	font-size: 2rem !important;
}

.bold {
	font-weight: bold !important;
}

.text-underline {
	text-decoration: underline;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

/*RWD*/
.d-none {
	display: none;
}

.d-lg {
	display: block;
}

.d-lg-none {
	display: none;
}

@media screen and (max-width: 991px) {
	.d-sm {
		display: block;
	}

	.d-sm-none {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.d-xs {
		display: block;
	}

	.d-xs-none {
		display: none;
	}
}