/* 宏碁基金會(改) */
@charset "utf-8";

img { max-width: 100%;}
u { color:#f00; text-decoration:none;}
p { margin: 0 0 10px;}
.clear_02 { clear: both;}/*解除文繞圖*/
a i { cursor:pointer;}

/*柵格系統*/
.grid, .grid-0, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12
    { float: left; padding: 8px 8px; text-align: left; /*word-wrap: break-word; word-break: break-all;英文單字不會斷行*/}
.grid-0 { width: 100%; padding-top: 0px; margin-top:-8px;}
.grid-1 { width: 8.33333333%;}
.grid-2 { width: 16.66666667%;}
.grid-3 { width: 25%;}
.grid-4 { width: 33.33333333%;}
.grid-5 { width: 41.66666667%;}
.grid-6 { width: 50%;}
.grid-7 { width: 58.33333333%;}
.grid-8 { width: 66.66666667%;}
.grid-9 { width: 75%;}
.grid-10 { width: 83.33333333%;}
.grid-11 { width: 91.66666667%;}
.grid-12 { width: 100%;}

/* 1.修正只有(上)day而(下)text無內容時的問題 */
/* 2.(上)(下)width都要100%時 */
@media (max-width: 767px) {
    .grid-0{ width:100%; padding:0 10px 10px 10px; display: inline-block;}
}

.w-4em { width:4em !important;}
.w-6em { width:6em !important;}
.w-8em { width:8em !important;}
.w-min40em { min-width:40em;}
.w-min50 { min-width:50px;}
.w-calc50 { width: calc(100% - 50px);}
.w-max150px { max-width:150px;}
.w-auto { width:auto !important;}/*自動*/
.w-auto-767 { width:auto !important;}/* 自動，767px 以下 100% */
@media (max-width: 767px) {
	.w-auto-767 { width: 100% !important;}
}
.w-1 { width:1%;} .w-2 { width:2%;} .w-3 { width:3%;} .w-4 { width:4%;} .w-5 { width:5%;}
.w-6 { width:6%;} .w-7 { width:7%;} .w-8 { width:8%;} .w-9 { width:9%;} .w-10 { width:10%;}
.w-11 { width:11%;} .w-12 { width:12%;} .w-13 { width:13%;} .w-14 { width:14%;} .w-15 { width:15%;}
.w-16 { width:16%;} .w-17 { width:17%;} .w-18 { width:18%;} .w-19 { width:19%;} .w-20 { width:20%;}
.w-21 { width:21%;} .w-22 { width:22%;} .w-23 { width:23%;} .w-24 { width:24%;} .w-25 { width:25%;}
.w-26 { width:26%;} .w-27 { width:27%;} .w-28 { width:28%;} .w-29 { width:29%;} .w-30 { width:30%;}
.w-31 { width:31%;} .w-32 { width:32%;} .w-33 { width:33%;} .w-34 { width:34%;} .w-35 { width:35%;}
.w-36 { width:36%;} .w-37 { width:37%;} .w-38 { width:38%;} .w-39 { width:39%;} .w-40 { width:40%;}
.w-41 { width:41%;} .w-42 { width:42%;} .w-43 { width:43%;} .w-44 { width:44%;} .w-45 { width:45%;}
.w-46 { width:46%;} .w-47 { width:47%;} .w-48 { width:48%;} .w-49 { width:49%;} .w-50 { width:50%;}
.w-51 { width:51%;} .w-52 { width:52%;} .w-53 { width:53%;} .w-54 { width:54%;} .w-55 { width:55%;}
.w-56 { width:56%;} .w-57 { width:57%;} .w-58 { width:58%;} .w-59 { width:59%;} .w-60 { width:60%;}
.w-61 { width:61%;} .w-62 { width:62%;} .w-63 { width:63%;} .w-64 { width:64%;} .w-65 { width:65%;}
.w-66 { width:66%;} .w-67 { width:67%;} .w-68 { width:68%;} .w-69 { width:69%;} .w-70 { width:70%;}
.w-71 { width:71%;} .w-72 { width:72%;} .w-73 { width:73%;} .w-74 { width:74%;} .w-75 { width:75%;}
.w-76 { width:76%;} .w-77 { width:77%;} .w-78 { width:78%;} .w-79 { width:79%;} .w-80 { width:80%;} 
.w-81 { width:81%;} .w-82 { width:82%;} .w-83 { width:83%;} .w-84 { width:84%;} .w-85 { width:85%;}
.w-86 { width:86%;} .w-87 { width:87%;} .w-88 { width:88%;} .w-89 { width:89%;} .w-90 { width:90%;}
.w-91 { width:91%;} .w-92 { width:92%;} .w-93 { width:93%;} .w-94 { width:94%;} .w-95 { width:95%;}
.w-96 { width:96%;} .w-97 { width:97%;} .w-98 { width:98%;} .w-99 { width:99%;} .w-100 { width:100%;}/*全寬*/

.w-50p { width:50px;} .w-80p { width:80px;} .w-100p { width:100px;} .w-130p { width:130px;}
.mw-300p { min-width:300px;}

/*卡片-按鈕組*/
.card-tools { display: inline-block; float: right; margin-top: 0; padding: 0; position: relative;}

.fm-button {
	position: relative; display: inline-block; float: left;
	/*color:#666;*/ padding: 4px; margin-left:3px; background-color: rgba(255, 255, 255, 0);
	border-radius: 4px; transition: background-color 200ms ease-in-out 0s; box-sizing: border-box;}
.fm-button:hover, .fm-button.active {background-color: rgba(0, 0, 0, 0.15);}
.fm-button .btn-default {
	position: relative; display: block; /*height: 22px;
	font-size: 14px; color: #777; text-align: center; line-height: 23px;*/
	/*background-color: #FFF;*/ /*border-radius: 5px;*/
	padding: 3px 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-sizing: border-box;}

/*.fm-button span {
	position: relative; display: block; height: 22px;
	color: #777; text-align: center; line-height: 23px;
	background-color: #FFF;padding: 0px 10px 0px 10px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);box-sizing: border-box;}*/


/*卡片(內容頁)*/
/*.card-body-title { margin-bottom:1.5rem;}卡片(最新消息-標題)*/
.card-data { font-size:small; padding: 8px 8px 0 20px; color:#868e96; background: #f5f1ec; border-bottom: 2px solid #368bce;}
.card-data small { color:#999;}
/*.card-data a { text-decoration: none; border-bottom: 1px solid #555;}
.card-data a:hover, .card-data a:focus { color: #3498db; border-bottom: 1px solid #3498db;}*/
	/*簽名檔*/
	.sign { font-size: 80%; font-weight: 400; font-style: italic; color: #868e96; border-top: 1px dashed #dedede;
		margin-top: 1rem; margin-bottom: 1rem; padding-top: 1rem;}

.unit-title { position: relative; top: -1px;
              display: inline-block; background-color: #009BC1; color: #fff;
			  margin: -1.25rem 0 -1.25rem 0; padding: 1.25rem 15px 4px 15px;}
.unit-title h3 { color: #fff !important; margin-right: 0 !important;}
.unit-title h3:before { content: "\f013"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; margin-right:10px;}

.unit-title-02 { position: relative; top: -1px;
              display: inline-block; background-color: #009BC1; color: #fff;
			  margin: -1.25rem 10px -1.25rem 0; padding: 1.25rem 15px 4px 15px;}
/*.unit-title-02:before { content: "\f013"; font: normal normal normal 14px/1 FontAwesome; font-size: 1.125rem;}*/
.unit-title-02:before { content: "\e8c3"; font: normal normal normal 14px/1 feather; font-size: 1.125rem;}

/*文章下方功能*/
.second-title {/* border-bottom: 1px solid #eaeaea; margin-bottom: 10px;*/ padding: 1rem 0 1rem 0; overflow: hidden;}
.second-title h5/*, .pagetitle h1, .pagetitle h2*/ { font-size: 1rem; margin: 0; float: left;}
.relates ul { /*list-style: disc; margin-left: 18px;*/list-style: none; margin-left: 0; color: #bbb; margin-bottom: 1rem; padding:0;}
.relates li { margin-top: 0px;}

/*文章下方-相簿*/
.fancybox-module { width: 100%; position:relative;}
.fancybox-module ul { list-style: none; margin-left: 0; margin-bottom: 0; padding:0;}
.fancybox-module li { display: inline-block; width: 100px; margin: 3px;}
.fancybox-module li .fancybox-con { background-position: center center; background-size: cover;}
.fancybox-image-height { padding-top: 65%; overflow: hidden;}

.fancybox-module img { width: 100px;/* height: 100%;*/ max-width:100%; border-color: #eee;}

#img-con img:hover,
#img-con img:focus { border: 1px solid #fff;
					-webkit-box-shadow: 0 0 15px rgba( 0, 0, 0, .5 );
					box-shadow: 0 0 15px rgba( 0, 0, 0, .5 );}



/*(1)最新消息(2)個人資料卡的最新消息_列表*/
#index-list { width:100%; margin:0; padding:0;}
#index-list .title { font-size:28px; font-weight:600; color:#369; line-height:30px; text-transform:uppercase; padding:5px 0 5px; margin:0 0 1px; border-bottom:1px solid #ccc;}
#index-list a { color: inherit; text-decoration: none;}
#index-list a:hover, #index-list a:focus { color: #8FC41E;}/*藍00ccff*/
#index-list .news-list { width:100%; margin: 0; padding: 8px 0;/* display:table;*/ border-top: 1px solid #eaeaea;}
#index-list .list-time {/* margin: 0 20px 0 0;*/ display:block; width:auto; color: #BCBEC0;}
#index-list .list-text {/* margin:-20px 0 0 6em;*/ display: block;/* width:19.5em;*/ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#index-list .more { float:right; text-align:right; font-size:12px; margin-top:4px;}
#index-list .more a { color:#fff;/* font-size:12px;*/}

/*列表頭-白*/
#list .list-search-white { background: #fff;}
#list .list-header-white { padding: 10px 0; border-top:1px solid #ddd; border-bottom:2px solid #ddd; background: #fff;}
#list .list-header-white .th {
    padding: 0px 10px; color: /*#54A702*/#3498db !important; font-weight:600; line-height:1em !important;
	text-align: left; white-space: nowrap;}
	
/*_列表*/
#list { width:100%;/* float:left;*/ margin:0; padding:0; font-size: 0.8125rem;}/* color: #333;*/ /*line-height:28px; 與欄位同高*/
/*#list a { color: #666; text-decoration: none;}*//* border-bottom:1px solid #009BC1;*/
/*#list a:hover { color: #54A702; text-decoration: none;}*//* border-bottom:1px solid #0cf;*/
/*#list .day {width:7em;}*/

/*因'捐款基本資料管理'的'資源類別'切換收合，需修改屬性 display:table;*/
#list .row{ width:100%; margin: 0; /*display: block;*//* display: inline-block;*/ border-bottom: 1px solid #ddd;}
.list-hover > .row:hover { background-color: #f5f5f5;}

@media (max-width: 767px) {
	/*#list .row{ display:inline-block;}*/
	/*#list .day{ width:100%; padding:10px 10px 0 10px; display: inline-block; text-align:left !important;}*/
	#list .day{ width:100%; padding: 8px 0 8px 0; display: inline-block; text-align:left !important;}
	#list .day_02{ width:100%; padding:10px 10px 0 10px; display: inline-block; text-align:left !important;}
    /*#list .text{ width:100%; margin-left: 0; padding-top:0; display: inline-block;}*/
	#list .text{ width:100%; margin-left: 0; padding: 0 0 8px 0; display: inline-block;}
	#list .list-header,
	#list .list-header_02 { display:none;} /* 一般內頁表頭 */
	#list .modal-list-header{ display:none;}/* 跳出視窗 - 表頭 */
}
#list .no-border{ border-bottom: 1px solid transparent;}
#list .first { font-weight: 600; color: #54A702;}
#list .first b, #list .second b, #list .third b { color:#0099cc;}

#list .list-header { padding: 10px 0; border-top:2px solid #f69; background: #FFF7D8;}
#list .list-header_02 { padding: 0; background: #fff;}
#list .th:first-child { border-left: none;}
#list .th {
    padding: 0px 10px;/* margin: 7px 0;*/ margin:0;
    font-size: 100%; color: #3498db !important; font-weight:600; line-height:1em !important; text-align: left; white-space: nowrap;
	border-left: 1px solid #3498db;}

#list.links a { color: #c36; text-decoration: none;/* border-bottom:1px solid #009BC1;*/}
#list.links a:hover { color: #f69; text-decoration: none;/* border-bottom:1px solid #0cf;*/}

@media (max-width: 992px) { /*767*/
    .no-more-tables .list-header-white { display:none !important;} /* 一般內頁表頭 */
}

/*可增加管理功能鍵的列表*/
.admin-list { display:table-cell; width:100%;}
/*.admin-list span { float:left;}*/
.admin-btn-group { padding: 8px 8px; display:table-cell; vertical-align:top; width:1%;}
.admin-btn { white-space: nowrap;/* float:right;*/}
@media (max-width: 992px) { /*768*/
	/*.btn { margin-top: 5px; margin-bottom: 5px;}*/
	/*.admin-list { display: inline-block;}*/
	.admin-btn { white-space: normal;} /*保留換行*/
}

/*表格(較多欄位,縮小時變為2欄)*/
.table-striped .row:nth-child(odd) { background-color: #f9f9f9;}/*間隔灰底*/

@media only screen and (max-width: 992px){ /*767*/
	.no-more-tables .row,
	.no-more-tables .cell,
	.no-more-tables .cell_03 { display:block;}
	.no-more-tables .row { border: 1px solid #ccc;}
	.no-more-tables:data-title { display:block;}
	
	.no-more-tables .cell { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal;text-align: left;
							 width:100%; margin-left: 0; padding-top:0; padding-bottom:0;}
	.no-more-tables .cell:before { position: absolute;/* top: 6px;*/ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;}
	.no-more-tables .cell:before { content: attr(data-title);}
	
	.no-more-tables .cell_02 { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30%; white-space: normal;text-align: left;
							 width:100%; margin-left: 0;/* padding-top:0; padding-bottom:0;*/}
	.no-more-tables .cell_02:before { position: absolute;/* top: 6px;*/ left: 6px; width: 25%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; color:#0099cc;}
	.no-more-tables .cell_02:before { content: attr(data-title);}
	
	.no-more-tables .cell_03 { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; white-space: normal;text-align: left;
							 width:100%; margin-left: 0; padding-top:0; padding-bottom:0;}
	.no-more-tables .cell_03:before { position: absolute;/* top: 6px;*/ left: 6px; width: 35%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; color:#0099cc;}
	.no-more-tables .cell_03:before { content: attr(data-title); word-wrap:break-word; word-break:break-all;}
	
	data-title { word-wrap:break-word; word-break:break-all;}
}

/* 列表-第一個有"多選方塊"時在<table>+.table-checkbox */
.table-checkbox > thead > tr > th { vertical-align: top;}
.table-checkbox tr td:first-child, .table-checkbox tr th:first-child { min-width: 33px;}
.table-checkbox tr td .checkbox, .table-checkbox tr th .checkbox { margin:0;}

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;/* z-index:2;*/}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { position: absolute; margin: 4px 0 0;/* margin-top: 4px \9;*/ margin-left: -20px;/* display:none;*//* z-index: -1;*//* opacity:0;*//* overflow: visible;*/}
/*input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal;}*/ /*原本的樣式*/
.checkbox input[type="checkbox"] { cursor: pointer;}
.checkbox input[type="checkbox"]:focus + label::before { outline:none!important;} /*修正原 awesome-bootstrap-checkbox.css#37 在 Chrome 點擊後會有 2px 黑框線問題*/

.checkbox label::after { top: -1px!important;} /*修正打勾的位置*/

/*列表(表格)資料收合*/
tr.expanded > td { padding:0!important; border:0!important;}
tr.expanded > td.expanded-content .expanded-content-con { padding:8px; background-color:#f1f1f2;}
tr.expanded > td.expanded-content > div { position:relative;}
tr.expanded > td.expanded-content > div:before { content: ""; display: inline-block; position: absolute; border: .32rem solid transparent; border-bottom-color: #66910A; /*a92d05 橘*/ transform: rotate(315deg); left: -.3rem; top: -.3rem;}

tr.expanded-2 > td { padding: 8px 0 0 0 !important; border-top: 1px solid #ddd !important;}

	/*每筆細項各佔寬33%*/
	tr.expanded > td.expanded-content > div.before-none:before { content: none;}
	tr.expanded > td.expanded-content .expanded-content-con-2 { padding: 0 8px 8px 8px;}
	tr.expanded > td.expanded-content .expanded-content-con-2 item { width: calc(33% - 2px); float:left; vertical-align:top;}
	tr.expanded > td.expanded-content .expanded-content-con-2 item:nth-last-child(2) { width: calc(100% - 4px);}/*最後1筆資料佔全寬100%*/
	tr.expanded > td.expanded-content .expanded-content-con-2 item:last-child { width: 100%;}
	tr.expanded > td.expanded-content .expanded-content-con-2.child-none item:nth-last-child(2)  { width: calc(33% - 2px)!important;}/*覆蓋最後1筆100%，維持33%*/
    /* 如資料會重疊，可附加此設定
	@media (max-width: 767px) {
	tr.expanded > td.expanded-content .expanded-content-con-2 item { width: auto;}
	}*/
	
/*用在批次上傳*/
/*欄位及按鈕*/
.fileUpload { position: relative; overflow: hidden;}
.fileUpload input.upload {
	position: absolute; top: 0; right: 0; margin: 0; padding: 0;
	font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
}
/*讓表格一開始就有橫向拉霸*/
.table-responsive2 { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd;}
/*讓文字會自動撐開表格*/
.table-responsive2 > .table > thead > tr > th,
.table-responsive2 > .table > tbody > tr > th,
.table-responsive2 > .table > tfoot > tr > th,
.table-responsive2 > .table > thead > tr > td,
.table-responsive2 > .table > tbody > tr > td,
.table-responsive2 > .table > tfoot > tr > td { white-space: nowrap;}
.table-responsive2 > .table { margin-bottom:0px;}
/*同名資料icon閃爍動畫*/
.icon-blink { animation: blink 1.5s infinite;}
@keyframes blink {
	0% { opacity:0}
	50% { opacity:1}
	100% { opacity:0}
}

/*列表-上方搜尋開合*/
.card-header-search { background: #fff; border-bottom: 1px solid #e2e5e8; padding: 10px 20px;}
.search-row-02 .w-auto { width:auto; display:inline-block; padding: 0 8px 8px 0;}
.search-row-02 label { font-weight:bold;}
/*查詢button*/
.btn-search {/* vertical-align:inherit;*/ vertical-align:top; padding:2px 10px;/* margin-top: -3px;*/}

/* 表格_流動資料DIV型態(grid網格系統+flex) */
/**tr**/
.grid-container { width: 100%; display: grid; grid-gap: 0px;/*間距*/
  grid-template-columns: repeat(2, 50%);/*縱向格子高度，可多設個，例：25% 100px auto*/ /*或 repeat(重覆幾次, 重覆的寬度)*/
  grid-template-rows: auto;/*縱向格子高度，可多設個，例：25% 100px auto*/
  grid-auto-flow: row;/*排列方向 (橫)row (直)column*/
  border:1px solid #ddd; padding-top:1px; margin: 0px -2px 0px -2px;
  margin-bottom: 20px;
}
.grid-item { background-color: #fff; color: #333; border:1px solid #ddd;}
.grid-item:not(:nth-of-type(odd)) { margin-left:-1px;}
.grid-item:not(:nth-child(1)), .grid-item:not(:nth-child(2)) { margin-top:-1px;}
@media (max-width: 767px) {
	.grid-container { grid-template-columns: repeat(1, 100%);}
	.grid-item:not(:nth-of-type(odd)) { margin-left: 0;}
}
@media all and (-ms-high-contrast:none) {
	.grid-item:not(:nth-of-type(odd)) { margin-left: 0;}/* IE10 */
	*::-ms-backdrop, .grid-item:not(:nth-of-type(odd)) { margin-left: 0;}/* IE11 */
}

/**DIV仿表格td**/
.flex-row { display: inline-flex; width: calc(100% + 2px); height: calc(100% + 2px); margin:-1px;}
.flex-row > div { align-items: stretch; border:1px solid #ddd; border-collapse: collapse; padding:8px;}
.flex-row > div:nth-of-type(odd) { width: calc(25%); font-weight:bold;}
.flex-row > div:nth-of-type(even) { width: calc(75% + 1px); margin-left:-1px;}

/**表格_流動資料DIV型態__無框線縮小邊距**/
.grid-container.border-none { border:none; margin:0;}
.grid-container.border-none .grid-item { background-color:transparent; border:none;}
.grid-container.border-none .flex-row > div { border:none; padding:3px;}

/*表格_內容td屬性為默認_正常斷行*/
.table-space-none td { white-space:normal !important;}

/*列表(表格)-所有欄位靠右對齊*/
.table-align-right td { text-align:right;}

/*捐款係系統-報表管理*/
.min-800 { min-width:800px;}
.fixed-for-row { position: relative;}
.fixed-for-row .row {/* border:none!important;*/ border-bottom-width: 1px; border-bottom-style: dotted!important;}
/*.fixed-for-row .cala-85 { width: calc(100% - 15%);}*/
.fixed-for-row .grid { padding:4px 8px!important;}
.item-title { position:absolute; z-index:2;}
.fixed-for-row > .item-title:nth-child(2) { left:20%;}
.fixed-for-row > .item-title:nth-child(3) { right:0;}
#list .fixed-for-row:nth-of-type(/*odd*/even) { background-color:#f9f9f9;}

/*跳出視窗*/
.modal-header { padding:15px 20px; background: #f5f1ec; border-bottom: 2px solid #368bce;}
.modal-footer { border-top: 1px solid #e2e5e8;}

/*欄位*/
/*.form-control { font-size: 13px;}*/
.input_01 { height: 34px; font-size: 13px; padding-left: 10px; background: #ffffff; border: 1px solid #D5D5D5;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 0px;}
.input_01[disabled], .input_01[readonly] { cursor: not-allowed; background-color: #eee; opacity: 1;} /*鎖定不可輸入*/
.input_rows { height:auto;} /*不限高*/
.input_inline-block { display:inline-block; width:auto;} /*自動伸縮*/
/*.input_width { width:100%;}*/
/*.input_w-auto { width:auto;}*/
.input-group-addon { background: #fafbfc; border-color: #ccc!important; cursor: default!important;} /*#eaeaea*/
.footer-text_02 span { float: left; margin-right: 30px;}
.input-group-addon:not(:first-child) { border-left:0; border-right: 0;}

.radio-group label:first-child { padding-left:0; margin-bottom:0;}
.radio-group label { padding-left:10px; margin-bottom:0;}

.input-group.date {/* display: table-row;*/ display: inline-flex;}/*修正日曆*/
/*修正下拉選單小螢幕會超出問題(如:活動-新增-下方-報名表設定)*/
@media (min-width: 551px) { select.form-control.w-auto { width:auto;} }
@media (max-width: 550px) { select.form-control.w-auto { width:100%!important;} }

/*表單元素(原 bootstrap.css 3x版)*/
.radio-inline,
.checkbox-inline {
  position: relative; display: inline-block; font-weight: normal; vertical-align: middle;
  cursor: pointer; padding-left: 20px;/* margin-bottom: 0;*/}
.radio-inline,
.checkbox-inline,
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0; margin-left: 0; margin-right: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

/*標籤雲(上方大類)*/
.tagcloud {display: inline-block;}
.tagcloud a { display: block; float: left; color: #777777; line-height: 1.2em !important; text-decoration: none;
	background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 5px 8px; margin: 0 5px 5px 0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-size: small;}
.tagcloud a:hover, .tagcloud a:focus { color: #85bb23;}
.tagcloud .active { color: #ffffff; background-color: #8FC41E; border-color: #8FC41E;}
.tagcloud a:hover.active, .tagcloud a:hover.focus { color: #777777;}
/*標籤雲(粗框)*/
.tagcloud-type, a.tagcloud-type { background-color: #ffffff; border: 2px solid #cccccc;}
/*標籤雲(畫面縮小時，側邊隱藏，列出在單元名稱下方)*/
.tagcloud-nav { margin-top:5px;}
	@media (max-width: 999px) { 
	.tagcloud-nav { display: inline-block;}
	}
	/*移動裝置768px以上才顯示，改為側邊選單上方以下拉方式選擇*/
	/*@media (min-width: 768px) and (max-width: 998px) {*/
	@media (max-width: 768px) {
	.tagcloud-nav { display: none;}
	}
.type-menu { display: none;}
@media (max-width: 768px) { 
    .type-menu { display: block;}
}
.type-menu-con { border: 2px solid #a9d86e; border-radius: 6px;}
.type-menu-con .input-group-addon { border:none;}
.type-menu-con .form-control { border-top:none;/* border-left:none;*/ border-right:none; border-bottom:none;}

/*標籤雲(內容頁籤)*/
.tagcloud-02 {display: inline-block;}
.tagcloud-02 a { display: block; float: left; color: #777777; line-height: 1.2em !important; text-decoration: none;
	background-color: #f7f7f7; border: 1px solid #09b1c5; padding: 5px 8px; margin: 0 5px 5px 0;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-size: small;}
.tagcloud-02 a:hover, .tagcloud-02 a:focus { color: #09b1c5;}
.tagcloud-02 .active { color: #ffffff; background-color: #3498db; border-color: #3498db;}
.tagcloud-02 a:hover.active, .tagcloud-02 a:hover.focus { color: #FF0;}
	/*細線.type-ThinLine*/
	.tagcloud-02.type-ThinLine a { background-color: #fff; border: 1px solid #ccc;}
	.tagcloud-02.type-ThinLine .active { color: #ffffff; background-color: #3498db; border-color: #3498db;}
	.tagcloud-02.type-ThinLine a.btn-outline:hover, .tagcloud-02.type-ThinLine a.btn-outline:focus { color: #fff; background-color: #3498db; border-color: #3498db;}

	/*標籤雲(內容頁籤)動畫效果*/
	.tagcloud-02 a.btn-outline { color: inherit;}
	.tagcloud-02 a.btn-outline:hover, .tagcloud-02 a.btn-outline:focus { color: #fff; background-color: #3498db; border-color: #3498db;}
	.tagcloud-02 a.btn-outline.active { color: #fff;}
	.tagcloud-02 a.btn-outline:hover.active, .tagcloud-02 a.btn-outline:hover.focus { color: #fff;}
	/*禁止狀態*/
	.tagcloud-02 a.btn-outline[disabled],
	.tagcloud-02 a.btn-outline[disabled]:hover,
	.tagcloud-02 a.btn-outline[disabled]:focus { cursor: not-allowed; color: inherit !important; background-color: #cccccc !important; border-color: #cccccc !important;}
    /*多選Radio按鈕動畫*/
	#resRadioBox input { cursor:default;}/*箭頭游標*/
	#resRadioBox.tagcloud-02 a { padding:0;}
	#resRadioBox .tagcloud-type a { padding:0; text-align: center;}
	#resRadioBox .RadioInBox { position: relative; opacity: 1; z-index: 10; width: 100%;}
	/*#resRadioBox label,
    #resRadioBox input[type="radio"] { position: absolute; display:block; width: auto; height: auto; margin:0;}*/
	#resRadioBox label { position: absolute; display: inline-block; width: 100%; height: 27px; margin:0; font-weight:inherit;}
    #resRadioBox input[type="radio"] { position: absolute; display: block; width: 100%; height: 27px; margin: 0px/* 8px*/;}
	#resRadioBox input[type="radio"] { opacity: 0; z-index: 10; cursor: pointer;/*手指游標*/}
	#resRadioBox .thumbs { position: relative; width: auto; min-width:4em; height: 27px; text-align: center; padding: 5px 8px;/* transition: all 0.3s ease-in-out 0.2s;*/}
	#resRadioBox .thumbs:hover, #resRadioBox .thumbs:focus { color: #fff; background:#3498db;}
	#resRadioBox input[type="radio"]:checked ~ .thumbs { color: #fff; background:#3498db; opacity: 1;}/*FCB322*/


/*編輯器上傳圖片*/
.InsertTool-outer { position: relative; width:100%; min-height:200px; padding:5px; background-color: #F3F3F3; display:none;}
.btn-pos-Down { margin: 15px auto 10px auto; text-align: center;}
	
/*btn按鈕的標籤雲尺寸*/
.btn-tag { border-radius: 3px; font-size: 11px; padding: 4px 8px;}

/*一般文字設定*/
state_add, .state_add { color: #00ccff;}/* 藍 */
state_edit, .state_edit { color: #669900;}/* 綠 */
state_del, .state_del { color: #cc3300;}/* 紅 */
state_gray, .state_gray { color: #999999;}/* 灰 */

.text_13px { font-size: 13px;}
.text_15px { font-size: 15px;}
.text_default { color: #666;}/* 默認 */
.text_nowrap { white-space:nowrap;}/*強迫文字不換行*/
.text_normal { white-space:normal;}/*文字換行*/
.large, large { font-size:large;} /*比父層大一號size的*/
.x-large, x-large { font-size: x-large;} /*比父層大二號size的*/
.xx-large, xx-large { font-size: xx-large;} /*比父層大三號size的*/

.color-white { color: #fff;}/*白*/
.color-gray-light { color: #ccc;}/*淺灰*/
.color-gray { color: #999;}/*灰*/
.color-blue { color:#5bc0de;}/*中藍*/
.color-theme { color: #68dff0;}/*淺藍*/
.color-theme2 { color: #66D4E2;}/*淺藍2*/
.color-success { color: #a9d86e;}/*綠*/
.color-info { color: #41cac0;}/*藍綠*/
.color-blue-green { color: #00B9CE;}/*藍綠(較藍)*/
.color-warning { color: #FCB322 !important;}/*黃*/
.color-important { color: #ff6c60 !important;}/*紅*/
.color-purple { color: #ac92ec;}/*紫*/
.color-deep-purple { color: #9b59b6;}/*深紫*/
.color-primary { color: #428bca;}/*藍*/
.color-pink { color: #ff6699;}/*桃紅*/
.color-light-pink { color: #FDA6D1;}/*粉紅*/
.color-orange { color: #fd901e;}/*橘*/

.tt-u { text-transform:uppercase;} /*英文均為大寫*/
.tt-l { text-transform:lowercase;} /*英文均為小寫*/
.tt-c { text-transform:capitalize;} /*每個英文單字第一個為大寫，其餘字母為小寫*/

/*類別小標籤*/
/*默許-灰*/
.badge { display: inline-block; min-width: 10px; padding: 2px 5px; margin:2px; line-height: 1; color: #fff;
    text-align: center; white-space: nowrap; vertical-align: baseline;
	background-color: #777; border-radius: 10px;}
.badge-radius { padding: 2px 5px; margin:2px; line-height: 1;/* color: #fff; background-color: #777;*/ border-radius: 10px;}
.nofont-size { font-size:inherit;}/*繼承文字大小*/

.bg-theme { font-weight: 300; background: #68dff0 !important;}/*淺藍*/
.bg-success { font-weight: 300; background: #a9d86e !important;}/*淺綠*/
.bg-green { font-weight: 500; background: #8FC41E !important;}/*綠*/
.bg-info { font-weight: 300; background: #41cac0 !important;}/*藍綠*/
.bg-blue-green { font-weight: 300; background: #00B9CE !important;}/*藍綠(較藍)*/
.bg-warning { font-weight: 300; background: #FCB322 !important;}/*黃*/
.bg-important { font-weight: 300; background: #ff6c60 !important;}/*紅*/
.bg-purple { font-weight: 300; background: #ac92ec !important;}/*紫*/
.bg-primary { font-weight: 300; background: #428bca !important;}/*藍*/
.bg-gray { font-weight: 300; background: #ccc !important;}/*淺灰*/
.bg-gray2 { font-weight: 400; background: #C6C6C6 !important;}/*灰*/
.bg-gray3 { font-weight: 400; background: #d7d8d9 !important; color: #555;}/*灰*/
.bg-gray-deep { font-weight: 400; background: #666 !important; color: #fff;}/*深灰*/
.bg-pink { font-weight: 300; background: #ff6699 !important;}/*桃紅*/
.bg-light-pink { font-weight: 300; background: #FDA6D1 !important;}/*粉紅*/
.bg-orange { font-weight: 300; background: #fd901e !important;}/*橘*/
.bg-outline { font-weight: 400; background: transparent; border:1px solid #ccc; color: #999;}/*中空框線*/
.bg-ts { background: transparent;}

/*類別小標籤-icon*/
/*.badge .fa { font-weight: 400 !important;}*/

/*上方2px線條*/
.active .paneltop-primary { border-top: 2px solid #3498db !important;}/*藍*/
.active .paneltop-success { border-top: 2px solid #a9d86e !important;}/*綠*/
.active .paneltop-orange { border-top: 2px solid #fd901e !important;}/*橘*/
.active .paneltop-red { border-top: 2px solid #e74c3c !important;}/*紅*/
.active .paneltop-purple { border-top: 2px solid #9b59b6 !important;}/*紫*/

/*外框線*/
.border-first { border:2px solid #ccc; border-radius: 5px; display:inline-block; padding:5px 0 5px 5px; width:100%;}/*灰-原始*/
.border-add { border:2px solid #5bc0de; border-radius: 5px; display:inline-block; padding:5px 0 5px 5px; width:100%;}/*藍-新增*/
.border-edit { border:2px solid #a9d86e; border-radius: 5px; display:inline-block; padding:5px 0 5px 5px; width:100%;}/*綠-編輯*/
.border-del { border:2px solid #ff6c60; border-radius: 5px; display:inline-block; padding:5px 0 5px 5px; width:100%;}/*紅-刪除*/
.border-group { border:1px solid #D5D5D5; border-radius: 5px; display:inline-block; padding:5px 8px 7px 8px;}/*淺灰1px-選項群組*/

/*群組*/
.radio-group-box { position:relative; display: inline-block; width: 100%; padding: 5px; margin-bottom: 5px; border: 2px solid #ccc; border-radius: 5px;}
.radio-group-title { position:absolute; top:-1em; padding: 0.1em 0.5em 0.2em 0.5em; /*display:inline-block;*/ float:left; background-color:#fff;}
.radio-group-item { position: relative;/* left: 1em;*/ float:left;}
.radio-group-box .checkbox-inline { display:inline-block; margin:0; margin-left:10px;} /*複選*/
.radio-group-box .radio-inline { margin-left:10px;} /*單選*/

.clockpicker { max-width:6em;}
.input-clockpicker .input-group-addon {
    width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143;
    text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px;
}

/*其他設定*/
.h-auto { height:auto !important;}
.h-5 { height:5px;}
.h-20 { height:20px;}
.h-28 { height:28px;}
.h-34 { height:34px;}
.hide { visibility:hidden;} /*物件隱藏,所佔位置保留*/
.b-t_01 { border-top: 1px solid #ddd;}
.b-b_01 { border-bottom: 1px solid #eee;}
.b-b_02 { border-bottom: 1px solid #fff;}
.b-b_03 { border-bottom: 1px solid #e5e5e5;}
.b-b_04 { border-bottom: 1px solid #ddd;}
.b-b_05 { border-bottom: 1px solid #e2e5e8;}
.b-b_06 { border-bottom: 1px solid #dedede;}
.b_03 { border: 1px solid #e5e5e5;}
.none-border { border:none !important;}/*無框線*/
.none-border .row { border:none !important;}
.padding_01 { padding: 0 20px;}
.padding_02 { padding: 0 10px;}
.padding_03 { padding: 0 5px;}
.padding_04 { padding: 5px 0;}
.padding_05 { padding: 2px 7px 3px 7px;}
.m-5-0 { margin:5px 0;}

.-row { margin-right: -15px; margin-left: -15px;}
.--row { margin-right: -15px !important; margin-left: -15px !important;}
.img-max-200, .img-max-200 img { max-height:200px;}
.min-width-250px { min-width:250px;}

.t--2 { top:-2px; position:relative;}
.t-8 { top:8px;}
.view-deta-choose { padding:5px; margin:5px;}
.pm-0 { padding:0 !important; margin:0 !important;}
.pm-5 { padding:5px; margin:5px;}
.p-0 { padding:0 !important;}
.p-8 { padding:8px;}
.p-10 { padding:10px;}
.p-15 { padding:15px;}
.p-20 { padding:20px;}
.p-t-0 { padding-top:0 !important;}
.p-t-3 { padding-top:3px;}
.p-t-5 { padding-top:5px;}
.p-t-10 { padding-top:10px;}
.p-t-25 { padding-top:25px !important;}
.p-l-0 { padding-left:0 !important;}
.p-l-5 { padding-left:5px;}
.p-l-10 { padding-left:10px;}
.p-l-15 { padding-left:15px;}
.p-r-0 { padding-right:0 !important;}
.p-r-5 { padding-right:5px;}
.p-r-10 { padding-right:10px;}
.p-10-0 { padding: 10px 0;}
.p-lr-10 { padding: 0 10px;}
.p-b-0 { padding-bottom:0 !important;}
.p-b-5 { padding-bottom:5px;}
.p-b-10 { padding-bottom:10px;}
.p-b-20 { padding-bottom:20px;}
.m-0-auto { margin:0 auto !important;}
.m-0 { margin:0px !important;}
.m-5 { margin:5px;}
.m-10 { margin:10px;}
.m-t-0 { margin-top:0px !important;}
.m-t-2 { margin-top:2px !important;}
.m-t-5 { margin-top:5px;}
.m-t-6 { margin-top:6px;}
.m-t-7 { margin-top:7px;}
.m-t-10 { margin-top:10px;}
.m-t-15 { margin-top:15px;}
.m-t-20 { margin-top:20px;}
.m-t-30 { margin-top:30px;}
.m-tb-5 { margin-top:5px; margin-bottom:5px;}
.m-tb-10 { margin-top:10px; margin-bottom:10px;}
.m-tb-20 { margin-top:20px; margin-bottom:20px;}
.m-b-0 { margin-bottom:0px;}
.m-b-3 { margin-bottom:3px;}
.m-b-5 { margin-bottom:5px;}
.m-b-10 { margin-bottom:10px;}
.m-b-20 { margin-bottom:20px;}
.m-l-5 { margin-left:5px;}
.m-l-10 { margin-left:10px;}
.m-l-17 { margin-left:17px;}
.m-l-20 { margin-left:20px;}
.m-lr-10 { margin-left:10px; margin-right:10px;}
.m-r-5 { margin-right:5px;}
.m-r-7 { margin-right:7px;}
.m-r-10 { margin-right:10px;}
.m-r-20 { margin-right:20px;}
.m-rb-5 { margin-right:5px; margin-bottom:5px;}
.m-r10-tb5 { margin-right:10px; margin-top:5px; margin-bottom:5px;}
.m-rb-10 { margin-right:10px; margin-bottom:10px;}

.float-l { float:left;}
.float-r { float:right;}
.float-n { float:none !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}
.center { text-align: center !important;}
.va-t { vertical-align:top;}
.va-m { vertical-align:middle;}
.va-b { vertical-align:bottom;}

.posi-r { position:relative;}

.d-b, d-b { display:block;}
.d-ib, d-ib { display:inline-block;}
.d-n { display: none;} /*物件隱藏,不佔位置*/
.d-it { display: inline-table;} /*配合input-group使用，取代原則#list .row的display:table;屬性*/
.border-r { border:2px solid #ff6c60; border-radius: 5px; display:inline-block; width:100%; margin:5px 0;}
.border-success { border:2px solid #a9d86e; border-radius: 5px; display:inline-block; width:100%; margin:5px 0; padding:5px;}/* 綠 */
.b-important { border: 1px solid #ff6c60;}/*紅*/
.b-orange { border: 1px solid #ff8f00;}/*橘*/

.cursor-d { cursor: default;}/*滑鼠游標*/

/*...省略文*/
.table-fixed { table-layout: fixed;}
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    @media (max-width: 600px) {
		.table-fixed { width:auto;}
		.table-fixed .ellipsis { max-width:15em;} 
    }

/*hr { margin: 15px 0; border-width: 0; border-top: 1px solid currentColor; opacity: 0.1;}*/

/*連結樣式*/
.link_01 { color: #555 !important; text-decoration: none; border-bottom: 1px solid #555;}
.link_01:hover { color: #85bb23 !important; text-decoration: none; border-bottom:1px solid #85bb23;}
a.icon-minus:hover { color: #cc3300 !important;}

/*輪撥列表內檔案類型*/
i>span { font-family: '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif, 新細明體;}
.owl-card-outer .hpanel { margin-top:25px; margin-bottom:0;}
.file-body i.fa { font-size: 46px;}
.file-footer>span { color:#666666; height: 3em; overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap;*/
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
a:hover .file-footer>span,
a:focus .file-footer>span { color:#8FC41E;}

/*面版*/
.hpanel>.panel-heading { vertical-align:middle;}/*面版-頭*/
.hpanel>.panel-heading h4 {/* font-size:20px; color:#333;*/ float:left; margin:7px 5px 7px 0;}
.hpanel.hgreen_02>.panel-body { border-top: 2px solid #8FC41E;}/*面版-上方2px彩線*/

/*.fm-button.active { background-color: #fff; border-color: #e0e0e0; color: #606265;}*/
.hpanel>.panel-heading:active .btn, .hpanel>.panel-heading.active .btn { -webkit-box-shadow: none; box-shadow: none;}/*覆蓋 bootstrap 原設定*/
.hpanel>.panel-heading .active .btn-default:hover, .hpanel>.panel-heading .active .btn-default:focus { background-color: #fff;}/*覆蓋 bootstrap 原設定*/

/*按鈕組(移植:協同團隊內部管理系統style.css#375)*/
.float-e-margins .btn { margin-bottom: 5px;}
.btn-primary.btn-outline { color: #34495e;}
.btn-primary2.btn-outline { color: #9b59b6;}
.btn-success.btn-outline { color: #62cb31;}
.btn-info.btn-outline { color: #3498db;}
.btn-warning.btn-outline { color: #ffb606;}
.btn-warning2.btn-outline { color: #e67e22;}
.btn-danger.btn-outline { color: #e74c3c;}
.btn-danger2.btn-outline { color: #c0392b;}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover { color: #fff;}

.btn-primary {
	background-color: #34495e; border-color: #34495e; color: #fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	background-color: #3f5872; border-color: #3f5872; color: #fff;}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	background-image: none;}
.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary.active[disabled],fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active {
	background-color: #293a4a; border-color: #293a4a;}
.btn-primary2 {
	background-color: #9b59b6; border-color: #9b59b6; color: #fff;}
.btn-primary2:hover,.btn-primary2:focus,.btn-primary2:active,.btn-primary2.active,.open .dropdown-toggle.btn-primary2 {
	background-color: #a86ebf; border-color: #a86ebf; color: #fff;}
.btn-primary2:active,.btn-primary2.active,.open .dropdown-toggle.btn-primary2 {
	background-image: none;}
.btn-primary2.disabled,.btn-primary2.disabled:hover,.btn-primary2.disabled:focus,.btn-primary2.disabled:active,.btn-primary2.disabled.active,.btn-primary2[disabled],.btn-primary2[disabled]:hover,.btn-primary2[disabled]:focus,.btn-primary2[disabled]:active,.btn-primary2.active[disabled],fieldset[disabled] .btn-primary2,fieldset[disabled] .btn-primary2:hover,fieldset[disabled] .btn-primary2:focus,fieldset[disabled] .btn-primary2:active,fieldset[disabled] .btn-primary2.active {
	background-color: #8c49a7; border-color: #8c49a7;}
.btn-info {
	background-color: #3498db; border-color: #3498db; color: #fff;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	background-color: #4ea5e0; border-color: #4ea5e0; color: #fff;}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	background-image: none;}
.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info.active[disabled],fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {
	background-color: #2489cc; border-color: #2489cc;}
.btn-default {
	background-color: #fff;border-color: #eaeaea; color: #6a6c6f;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	background-color: #fff; border-color: #e0e0e0; color: #606265;}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	background-image: none;}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default.active[disabled],fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {
	background-color: #e4ebee; border-color: #e4ebee;}
.btn-warning {
	background-color: #ffb606; border-color: #ffb606; color: #fff;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
	background-color: #ffbf25; border-color: #ffbf25; color: #fff;}
.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning {
	background-image: none;}
.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning.active[disabled],fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
	background-color: #e6a300; border-color: #e6a300;}
.btn-warning2 {
	background-color: #e67e22; border-color: #e67e22; color: #fff;}
.btn-warning2:hover,.btn-warning2:focus,.btn-warning2:active,.btn-warning2.active,.open .dropdown-toggle.btn-warning2 {
	background-color: #e98e3d; border-color: #e98e3d; color: #fff;}
.btn-warning2:active,.btn-warning2.active,.open .dropdown-toggle.btn-warning2 {
	background-image: none;}
.btn-warning2.disabled,.btn-warning2.disabled:hover,.btn-warning2.disabled:focus,.btn-warning2.disabled:active,.btn-warning2.disabled.active,.btn-warning2[disabled],.btn-warning2[disabled]:hover,.btn-warning2[disabled]:focus,.btn-warning2[disabled]:active,.btn-warning2.active[disabled],fieldset[disabled] .btn-warning2,fieldset[disabled] .btn-warning2:hover,fieldset[disabled] .btn-warning2:focus,fieldset[disabled] .btn-warning2:active,fieldset[disabled] .btn-warning2.active {
	background-color: #d26f18; border-color: #d26f18;}
.btn-danger {
	background-color: #e74c3c; border-color: #e74c3c; color: #fff;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger { 
    background-color: #ea6557; border-color: #ea6557; color: #fff;}
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
	background-image: none;}
.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger.active[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active {
	background-color: #e43321; border-color: #e43321;}
.btn-danger2 {
	background-color: #c0392b; border-color: #c0392b; color: #fff;}
.btn-danger2:hover,.btn-danger2:focus,.btn-danger2:active,.btn-danger2.active,.open .dropdown-toggle.btn-danger2 {
	background-color: #d24637; border-color: #d24637; color: #fff;}
.btn-danger2:active,.btn-danger2.active,.open .dropdown-toggle.btn-danger2 {
	background-image: none;}
.btn-danger2.disabled,.btn-danger2.disabled:hover,.btn-danger2.disabled:focus,.btn-danger2.disabled:active,.btn-danger2.disabled.active,.btn-danger2[disabled],.btn-danger2[disabled]:hover,.btn-danger2[disabled]:focus,.btn-danger2[disabled]:active,.btn-danger2.active[disabled],fieldset[disabled] .btn-danger2,fieldset[disabled] .btn-danger2:hover,fieldset[disabled] .btn-danger2:focus,fieldset[disabled] .btn-danger2:active,fieldset[disabled] .btn-danger2.active {
	background-color: #a73225; border-color: #a73225;}
.btn-link {
	color: inherit;}
.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {
	color: #6a6c6f;}
.btn-link:active,.btn-link.active,.open .dropdown-toggle.btn-link {
	background-image: none;}
.btn-link.disabled,.btn-link.disabled:hover,.btn-link.disabled:focus,.btn-link.disabled:active,.btn-link.disabled.active,.btn-link[disabled],.btn-link[disabled]:hover,.btn-link[disabled]:focus,.btn-link[disabled]:active,.btn-link.active[disabled],fieldset[disabled] .btn-link,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:active,fieldset[disabled] .btn-link.active {
	color: #9d9fa2;}
/*中空按鈕*/	
.btn-outline { color: inherit; background-color: transparent; transition: all .5s;}
/*大按鈕*/
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
/*小按鈕*/
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
/*迷你按鈕*/
.btn-xs { border-radius: 3px; font-size: 11px; line-height: 1.5; padding: 1px 7px}


/*按鈕*/
.add {/* 藍 -  */
	display: inline-block;
	color: #fff;/* font-size: 15px;*/ text-decoration: none;
	background: #5bc0de; border: none; padding: 1px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity:.7;}
.add:hover { color:#fff; opacity: 1;}

.edit {/* 綠 - 編輯 */
	display: inline-block;
	color: #fff;/* font-size: 15px;*/ text-decoration: none;
	background:#86C042; border: none; padding: 1px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity:.7;}
.edit:hover { color:#fff; opacity: 1;}

.del {/* 紅 - 刪除 */
	display: inline-block;
	color: #fff;/* font-size: 15px;*/ text-decoration: none;
	background: #EC2C32; border: none; padding: 1px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity:.7;}
.del:hover { color:#fff; opacity: 1;}

.default {/* 灰 -  */
	display: inline-block;
	color: #333 !important;/* font-size: 15px;*/ text-decoration: none;
	background-color: #e7e7e7 !important;
    border-color: #999 !important; padding: 1px 5px 2px 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity:.7;}
.default:hover { color:#333 !important; opacity: 1;}

/*頁數*/
.pagination { margin:0 0 10px 0;}/*, .pag*/
@media (max-width: 768px) { .pagination { margin-bottom:10px;} }
	/*頁數(覆蓋原設定顏色)*/
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hoverination > .active > a:focus, .pagination > .active > span:focus {
		background-color: #65AC1F; border-color: #65AC1F;}
	.pagination > li > a,.pagination > li > span { color: #444444; padding: 6px 10px;}
	/*.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #65AC1F;}*/
	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
		z-index: 2;color: #ffffff; background-color: #65AC1F; border-color: #65AC1F;}
	.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
		color: #cccccc; background-color: #ffffff; border-color: #cccccc; cursor: not-allowed;} 
	/*頁數-修正前後頁icon大小*/
	.page-first, .page-last { padding: 7px 10px 9px 10px !important; line-height:1em !important;}/*10px 12px*/
	.page-first i, .page-last i { font-size:12px;}/*13*/
	.page-previous, .page-next { padding: 7px 10px 5px 10px !important;}/*7px 12px*/
	.page-previous i, .page-next i { font-size:16px;}/*19*/
	/* IE 8 9 10 11 hack (W3C可能無法辨識 而使手機版無法正常) */
	@media screen\0 {
		.page-first, .page-last { line-height:1.1em !important;}
		.page-previous i, .page-next i { }
		.page-first i, .page-last i { }
	}
	/* IE Edge hack (W3C可能無法辨識 而使手機版無法正常) */
	@supports (-ms-ime-align:auto) {
		.page-first, .page-last { line-height:1.1em !important;}
		.page-first i, .page-last i { }
		.page-previous i, .page-next i { }
	}
	/***/
	.page-m-b-5 > li > a { margin-bottom:5px;}
    
	/*下拉選單*/
	.pagination select.form-control { height: calc(1.2em + 0.75rem + 2px); padding: 0rem 0.75rem;}
	
/**/
.scalable iframe { position:relative; max-width:100%; height: auto !important;}

/*跳出視窗 ***_pannel.php */
.modal-footer { text-align:center;}

/*權限收合*/
.id-setup-tag { position:relative; top:-1.2em; left:-1px; width:10em; margin:0 auto; padding: 0.1em 1em 0.2em 1em; text-align:center; color: #fff; background: #2BA6DE; border-radius: 3px;}
.id-setup-btn-group { position:relative; top:-1.4em; padding: 0.1em 0 0.2em 0;}
.id-setup-group .alert { padding: 15px !important; border-radius: 4px !important;}

.hpanel.id-setup-collapse { margin-bottom:0;}
.hpanel.id-setup-collapse .panel-body { padding: 10px;}
.hpanel.id-setup-collapse hr { margin:10px 0 10px 0;}
/*.hpanel.id-setup-collapse a[data-toggle]::before { content: '\f13a  次級系統'; font-family: "FontAwesome"; position: absolute; right: 10px; padding: 0 6px;
	color: #666; background: #fff; border:2px solid #a9d86e; border-radius: 10px;}*/

.hpanel.id-setup-collapse a[data-toggle] i::before { content: '\f13a  次選單'; font-family: "FontAwesome"; font-style:normal;/* position: absolute; right: 10px;*/ float:right; padding: 0 6px;
	color: #666; background: #fff; border:2px solid #a9d86e; border-radius: 10px;}
.hpanel.id-setup-collapse ul li a { color:#34befe !important;}
.hpanel.id-setup-collapse ul li a:hover { color:#34befe !important;}
.hpanel.id-setup-collapse ul li a[data-toggle] i::before { content: '\f13a'; border:2px solid #34befe;}

.hpanel .panel-body { background: #fff; border: 1px solid #eaeaea; border-radius: 2px; padding: 20px; position: relative;}/*框*/
.panel-collapse .panel-body { border: 0;}

.hpanel.panel-group.id-setup-collapse ul { padding-left:0em; list-style:none;}
.hpanel.panel-group.id-setup-collapse ul li { position:relative; padding: 3px 0px 3px 2em; border-bottom: 1px solid #eaeaea;}
/*.hpanel.panel-group.id-setup-collapse ul li .id-item { position:absolute; left:0; bottom:4px; font-size:10px; color:#fff; background-color: #34befe; padding: 1px 4px; min-width:16px; line-height: 13px; border-radius: 20px;}*/
.hpanel.panel-group.id-setup-collapse ul li .panel-body .id-item { position: absolute; left:-2em; top:3px; font-size:10px; color:#fff; background-color: #34befe; padding: 1px 4px; min-width:16px; line-height: 13px; border-radius: 20px;}
.hpanel.panel-group.id-setup-collapse ul li .panel-body { position:relative;}
/*.hpanel.panel-group.id-setup-collapse ul li:first-child::before {content: "1";}*/
.hpanel.panel-group.id-setup-collapse ul li .panel-body:first-child { border-top: none;}
/*.hpanel.panel-group.id-setup-collapse ul li { padding: 1px 4px; min-width: 16px; background-color: #34befe;color: #fff; line-height: 13px; border-radius: 20px;}*/
.hpanel.panel-group.id-setup-collapse ul li .panel-body { padding:0;}
.hpanel.panel-group.id-setup-collapse ul li .panel-body::before { display:inline-block;}
    /*設定"次級系統"自動排序*/
	.hpanel.panel-group.id-setup-collapse ul li:first-child .panel-body .id-item:before {content: "1";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(2) .panel-body .id-item:before {content: "2";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(3) .panel-body .id-item:before {content: "3";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(4) .panel-body .id-item:before {content: "4";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(5) .panel-body .id-item:before {content: "5";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(6) .panel-body .id-item:before {content: "6";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(7) .panel-body .id-item:before {content: "7";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(8) .panel-body .id-item:before {content: "8";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(9) .panel-body .id-item:before {content: "9";}
	.hpanel.panel-group.id-setup-collapse ul li:nth-child(10) .panel-body .id-item:before {content: "10";}

.hpanel.panel-group.id-setup-collapse ul ul { background-color:#f7f9fa; margin-top:5px;}
.hpanel.panel-group.id-setup-collapse ul ul li { padding: 3px 0px 3px 10px;}

/*手風琴-摺疊*/
.accordion { padding:0!important; margin-bottom:10px; border: 1px solid #cccccc!important;}
/*.accordion .accordion-title { display: block; padding: 10px 15px; background-color: #65AC1F; border-color: #65AC1F; color: #fff!important;}*/
.accordion .accordion-title { display: block; padding: 10px 10px; background-color: #E4E4E4; border-left: 1px solid #fff; border-top: 1px solid #fff;}
.accordion .accordion-title h4 { padding:0; margin:0; color:#333;}
/*.accordion .accordion-title i { color: #fff!important;}*/

/*多選的間隔*/
.checkbox-inline-m > .checkbox-inline,
.checkbox-inline-m > .checkbox-inline + .checkbox-inline { margin-left: 0px; margin-right:10px;}

/*禁止狀態(文字也同狀態)*/
label.disabled { cursor: not-allowed;}

/**/
.pp { margin: 0 -20px !important;}

/*檔案列表(行政管理-基本資料管理-教育程度)*/
.highlight pre { padding: 8px 0; margin-top: 0; margin-bottom: 0; word-break: normal; white-space: nowrap;/* background-color: transparent; border: 0;*/}
.prettyprint { padding: 8px; background-color: #FBFBFC; border: 1px solid #e1e1e8;}
pre ol { margin: 0 !important;}
ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff;}

.alert-danger { padding: 10px 15px; background-color: #f04124; border-color: #ea2f10; color: #ffffff;}

/*以版模原本的多選方塊修改-尺寸及鼠標*/
.custom-control { display:inline-block; min-height: auto; cursor: pointer;}
.custom-control label { cursor: pointer;}
.custom-control-input {}
.custom-checkbox .custom-control-label:before { width:17px; height:17px; top:1px; border-radius: 3px;}

/*會員*/
    /*列表-頭像*/
	.members-image img { width:42px; height:42px; border-radius:50%;}
	/*列表-權限圖示*/
	.members-item { display:inline-block; margin-right:10px;}

/*.user-card .card-body { padding-top:0;}*/
.user-card { /*border-top: 2px solid #368bce;*/}
.user-card .color-line { background: #368bce; height: 2px; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem;}
.user-card .card-body { border-top: 1px solid #368bce;}
.user-card .card-body:nth-child(2) { border-top: 0;}
.user-tag-title {
	  position:relative; font-size:0.875rem; line-height:150%; color:#368bce;
	  padding-left: 8px; margin-top: -21px; margin-bottom: 10px; border-top: 1px solid #368bce;}
	.user-tag-box .alert-tag-title:nth-child(1) { top:-1px; border-top:none; margin-top:0;}
	.user-tag {
	  width: 12px; /*font-size: 2.25rem;*/ font-weight: bold; text-align:center; padding: 11px 0px 5px 0px;
	  position: absolute; z-index: 99; top: -2px; left: -12px;
	  background-color: #368bce; color: white; box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.3);}
	.user-tag:before {
	  content: ""; position: absolute; top: 0px; left: -2px; z-index: 2;
	  border-right: 2px solid #368bce; border-bottom: 0px solid transparent; border-top: 2px solid transparent;}
	.user-tag:after {
	  content: ""; position: absolute; bottom: -5px; left: 0; width:12px; height:6px; background-color:#368bce;
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0 100%); box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.3);}

.user-info {}
	/*頭像*/
	.user-info .user-image { position:relative; display:inline-block;}
	.user-info .user-image img { width:76px; height:76px; border-radius:50%; margin: 10px 0;}
    /*頭像-icon(沒有頭像時樣式)*/
	.user-info .profile-icon { display:inline-block; margin: 10px 0; text-align:center;}
	.user-info .profile-icon i { height:76px; width:76px; line-height:76px; font-size:34px; vertical-align:middle; border-radius: 100%; border: 2px solid #D6D6D6;}

.user-info h3 { font-weight:400;}
.user-item { font-size:80% !important; color:#999;}
.user-item ul { padding: 0; margin-bottom:0; list-style: none;}
.user-item ul li { margin-bottom:5px;}
.user-item ul li .user-item-title { display:inline-block; color:#555; font-weight:600; margin-right:5px;}
    /*icon-Line*/
	/*.fa-line:before {
    content: "";
    background: url(../vendor/images/fa-line.png) no-repeat;
    background-size: cover; display: inline-block; height: 12px; width: 13px;}*/
	
	
/**/
.card .card-header h3 {
    color: #37474f; font-size: 1.125rem; font-weight: 600; line-height: 1.1;
    display: inline-block; position: relative; margin-right: 10px; margin-bottom: 10px;
}

/*會員-編輯資料*/
.avatar-preview { font-weight:400; text-align:center; margin: 10px 0; padding: 10px 5px; background-color: #fafbfc; border: 1px solid #ced4da; border-radius: 0.25rem;}
	/*頭像預視*/
	.avatar-preview .user-image { position:relative; display:inline-block;}
	.avatar-preview .user-image img { width:76px; height:76px; border-radius:50%; margin: 10px 0;}
	/*.gender-icon { position:absolute; right:0px; bottom:10px; padding:2px; background:#3498db; border:1px solid #fff; border-radius:100%;}*/
    /*頭像預視-icon(沒有頭像時樣式)*/
	.avatar-preview .profile-icon { display:inline-block; margin: 10px 0; text-align:center;}
	.avatar-preview .profile-icon i { height:76px; width:76px; line-height:76px; font-size:34px; vertical-align:middle; border-radius: 100%; border: 2px solid #D6D6D6;}
	
/*.input-group.w-auto { display: inline-flex;}*/
.user-field-group { margin-top:10px; padding: 15px 5px 10px 5px;}
.user-field-group .group-item { width: auto; display: inline-block; padding: 0; padding-left: 10px;}
.user-field-group .radio, .user-field-group .checkbox { margin-bottom:0;}

/*欄位群組*/
.text-field-group {}
.text-field-group .t-item { display:inline-block; float:left; padding: 0 5px 10px 0; margin-right:10px;}
.text-field-group .t-item .t-text { display:inline-block; float:left; padding: 7px 7px 7px 0; vertical-align:middle;}

.t-item-group { float:left; position: relative; display: table; border-collapse: separate; padding: 0 8px 8px 0;}
.t-item-group.t-input-short { display: initial;}
.t-item-text { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle;}
.t-item-text:first-child { border-right: 0;}
.t-item-input { display: table-cell; padding: 0 8px;}
.t-item-group.t-input-short .t-item-input { float: none;}
@media (max-width: 768px) {
	.t-item-group.t-input-short { display: table;}
}
.t-item-group.t-input-all { float:none; clear: both; display:grid;}
.t-item-group.t-input-all .t-item-input { width:100%;}
.t-item-group.t-input-all .t-item-text { padding-bottom:8px;}

.radio-group-box .alert { padding: 8px 8px; margin: 0 8px 8px 8px;}

/*多選方塊改為icon-eye*/
.checkbox-eye { display:inline-block; width: 16px; height: 16px; padding-left: 16px; }
.checkbox-eye input {}
.checkbox-eye label {
    display: inline-block; vertical-align: middle; position: relative; /*padding-left: 5px;*/
	min-height: 20px; /*padding-left: 20px;*/ margin-bottom: 0; /*font-weight: normal;*/ cursor: pointer;}
.checkbox-eye label::before {
    /*content: "";*/
	font-family: 'FontAwesome'; content: "\f070"; line-height:1.2;
	display: inline-block; position: absolute; width: 16px; height: 16px; left: 2px; color: #cc3300; margin-left: -16px;
    /*border: 1px solid #cccccc; border-radius: 3px;*/ background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox-eye label::after {
    display: inline-block; position: absolute; width: 16px; height: 16px; left: 2px; color: #ccc /*#54A702*/; margin-left: -16px; /*top: -1px;*//*修正打勾的位置*/
    /* padding-left: 3px; padding-top: 1px; font-size: 11px; */}
.checkbox-eye input[type="checkbox"] { position: absolute; width: 16px; height: 16px;/* margin: 4px 0 0;*/ margin-left: -16px;
    opacity: 0; z-index: 1; cursor: pointer;}
.checkbox-eye input[type="checkbox"]:focus + label::before {
    outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline:none!important;/*修正在 Chrome 點擊後會有 2px 黑框線問題*/}
.checkbox-eye input[type="checkbox"]:checked + label::before {
    content: "";}
.checkbox-eye input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome'; content: "\f06e"; line-height:1.2;}


/*論壇*/
.forum-list { padding: 0.625rem 1.25rem 0.625rem 1.25rem; background-color: #5bc0de; border-bottom:1px solid #e2e5e8;}
.forum-list > a { cursor:pointer;}
.forum-list i { color: #fff/*3498db*/; vertical-align:top; margin: 4px 5px 0 0;}
.forum-list button i { color:inherit; vertical-align: baseline; margin:0;}
.forum-list-title { display:inline-block;}
.forum-list-title small { display:block;/* line-height: 1;*/ color:#fff/*999*/;}
.forum-list h4 { display:inline-block; font-size: 1.125rem; font-weight: 600;/* line-height: 1;*/ color: #fff/*3498db*/; margin-bottom:0;}
.forum-list > a:hover h4, .forum-list > a:hover i  { color: #FF3/*09F*/;}

.topic-list small { display:block; /*line-height: 1;*/ color:#999;}

	/*新帖數(小圓圈)*/
	.posts-status { position:relative; display:inline-block; margin-right:5px;}
	.posts-status > span {
	  position: absolute; top: -5px; left: 5px; padding: 1px 4px; min-width: 16px;
	  font-size: 10px; -webkit-transform: scale(0.75); color: #fff; line-height: 13px;
	  background-color: #fd901e; border: 1px solid #fff; border-radius: 20px;
	}
    /*置頂icomn(未使用)*/
	i.put-top { position:relative; font-size: 2em; top: 5px; margin-left: 10px;}
	i.put-top::after { content: attr(data-descr);/*自定義數據屬性*/
	  position: absolute; top:8px; left:0; width: 18px; border-top: 2px solid; opacity: 0.4;}
    
	/*下方統計及說明區塊*/
	.alert-tag-box { padding-top:0; margin-top:0.75rem;}
	.alert-tag-title {
	  position:relative; font-size:0.875rem; line-height:150%; color:#000;
	/*padding-top: 5px;*/ padding-left: 20px; margin-top: 15px; margin-bottom: 5px; border-top: 1px solid #a3e1e9;
    }
	.alert-tag-box .alert-tag-title:nth-child(1) { top:-1px; border-top:none; margin-top:0;}
	.alert-tag {
	  width: 12px; /*font-size: 2.25rem;*/ font-weight: bold; text-align:center; padding: 11px 0px 5px 0px;
	  position: absolute; z-index: 99; top: -2px; left: 2px;
	  background-color: #005964; color: white; box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.3);}
	.alert-tag:before {
	  content: ""; position: absolute; top: 0px; left: -2px; z-index: 2;
	  border-right: 2px solid #005964; border-bottom: 0px solid transparent; border-top: 2px solid transparent;}
	.alert-tag:after {
	  content: ""; position: absolute; bottom: -5px; left: 0; width:12px; height:6px; background-color:#005964;
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0 100%); box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.3);}

/*主題內容頁-標題*/
.topic-title {}
.price .item { display: inline-block; margin: 0 5px 8px 0;}
.topic-data { position:relative; z-index:2; float:right; width: 42px; height: 42px; margin-top: -14px; margin-left:10px; margin-right:10px;}
.topic-data-img { position:absolute; bottom: -50%; width: 42px; height: 42px; border-radius: 50%;/* border:2px solid #368bce;*/}
/*.topic-data img { position:absolute; z-index:2; bottom: -50%; width: 42px; height: 42px; border-radius: 50%;}*/
.img-circle { border-radius: 50%;}

    /*主題內容及回覆列表(及聯繫網站管理員)-按鈕區*/
	.forum-features-tools { text-align:right; padding: 5px 10px; margin: 0 0 10px 0; border-bottom: 1px solid #dedede;}
	.reply-body > .forum-features-tools,
	.talk-body > .forum-features-tools { margin: -10px -10px 10px -10px;}
	.forum-features-tools button { margin: 5px 5px 5px 0;}
	.forum-features-tools .checkbox-sticky { margin: 5px 5px 5px 0;}
	.forum-features-tools button:last-child { margin: 5px 0 5px 0;}
	@media (max-width: 600px) { .forum-features-tools button { margin: 5px 0px 5px 0 !important;} }
	/*多選方塊改為 Sticky置頂 icon-warning*/
	.checkbox-sticky { display:inline-block;/* width: 16px; height: 16px;*/ /*padding-left: 16px;*/ }
	.checkbox-sticky label {
		display: inline-block;
		min-height: 20px; margin-bottom: 0; /*font-weight: normal;*/}
	.checkbox-sticky label::before { /* 勾選前-灰 */
		font-family: 'FontAwesome'; content: "\f071"; line-height:1.2;
		display: inline-block; width: 16px; height: 16px; color: #ccc; margin-left: 26px; background-color: #fff;}
	.checkbox-sticky label::after { /* 勾選前-紅 */
		display: inline-block; width: 16px; height: 16px; color: #ff6c60; margin-left: -16px;}
	.checkbox-sticky input[type="checkbox"] { position: absolute; width: 16px; height: 16px; margin: 3px 0 0; z-index: 1; cursor: pointer;}
	.checkbox-sticky input[type="checkbox"]:focus + label::before {
		outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline:none!important;/*修正在 Chrome 點擊後會有 2px 黑框線問題*/}
	.checkbox-sticky input[type="checkbox"]:checked + label::before { /* 勾選後-灰(變空) */
		content: "";}
	.checkbox-sticky input[type="checkbox"]:checked + label::after { /* 勾選後-紅(可換icon) */
		font-family: 'FontAwesome'; content: "\f071"; line-height:1.2;}

/*回覆列表*/
.reply-list { display:inline-flex; width:100%;}
.reply-image { min-width: 110px; margin-right: 20px; margin-bottom:10px;}
.reply-image img { margin-top: 10px; width: 42px; height: 42px; border-radius: 50%; margin-bottom: 10px;}
.reply-author-info small { color:#999;}
.reply-body { width: 2000px; overflow: hidden; zoom: 1; background-color:#f5f1ec; padding:10px; border-radius:5px;} /*display: table-cell; vertical-align: top;*/
@media (max-width: 600px) {
	.reply-list { display:block;}
	.reply-image { min-width: 100%;}
	.reply-body { width: 100%;}
}

/*引用*/
.quote-box { background-color: #fff; padding: 10px; margin-bottom:10px; border-radius: 5px;}
.quote-box .talk-avatar { margin-right: 5px;}
.quote-box .talk-data { font-size:100% !important;}
.quote-box blockquote { padding-left:10px; margin: 5px 0 0 46px; border-left: 5px solid #d7d8d9;}
@media (max-width: 600px) { .quote-box blockquote { margin: 0;} }

/**/
.contact-list small { display: inline-block; /*line-height: 1;多行時要拿掉*/ color:#999;}


/*聯繫網站管理員*/
.talk-list { }
.talk-box { padding:10px;}
/*talk 對話框*/
.talk-body {
	position: relative; display:block; background-color: #f5f1ec; padding: 10px; border-radius: 5px;}
.reply-left .talk-body {
	text-align: left; margin-left: 50px;}
.reply-left  .talk-body::before {
	content: ''; position: absolute; display:block; top: 15px; right: 100%;
	border-top: 8px solid transparent; border-right: 8px solid #f5f1ec; border-bottom: 8px solid transparent;}
.reply-right .talk-body {
	text-align: right; margin-right: 50px;}
.reply-right .talk-body::before {
	content: ''; position: absolute; display:block; top: 15px; left: 100%;
	border-top: 8px solid transparent; border-left: 8px solid #f5f1ec; border-bottom: 8px solid transparent;}
/*talk 頭像*/
.talk-avatar {
	height: 36px; width: 36px; margin-top: 1px; border-radius: 50%;}
.talk-box.reply-left .talk-avatar {
    float: left; margin-right: 5px;}
.talk-box.reply-right .talk-avatar {
    float: right; margin-left: 5px;}
/*talk 發言者資訊*/
.talk-author-info { display:block; margin-bottom:5px;}
/*.talk-author-info::before { clear: both;}*//*解除文繞圖*/
.talk-author-info .talk-name { display:inline-block; font-weight:bold; margin-right:5px;}
.talk-author-info .talk-data { display:inline-block; font-size: 80%; font-weight: 400; color: #999;}	
/*talk內部*/
.talk-content { display:block; text-align:left;}
/*標記-管理者*/
.talk-flag { display: inline-block; color: #fff; font-size:80%; background: #1caad9; padding: 1px 6px; margin: 0 8px 5px 0; border-radius: 4px;}
/*簽名檔*/
.talk .sign { font-size: 80%; font-weight: 400; font-style: italic; color: #868e96;; /*border-top: 1px dashed #dedede;*/border-top: 1px solid #a3e1e9;
		margin-top: 0.5rem; margin-bottom: 0.5rem; padding-top: 0.5rem;}

/*報名_前台*/
.sign-card {}
.sign-card-header {}
.sign-card-img { display: block; position: relative; width: 100%; overflow: hidden;}
.sign-card-img-con { background-position: center center; background-size: cover;}
.sign-card-img-height { padding-top: 20%; overflow: hidden;}
.sign-card-title { font-size: small; padding: 8px 20px 0 20px; color: #868e96; background: #f5f1ec; border-bottom: 2px solid #368bce;}
.sign-card-title h5 { color:#555;}
.sign-card-title h5:hover { color: #3498db;}
.sign-card-body {
	position: relative; background: #fff;/* border-top: 2px solid #3498db;*/ border-bottom: 1px solid #eaeaea; padding: 10px 20px;}

dl { margin-top:0; margin-bottom:20px;}
.sign-dl-title dt { position: relative; display: block;/* color: #666; font-weight:400; margin-left: 20px;*/}
/*.sign-dl-title dt i { position: absolute; margin-left: -20px; line-height: 170%; color: #ccc;}*/

.sign-dl-title dd { margin-bottom: 8px;}
@media (min-width: 768px) {
  .sign-card-title h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /*2欄以上為了統一的高度需限制只能1行字*/
  .sign-dl-title dt { float: left; width: 90px;/* clear: left; text-align: right;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .sign-dl-title dd { margin-left: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}
.sign-dl-title dt i { margin-right:5px; color: #ccc;}

/*報名_後台_設定*/
.Events { display:inline-block; margin: 0 10px 10px 0;}
.Events label,
.Events input[type="radio"] { margin: 6px;}
.Events label,
.Events input[type="radio"] { position: absolute; display:block; width: 100px; height: 50px;}
.Events input[type="radio"] { opacity: 0; z-index: 2; cursor: pointer;/*手指游標*/}
.Events label:after { height: 100%; width: 100%; position: absolute; text-align: center;}
.Hue-setting-sample { display:inline-block; position:relative; text-align:center; width: calc(100px + 12px); padding:3px; border-radius:3px;}
.Events-Hue { display:inline-block; height:3px; width:100px; position: relative; top: 0; left:0; margin-bottom:50px;}

/*藍色(默認)*/
.Events-Hue-blue { background-color:#067CB3;}
.Events-Hue-blue:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #067CB3 0%, #FFFFFF 100%); opacity:0.5;}
/*紅色*/
.Events-Hue-red { background-color:#cc3300;}
.Events-Hue-red:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #cc3300 0%, #FFFFFF 100%); opacity:0.5;}
/*橘色*/
.Events-Hue-orange { background-color:#ff9900;}
.Events-Hue-orange:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #ff9900 0%, #FFFFFF 100%); opacity:0.5;}
/*黃色*/
.Events-Hue-yellow { background-color:#fdd000;}
.Events-Hue-yellow:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #fdd000 0%, #FFFFFF 100%); opacity:0.5;}	
/*綠色*/
.Events-Hue-green { background-color:#669900;}
.Events-Hue-green:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #669900 0%, #FFFFFF 100%); opacity:0.5;}
/*淺藍色*/
.Events-Hue-blue-light { background-color:#00B9CE;}
.Events-Hue-blue-light:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #00B9CE 0%, #FFFFFF 100%); opacity:0.5;}
/*靛青色*/
.Events-Hue-indigo { background-color:#115095;}
.Events-Hue-indigo:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #115095 0%, #FFFFFF 100%); opacity:0.5;}
/*紫色*/
.Events-Hue-purple { background-color:#9b59b6;}
.Events-Hue-purple:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #9b59b6 0%, #FFFFFF 100%); opacity:0.5;}
/*淺灰色*/
.Events-Hue-gray { background-color:#999999;}
.Events-Hue-gray:before {
	content: ''; height:50px; width:100px; display: block; position: absolute; top: 0;
    background: linear-gradient(180deg, #999999 0%, #FFFFFF 100%); opacity:0.5;}

/*開合欄位內容*/
.FormSetting-ConBox { padding: 5px 0 0 30px;}
@media (max-width: 550px) {
	.FormSetting-ConBox { padding: 5px 0 0 25px;}
}
	/*欄位*/
	.FormSetting-ConBox input[type="text"] { height: 28px;}
	.FormSetting-ConBox select.form-control { height: 28px; padding: 0rem 0.75rem;}
	.FormSetting-ConBox .input-group-text { padding: 0rem 0.75rem;}/*欄名欄位群組*/

/*hr中間有文字*/
.hr-title { height: auto; border-top-style: solid; border-top-width: 1px; border-color: #e5e5e5;
    /*text-align: center;*/ color: #bbbbbb;
    line-height: 20px; margin: 10px auto -10px;}
.hr-title.hr-full { width: 100%;}
.hr-title.hr-auto { width: auto;}
.hr-title abbr { position:relative; top:-10px; padding: 2px 10px; margin-left:30px; border-radius: 2px; background-color:#ffffff;
    letter-spacing: .2em; /*text-transform: uppercase;*/}

/*全站search*/
.search-list {}
.search-list .item { margin-bottom:1.5rem;}
.search-list small { color:#999; font-size:80%;}
.search-list h5 { margin-top:5px; margin-bottom:0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.search-list su { display:block; max-height:3em; white-space: pre-wrap; text-overflow: ellipsis; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.search-list ps { color: #ff6c60;}/*搜尋結果-關鍵字-紅*/
@media (max-width: 600px) {
    .search-list h5 { max-height:2.5em; white-space: pre-wrap;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .search-list su { max-height:6em; -webkit-line-clamp: 4;}
}

/*取消最後1個td靠右_用於合併成只有1格時*/
/*原Login Record(Ad_log_login.php)要使用.後來改用在Events Members(Ad_events_checklist.php)*/
.table-ls-r td:last-child.table-collapse,
.table-ls-r th:last-child.table-collapse,
.table-collapse { text-align:left; background-color:#fbf9f9;}
.input-daterange .input-group-addon { margin-left:0 !important; margin-right:0 !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}