/*
* 全局CSS主題色調色盤-參數設定
*/
:root {	

  /*table color*/
  --table-th-bg-color: #bfdef5;/*#b3d3dd;/*#b0d8df; /*#A0D7DB;*/
  --table-border-color: #2883A1;/*#117585;*/
  --table-th-text-color: #000;
  --table-th-bg-color-2: #558290;/*#b3d3dd;/*#b0d8df; /*#A0D7DB;*/
  --table-border-color-2: #63a6bd;/*#117585;*/
  --table-th-text-color-2: #fff;

  /*btn color*/
  --btn-bg-color: #1b76b3; /*#067f8a;/*#0c96a4;/*#0694a2;/*#067f8a;*/
  --btn-border-color: #116697; /* #117697 */
  --btn-hover-color: #fff;
  --btn-hover-bg-color: #18577c; /*#0f636d; */
  --btn-focus-bg-color: #70a3c0;
  --btn-disabled-bg-color: #06608ad8;
  --btn-disabled-border-color: #116197d8;

  /*alert color*/
  --alert-color:#0f3358;
  --alert-bg-color:#d9eef6;
  --alert-border-color:#aed0f5;
  --alert-gray-color:#5a3617;
  --alert-gray-bg-color:#dad8d4;
  --alert-gray-border-color:#d3cdc7;

  /*label color*/
  --label-color:#046686;

  /*my-badge*/
  --badge-bg-color:#88590ec7; /*#d8a108ec; /* #77880ec7 */

	--white-color: #f8f8f8;  
	--black-color: #0F0F0F;  
	--grey-color: #838080; 
  --red-color: #e83d70;
  --blue-color: #2f9fda;
  --green-color: #2ed4ab;
  
  /*cenaer-tag-color*/
	--tag-green: #9fe0c4;
	--tag-pink: #f3c0c0;
	--tag-orange: #fdcc7f;
	--tag-yellow: #f3eec0;
	--tag-badge1: #6ca6d6;
	--tag-badge2: #e49be5;
	--tag-badge3: #ff7653;
	--tag-badge4 : #20c579;
	--tag-badge5: #9bc1e6;
	--tag-badge6 : #d948a7;
}

body {
	height: 100%;
	background: #FFF;
	font-family:  Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "MyFont", "標楷體", DFKai-SB, sans-serif;
	margin: 0 auto;
	font-size:0.98rem;
}
h2 {
	min-height:66px;
	margin-left:auto; margin-right:0;
	color: #000;
	position: relative;
	font-size: 1.4em;
	width: 481px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 110px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: left;
	background-image: url("../images/h1_bg.png");
	background-repeat: no-repeat;  
	color: #1b76b3;
	font-weight:bold;
}
a {
	color:blue;
}
/*h1標題文字溢位處理*/
.font_auto_fit {
	font-size: smaller;
}
.mainContent{
     min-height: calc(100% - 220px); /*減去footer高度*/
}
/* 無障礙使用-單一頁面僅能有一個h1，其他與h1相同之css調整 */
.accessibility_h1 {
	margin-left:auto; margin-right:0;
	text-align: left;
	font-size: medium;
	color: #fff;
	position: relative;
	/* width: 480px; */
  margin-top: 10px;
  margin-bottom: 15px;
	padding: 7px;
  background:linear-gradient(#0e7dd881, #0e7ab9);
  
  /* Border Radius Style */
  border-bottom-left-radius: 12px;
  /* border-bottom-right-radius: 12px; */
  /* Mozilla Firefox Extension */
  -moz-border-radius-bottomleft: 12px;
  /* -moz-border-radius-bottomright: 12px; */
  border-top: 1px solid #05698aaf;
  border-bottom: 1px solid #05698aaf;
  border-left: 17px solid #1c466e;
  /* border-right: 17px solid #1c466e; */
}

h3 {
	text-align:center;
	color: #117697;
}

/* 無障礙使用-table中th需為"表格標題"，其他非標題之表格需為td，其他與th相同之css調整 */
.accessibility_th{
	background-color:var(--table-th-bg-color) !important;
  font-weight: bold;
	text-align: center;
	padding: .4rem !important;
	color: var(--table-th-text-color);
}

.table-bordered th, .table-bordered td {
	border: 1px solid var(--table-border-color) !important;
	background: #ffffff;
}

.table th{
	background-color:var(--table-th-bg-color);
	text-align: center;
	padding: .4rem !important;
	color: var(--table-th-text-color);
}

.table td{
	padding: .4rem !important;
}
.bs-example {
  position: relative;
  padding: 25px;
  margin: 0;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
  box-shadow: inset 0 3px 6px rgba(0 ,0 ,0 ,0.5);
  box-sizing: border-box;
}

.bs-example .fmreadonly {
background-color: transparent !important;
border:0 none;	
box-shadow: none;  
-webkit-box-shadow: none;    
border-bottom: solid gray 1px;
-webkit-border-radius: 0;
border-radius: 0;	
cursor: default; 
padding: 6px 12px;
display: inline-table; /* 處理字數過長換行時，線要往下 */
}

/*
 *	讓 table 也有 RWD
 *		(1)超小屏幕（手機，小於 768px
 *		(2)小屏幕（平板，大於等於 768px
 *		(3)中等屏幕（桌面顯示器，大於等於 992px）
 *		(4)大屏幕（大桌面顯示器，大於等於 1200px） 
		display: none;
	
	.rwd-table td {
		display: block;
	}
	.rwd-table td:before {
		content: attr(data-th) " : ";
		font-weight: bold;
		display: inline-block;
		padding-right: 4px;
	}
	
	.rwd-table tr:nth-of-type(2n){
		background: #70ACC0;
	}
}
*/

table .form_del{
	display: inline-block;
}

.error{
	color:red;
	font-weight: bold;
}

.red-bold-error{
  color: #dc3545 !important;
  font-size: medium;
  font-weight: bold;
  text-align: center !important;
}

/*
	for NsaSys settting
*/
.form-inline label{
  justify-content: left !important;
    /*  display: inline !important;*/
  font-size: small;
}	

.custom-switch {
    padding-left: 0rem;
}

.red-text{
	color:red;
	margin-right:5px;
}

label{
    color: var(--label-color);
    font-weight: bold;
}

select{
	font-family: 'Lato', 'Font Awesome 5 Free';
    font-weight: 900;
}

.text-bold{
	font-weight:bold;
	color: #E37222;
}

/*強制設定checkBox 大小*/
input[type="checkbox"] {
	width:20px !important; 
	height:20px !important;
}


/*tab 用*/
.nav-tabs .nav-link.active {
    font-weight:bold;
    background-color: #EEAA7B;
  	border-bottom: 3px solid #E37222;
    border-right: none;
    border-left: none;
    border-top: none;
}

nav > .nav.nav-tabs{
  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  	border: none;
    padding: 18px 25px;
    color:#116697;
    background:#fff;
    border-radius:0;
    border-color: #1684c4;
  	border-style: solid;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #116697;
    border-bottom:5px solid #116697;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #0675a1;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

/*tag標籤用*/
.my-badge{
	font-size: medium;
	margin: 3px;
	color: #fff;
    background-color:var(--badge-bg-color);
    border-radius: 10px;
}

.tag_small{
	font-size: small;
	margin: 2px;
	color: #fff;
    background-color:#E15D2D;
    border-radius: 10px;
}

.colorful {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #DF744A;
    border-radius: 0.3rem;
}

/*------ 分隔線 -----*/
.dropdown-colorful {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #c75d12;
}

/*------ 標準文字 -----*/
.text-colorful {
  color: #FFF !important;
}

/*------ 按鈕相關 -----*/

.btn-colorful {
  color: #fff;
  background: var(--btn-bg-color);
  border-color: var(--btn-border-color);
}

.btn-colorful:focus, 
.btn-colorful.focus {
  box-shadow: 0 0 0 0.2rem var(--btn-focus-bg-color);
}

.btn-colorful:hover {
  color: var(--btn-hover-color);
  background-color: var(--btn-hover-bg-color);
  border-color: var(--btn-border-color);
}

.btn-colorful.disabled, .btn-colorful:disabled {
  color: #fff;
  background-color: var(--btn-disabled-bg-color);
  border-color: var(--btn-disabled-border-color);
}

.btn-colorful:not(:disabled):not(.disabled):active, .btn-colorful:not(:disabled):not(.disabled).active,
.show > .btn-colorful.dropdown-toggle {
  color: #fff;
  background-color: var(--btn-disabled-bg-color);
  border-color: var(--btn-disabled-border-color);
}

btn-colorful:not(:disabled):not(.disabled):active:focus, .btn-colorful:not(:disabled):not(.disabled).active:focus,
.show > .btn-colorful.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--btn-focus-color);
}

.btn-colorful:active,
.btn-colorful.active,
.open > .dropdown-toggle.btn-colorful {
  color: #fff;
  background-color: var(--btn-disabled-bg-color);
}
.btn-colorful:active:hover,
.btn-colorful.active:hover,
.open > .dropdown-toggle.btn-colorful:hover,
.btn-colorful:active:focus,
.btn-colorful.active:focus,
.open > .dropdown-toggle.btn-colorful:focus,
.btn-colorful:active.focus,
.btn-colorful.active.focus,
.open > .dropdown-toggle.btn-colorful.focus {
  color: #fff;
  background-color: var(--btn-disabled-bg-color);
}
.btn-colorful:active,
.btn-colorful.active,
.open > .dropdown-toggle.btn-colorful {
  background-image: none;
}
.btn-colorful.disabled:hover,
.btn-colorful[disabled]:hover,
fieldset[disabled] .btn-colorful:hover,
.btn-colorful.disabled:focus,
.btn-colorful[disabled]:focus,
fieldset[disabled] .btn-colorful:focus,
.btn-colorful.disabled.focus,
.btn-colorful[disabled].focus,
fieldset[disabled] .btn-colorful.focus {
 background-color: var(--btn-disabled-bg-color);
}
.btn-colorful .badge {
  color: var(--btn-border-color);
  border-color: var(--btn-border-color);
}

.btn-outline-colorful {
  color: var(--btn-border-color);
  border-color: var(--btn-border-color);
}

.btn-outline-colorful:hover {
  color: #fff;
  background-color: var(--btn-border-color);
  border-color: var(--btn-border-color);
}

.btn-outline-colorful:focus, .btn-outline-colorful.focus {
  box-shadow: 0 0 0 0.2rem var(--btn-border-color);
}

.btn-outline-colorful.disabled, .btn-outline-colorful:disabled {
  color: var(--btn-disabled-bg-color);
  background-color: transparent;
}

.btn-outline-colorful:not(:disabled):not(.disabled):active, .btn-outline-colorful:not(:disabled):not(.disabled).active,
.show > .btn-outline-colorful.dropdown-toggle {
  color: #fff;
  background-color: var(--btn-border-color);
  border-color:var(--btn-border-color);
}

.btn-outline-colorful:not(:disabled):not(.disabled):active:focus, .btn-outline-colorful:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-colorful.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--btn-disabled-bg-color);
}
/*------ 按鈕END -----*/

.alert-colorful {
	color: var(--alert-color);/*#de5a0c;*/
    background-color: var(--alert-bg-color);/*#eeaa7b6e;*/
    border-color: var(--alert-border-color);/*#eeaa7b6e;*/
}
.alert-colorful hr {
	border-top-color: #6c4872;
}
.alert-colorful .alert-link {
	color: #8e28bf;
}

.alert-colorful-danger {
    color: #c50d1e;
    background-color: #ffc0c6;
    border-color: #e6718b;
}

.alert-colorful-blue {
    color: #000;
    background-color: #ace1fa;
    border-color: #DF744A;
}

.alert-colorful-brown {
    color: #000;
    background-color: #e4d3c7;
    border-color: #DF744A;
}

.alert-warning, .alert-colorful-gray {
    color: var(--alert-gray-color);
    background-color: var(--alert-gray-bg-color);/*#eeaa7b6e;*/
    border-color: var(--alert-gray-border-color);/*#eeaa7b6e;*/
}

.carousel-inner > .item {
   height: 400px;
}

/* css達成textarea前端顯示 不用nl2br + {!! !!}換行，防治XSS攻擊 */
.nl2br_view {
  word-break: break-word; 
  white-space: pre-wrap;
}

/* .nav-menu{
  height:50px; 
  float: left;
} */

.nav-menu{
  height: 50px !important;
  float: left !important;
}

.nav-item.lang-switch {
  display: block;
  padding: 0.5rem 1rem;
  cursor: pointer;/* 這行就是讓滑鼠變小手掌 */
}

/* .captchaDiv { 
  height: 56px; 
}

@media screen and (max-width:991px) {
  .captchaDiv {
          height: 95px; 
  }

  #captcha { 
      margin-bottom: 5px; 
  }
}

@media screen and (max-width:768px) {
      .captchaDiv { height: 44px; } 
} */



.label-style {
  display: inline-flex;
  color: black;
}

.font-small {
  font-size: 0.8125rem;
}

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

.margin-left-menu {
  margin-left: 15px; 
  margin-top:5px;
}

.globe-icon {
  margin-left: 5px;
  margin-right: 5px;
}
/*Bootstarp升級調整*/
/*分頁屬性*/
.page-item.active .page-link{
  background-color:#1b76b3;
  border-color:#1b76b3;
}