@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Pacifico);
/**************align items**********/
.both-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.align-middle {
  display: flex;
  align-items: center;
}

.justify-middle {
  display: flex;
  justify-content: center;
}

.orange-color {
  background-color: #FF9B37;
  border-color: #FF9B37;
}

.safe-color {
  background-color: #11CFBD;
  border-color: #11CFBD;
}

.danger-color {
  background-color: #FF007E;
  border-color: #FF007E;
}

.warn {
  color: red;
}

.pos-relative {
  position: relative;
}

/************** 文章新增頁面的網頁配置 **********/
.division {
  padding: 10px 20px 10px 20px;
  color: black;
}

/************** 大顆checkbok **********/
.big_check {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

/************Cursor**************/
.cursor-pointer,
.btn:hover {
  cursor: pointer;
}

/* 預設按鈕顏色 */
.btn-default {
  border-color: #1A263A;
  color: #ffffff;
  background-color: #172336;
  /* 預設滑鼠停留在按鈕上的顏色 */
}
.btn-default:hover {
  border-color: #1A263A;
  color: #ffffff;
  background-color: #172336;
}

.full-col {
  padding: 0;
}

/* 搜尋時顏色的變化 */
.searching {
  background: white;
}

.panel {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 reba(164, 173, 186, 0.25);
  background-color: white;
  padding: 20px 42px 30px 42px;
}

.panel-paddind-10 {
  border-radius: 20px;
  box-shadow: 0 8px 20px 0 rgba(110, 140, 155, 0.5);
  background-color: rgba(255, 255, 255, 0.6);
  padding: 20px 10px 30px 10px;
}

/* **************  input 的樣式 **************/
.input-div {
  width: 100%;
  height: 42px;
  border-radius: 3px;
  border: 1px solid #DEE3E7;
  position: relative;
  padding-left: 5px;
}
.input-div > input {
  width: 100%;
  height: 100%;
  color: #000000;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: left;
}
.input-div > input::placeholder {
  opacity: 0.2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: left;
  color: #506e7d;
}
.input-div > textarea::placeholder {
  opacity: 0.2;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: left;
  color: #506e7d;
}
.input-div img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  cursor: pointer;
}

.input-div.input-width-95per {
  width: 95%;
}

.input-div.input-width216 {
  width: 216px;
}

.normal-div {
  width: 456px;
}

.half-div {
  width: 216px;
  margin-left: 14px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-left-36 {
  margin-left: 36px;
}

.margin-left-64 {
  margin-left: 64px;
}

.padding-right-42 {
  padding-right: 42px;
}

.span-normal {
  padding-top: 5px;
  padding-bottom: 5px;
}
.span-normal span {
  color: #67768C;
}

.normal-boder-top {
  border-top: 1px solid #eaeaea;
}

.normal-a-color {
  color: #FF6E00;
}

.justify-content-end {
  display: flex;
  justify-content: flex-end;
}

/***************  chosen **************/
.chosen-container {
  height: 42px;
}
.chosen-container .chosen-single {
  height: 100%;
  border: 1px solid #dee3e7;
  display: flex;
  align-items: center;
  background: unset;
  box-shadow: unset;
}
.chosen-container .chosen-single span {
  margin-top: 4px;
}
.chosen-container .chosen-single div {
  width: 16px;
  top: 9px;
}

.select-width-85 + .chosen-container {
  width: 85% !important;
}

.add-main-btn {
  width: 40px;
  height: 40px;
  color: #FF6E00;
  background-color: rgba(0, 0, 0, 0);
  border-color: #FF6E00;
}
.add-main-btn:hover {
  border-color: #FF6E00;
  box-shadow: 0px 3px 5px 0px rgba(164, 173, 186, 0.25);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.add-main-btn-div {
  padding-left: unset;
  display: flex;
  justify-content: flex-end;
}

.dropdown.add-new ul {
  padding: 0px;
}
.dropdown.add-new ul li {
  height: 35px;
  align-items: center;
  display: flex;
}
.dropdown.add-new ul li a {
  padding-left: 10px;
  width: 100%;
}
.dropdown.add-new ul li:hover {
  background-color: #fff0e5;
  border-color: #fff0e5;
}
.dropdown.add-new ul li:hover a {
  color: #FF6E00;
}

/* **************  chosen **************/
.chosen-container-multi .chosen-choices {
  line-height: 1.5;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  background-image: unset;
}

/* **************  chosen **************/

/*# sourceMappingURL=default.css.map */