.ui-button_red, .ui-button_gray, .ui-button_gray2, .ui_btn_green, .ui_btn_gray, .ui_btn_blue, .ui_btn_red, .ui_btn_yellow { cursor: pointer; color: #fff;   font-size: 12px; border: solid 1px #000000; margin: 1px; font-weight: 700px; font-weight: bold; vertical-align: middle;  background-size: contain; padding:0px 20px; transition:0.2s; height:36px; line-height:36px; display:inline-block; vertical-align:middle;  border-radius: 4px; box-sizing: border-box; }
button.ui-button_red, button.ui-button_gray, button.ui-button_gray2, button.ui_btn_green, button.ui_btn_gray, button.ui_btn_blue, button.ui_btn_red, button.ui_btn_yellow { padding: 0px 21px; height:36px; line-height:36px; display:inline-block; vertical-align:middle;   border-radius: 4px; box-sizing: border-box;}
.ui-button_red { background:#b32131; }
.ui-button_red:hover { opacity: 0.7; position: relative;   }
.ui-button_red:active { position: relative;  }
.ui-button_gray { background: #4d4d4d; }
.ui-button_gray:hover { opacity: 0.7; position: relative;   }
.ui-button_gray:active { position: relative;  }
.ui-button_gray2 { background: #4d4d4d; }
.ui-button_gray2:hover { opacity: 0.7; position: relative;   }
.ui-button_gray2:active { position: relative; top: 2px; }
.ui_btn_green { background:#367724; }
.ui_btn_green:hover { opacity: 0.7; position: relative;   }
.ui_btn_green:active { position: relative;  }
.ui_btn_red { background:#b32131; }
.ui_btn_red:hover { opacity: 0.7; position: relative;   }
.ui_btn_red:active { position: relative;  }
.ui_btn_gray { background: #4d4d4d; }
.ui_btn_gray:hover { opacity: 0.7; position: relative;   }
.ui_btn_gray:active { position: relative;  }
.ui_btn_blue { background: #17658b }
.ui_btn_blue:hover { opacity: 0.7;  position: relative;   }
.ui_btn_blue:active { position: relative;  }
.ui_btn_yellow{ background: #f7bd23; color: #000; }
.ui_btn_yellow:hover { opacity: 0.7; position: relative;   }
.ui_btn_yellow:active { position: relative;  }