@charset "utf-8";
/* Page style*/
.topImage{
	width:100%;
	position:relative;
}

.below{
	width:786px;
	height:250px;
	position:relative;
	top:5px;
}

#aboutTop{
	height:300px;
}	

	#aboutTitle{
		color:#666;
		font-size:22px;
		font-weight:800;
		font-family:"微軟正黑體",Tahama, Arial, Helvetica, sans-serif;
		position:absolute;
		top:24px;
		left:430px;
	}
	
	#aboutTop { background:url(../assets/title_image_2.jpg) #333 no-repeat; }
	
	#aboutTop #topTxt{
		width:260px;
		position:absolute;
		text-align:left;
		padding:10px 15px 18px 30px;
		top:45px;
		right:30px;
	}
			#aboutTop #topTxt li{
				font-family:"微軟正黑體";
				color:#333;
				font-weight:bold;
				list-style:disc;
				margin-top:5px;
			}
			
	#aboutBelow{ height:220px; }

		.belowLeft{
			position:relative;
			float:left;
		}
		
			.below #belowISO{
				width:258px;
				background-color:#FFF;
				position:relative;
				float:left;
			}
			
			.below #belowPraise{
				width:257px;
				background-color:#FFF;
				position:relative;
				float:right;
				margin-left:4px;
			}
		
		.below #aboutVideo{
			width:262px;
			background-color:#FFF;
			float:right;
		}
	
		.belowTitle{
			width:100%;
			height:17px;
			font-size:13px;
			font-weight:800;
			text-align:left;
			text-indent:12px;
			background:#454545;
			border-bottom:2px solid #888;
			padding-top:5px;
			color:#CCC;
		}
		
			#belowISO .belowTitle{
			}
			
			#belowPraise .belowTitle{
			}
			
			#aboutVideo .belowTitle{
			}
			
		.belowContent{
			width:250px;
			height:150px;
			font-size:12px;
		}
		
			#belowPraise .belowContent{
				width:250px;
				height:146px;
				text-align:left;
				font-size:12px;
				font-family:"微軟新中黑",Arial, Helvetica, sans-serif;
				text-align:center;
			}
			
				.belowContent #praiseTxt{
					width:146px;
					color:#333;
					text-indent:24px;
					position:relative;
					float:right;
					right:8px;
				}
			
			#aboutVideo .belowContent pre{
				font-size:12px;
				font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
			}
			
		.belowMore{
			width:80%;
			text-align:right;
			font-size:12px;
			font-weight:600;
			font-family:Arial, Helvetica, sans-serif;
			cursor:pointer;
		}
			 .belowMore a:link,
			 .belowMore a:visited{
				color:#000;
				text-decoration:none;
			}
			
			 .belowMore a:hover,
			 .belowMore a:active{
				color:#000;
				text-decoration:underline;
			}
		
#playVideo{
	width:450px;
	height:450px;
	background:url(../assets/video_panel.png) no-repeat scroll left top;
	text-align:center;
	padding-top:18px;
	position:absolute;
	display:none;
	z-index:250;
}
	#playVideo #videoTitle{
		width:100%;
		color:#F90;
		font-weight:800;
		font-size:14px;
		text-align:left;
		text-indent:26px;
		padding-bottom:5px;
	}
	
	#playVideo #videoInculd{
		width:425px;
		height:344px;
		background-color:#333;
		border-bottom:1px solid #FFF;
		border-right:1px solid #777;
		border-top:2px solid #000;
		border-left:2px solid #000;
	}
	
	#playVideo #videoPanel{
		width:380px;
		text-align:right;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		position:relative;
		top:34px;
	}
		#videoPanel a{ font-weight:bold; }
		#videoPanel a:link,
		#videoPanel a:visited{
			color:#333;
			text-decoration:none;
			
		}
		
		#videoPanel a:hover{
			color:#333;
			text-decoration:underline;
		}
		#videoPanel a:active{
			color:#FFF;
			text-decoration:underline;
		}
		
/* 沿革 */
#historyTop{
	height:200px;
	background:url(../assets/history_image.jpg) #666 no-repeat;
}
	#historyTop #historyTitle{
		color:#FFF;
		font-size:22px;
		font-weight:800;
		font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
		position:absolute;
		top:165px;
		left:110px;
	}
	
	#historyTable{
		width:760px;
		border-bottom:2px solid #333;
		margin:20px auto;
	}
		#historyTable td{
			padding:12px;
			height:100%;
			vertical-align:top;
			border-bottom:1px dotted #f90;
		}
			#historyTable .year{
				color:#600;
				width:100px;
				height:40px;
				font-size:16px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:800;
				text-align:right;
				vertical-align:middle;
			}
				#historyTable .year img{
					vertical-align:middle;
				}
			
			#historyTable .historyInfo{
				width:850px;
				color:#333;
				text-align:left;
				font-size:12px;
				vertical-align:middle;
			}
		
/* 管理 */
#managerTop{
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	height:200px;
	background:url(../assets/manager_image.jpg) #666 no-repeat;
}
	#managerTop #managerTitle{
		color:#FFF;
		font-size:22px;
		font-weight:bold;
		position:absolute;
		bottom:10px;
		left:30px;
	}
	
	#isoImage{
		width:135px;
		height:200px;
		float:right;
		margin-top:40px;
		margin-right:30px;
	}
	
	#praiseList{
		width:760px;
		height:560px;
		margin:auto;
		list-style:none;
		margin:40px 0px 0px 50px;
	}
		
		#praiseList li{
			width:350px;
			float:left;
			vertical-align:top;
			border:0px;
		}
		
		#praiseList .praiseImage{

			margin:0px 0px 10px 13px;
			padding:0px 10px;
			float:left;
		}
	
/* Connect */
#connectTop{
	height:320px;
	border:1px solid #333;
}
	#connectTop #managerTitle{
		color:#FFF;
		font-size:22px;
		font-weight:800;
		font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
		position:relative;
		top:160px;
		left:30px;
	}
	
	#connectTable{
		margin-left:20px;
		margin-top:30px;
		margin-bottom:50px;
		font-weight:800;
	}
	
		#connectTable a:link,
		#connectTable a:visited{
			color:#900;
			text-decoration:none;
		}
		#connectTable a:hover,
		#connectTable a:active{
			color:#900;
			text-decoration:underline;
		}
	
	.connTitle{
		color:#888;
		text-align:right;
	}
	
	#mailForm {
		width:350px;
		height:360px;
		position:absolute;
		float:right;
		top:370px;
		right:30px;
		background:url(../assets/mailForm.png) no-repeat;;
		margin-top:0px;
		padding-left:10px;
		margin-bottom:30px;
	}
		#mailForm #closeBtn{
			width:16px;
			height:16px;
			color:#CCC;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			border:1px solid #333;
			position:absolute;
			top:20px;
			right:30px;
			background-color:#333;
			cursor:pointer;
		}
			#mailForm #closeBtn a{
				display:block;
				text-decoration:none;
			}
				#mailForm #closeBtn a:hover{
					color:#F60;
				}
		
		#mailForm p{ padding-left:0px; margin-left:0px;}
		
		#mailForm Form{
			position:absolute;
			top:100px;
			right:38px;
		}
		
		
			#mailForm input{
				border:0px solid;
				background-color:#F6F6F6;
				border-bottom:1px dotted #666;
			}
			
			#mailForm textarea{
				border:0px solid;
				background-color:#F6F6F6;
				border-bottom:1px dotted #666;
			}
			
			#mailForm .connTitle{
				vertical-align:top;
				width:100px;
			}
			
			#mailForm .connInput{
				width:200px;
			}
			
			#mailForm .last {
				position:relative;
				left:50px;
			}
			
				#mailForm .last input{
					border:1px dotted #454545;
					padding:3px 5px 3px 5px;
					margin-top:5px;
					background-color:#333;
					color:#FFF;
				}
			
			#successMsg{
				width:300px;
				text-align:center;
				position:relative;
				top:80px;
			}
	
/* 
//
//
//
*/		
#introductionTop{
	height:230px;
	background:url(../assets/introductionTitle_image.jpg) #333 no-repeat;
	border:1px solid #333;
}
	#introductionTop #topTitle{
		color:#333333;
		font-size:18px;
		font-weight:800;
		font-family:"微軟正黑體";
		position:relative;
		float:right;
		top:15px;
		right:30px;
	}
	
	#introductionTop #topTxt{
		width:400px;
		color:#FC0;
		font-size:12px;
		font-weight:800;
		text-indent:26px;
		text-align:justify;
		background:url(../assets/transparent60g.png) repeat-x;
		position:relative;
		top:33px;
		bottom:25px;
		left:150px;
		padding:11px 16px 14px 16px;
	}

	#introductionBelow{ height:260px; }

		.below #belowProduct{
			width:565px;
			text-align:center;
			position:relative;
			float:left;
		}
		
			#belowProduct #belowContent{
				list-style-type: none;
				width: 500px;
				height: 30px;
				margin: auto;
				cursor: pointer;
				margin:10px 20px 30px 30px;
			}
				#belowProduct #belowContent li{
					display:block;
					float:left;
					padding:12px 8px 0px 8px;
				}
					#belowProduct #belowContent li a{
						text-align:center;
						text-indent:0px;
						
					}
						#belowProduct #belowContent li a img{
							width:105px;
							height:66px;
							border:1px solid #666;; 
						}
				
				#introductionBelow a{font-weight:bold;}
				#introductionBelow a:link,
				#introductionBelow a:visited{
					color:#333;
					text-decoration:none;
				}
				#introductionBelow a:hover{
					color:#333;
					text-decoration:underline;
				}
				#introductionBelow a:active{
					color:#F00;
					text-decoration:underline;
				}
		
		.below #belowService{
			width:215px;
			text-align:center;
			position:relative;
			float:right;
		}
			#belowService .belowContent{
				width:215px;
				font-size:14px;
				text-align:left;
				margin-top:20px;
				margin-left:20px;
			}
			
/*
//
//
//
*/
#productMain{
	margin:-5px 0 -10px -10px;
	width:802px;
	height:580px;
	position:relative;
}
	#productMenu{
		width:150px;
		height:580px;
		background-color:#fff;
		position:relative;
		float:left;
		border-right:1px dotted #666;
	}
		#productMenu li{
			list-style:none;
			line-height:40px;
			width:151px;
			font-size:14px;
			text-align:right;
			border-bottom:1px dashed #CCC;
		}		
			#productMenu li a{
				position:relative;
				right:20px;
				font-family:"微軟新中黑", Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#333;
				text-decoration:none;
			}
			
			#introductionBelow .subString{
				color:#444;
			}
	
	#productShow{
		position:relative;
		float:right;
		width:650px;
		height:580px;
		background-color:#FFF;
	}

.over{
	background-color:#e5e5e5;
	cursor:pointer;
}

.prodClick{
	background-color:#cccccc;
	color:#FFF;
}

/* 服務 */
#serviceTop{
	height:200px;
	background:url(../assets/titleImage/serv_sale_title.jpg) #333 no-repeat;
}
		#serviceTop #serviceTitle{
			top:160px;
			right:0px;
			font-weight:bold;
			font-size:18px;
			font-weight:800px;
			color:#FFF;
			position:absolute;
			font-family:Tahoma, Geneva, sans-serif;
			background:url(../assets/transparent80g.png) repeat-x;
			padding:3px 20px 3px 20px;
		}
		
		#specialtech{
		}
		
		#specialtech  #specialtechMenu{
			width:100px;
			float:left;
		}
		
			#specialtech  #specialtechMenu p{
				margin:0;
				padding:0;
			}
			
			#specialtech  #specialtechMenu li{
				width:140px;
				list-style:none;
				margin:0px;
				text-indent:12px;
				border-bottom:1px dotted #666;
				padding:8px 0px 8px 0px;;
				cursor:pointer;
			}
			
			#specialtech  #specialtechMenu li:hover,
			#specialtech  #specialtechMenu li:active{
				color:#F60;
			}
		
		#specialtech .subSession{
			width:560px;
			float:right;
		}
		
		#clip{
			list-style-type: none;
			width: 400px;
			height: 360px;
			margin: auto;
		}
		
			#clip li{
				float: left;
				color:#CCC;
				border:0px;
				line-height:70px;
				padding:10px 10px 0px 0px;
			}
			
				#clip img{
					margin:0px;
					padding:0px;
				}
			
		
/*硬體*/
#hardwareTop {
	width:100%;
}
	#hardwareTop{
		height:200px;
		background:url(../assets/titleImage/hardware_press_title.jpg) #333 no-repeat;
	}

	.hardwareTable{
		width:720px;
		margin-left:20px;
		margin-right:20px;
		border:1px dotted #333;
	}
		.hardwareTable td{
			height:70px;
			padding:10px;
			border-bottom:1px dotted #666;
		}
			.hardwareTable .hwTitle{
				width:120px;
				text-align:right;
				background-color:#EEE;
			}
			.hardwareTable .hwImg{
				width:120px;
				text-align:center;
				background-color:#CCC;
			}
			.hardwareTable .hwInfo{
				font-family:Arial, Helvetica, sans-serif;
			}
#ctpLink{
	cursor:pointer;
}
			
/*-------------------------------
			共用屬性
-------------------------------*/
	
	#isoMang,
	#praiseMang,
	#jcComp,
	#rbcComp,
	#fileManager,
	#prepress,
	#printing,
	#finishing,
	#specialtech,
	#digitalPrinting,
	#hw_printing,		
	#hw_bindingAndFinishing,
	#digitalPrinting
	{
		display:none;
	}
/*  */
h1{
	font-size:18px;
	font-weight:800;
	color:#900;
}

h2{
	font-size:14px;
	font-weight:600;
	color:#333;
	margin-top:24px;
	margin-left:12px;
}

h3{
	text-indent:-12px;
	font-weight:600;
	color:#006;
}
h4{
	margin-left:35px;
	color:#666;
}
/*圖說*/
h5{
	color:#333;
	font-size:10px;
	text-align:center;
	margin-top:10px;
}
h6{
	margin-top:0px;
	text-align:center;
	color:#006;
	font-style:;
}

p{
	text-indent:24px;
	line-height:20px;
	margin-left:32px;
	margin-right:28px;
}

.ps{
	margin:20px;
	padding:12px;
	border:1px dotted #333;
	text-indent:0px;
	color:#666;
}

.session{
	width:780px;
	text-align:left;
	padding:40px 30px 16px 16px;
	margin-bottom:30px;
	vertical-align:top;
	border-bottom:1px dotted #EEE;
}
	.session ul{
		margin:20px 60px 30px 60px;
		list-style:none;
		line-height:18px;
	}
	
	.session li{
		border-bottom:1px dotted #F90;
		padding-top:12px;
		padding-bottom:16px;
	}
	
	.session img{
		margin:20px;
	}
	
	.session .address{
		margin-bottom:0px;
		padding:0px;
		padding-left:45px;
	}
		.session .address a:link,
		.session .address a:visited{
			color:#600;
			text-decoration:none;
		}
		
		.session .address a:hover,
		.session .address a:active{
			color:#F00;
			text-decoration:underline;
		}
	
		.session .address h6{
			color:#006;
			font-weight:600;
		}

.subPageMenu{
			list-style-type: none;
			width: 786px;
			height: 22px;
			margin: auto;
			cursor: pointer;
			font-size:12px; *font-size:11px;
		}
		.subPageMenu li{
			float:left;
			color:#CCC;
			background-color:#666;
		}
		.subPageMenu a{
			display:block;
			line-height:22px;
			border:1px solid #888;
		}
		
/* jquery active */

.emptyString{
	background-color:#F00;
	border:1px solid #F00;
}

.bottomLine{
	clear:both;
}

/*------------------------------------
	jQuery互動
------------------------------------*/

/*	子頁面選單 - 滑鼠滑入 */
.menuRollStyle{
	color:#FFF;
	background-color:#222;
}
/*	子頁面選單 - 滑鼠點擊 */
.menuClickStyle{
	color:#CCC;
	background-color:#454545;
}