﻿
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px;line-height: 24px; }
.fs32 { font-size: 32px;line-height: 32px; }
.fs36 { font-size: 36px;line-height: 36px; }
.fs48 { font-size: 48px;line-height: 48px; }
.fs60 { font-size: 60px;line-height: 60px; }
.fs72 { font-size: 72px;line-height: 72px; }
.fs96 { font-size: 96px;line-height: 96px; }

.b { font-weight: bold; }

.center { text-align: center; }

.va-top	{ vertical-align: top; }
.va-mid	{ vertical-align: middle; }
.va-btm	{ vertical-align: bottom; }

.ma { margin: 0 auto; }

.mh30 { margin: 0 20px; }
.mv15 { margin: 15px 0; }
.mv20 { margin: 20px 0; }
.mv30 { margin: 30px 0; }

.clear { clear: both; }

.clearfix { zoom:1;}

.clearfix:after { content: "";display: block;clear: both; }

.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt60 { margin-top: 60px; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.pr15 { padding-right: 15px; }
.pl10 { padding-left: 10px; }

.ls2 { letter-spacing: 2px; }
.ls3 { letter-spacing: 3px; }
.ls5 { letter-spacing: 5px; }

.green { color: #9bca39; }
.blue { color: #15a5c5; }
.pink { color: #ff769c; }
.red { color: #ff4477; }

.textborder {
	text-shadow:
		0 2px 0 #fff,
		2px 0 0 #fff,
		0 -2px 0 #fff,
		-2px 0 0 #fff,
		-2px -2px 0 #fff,
		2px -2px 0 #fff,
		-2px 2px 0 #fff,
		2px 2px 0 #fff
        ;
}

.bg-gray { background-color: #f0f0f0; padding: 20px;box-sizing: border-box; }

.noline { text-decoration: none; }
