/* 新 Web 应用程序项目的默认 CSS Stylesheet */
body{
    margin:0 auto;
	padding:0px;
	background: #caced1;
	font: 12px/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #777;
	text-align: center;
	}
form{margin:0}
a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}
h1, h2, h3 ,h4{ font-family: arial, Tahoma, Sans-serif;  }
h1 {
	font-size: 160%;	
	font-weight: normal;	
	color: #2666c3;
	text-align:center;
}
h2 {
	font-size: 160%;
	color: #88ac0b;
	font-weight: normal;
	margin-bottom:8px;
}
h3 {
	font: bold 18px/16px "trebuchet MS", Arial, Tahoma, Sans-serif;	 
	color: #2666c3;
	margin-bottom:0px;
	margin-top:8px;
}
h4{ text-align:center; margin-bottom:2px; font-weight:16px;}
.iBody {
	width: 1000px;
	background: #CCC url(images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	padding:0px 0px 10px 0px;
}
.Address{
    clear:both; 
	background:url(http://www.sunking.com.hk/images/address.gif) #fff 5px 8px no-repeat; 
	height:22px; 
	padding-top:10px; 
	padding-left:35px; 
	text-align:left; 
	position:relative; 
	border-bottom:#ddd 1px solid; 
	font-family:Arial;
	margin-left:15px;
	margin-right:15px;
	}
.iMain{ margin-left:15px; margin-right:15px;}
.iMainL{ float:left; width:260px; overflow:hidden;}
.iMianR{ float:right; text-align:left; width:700px;}
.iPic,.NewsC{
    border:#ACD6ED 1px solid; 
	display:block; 
	float:left; 
	width:340px; 
	margin-left:8px; 
	margin-top:8px;
	}
.NewsC{ height:182px; overflow:hidden; background:url(images/hotnews.jpg) 0px 0px no-repeat;}
.iPic-top{
    background:url(images/picb.gif) repeat-x; 
	height:25px;  
	margin:1px;font: bold 14px/24px "trebuchet MS", Arial, Tahoma, Sans-serif; 
	color:#1f3a87; 
	padding-left:5px;
	}
.iPic-body{
    border-top:#acd6ed 1px solid; 
	padding:5px;
	}
.iPic-body ul{ margin:0px 0px 0px 5px;}
.iPic-body ul li{ list-style: square inside; overflow:hidden; white-space:pre;}
.iPic-body ul li span{ float:right; margin-right:5px; margin-top:-18px;}
.iPic-top span{ float:right; margin-right:8px; margin-top:-24px;}
.iPic-body ul li span a,.iPic-top span a{color:#666;}
.GadLeft{ line-height:24px; font-size:12px; margin-top:-20px; font-family:Arial, Helvetica, sans-serif}
.pType{ margin:8px 0px 10px 10px;; clear:both;}
.pType ul{ margin:0px; padding:0px;}
.pType ul li{
    display:block; 
	float:left; 
	width:123px; 
	padding-left:12px; 
	background:url(images/bullet.gif) 0px 8px no-repeat; 
	line-height:20px; 
	margin-right:3px;
	}
.pType b{ font: bold 18px/24px "trebuchet MS", Arial, Tahoma, Sans-serif;}
.logo{
    position:absolute;
	top:30px;
	left:30px;
	}
.logo img{ border:0px;}
#header {
	position: relative;
	height: 131px;
	background: #caced1 url(images/header.jpg) no-repeat center top;
	padding: 0;	
	color: #fff;
	width:1000px;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	margin-top:16px;
	font: bolder 24px, Arial, Sans-serif;
	letter-spacing: -1px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 120px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px, Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 85px; left: 125px;		
}
#slogan {
font-size:20px;
}

/* header links */
#header #header-links {
	position: absolute;
	color: #C6DDEE;
	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	top: 20px; right: 20px;	
}
#header-search{
    position:absolute;
	top:70px;
	right:20px;
	}
#header-search span{ 
    color:#D4FF55;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	}
#header #header-links a {	
	color: #fff;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #D4FF55;	
}
.SInp{ 
    color:#3b5e0b; 
    font-weight:bold; 
	font-family:, Arial, Tahoma, Sans-serif;
	}

#menu {
	clear: both;	
	margin: 0 auto; padding: 0;
	background: #81C524 url(images/menu.jpg) no-repeat;	
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 1000px;	
}
#menu ul {
	float: left;
	list-style: none;
	margin:0; padding: 0 0 0 20px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #fff;	
	text-decoration: none;
	background: url(images/sep.jpg) no-repeat 100% 100%;
}
#menu ul li a:hover {
	color: #3b5e0b;	
}
.Abo{border:#527BD6 0px solid; text-align:left; height:100%; line-height:20px; font-family:"宋体"; margin-top:15px;}
#ShowHtml div,#ShowHtml a:link,#ShowHtml a:active,#ShowHtml a:visited{ display:block; float:left; padding:2px 5px 0px; background:#E6E6F0; border:#5DACD7 1px solid; margin-right:4px; font-size:12px; clear:right;}
#ShowHtml span{ font-size:12px; float:left; display:block; padding:2px 5px 0px; margin-right:4px; font-weight:bold;border:#5DACD7 1px solid;background:#5DACD7; color:#fff;}
#ShowHtml a:hover{color:#fff; background:#5DACD7; text-decoration:none;}
.iprofile{ line-height:18px; font-size:13px;width:700px; float:left; margin-top:8px;}
.iprofile div{margin:10px 10px 12px;font-family: Arial, Helvetica, sans-serif; color:#000; line-height:26px;}
.indexhot{
	width:700px; 
	float:left;
	margin-top:8px;
}
.hot-top{
    background:url(images/htop.jpg) no-repeat; 
	height:22px; 
	color:#004284; 
	font-size:14px; 
	padding:3px 0px 0px 15px; 
	font-weight:bold; 
	overflow:hidden;
	}
.hot-top span{ color:#3b5e0b;}
.hot-body{
    border-left:#84BDDE 1px solid;
	border-right:#84BDDE 1px solid;
	padding:4px 5px 0px 5px;
	font-size:13px;
	line-height:20px;

	}
#ScrollsPro{ position:relative; width:100%}
#ScrollsPro div{
    float:left;
	margin-right:4px;
	position:relative;
	}
#ScrollsPro span{
    position:absolute;
	left:0;
	top:0;
	display:block;
	width:164px;
	margin:2px 0px 0px 2px;
	height:20px;
	padding-top:3px;
	text-align:center;
	background:#ddd;
	filter:alpha(opacity=80);
	font-weight:bold;
	}
#ScrollsPro a:hover img{ filter:alpha(opacity=100);border:#004284 2px solid;}
.hot-body img{ border:#ccc 2px solid; width:164px; height:128px;filter:alpha(opacity=80);}
.hot-btm{
    background:url(images/hbtm.jpg) no-repeat;
	height:5px;
	}
	
.indexContact{
    float:right;
	width:260px;
	margin-top:8px;
}
.indexContact ul{ margin:0px; padding:0px;}
.indexContact ul li{ padding-left:15px; background:url(images/flag.gif) 0px 6px no-repeat; white-space:pre; overflow:hidden}
.contact-top{
    background:url(images/ctop.jpg) no-repeat; 
	height:21px; 
	color:#4B8C55; 
	font-size:14px; 
	padding:4px 0px 0px 34px; 
	font-weight:bold; 
	overflow:hidden;
	position:relative;
	}
.contact-body{
    border-left:#C8F19C 1px solid;
	border-right:#C8F19C 1px solid;
	padding:5px;
	font-size:13px;
	line-height:20px;
	}
.contact-body span{
    width:60px; display:block; float:left; font-weight:bold; clear:left;
}
.contact-btm{
    background:url(images/cbtm.jpg) no-repeat;
	height:5px;
	}


.oLink{color: #3b5e0b;}

#cmenu{ clear:both; margin-top:8px;}
#cmenu ul{ margin:0px; padding:0px; height:22px; overflow:hidden;}
#cmenu li{ list-style-type:none; padding:2px 0 3px;cursor:pointer; text-align:center;}
#cmenu .active{ background:url(images/active.gif);float:left;width:122px;}
#cmenu .normal{ background:url(images/normal.gif);float:left;width:121px;}
#cmenu .normal2{ background:url(images/normal2.gif);float:left;width:121px;}

.iclear{ clear:both;}
.cmenuList{
    border-left:#cbcbcb 1px solid; 
	border-right:#cbcbcb 1px solid;
	border-bottom:#cbcbcb 1px solid;
	margin-right:1px;
	position:relative;
	}
.cmenuList div{
    clear:both;
    display:none;
	padding:10px;
	}
.cmenuList ul{ margin:0px; padding:0px;}
.cmenuList ul li{
    display:block;
	float:left;
	background:url(images/bullet.gif) 0px 6px no-repeat;
	width:170px;
	margin-right:8px;
	padding-left:10px;
	}
#InTop{}
.InTop-body{border-right:#ccc 1px solid; position:relative; clear:both; height:23px; overflow:hidden;}
#InTop span,.InTop-body span{    
	display:block;
	float:left;
	text-align: left;
	padding-left:10px;
	overflow:hidden;
}
#InTop span{ 
    background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0;	
	color: #fff;	
	border: 1px solid #306bc1;
	font: bold 16px/25px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 25px;
	}
.InTop-body span{
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	font: bold 12px/22px, Arial, Tahoma, Sans-serif;
	height:19px;
	padding-top:3px;
}
.InTop-body-no{
    border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:5px;
    }
#InTop .Sp1{ width:180px;}
#InTop .Sp2{ width:150px;}
#InTop .Sp3{ width:280px;}
#InTop .Sp4{ width:42px;}
.InTop-body .Sp1{ width:180px;}
.InTop-body .Sp2{ width:150px; padding-left:12px;}
.InTop-body .Sp3{ width:281px;}
.InTop-body .Sp4{ width:52px; text-align:center; padding-left:0px;}
.InTop-body .Sp4 img{ border:0px; margin-top:0px; margin-bottom:0px;}
#footer {
	color: #C6DDEE;
	background: #caced1 url(images/footer.jpg) no-repeat center top;
	clear: both;
	width: 1000px;
	height: 57px;
	text-align: center;	
	font-size: 13px;
	clear:both;
}
#footer p { 
	padding: 10px 0;
	margin: 0;
}
#footer a { 
	color: #fff;
	text-decoration: none; 
}
.qsearch,.qsearch2{ 
    border:#92D3FA 1px solid;
	padding-top:5px;
	padding-left:10px;
	display:block;
	height:23px;
	font-size:14px;
	font-family:Arial, "宋体";
	overflow:hidden;
	white-space:nowrap;
	}
.qsearch2{ margin-top:8px;}
.OtherPic{line-height:22px; clear: both; margin-top:10px; display:block; width:100%; font-size:12px;}
.OtherPic span{ color:#666666; margin-left:10px;}
.OtherPic img{ border:0px; width:16px; height:16px;}
.GadP{ float: right; width:250px; }
.PicInfo{ float:left;word-break:break-all; width:430px; overflow:hidden;}
.PicInfo img{ float:left; margin-right:5px;}
.Gad{ width:700px; overflow:hidden; margin-top:8px; height:72px;}
.IndexAd
{
	margin-top:8px;
	height:182px;
	position:relative;
	border:#1D4B92 1px solid;
	overflow:hidden;
	}
.IndexAd img
{
	border:0px;
	height:182px;
	margin:0px;
	width:100%;
	overflow:hidden;
}
#slideTitle
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	height:18px;
	padding-top:4px;
	color:#D1B192;
	text-align:center;
	background-color:#2666c3;
	filter:alpha(opacity=80);
	border-bottom:#1D4B92 1px solid;
}
#slideTitle a,#slideTitle a:visited,#slideTitle a:active{ color:#fff; text-decoration:none; font-weight:bold}
#slideTitle a:hover{ color:#f5f5f5; text-decoration:none;}
.PicDh
{
	position:absolute;
	bottom:0;
	right:-1px;

}
.picoff
{
	background-color: #2666c3; 
	color:#FFFFFF; 
	font-size:14px; 
	border-right:#f7f7f7 1px solid; 
	float:left; 
	width:22px; 
	text-align: center; 
	cursor:pointer; 
	line-height:16px;
	filter:alpha(opacity=70);
	height:17px;
	padding-top:3px;
	}
.picon
{
	background-color: #993333;
	color: #FFCC33; 
	font-size:14px; 
	float:left; 
	width:30px; 
	border-right:#f7f7f7 1px solid;
	text-align:center; 
	cursor:pointer; 
	line-height:16px;
	filter:alpha(opacity=80);
	height:17px;
	padding-top:3px;
	}
.Tnews{ margin:5px 8px 0px 8px; height:80px; display:block; overflow:hidden; background:url(images/dline.gif) left bottom repeat-x; color:#666; font-size:13px; line-height:18px;}
.Pnews{ margin:5px 0px 0px 8px; height:90px; overflow:hidden; line-height:18px;}
.Pnews ul{ margin:0px; padding:0px; list-style:none;}
.Pnews ul li{ padding-left:12px; background:url(images/bullet.gif) 0px 6px no-repeat;}
.iNews{ padding-left:12px;font: 12px/18px,"Trebuchet MS", Arial, Tahoma, Sans-serif; height:20px; background: url(images/bullet.gif) 0px 8px no-repeat; margin-left:8px;}
.iNews span{ font-style:italic;}
.newsinfo{ display:block; float:none;font-size:12px; border-bottom:#ddd 1px dashed;margin-bottom:15px; padding-bottom:5px; text-align:left; text-align:center;}
.newsinfo span{ margin-left:10px; font-weight:bold;}
.Feedback{ margin-top:8px; margin-bottom:8px;word-break:break-all;}
.Feedback-top{background:url(images/dline.gif) left bottom repeat-x; padding-bottom:10px; line-height:20px;}
.inp{margin-top:8px; clear:both;}
.inp span{display:block; width:120px; float:left; padding-top:3px;}
.inp font{color:#FF0000;}
.loadimg{text-align:left;border: #CCCCCC 1px solid; color:#000; font-size:14px; display:none;background:url(http://www.sunking.com.hk/images/load.gif) 4px 6px no-repeat;padding:5px 10px 5px 25px;background-color:#FFFFCC; float:left;}
.co{font-size:12px; line-height:22px; margin-top:8px;}
.co ul,.po ul{ margin:0px; padding:0px;}
.co li{ list-style:none; padding-left:12px; background:url(images/bullet.gif) 0px 8px no-repeat;}
.co span{ display:block; width:90px; float:left; font-weight:bold;}
.po ul li span{ display:block; width:170px; float:left; font-weight:bold;}
.po ul li{ list-style:none;}
.po h2 span{ font-size:12px; color:#666;}
.po{ line-height:20px;}
.BrandB{border:#92D3FA 1px solid; padding:1px;margin-bottom:11px; height:90px; overflow:hidden; color:#000;word-break:break-all;word-wrap:break-word;}
.Brand{height:20px; padding-top:6px; padding-left:4px; border-bottom:#92D3FA 1px solid;background-color:#f5f5f5; color:#000; overflow:hidden;}
.Brand span{ float:right; margin-top:-20px; font-weight:normal; margin-right:8px;}
.BrandT{display:block; padding:4px; clear: right; font-size:12px; text-align:left;}
.BrandB img{margin:5px; border:#ddd 0px solid; float:left; width:135px; height:55px;}