/* @import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);  */  /* 思源仿宋體 cwTeXFangSong */
/* @import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);  */  /* 思源楷體cwTeXKai */
/* @import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css); */   /* 思源明體 cwTeXMing */
/* @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);  */   /* 思源黑體 Noto Sans TC */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);  /* 思源圓體 cwTeXYen */

/* 預設設定 -> Begin */
body {
   font-family: 'cwTeXYen', serif, 'sans-serif', 'Tahoma', 'Verdana', 'Arial', 'Helvetica';
   background-color: #FFD39B;
   font-size: 12px;
   font-weight: 500;
   text-align: center;
}
/* 取消連結圖片的外框，可省去個別設定的麻煩 */
img {
	border:0 solid;
	/* filter: Shadow(Color=#0000FF, Direction=135); */
}
/* 設定水平線的屬性 */
hr {
  border: 0px solid #FFE8D0;
  border-top-width: 1px;
  height: 0px
}
a:active {
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  text-decoration: none;
} 

/* h1 -> 標題用 */
h1 { 
  font-size: 2.4em;
  text-align: center;
  color: #551A8B;
}
h2 { 
  font-size: 1.4em;
  text-align: center;
  color: #551A8B;
}
h3 { 
  font-size: 1.2em;
  text-align: center;
  color: #551A8B;
  background-color: #e5eff7;
}
label { vertical-align: middle; }
/* 預設設定 -> End */

/* 版面設定 -> End */
#main_content {
  background-color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  padding: 1rem;
}

#header { /* 網頁標題區 */
  font-size: 2.5em;
}

#topmenu { /* 功能表列 */
  font-size: 1.5rem;
}
#menubar {  /*主功能表的選項 */
  color: #8E4C04;
  font-size: 1.8em;
  /* text-decoration: none; */
  /* border-left: 1px solid #FFFFFF; */
  /* padding: 2px 8px 2px 8px; */
  /* background-color:#FFFF00; */
}
#menubar li:hover {  /* 主功能表的選項 */
  color: #FFFFFF;
  /* font-size: 16px; */
  /* text-decoration: none; */
  /* padding: 2px 8px 2px 8px; */
  background-color:#8E4C04;
  /* background: #FFFF66 url(images/menu_bg_01.gif) no-repeat 2px 3px; */
}
.nav-item {
	padding-bottom: 0;
	margin-bottom: 0;
}
#user_line {
  background-color: #4682B4;
  /* height: 27px; */
  font-size: 1.25rem;
  /*line-height: 27px; */ /*把 line-height 的高度設成跟外部區塊的 height 相同即可讓文字垂直置中 */
  text-align: right;
  padding: 4px 24px 0 0;
  color: #FFFFFF;
  /* width: 100%; */
}

#user_line a:active {
  color: #FFFFFF;
  text-decoration: none;
}
#user_line a:link {
  color: #FFFFFF;
  text-decoration: none;
}
#user_line a:hover {
  color: #CDAD00;
  text-decoration: underline;
}
#user_line a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#page_line_1 {
  font-size: 1.1rem;
  margin-top: 8px;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}

#page_line_2 {
  font-size: 1.1rem;
  margin-top: 0px;
  margin-bottom: 8px;
  text-align: center;
  width: 100%;
}

#copyright {
  padding: 2px 0;
  background-color: #A4D3EE;
  color: #4B0082;
  text-align: center;
}

#footer {
  font-size: 1.1em;
  color: #4D4D4D;
  letter-spacing: 1px;
}
/* 版面設定 -> End */

#dataTable, #table_ws {
   font-size: 1.15rem;
}
.fontsize_1x {
   font-size: 1.1rem;
}

.list_title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #002971;
  background-color: #FFDF55;
}
.list_title_1x {
	font-size: 1.1rem;
	font-weight: bold;
	color: #002971;
	background-color: #FFDF55;
}

.last_signin {
	font-size: 0.9rem;
	color: #616161;
}

.table {
   width: auto;
}
.table_full {
   width: 100%;
}
.table thead th, .table tbody td {
   padding: 0.2em;
   font-weight: 100;
   vertical-align: middle;
}
.list_content {
   font-size: 1.1rem;
}

.input-required {
	background-color: #8cbffb !important;
	color: #222;
}
.input-error {
	background-color: #f11010 !important;
	color: #FFF;
}
#modal_edit_ws_area {
  font-size: 1rem;
}

.phrase_word {
  font-size: 1.2rem;
  line-height: 1;
  color: #1c1c1c;
}

.white {
  color: #FFF;
}

.red {
  color: #F00;
}

.bg_red {
  background-color: #F00;
}

.brown {
  color: #A52A2A;
}

.bg_brown {
  background-color: #A52A2A;
}

.sandybrown {
  color: #F4A460;
}
.bg_sandybrown {
  background-color: #F4A460;
}

.coral {
  color: #FF7F50;
}

.bg_coral {
  background-color: #FF7F50;
}
.bg_coral:hover {
  background-color: #A0522D;
}

.gray {
  color: #d4d4d4;
}
.divButtons {
	margin: 1rem 0 1rem 0;
}

.divButtons .btn {
	font-size: 1.25rem;
}

.hint_text {
  color: #5E5E5E;
  font-size: 85%;
}
td.td_none_tip {
	padding: 4px;
	color: #F00;
	font-size: 1.5rem;
}
tr.deleted {
  background-color: #DDA0DD;
}

#cardWsSearch {
  width: 80%;
  min-width: 80%;
}

.btn-spinner, .hidden {
	display: none;
}

/* 自行大小 */
.font-1_25x {
	font-size: 1.25rem;
}

.font-1_5x {
	font-size: 1.5rem;
}

.font-2x {
	font-size: 2rem;
}

.form-control, .input-group-prepend, .custom-control-label, .input-group-text, .btn {
	font-size: 1.25rem;
}

/* 頁面標題 */
.pageTitle {
	margin-top: 1rem;
	margin-bottom: 1.0rem;
}
.modalTile {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
	font-size: 1.5rem;
}
.modal-content {
	border:2px solid #847474;
	box-shadow: 8px 8px 16px #847474;
}

.pointer {
	cursor: pointer;
}

.pointer:hover {
	color: #0a80f5;
}

/* Bootstrap Modal 的設定->Begin */
@media (min-width: 992px) {
  .modal-lg,  .modal-xl {
    max-width: 840px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .modal-xl {
    max-width: 1360px;
  }
}
@media (min-width: 1600px) {
  .modal-xl {
    max-width: 1560px;
  }
}
@media (min-width: 1900px) {
  .modal-xl {
    max-width: 1700px;
  }
}
/* Bootstrap Modal 的設定->End */
.modalTile {
	font-size: 1.75rem;
}

.move_rank_to_top:hover, .move_rank_up:hover, .move_rank_down:hover, .move_rank_to_bottom:hover, 
.move_display_order_top:hover, .move_display_order_up:hover, .move_display_order_down:hover, .move_display_order_bottom:hover {
 	color: #ffffff;
	background-color: #45a8f1;
 	/* text-decoration: underline; */
}

.move_rank_to_top, .move_rank_up, .move_rank_down, .move_rank_to_bottom, 
.move_display_order_top, .move_display_order_up, .move_display_order_down, .move_display_order_bottom {
	cursor: pointer;
}

.nowrap {
	white-space: nowrap;
}
.listMainItem, .listCopeItem {
	cursor: pointer;
}
.listMainItem:hover, .listCopeItem:hover {
	cursor: pointer;
	color: #400080 !important ;
}
 .clearInput, .setToday {
	cursor: pointer;
}
.clearInput:hover, .setToday:hover, .setPrevday:hover, .setNextday:hover {
	cursor: pointer;
	background-color: #8cbffb !important;
}
p#mainUpdateRecordDetail {
	font-size: 1rem;
	color: #504f5c;
	font-weight: 100;
	text-align: left;
	margin-left: 1rem;
}
/* 電纜班工作狀態->顏色 */
.hr_list_2, .hr_list_3, .hr_list4, .hr_list_5 { 
	background-color: #ffeedb !important ;
}
.hr_list_6, .hr_list_7  { 
	background-color: #ffffd2 !important ;
}
.hr_list_8  { 
	background-color: #fff1d2 !important ;
}
.hr_list_9, .hr_list_10, .hr_list_11 { 
	background-color: #fff8e6 !important ;
}
.hr_list_12, .hr_list_13 { 
	background-color: #ffdbe7 !important ;
}
.hr_list_14, .hr_list_15 { 
	background-color: #fff0fe !important ;
}
.hr_list_31, .hr_list_32 { 
	background-color: #e7f5ba !important ;
}
.hr_list_33, .hr_list_34 { 
	background-color: #d3deab !important ;
}
.hr_list_39 { 
	background-color: #bfddac !important ;
}
#downloadLink {
	font-size: 1.5rem;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.75rem;
}
#modal-title-address {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.25rem;
}
#get_uploader {
	font-size: 1.25rem;
}
/* 上傳檔案用 */
#upstatus {
	font-size: 1.1rem;
	color: #6360ca;
}

#upload_preview img {
	cursor: pointer;
	opacity: 0.75;
}
#upload_preview img:hover {
	opacity: 1.0;
}
.unselect {
	opacity: 0.25!important;
}