@charset "utf-8";
/*-----------------------------------------------
Name:     2009框體公司網站-服務項目-css
Designer: Tina
Date:     2009-11-12
----------------------------------------------- */


/*右邊內容區塊*/
/*主要內容*/
#main
{
	width:760px;
	margin:0;
	padding:0; 
	position:relative;
}
#main h2{ 
           margin:5px 45px; 
           line-height:130%; 
           font-size:170%;
           color:#444444;
           font-weight:bold;
           }

	#main h3{ 
	margin:25px 17px 0; 
	line-height:120%; 
	color:#333333; 
	font-weight:normal;
	}
	#main .h3img{ 
		position:absolute; 
		z-index:10;
		top:50px; 
		right:50px;
	}
	#main p{ 
	margin:13px 0;
	}
	

/*解決方案*/
#info_solution{ 
	margin-right:45px;
	margin-left:45px;
	margin-top:30px;
	margin-bottom:20px;
}
	ul.gallery{
	margin-bottom:15px;
	list-style: none;
	}
	ul.gallery li{
	color:#000000;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:#eee 1px solid;
	
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/

	}
	ul.gallery li span { /*--Used to crop image--*/
		width: 120px;
		height: 80px;
		overflow: hidden;
		display: block;
		/*border:2px solid red;*/
	}

ul.gallery li a.thumb {
	width: 120px;
	height: 80px;
	/*padding: 5px;
	border-bottom: 1px solid #ccc;*/
	cursor: pointer;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}


/*詳細內容頁*/
#solution_view{ /*width:100%;*/ margin:25px 10px;}
	#solution_view h3
	{ 
	font-size:150%;
	font-weight:bold;
	padding:0 15px 15px;
	color:#000000;
	}
	
/*解決方案詳細頁用選單*/
#solution_nav
{
	float:left;
	
	margin-top:22px;
	margin-left:12px;
	width:130px !important;width:130px;padding:3px 5px 0 5px;
	overflow:hidden;
	border-top:#ecdbdb 1px solid;
	border-bottom:#ecdbdb 1px solid;
	
}

#solution_nav .swbarheader{
	font-size:100%;
	line-height:200%;
	color:#a70303;
	/*background:url(../images/jpg/icon_plus.jpg) no-repeat 0px 7px;*/
	padding: 5px 0 2px 0;
	cursor: pointer;
}

.solution_subitem{ 
padding: 0px 5px 0px 13px;
margin: 0;
/*border-bottom: 1px solid #dadada;*/
}

.solution_subitem li{
margin:2 0px;
padding:1px 0px 1px 0;
_margin-bottom: 2px;/*for IE6*/ 
_line-height:100%;/*for IE6*/ 
font-size: 90%;
}

.solution_subitem li a{
color: #666666;
background:url(../images/jpg/icon_solution01.jpg) no-repeat 0 2px;
display: block;
padding-left: 12px; 
text-decoration: none;
line-height:120%;

}
.solution_subitem li a:hover{
background-position:0 -45px;
color:#000000;
}
	
/*解決方案詳細頁-主要內容*/
#info_main
{
float:right;
}
#info_main h4
{
color:#000000;
padding-left:17px;
font-size:100%;
}
	.info_word
	{ 
		height:340px !important;height:380px;padding:20px 30px;
		width:180px; 
		float:left;
		color:#cccccc;
	}
		.info_word h5
		{
			font-size:110%;
			color:#ffffff;
			margin:0 0 20px;
		}
		.info_word h6
		{
			font-size:100%;
			color:#ffffff;
		}
	.info_pict
	{
		float:left;
		width:550px;
		overflow:hidden;
	}
	#info_subtitle
	{
		background:#6b6b6b ;
		width:520px; 
		height:27px !important;height:30px;padding-top:3px; 
		float:left; 
		color:#FFFFFF; 
	}