body{margin:0;font:80%/160% arial;background-color:#002233!important;}
h1,h2,h3{margin:0;padding:0;}
a:link{color:#e1e1e1;text-decoration:none;}
a:visited{color:#e1e1e1;text-decoration:none;}
a:hover{color:#ffbb00;text-decoration:underline;}
#Content{text-align:center;margin: 0 auto;}
#Logo{display:block;width:960px;height:73px;background:url(/images/logo.gif) no-repeat;margin: 0 auto;}
.Navigat{width:960px;height:35px;background:#1A5475 url(/images/menu.gif) no-repeat center;margin-bottom:10px;margin: 0 auto;}
.Navigat ul {margin:0 0 0 40px;}
.Navigat li {display:block;float:left;padding-left:4px;background:url(/images/menu_line.gif) right center no-repeat;}
.Navigat a:link,.Navigat a:visited {display:block;padding:11px 25px 11px 25px;font:bold 13px/13px tahoma;color: #fff;text-decoration: none;}
.Navigat li.current {text-decoration: none;}
.Navigat a:hover,.Navigat .current a:link,.Navigat .current a:visited{color: #C7EDFF; background:url(/images/menu_on.gif) left no-repeat;}
.corpIntro{width:960px;text-align:left;margin: 0 auto;margin-top: 7px;}
.Banner{float:right;clear:both;width:759px;margin:0 0 0 0;position:relative;padding:8px 0;background:#aabbcc;height:66px;}
.Banner p{margin-top:6px;padding-left:8px;padding-right:8px;font-family:verdana!important; font-size:11px;}
.Banner strong{color:#FF0000;}
.Banner ul {margin:0;list-style-type:none;padding-left:10px;}
.Banner li {padding-bottom: 8px;}

.companyProduct{float:right;clear:both;width:757px;margin:0 0 15px 0;position:relative;color:#aabbcc; padding:8px 0;padding-bottom:17px;border:solid 1px #aabbcc;}
.companyProduct p{margin-top:16px;padding-left:8px;padding-right:8px;font-family:verdana!important; font-size:15px;}
.companyProduct ul{margin-top:6px;font-family:verdana!important;}
.companyProduct h1,h2{margin-top:6px;padding-left:8px;font:bold 16px/1.6em verdana!important;color:#ffbb00;}
.companyProduct b{color:#ffbb00;}
.companyProduct .box{padding:4px 11px;padding:12px 11px;}
.featureSelectProduct {width:24%;height:187px;float:left;}
.featureSelectProduct2 {width:24%;height:158px;float:left;}
.pic{ width:160px; height:160px; overflow:hidden;  table-layout: fixed; display:table!important;display:block;}
.pic2{ width:160px; height:120px; overflow:hidden;  table-layout: fixed; display:table!important;display:block;}
.productName{font:bold 11px/1.1em verdana!important;padding-top:3px;}
.featureSelectProductB {width:50%;height:387px;float:left;}
.picB{ width:360px; height:360px; overflow:hidden;  table-layout: fixed; display:table!important;display:block;}


.relBox{float:left;width:178px;height:192px; padding:10px 10px 10px 0;margin:0;}
.relImg{overflow:hidden;width:178px;text-align:center; }
/*.relImg a:hover {border-bottom:3px solid #aabbcc;border-right:3px solid #aabbcc;}*/
.relTitle{font:normal 11px/1.1em verdana!important;padding-top:5px;text-align:center;}
.relTitle a {font:normal 11px/1.1em verdana!important;}

.sideMenu{width:190px;}

.portalLink {position:relative;margin-bottom:12px; padding:0 0 5px 0; background:#1a3948 url(/images/portalLinkbottom.gif) bottom no-repeat;}
.portalLink a.more {color:#ffbb00;text-decoration:underline!important;}
.portalLink a.more:hover {color:#ffff99!important;}
.portalLink a.more:visited {color:#ffbb00;}

.portalLink h3{color:#ffbb00;padding:5px 6px 3px 12px;font:bold 1.1em arial; border-bottom:1px solid #2e4b5c;background:#334e5c url(/images/portalLinktop.gif) top no-repeat; }
.portalLink ul{margin:0;list-style-type:none;padding:0;}
.portalLink li span{color:#999;}
.portalLink li a:link, .portalLink li a:visited{color:#e1e1e1; font-weight:bold}
.portalLink li a:hover{color:#ffbb00; }
.portalLink li.current{background:#fd8d01 url(/images/portalLinkIconCurrent.gif) 5px 8px no-repeat; font-weight:bold}
.portalLink li.current a:link, .portalLink li.current a:visited{font-weight:bold; color:#1a3948;}
.portalLink li {padding:3px 0 3px 20px; background:url(/images/portalLinkIconCurrentOff.gif) 6px 9px no-repeat}

.miniNameCard {position:relative;margin-bottom:12px;background:#1a3948 url(/images/portalLinkbottom.gif) bottom no-repeat; padding:0 0 5px 0; color:#fff}
.miniNameCard a.more {color:#ffbb00;text-decoration:underline!important;}
.miniNameCard a.more:hover {color:#ffff99!important;}
.miniNameCard a.more:visited {color:#ffbb00;}

.miniNameCard a:hover{color:#ffaa00; text-decoration:underline; }
.miniNameCard h3{padding:5px 6px 3px 12px;font:bold 14px arial;background:#334e5c url(/images/portalLinktop.gif) top no-repeat; border-bottom:1px solid #2e4b5c; color:#e4e7eb;}
.miniNameCard p{margin-top:6px;padding-left:8px;font:normal 11px/1.1em arial!important;}

#footer{clear: both; color:#789; padding:20px 0 20px 0; margin-top:20px;text-align:center;font:0.85em/14px verdana; background:#00283c url(/images/footer.gif) repeat-x}
#footer a:link, #footer a:visited{color:#789; text-decoration:underline}
#footer a:hover{color:#8aafd5; text-decoration:none}
.contact {padding-right:20px;padding-top:16px;padding-bottom:6px;}

#kylincon{ border-left:#aabbcc solid 1px;border-top:#aabbcc solid 1px;border-collapse:collapse;} 
#kylincon td{border-right:#aabbcc solid 1px;border-bottom:#aabbcc solid 1px;padding:10px 10px 6px;vertical-align: top;font:normal 12px/1.2em verdana!important;}

#demo {
background: #FFF;
overflow:hidden;
border: 1px solid #CCC;
width: 756px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}



#abgneBlock {
		width: 958px;
		height: 479px;
		position: relative;
		overflow: hidden;
		border: 1px solid #ccc;
		margin: 0 auto;
	}
	#abgneBlock ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock ul.list li {
		float: left;
		width: 958px;
		height: 100%;
	}
	#abgneBlock .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock ul.playerControl li {
		float: left;
		width: 23px;
		height: 14px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(/images/rect_ctrl.png) no-repeat 0 0;
	}
	#abgneBlock ul.playerControl li.current { 
		background-position: -23px 0;
	}

	.miniNameCard .search-box {
display: flex;
flex-direction: column; /* Stack input and button vertically */
align-items: center;
margin-top: 17px; /* Space from company info */
padding-top: 13px;
}

.miniNameCard .search-box input[type="text"] {
padding: 8px 15px;
border: 1px solid #ddd; /* Add a subtle border */
border-radius: 7px;
outline: none;
width: calc(90% - 30px); /* Adjust width to fit sidebar padding */
font-size: 0.9em;
background-color: #fff;
color: #333;
margin-bottom: 10px; /* Space between input and button */
}

.miniNameCard .search-box button {
background-color: #ffcc00;
color: #003366;
border: none;
padding: 8px 20px;
border-radius: 7px;
cursor: pointer;
font-weight: bold;
transition: background-color 0.3s ease;
width: auto; /* Button width adapts to content */
margin-bottom: 27px; 
}

.miniNameCard .search-box button:hover {
background-color: #e6b800;
}