body {
	font-family:"微軟正黑體", Arial, sans-serif;
}
* {
	-webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.upload-img {
	max-width: 200px;
	width: 100%;
	vertical-align: bottom;
}
.fa-search-plus {
	margin-left:10px;
}
.form-control:focus {
  border-color: #f27a65;
  box-shadow: inset 0 1px 1px rgba(242, 122, 101, 0.075), 0 0 8px rgba(242, 160, 130, 0.6);
}
.admin .breadcrumb, .admin section  {
	margin-left: 0px;
}
.btn.btn-success.docfile, .btn.btn-success.imgfile {
	padding-left:2rem !important;
	padding-right:2rem !important;
	letter-spacing:5px;	
}
#DocFile .form-group .deletefile {
	word-break:break-all;
}
#DocFile .btn.docfile, .btn.imgfile {
	width:100%;
}
.deletefile {
	color:#28a745;
	font-size:14px;
	cursor:pointer;
}
.deletefile:hover {
	color:#333;
}
/*-------Summary Card Style-------*/
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #FFF;
	background-clip: border-box;
	border-radius: 0;
	margin-bottom: 30px;
}
.card .card-body {
	border-bottom: #CCC solid 1px;
}
.card.redbox {
	border:#F00 solid 2px;
}
.card .card-title {
	position: relative;
	font-weight: bold;
	font-size: 18px;
}
.card .btn {
	margin-left:5px;
}
.text-uppercase {
	text-transform: uppercase!important;
}
.card-title {
	margin-bottom: 0rem;
}
.comment-widgets {
	position: relative;
	margin-bottom: 10px;
}
.ps-container {
	-ms-touch-action: auto;
	touch-action: auto;
	overflow: hidden!important;
	-ms-overflow-style: none;
}
.comment-widgets .comment-row {
	border-bottom: 1px solid rgba(120,130,140,.13);
	padding: 20px 25px;
	display: flex;
	margin: 10px 0;
}
.btn-group-xs > .btn, .btn-xs {
 padding: .25rem .5rem;
 font-size: .775rem;
	line-height: .8;
 border-radius: .2rem;
}
.btn-primary {
	background-color:#e26223;
	border:solid 1px #e26223;
}
.btn-primary:hover{color:#fff;background-color:#d15416;border-color:#f87838}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(226,98,35,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#e26223;border-color:#e26223}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#e26223;border-color:#f87838}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(226,98,35,.5)}

#ValidateForm #file-list {
	margin-top:10px;
}
.blockquote-footer {
	font-size:100%;
}
.blockquote {
	font-size:90%;
}
.quote {
	margin-left:24px;
	font-size:80%;
	color:#999;
	border-left:solid 1px #999;
	padding-left:24px;
}
.note {
	margin-left:5px;
	font-size:80%;
	color:#999;
}
.card-body .file-list {
	padding-left:0px;
	border-top: solid 1px #CCCCCC;
	padding-top:10px;
	list-style:none;
}
.card-body .file-list li {
	float:left;
	list-style:none;
	margin-right:10px;
	font-size:12px;
}
.card-body .file-list li .far {
	margin-right:5px;	
}
.line-style-1 {
	border-bottom: 1px dashed #ccc;
	margin: 20px 0;
}
form .footer {
	margin-top:5px;
	margin-bottom:60px;
	margin:0 auto;
	text-align:center;
}
form .footer .btn {
	margin-left:10px;
	margin-right:10px;
	padding-left:50px;
	padding-right:50px;
}
form .form-group.only-title {
	margin-bottom:0px;
}

.page-content .result {
	margin-bottom:30px;
}
.page-content .result .label {
	color:#33F;
	float:left;
	line-height:39px;
}
.page-content .result .btn {
	float:right;
	margin:0;	
}
/*-------Summary Card Style End-------*/
/*-------List table-------------------*/
.table-list-area {
	margin-top:20px;	
}
.table-hover tbody tr:hover{
	cursor:pointer;
}
.table-list-area .fas.fa-bell {
	margin-right:8px;
	color:#F60;	
}

/* tooltip settings start */
.mytooltip {
	color:#999;
	position: relative;
	display: inline-block;
}

.mytooltip .tooltiptext {
	display:none;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	width:260px;
	background-color:#F0F0F0;
	color: #666;
	font-size:12px;
	text-align: left;
	border-radius: 6px;
	padding: 5px 8px;
	
	/* Position the tooltip */
	position: absolute;
	top:0px;
	z-index: 1;
}

.mytooltip i {
	cursor:pointer;	
}

/*------補Bootstrap 4.0---------*/
label.control-label {
	font-weight:bold;
}
label.checkbox-inline, label.radio-inline {
	margin-right: 1.5rem;	
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #a94442;
}
.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-feedback .form-control {
	padding-right: 42.5px;
}
.has-feedback {
	position: relative;
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.glyphicon {
    top: 40px;
	right:20px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-ok:before {
    content: "\e013";
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*----------------end----------------*/
/*------------checkbox list----------*/

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/*----------------end----------------*/