.tabCLK {  font-family:"微軟正黑體", "sans-serif", "Arial"; font-size: 14px; color: #000000; padding-top: 7px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; border-color: #FFFFFF #424142 #D6D3CE #FFFFFF; background-color: #D6D3CE; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.tabOUT {  font-family:"微軟正黑體", "sans-serif", "Arial"; font-size: 14px; color: #000000; background-color: #D6D3CE; padding-top: 4px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; border: 1px solid;  border-color: #FFFFFF #424142 #424142 #FFFFFF}
.GridSearchBox {width:120px; margin:0; height:22px; padding:2px 5px 02px 22px;  border:1px #69c solid; color:#267;}
.PortalSearchBox {width:120px; margin:0; height:22px; padding:2px 5px 02px 22px; background:#fff url(/Modules/JEIPKernel/P_SearchM.gif) no-repeat left; border:1px #69c solid; color:#267;}


table {
    border-collapse: collapse; 
}




form{margin:0}
td,p,nobr	{ font-size:15px;font-family:"微軟正黑體", "sans-serif", "Arial";}  
input[type=number],input[type=text],input[type=password],input[type=submit],input[type=button],input[type=file] { font-size:15px;font-family:"微軟正黑體", "sans-serif", "Arial";padding:5px 5px 5px 5px;height:30px;border-radius:4px;border:1px solid #aaaaaa; }
select	{ font-size:15px;font-family:"微軟正黑體", "sans-serif", "Arial";border-radius:4px;height:30px;border:1px solid #aaaaaa; }
option	{ font-size:15px;font-family:"微軟正黑體", "sans-serif", "Arial";}
textarea	{ font-size:15px;font-family:"微軟正黑體", "sans-serif", "Arial";border-radius:4px;border:1px solid #aaaaaa; }


input[type=radio],input[type=checkbox] {width:18px !important;height:18px !important;}

textarea {border-radius:4px;border:1px solid #DBDBDB;}
A:link  {color:#000080; font-weight: normal; text-decoration: none; cursor:pointer}
A:visited  {color: #000080; font-weight: normal; text-decoration: none}
A:active  {color:  #000080; font-weight: normal; text-decoration: none}
A:hover {color: red; font-weight: normal; text-decoration: underline}

.SubMenuItemHeight {height:27px;white-space:nowrap;}
.JTreeItemHeight {height:25px}
.JSubMenu {height:27px;}
.JSubMenuArea {}
.JSubItemArea {}



input[type=button],input[type=submit]{
	height:29px;
	margin-top:10px;
	color:#fff;
	font-size:13px;
	//font-weight:bold;
	text-align:center;
	text-shadow:0 1px 0 #198f96;
	background:#456da3;
	//background:url(/Modules/JIcon/btnbg.gif) 0 0 repeat-x;
	border:1px solid #3d679f;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
	line-height:22px\9;
	padding:3px 8px\9;
	cursor:pointer;
}

input[type=button]:hover,input[type=submit]:hover{
	background:#3d679f;
	text-shadow:0 1px 0 #0c5f64;
	}

input[type=button]:active,input[type=submit]:active{
	color:#999;
	background:#666;
	text-shadow:none;
	border:1px solid #333;
	-webkit-box-shadow:inset 0 2px 3px #333;
	-moz-box-shadow:inset 0 2px 3px #333;
	box-shadow:inset 0 2px 3px #333;

}


.cbtn_tab{	
	cursor:pointer;
	height:10px;
	BORDER-LEFT: 1px solid;
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	BORDER-BOTTOM: 1px solid;
	border-Color : 'darkblue darkblue darkblue darkblue';
}

.cbtn
{
	cursor:pointer;
	height:10px;
	BORDER-LEFT: 0px solid;
	BORDER-RIGHT: 0px solid;
	BORDER-TOP: 0px solid;
	BORDER-BOTTOM: 0px solid;
	border-Color : 'darkblue darkblue darkblue darkblue';
        valign:top;
}

 #JEIPAgent {
            display: flex;
            justify-content: flex-end;
}

.ring-notification {
	position: relative;
}

.ring-button {
	text-decoration: none;
	display: flex;
	align-items: start;
	margin-right: 4px;
}

.ring-num {
	font-family: "微軟正黑體, sans-serif";
	background-color: red;
	color: white;
	font-size: 1rem;
	padding: 0 3px;
	border-radius: 10px;
	margin-top: -3px;
}

.custom-dropdown {
	position: absolute;
	z-index: 100;
	right: 0;
	top: 18px;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, .15);
	margin: 0;
	padding: 0;
	border-radius: 4px;
	list-style: none;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.custom-dropdown li {
	padding: 8px 16px;
	text-align: left;
}

.custom-dropdown li:hover {
	background-color: #f8f9fa;
}

.custom-dropdown li .custom-dropdown-item {
	display: block;
	height: 100%;
	text-decoration: none;
	white-space: normal;
}

.custom-dropdown li .custom-dropdown-item:hover {
	color: #000080;
}

.custom-dropdown li .custom-dropdown-item img {
	margin-right: 4px;
}

.custom-divider {
	border: 1px solid #eee;
	margin: 0;
}

.custom-modal {
	display: none;
	position: fixed;
	z-index: 200;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 0% auto;
	padding: 0;
	border: 1px solid #888;
	border-radius: 4px;
}

.modal-header {
	padding: 2px 24px;
}

/* Modal Body */
.modal-body {
	padding: 2px 24px;
}

/* Modal Footer */
.modal-footer {
	padding: 16px 24px;
	text-align: center;
}

.modal-footer .close-btn {
	cursor: pointer;
	background-color: #456da3;
	border: 1px solid #3d679f;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 4px 8px;
}

/* The Close Button */
.modal-content .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	padding: 12px 8px;
}

.modal-content .close:hover,
.modal-content .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-content table {
	width: 100%;
}

.modal-content thead {
	background-color: #b6cfed;
}

.modal-content th {
	border: 1px solid #95b9e4;
	padding: 6px 16px;
}

.modal-content td {
	border: 1px solid #95b9e4;
	padding: 6px 16px;
}

.modal-content table tbody tr:nth-child(even) {
	background-color: #f3f9fe;
}

.modal-content td:first-child {
	text-align: center;
}

.modal-content a {
	color: #000080;
	text-decoration: none;
}

.modal-content a:hover {
	color: black;
}