/* CSS Document */

/**************************************************************************
* proInfo-style.css
===========================================================================
* 專案：田邊官網
* 用途：產品資訊頁CSS
* 建立日期：2008-06-09
* 最新修改：2008-06-09
* 編寫者：Edward Chien 布丁
===========================================================================
* Edited by Edward in GOGOTDI
* Copyright (C) 2008 Tang Digital Integration
***************************************************************************/

.uni-content-top{
	width:748px;
	margin-left:20px;
	margin-bottom:8px;
	background-image:url(../../images/uni-name/pro-info.jpg);
	background-position:right 26px;
	background-repeat:no-repeat;
	padding-top:26px;
}
	.uni-content-top .name{
		display:block;
		height:28px;
		margin-left:49px;
	}
.uni-content-bottom{
	width:748px;
	background-image:url(../../images/bg/uni-bottom01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:35px;
}
.uni-content{
	width:699px;
	border-left:2px solid #FF9999;
	border-right:2px solid #FF9999;
	*height:auto !important;  /*IE7*/
	*height:280px;  /*IE6*/
	min-height:280px;  /*FF*/
	padding-left:45px;
	padding-top:23px;
}
.uni-icon{
	display:block;
	position:absolute;
	width:59px;
	height:155px;
	background-image:url(../../images/icon/uni-icon01.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	margin-left:8px;
	*margin-left:-12px;
}
.state{
	margin-bottom:12px;
	padding-bottom:6px;
	clear:both;
}
	.state h3{
		font-size:18px;
		line-height:24px;
		color:#529B33;
		margin-left:17px;
	}
	.state p{
		color:#666666;
		font-size:13px;
		margin-left:17px;
	}
.clip{
	display:block;
	width:85px;
	height:27px;
	background-image:url(../../images/bg/clip.jpg);
	background-repeat:repeat-x;
	font-size:13px;
	line-height:27px;
	text-align:center;
	margin-bottom:8px;
}
	.clip:after{  
		content:".";  
		height:0;  
		visibility:hidden;  
		display:block;  
		clear:both;
	}
	/* Holly Hack Begine \*/  
	* html .clip {  
		height:1%;  
	}  
	.clip {  
		display:block;  
	}  
	/* End Hack */  
.clip-left{
	display:block;
	width:12px;
	height:27px;
	background-image:url(../../images/bg/clip-left.jpg);
	background-repeat:no-repeat;
	float:left;
}
.clip-right{
	display:block;
	width:12px;
	height:27px;
	background-image:url(../../images/bg/clip-right.jpg);
	background-repeat:no-repeat;
	float:right;
}
.price:after{  
	content:".";  
	height:0;  
	visibility:hidden;  
	display:block;  
	clear:both;
	}
	/* Holly Hack Begine \*/  
	* html .price {  
		height:1%;  
	}  
	.price {  
		display:block;  
	}  
	/* End Hack */
.state_price{
	float:left;
	width:120px;
	margin-bottom:12px;
	padding-bottom:6px;
}
	.state_price p{
		color:#666666;
		font-size:13px;
		margin-left:17px;
	}
		.state_price p.special-price{
			font-size:18px;
			font-weight:bold;
			color:#99CC00;
		}
.pro-pic200{
	display:block;
	margin-left:10px;
}
	.pro-pic200 li{
		display:block;
		list-style:none;
		margin-bottom:10px;
	}
	.pro-pic200 li img{
		width:190px;
		background-color:#FFFFFF;
		padding:4px;
		border:1px solid #ccc;
	}
.pro-list{
	display:block;
	width:600px;
	font-size:15px;
	margin:0 auto 20px;
}
	.pro-list li{
		display:block;
		list-style:none;
		background-image:url(../../images/zh_tw-utf8-default-global/s04.gif);
		background-repeat:no-repeat;
		background-position:left 4px;
		border-bottom:1px dotted #ccc;
		padding-left:25px;
		line-height:22px;
		margin:5px 0 8px;
	}
	.pro-list ul{
		margin-left:40px;
	}
		.pro-list ul li{
			display:block;
			background-image:url(../../images/icon/gree-disc.gif);
			background-repeat:no-repeat;
			background-position:left 8px;
			border-bottom:0px dotted #ccc;
			padding-left:12px;
		}
#product{
	width:200px;
	background-color:#E3DFA4;
	padding:7px;
	margin-bottom:15px;
}
.shop-input{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:0 auto;
	background-color:#fff;
}
	.shop-input td{
		padding:5px 0;
		border:1px solid #ccc;
	}
	.shop-input td input{
		border:1px solid #999;
		padding:2px;
		width:34px;
		height:14px;
		color:#999999;
		font-size:13px;
		text-align:right;
	}
	.shop-input td input.go-car{
		border:0px solid #fff;
		background-image:url(../../images/btn/go-car.jpg);
		width:96px;
		height:27px;
		color:#006633;
		padding:0px;
		text-align:center;
	}
.soldout{
	width:200px;
	background-color:#FFCCCC;
	padding:7px;
	margin-bottom:15px;
	display:none;
}