/* color => https://eduport.webestica.com/docs/buttons.html  */





/* root set 參數設定 */



:root {

	--level-1: 0.25rem;

	--level-2: 0.5rem;

	--level-3: 0.75rem;

	--level-4: 1rem;

	--level-5: 1.25rem;

	--tabel-color-primary:#edf2f9;

	--tabel-color-primary-active:#d6e7ff;

  }

/* end */





input,

select,

textarea {

	outline: none !important;

}

input[type="button"]{

	-webkit-appearance: none!important;

}



.calendar td.border{

	border:1px solid #aaa

}



.calendar td.border:not(:last-child){

	border-right:0px;

}

.calendar tr:not(:last-child) td.border{

	border-bottom:0px;

}



#leftFrame{

	transition: width .15s ease-in-out;

}







#myid {

	border: 1px solid #d9cec4;

	border-color: #CCCCCC;

	width: 24px;





	cursor: hand;



}



.overflow-auto{

	padding-left: 0 !important;

	padding-right: 0 !important;

	overflow-x: auto;

	min-width:100%;

}



#bodyid {

	margin-left: 5px;

	margin-top: 2px;

	margin-right: 5px;

	margin-bottom: 2px;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

	font-family: Microsoft JhengHei;

	background: var(--tabel-color-primary) ;



}



/* #bodyid>table{

	

} */







#bodymenu {

	margin-left: 2px;

	margin-top: 4px;

	margin-right: 2px;

	margin-bottom: 0px;

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







#bodytop {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;



}



.spacetb{

	/* 為了同page之中第二個以上的bodytitle */

	height: 10px;

}



.bodytitle{

	background-color: #fafafa;

	padding: 6px 8px 0px;

    border-top-left-radius: 6px;

	border-top-right-radius: 6px;

	border-bottom: 1px solid #fafafa;

    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}

.bodytitle td{

	vertical-align: bottom;

}



.bodytitle .tbl_list_link3{

	font-size: 15px;

	display: inline-block;

	vertical-align: middle;

	line-height: 1.5;

}



.bodytitle .icon_person,

.bodytitle .svg-valign {

	height: 15px;

    vertical-align: middle;

    padding-bottom: 4px;

}



tr:has(.bodytitle) + tr >td{

	background-color: #fff;

    border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}

tr:has(.bodytitle) + tr >td>.searchfield{

	box-shadow:none !important;

}



.bodytitle.tt_color_g .style_title{

	color:#856c00 !important;

	font-size: 15px;

	display: inline-block;

}



.bodytitle.tt_color_g .svg-size{

	height: 15px;

	vertical-align: sub !important;

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(26deg) brightness(70%) !important;

}



td:has(.icon_person){

	height: 18px;

}



td:has(.svg-size){

	height: 18px;

}



.icon-width{

	padding-bottom: 2px;

	padding-top: 2px;

	padding-right: 4px;

    height: 13px;

	width: 15px;

}





#bodytbl_td_1 {

	height: 19px;

	width: 20px;

	/* background-image: url(tbl_sample/line1_t_l.gif); */

	background-repeat: no-repeat;



}







#bodytbl_td_2 {

	height: 19px;

	/* background-image: url(tbl_sample/line1_t_m.gif); */

	background-repeat: repeat-x;



}







#bodytbl_td_3 {

	height: 19px;

	width: 20px;

	/* background-image: url(tbl_sample/line1_t_r.gif); */

	background-repeat: no-repeat;



}







#bodytbl_td_4 {

	width: 20px;

	/* background-image: url(tbl_sample/line1_m_l.gif); */

	background-repeat: repeat-y;



}







#bodytbl_td_5 {

	background-color: transparent;



}







#bodytbl_td_6 {

	width: 20px;

	/* background-image: url(tbl_sample/line1_m_r.gif); */

	background-repeat: repeat-y;



}







#bodytbl_td_7 {

	height: 19px;

	width: 20px;

	/* background-image: url(tbl_sample/line1_b_l.gif); */

	background-repeat: no-repeat;



}







#bodytbl_td_8 {

	height: 19px;

	/* background-image: url(tbl_sample/line1_b_m.gif); */

	background-repeat: repeat-x;



}







#bodytbl_td_9 {

	height: 19px;

	width: 20px;

	/* background-image: url(tbl_sample/line1_b_r.gif); */

	background-repeat: no-repeat;



}







#bodytbl2 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}



#bodytbl2>tbody>tr>td>hr {

	display: none;

}





#bodytbl2_td_1 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







#bodytbl2_td_2 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







#bodytbl2_td_3 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

}





#bodytbl_list {

	min-width: 97%;

	border-collapse: collapse;

	border: none !important;

	background-color: #fff;

	border-radius: 6px;

	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

	padding: 0px 0px 0px;

	margin: 0 auto;

}









#bodytbl_location {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

}







#bodytbl_search {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







#bodytbl_list {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







#doimgmsg_tbl1 {

	background-color: #666666;

	filter: Alpha(Opacity=40);



}







#doimgmsg_tbl2 {

	background-color: #FFFFFF;



}







.fun_menu {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #666666;





	text-decoration: none;



}







a.fun_menu:hover {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #FF0000;





	text-decoration: underline;



}







.fun_name {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;







}







a.fun_name:hover {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #FF0000;

	text-decoration: underline;







}







.location_tr {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;





	background-color: transparent;

	border-bottom: 1px solid #aaa;

	text-align: left;

	line-height: 25px;

	text-indent: 5px;



}







.location_td {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;







}







a.location_td:hover {

	color: #0066FF;

	text-decoration: underline;



}



.iframe_border{

	border:1px solid transparent;

	border-bottom-right-radius: 6px;

	border-bottom-left-radius: 6px;

	background: #fff;

    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}



.searchfield {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #ccc;

	text-decoration: none;

	line-height: 20px;

	background-color: #fff;

	border: 1px solid #000000;

	padding-top: 30px !important;

}



.searchfield>.searchlegend {

	bottom: -25px

}



.searchlegend {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #660000;

	text-decoration: none;

	margin-top: -25px;

	width: calc(100% - 25px);

}



.searchlegend>img.svg-valign {

	vertical-align: middle;

	width: 15px;

}



.searchtbl {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #660000;

	text-decoration: none;

	background-color: #FFFFFF;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-width: 0px;

	margin-left: 4px;

}







.searchth {

	white-space: nowrap;

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: rgb(94, 110, 130);

	text-decoration: none;

	line-height: 20px;

	background-color: transparent;

	text-align: right;

	border-bottom: none;

	font-weight: bold;

	width: 4em !important;



}



.searchtbl>tbody>tr:last-child>.searchth {

	border-bottom: none;

}





.searchtr {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #663300;

	text-decoration: none;

	line-height: 20px;

	background-color: #FFFFFF;

	text-align: left;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;



}



.searchtr:has(span.input_date){

	white-space: nowrap;

}



.searchtr:has(input[type=radio]){

	min-width: 200px;

}



.searchtr>input.input_inactive,

.searchtr>input.input_inactiveb {

	border-radius: 0px !important;

	width: 200px !important;

}

.searchtr>select {

	border-radius: 0px !important;

	width: 204px !important;

}





.searchtd {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #663300;

	text-decoration: none;

	line-height: 20px;

	text-align: left;

}







a.searchtd:hover {

	color: #0066CC;

	text-decoration: none;



}







.depositth {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #660000;

	text-decoration: none;

	line-height: 20px;

	background-color: #FFCC66;

	text-align: right;

	border: 1px solid #CCCCCC;



}







.listtbl {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

	line-height: 16px;





	/* background-color: #666666; */



}



.listtbl td.active{

	background-color: var(--tabel-color-primary-active) !important;

}



.listtbl2 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

	line-height: 16px;





	background-color: #666666;



}







.listth {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #006699;

	text-decoration: none;

	line-height: 16px;

	background-color: var(--tabel-color-primary) ;

	

}



.listth>td {

	text-align: left;

	min-width: 25px;

}



.listth>td:first-child,
.listth>td:nth-child(2):has(input[type="checkbox"]) {

	min-width: unset;

	width: 25px;

	text-align: left;

}
td:has(.bt_manage[src="images/icon/boostrap/pencil-square.svg"]){
	max-width: 30px;
	width: 30px;
	/* background-color: #ccc; */
}



.listth>td[align=right] {

	text-align: right;

}



.listth2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #006699;

	text-decoration: none;

	line-height: 16px;

	background-color: #DFDFDF;



}



/* .markrows a {

}



.markrows>td>img.bt_manage{

}  */



.listover.markrows a,

.listover a {

	color: initial !important;

}



.listover.markrows>td>img.bt_manage,

.listover.markrows>td>img.bt_manage {

	filter: initial !important;

}





.listth_cost {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	text-decoration: none;

	line-height: 18px;





	background-color: #80FF80;



}







.listth_member {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	text-decoration: none;

	line-height: 16px;





	background-color: #FFCC99;



}







.listth_td {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #006699;

	text-decoration: none;

	line-height: 20px;

	white-space: nowrap;

}







a.listth_td:hover {

	color: #0066CC;

	text-decoration: underline;



}







.listtr {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	line-height: 20px;





	background-color: #FFFFFF;



}



.listtr:nth-child(odd) {

	background-color: #f9fafd;

}



.listtr:nth-child(odd)>td {

	border-top: 1px solid var(--tabel-color-primary) ;

	border-bottom: 1px solid var(--tabel-color-primary) ;

}

.tour_table{

	min-width: 991px;

}



.tour_table>tbody>.listtr.first>td{

	border-top: 5px solid #fff;

}



.itemcard>tbody>.listtr>td{

	border-top: none !important;

	border-bottom: none !important;

}



.itemcard>tbody>.listtr>td.state_act,

.itemcard>tbody>.listtr>td.state_dis{

	border-left:1px solid var(--tabel-color-primary) ;

	border-bottom:1px solid var(--tabel-color-primary)  !important;

	border-top:1px solid var(--tabel-color-primary)  !important;

}



.itemcard>tbody>tr.listtr {

	background-color: transparent !important;

}

.itemcard{

	background:#fff;

	padding:0px 0px 30px;

	border-radius:6px;

	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}



/* 平板不支援 after */

/* .listtbl.tour_table .rowsmain{

	position: relative;

}

.listtbl.tour_table .rowsmain>td{

	border-top-width: 20px;

    border-top-style: solid;

    border-top-color: transparent;

}

.listtbl.tour_table .rowsmain::after{

	content: "";

	width: 100%;

	height: 8px;

	background-color: #fff;

	position: absolute;

	top: 0;

	left: 0;

	border-top-width: 12px;

    border-top-style: solid;

    border-top-color: var(--tabel-color-primary) ;

	z-index: 1;

} */





.listtr2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	line-height: 20px;





	background-color: #FFFFFF;



}







.listtd {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;

	word-break: break-all;

	line-height: 20px;



	border-bottom: 1px solid var(--tabel-color-primary) ;

}







.listtd2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;





	line-height: 20px;



}







a.listtd:hover {

	color: #0066CC;

	text-decoration: underline;



}





.listtd_bt_group{

	background: #fafafa;

}



tr.listtd_bt_group>td{

	padding: 0px 8px 0px;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

}



.border-b{

	padding-bottom:5px;

	border-bottom: 1px solid #ced6e2;

}

.border-t{

	padding-top:5px;

	border-top: 1px solid #ced6e2;

}

.border-r{

	padding-right:5px;

	border-right: 1px solid #ced6e2;

}

.border-l{

	padding-left:5px;

	border-left: 1px solid #ced6e2;

}



.systeminfo{

	padding-top:10px;

	border-top:1px solid #ced6e2;

}



.nodata{

	font-size: 16px;

	color:#cc0000;

	font-weight: bolder;

	text-align: center;

}



.entrytbl {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	text-decoration: none;

	line-height: 18px;







	min-width: 100%;

	

	border: none !important;

	background-color: #fff;

	border-radius: 6px;

	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

	padding: 10px 5px 10px;

	margin: 10px 0;



}





fieldset{

    padding:40px 15px 20px;

    margin: 0;

    border:none !important;	

}







#bodytbl_list:has(.inner){

	max-width: 97%;

    margin: 10px auto;

}





.overflow-auto:not(.inner),

fieldset:not(.overflow-auto fieldset){

	min-width: 97%;

    max-width: 97%;



    background-color: #fff;

    border-radius: 6px;

    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

    margin: 10px auto;

}



fieldset legend{

    position: relative;

    bottom: -38px;

    left: 10px;

    font-size: 15px;

    font-weight: bolder;

    color:rgb(94, 110, 130);

}



fieldset table.entrytbl {

	font-family: inherit !important;

	font-size: inherit !important;

	color: inherit !important;

	text-decoration: inherit !important;

	line-height: inherit !important;

	min-width: inherit !important;

	max-width: inherit !important;

	border: inherit !important;

	background-color: #FFFFFF !important;

	border-radius: inherit !important;

	box-shadow: inherit !important;

	padding: inherit !important;

	margin: inherit !important;

}





.entryth {

	width: 6rem;

	min-width: 6em;

	max-width: 6rem;

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #484848;

	text-decoration: none;

	line-height: 18px;

	font-weight: bolder;

	background-color: transparent;

	text-align: right;



}







.entryth2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #484848;

	text-decoration: none;

	line-height: 18px;





	background-color: #eee;

	text-align: center;



}







.entrytr {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #663300;

	text-decoration: none;

	line-height: 18px;





	background-color: transparent;

	text-align: left;

}



.entrytbl>tbody>tr:focus-within{

	position: relative;

}





.entrytbl>tbody>tr:focus-within .entryth{

	/* position: absolute;

	top: 4px; */

}



.entrytbl>tbody>tr:focus-within .entryth,

.entrytbl>tbody>tr:focus-within .entrytr{

	/* vertical-align: text-top; */

}





.entrytbl>tbody>tr:focus-within .entrytr2:not(:empty) {

	color: #f58a30;

	opacity: 1;

	background-color: #fff0e8;

	text-overflow: initial;

	white-space: initial;

	overflow: inherit;

	/* max-height: 100px; */

	padding-bottom:5px;

    position: absolute;

    z-index: 99;

    box-shadow: 1px 3px 5px -5px #000;

}



.entrytr2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #004176;

	text-decoration: none;

	line-height: 18px;

	opacity: 0.8;

	border: 1px solid transparent;

	background-color: transparent;

	text-align: left;

	transition: all .15s ease-in-out,

		color .15s ease-in-out,

		background-color .15s ease-in-out,

		border-color .15s ease-in-out,

		text-overflow .15s ease-in-out,

		white-space .15s ease-in-out,

		overflow .15s ease-in-out,

		/* max-height 0.75s ease-in-out, */

		opacity .15s ease-in-out;



	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	/* max-height: 20px; */

	max-width: 162px;

}







.entrytd {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #663300;

	text-decoration: none;

	line-height: 18px;





	text-align: left;



}







a.entrytd:hover {

	color: #0066CC;

	text-decoration: none;



}







.infotbl {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	text-decoration: none;

	line-height: 16px;





	border: 1px double #999999;



}







.infoth {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #484848;

	text-decoration: none;

	line-height: 16px;





	background-color: #AAC6FF;

	text-align: left;



}







.infotr {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #663300;

	text-decoration: none;

	line-height: 16px;





	background-color: #D9ECFF;

	text-align: left;



}







.infotd {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #663300;

	text-decoration: none;

	line-height: 16px;

	text-align: left;



}







a.infotd:hover {

	color: #0066CC;

	text-decoration: none;



}







.tbl_column {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #006699;

	text-decoration: none;







}







.tbl_list {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;







}



.hover_list{

	position:absolute; 

	visibility:hidden; 

	overflow:visible;

	z-index: 99; 

	background-color: #FFFFFF;

	border: 1px none #000000;

	padding:5px 10px;

    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);

}



.badge{

	border-radius: 6px;

	padding: 1px 3px;

}



.hover_list.bg-danger,

.badge-danger{

	background-color: #ffeeee;

	color: #d6293e;

}



.hover_list.bg-warning,

.badge-warning{

	background-color: #ffffee;

	color: #f7c32e;

}



.tbl_list_link {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333333;

	text-decoration: none;







}







a.tbl_list_link:hover {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #0046ab;





	text-decoration: underline;



}







.tbl_list_link2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #0046ab;

	text-decoration: none;

	vertical-align: inherit;

	font-weight: bold;



}



.tbl_list_link2 ~ .tbl_list_link2{

	margin-left: 1rem;

}



.tbl_list_link3 {

	font-family: Microsoft JhengHei;

	font-size: 16px;

	color: #0046ab;

	text-decoration: none;





	font-weight: bold;



}







a.tbl_list_link2:hover {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #FF0000;





	text-decoration: underline;

	font-weight: bold;



}







.tbl_list_big {

	font-family: Microsoft JhengHei;

	font-size: 15px;

	color: #333333;

	text-decoration: none;







}





.entrytr>input,

.entrytr>select,

.entrytr>textarea {

	outline: none;

	min-height: 25px;

	padding-top: 0;

	padding-bottom: 0;

	max-height: 25px;

}



.entrytr>textarea {

	max-height: initial

}



.searchtr>input[type=radio],

.searchtr>input[type=checkbox],

.entrytr>input[type=radio],

.entrytr>input[type=checkbox] {

	min-height: initial !important;

	max-height: initial !important;

	vertical-align: text-top;

}



.searchtr>input[type=radio]:not(:first-child),

.searchtr>input[type=checkbox]:not(:first-child),

.entrytr>input[type=radio]:not(:first-child),

.entrytr>input[type=checkbox]:not(:first-child) {

	margin-left: 8px;

}



.input_num {

	/* font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	ime-mode: inactive; */

	text-align: right;

	/* vertical-align: middle; */







}







.input_numr {

	ime-mode: inactive;

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #198754;

	background-color: #fafafa;

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid transparent;

	vertical-align: middle;

	text-align: right;

	padding-right:5px;

}



.input_numr_red {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFCCFF;

	border: 1px solid #CCCCCC;

	ime-mode: inactive;

	text-align: right;

	vertical-align: middle;

}



.input_normal {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333;

	vertical-align: middle;

	word-break: break-all;



	background-color: rgba(240, 248, 255, 0.7);

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid #b7b7b7;

	transition: color .15s ease-in-out,

		background-color .15s ease-in-out,

		border .15s ease-in-out,

		box-shadow .15s ease-in-out;

}



.input_normal:active,

.input_normal:hover {

	color: #000;

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

}



.input_normal:focus {

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

	box-shadow: 0px 1px #74a6eb;

}





.input_normalr {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #198754;

	background-color: #fafafa;

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid transparent;

	vertical-align: middle;

}



.input_normalr:disabled {

	opacity: 1;

}



td.entrytr:has(.input_normalr)~td {

	background: transparent !important;

	color: #004176 !important;

	opacity: 0.8 !important;

}





.input_normalb {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	text-transform: uppercase;

	vertical-align: middle;

}



.input_num,

.input_num2,

.input_active {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333;

	ime-mode: active;

	vertical-align: middle;



	background-color: rgba(240, 248, 255, 0.7);

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid #b7b7b7;

	transition: color .15s ease-in-out,

		background-color .15s ease-in-out,

		border .15s ease-in-out,

		box-shadow .15s ease-in-out;

}



.input_num:active,

.input_num:hover,

.input_num2:active,

.input_num2:hover,

.input_active:active,

.input_active:hover {

	color: #000;

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

}

.input_num:focus,

.input_num2:focus,

.input_active:focus {

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

	box-shadow: 0px 1px #74a6eb;

}







.input_activeb {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	ime-mode: active;

	text-transform: uppercase;

	vertical-align: middle;







}





td.searchtr>select,

.input_inactive,

.input_inactiveb {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333;

	ime-mode: inactive;

	vertical-align: middle;



	background-color: rgba(240, 248, 255, 0.7);

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid #b7b7b7;

	transition: color .15s ease-in-out,

		background-color .15s ease-in-out,

		border .15s ease-in-out,

		box-shadow .15s ease-in-out;

}



td.searchtr>select:active,

td.searchtr>select:hover,

.input_inactiveb:active,

.input_inactive:hover,

.input_inactive:active,

.input_inactive:hover {

	color: #000;

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

}



td.searchtr>select:focus,

.input_inactiveb:focus,

.input_inactive:focus {

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

	box-shadow: 0px 1px #74a6eb;

}





/* 

.input_inactiveb {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	ime-mode: inactive;

	text-transform: uppercase;

	vertical-align: middle;







} */







.input_num2 {

	/* font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive; */

	text-align: right;

	/* border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle; */







}







.input_normal2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;







}







.input_normal2b {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	text-transform: uppercase;

	vertical-align: middle;







}







.input_normal2r {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #D9FFE6;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;







}







.input_normal2rc {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #D9FFE6;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	text-align: center;



}







.input_active2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: active;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;







}







.input_active2b {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: active;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	text-transform: uppercase;



}







.input_inactive2 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 19px;

	line-height: 23px;







}







.input_inactive2b {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;





	text-transform: uppercase;



}







.input_num3 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	text-align: right;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_num3c {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	text-align: right;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	text-align: center;

	height: 23px;

	line-height: 23px;



}







.input_num3r {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #D9FFE6;

	ime-mode: inactive;

	text-align: right;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_normal3 {





	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_normal3red {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFCCCC;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_normal3b {





	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	text-transform: uppercase;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_normal3r {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #D9FFE6;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_normal3rc {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #D9FFE6;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	text-align: center;

	height: 23px;

	line-height: 23px;



}







.input_active3 {





	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: active;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_active3b {





	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: active;

	border: 1px solid #CCCCCC;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	vertical-align: middle;

	text-transform: uppercase;

	height: 23px;

	line-height: 23px;



}







.input_inactive3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	vertical-align: middle;

	height: 23px;

	line-height: 23px;



}







.input_inactive3b {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	vertical-align: middle;

	text-transform: uppercase;

	height: 23px;

	line-height: 23px;



}







.input_chkbox {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	ime-mode: inactive;

	vertical-align: middle;

	line-height: 18px;

	text-align: center;

	letter-spacing: 0em;

	word-spacing: 0em;

	border-top-width: 0px;

	border-right-width: 1px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-right-color: #666666;

	border-left-color: #666666;



}







.input_date {

	display: inline-flex;

	align-items: center;

	padding-right: 5px;

	font-family: Microsoft JhengHei;

	font-size: 16px;

	color: #333;

	line-height: 21px;

	/* background-color: #FFFFFF;

	border: 1px solid #CCCCCC; */

	vertical-align: middle;

	height: 21px;



	background-color: rgba(240, 248, 255, 0.7);

	border-top: none;

	border-right: none;

	border-left: none;

	border-bottom: 1px solid #b7b7b7;

	transition: color .15s ease-in-out,

		background-color .15s ease-in-out,

		border .15s ease-in-out,

		box-shadow .15s ease-in-out;



}



.input_date:active,

.input_date:hover {

	color: #000;

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

}



.input_date:focus-within {

	background-color: #eaeff6;

	border-bottom: 1px solid #74a6eb;

	box-shadow: 0px 1px #74a6eb;

}



.input_date>.input_inactive2 {

	background-color: transparent;

}





.input_dater {

	font-family: Microsoft JhengHei;

	font-size: 17px;

	color: #000000;

	line-height: 17px;

	background-color: #D9FFE6;

	ime-mode: inactive;

	border: 1px solid #CCCCCC;

	vertical-align: middle;

	height: 20px;



}



td:has(.bt_pp){

	padding-right: 4px;

}







.bt_pp{

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

    border: 1px solid #9cb7dd;

	color: #0046ab;

    border-bottom:none;

	text-decoration: none;

	background: #cee8ff;

	margin-top: 5px;

	height:20px;

	text-align: center;

	cursor: pointer;

	width: 100%;

	padding: 0 1px;

}

.bt_pp:hover:not(.active){

	filter: brightness(105%);

}



.bt_pp.active{

	background: #ffdb84;

    border: 1px solid #f5c149;

    border-bottom:none;

	color: #333;

}



.bt_00 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #666;

	background-color: #fff;

	border: 1px solid #666;

	cursor: pointer;

	min-width: 60px;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}







.bt_01 {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333;

	background-color: #fff;

	border: 1px solid #333;

	cursor: pointer;

	min-width: 60px;

	text-decoration: none;

	text-align: center;

	vertical-align: middle;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

/* .bt_exit {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #333;

	background-color: #fff;

	border: 1px solid #333;

	cursor: pointer;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

} */



/* .bt_exit:hover, */

.bt_00:hover,

.bt_01:hover {

	border: 1px solid #333 !important;

	background-color: #333 !important;

	color: #fff;

}



/* .bt_exit:active,.bt_exit.active, */

.bt_00:active,.bt_00.active,

.bt_01:active,.bt_01.active {

	border: 1px solid #333 !important;

	background-color: #111 !important;

	color: #fff;

}



/* .bt_exit:disabled,.bt_exit.disabled, */

.bt_00.disabled,.bt_00:disabled,

.bt_01.disabled,.bt_01:disabled {

	color: #666666;

	background-color: #d3d3d3 !important;

	border: 1px solid #666666;

	cursor: not-allowed;

	opacity: 0.55;

}





.bt_search {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	min-width: 60px;

	border-radius: 3px;

	cursor: pointer;

	border: 1px solid #3f7fca;

	color: #fff;

	background-color: #3f7fca;

	text-decoration: none;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;





}



.bt_search:hover {

	border: 1px solid #528ccf !important;

	background-color: #5c92d2 !important;

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.bt_search:active,

.bt_search.active {

	border: 1px solid #6599d5 !important;

	background-color: #528ccf !important;

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.bt_search:disabled,

.bt_search.disabled {

	cursor: not-allowed;

	border: 1px solid #3f7fca !important;

	background-color: #3f7fca !important;

	opacity: 0.55 !important;

}







.bt_add {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #fff;

	background-color: #448c74;

	border: 1px solid #448c74;

	cursor: hand;

	text-align: center;

	vertical-align: middle;

	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;



}

.bt_log,

.bt_outline_add{

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #448c74;

	background-color: transparent;

	border: 1px solid #448c74;

	cursor: hand;

	text-align: center;

	vertical-align: middle;

	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;



}



.bt_log:hover,

.bt_add:hover,

.bt_outline_add:hover {

	color: #fff;

	border: 1px solid #579882 !important;

	background-color: #609d89 !important;

}



.bt_log:active,

.bt_log.active,

.bt_add:active,

.bt_add.active,

.bt_outline_add:active,

.bt_outline_add.active {

	color: #fff;

	border: 1px solid #579882 !important;

	background-color: #69a390 !important;

}



.bt_log:disabled,

.bt_log.disabled,

.bt_add:disabled,

.bt_add.disabled,

.bt_outline_add:disabled,

.bt_outline_add.disabled {

	cursor: not-allowed;

	color: #fff;

	border: 1px solid #448c74 !important;

	background-color: #448c74 !important;

	opacity: 0.55 !important;

}







.bt_del {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #fff;

	background-color: #ed5050;

	border: 1px solid #ed5050;

	text-align: center;

	vertical-align: middle;

	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.bt_exit,

.bt_outline_del {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #d6293e;

	background-color: transparent;

	border: 1px solid #ed5050;

	text-align: center;

	vertical-align: middle;

	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.bt_exit:hover,

.bt_outline_del:hover,

.bt_del:hover {

	border: 1px solid #ef6262 !important;

	background-color: #f06a6a !important;

	color: #fff !important;

}



.bt_exit:active,

.bt_exit.active,

.bt_outline_del:active,

.bt_outline_del.active,

.bt_del:active,

.bt_del.active {

	border: 1px solid #ef6262 !important;

	background-color: #f17373 !important;

	color: #fff !important;

}



.bt_exit:disabled,

.bt_exit.disabled,

.bt_outline_del:disabled,

.bt_outline_del.disabled,

.bt_del:disabled,

.bt_del.disabled {

	cursor: not-allowed;

	border: 1px solid #ed5050 !important;

	background-color: #ed5050 !important;

	color: #fff !important;

	opacity: 0.55 !important;

}







.bt_sort {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #000;

	background-color: #ffc107;

	border: 1px solid #cb9f1c;

	text-align: center;

	vertical-align: middle;



	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;



}



.bt_sort:hover {

	border: 1px solid #cb9f1c !important;

	background-color: #ffda6a !important;

}



.bt_sort:active,

.bt_sort.active {

	border: 1px solid #cb9f1c !important;

	background-color: #ffcd39 !important;

}



.bt_sort:disabled,

.bt_sort.disabled {

	cursor: not-allowed;

	border: 1px solid #cb9f1c !important;

	background-color: #cb9f1c !important;

	opacity: 0.55 !important;

}





.bt_icon {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	cursor: hand;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	min-width: 60px;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	border: 1px solid #3f7fca;

	color: #3571b9;

	background-color: transparent;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;





}



.bt_icon:hover {

	color: #fff !important;

	border: 1px solid #528ccf !important;

	background-color: #5c92d2 !important;

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.bt_icon:active,

.bt_icon.active {

	color: #fff !important;

	border: 1px solid #6599d5 !important;

	background-color: #528ccf !important;

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.bt_icon:disabled,

.bt_icon.disabled {

	cursor: not-allowed;

	color: #3f7fca;

	border: 1px solid #3f7fca !important;

	background-color: transparent !important;

	opacity: 0.55 !important;

}



.bt_icon:disabled:hover,

.bt_icon.disabled:hover  {

	color: #fff !important;

	border: 1px solid #528ccf !important;

	background-color: #5c92d2 !important;

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	opacity: 0.55 !important;

}



.bt_icon_group {

	cursor: pointer;

	height: 15px;

	border-radius: 5px;

	border: 1px solid;

	/* min-width: 60px; */

	object-fit: contain;

	object-position: center;

	padding: 3px;

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(195deg) brightness(90%);

	text-decoration: none;

}



.icon_peopleset {

	border-color: #0d6efd;

}



.bt_icon_group:hover {

	filter: invert(1);

	background: #0d6efd;

}



.bt_icon_del{

	color: #ed5050;

	background-color: #fff;

	font-family: Microsoft JhengHei;

	font-size: 13px;

	border: 1px solid #ed5050;

	text-align: center;

	vertical-align: middle;



	min-width: 60px;

	text-decoration: none;

	padding: 2px 3px;

	line-height: 1.35;

	border-radius: 3px;

	cursor: pointer;

	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.bt_manage {

	/* width: 30px; */

	padding: 0 5px;

	margin-right: 10px;

	cursor: pointer;

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(195deg) brightness(90%) drop-shadow(0px 0px 0px #0085bf) !important;

	transition: filter .15s ease-in-out;

	height: 15px;

	text-decoration: none;

}



.bt_manage:hover {

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(315deg) brightness(70%) !important;

}



.bt_manage:active {

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(195deg) brightness(90%) drop-shadow(0px 0px 0px #eee) !important;

}



.bt_submit {

	font-family: Microsoft JhengHei;

	color: #000000;

	cursor: hand;

	font-size: 13px;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;



}







.bt_big_red {

	display: inline-block;

	text-align: center;

	padding: 2px 3px;

	font-family: Microsoft JhengHei;

	font-size: 14px;

	color: #990000;

	background-color: #FFCCCC;

	/* border: 1px solid #FF9999; */

	cursor: hand;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

}







.bt_big_green {

	display: inline-block;

	text-align: center;

	padding: 2px 3px;

	font-family: Microsoft JhengHei;

	color: #157347;

	font-size: 14px;

	background-color: #c5ffe4;

	/* border: 1px solid #669900; */

	cursor: hand;

	text-align: center;

	vertical-align: middle;



}



*.bt_nav {

	border-top-color:transparent !important;

	border-left-color:transparent !important;

	border-right-color:transparent !important;

	border-top-right-radius: 0 !important;

	border-top-left-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important;

	border-radius:none !important;

	padding: 10px 3px 5px !important;

	margin-bottom: 10px !important;

}

*.bt_nav:hover,

*.bt_nav:active,

*.bt_nav:focus {

	border-top-color:transparent !important;

	border-left-color:transparent !important;

	border-right-color:transparent !important;

	border-top-right-radius: 0 !important;

	border-top-left-radius: 0 !important;

	border-bottom-right-radius: 0 !important;

	border-bottom-left-radius: 0 !important;

	border-radius:none !important;

	padding: 10px 3px 5px !important;

	margin-bottom: 10px !important;

}







.bt_00.bt_nav{

	/* active */    

	box-shadow: 0 3px 0 0px #000000;

    color: black;

	font-weight: bolder;

} 

.bt_00.bt_outline_del.bt_nav{

	/* active */    

	box-shadow: 0 3px 0 0px #ed5050;

    color: #ed5050;

	font-weight: bolder;

} 

.bt_00.bt_log.bt_nav{

	/* active */    

	box-shadow: 0 3px 0 0px #579882;

    color: #579882;

	font-weight: bolder;

} 



.bt_00.bt_nav:hover{  

	box-shadow: none;

	color:#fff

}

.bt_00.bt_outline_del.bt_nav:hover{

	background: #ed5050;

} 

.bt_00.bt_log.bt_nav:hover{

	background: #579882;

} 





.point{

	cursor: pointer;

}



.point:hover{

	background-color: #f1f1f1;

	filter: hue-rotate(138deg);

}



.point:hover>iframe{

	filter: none !important;

}





td:has(.bt_big_green)>input {

	vertical-align: text-top;

}







.td_headline_1 {

	font-family: Microsoft JhengHei;

	font-size: 15px;

	color: #660000;

	text-decoration: none;





	background-color: #FFD886;

	border: 1px solid #FF9966;

	text-align: left;

	text-indent: 20px;

	line-height: 30px;



}







.td_headline_2 {

	font-family: Microsoft JhengHei;

	font-size: 15px;

	color: #FFFFFF;

	text-decoration: none;





	background-color: #0066CC;

	border: 2px solid #0000FF;

	text-align: center;

	line-height: 30px;



}







.td_headline_3 {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #990000;

	background-color: #FFCCCC;

	border: 1px solid #FF8686;





	line-height: 20px;



}







.pag_jump {

	font-family: Microsoft JhengHei;

	font-size: 12px;

	color: #996600;

	padding: 2px 8px;

	text-decoration: none;



}



.pag_jump>img.svg-valign {

	vertical-align: middle;

	width: 20px;



}





a.pag_jump:hover {

	color: #0066FF;

	text-decoration: underline;



}



.hr_border{

	border-top: 1px solid #fff;

    box-shadow: 0 -2px 0 -1px #dddddd;

}



.emptytr>td{

	background-color: #fff;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

}



.pag_num {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	color: #FF3300;





	text-decoration: none;

	font-weight: bold;



}

.pag_num_acitve{

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	color: #006699;

	padding:0 2px;

	text-decoration: none;

	font-weight: bold;

}







.num_00 {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	color: #FF3300;





	text-decoration: none;

	font-weight: bold;



}







a.num_00:hover {

	color: #0000FF;

	text-decoration: none;



}







.news_txt {

	font-family: Microsoft JhengHei;

	font-size: 12pt;

	color: #FF0000;

	text-decoration: none;



}







.flag {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #FFFFFF;

	line-height: 16px;



}







.loginfield {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #660000;

	text-decoration: none;

	line-height: 20px;

	background-color: #EFEFEF;

	border: 1px solid #000000;



}







.loginlegend {

	font-family: Microsoft JhengHei;

	font-size: 13px;

	color: #660000;

	text-decoration: none;

	text-indent: 10px;



}







.ws8 {

	font-family: Microsoft JhengHei;

	font-size: 8pt;

	color: #333333;

	line-height: 20px;

	word-break: break-all;



}







.ws12w {

	font-family: Microsoft JhengHei;

	font-size: 12pt;

	color: #FFFFFF;

	line-height: 30px;

	word-break: break-all;



}







.ws14 {

	font-family: Microsoft JhengHei;

	font-size: 14pt;

	color: #333333;

	line-height: 30px;

	word-break: break-all;



}







.ws14w {

	font-family: Microsoft JhengHei;

	font-size: 14pt;

	color: #FFFFFF;

	line-height: 30px;

	word-break: break-all;



}







.ws16 {

	font-family: Microsoft JhengHei;

	font-size: 16pt;

	color: #333333;

	line-height: 30px;

	word-break: break-all;



}







.ws16w {

	font-family: Microsoft JhengHei;

	font-size: 16pt;

	color: #FFFFFF;

	line-height: 40px;

	word-break: break-all;



}







.ws18 {

	font-family: Microsoft JhengHei;

	font-size: 18pt;

	color: #333333;

	line-height: 40px;

	word-break: break-all;



}







.ws18w {

	font-family: Microsoft JhengHei;

	font-size: 18pt;

	color: #FFFFFF;

	line-height: 40px;

	word-break: break-all;



}







.ws20 {

	font-family: Microsoft JhengHei;

	font-size: 20pt;

	color: #333333;

	line-height: 50px;

	word-break: break-all;



}







.cal_td {

	font-size: 11pt;

	word-break: break-all;

	border-collapse: collapse;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: dashed;

	border-left-style: none;

	border-bottom-color: #333333;

	line-height: 20px;

	font-family: "Microsoft JhengHei;



}







#opserleft {

	margin-left: 5px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-decoration: none;

	background-color: #DFDFDF;



}







#opsermain {

	margin-left: 5px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-decoration: none;



}







/* new */



.bg-gradient {

	background: rgb(0, 219, 222) !important;

	background: linear-gradient(90deg, rgba(0, 219, 222, 1) 0%, rgba(166, 19, 168, 1) 100%) !important;



}







.btn-gradient {

	color: #fff;

	background-color: #1c7ce0;

	background-image: linear-gradient(0deg, #522db8 0%, #1c7ce0 100%);

	border: none;



}





.listd_p-0 {

	padding-left: 0 !important;

	padding-right: 0 !important;

	padding-bottom: 0 !important;

	padding-top: 1px !important;

}





.tour_fare {

	border: 1px solid #c1c1c1;

	border-right:none;

	padding: 3px;

	margin: -1px 0px 0px;

	background: transparent !important;

	/* box-shadow: 1px 0 0 #eaeaea; */

}



.tour_fare>tbody>tr>td {

	background: transparent !important;

	line-height: 21px;

	font-size: 13px;

	height: 21px;

}

.tour_ps>tbody>tr>td{

	padding: 0px 3px;

}



.tour_ps{

	background: #f5f5f5 !important;

	color:#666;

	padding: 3px 0px 0px;

}

.listtd_orderps {

	background: #f5f5f5;



}

.tour_ps>tbody>tr>td.listtd_orderps {

	background: #f5f5f5 !important;

	line-height: 21px;

	font-size: 13px;

	height: 21px;

}



.tour_ps>tbody>tr:first-child>td.listtd_orderps {

	padding-top: 3px !important;

}



.tour_ps>tbody>tr:nth-last-child(2)>td.listtd_orderps {

	padding-bottom: 3px !important;

}



.tb-width{

	display: inline-block;

	width: 5.25em;

}



.state_act{

	opacity: 1;

}



.state_dis{

	opacity: 0.4;

	background: #f1f1f1;

	color:#999;

	white-space: nowrap;

}



.hide_row {

	height: 30px;

	box-shadow: inset rgb(205 205 205) 0px -9px 10px -10px;

	overflow: hidden;

	transition: all .15s ease-in-out;

}

.hide_row>*{

	opacity: 0.35;

	transition: all .15s ease-in-out;

}



.hide_row.open {

	height: 93px;

	box-shadow: none;

}

.hide_row.open > .flex-grow-1{

	opacity: 1;

	overflow: auto;

}



.box_2row{

	width: 2em;

    padding: 0.25rem;

	cursor: pointer;

	color:#006699;

	background-color: var(--tabel-color-primary) ;

	border: 1px solid #fff;

	box-shadow: 0 0 2px -1px #111;

	opacity: 0.8 !important;

}

.box_2row:hover,

.hide_row.open > .box_2row{

	opacity: 1 !important;

	background: var(--tabel-color-primary) ;

}





.box_2row + *{

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    padding-left: 0.25rem;

}



.listtr.nobg{

	background-color: #fff !important;

}



.table_over{

	overflow: hidden;

	

	min-width: 100%;

	overflow-x: auto;

}

.table_over .listth{

	white-space: nowrap;

}





/* SVG 圖片 */

.svg-white {

	filter: invert(1);

}



.svg-primary {

	filter: contrast(0) sepia(1) saturate(10) hue-rotate(315deg) brightness(70%) !important;

}



.svg-valign {

	vertical-align: sub;

}

fieldset .svg-valign{

    height: 15px;

    vertical-align: middle;

    padding-bottom: 4px;

	padding-right: 5px;

}



.svg-size{

	width: 15px;

}



.location_tr .svg-valign {

	vertical-align: middle;

	filter: invert(0.4);

}







/* 卷軸 */

*::-webkit-scrollbar {

    width: 10px;

    height: 10px;

    background-color: rgba(255,255,255,.4);

    border: 1px solid #d1d1d1;

    border-radius: 15px;

    opacity: .5

}



*::-webkit-scrollbar:hover {

    opacity: 1

}



*::-webkit-scrollbar-thumb {

    background-color: rgba(215,215,215,.25);

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 15px

}



*::-webkit-scrollbar-thumb:active {

    background-color: rgba(0,0,0,.3)

}



/* display */

.d-inherit{

	display: revert;

}

.d-none{

	display: none;

}



/* FLEX */

.d-flex {

    display: -webkit-box!important;

    display: -ms-flexbox!important;

    display: flex!important

}



.d-inline-flex {

    display: -webkit-inline-box!important;

    display: -ms-inline-flexbox!important;

    display: inline-flex!important

}



.flex-row {

    -webkit-box-orient: horizontal!important;

    -ms-flex-direction: row!important;

    flex-direction: row!important

}



.flex-column,.flex-row {

    -webkit-box-direction: normal!important

}



.flex-column {

    -webkit-box-orient: vertical!important;

    -ms-flex-direction: column!important;

    flex-direction: column!important

}



.flex-row-reverse {

    -webkit-box-orient: horizontal!important;

    -ms-flex-direction: row-reverse!important;

    flex-direction: row-reverse!important

}



.flex-column-reverse,.flex-row-reverse {

    -webkit-box-direction: reverse!important

}



.flex-column-reverse {

    -webkit-box-orient: vertical!important;

    -ms-flex-direction: column-reverse!important;

    flex-direction: column-reverse!important

}



.flex-wrap {

    -ms-flex-wrap: wrap!important;

    flex-wrap: wrap!important

}



.flex-nowrap {

    -ms-flex-wrap: nowrap!important;

    flex-wrap: nowrap!important

}



.flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse!important;

    flex-wrap: wrap-reverse!important

}



.flex-fill {

    -webkit-box-flex: 1!important;

    -ms-flex: 1 1 auto!important;

    flex: 1 1 auto!important

}



.flex-grow-0 {

    -webkit-box-flex: 0!important;

    -ms-flex-positive: 0!important;

    flex-grow: 0!important

}



.flex-grow-1 {

    -webkit-box-flex: 1!important;

    -ms-flex-positive: 1!important;

    flex-grow: 1!important

}



.flex-shrink-0 {

    -ms-flex-negative: 0!important;

    flex-shrink: 0!important

}



.flex-shrink-1 {

    -ms-flex-negative: 1!important;

    flex-shrink: 1!important

}



.justify-content-start {

    -webkit-box-pack: start!important;

    -ms-flex-pack: start!important;

    justify-content: flex-start!important

}



.justify-content-end {

    -webkit-box-pack: end!important;

    -ms-flex-pack: end!important;

    justify-content: flex-end!important

}



.justify-content-center {

    -webkit-box-pack: center!important;

    -ms-flex-pack: center!important;

    justify-content: center!important

}



.justify-content-between {

    -webkit-box-pack: justify!important;

    -ms-flex-pack: justify!important;

    justify-content: space-between!important

}



.justify-content-around {

    -ms-flex-pack: distribute!important;

    justify-content: space-around!important

}



.align-items-start {

    -webkit-box-align: start!important;

    -ms-flex-align: start!important;

    align-items: flex-start!important

}



.align-items-end {

    -webkit-box-align: end!important;

    -ms-flex-align: end!important;

    align-items: flex-end!important

}



.align-items-center {

    -webkit-box-align: center!important;

    -ms-flex-align: center!important;

    align-items: center!important

}



.align-items-baseline {

    -webkit-box-align: baseline!important;

    -ms-flex-align: baseline!important;

    align-items: baseline!important

}



.align-items-stretch {

    -webkit-box-align: stretch!important;

    -ms-flex-align: stretch!important;

    align-items: stretch!important

}



.align-content-start {

    -ms-flex-line-pack: start!important;

    align-content: flex-start!important

}



.align-content-end {

    -ms-flex-line-pack: end!important;

    align-content: flex-end!important

}



.align-content-center {

    -ms-flex-line-pack: center!important;

    align-content: center!important

}



.align-content-between {

    -ms-flex-line-pack: justify!important;

    align-content: space-between!important

}



.align-content-around {

    -ms-flex-line-pack: distribute!important;

    align-content: space-around!important

}



.align-content-stretch {

    -ms-flex-line-pack: stretch!important;

    align-content: stretch!important

}



.align-self-auto {

    -ms-flex-item-align: auto!important;

    align-self: auto!important

}



.align-self-start {

    -ms-flex-item-align: start!important;

    align-self: flex-start!important

}



.align-self-end {

    -ms-flex-item-align: end!important;

    align-self: flex-end!important

}



.align-self-center {

    -ms-flex-item-align: center!important;

    align-self: center!important

}



.align-self-baseline {

    -ms-flex-item-align: baseline!important;

    align-self: baseline!important

}



.align-self-stretch {

    -ms-flex-item-align: stretch!important;

    align-self: stretch!important

}









/*--------- 合併 dagee.css--------- */





	.legendicon{

		display: inline-block;

		vertical-align: text-top;

		width: 16px !important;

		filter: invert(0.4);

	}

	

	/* 頁首的ICON群 */

	.icon-group{

		/* border-bottom:1px solid #aaa; */

	}

		/* 表格嵌入內距 */

	.ifram-row{

		margin-left: -5px;

		margin-top: -2px;

		margin-right: -5px;

		margin-bottom: -2px;

	}

	   /* 非a或bt元件需要click */

	.cursor-point{

		cursor: pointer;

	}



	.d-inline-block,

	.bt{

		display: inline-block;

	}

	.m-0{

		margin: 0 !important;

	}

	

	.p-0{

		padding: 0 !important;

	}

	/* top */

	.my-0,

	.mt-0{

		margin-top: 0 !important;

	}

	.py-0,

	.pt-0{

		padding-top: 0 !important;

	}

	.my-1,

	.mt-1{

		margin-top: var(--level-1) !important;

	}

	.py-1,

	.pt-1{

		padding-top: var(--level-1) !important;

	}

	.my-2,

	.mt-2{

		margin-top: var(--level-2) !important;

	}

	.py-2,

	.pt-2{

		padding-top: var(--level-2) !important;

	}

	.my-3,

	.mt-3{

		margin-top: var(--level-3) !important;

	}

	.py-3,

	.pt-3{

		padding-top: var(--level-3) !important;

	}

	.my-4,

	.mt-4{

		margin-top: var(--level-4) !important;

	}

	.py-4,

	.pt-4{

		padding-top: var(--level-4) !important;

	}

	.my-5,

	.mt-5{

		margin-top: var(--level-5) !important;

	}

	.py-5,

	.pt-5{

		padding-top: var(--level-5) !important;

	}

	/* bottom*/

	.my-0,

	.mb-0{

		margin-bottom: 0 !important;

	}

	.py-0,

	.pb-0{

		padding-bottom: 0 !important;

	}

	.my-1,

	.mb-1{

		margin-bottom: var(--level-1) !important;

	}

	.py-1,

	.pb-1{

		padding-bottom: var(--level-1) !important;

	}

	.my-2,

	.mb-2{

		margin-bottom: var(--level-2) !important;

	}

	.py-2,

	.pb-2{

		padding-bottom: var(--level-2) !important;

	}

	.my-3,

	.mb-3{

		margin-bottom: var(--level-3) !important;

	}

	.py-3,

	.pb-3{

		padding-bottom: var(--level-3) !important;

	}

	.my-4,

	.mb-4{

		margin-bottom: var(--level-4) !important;

	}

	.py-4,

	.pb-4{

		padding-bottom: var(--level-4) !important;

	}

	.my-5,

	.mb-5{

		margin-bottom: var(--level-5) !important;

	}

	.py-5,

	.pb-5{

		padding-bottom: var(--level-5) !important;

	}





	/* right*/



	.mx-0,

	.mr-0{

		margin-right: 0 !important;

	}

	.px-0,

	.pr-0{

		padding-right: 0 !important;

	}

	.mx-1,

	.mr-1{

		margin-right: var(--level-1) !important;

	}

	.px-1,

	.pr-1{

		padding-right: var(--level-1) !important;

	}

	.mx-2,

	.mr-2{

		margin-right: var(--level-2) !important;

	}

	.px-2,

	.pr-2{

		padding-right: var(--level-2) !important;

	}

	.mx-3,

	.mr-3{

		margin-right: var(--level-3) !important;

	}

	.px-3,

	.pr-3{

		padding-right: var(--level-3) !important;

	}

	.mx-4,

	.mr-4{

		margin-right: var(--level-4) !important;

	}

	.px-4,

	.pr-4{

		padding-right: var(--level-4) !important;

	}

	.mx-5,

	.mr-5{

		margin-right: var(--level-5) !important;

	}

	.px-5,

	.pr-5{

		padding-right: var(--level-5) !important;

	}



	/* left*/



	.mx-0,

	.ml-0{

		margin-left: 0 !important;

	}

	.px-0,

	.pl-0{

		padding-left: 0 !important;

	}

	.mx-1,

	.ml-1{

		margin-left: var(--level-1) !important;

	}

	.px-1,

	.pl-1{

		padding-left: var(--level-1) !important;

	}

	.mx-2,

	.ml-2{

		margin-left: var(--level-2) !important;

	}

	.px-2,

	.pl-2{

		padding-left: var(--level-2) !important;

	}

	.mx-3,

	.ml-3{

		margin-left: var(--level-3) !important;

	}

	.px-3,

	.pl-3{

		padding-left: var(--level-3) !important;

	}

	.mx-4,

	.ml-4{

		margin-left: var(--level-4) !important;

	}

	.px-4,

	.pl-4{

		padding-left: var(--level-4) !important;

	}

	.mx-5,

	.ml-5{

		margin-left: var(--level-5) !important;

	}

	.px-5,

	.pl-5{

		padding-left: var(--level-5) !important;

	}



		/* 寬高 */

	.w-100-pa{

		width: 100% !important;

	}



	.w-20{

		width: 20px !important;

	}

	.w-15{

		width: 15px !important;

	}

	.h-15{

		height: 15px !important;

	}



		/* 文字 */

	.text-white{

		color:#fff !important;

	}

	.text-secondary{

		color: #6c757d!important;

	}

	.text-deepred{

		color: #64000c!important;

	}

	.text-nowrap{

		white-space: nowrap !important;

	}



		/* 按鈕 */

	.btn{

		text-decoration: none;

		padding: 1px 6px;

		cursor: pointer;

		border: 1px solid #333;

		border-radius: 3px;

		color: #333;

		background-color: transparent;

		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	}

	.btn:hover{

		color: #fff !important;

		background-color: #333 !important;

		box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);

	}

	.btn:active,.btn.active{

		box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);

	}

	.btn .svg-valign{

		filter: invert(0);

		vertical-align: text-top;

		transition: filter .15s ease-in-out;

	}

	.btn:hover .svg-valign,.btn:active .svg-valign{

		filter: invert(1);

	}

	.btn:active,.btn.active{

		box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);

	}



	.btn.btn-primary{

		border: 1px solid #0a58ca !important;

		color: #fff !important;

		background-color: #0d6efd !important;

	}

	.btn.btn-primary:hover{

		border: 1px solid #0a58ca !important;

		background-color: #0046ab !important;

	}

	.btn.btn-primary:active,.btn.btn-primary.active{

		border: 1px solid #0a53be !important;

		background-color: #0a58ca !important;

	}

	.btn.btn-primary:disabled,.btn.btn-primary.disabled{

		cursor: not-allowed;

		border: 1px solid #0d6efd !important;

		background-color: #0d6efd !important;

	}



	.btn.btn-success{

		border: 1px solid #157347 !important;

		background-color: #198754 !important;

		color: #fff !important;

	}

	.btn.btn-success:hover{

		border: 1px solid #157347 !important;

		background-color: #0a5230 !important;

	}

	.btn.btn-success:active,.btn.btn-success.active{

		border: 1px solid #13653f !important;

		background-color: #146c43 !important;

	}

	.btn.btn-success:disabled,.btn.btn-success.disabled{

		cursor: not-allowed;

		border: 1px solid #198754 !important;

		background-color: #198754 !important;

	}



	.btn.btn-warning{

		border: 1px solid #ffca2c !important;

		color: #333 !important;

		background-color: #ffc107 !important;

	}

	.btn.btn-warning:hover{

		border: 1px solid #ffca2c !important;

		background-color: #ffda6a !important;

	}

	.btn.btn-warning:active,.btn.btn-warning.active{

		border: 1px solid #ffc720 !important;

		background-color: #ffcd39 !important;

	}

	.btn.btn-warning:disabled,.btn.btn-warning.disabled{

		cursor: not-allowed;

		border: 1px solid #ffc107 !important;

		background-color: #ffc107 !important;

	}





	.btn.btn-warning{

		border: 1px solid #b02a37 !important;

		background-color: #dc3545 !important;

		color: #fff !important;

	}

	.btn.btn-warning:hover{

		border: 1px solid #b02a37 !important;

		background-color: #a01a27 !important;

	}

	.btn.btn-warning:active,.btn.btn-warning.active{

		border: 1px solid #a52834 !important;

		background-color: #b02a37 !important;

	}

	.btn.btn-warning:disabled,.btn.btn-warning.disabled{

		cursor: not-allowed;

		border: 1px solid #dc3545 !important;

		background-color: #dc3545 !important;

	}



	/* 公用 END */



	/* 頁首MENU */

	div.menu {

		background-color: #fff;

		overflow: overlay;

		overflow-y: hidden;

		/* overflow-x: scroll */

	}

	div.menu::-webkit-scrollbar {

		height: 5px;

		background: linear-gradient(to right,#b1142a,#555);

		border: none

	}

	div.menu::-webkit-scrollbar-thumb {

		background-color: rgba(255,255,255,.45);

		border: none

	}

	.main-menu {

		margin-bottom: 0;

		font-size: 14px

	}

	.main-menu a{

		display: inline-block;

		padding: 15.5px 0px;

		cursor: pointer;

		text-align: center;

		width:6em;

		max-width:6em;

		color: #b1142a;

		text-decoration: none

	}

	.main-menu a.active,.main-menu a.active:hover,.main-menu a:active {

		background: #b1142a;

		color: #fff

	}

	.main-menu a:hover {

		background: #E4E4E4

	}

	.main-menu a:hover{

		color: #333;

		font-weight: bolder

	}

	.menuicon{

		color:white !important;

		display: inline-block;

		padding: 2px;

	}

	.news_txt{

		color:#fff;

	}



	/* 左側MENU */

	.left-menu {

		background-color: var(--tabel-color-primary) ;

	}



	.left-menu::-webkit-scrollbar {

		width: 8px;

		background-color: #e4e4e4;

		border: 1px solid #ccc

	}



	.left-menu::-webkit-scrollbar-thumb {

		background-color: rgba(0,0,0,.5);

		border: 1px solid #555

	}



	.left-menu td.main-title {

		background-color: #f5f5f5 !important;

		color: #25537e !important;

		cursor: pointer;

		border-left: none !important;

		border-right: none !important;

		border-top: none !important;

		border-bottom: 1px solid #aaa !important;

		padding: 2px 2px;

		

	}

	.left-menu td.title {

		background-color: #e4e4e4;

		color: #000;

		cursor: pointer;

		border-top: 1px solid #aaa !important;

		border-bottom: 1px solid #aaa !important;

		padding: 2px 10px;

	}

	.leftitem td:first-child img.w-15{

		margin-left:15px;

		margin-right: 5px;

	}

	.leftitem a{

		display: inline-block;

		padding: 8px 0;

		width: 100%;

	}

	.leftitem a.fun_name:hover,.leftitem a.fun_name:active{

		color:#cc0000 !important;

	}



	.leftitem tr.active {

		background: linear-gradient(to right,#b1142a,rgba(119,119,119,.5));

	}

	.leftitem tr.active a {

		color:#fff !important;

	}

	.leftitem tr.active a:hover {

		color:#ccc !important;

	}

	.leftitem tr.active img {

		filter: invert(1) !important;

	}



	.lefticon{

		display: inline-block;

		width: 22px;

	}

/*--------- 合併 dagee.css END--------- */