/* 後端樣式 */

/*通用*/

.padding-10-0 {
  padding: 10px 0px;
}

.fz-24 {
  font-size: 24px;
}

.fz-20 {
  font-size: 20px;
}

.fz-16 {
  font-size: 16px;
}
.fz-14 {
  font-size: 14px;
}

.border-radius-2px {
  border-radius: 2px;
}

.border-radius-4px {
  border-radius: 4px;
}

.border-radius-6px {
  border-radius: 6px;
}


.BG_gray {
  background: #eaedee;
}

.BG_white {
  background: #fff;
}

.req_text {
  color: #f00;
}

.mytooltip {
  color: #0064ffe8;
}

.color-6dd0cd {
  color: #6dd0cd;
}

.toggle, .toggle-on, .toggle-off {
  background-color: #3ab783;
}
.toggle:hover, .toggle-on:hover, .toggle-off:hover {
  background-color: #2b805d;
}
.toggle-handle {
  background-color: #19e816;
}

.btn-save {
  color: #fff;
  background-color: #66cccc;
  border-color: #66cccc;
}

.btn-close {
  color: #66cccc;
  background-color: #fff;
  border-color: #66cccc;
}

.table-cell-out {
  display: table;
}

.table-cell-in {
  display: table-cell;
  vertical-align: middle;
}


.button-6dd0cd {
  background-color: #6dd0cd;
  color: white;
  border-radius: 2px;
}

.button-6dd0cd .active,
.button-6dd0cd .disabled,
.button-6dd0cd:active,
.button-6dd0cd [disabled] {
  background-color: #195aa5;
}

.button-6dd0cd:hover,
.button-6dd0cd:focus,
.button-6dd0cd:active {
  background-color: #b6e7e6;
  /* border-color: #d58512; */
}

/*通用*/

/*表單*/

/* The container */

.contain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  margin: 0px 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

/* Hide the browser's default checkbox */

.contain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  /*top: 0;
  left: 0;*/
  top: 5px;
  left: 9px;
  height: 20px;
  width: 20px;
  background-color: #d9d9d9;
}

/* On mouse-over, add a grey background color */

.contain:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.contain input:checked~.checkmark {
  background-color: #6dd0cd;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.contain input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.contain .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact_checkmark {
  position: absolute;
  /*top: 0;
  left: 0;*/
  top: 5px;
  left: 9px;
  height: 20px;
  width: 20px;
  background-color: #d9d9d9;
}

.font_weight{
  font-weight: bold;
}


/*表單*/

/* setting_designer ↓ */

.designer_block {}

/* setting_designer ↑ */

/* setting_designer ↓ */

/* setting_designer ↑ */

/* setting_designer ↓ */

/* setting_designer ↑ */

/* setting_designer ↓ */

/* setting_designer ↑ */