@import "style.css";

/******************** 類別列表 start **********************/
.classList{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
}
.classList li{
	margin:0;
	padding:15px 0 0 38px;
	list-style:none;
	list-style-image:none;
	line-height:normal;
	width:222px;
	float:left;
}
.classList li.firstInRow{
	padding-left:0;
	clear:both;
}

.classListP a{

}
.classListP a:hover img{
	border:1px solid #53116e;
}
.classListP a img{
	width:220px;
	height:130px;
	border:1px solid #c6c6c6;
}
.classList li h3{
	margin:0 0 2px 0;
	padding:0;
}
.classList li h3 a{
	display:block;
	background:#53116e;
	text-align:center;
	color:#FFF;
	padding:2px 0;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.classList li h3 a:hover{
	background:#8fc320;
	color:#FFF;
}
.classListMore{
	margin-top:5px;
	text-align:right;
}
/******************** 類別列表 end **********************/


/******************** 產品列表 start **********************/
.productList{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
}
.productList li{
	margin:0;
	padding:15px 0 0 38px;
	list-style:none;
	list-style-image:none;
	line-height:normal;
	width:222px;
	float:left;
}
.productList li.firstInRow{
	padding-left:0;
	clear:both;
}

.productListP a{

}
.productListP a:hover img{
	border:1px solid #691d89;
}
.productListP a img{
	width:220px;
	height:130px;
	border:1px solid #c6c6c6;
}
.productList li h3{
	margin:0;
	padding:0;
}
.productList li h3 a{
	display:block;
	padding:8px 0 5px;
	border-bottom:2px solid #691d89;
	color:#691d89;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.productList li h3 a:hover{
	color:#000;
}
.productList li p{
	margin:0;
	padding:8px 0 0;
	line-height:1.5em;
}
.productList li ul{
    font: 11px "Tahoma";
	line-height:10px;
	color:#666666;
	margin:9px 10px 0px 0px;
	padding:0px;
}
.productList li ul li{
    font: 11px "Tahoma";
	list-style:url(../../images/arrow.gif) outside;
	line-height:9px;
	color:#666666;
	margin:5px;
	margin-left:15px;
	*margin-left:15px; /*IE*/
	padding:0px;
	float:none;
	width:auto;
}
.productList li ul li a {
	color:#999999;
	font: 11px "Tahoma"; 
	text-decoration:none;
}
.productList li ul li a:hover {
	color:#666666;
}
.productListMore{
	margin-top:10px;
}
/******************** 產品列表 end **********************/







/******************** 產品詳細頁上半部 start **********************/
.detailPBlock{
	float:left;
	width:400px;
	height:320px;
	margin-left:20px;
	display:inline;
}



.detailCTBlock{
	float:left;
	width:320px;
	padding-left:10px;
}
.detailCTBlock .ct ul li{
	line-height:1.3em;
	margin-top:5px;
	font-size:12px;
}

ul.detailPList{
	margin:15px 0 0;
	padding:0;
	list-style:none;
}
ul.detailPList li{
	margin:5px 0 0 5px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
ul.detailPList li a img{
	border:1px solid #b5b5b5;
}
ul.detailPList li a:hover img,
ul.detailPList li.now a img{
	border:1px solid #53116e;
}
/******************** 產品詳細頁上半部 end **********************/








ul.tabStyle{
	margin-top:40px;
}






.tableStyle1{
	margin-bottom:30px;
}
.tableStyle1 th.item{}
.tableStyle1 th.name{text-align:left;}
.tableStyle1 th.description{text-align:left;}
.tableStyle1 th.date{}
.tableStyle1 th.download{}

.tableStyle1 td.item{width:80px; text-align:center;}
.tableStyle1 td.name{width:160px; font-weight:bold; color:#333;}
.tableStyle1 td.description{}
.tableStyle1 td.date{width:100px; text-align:center;}
.tableStyle1 td.download{width:80px; padding:4px;}

.tableStyle1 td.download a.btnDownload{
	position:relative;
	margin:0 auto;
}

.tabCTBlock ct{
	line-height:12px;
	letter-spacing:2px;
}


.tabCTBlock .tableStyle2{
	margin-bottom:20px;
}