/*
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
*/
/*body {
	-ms-overflow-style: scrollbar;
	padding: 0;
	margin: 0;
	font-family: 'cwTeXHei', 'Microsoft JhengHei', Arial;
	overflow-x: hidden;
	background: #e7e7e7;
	font-size: 14px;
	line-height: 1.5;
}*/

body {
	-ms-overflow-style: scrollbar;
	padding: 0;
	margin: 0;
	font-family: 'cwTeXHei', 'Microsoft JhengHei', Arial;
	overflow-x: hidden;
    background-color: var(--bg-color);
    color: var(--text-main);
	font-size: 14px;
	line-height: 1.5;
}

header {
	/*position: fixed; 20260730*/
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

html {
	background: #e7e7e7;
}

.left {
	float: left
}

.right {
	float: right;
}

.clear {
	clear: both
}
/*header*/
.nav_menu {
	background-image: -moz-linear-gradient(90deg, rgb(0, 115, 152) 0%,
		rgb(0, 115, 152) 16%, rgb(0, 115, 152) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(0, 115, 152) 0%,
		rgb(0, 115, 152) 16%, rgb(0, 115, 152) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(0, 115, 152) 0%,
		rgb(0, 115, 152) 16%, rgb(0, 115, 152) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	/*margin-bottom: 10px; 20260730 Sam*/
	width: 100%;
	/*height: 50px; 20260730*/
	box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.1);
}

.nav_menu .navbar-nav>li {
	border-left: 1px solid #007398;
}

.nav_menu>nav>a {
	display: block;
	float: left;
	margin-left: 45px;
}

nav .logo {
	height: 50px;
}

nav .stronghold {
	color: #fff;
	padding: 10px 0;
	font-size: 1.3em;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
/* 	width: calc(100% - 565px); */
	line-height: 0.9em;
}

.toggle {
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0;
	padding-top: 13px;
	width: 45px;
}

.toggle a {
	padding-top: 13px;
    padding-bottom: 13px;
    cursor: pointer;
}

.toggle a i {
	font-size: 24px;
	color: #e8e8e8;
	width: 45px;
}

.top_nav .navbar-right {
	margin: 0;
	float: right;
	font-size: 1em; /*20260730 Sam*/
}

.top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover,
	.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, nav>a:hover {
	/*background: #981b1e 20260803 Sam*/
	background: #2F74B5
}

.top_nav .dropdown-menu li a, .navbar-nav .open .dropdown-menu>li>a {
	width: 100%;
	padding: 12px 20px;
}

.dropdown-menu {
	box-shadow: none;
	display: none;
	float: left;
	left: 0;
	list-style: none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 9998;
	/*border: 1px solid #781e23; 20260803 Sam*/
	border: 1px solid #2F74B5;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.navbar-nav .open .dropdown-menu {
	/*position: absolute; 20260730 Sam*/
	/*background: #981b1e; 20260803 Sam*/
	background: #007398;
	margin-top: -1px;
	-webkit-box-shadow: none;
	right: 0;
	/*left: auto; 20260730 Sam*/
	width: 220px;
}
/*end header*/
.pc-p0 {
	padding: 0 !important;
}

.pc-pr0 {
	padding-right: 0 !important;
}

.pc-pl0 {
	padding-left: 0 !important;
}

main {
	margin-top: 50px;
}

/*menu*/
.left_col {
	background: #e8e8e8;
	min-height: calc(100% - 50px);
	padding: 2px 0;
	position: absolute;
	width: 250px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	/* border-top: #b9282d 4px double; */
	background: #faf6f5;
	border-bottom: #b9282d 4px double;
}

.nav.side-menu>li {
	position: relative;
	display: block;
	cursor: pointer;
}

.nav.child_menu {
	display: none;
}

.main_menu span.fa {
	float: right;
	text-align: center;
	margin-top: 5px;
	font-size: 10px;
	min-width: inherit;
	color: #ababab;
}

.main_menu li.active span.fa {
	color: #ababab;
}

.nav.top_menu>li>a, .nav>li>a {
	position: relative;
	display: block
}

.nav.side-menu>li>a>i {
	color: #8c8c8c;
	padding-right: 5px;
	font-size: 18px;
	vertical-align: middle;
}

.nav.side-menu>li.active>a>i {
	color: #1a3a5c;
}

.nav.child_menu>li>a, .nav.side-menu>li>a {
	color: #555;
	font-weight: bold !important;
	margin-bottom: 5px;
}

.nav li li.current-page a, .nav.child_menu li li a.active, .nav.child_menu li li a:hover
	{
	color: #555
}

.nav.child_menu li li.active, .nav.child_menu li li:hover {
	background: 0 0
}

.nav>li>a {
	padding: 15px 13px;
}

.nav.side-menu>li.active, .nav.side-menu>li.current-page {
	border-right: 5px solid #741f21;
}

.nav>li.current-page {
	background: linear-gradient(#222325, #252525), #000;
}

.nav>li.current-page i {
	color: #fff !important;
}

.nav li ul li.current-page {
	background: #1a3a5c
}

.nav li ul li.current-page a {
	color: #fff;
}

.nav li li li.current-page {
	background: 0 0
}

.navbar-brand, .navbar-nav>li>a, .site_title {
	color: #ECF0F1 !important;
	margin-left: 0 !important
}

.nav.side-menu>li.active>a {
	background: #f1f1f1;
}

.navbar-brand, .navbar-nav>li>a {
	font-weight: 500;
	line-height: 18px;
	height: 50px;
}

.nav.navbar-nav>li>a {
	color: #fff !important
}

.nav.top_menu>li>a {
	padding: 10px 15px;
	color: #34495E !important
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent
}

.nav.child_menu>li>a {
	color: #555;
	padding: 9px
}

.nav.child_menu>li>a:hover {
	color: #555 !important;
}

.navbar-nav .open .dropdown-menu.msg_list {
	width: 300px
}

.nav.child_menu li {
	padding-left: 30px;
}

.nav.child_menu li:hover {
	background: #1a3a5c;
}

.nav.child_menu li:hover a {
	color: #fff !important;
}

.nav.child_menu li li:hover a {
	color: #f28872 !important;
}

.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2,
	.x_title h2, table.tile_info td p {
	overflow: hidden
}

.menu_section {
	margin-bottom: 15px;
}

.nav.child_menu li.active {
	background: #d9d9d9;
}
/*end menu*/

/**************內容框-題材樣式**************/
.page-title {
	padding: 0px;
	line-height: 1.1em;
	letter-spacing: -1px;
	display: block;
	color: #666;
	margin: 0 0 15px 0;
	font-weight: normal;
}

.main_content {
	/*margin-top:100px; 20260730 Sam*/
	margin-left: 250px;
	background: #fefefe;
	padding: 10px;
	min-height: calc(100vh - 134px);
	height: 100%;
}

.main_content > .row {
	margin-left: -10px;
	margin-right: -10px;
}

.non_members.main_content {
	min-height: calc(100vh - 94px);
}

.panel_toolbox {
	float: right;
	min-width: 25px;
	margin-right: 0;
	cursor: pointer;
}

.panel_toolbox>li>a {
	padding: 5px;
	color: #C5C7CB;
	font-size: 14px;
}

.timeline h2.title {
	position: relative;
	font-size: 1.3em;
	margin: 0;
	padding-bottom: 5px;
}

.timeline.widget .block {
	margin-left: 5px;
}

.timeline .block {
	margin: 0 0 0 105px;
	border-left: 3px solid #e8e8e8;
	overflow: visible;
	padding: 10px 15px;
}

.timeline h2.title:before {
	content: "";
	position: absolute;
	left: -23px;
	top: 3px;
	display: block;
	width: 14px;
	height: 14px;
	border: 3px solid #d2d3d2;
	border-radius: 14px;
	background: #f9f9f9;
}

.byline, .panel-body .byline a {
	font-style: italic;
	color: blue;
}

.collapse-panel {
	display: inline-block;
	width: calc(100% - 30px);
}

.panel-title {
	font-size: 1.3em;
}

.panel-link {
	cursor: pointer;
}

.panel-body .byline, .panel-body .byline a {
	color: #333;
}

.panel-heading a i {
	color: #878787
}

.panel-primary a i {
	color: #fff;
}

.badge-default {
	background-color: #999 !important;
}

.badge-success {
	background-color: #3cc051 !important;
}

.badge-danger {
	background-color: #ed4e2a !important;
}

.badge-warning {
	background-color: #fcb322 !important;
}

.badge-info {
	background-color: #57b5e3 !important;
}

address {
	margin-bottom: 0px;
}

.well.well-success {
	background-color: #ebfcee;
}

.well.well-info {
	background-color: #e8f6fc;
}

.well.well-danger {
	background-color: #faeae6;
}

.well.well-warning {
	background-color: #fcf3e1;
}

.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: #428bca;
}

.btn-success.btn-outline {
	color: #5cb85c;
}

.btn-info.btn-outline {
	color: #5bc0de;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
}

.btn-danger.btn-outline {
	color: #d9534f;
}

.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: white;
}

.btn-primary.btn-outline.disabled {
	color: #428bd3;
	background-color: #fff;
	border-color: #428bd3;
}

.btn-success.btn-outline.disabled {
	color: #5cb85c;
	background-color: #fff;
	border-color: #5cb85c;
}

.btn-info.btn-outline.disabled {
	color: #46b8da;
	background-color: #fff;
	border-color: #46b8da;
}

.btn-warning.btn-outline.disabled {
	color: #eea236;
	background-color: #fff;
	border-color: #eea236;
}

.btn-danger.btn-outline.disabled {
	color: #d43f3a;
	background-color: #fff;
	border-color: #d43f3a;
}

.dropdown-checkboxes label {
	display: block;
	font-weight: 300;
	color: #333;
	margin-bottom: 4px;
	margin-top: 4px;
}

.dropdown-checkboxes {
	padding: 5px;
}

.dropdown-menu>li>a {
	padding: 8px 20px;
}

.tabs-left>.nav-tabs {
	float: left;
	border-right: 1px solid #ddd;
}

.tabs-left .tab-content {
	padding: 0 0 0 8px;
}

.tab-content {
	padding: 8px 0px;
	overflow: hidden;
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
	float: none;
}

.nav-tabs>li {
	margin-bottom: -1px;
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover,
	.tabs-left>.nav-tabs .active>a:focus {
	border-right: 1px solid #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.nav-tabs>li>a {
	background-color: #337ab7;
	border-top: 3px solid #2e6da4;
	border-bottom: 1px solid #1d4b74;
	border-left: 1px solid #2e6da4;
	border-right: 1px solid #2e6da4;
	padding: 5px 8px;
	color: #fff;
}

.nav.nav-tabs>li>a:focus, .nav.nav-tabs>li>a:hover {
	background-color: #286090
}

.nav-tabs>li>a:hover {
	border-color: #2e6da4 #2e6da4 #2e6da4;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #286090;
	border-color: #337ab7;
}

.tabs-left>.nav-tabs>li>a {
	margin-right: -2px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-left: 3px solid #f4f4f4;
	border-right: 1px solid #dddddd;
}

.nav-tabs {
	border-bottom: 1px solid #286090;
}



.btn {
	padding: 1px 12px;
}

.panel-body {
	padding: 10px;
}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #fff;
	cursor: default;
	background-color: #286090;
	border: 1px solid #204d74;
	border-bottom-color: transparent;
}

label .red, .red {
	color: red
}

label span.required-em-before:before, label span.required-em-after:after
	{
	content: "！";
	color: red
}

label span.required-star-before:before, label span.required-star-after:after
	{
	content: "*";
	color: red;
	margin: 0 2.5px;
	vertical-align: middle;
}

.radio-list label, .checkbox-list label {
	display: block;
	height: 20px;
	margin: 6px 0 0 17px;
	text-align: left;
	vertical-align: top;
}

.radio-list input, .checkbox-list input {
	display: block;
	margin: 2px 0 -15px -17px;
}

.radio-list label.radio-inline, .checkbox-list label.checkbox-inline {
	display: inline-block;
	height: 20px;
	margin: -4px 15px 0 -3px;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
}

.input-group .form-control {
	z-index: 0;
}

.instructions_short {
	width: 70%;
	margin: 0 auto
}

.dropdown-menu li>a {
	padding: 6px 0 6px 13px;
	color: #fff;
	text-decoration: none;
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	white-space: nowrap;
}

.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover
	{
	text-decoration: none;
	background-image: none;
	background-color: #2F74B5;
	color: #fff;
	filter: none;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 5px;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropup .dropdown-submenu>.dropdown-menu {
	top: auto;
	bottom: 0;
	margin-top: 0;
	margin-bottom: -2px;
}

.dropdown-submenu>a:after {
	position: absolute;
	display: inline-block;
	font-size: 15px;
	right: 7px;
	top: 7px;
	font-family: fontawesome;
	height: auto;
	content: "\f105";
	font-weight: 300;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.form-horizontal .control-label {
	padding-top: 0;
}

/*.form-control {
	height: 24px;
	padding: 0 12px;
}*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 1px 8px;
}

.form_left .control-label {
	text-align: left;
}

.form_right .control-label {
	text-align: right;
}

.col-md-6-3 {
	width: 12.5%;
}

.col-md-6-9 {
	width: 87.5%;
}

.gray_bg {
	background: #eee;
}

.pages_textof {
	padding: 0 20px;
}

.inline {
	display: inline-block;
}

.middle {
	vertical-align: middle;
}

.pages_input {
	width: calc(100% - 200px);
	min-width: 90px;
}

.pages_text input[type="text"] {
	border: none;
	text-align: center;
	padding: 0;
	width: 100%;
}

.pagination select {
	border: none;
	text-align: center;
	padding: 0;
	width: 100%;
	margin: -2px;
	min-width: 100px;
}

.blue_select {
	padding: 4px 12px;
	color: #337ab7;
	border: 1px solid #ddd;
}

.pages {
	padding: 0 20px 10px 0;
}

.select_blue {
	color: #337ab7;
}

.modal-content hr {
	margin: 0;
	border-top: 1px solid #e5e5e5;
}

.modal-header {
	border-bottom: none;
	/*	border-bottom: 1px solid #e5e5e5;*/
}

.modal-body {
	padding: 10px;
}

.modal-footer {
	padding: 5px 10px 5px 10px;
}

.table input[type="text"] {
	width: 100%;
}

.table input[type="checkbox"], .table input[type="radio"] {
	margin-right: 5px
}

.conditions {
	display: none;
}

form.form_list .form-body .form-group {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
}

.form-group {
	margin-bottom: 1px;
}

.togglebox ul, .togglebox li {
	padding: 0;
	margin: 0;
	list-style: none
}

.accordionPart {
	padding: 5px;
	margin-top: -20px
}

.qa_title {
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0 0 5px 0;
}

.qa_content {
	border: 1px solid #ddd;
	padding: 15px;
	margin-top: -6px;
	margin-bottom: 5px;
}

.text_button input[type="text"] {
	width: calc(100% - 60px);
	display: inline-block;
}

.blue_check input[type=checkbox]:not(old), .gray_check2 input[type=checkbox]:not(old),
	.red_radio input[type=radio]:not(old), .blue_radio input[type=radio]:not(old),
	.gray_check input[type=checkbox]:not(old) {
	width: 21px;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

.blue_check input[type=checkbox]:not(old)+label {
	display: inline-block;
	margin-left: -31px;
	padding-left: 28px;
	line-height: 22px;
	background: url('../images/check.png') no-repeat 0 0;
	height: 22px;
	max-width: 90%;
}

.blue_check input[type=checkbox]:not(old):checked+label {
	background-position: 0 -26px;
}

.blue_radio input[type=radio]:not(old)+label {
	display: inline-block;
	margin-left: -28px;
	padding-left: 28px;
	line-height: 22px;
	background: url('../images/radio.png') no-repeat 0 -1px;
	height: 22px;
	max-width: 90%;
}

.blue_radio input[type=radio]:not(old):checked+label {
	background-position: 0 -28px;
}
/****************end 內容框-題材樣式**************/

/*上傳*/
.input-file-container {
	position: relative;
	/*  width: 225px;*/
}

.js .input-file-trigger {
	display: block;
	padding: 10px 0;
	color: #fff;
	font-size: 1em;
	transition: all .4s;
	cursor: pointer;
	border-bottom: 1px solid #2d618c;
	text-align: center;
	background: #478fca;
}

.js .input-file {
	position: absolute;
	opacity: 0;
	cursor: pointer;

	/*
  top: 0; left: 0;
  width: 225px;
  padding: 10px 0;
*/
}

.js .input-file:hover+.input-file-trigger, .js .input-file:focus+.input-file-trigger,
	.js .input-file-trigger:hover, .js .input-file-trigger:focus {
	background: #000;
	color: #d70b17;
}

.file-return {
	margin: 0;
}

.file-return:not(:empty) {
	margin: 5px 0;
}
.js .file-return {
	font-style: italic;
	font-size: .9em;
	font-weight: bold;
}

.js .file-return:not(:empty):before {
	content: "File: ";
	font-style: normal;
	font-weight: normal;
}

.txtcenter {
	margin-top: 4em;
	font-size: .9em;
	text-align: center;
	color: #aaa;
}

.copy {
	margin-top: 2em;
}

.copy a {
	text-decoration: none;
	color: #1ABC9C;
}
/*上傳*/

/*上傳2*/
.file-upload {
	position: relative;
	overflow: hidden;
	border-radius: 3px !important;
	background: #478fca;
	text-transform: uppercase;
	border: none !important;
	box-shadow: none !important;
	color: #fff !important;
	text-shadow: none;
	padding: 5px 10px !important;
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	margin-top: 3px;
}

.file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

#fileuploadurl {
	display: inline-block;
	border: none;
	vertical-align: middle;
	background: none;
	box-shadow: none;
	padding-left: 0;
	width: 220px;
	padding-right: 0;
}
/*上傳2*/

/*按鈕修改樣式*/
.btn-default:hover {
	background: #959595;
	color: #fff;
}

.btn-deafult:hover, .btn-deafult:focus, .btn-deafult.focus, .btn-deafult:active,
	.btn-deafult.active, .open>.dropdown-toggle.btn-deafult {
	color: #fff;
	background-color: #959595;
}

.btn-info {
	color: #fff;
	background-color: #349d93;
	border-color: #2a857c;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active,
	.btn-info.active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #2b837b;
	border-color: #267971;
}

.btn-outline.btn-info {
	background-color: transparent;
	transition: all .5s;
	color: #2a857c;
}

.btn-outline.btn-info:hover {
	background-color: #2a857c;
	color: #fff;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info,
	.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover,
	.btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus,
	.btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus,
	.btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active,
	.btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active
	{
	background-color: #2b837b;
	border-color: #267971;
}
/*end 按鈕修改樣式*/

/*login*/
.login {
	background: #f8f8f8 url(../images/home.jpg) no-repeat 20%;
	background-size: cover;
	min-height: 100vh;
}

.login.login2 {
	background: #f8f8f8 url(../images/home.jpg) no-repeat 20%;
	background-size: cover;
}

.login main {
	margin-top: 0;
}

.login_wrapper {
	right: 0;
	margin: 5% auto 0;
	width: 30%;
	position: relative;
	min-width: 320px;
	max-width: 400px;
}

.login_form {
	background: rgba(255,255,255,0.7);
	padding: 10px 25px;
	border-radius: 10px;
/* 	margin: 0 15px; */
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

.login_form, .registration_form {
	position: absolute;
	top: 0;
	width: 100%;
/* 	width: calc(100% - 30px); */
}

.registration_form {
	z-index: 21;
	opacity: 0;
	width: 100%
}

.login_form {
	z-index: 22
}

#signin:target ~.login_wrapper .login_form, #signup:target ~.login_wrapper .registration_form
	{
	z-index: 22;
	animation-name: fadeInLeft;
	animation-delay: .1s
}

#signin:target ~.login_wrapper .registration_form, #signup:target ~.login_wrapper .login_form
	{
	animation-name: fadeOutLeft
}

.animate {
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .5s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-o-animation-duration: .5s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	-ms-animation-duration: .5s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .5s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.login_box {
	padding: 20px;
	margin: auto
}

.alignleft {
	margin-right: 15px
}

.alignright {
	float: right;
	margin-left: 15px
}

.login_content {
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	text-align: center;
	min-width: 250px;
	color: #070606;
}

.login_content a:hover {
	text-decoration: underline
}

.login_content h2 {
	letter-spacing: -.05em;
	line-height: 20px;
	margin: 10px 0 15px;
}

.login_content h2:after, .login_content h2:before {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 20%
}

.login_content form {
	margin: 20px 0 15px;
	position: relative
}

.login_content form input[type=text], .login_content form input[type=email],
	.login_content form input[type=password] {
	border-radius: 3px;
	color: #777;
	margin: 0 0 15px;
	width: 100%
}

.login_content form input[type=text]:focus, .login_content form input[type=email]:focus,
	.login_content form input[type=password]:focus {
	background-color: #fff;
	outline: 0
}

.login_name {
	margin: 0 0 20px;
	font-weight: bold;
	color: #017c8e;
	font-size: 22px;
}

.login_name span {
	display: block;
	font-size: 12px;
	line-height: 25px;
}

#username {
	background-position: 10px 10px !important
}

#password {
	background-position: 10px -53px !important
}

.reset_pass {
	display: block;
	text-align: left;
	color: #070606;
	margin-top: 10px;
}

.reset_pass:hover {;
	color: #070606;
	text-decoration: underline;
}

.separator {
	/*	border-top: 1px solid #888888;*/
	padding-top: 0;
	margin-top: 50px;
}

.login_content .btn-default {
	width: 100%;
	margin-top: 10px;
	background: #dddddd;
	color: #000;
}

.verification {
	text-align: left
}

.verification span {
	font-size: 0.8em;
	padding-left: 10px;
}

.login_content form .verification input[type=text] {
	width: calc(100% - 105px);
	display: inline-block;
	margin: 0;
}

.login_content .verification .btn-default {
	width: 100px;
	margin-top: 0;
	vertical-align: bottom;
	background: #f8f8f8;
	color: #000;
}

.verification>div {
	margin-top: 10px;
}

.login_content .btn-default.login_btn {
	background: #017c8e;
	border-color: #017c8e;
	color: #fff;
}

.login_content .btn-default.login_btn:hover {
	background: #017c8e;
}

.login_content .btn-default.login_btn:hover, .login_content .btn-default:hover
	{
	text-decoration: none;
}

.p0 {
	padding: 0;
}

.login_content label {
	
}
/*end login*/

/*table*/
/*table th {
	background-image: -moz-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	color: #000;
	border: 1px solid #fff !important;
	
}*/

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
	.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #fff;
}

table tr:nth-child(even) {
	background: #f8fafc;
}

.rwd-table th {
	text-align: center
}

.rwd-table td:before {
	display: none;
}

.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
}

.rwd-table th:first-child, .rwd-table td:first-child {
	padding-left: 0;
}

.rwd-table th:last-child, .rwd-table td:last-child {
	padding-right: 0;
}

.rwd-table th, .rwd-table td {
	padding: 0.5em !important;
	border: 1px solid #dddddd;
}

.rwd-table tr:nth-of-type(2n) {
	background: #eee;
}

.rwd-table th, .rwd-table td:before {
	font-weight: bold;
}

.rwd-table {
	min-width: 100%;
}

.dataTables_filter {
	text-align: right;
}

.table-scrollable {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #dddddd;
	margin: 10px 0 !important;
}

.table-scrollable td {
	min-width: 120px
}
/*end table*/

/*日期*/
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th,
	.table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td,
	.table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
	text-align: center;
}

.datepicker .active {
	background-color: #4b8df8;
	filter: none;
	color: #fff;
	border-radius: 4px;
}

.datepicker .active:hover {
	background-color: #4684e8 !important;
}

.datepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer;
	border-radius: 4px;
}

.datepicker table tr td.old, .datepicker table tr td.new {
	color: #999999;
}

.table-condensed {
	margin: 0 auto
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker-months, .datepicker-years {
	max-width: 230px;
	margin: 0 auto;
}
/*end 日期*/

/*必填*/
th span.required-em-before:before, th span.required-em-after:after {
	content: "！";
	color: red
}

th span.required-star-before:before, th span.required-star-after:after {
	content: "*";
	color: red;
	margin: 0 2.5px;
}
/*end 必填*/
.mr10 {
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.visible-xs-block {
		display: block !important;
	}
}

@media screen and (max-width: 991px) {
	/*nav*/
	.col-md-2.left_col {
		margin-top: -50px;
		margin-left: -250px;
		min-height: 100%;
		z-index: 2 !important;
	}
	.open_nav {
		margin-left: 0 !important;
	}
	.open_header, .open_content {
		/*margin-left: 250px !important; 20260730 Sam*/
		margin-left: 0px !important; 
	}
	/*end nav*/
	.main_content {
		margin-left: 0;
	}
	.col-md-6-3, .col-md-6-9 {
		width: auto;
	}
	.visible-sm-block {
		display: block !important;
	}
	.pc-p0 {
		padding: 0 15px;
	}
	footer {
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 1199px) {
	.visible-md-block {
		display: block !important;
	}
}

@media screen and (min-width: 992px) {
	/*nav*/
	.nav-sm ul.nav.child_menu li:before, .nav-sm ul.nav.child_menu li:after
		{
		display: none;
	}
	.nav-sm .col-md-2.left_col {
		min-height: calc(100% - 50px);
		width: 80px;
		padding: 0;
		z-index: 1;
		position: absolute
	}
	.nav-sm .col-md-2.left_col.menu_fixed {
		position: fixed;
		height: 100%
	}
	.nav-sm .col-md-2.left_col .mCSB_container, .nav-sm .col-md-2.left_col .mCustomScrollBox
		{
		overflow: visible
	}
	.nav-sm .hidden-small {
		visibility: hidden
	}
	.nav-sm .right_col {
		padding: 10px 20px;
		margin-left: 70px;
		z-index: 2
	}
	.nav-sm .navbar.nav_title {
		width: 70px
	}
	.nav-sm .navbar.nav_title a span {
		display: none
	}
	.nav-sm .navbar.nav_title a i {
		font-size: 27px;
		margin: 13px 0 0 3px
	}
	.nav-sm .main_container .top_nav {
		display: block;
		margin-left: 70px;
		z-index: 2
	}
	.nav-sm .nav.side-menu li a {
		text-align: center !important;
		font-weight: 400;
		padding: 10px 5px
	}
	.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
		border-right: 5px solid #1a3a5c;
	}
	.nav-sm .nav.side-menu li.active-sm ul ul, .nav-sm ul.nav.child_menu ul
		{
		position: static;
		width: 200px;
		background: 0 0;
		display: block !important;
	}
	.nav-sm>.nav.side-menu>li.active-sm>a {
		color: #1ABB9C !important color: #555
	}
	.nav-sm .nav.side-menu li a i.toggle-up {
		display: none !important
	}
	.nav-sm .menu_section h3, .nav-sm .profile, .nav-sm .menu_section span.fa
		{
		display: none
	}
	.nav-sm .nav.side-menu li a i {
		font-size: 25px !important;
		text-align: center;
		width: 100% !important;
		margin-bottom: 5px
	}
	.nav-sm ul.nav.child_menu {
		left: 100%;
		position: absolute;
		top: 0;
		width: 212px;
		z-index: 4000;
		background: #f1f1f1;
		display: none;
		overflow-y: auto;
		max-height: 401%;
	}
	.nav-sm ul.nav.child_menu li {
		padding: 0 10px;
	}
	.nav-sm ul.nav.child_menu li:hover {
		background: #1a3a5c;
	}
	.nav-sm ul.nav.child_menu li:hover a {
		color: #fff !important;
	}
	.nav-sm ul.nav.child_menu li a {
		text-align: left !important
	}
	.nav-sm .menu_section {
		margin: 0
	}
	.nav-sm li li span.fa {
		display: inline-block
	}
	.nav-sm .nav.side-menu>li.active, .nav-sm .nav.side-menu>li.current-page
		{
		border-right: none
	}
	/*end nav*/
	.open_header {
		margin-left: 0 !important;
	}
	.open_content {
		/*margin-left: 80px !important; 20260730 Sam*/
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 1200px) {
	.visible-lg-block {
		display: block !important;
	}
}

input[type=radio], input[type=checkbox] {
	margin-top: 0;
	margin-right: 5px;
}

tr.white_bg {
	background: #fff !important;
}

/*兆陽-履保*/
.welcomePic {
	padding: 10% 0 0;
}

.welcomePic img {
	width: 80%;
	max-width: 700px;
	min-width: 300px;
}

.login_logo {
	/*
	position: absolute;
    right: 20px;
    top: 25px;
*/
	width: 185px;
}

.panel-default {
	border-top: solid 1px #bbc2ca;
	border-bottom: solid 1px #bbc2ca;
}

.panel-default {
	border-color: #bbc2ca;
}

.panel-title {
	font-size: 1.3em;
	font-weight: bold;
}

.stronghold_en {
	font-size: 12px;
	color: #fff;
}

.badge {
	color: #981b1e;
	background-color: #fff;
	margin-left: 3px;
	padding: 3px 4px;
    display: inline-block;
    vertical-align: top;
    float: none !important;
}

.btn-primary {
	color: #fff;
	/*background-color: #8d1c1f;
	border-color: #8d1c1f; 20260803 Sam*/
	background-color: #2F74B5;
	border-color: #2F74B5;
	
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active,
	.btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #0E223B;
	border-color: #0E223B;
}

.btn-primary-other {
	color: #fff;
	/*background-color: #8d1c1f;
	border-color: #8d1c1f; 20260803 Sam*/
	background-color: #FF7A00;
	border-color: #FF7A00;
	
}

.btn-primary-other:hover, .btn-primary-other:focus, .btn-primary-other.focus, .btn-primary-other:active,
	.btn-primary-other.active, .open>.dropdown-toggle.btn-primary-other {
	color: #fff;
	background-color: #ffb000;
	border-color: #ffb000;
}



table th a, table th a:visited {
	color: #000;
}

table a, table a:visited {
	/*color: #8d1c1f; 20260803 Sam*/
	color: #1a3a5c;
	text-decoration: underline;
}

table a:hover, table a:active {
	color: #000;
}

.blue_select, .select_blue {
	color: #232728;
}

.btn-danger {
	color: #fff;
	background-color: #d8343a;
	border-color: #d8343a;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active,
	.btn-danger.active, .open>.dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #f13349;
	border-color: #f13349;
}
/*p3*/
.non_members {
	margin-top: 50px;
}

.open_content.non_members, .non_members {
	margin-left: 0 !important;
}

.nav_menu>nav>a.non_membersLogo {
	margin-left: 0;
}

/*p3*/
footer {
/* 	background: #e8e8e8;  */
	padding: 10px 0;
	margin-left: 80px;
	font-size: 14px;
}

footer.non_membersFooter {
	margin-left: 0;
}
/*step*/
.form-steps {
	display: block;
	width: 100%;
	position: relative;
	margin: 20px 0 10px;
}

.form-steps:after {
	content: "";
	display: table;
	clear: both;
}

.stepItem {
	padding: 0;
	position: relative;
	display: block;
	float: left;
	width: calc(100%/ 6);
	text-align: center;
}

.stepContent {
	display: inline-block;
}

.stepNumber {
	background: #eceff1;
	color: #1c2021;
	display: block;
	border-radius: 100%;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto 0 auto;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	z-index: 2;
}

.stepText {
	font-size: 14px;
	font-weight: bold;
}

.stepLine {
	display: inline-block;
	height: 3px;
	width: 100%;
	background: #cfd8dc;
	float: left;
	position: absolute;
	left: -50%;
	top: 12px;
	z-index: 1;
}

.stepItemActive .stepNumber {
	background: #da3347;
	color: #ffffff;
}

.stepItemActive .stepLine {
	background: #da3347;
}

.stepItemCompleted .stepText {
	color: #1c2021;
}

.stepItemCompleted .stepNumber {
	background: #da3347;
	color: #fff;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 25px;
	line-height: 25px;
}

.stepItemCompleted .stepLine {
	background: #da3347;
}

/*step*/
.panel-default>.panel-heading {
	color: #555;
	background-color: #e8e8e8;
	border-color: #e8e8e8;
}
/*end 兆陽-履保*/

/*selectMove*/
.selectMove select {
	float: left;
	width: calc(( 100% - 80px)/2);
	height: 200px;
	border-radius: 5px;
	margin: 0 5px;
}

.selectMoveBtn {
	float: left;
	width: 50px;
	margin-top: 30px;
}

.selectMoveBtn input {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
	color: #fff;
	background-color: #8d1c1f;
	border-color: #8d1c1f;
	border: 1px solid transparent;
}

.select2-container {
	width: 100% !important;
}
/*end selectMove*/
.btnSuccess {
	font-size: 25px;
	color: #8d1c1f;
	vertical-align: bottom;
	margin-right: 10px;
}

.btnFailure {
	font-size: 25px;
	color: #8c8c8c;
	vertical-align: bottom;
	margin-right: 10px;
}

.modal-dialog {
	margin: 50vh auto 0;
	transform: translateY(-50%) !important;
}

.announcementTitle {
	font-weight: bold;
}

.announcementTitle span {
	margin-right: 10px;
}

/*新手上路*/
.flowChart {
	width: 50%;
	margin: 0 auto;
}

.flowChart>div .square>a {
	background-image: -moz-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	display: inline-block;
	color: #000;
	width: 120px;
	height: 120px;
	position: relative;
}

.flowChart>div .square>a:hover {
	background-image: -moz-linear-gradient(90deg, rgb(223, 224, 226) 0%,
		rgb(219, 220, 222) 43%, rgb(211, 212, 214) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(223, 224, 226) 0%,
		rgb(219, 220, 222) 43%, rgb(211, 212, 214) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(223, 224, 226) 0%,
		rgb(219, 220, 222) 43%, rgb(211, 212, 214) 100%);
}

.flowChart>div a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
}

.flowChart>div .chartFillet.square>a {
	border-radius: 15px;
}

.flowChart>div .chartDiamond.square>a {
	transform: rotate(45deg);
	margin: 20px;
}

.flowChart>div .chartDiamond.square>a span {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.flowChart ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.flowChart ul li {
	border-bottom: 1px solid #d3d4d6;
}

.flowChart ul li:last-of-type {
	border-bottom: none;
}

.chartFillet, .chartSquare, .chartDiamond {
	position: relative;
	display: inline-block;
}

.flowChart .dropdown-menu {
	background: #f1f1f1;
	border: 1px solid #d3d4d6;
	color: #555;
	border-radius: 0;
	z-index: 1;
}

.flowChart .dropdown-menu a {
	color: #555;
	padding: 6px 13px;
	white-space: inherit;
}

.redFont {
	/*color: #b8282c !important;*/
}

.blueFont {
	color: #2977db !important;
}

.flowChart .redFont:hover {
	color: #fff !important;
}

.greenFont {
	color: #006700 !important;
	font-weight: bolder;
}

.brownFont {
	color: #925922 !important;
	font-weight: bolder;
}
/*end 新手上路*/

/*展開收合*/
.bg-gray {
	/*color: #8d1c1f; 20260803 Sam */
	color: #ffffff;
	border-radius: 0;
	background: #f5ebea;
	background: -moz-linear-gradient(left, #ffffff 0%, #f5ebea 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #f5ebea 100%);
	/*background: linear-gradient(to right, #ffffff 0%, #f5ebea 100%);20260803 Sam*/
	background: linear-gradient(to right, #1A3A5C 0%, #1A3A5C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f5ebea', GradientType=1);
}

.collapseData a i.fa-chevron-down {
	right: 5px;
	left: auto;
	font-size: 18px;
	margin-right: 10px;
/* 	-webkit-transform: rotate(360deg); */
/* 	-ms-transform: rotate(360deg); */
/* 	-o-transform: rotate(360deg); */
/* 	transform: rotate(360deg); */
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.collapseData a.open i.fa-chevron-down {
	top: 40%;
	left: auto;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.collapseData a, .collapseData a:hover {
	text-decoration: none;
}

.collapseData {
	margin-bottom: 10px;
	/*border: 1px solid #e9e9e9;
	background: #f5f5f5;*/\
	border: 1px solid #f3f4f6;
	background:	#f9fafb;
}

.collapseDataTitle a {
	padding: 5px 10px;
	display: block;
	margin: 0 15px;
	font-size: 18px;
}

.collapseDataContent {
	border-top: 1px solid #e9e9e9;
	padding: 10px 15px;
	background: #fff;
	display: none;
}
/*end 展開收合*/
.boxStyle {
	padding: 10px;
	/*border: 1px solid #ddd;
	background: #eee;*/
	border: 1px solid #f3f4f6;
	background: #f9fafb;
	
	position: relative;
	margin: 5px 0 20px;
	
	
}

.boxTitle {
	font-weight: bold;
	padding: 2px 5px;
	/*color: #8d1c1f; 20260803 Sam*/
	color: #ffffff;
	display: inline-block;
	background: #f5ebea;
	background: -moz-linear-gradient(left, #ffffff 0%, #f5ebea 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #f5ebea 100%);
	/*background: linear-gradient(to right, #ffffff 0%, #f5ebea 100%); 20260803 Sam*/
	background: linear-gradient(to right, #1a3a5c 0%, #1a3a5c 100%);
}

.bgWhite {
	background: #fff !important;
}

.tableHr {
	border-top: 2px solid #ddd;
	margin: 6px -10px;
	border-bottom: none;
}

.table>tbody+tbody {
	border-top: none;
}

.dib {
	display: inline-block;
}

.hrStyle {
	border-top: 1px solid #e5e5e5;
	border-bottom: 0;
	margin: 10px 0;
}

.pagesArea {
	position: relative;
}

.pagesArea a {
	position: relative;
	color: #8d1c1f;
}

.pagesArea a.active {
	text-decoration: underline;
}

.pagesBtn {
	position: absolute;
	right: 15px;
	bottom: 0;
}

.checkbox-icon ul {
	padding: 0 0 0 10px;
}

.checkbox-icon ul, .checkbox-icon li {
	margin: 0;
	list-style-type: none;
}

.checkbox-icon {
	width: 100%;
	margin-bottom: 5px;
}

.checkin_tbt {
	width: calc(100%/ 2);
	float: left;
	text-align: center;
	background-color: #c43e43;
	border-right: 1px solid #85070f;
	border-bottom: 1px solid #85070f;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}

.checkin_tbt a {
	color: #fff;
	display: block;
	padding: 5px;
}

.checkin_tbt a:hover {
	background-color: #c12b30;
	color: #fff;
	text-decoration: none
}

.checkin_tbt a span {
	margin-right: 5px;
	display: inline-block;
	font-size: 15px;
}

.bgGray {
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #e9e9e9;
	background: #f5f5f5;
}

.bgGrayIn {
	padding: 10px 15px;
	margin: 5px 0;
	border: 1px solid #d9d9d9;
	background: #e5e5e5;
}

.bgGrayIn .hrStyle {
    border-top: 1px solid #d5d5d5;
}

.blockBtn {
	font-size: 18px;
	color: #333;
	display: block;
}

.blockBtn i {
	vertical-align: inherit;
}

.blockBtn:hover {
	text-decoration: none;
	color: #333;
}

.areaPadding {
	padding: 0 1rem;
}

.underline {
	text-decoration: underline;
}

.noUnderLine {
	text-decoration: none;
}

.mb5 {
	margin-bottom: 5px;
}

.mb0 {
	margin-bottom: 0;
}

.overflow {
	overflow: hidden;
}

/*新增一筆*/
.addNewBtn {
	font-size: 14px;
	padding: 0 5px;
	border-top: 1px solid #e0a0a1;
	border-bottom: 1px solid #e0a0a1;
	margin-bottom: 10px;
	display: inline-block;
}

.addNewBtn:hover, .addNewBtn:active, .addNewBtn:visited, .addNewBtn:focus
	{
	text-decoration: none !important;
	font-weight: bold;
	background: #eee;
}

.addNewBtn i {
	padding-right: 3px;
}

.mb10 {
	margin-bottom: 10px;
}
/*end 新增一筆*/

/*提示閃爍*/
.text_danger {
	color: red;
	-webkit-animation: colorchange 0.3s infinite alternate;
	animation: colorchange 0.3s infinite alternate;
}

.bg_danger {
	background: #fff;
	-webkit-animation: bgchange 0.3s infinite alternate;;
	animation: bgchange 0.3s infinite alternate;;
	color: #981b1e !important
}

.abrt {
	position: absolute;
	right: -10px;
	top: -9px;
	background: yellow;
	border-radius: 10px;
	font-size: 12px;
	padding: 3px 4px;
}

.por {
	position: relative;
}

@-webkit-keyframes colorchange { 
	0% {
		color: #FFFF00;
	}

	100% {
		color: #D60B17;
	}
}
@-webkit-keyframes bgchange {
	0% {
		background: #fff;
	}

	100% {
		background: yellow;
	}
}
@keyframes colorchange { 
	0% {
		color: #FFFF00;
	}

	100% {
		color: #D60B17;
	}
}
@keyframes bgchange {
	0% {
		background: #fff;
	}

	100% {
		background: yellow;
	}
}
/*end 提示閃爍*/

/*語系*/
.topMobileIcon {
	font-size: 16px;
}

.purpleBar .nav_menu {
	background-image: -moz-linear-gradient(90deg, rgb(126, 80, 172) 0%,
		rgb(143, 89, 177) 16%, rgb(171, 113, 207) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(126, 80, 172) 0%,
		rgb(143, 89, 177) 16%, rgb(171, 113, 207) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(126, 80, 172) 0%,
		rgb(143, 89, 177) 16%, rgb(171, 113, 207) 100%);
}

.purpleBar .nav_menu .navbar-nav>li {
	border-left: 1px solid #ceabf1;
}

.purpleBar.top_nav .nav .open>a, .purpleBar.top_nav .nav .open>a:focus,
	.purpleBar.top_nav .nav .open>a:hover, .purpleBar.top_nav .nav>li>a:focus,
	.purpleBar.top_nav .nav>li>a:hover {
	background: #683499;
}

.purpleBar .navbar-nav .open .dropdown-menu {
	background: #683499;
}

.purpleBar .dropdown-menu li>a:hover, .dropdown-menu .active>a,
	.purpleBar .dropdown-menu .active>a:hover {
	background-color: #9668c3;
}

.purpleBar .dropdown-menu {
	border: 1px solid #8156b2;
}

.purpleBar .badge {
	color: #3a2058;
}
/*end 語系*/

/*區域*/
.blueArea {
	background: #bfcce8;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #9f9f9f;
}

.blueArea .table-bordered, .blueArea .table-bordered>thead>tr>th,
	.blueArea .table-bordered>tbody>tr>th, .blueArea .table-bordered>tfoot>tr>th,
	.blueArea .table-bordered>thead>tr>td, .blueArea .table-bordered>tbody>tr>td,
	.blueArea .table-bordered>tfoot>tr>td, .greenArea .table-bordered,
	.greenArea .table-bordered>thead>tr>th, .greenArea .table-bordered>tbody>tr>th,
	.greenArea .table-bordered>tfoot>tr>th, .greenArea .table-bordered>thead>tr>td,
	.greenArea .table-bordered>tbody>tr>td, .greenArea .table-bordered>tfoot>tr>td
	{
	border: none !important
}

.blueArea table tr:nth-child(even), .blueArea table tr:hover, .blueArea table th,
	.greenArea table tr:nth-child(even), .greenArea table tr:hover,
	.greenArea table th {
	background: none !important;
}

.blueArea .tableHr, .greenArea .tableHr {
	border-top: 2px solid #fff;
	margin: 6px -10px;
}

.blueArea .table, .greenArea .table {
	margin-bottom: 0;
}

.greenArea {
	background: #cfe8bf;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #9f9f9f;
}

.blueArea .addNewBtn, .greenArea .addNewBtn {
	margin: 10px;
}
/*end 區域*/
.noUnderLine {
	text-decoration: none;
}

.greenFont {
	color: #006700 !important;
	font-weight: bolder;
}

.brownFont {
	color: #925922 !important;
	font-weight: bolder;
}

/*view block*/
.view_block {
	background-color: #f8f0ee;
	overflow: hidden;
	margin: 20px 0px;
	padding: 10px 40px;
}

/* Benno_wu */
/* dispalyTableSelect */
.select2-container .select2-selection--single .select2-selection__rendered
	{
	overflow: inherit !important;
}

.select2-results li {
	padding: 6px !important;
}

.table-header>div {
	height: 24px;
	line-height: 24px;
}

.table-header select {
	width: 100%;
	padding: inherit;
}

/* row-check */
ul.rowCheck {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}

ul.rowCheck li {
	line-height: 24px;
	float: left;
	display: contents;
	display: ruby-text-container;
}

ul.rowCheck li label {
	margin-bottom: 0;
	margin-right: 5px;
}

ul.rowCheck li input[type="text"] {
	margin-bottom: 2px;
    display: inline-block;
}
table ul.rowCheck li {
    display: table;
}

/* button-disabled */
.btn-primary.disabled, .btn-primary[disabled] {
	color: #fff;
	background-color: #8d1c1f;
	border-color: #8d1c1f;
}

.btn-danger.disabled, .btn-danger[disabled] {
	color: #fff;
	background-color: #d8343a;
	border-color: #d8343a;
}
/* end button-disabled */

/* table-input */
.table-responsive {
	overflow-x: inherit !important;
	overflow-y: hidden;
}

.table-responsive>.table {
	margin-bottom: 30px;
}

.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td
	{
	white-space: nowrap;
}

.table-responsive .track-table th, .table-responsive .track-table td {
	white-space: nowrap;
}

.table-responsive>.table>tbody>tr>td input[type="text"] {
	min-width: 160px;
}

/* end table-input */

/* table-sort-button */
span.displayclass {
	margin: 5px;
}

span.displayclass input[type="text"] {
	padding: 0 12px;
	margin-right: 10px;
	width: 60px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

span.displayclass input[type="text"]:focus, span.displayclass input[type="button"]:focus,
	.btn:focus {
	border-color: #66afe9;
	outline: 0;
}

span.displayclass input[type="button"] {
	padding: 1px 12px;
	border: 1px solid transparent;
	border-radius: 4px;
}

span.displayclass input[type="button"]:hover {
	color: #fff;
	background-color: #959595;
}

.sortable:after {
	margin: 5px;
	text-decoration:none;
	font-family: 'FontAwesome';
	color: #aaa;
	content: "\f0dc";
}

.sortable.order1:after {
	color: #000;
    content: "\f0de";
}

.sortable.order2:after {
	color: #000;
    content: "\f0dd";
}
/* end table-sort-button */

/* modal-context */
.modal-context {
	max-height: 400px;
	overflow-y: auto;
	padding: 8px 15px;
	border-top: 1px solid #e5e5e5;
}
/* end modal-context */

/* currency areaSize */
.currency, .currencyNe, .areaSize {
	text-align: right;
    font-size: 105%;
}

div.currency, div.currencyNe, div.areaSize {
	padding-right: 28px !important;
}

.table>tbody>tr>td.currency, .table>tbody>tr>td.currencyNe, .table>tbody>tr>td.areaSize,
	.table>tbody>tr>th.currency, .table>tbody>tr>th.currencyNe, .table>tbody>tr>th.areaSize
	{
	padding: 0 21px !important;
}

.table input.currency, .table input.currencyNe, .table input.areaSize {
	width: 100%;
}
.table input.currency.inline, .table input.currencyNe.inline {
	margin-right: 2%;
	width: 80%;
}

.table input.areaSize.inline {
	margin-right: 3%;
	width: 87%;
}
/* end currency areaSize */

/* div.collapseSubmit { */
/* 	height: 39.4px; */
/* 	overflow: hidden; */
/* } */

/* autoComplete */
.autocomplete-suggestion {
	font-size: 14px !important;
	line-height: 23px !important;
}

.autocomplete-suggestion.selected {
	background-color: #337ab7 !important;
	color: #fff !important;
}

.autocomplete-suggestion.selected b {
	color: #f8be94 !important;
}
/* end autoComplete */

/* fancy_box */
.fancybox-bg {
	opacity: 0.5 !important;
}
/* end fancy_box */

/* date-picker */
.input-group-btn .login-date-btn {
	height: 24px;
	margin: 0 -1px;
}
/* end date-picker */

/* file */
.file {
	display: -webkit-inline-box !important;
	vertical-align: middle;
}
/* Clearable text inputs */
input[type="text"]:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled]),
	input[type="search"]:not([readonly]):not([disabled]), .clearable {
	padding-right: 18px;
	background-image: url(../images/cancel.png)!important;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right -9px center;
}
.clear_x {
	padding-right: 18px;
	background-blend-mode: difference;
}
.clear_onX:hover {
	background-blend-mode: unset;
}
/* (jQ) Show icon */
input[type="text"]:not([readonly]):not([disabled]).clear_x, input[type="text"].clearable.clear_x,
	input[type="search"]:not([readonly]):not([disabled]).clear_x, input[type="search"].clearable.clear_x {
	background-position: right 5px center;
}
textarea:not([readonly]):not([disabled]).clear_x, textarea.clearable.clear_x {
	padding-right: 33px;
	background-position: right 20px top 7px;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow: overlay;
}
/* (jQ) hover cursor style */
input[type="text"]:not([readonly]):not([disabled]).clear_onX, textarea:not([readonly]):not([disabled]).clear_onX,
	input[type="search"]:not([readonly]):not([disabled]).clear_onX, .clearable.clear_onX {
	cursor: pointer;
}
/* Remove IE default X */
::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
.initBlockOverlay {
	z-index: 2000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
    cursor: default;
    position: fixed;
}
.initBlockMsg {
	z-index: 2011;
    position: fixed;
    padding: 0px;
    margin: 0px;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
    cursor: wait;
}
.blockMsg, .initBlockMsg {
    border-radius: 10px;
}
.blockMsg h1, .initBlockMsg h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* end Benno_wu */
.view_block {
	/*background-color: #f8f0ee; 20260803 Sam*/
	background-color: #2F74B5;
	overflow: hidden;
	margin: 20px 0px;
	padding: 10px 40px;
}

.fs18{
	font-size: 18px;
}

.modal-open{
	-ms-overflow-style:none;
}
.cke {
	border: 0;
}
.cke_top {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
}
.cke_contents {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0px 0px 4px 4px;
}
.col-right-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/*  Sam start   */

        :root {
            --primary-color: #2563eb; /* 現代藍 */
            --primary-hover: #1d4ed8;
            --sidebar-bg: #0f172a; /* 深藍黑 */
            --sidebar-hover: #1e293b;
            --bg-color: #f8fafc;
            --surface-color: #ffffff;
            --text-main: #1e293b;
            --text-muted: #64748b;
            --border-color: #cbd5e1;
            --required-color: #ef4444;
        }
        
                * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
.panel-tabs {
	/*display: flex;
	flex-wrap: wrap;*/
			display:flex;
			flex-wrap:wrap;
            border-bottom: 2px solid #e2e8f0;
            margin-bottom: 20px;
            gap: 4px;
}

.panel-tabs>label {
	/*order: 1;
	display: block;
	margin-right: 0.2rem;
	cursor: pointer;
	transition: background ease 0.2s;
	padding: 2px 20px 0;
	margin-bottom: 0;
	color: #000;
	background-image: -moz-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(211, 212, 214) 0%,
		rgb(219, 220, 222) 43%, rgb(223, 224, 226) 100%);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	
	            padding: 10px 18px;
            font-size: 14px;
            color: var(--text-muted);
            cursor: pointer;
            border-bottom: 2px solid transparent;
            margin-bottom: -2px;
            transition: all 0.2s;
} 

.panel-tabs .panel-tab {
		order:1;
		display: none; 
		width:100%; 
}

.panel-tabs input[name="tabs"] {
	display: none;
}

.panel-tabs input[name="tabs"]:checked+label {
            color: var(--primary-color);
            border-bottom-color: var(--primary-color);
            font-weight: 600;
}

.panel-tabs input[type="radio"]:checked+label+.panel-tab {
	display: block;
}

.panel-tabs input[name="tabs"]+label:hover {
 color: var(--primary-color);
}

.panel-tabs input[name="tabs"]:checked+label:hover {

}

        /* 主要內容區 */
        .main-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .content-body {
            padding: 24px;
            flex: 1;
            overflow-y: auto;
        }
        
                .page-title {
            font-size: 20px;
            margin-bottom: 20px;
            color: var(--text-main);
            border-bottom: 2px solid var(--primary-color);
            display: inline-block;
            padding-bottom: 5px;
        }
        
        .card {
            background-color: var(--surface-color);
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 20px;
            margin-top:20px;
        }
        
        
        /* search*/
        
                .search-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 16px;
        }

        .form-group {
            display: flex;
            align-items: center;
        }

        .form-group label {
            width: 120px;
            font-size: 14px;
            color: var(--text-muted);
            text-align: right;
            margin-right: 12px;
        }
        
            .form-group span {
            width: auto;
            font-size: 14px;
            color: var(--text-muted);
            text-align: right;
            margin-right: 12px;
        }
        
tbody#tbody_caseLandTax >tr td:nth-child(5), tbody#tbody_caseLandTax >tr td:nth-child(7), tbody#tbody_caseLandTax >tr td:nth-child(8), tbody#tbody_caseLandTax >tr td:nth-child(9) {
    width: 10%;
}
tbody#tbody_caseLandTax >tr td:nth-child(2){
    width:240px!important;
}
tbody#tbody_caseLandTax >tr td:nth-child(2) >input{
    display: inline;
}
tbody#tbody_caseLandTax >tr td:nth-child(6) >input{
    display: inline;
}        

        .form-group input, .form-group select {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            outline: none;
            transition: 0.3s;
            font-size: 14px;
        }

        .form-group input:focus, .form-group select:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }
        
               .form-group-tab {
            display: flex;
            align-items: center;
        }

        .form-group-tab label {
            font-size: 14px;
            color: var(--text-muted);
            text-align: right;
            margin-right: 12px;
        }

        .form-group-tab input, .form-group-tab select {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            outline: none;
            transition: 0.3s;
            font-size: 14px;
        }

        .form-group-tab input:focus, .form-group-tab select:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }
        
                       .action-bar {
            margin-top: 20px;
            text-align: center;
        }
        
                       .action-barl {
            margin-top: 20px;
            text-align: left;
        }        
        /* end search*/
        
        .form-grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px 32px;
        }
        
                .form-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px 32px;
        }
        
        
        .form-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.form-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.form-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.form-grid-inner-2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 1.5rem; }
        
          
        
                .form-row {
            display: flex;
            align-items: center;
            min-height: 38px;
        }
        
                .form-label {
            width: 110px;
            font-size: 12ˋpx;
            color: var(--text-muted);
            text-align: right;
            padding-right: 12px;
            flex-shrink: 0;
        }
        
                .form-labell {
            font-size: 12ˋpx;
            color: var(--text-muted);
            text-align: left;
            padding-left: 12px;
            flex-shrink: 0;
        }        
        
        
                .form-label.required::before {
            content: "* ";
            color: var(--required-color);
            font-weight: bold;
        }
        
                        .form-labell.required::before {
            content: "* ";
            color: var(--required-color);
            font-weight: bold;
        }

        .form-control {
            flex: 1;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
                .form-controll {
            flex: 1 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }  
        
        .form-controll, select {
    width: 30%;
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    background-color: #fff;
}

        .form-select {
    width: 100%;
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    background-color: #fff;
}
        
              .btn {
            padding: 8px 24px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            transition: 0.3s;
            margin: 0 5px;
        }

        .btn-primary {
            /*background-color: var(--primary-color);*/
            background-color: #017c8e;
            color: white;
        }

        .btn-primary:hover { background-color: var(--primary-hover); }

        .btn-secondary {
            background-color: #f1f5f9;
            color: var(--text-main);
            border: 1px solid var(--border-color);
        }
        
        .btn-secondary:hover { background-color: #e2e8f0; }

        /* 表格樣式 */
        .table-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            font-size: 14px;
            color: var(--text-muted);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

        th {
            background-color: #f8fafc;
            color: var(--text-muted);
            font-weight: 600;
        }

        tbody tr:hover {
            background-color: #f1f5f9;
        }

        .text-link {
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 500;
        }

        .text-link:hover { text-decoration: underline; }

        .status-badge {
            background-color: #dcfce3;
            color: #166534;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 14px;
        }
        
                * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }      
       
table th {
            background-color: #f8fafc;
            color: var(--text-muted);
            font-weight: 600;	
}   

                .btn-save {
            background-color: #16a34a;
            color: white;
            padding: 8px 24px;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }
        
        .card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
}
        .btn-save:hover {
            background-color: #15803d;
        }    
/* =========================================
   資料欄位與標籤 (Data Fields & Badges)
   ========================================= */
.field-label {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
}

.field-value {
    font-size: 14px;
    font-weight: 500;
}

.field-value.highlight {
    background-color: #eff6ff;
    color: #1e40af;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    display: inline-block;
}

.badge {
    background-color: #d1fae5;
    color: #047857;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-weight: 600;
}

.amount-box {
    background-color: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 0.5rem;
    padding: 1rem;
}

.amount-total {
    grid-column: span 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.amount-total-value {
    font-size: 14px;
    font-weight: 700;
    color: #dc2626; /* 紅色凸顯總價 */
}

.system-info {
    background-color: #f3f4f6;
    border: 1px solid var(--border-color);
    border-radius: 0.5rem;
    padding: 1.25rem;
    font-size: 12pxrem;
    color: var(--text-muted);
    display: flex;
    justify-content: space-between;
}

.system-info span {
    color: var(--text-main);
    margin-left: 0.5rem;
}

.top-space {
	margin-top:20px !important;
	
}


        
        .btn-calc {
            background-color: #991b1b;
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 6px;
            font-size: 12px;
            cursor: pointer;
            flex-shrink: 0;
        }
        .btn-calc:hover {
            background-color: #7f1d1d;
        }     
        
                /* 分割線 */
        .divider {
            height: 1px;
            background-color: #e2e8f0;
            margin: 20px 0;
        } 
        
        .bgNay {
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid f3f4f6;
	background: #f9fafb;
}