/* 導覽tab按鈕 */
.btn-nav{
  color: #083964;
  background-color: #f5f0f2;
  border: solid 1px #083964;

  padding: 10px 15px;
  border-radius: 3px;
  font-weight: bold;

  display:inline-block;
  opacity: 0.7;
  transition: 0.3s;
}
.btn-nav-small{
  padding: 3px 6px;
}
.btn-nav:hover{
  color: #ffffff;
  background-color: #083964;
  border: solid 1px #083964;

  opacity: 1;
  box-shadow: 0 1px #666;
  transform: translateY(1px);
}
.btn-nav.active{
  color: #ffffff;
  background-color: #083964; /* #00c0c1; */
  border: solid 1px #083964;
  opacity: 1;
}

/*今日鄉土記事*/
.btn-front-link{
  color: #777777;
  font-weight: bold;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.btn-front-link:hover{
  color: #555555;
  border: solid 1px #555555;
}

.btn-tab{
  color: #253f3f;
  background-color: #efefef;
}
.btn-tab:hover{
  border-top: 2px solid #B22222;
}
.btn-tab.active{
  border-top: 2px solid #B22222;
}


/* 新增一整列 */
.btn-add-row{
  color: #ffffff;
  background-color: #1e5c7d;
  border: solid 1px #1e5c7d;

  display:inline-block;
  opacity: 0.7;
  transition: 0.3s;
}
.btn-add-row:hover, .btn-add-row:active{
  color: #ffffff;
  background-color: #1e5c7d;
  border: solid 1px #1e5c7d;

  opacity: 1;
  transform: translateY(1px);
  /* box-shadow: 0 1px #666; */
}



.btn-style-unit{
  color: #60B1CC;
  background-color: #ffffff;
  border: solid 1px #60B1CC;
}
.btn-style-unit:hover, .btn-style-unit.active{
  color: #ffffff;
  background-color: #60B1CC;
  border: solid 1px #60B1CC;
}

.btn-export, .btn-export:visited, .btn-export:focus{
  color: #EE7700;
  background-color: #ffffff;
  border: solid 1px #EE7700;
}
.btn-export:hover{
  color: #ffffff;
  background-color: #EE7700;
  border: solid 1px #EE7700;
}

.btn-import, .btn-import:visited, .btn-import:focus{
  color: #ffffff;
  background-color: #485253;
  border: solid 1px #485253;
  opacity:0.9;
}
.btn-import:hover{
  color: #ffffff;
  background-color: #485253;
  border: solid 1px #485253;
  opacity:1;
}

.btn-search, .btn-search:visited, .btn-search:focus{
  color: #ffffff;
  background-color: #9c0007;
  border: solid 1px #9c0007;
  opacity:0.9;
}
.btn-search:hover{
  color: #ffffff;
  background-color: #9c0007;
  border: solid 1px #9c0007;
  opacity:1;
}

.btn-download, .btn-download:visited, .btn-download:focus{
  color: #EE7700;
  background-color: #ffffff;
  border: solid 1px #EE7700;
}
.btn-download:hover{
  color: #ffffff;
  background-color: #EE7700;
  border: solid 1px #EE7700;
}


.btn-print, .btn-print:visited, .btn-print:focus{
  color: #51662D;
  background-color: #ffffff;
  border: solid 1px #51662D;
}
.btn-print:hover{
  color: #ffffff;
  background-color: #51662D;
  border: solid 1px #51662D;
}
.btn-edit, .btn-edit:visited, .btn-edit:focus{
  color: #ffffff;
  background-color: #6b5d4c;
  border: solid 1px #6b5d4c;
  opacity:0.9;
}
.btn-edit:hover{
  color: #ffffff;
  background-color: #6b5d4c;
  border: solid 1px #6b5d4c;
  opacity:1;
}

.btn-add, .btn-add:visited, .btn-add:focus{
  color: #6b5d4c;
  background-color: #ffffff;
  border: solid 1px #6b5d4c;

  opacity: 0.7;
  transition: 0.3s;
}
.btn-add:hover{
  color: #ffffff;
  background-color: #6b5d4c;
  border: solid 1px #6b5d4c;

  opacity: 1;
  box-shadow: 0 1px #666;
  /* transform: translateY(1px); */
}

.btn-danger-o, .btn-danger-o:visited, .btn-danger-o:focus{
  color: #dd4b39;
  background-color: #ffffff;
  border: solid 1px #dd4b39;
}
.btn-danger-o:hover{
  color: #ffffff;
  background-color: #dd4b39;
  border: solid 1px #dd4b39;
}

.btn-addinto, .btn-addinto:visited, .btn-addinto:focus{
  color: #ffffff;
  background-color: #6CBC88;
  border: solid 1px #6CBC88;
  opacity:0.9;
}
.btn-addinto:hover{
  color: #ffffff;
  background-color: #6CBC88;
  border: solid 1px #6CBC88;
  opacity:1;
}

.btn-reset, .btn-reset:visited, .btn-reset:focus {
  color: #96a69f;
  background-color: #ffffff;
  border: solid 1px #96a69f;
  opacity:0.9;
}
.btn-reset:hover{
  color: #96a69f;
  opacity:1;
}

/* 註解用 */
.btn-note{
  background-color :#FFFAFA;
  color: #D2B48C;
  border: 1px #D2B48C solid;
}
.btn-note:hover, .btn-note.active{
  background-color :#FFFAFA;
  color: #D2B48C;
  border: 1px #D2B48C solid;
}











.btn-style-1{
  color: #556B2F;
  background-color: #ffffff;
  border: solid 1px #556B2F;
}
.btn-style-1:hover, .btn-style-1.active{
  color: #ffffff;
  background-color: #556B2F;
  border: solid 1px #556B2F;
}


.btn-style-2{
  color: #dddddd;
  background-color: #550088;
  border: solid 1px #550088;
}
.btn-style-2:hover{
  color: #ffffff;
}

.btn-style-3{
  color: #dddddd;
  background-color: #550088;
  border: solid 1px #550088;
}
.btn-style-3:hover{
  color: #ffffff;
}






.btn-style-grey{
  color: #444444;
  background-color: #ffffff;
  border: solid 1px #444444;
}
.btn-style-grey:hover{
  color: #ffffff;
  background-color: #444444;
  border: solid 1px #444444;
}

.btn-style-dark{
  color: #ffffff;
  background-color: #6c7c92;
  border: solid 1px #ffffff;
}
.btn-style-dark:hover{
  color: #ffffff;
  background-color: #B22222;
  border: solid 1px #ffffff;
}

.btn-style-google{
  color: #fbbc05;
  background-color: #4285f4;
  border: solid 1px #ffffff;
}
.btn-style-google i{
  color: #fbbc05;
}
.btn-style-google:hover{
  color: #ffffff;
  background-color: #dd4b39;
  border: solid 1px #ffffff;
}


/* 只用作標題顯示的button */
.btn-title-1{
  color: #ffffff;
  background-color: #FF8800;
  border: solid 1px #FF8800;
  

  padding: 6px 15px;
  cursor: default;
  margin-top: 40px;
  margin-bottom: 10px;
}


/* 載入更多 */
.btn-loadmore{
  margin:10px 20px; 
  background-color: #FFE4E1;
}




/* 刪除元件按鈕(同義字)*/
.btn-remove{
  color: #BC8F8F;
  background-color: #ffffff;
  border: solid 1px #BC8F8F;
}

.btn-remove i{
  margin-left: 8px;
}

.btn-remove i:hover{
  color:#ff0000;
}

/* 刪除/連結 元件按紐(帳號申請文件) */
.btn-remove-part{
  color: #BC8F8F;
  background-color: #ffffff;
  border: solid 1px #BC8F8F;
}
.btn-remove-part i{
  margin-left: 8px;
  margin-right: 5px;
}

.btn-remove-part:hover{
  color: #BC8F8F;
}
.btn-remove-part span:hover{
  color:#170e0e;
}
.btn-remove-part i:hover{
  color:#ff0000;
}

/* email 分享按鈕*/
.btn-email{
  color: #ffffff;
  background-color: #3B424D;
  border: solid 1px #ffffff;
}
.btn-email:hover{
  color: #ffffff;
  background-color: #395364;
}
.btn-email i{
  color: #D76565;
}


/* 城市記憶投稿 */
.btn-contribute, .btn-contribute:visited, .btn-contribute:focus{
  color: #EE7700;
  background-color: #ffffff;
  border: solid 1px #EE7700;
}
.btn-contribute:hover{
  color: #ffffff;
  background-color: #EE7700;
  border: solid 1px #EE7700;
}



title-element-1{
  display: inline-block;
  /*border-top: 3px #FF8800 solid;*/
  border-bottom: 5px #FF8800 solid;
  background-color: #FAEBD7;
  font-size: 18px;
  font-weight: bold;


  padding: 6px 10px 3px 10px;
  cursor: default;
  margin-top: 40px;
  margin-bottom: 10px;
}


/* (後臺) */
.tab-content-mine{
  background-color: #ffffff;
  padding: 20px 15px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  box-shadow:1px 3px #dddddd;
}


.white-board{
  background-color: #ffffff;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 20px 15px 20px 15px;
  border-radius: 5px;
  box-shadow:1px 3px #dddddd;
}

/* 頁面標題 */
.page-title {
  color: #253f3f;
  font-size: 22px;
  font-weight: 550;
  letter-spacing: 0.6px;

  padding-top: 5px;
  padding-bottom: 3px;
}
.page-title i{
  /* color: #2F4F4F; */
  color: #EBC632;
}


/* 後臺麵包屑 */
.back-bread-crumbs{
    background-color: #eff3f7;
    color: #666666;
    padding: 5px 10px 8px 10px;
  border-bottom: 1px #ffffff solid;
}
.back-bread-crumbs i{
    color: #333333;
    margin-left: 5px;
    margin-right: 5px;
}

/* 上傳檔案 */
.form-upload-files .form-control{
  width:300px !important;
  display: inline-block !important;
  margin-bottom: 10px;
}

/* 錯誤回饋 */
.div-error-wrapper{
  display:none;
  width:100%;
  min-height: 200px;
  background-color: #FFBFBF;
  color: #800000;
  padding: 5px 15px;
}





/* 書目資料表格  not using */
/*
.outline_table td{
  padding: 1px;
  font-size: 12px;
}

.outline_table td:nth-child(2){
  width: 100px;
}
*/
.outline-container .outline-row{
  max-width: 450px;
  /* border: 1px #ff0000 solid; */
}

.outline-container .outline-row>div{
  display: inline-block;
}

.outline-row-title{
  width: 73%;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.outline-row-pages{
  width: 25%;
}


/* 列表頁選單列 */
.div-list-operate{
  margin-bottom: 10px;
}
.div-list-operate select{
  cursor: pointer;
  display: inline-block;
  color: #888;
  height: 34px;

  border: 1px solid #c0c0c0;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 14px;
}
.selectitemSpan{
  line-height: 40px; 
  vertical-align: middle;
  padding-left:3px;
}

.btn-list-operate{
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 14px;
}
.btn-list-operate:hover, .btn-list-operate.active{
  border: 1px solid #5fb8eb;
  background: #5fb8eb;
  color: #FFF;
}