/*vue設定*/
[v-cloak] {
  display: none;
}
/*----查詢彈出窗樣是設定-----*/
.search_table_username {
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
.search_table_tr td {
  width:25%;
  text-align: center;
}
.remake {
  cursor: pointer;
}
#page_num {
  text-align: center;
  height: 54px;
}
/*-----------------------------------------*/
/*layui*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  left: 0px !important;
  top: 0px !important;
  padding: 0px !important;
  color: #ffffff !important;
	background: #404040 !important;
}
.layui-laypage .layui-laypage-curr em {
  color: #fff !important;
}
.layui-laypage a, .layui-laypage span {
  color: #fff !important;
  background-color: black !important;
}
/*-----------------------------------------*/
/*----申請彈出窗樣是設定-----*/
/*layui日期*/
.layui-laydate .layui-this {
  background-color: rgb(148, 158, 168) !important;
}

/*----------------首頁專用------------------*/
/*欄位名稱*/
.field_name{
  word-wrap:break-word;
  width: 100px;
  display: inline-block;
}
/*冒號 */
.colon {
  width: auto !important;
}
/*下拉式欄位*/
.field_select{
  box-sizing: border-box;
  padding: 5px;
  height: 43px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #fdc163;
}
.upload_box {
  position: relative;
  box-sizing: border-box;
  padding: 0px;
  height: 43px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid #fdc163;
  background: #fff;
  display: inline-block;
  text-align: left !important;
  cursor: pointer;
  padding-left: 5px;
  font-size: 13px;
  font-family: initial;
}
.upload_span {
  width: 100% !important;
  color: #a6a79d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left !important;
  height: 43px;
  line-height: 43px;
  display: inline-block;
  vertical-align: top;
}
.upload_input {
  opacity: 0;
	position: absolute;
	color: transparent;
	right: 0;
  top: 0;
}
.verify_box{
  position: relative;
  display: inline-block;
  width: 100%;
}
.verify_img {
  position: absolute;
  right: 20px !important;
  top: 0 !important;
  bottom: 0;
  margin: auto;
  height: 80%;
}
/*----------------詳情專用-----------------*/
.field_name_datail{
  word-wrap:break-word;
  width: 120px;
  display: inline-block;
}
.colon_datail{
  width: auto !important;
  height: 44px;
  line-height: 44px;
}
/*下拉式欄位*/
.field_select_datail{
  box-sizing: border-box;
  width: 100%;
  border-radius: 15px;
  border: 1px solid rgb(253, 193, 99);
  padding: 10px 0px;
  text-indent: 5px;
}
/*上傳欄位{依據樣式調整}*/
.upload_box_detail {
  box-sizing: border-box;
  width: 100%;
  border-radius: 15px;
  border: 1px solid rgb(253, 193, 99);
  padding: 9px 10px;
  padding-left: 10px;
  font-size: 13px;
  /*以上為修改區域*/
  background: #ffffff;
  position: relative;
  display: inline-block;
  text-align: left !important;
  cursor: pointer;
  font-family: initial;
}
.upload_span_datail {
  width: 100% !important;
  color: #a6a79d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left !important;
  display: inline-block;
  vertical-align: top;
}
.upload_input_datail {
  opacity: 0;
	position: absolute;
	color: transparent;
	right: 0;
  top: 0;
  padding: 0;
  height: 100%;
}
/*驗證碼欄位*/
.verify_box_datail{
  position: relative;
  display: inline-block;
  width: 100%;
}
.verify_img_datail {
  position: absolute;
  right: 20px !important;
  top: 0 !important;
  bottom: 0;
  margin: auto;
  height: 30px;

}
/*-----------------------------------------*/
/*樣式初始化*/
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*input placeholder顏色*/
::placeholder { /* CSS 3 標準 */
  color: #a6a79d;
}
::-webkit-input-placeholder { /* Chrome, Safari */
  color: #a6a79d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a6a79d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a6a79d;
  opacity: 1;
}
/*-----------------------------------------*/
/*滾動條*/
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background-color: rgb(85, 85, 82);
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
  /* background-color: rgb(252, 242, 162); */
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
  background-color: black;
}