.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.hide {
  display: none; }

.alignL {
  text-align: left; }

.alignR {
  text-align: right; }

.alignC {
  text-align: center; }

.valignM {
  vertical-align: middle; }

.p_releative {
  position: relative; }

.p0 {
  padding: 0; }

.pt0 {
  padding-top: 0; }

.pt10 {
  padding-top: 1rem; }

.pb10 {
  padding-bottom: 1rem; }

.ptb10 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.prl0 {
  padding-right: 0;
  padding-left: 0; }

.mt0 {
  margin-top: 0; }

.mb0 {
  margin-bottom: 0; }

.mtb0 {
  margin-top: 0;
  margin-bottom: 0; }

.m0 {
  margin: 0; }

.mt10 {
  margin-top: 1rem; }

.mb10 {
  margin-bottom: 1rem; }

.lspacing {
  letter-spacing: normal; }

.f_c_red {
  color: #e45353; }

.f_c_white {
  color: #fff; }

.f_c_yellow {
  color: #f5e644; }

.f_c_orange {
  color: #e79954; }

.f_c_green {
  color: #5db175; }

.f_c_blue {
  color: #6da7e6; }

.f_c_gray {
  color: #cccccc; }

.f_c_dimgray {
  color: #696969; }

.f_c_black {
  color: #111; }

.f_nomal {
  font-weight: normal; }

.f_bold {
  font-weight: bold; }

.f_line {
  text-decoration: underline; }

.f_s_10 {
  font-size: 10px; }

.f_s_12 {
  font-size: 12px; }

.f_s_14 {
  font-size: 14px; }

.f_s_16 {
  font-size: 16px; }

.f_s_18 {
  font-size: 18px; }

.f_s_20 {
  font-size: 20px; }

.f_s_22 {
  font-size: 22px; }

.b_l5_blue {
  border-left: 5px solid #6da7e6; }

.b_l5_red {
  border-left: 5px solid #e45353; }

.b_l5_yellow {
  border-left: 5px solid #f5e644; }

.b_l5_orange {
  border-left: 5px solid #e79954; }

.b_l5_green {
  border-left: 5px solid #5db175; }