@import "public.css";

#homeCT{
	clear:both;
	margin-bottom:20px;
	zoom:1;
}
#homeCT:after{
	content:"";
	clear:both;
	display:block;
}




#hotProducts,
#newsRelease{
	float:left;
	padding:0 20px 0 30px;
}
#hotProducts{
	width:430px;
}
#newsRelease{
	width:470px;
}
#hotProducts h2,
#newsRelease h2{
	height:39px;
}
#hotProducts h2 span,
#newsRelease h2 span{
	display:none;
}
#hotProducts h2{
	background:url(../../images/titleHot.gif) no-repeat;
}
#newsRelease h2{
	background:url(../../images/titleNews.gif) no-repeat;
}




/*********************************** Hot Products 新產品 start *******************************************/
.hotCTBlock{
	position:relative;
	padding:16px 0;
}
.carouselArea{
	position:relative;
	width:430px;
	height:240px;
	overflow:hidden;
}
.hotList{
	position:absolute;
	list-style:none;
}
.hotUnit{
	clear:both;
	height:50px;
	padding:5px 0;
	overflow:hidden;
	zoom:1;
}
*+html .hotUnit{
	display:inline;
}
* html .hotUnit{
	display:inline;
}
.hotUnit:after{
	content:"";
	clear:both;
	display:block;
}
.hotUnit .hotP{
	float:left;
	width:100px;
}
.hotUnit .hotP a img{
	padding:1px;
	width:94px;
	height:44px;
	border:2px solid;
	background:#FFF;
}
.hotUnit .type1 a img{border-color:#c9006f;}
.hotUnit .type2 a img{border-color:#2a9642;}
.hotUnit .type3 a img{border-color:#d47837;}
.hotUnit .type4 a img{border-color:#164594;}
* html .hotUnit .type1 a:hover{background:#FFF;}
* html .hotUnit .type2 a:hover{background:#FFF;}
* html .hotUnit .type3 a:hover{background:#FFF;}
* html .hotUnit .type4 a:hover{background:#FFF;}
.hotUnit .type1 a:hover img{background:#c9006f;}
.hotUnit .type2 a:hover img{background:#2a9642;}
.hotUnit .type3 a:hover img{background:#d47837;}
.hotUnit .type4 a:hover img{background:#164594;}


.hotUnit .hotCT{
	float:left;
	width:320px;
	margin-left:10px;
}
.hotUnit .hotCT h3{
	width:320px;
	height:17px;
	white-space:nowrap;
	overflow:hidden;
}
.hotUnit .hotCT ul{
	list-style:none;
}
.hotUnit .hotCT ul li{
	background:url(../../images/dot.gif) no-repeat 4px 6px;
	padding-left:10px;
	width:310px;
	height:16px;
	overflow:hidden;
	white-space:nowrap;
}



.hotCTBlock a.arrowUp,
.hotCTBlock a.arrowDown{
	position:absolute;
	display:block;
	width:430px;
	height:13px;
}
.hotCTBlock a.arrowUp span,
.hotCTBlock a.arrowDown span{
	display:none;
}
.hotCTBlock a.arrowUp{
	top:0;
	background:url(../../images/hotProductsArrowUp.gif) no-repeat;
}
.hotCTBlock a.arrowDown{
	background:url(../../images/hotProductsArrowDown.gif) no-repeat;
	top:259px;
}
/*********************************** Hot Products 新產品 end *******************************************/









/*********************************** News Release 新聞 start *******************************************/
.newsList{
	list-style:none;
}
.newsUnit{
	clear:both;
	padding:5px 0;
}
.newsUnit:after{
	content:"";
	clear:both;
	display:block;
}
.newsUnit .newsP{
	float:left;
	width:168px;
}
.newsUnit .newsP a img{
	padding:3px;
	width:160px;
	height:100px;
	background:#FFF url(../../images/bgGrdnt.gif) repeat-x;
	border:1px solid #CCC;
}
* html .newsUnit .newsP a:hover{
	background:#FFF
}
.newsUnit .newsP a:hover img{
	background:#CCC;
}
.newsUnit .newsCT{
	float:left;
	width:292px;
	margin-left:10px;
}
.newsUnit .newsCT .newsTitle{
	margin-bottom:2px;
}
.newsUnit .newsCT p{
	margin:0;
}
.newsUnit .newsCT a.more{
	float:right;
	margin-top:3px;
}
/*********************************** News Release 新聞 end *******************************************/