/*
  * font css - By Raine 20190315
  * 命名規則: 前面一定要加個 f- 標示為font。font-size與font-weight排序請由小到大遞增，方便查找。
  * 這檔案為純css, 非scss
  */

/*
 * font-color
 */
.f-blue{color: #4279af !important;}
.f-red{color: #ea0000	 !important;}
.f-gray{color: #9B9B9B !important;}
.f-white{color: #fefefe !important;}
.f-green{color: #18864B !important;}
.f-pink{color:#ff9797  !important;}
.f-purple{color:#b943e7  !important;}
.f-yellow{color: rgb(216, 138, 14)!important;}
.f-date{color: #4279af;}

/*
 * font-size
 */
.f-10{font-size: 10px !important;}
.f-12{font-size: 12px !important;}
.f-14{font-size: 14px !important;}
.f-16{font-size: 16px !important;}
.f-18{font-size: 18px !important;}
.f-20{font-size: 20px !important;}
.f-22{font-size: 22px !important;}
.f-24{font-size: 24px !important;}
.f-32{font-size: 32px !important;}

/*
 * font-weight
 */
.f-w-50{font-weight: 50 !important;}
.f-w-200{font-weight: 200 !important;}
.f-w-300{font-weight: 300 !important;}
.f-w-400{font-weight: 400 !important;}
.f-w-500{font-weight: 500 !important;}
.f-w-700{font-weight: 700 !important;}
.f-w-bold{font-weight: bold !important;}

/*
 * line-height
 */
.f-lh-24{line-height: 24px !important;}
.f-lh-30{line-height: 30px !important;}
.f-lh-32{line-height: 32px !important;}
.f-lh-32{line-height: 32px !important;}
.f-lh-34{line-height: 34px !important;}
.f-lh-36{line-height: 36px !important;}
.f-lh-40{line-height: 40px !important;}


.f-va-middle {vertical-align: middle;}