/* width */
.w22 {
  width: 22px;
}
.w170 {
  width: 170px;
}
.w180 {
  width: 180px;
}
.w200 {
  width: 200px !important;
}
.w140 {
  width: 140px;
}
.w-230 {
  width:230px;
}
.w-252 {
  width:252px !important;
}
.w-260{
  width:260px;
}
.w-270{
  width:270px;
}
.w-280{
  width:280px;
}
.w-288 {
  width:288px !important;
}
.w-373 {
  width: 373px !important;
}
.w600 {
  width: 600px;
}
.w640 {
  width: 640px;
}

/* margin */
.m-center{
  margin: 0 auto;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt12 {
  margin-top: 12px;
}
.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;
}
.mt60{
  margin-top: 60px;
}
.mt89{
  margin-top: 89px;
}
.mt95{
  margin-top: 95px;
}
.mt124{
  margin-top: 124px
}
.mb5 {
  margin-bottom: 5px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb23 {
  margin-bottom: 23px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb47 {
  margin-bottom: 47px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb75 {
  margin-bottom: 75px;
}
.ml-18 {
  margin-left: 18px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}

.mr10{
  margin-right: 10px;
}
.mr18{
  margin-right: 18px;
}
.mr15{
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr25{
  margin-right: 25px;
}
.mr30{
  margin-right: 30px;
}
.mr45{
  margin-right: 45px;
}

.padding{
  padding: 20px;
}
.pt17{
  padding-top: 17px;
}
.pt20{
  padding-top: 20px;
}
.pt35{
  padding-top: 35px;
}
.pl{
  padding-left: 140px;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}

/* font size */
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-25 {
  font-size: 25px;
}
.fs-24 {
  font-size: 24px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-36 {
  font-size: 36px;
}
.fs-40 {
  font-size: 40px;
}
.fs-48 {
  font-size: 48px;
}
.fs-50 {
  font-size: 50px;
}
.fs-60 {
  font-size: 60px;
}
.fs-b {
  font-weight: bold;
}
.fs-b700 {
  font-weight: 700;
}
.fs-b-n{
  font-weight: normal;
}

/* font color */
.f-c-b {
  color: #333;
}

.f-c-gray0 {
  color: #666;
}

.f-c-white{
  color: #fff;
}
.f-c-black_111{
  color: #111111;
}
.f-c-grayb9{
  color: #b9b9b9;
}
.f-c-gray62{
  color: #626262;
}

/* font light */
.fslh-14 {
  line-height: 14px;
}
.fslh-16 {
  line-height: 16px;
}
.fslh-20 {
  line-height: 20px;
}
.fslh-24 {
  line-height: 24px;
}
.fslh-25 {
  line-height: 25px;
}
.fslh-32 {
  line-height: 32px;
}

.textAlign_Center{
  text-align: center;
}
.textAlign_Left{
  text-align: left;
}
.textAlign_Right{
  text-align: right;
}

/* color */
.g9 {
  color: #999;
}

/* flex */
.flex{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-space-around{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flex-space-between{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.justify-content-start{
  justify-content: flex-start!important;
}
.justify-flex-end{
  justify-content: flex-end!important;
}