/*////////////////////////
		Utility
////////////////////////*/

/*////////////////////////
		font-size
////////////////////////*/
.u-font-9{
	font-size: 9px !important;
}
.u-font-10{
	font-size: 10px !important;
}
.u-font-11{
	font-size: 11px !important;
}
.u-font-12{
	font-size: 12px !important;
}
.u-font-13{
	font-size: 13px !important;
}
.u-font-14{
	font-size: 14px !important;
}
.u-font-15{
	font-size: 15px !important;
}
.u-font-16{
	font-size: 16px !important;
}
.u-font-17{
	font-size: 17px !important;
}
.u-font-18{
	font-size: 18px !important;
}
.u-font-19{
	font-size: 19px !important;
}
.u-font-20{
	font-size: 20px !important;
}
.u-font-21{
	font-size: 21px !important;
}
.u-font-22{
	font-size: 22px !important;
}
.u-font-24{
	font-size: 24px !important;
}
.u-font-25{
	font-size: 25px !important;
}
.u-font-26{
	font-size: 26px !important;
}
.u-font-28{
	font-size: 28px !important;
}
.u-font-30{
	font-size: 30px !important;
}
.u-lh-13{
	line-height: 1.3em !important;
}

.u-dotted-bottom{
	border-bottom: 1px dotted #ccc !important;
}
.u-dotted-bottom02{
	border-bottom: 1px dotted #aaa !important;
}

/* display */
.u-inline-block{
	display: inline-block !important;
}

/*////////////////////////
				margin
////////////////////////*/
/* margin-center */
.u-center{
	margin: 0 auto !important;
}
/* margin-top */
.u-mt5{
	margin-top: 5px !important;
}
.u-mt10{
	margin-top: 10px !important;
}
.u-mt15{
	margin-top: 15px !important;
}
.u-mt20{
	margin-top: 20px !important;
}
.u-mt22{
	margin-top: 22px !important;
}
.u-mt25{
	margin-top: 25px !important;
}
.u-mt30{
	margin-top: 30px !important;
}
.u-mt40{
	margin-top: 40px !important;
}
.u-mt50{
	margin-top: 50px !important;
}
/* margin-bottom */
.u-mb5{
	margin-bottom: 5px !important;
}
.u-mb10{
	margin-bottom: 10px !important;
}
.u-mb15{
	margin-bottom: 15px !important;
}
.u-mb20{
	margin-bottom: 20px !important;
}
.u-mb25{
	margin-bottom: 25px !important;
}
.u-mb30{
	margin-bottom: 30px !important;
}
.u-mb40{
	margin-bottom: 40px !important;
}
.u-mb50{
	margin-bottom: 50px !important;
}
/* margin-left */
.u-ml5{
	margin-left: 5px !important;
}
.u-ml10{
	margin-left: 10px !important;
}
.u-ml15{
	margin-left: 15px !important;
}
.u-ml20{
	margin-left: 20px !important;
}
.u-ml25{
	margin-left: 25px !important;
}
.u-ml30{
	margin-left: 30px !important;
}
.u-ml40{
	margin-left: 40px !important;
}
.u-ml50{
	margin-left: 50px !important;
}
/* margin-right */
.u-mr5{
	margin-right: 5px !important;
}
.u-mr10{
	margin-right: 10px !important;
}
.u-mr15{
	margin-right: 15px !important;
}
.u-mr20{
	margin-right: 20px !important;
}
.u-mr25{
	margin-right: 25px !important;
}
.u-mr30{
	margin-right: 30px !important;
}
.u-mr40{
	margin-right: 40px !important;
}
.u-mr50{
	margin-right: 50px !important;
}

/*////////////////////////
				padding
////////////////////////*/
/* padding-top */
.u-pt5{
	padding-top: 5px !important;
}
.u-pt10{
	padding-top: 10px !important;
}
.u-pt15{
	padding-top: 15px !important;
}
.u-pt20{
	padding-top: 20px !important;
}
.u-pt30{
	padding-top: 30px !important;
}
.u-pt40{
	padding-top: 40px !important;
}
.u-pt50{
	padding-top: 50px !important;
}
.u-pt60{
	padding-top: 60px !important;
}
.u-pt70{
	padding-top: 70px !important;
}
/* padding-bottom */
.u-pb5{
	padding-bottom: 5px !important;
}
.u-pb10{
	padding-bottom: 10px !important;
}
.u-pb15{
	padding-bottom: 15px !important;
}
.u-pb20{
	padding-bottom: 20px !important;
}
.u-pb30{
	padding-bottom: 30px !important;
}
.u-pb40{
	padding-bottom: 40px !important;
}
.u-pb50{
	padding-bottom: 50px !important;
}
/* margin-left */
.u-pl5{
	padding-left: 5px !important;
}
.u-pl10{
	padding-left: 10px !important;
}
.u-pl15{
	padding-left: 15px !important;
}
.u-pl20{
	padding-left: 20px !important;
}
.u-pl30{
	padding-left: 30px !important;
}
.u-pl40{
	padding-left: 40px !important;
}
.u-pl50{
	padding-left: 50px !important;
}
.u-pl70{
	padding-left: 70px !important;
}
/* padding-right */
.u-pr5{
	padding-right: 5px !important;
}
.u-pr10{
	padding-right: 10px !important;
}
.u-pr15{
	padding-right: 15px !important;
}
.u-pr20{
	padding-right: 20px !important;
}
.u-pr30{
	padding-right: 30px !important;
}
.u-pr40{
	padding-right: 40px !important;
}
.u-pr50{
	padding-right: 50px !important;
}

/* clearfix */
.u-clear-fix:after {
  content: "";
  display: block;
  //height: 0;
  clear: both;
  visibility: hidden;
}

.u-tac{
	text-align: center;
}
.u-tar{
	text-align: right;
}
.u-tal{
	text-align: left;
}
.u-vam{
	vertical-align: middle;
}
.u-bold{
	font-weight: bold;
}
.u-font-nomal{
	font-weight: normal;
}

.u-trans-center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translateX(-50%,-50%);
}

.u-image-cover{
	background-size: cover;
}