@charset "UTF-8";
/* =========== global ========== */
html, body {
	font-family: 'Lato', "Microsoft JhengHei", "微軟正黑體",sans-serif, Arial, 'Helvetica Neue', Helvetica, PMingLiU;
}

.form-signin {
	width: 100%;
	max-width: 420px;
	padding: 15px;
	margin: auto;
	background: #e3eaf2;
	border: 1px solid #ad45a2;
}

.prelon.navbar {
	background-color: #bae4f5;
	border-top: 5px solid #004098;
}

header {
	border-bottom: rgb(168, 0, 121) 5px solid;
}

.postlon.navbar {
	width: 100%;
	max-width: 1425px;
	padding: 0px 15px;
	margin: auto;
}

body {
	background-color: rgb(227, 234, 242);
}

.deepBlue {
	color: #004098;
}

.btn-warning,
.btn-warning:hover,
.btn-warning.focus,.btn-warning:focus,
.btn-warning.disabled,.btn-warning:disabled,
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus
{
	color:#fff;
}

.btn-light,
.btn-light:hover,
.btn-light.focus,.btn-light:focus,
.btn-light.disabled,.btn-light:disabled,
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus
{
	background-color: #f3f3f3;
}

.btn {
	min-width: 8em;
	margin-right: 1em;
}

label.error {
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color:#f6eef2;
	color: #990000;
	width: 100%;
}

label.error:before {
	content: url('../img/icon_topMsg_warning.png');
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.scb_topMsg_success{
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color:#dbf2de;
    color: #3a5a3e;
	width: 100%;
}

.scb_topMsg_success:before{
    content: url('../img/icon_topMsg_success.png');
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.scb_topMsg_info{
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color:#e3eaf2;
	color: #005682;
	width: 100%;
}

.scb_topMsg_info:before{
	content: url('../img/icon_topMsg_information.png');
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.scb_topMsg_warning{
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color:#f6f8c8;
	color: #a55d00;
	width: 100%;
}

.scb_topMsg_warning:before{
	content: url('../img/icon_topMsg_reminder.png');
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.scb_topMsg_danger{
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color:#f6eef2;
	color: #990000;
	width: 100%;
}

.scb_topMsg_danger:before{
	content: url('../img/icon_topMsg_warning.png');
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1);
}
.navbar-toggler-icon {
    background-image: url('../img/menu.svg');
}

.maincontainer {
	max-width: 1425px;
}

.midcontainer {
	max-width: 1140px;
}

dt::after, .labelUnderDl::after {
  content: ": ";
}

dt:nth-child(4n+3), dt:nth-child(4n+3)+dd{ background-color:rgba(0,0,0,.05); }

dt, .labelUnderDl {
	padding-bottom: .5rem;
	padding-top: .5rem;
	font-weight: bold;
}

dd {
	margin-bottom: 0rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.login.row {
	max-width: 1425px;
	margin: auto;
}

ol.customol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

ol.customol>li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

ol.customol>li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

ol.customol>li {
	margin: 0;
}

ol.customol>li:before {
	content: counters(item, ".") " ";
}

ol.customol li {
	margin-bottom: 0.25rem!important;
}

.security-code {
	background: #ecf2f9;
	padding: 40px;
	border-radius: 10px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
	background-color: rgb(255, 193, 7);
	color: #fff;
	border-radius: .25rem;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
	
}
table.dataTable.dtr-inline.collapsed>tbody>tr.child>td>ul>li>span.dtr-title::after {
	content: ": ";
}
.icon_file {
    min-width: 20px;
}
.icon_file:before{
    content: "";
    background-image: url('../img/icon_file.png');
    width: 20px;
    height: 22px;
    display: inline-block;
}