@charset "utf-8";

@import url("reset.css");

/* ***********************屬性預設值***************************** */
body {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	cursor:default;	/* rI */
	background-color:#FFFFFF;
	overflow-x: hidden; /* 不使用橫向卷軸 */
	behavior:url("bug_resolve/csshover3.htc"); /* 解決ie7 hover問題，照理說是ie6有問題阿Orz... */
}
form { 
	display:inline; 
}
a{
	outline:none;
	color: #000000;
	text-decoration: none;
	margin:0px;
	padding:0px;
	blr:expression(this.onFocus=this.blur()); /* ie消除連結虛線 */
}
a:hover {
	color: #FF0000;
}
p {
	text-align:justify;
}
input, textarea {
	font:120%,Arial, sans-serif;
}
h1 , h2 , h3 , h4 ,h5 ,h6 ,p{
	font-family:Arial, Helvetica, sans-serif;
}
/* ************************************************************* */
.shareIndirectButton{
	position:absolute;
	left: 640px;
	top: 5px;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.inputtext{
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.productsMenu{
	position:relative;
	width:770px;
	height:95px;
	border-bottom-style:solid;
	border-width:1px;
	border-bottom-color:#999999;
}
.productsMenu img.imgBunner{
	float:right;
}
.productsText{
	float:left;
	display:block;
	height:60px;
	width:195px;
	padding-top:35px;
	text-align:center;
	font-size:23px;
	color:#666666;
	font-weight:bold;
}

.c1{
	border-bottom: 2px dotted #CCCCCC;
	margin:5px;
}

.hrdd{
	position:relative;
	display:block;
	width:770px;
	height:1px;
	background-color:#666666;
}

.hrColor{
	color:#C1C1C1;
	margin:0px;
}
/* ***************************** 首頁文字連結 第一層選單 *********************** */
.titletext li{
	float:right;
}
.titletext li a,li span{
	background-repeat:no-repeat;
	background-position:1px 2px;
	padding:0px 5px 5px 6px;
	color:#000000;
}
.titletext li a:hover{
	background-image:url(../images/index_image/banner_text_icon_red.jpg);
	color:#000000;
}
.titletext ul ul{
	z-index:5;
	background:#EEEEEE;
}
.titletext ul ul li{
	float:none;
}
.titletext ul ul li a{
	border-top:1px solid #FFFFFF;
	padding:6px 0;
}
.logoIndirect{
	float:left;
	margin-left:20px;
	margin-top:2px;
}
.titleText{
	padding-top:35px;
	font-size:10px;
	float:right;
	width:556px;
	height:15px;
	}
.titleText a:hover{
	color:#000000;
}
.titleText ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.titleText li{
	display:block;
	float:right;
	margin:0 2px 0 0;
	}
.titleText li a{
	display:block;
	background-image:url(../images/index_image/banner_text_icon_gray.jpg);
	background-repeat:no-repeat;
	background-position:1px 2px;
	padding:0 5px 5px 6px;
	}
.titleText li a:hover{
	background-image:url(../images/index_image/banner_text_icon_red.jpg);
}
.zIndexImg30{
	z-index:30;
}
.titleDot{
	background-image:url(../images/index_image/banner_text_icon_gray.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
	/* 子選單
	---------------------------------------------*/
.titleText ul{
	position:absolute;
	top:8px;
	left:380px;
}
.titleText ul li{
	float:left;
	z-index:10;
	display:block;
}
.titleText ul li a{
	display:block;
	border:1px solid #575757;
	background: none;
	font-weight: normal;
	padding:6px 5px;
	background-color:#D5D5D5;
}
.titleText ul li a:hover{
	color:#FFFFFF;
	font-weight:bold;
	}
.parent{
	background-image:url(../images/index_image/banner_text_icon_gray.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
.parent ul{
	display:none;/* 需先關閉才不會顯示區塊與內容 */
	float:left;
}
.parentOn ul{
	display:block;/* 開啟顯示區塊與內容 */
	width:260px;
	margin-left:-25px;
}
/* ***************************地**************************************** */
.buttom{
	width:620px;
	margin:0 auto;
	margin:3px 0;
}
/* ******************** 首頁左邊三欄圖片變換連結 *********************** */
.indexmenu{
	float:left;
	width:258px;
	height:275px;
}
.opacity a img{ 
	opacity: .90;/* ie圖片變更透明度 */
	filter:Alpha(Opacity=90);/* firefox圖片變更透明度 */
	vertical-align:bottom;/* 去除圖片上下空隙 */
	padding-bottom:1px;
}
.opacity a:hover img{
	opacity: .99;
	filter:Alpha(Opacity=100);
}
/* ************************產品頁面區塊設定*************************************************** */
.productsWrapper {
	position:relative;
	width:770px;
	margin:0 auto;
	margin-top:10px;
}
.productsHeader{
	position:relative;
	width:770px;
	height:52px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#999999;
}
.productsLine{
	position:relative;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#999999;
}
/* *************************產品選單~上下一頁選單按鈕***************************************** */
.selectPage{
}
.selectPage li{
	float:left;
	margin:10px 6px 2px; 3px;	
}
.selectPage li.last,li.next{
	float:right;
	margin:10px 6px 2px; 3px;	
}
.selectPage a{
	display: block;
	width: 45px;
	height: 38px;
	background-position:bottom right;
	text-indent: -9999px;	
}
.selectPage a:hover{
	background-position:top right;}
.first a{
	background-image:url(../images/First.png);}

.previous a{
	background-image:url(../images/previous.png);}

.next a{
	background-image:url(../images/next.png);}

.last a{
	background-image:url(../images/last.png);}
	
/* *************************產品選單頁面排版************************************************** */	
.productsMenuBackground{
	position:relative;
	width:770px;
	background-image:url(../images/indirect/index-8-2_18.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
	zoom:1; /* *****使DIV適應內部float DIV高度******* */
}
.productsMenuRight{
	position:relative;
	float:right;
	width:560px;
	padding:0px;
}
.productsMenuLeft{
	z-index:99;
	position:absolute;
	float:left;
	width:183px;
	height:410px;
	padding-left:12px;
}
/* *************************產品選單頁面DEMO IMAGE*************************************************** */
.productsAll{
	position:relative;
	float:right;
	border-top-style:dotted;
	border-top-color:#E5E5E5;
	border-top-width:1px;
	padding:25px 0 25px 0;
	width:573px;
}
.productsAll:hover{
	background-image:url(../images/indirect/check_product.gif);
	background-repeat:no-repeat;
	background-position:120px 55px;
}
.productsAll h2{
	font-size:12px;
	color:#333333;
	margin-bottom:5px;
	font-weight:200;
}
.productsDemoAllLeft{
	display:block;
	float:left;
	margin-left:20px;
}
.productsDemoAllRight{
	display:block;
	float:right;
	margin-right:12px;
	width:380px;
list-style-type:none;
}
.productsDemoAllRight li{
	margin:1px 0 1px 0;
}
.productsDemoAllRight li:first-letter{
font-size:12px;
padding-right:1px;
}
.productTitle{
	font-size:14px;
	font-weight:200;
	color:#000066;
	list-style-image:url(../images/index_image/banner_text_icon_gray.jpg);
	margin-bottom:5px;
}
/* *************************DinoCapture 軟體安裝圖片*************************************************** */
.dinoCaptureSetupImage{
	margin-left:15px;
	list-style-type:none;
	text-align:center;
}
.dinoCaptureSetupImage h2{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}
.dinoCaptureSetupImage li{
	float:left;
	margin:15px 18px;
	width:505px;
}

/* ***************************** Site-Map頁面 *********************** */
.sitemap{
	list-style-type:square;
	margin:20px 50px;
	font-size:12px;
	font-weight:bold;
}
.sitemaptext{
	padding-left:100px;
	line-height:15px;
	font-weight:lighter;
}
/* **************************** 分頁Flash Banner 避免IE6 BUG 換行 ******************************** */
.flashBanner{
	display:block;
	float:right;
}
/* ****************************Support Buttom ******************************** */
.demo{
	float:left;
	background-color:#666666;
	-moz-border-radius:3px;
	width:150px;
	height:25px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	margin:10px 5px 0px 5px;
	background-repeat:repeat-x;
	font-size:12px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	}
.demo:hover{
	color:#FFFFFF;
	background-color:#333333;
}