@charset "utf-8";
/* Products */


.productsSearch{
	display:block;
	margin:0 0 10px 15px;
	width:189px;
	margin:0 auto;
	font-size:12px;
	text-align:left;
}
.productsSearch ul {
	margin-bottom:5px;
}
.productsSearch ul li{
	margin-left:10px;
}
/* ================新產品選 項排列清單==================== */
.productNewTitle{
	display:block;
	width:95px;
	height:17px;
	margin:30px 0 0 50px;
	text-indent:-999999px;
	background-image:url(../img/index/new_products_icon.gif);
}
.productNewTitle:hover{
	background-position:bottom;	
}
.productNewTitle:hover{
	color:#C00;	
}
.productNew{
	display:block;
	margin:10px 0px 0px 60px;
	float:left;
	width:300px;
	height:100px;
	_margin:10px 0px 0px 30px;
}
.productNew img{
	position:absolute;
}
.productNew ul{
	position:absolute;
	display:inline;
	margin-left:120px;
	margin-left:0px\9;
	_margin-left:120px;
	font-size:12px;
	color:#999;
}
.productNew ul li h3{
	font-size:14px;
	width:180px;
	margin-bottom:10px;
}
.productNew ul li h3{
	color:#C00;
}
.productNew ul li span{
	margin-left:10px;
	
	font-size:10px;
	background-color:#C00;
	color:#FFF;	
} 
/* ================產品選項排列清單==================== */

.productsListClass{
	display:block;
	margin:0px 10px 20px 0px;
	overflow:hidden;
}
.productsListClass li{
	float:left;
	height:240px;
	width:225px;
	border:#666666 1px;
	border:#CCC solid 1px;
	margin:20px 0 0 20px;
	padding-top:15px;
	-webkit-border-radius: 10px; 	/* 框線導圓角 */
	-moz-border-radius: 10px;		/* 框線導圓角 */
	border-radius: 10px; 			/* 框線導圓角 */
}
.productsListClass li:hover{
	border-color:#C00;
}
.productsListClass li:hover a{
	color:#C00;
}
.productsListPdImg{
	margin-left:50px;
	margin-bottom:15px;
}

.productsListClass li ul li{
	height:auto;
	width:200px;
	margin:0px;
	margin-left:20px;
	_margin-left:10px;
	font-size:12px;
	list-style-type:square;
	color:#666;
	line-height:16px;
	border:none;
	padding:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none; 
}

.productsListClassTittle{
	list-style-type:none;
	margin:0 10px 15px 20px;	
}
.productsListClass li ul li h6{
	width:200px;
	font-weight:200;
	white-space:normal;
	overflow:auto;
	/* IE8 HACE */
	overflow:inherit\9;
	color:#666;
}
.productsListClassNumber{
	position:relative;
	height:30px;
	margin-bottom:5px;
	/* IE8 HACE */
	margin-bottom:10px;
}
.productsListClassNumber a{
	width:250px;
	white-space:normal;
	height:30px;
	line-height:20px;
	font-size:16px;
	width:200px;
	display:block;
	font-weight:bold;
	list-style-type:none;
}
#productsSearchNumber{
	line-height:50px;
	text-align:center;
	border:#224266 solid 1px;
	_padding-bottom:10px;
}
.MenuModel,.MenuFiltersed,.MenuCategory{
	display:block;
	margin:12px 0 0 0;
	padding:7px 0;
	font-size:12px;
	text-align:center;
	background-color:#224266;
	color:#FFF;
	font-weight:bold;
}

@media print{
.MenuModel,.MenuFiltersed,.MenuCategory{
	display:none;	
}
}

/* 選單內容使用方式解說 */
.ContentMenuList h5{
	font-size:14px;	
}
.ContentMenuList p{
	text-align:left;
	margin:10px 0 0 10px;
	font-size:11px;
	font-weight:bold;
	color:#036;
	line-height:18px;
}
.ContentMenuList h6{
	font-size:12px;
	color:#999;
	margin:0 0 15px 30px;
}
/* ****************************************************************************** */
/* ******************************產品選單點選搜尋功能********************************** */
/* ****************************************************************************** */


.productsResultAdSearch{
	margin:0 auto;
	margin-bottom:10px;
	border:#224266 solid 1px;
}
.productsResultAdSearch ul{
	margin-bottom:10px;
}
.productsResultAdSearch ul li{
	margin-left:10px;
	font-size:12px;
	color:#666;

}
.productsResultAdSearch h4{
	font-size:12px;
	color:#666;
}
.disTitle{
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#555;
	padding-left:5px;
	margin:5px 0px 5px 15px;

}
#productsResultAdSearchBtn{
	margin:10px 0 10px 30px;
}

/* ****************************************************************************** */
/* ************************products_list.php頁面進階搜尋功能*********************** */
/* ****************************************************************************** */


.productsResultAdSearchAD{
	margin-left:20px;
	margin-bottom:30px;
}
.productsResultAdSearchAD ul{
	margin-top:15px;
	display:block;
	float:left;
	font-size:10px;
	width:180px;
	height:120px;
}
.productsResultAdSearchAD ul li{
	margin-left:20px;
}
.productsResultAdSearchAD h4{
	font-size:14px;
}
.productsResultAdSearchAD ul h3{
	font-size:12px;
	margin:10px 0 10px 10px;
}
#productsResultAdSearchBtnAD{
	position:absolute;
	margin-top:100px;
}

/* ****************************************************************************** */
/* ******************************產品頁面上方文字********************************** */
/* ****************************************************************************** */

.productsResultAdSearchBanner{
	display:block;
	position:relative;
	width:75%;
	min-width:740px;
	_width:70%;
	height:352px;
	
}

.productsResultAdSearchBanner h2{
	color:#000066;
	font-size:14px;
	font-weight:bold;
}
.productsResultAdSearchBanner h4{
	color:#000000;
	font-size:12px;
	font-weight:200;
}
.productsResultAdSearchBannerTitleA{
	display:block;
	margin-top:0px;
	width:450px;
	left: -26px;
}
.productsResultAdSearchBannerA{
	display:block;
	position:absolute;
	margin-top:25px;
	margin-left:30px;
	width:500px;
}
.productsResultAdSearchBannerTitleB{
	position:absolute;
	display:block;
	padding:130px 0 0 392px;
}
.productsResultAdSearchBannerB{
	display:block;
	position:absolute;
	margin-top:155px;
	right:180px;
	text-align:right;
}
.productsResultAdSearchBannerTitleC{
	display:block;
	position:absolute;
	margin-top:280px;
	right:178px;
	text-align:right;
	top: 80px;
}

.imgListA{
	position:absolute;
	right:0px;
	margin-right:20px;
}
.imgListB{
	position:absolute;
	margin-top:130px;
}
/* products_search.php 內容高度 */
.productSearchList{
	margin:0 auto;
	margin-top:30px;
	width:960px;
	overflow:hidden;
}
.productSearchList h2{
	font-size:20px;
	margin-bottom:10px;
	margin-left:35px;
}
.productSearchList h6{
	font-size:12px;
	font-weight:200;
	width:400px;
	line-height:16px;
	margin-bottom:10px;
	margin-left:35px;
}
/* ****************************************************************************** */
/* ***********產品搜尋頁面 products_search.php 有套用上面原本清單樣式再做修改********** */
/* ****************************************************************************** */

.productModelSearch{
	float:left;
	width:300px;
	margin-right:20px;
	
}
.productFilteredSearch{
	width:300px;
	float:left;
	margin-right:20px;

}
.productCategoryList{
	width:320px;
	float:left;
	margin-bottom:20px;
}
/* 清單解說說明 */
.productSearchList p{
	text-align:left;
	margin:10px 0 0 10px;
	font-size:11px;
	font-weight:bold;
	color:#036;
	line-height:18px;	
}

/* ****************************************************************************** */
/* **************************產品頁內容上方文字介紹排版****************************** */
/* ****************************************************************************** */
.productTypeLink{
	display:block;
	margin:20px 0 30px 20px;
}
.productTypeLink li{
	color:#369;
	font-size:10px;
	float:left;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:10px;
	text-indent:-5px;
	_text-indent:0px;
	_margin-left:10px;
	margin-left:15px\9;
	text-indent:0px\9;
}
.productTypeLink li:first-letter{
}
.productTypeLink li h4 a{
	color:#999;
}
.productTypeLink li h4 a:hover{
	color:#C00;
}
h4[lang=zh]{
	font-size:11px;
	font-weight:200;
}

.productTypeTop{
	margin:0 auto;
	margin-top:20px;
	width:95%;
}
.productTypeTop h2{
	font-size:20px;
	color:#333;
	text-shadow: 3px 3px 5px #b8b8b8;
	filter: dropshadow(color=#b8b8b8, offx=3, offy=3);
	text-shadow:none\9;
	filter:none\9;
	margin-top:5px;
}
.productTypeTop h3{
	margin-top:15px;
	font-size:14px;
	color:#666;
	font-weight:200;
	line-height:18px;
	width:90%;
}



/* ****************************************************************************** */
/* ********************************產品頁內容排版********************************** */
/* ****************************************************************************** */
.productsListBigImg{
	position:absolute;
	display:block;
	margin-left:350px;
	z-index:1;
	*margin-left:20px;
	_margin-left:350px;
}
.productsListIconContact{
	display:block;
	min-width:740px;
	overflow:hidden;
	zoom:1;
}
.productsListIconContact li{
	display:block;
	width:370px;
	_width:350px;
	_margin-right:20px;
	height:140px;
	float:left;
}
.productsListIconContact li img{
	float:left;
}
.productsListText{
	margin-top:15px;
	height:130px;
	margin-left:150px;
	position:absolute;
	width:210px;
	
	/* hack IE8 */
	display:inline\9;
	margin-left:0px\9;
	
	/* hack IE7 */
	*margin-left:0px;
	
	/* hack IE6 */
	_position:absolute;
	_width:220px;
	_margin-left:0px;
}
.productsListIconContact li h3{
	font-size:16px;
	line-height:18px;
	margin-bottom:5px;
}
.productsListIconContact li h4{
	font-size:12px;
	font-weight:200;
	line-height:14px;
	color:#666;
}

.productIllustration{
	display:block;
	font-size:12px;
	padding:0 0 60px 0;
	line-height:20px;
	width:90%;
	max-width:900px;
	_width:720px;
	overflow:hidden;
	zoom:1;
}
.productIllustration img{
	display:block;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
.productIllustration p{
	margin:0 0 20px 30px;
	text-align:justify;
	line-height:20px;
}
.productIllustration h3{
	font-size:16px;
	margin:20px 0;
}

.ContentMainProductTop{
	position:relative;
	height:260px;
	overflow:hidden;
	zoom:1;
	z-index:1;
}
.ContentMainProductTop h2{
	font-size:12px;
	font-weight:200;
	color:#666;
}
.ContentMainCenter h5{
	position:absolute;
	margin-top:50px;
	float:left;
	*left:0;
	line-height:30px;
	font-weight:bold;
	font-size:24px;
	z-index:99;
	width:300px;
	color:#333;
	margin-left:25px;
	
	text-shadow: 3px 3px 5px #b8b8b8;
	filter: dropshadow(color=#b8b8b8, offx=3, offy=3);
	text-shadow:none\9;
	filter:none\9; 


}
.ContentMainCenter h6{
	position:absolute;
	margin-top:120px;
	margin-left:25px;
	font-weight:200;
	line-height:28px;
	font-size:20px;
	width:300px;
	color:#999;
	z-index:99;
	

	/* hack IE7 */
	*margin-top:100px;
	*position:static;
	*float:left;
	/* hack IE6 */
	_position:absolute;
	_margin-top:100px;
}
.FaceBookLike{
	margin-top:200px;
	margin-left:25px;
	margin-top:0px\9;
	*margin-top:0px;
	/* hack IE6 */
	_margin-top:0px;
}
.minuteContact{
	width:500px;
	background-color:#CCCCCC;
}

.productsDemoImage{
	display:block;
	margin:0 auto;
	margin-top:20px;
	width:600px;
	overflow:hidden;
	width:200px;
	height:200px;
	background-color:#03C;
}
.productsDemoImage li{
	float:left;
	margin-left:20px;
	margin-top:10px;
}

/* *************************產品頁面DEMO IMAGE 顯微圖片範例********************************************* */
.demoImgCenter{
	text-align:center;
}
.productDemoImageView{
	padding-top:20px;
	overflow:hidden;
	zoom:1;
	width:550px;
}
.demoImgOriginal{
	float:left;
	padding-top:50px;
}
.demoImgMicro{
	width:550px;
	overflow:hidden;
	zoom:1;
}
.demoImgMicro ul{
	width:400px;
	display:block;
	float:right;
	padding:15px 0;
}
.demoImgMicro ul li{
	float:left;
	padding-left:10px;
}






/* *************************Share 分享區 AddThis Button BEGIN*********************************** */
.addthis_toolbox,.addthis_default_style{
	display:block;
	margin-left:10px;
	width:550px;
}
.addthis_toolbox,.addthis_default_style a{
	display:block;
	margin:5px;
}

/* ****************************************************************************** */
/* ********************************產品下方詳細資料表格************************************ */
/* ****************************************************************************** */

.productsTable{
	margin:10px 0 40px 0;
	line-height:20px;
	width:680px;
}
.productsTable th{
	font-size:12px;
	line-height:30px;
	font-weight:200;
	border:#CCC 2px solid;
	padding-left:10px;
}
.productsTable td{
	font-size:12px;
	line-height:20px;
	padding-left:10px;
	font-weight:200;
	border:#CCC 2px solid;
	padding-bottom:5px;
}
.productsTable td h3{
	font-size:16px;
	font-weight:200;
}
.productsTable p{
	font-size:10px;
	color:#333;
}

/*  產品倍率 表格使用對照表 */
.trimmedSpec{
	border:#CCC 2px solid;
	font-size:12px;
}
.trimmedSpec td{
	width:60px;
	height:25px;
	border:#CCC 1px solid;
	text-align:center;
	line-height:25px;
}
/* ****************************************************************************** */
/* ************************圖片~影片~展覽區塊Gallery******************************* */
/* ****************************************************************************** */

.demoVideo{
	margin:20px 0 20px 40px;
}










/* ****************************************************************************** */
/* ********************************產品頁面的驅動程式下載*************************** */
/* ****************************************************************************** */

.support_list{
	margin-top:20px;
	margin-bottom:20px;
	width:720px;
	border-collapse:collapse;
	color:#fff;
	font:normal 12px verdana, arial, helvetica, sans-serif;
}
.support_list td, th {
	color:#000000;
	padding:.4em;
}
.support_list tr {
	border-bottom:1px solid #CCCCCC;
}
.support_list thead , tfoot th {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	padding:3px 10px 3px 10px;
	text-align:center;
}
/*.support_list tbody td a:visited {
	color:gray;
	text-decoration:line-through;
}
*/
.thCenter{
	text-align:center;
}
.thHightCenter{
	vertical-align:middle;
}
.support_list tbody th a {
	color:#363636;
	font-weight:normal;
}
.support_list tbody th a:hover {
	color:#363636;
}
.support_list tbody td+td+td+td a {
	background-position:left center;
	background-repeat:no-repeat;
	color:#03476F;
	background-position:
}
.support_list tbody td+td+td+td a:visited {
	background-position:left center;
	background-repeat:no-repeat;
}
.support_list tbody th, tbody td {
	text-align:left;

}
.support_list tfoot td {
	background:#5C443A;
	color:#FFFFFF;
	padding-top:3px;
}
.odd {
	background:#fff;
}


/* ****************************************************************************** */
/* ********************************產品的周邊配件推薦******************************* */
/* ****************************************************************************** */

.pdRecommendAccessories{
	float:left;	
}
.pdRecommendAccessories div{
	width:170px;
	height:110px;
	text-align:center;
	margin:10px 5px;
	padding:5px;
}
.pdRecommendAccessories img{
	display:block;
	margin:0 auto;
	margin-top:10px;
}
.pdRecommendAccessories h3{
	font-size:12px;
	font-weight:200;
	color:#333;
	line-height:20px;
}
.pdRecommendAccessories div:hover h3{
	color:#C00;
}
.pdRecommendAccessories h4{
	font-size:11px;
	font-weight:200;
	color:#666;
	line-height:16px;
}
.pdRecommend{
	font-size:14px; margin:30px 0 0 30px;
}


/* ****************************************************************************** */
/* ********************************產品表格 文字清單******************************* */
/* ****************************************************************************** */

/* *****************下拉選單******************* */
#jumpMenuList ,#jumpMenuTable{
	display:block;
	float:right;	
}

/* *****************下拉選單 END******************* */

.pdSeriesName{
                background-color:#D5D5D5;
				font-size:16px;
				height:30px;
				color:#333;
}

#tableSwitch{
	font-size:11px;
	margin-bottom:20px;
}
#tableSwitch tr ,#tableSwitch td{
	padding:6px 2px;
	vertical-align:middle;
	
}
#tableSwitch thead td ,#tableSwitch tfoot td{
	padding-left:20px;
	height:30px;
}
#tableSwitch tbody a{
	font-weight:bold;
}
#tableSwitch tbody td{
	text-align:center;
}
#tableSwitch tbody .odd:hover{
	background-color:#E1E4FF;
}
#tableSwitch tbody .even:hover{
	background-color:#D2DCFF;
}
#tableSwitch tbody td{
	color:#333;
}
.odd{
	background-color:#EBEBEB;
}
.even{
	background-color:#F5F5F5;
}
.yesHook{
	display:block;
	text-indent:-99999px;	
}
#tableSwitch_wrapper{
}
#tableSwitch_length ,#tableSwitch_filter{
	margin:10px 0;
	font-size:12px;
	color:#666;
	background-color:#FFF;
}
#tableSwitch_length{
	margin-top:20px;
}
/* ***********產品表格切換的標題********************** */
.sorting:hover{
	color:#C30;
}

.sorting_asc:hover{
	color:#C30;
}

.sorting_desc:hover{
	color:#C30;
}
/* ************************************************* */

.dataTables_wrapper{
	margin-left:20px;
	width:95%;
	padding-bottom:20px;
}
#listTable{
	display:block;
	width:95%;
	margin:0 auto;
	font-size:11px;
}
#listTable ul{
	display:block;
}
#listTable ul li{
	float:left;
	display:block;
	height:30px;
	margin-right:20px;
}
hr{
	width:95%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}




