@charset "utf-8";
/* CSS Document */
#primary div#content {
	padding-top:11px;
	*width:715px;
}
div.productTypeList {
	position:relative;
}
div.productTypeList .last{
	background-image:none;
}
div.productTypeListFrame{
	width:143px;
	height:195px;
	float:left;
	position:relative;
	background-image:url(../images/products/bg_product_separator.png);
	background-position:right 0;
	background-repeat:no-repeat;
}
div.productTypeListFrame table.productImg {
	position:absolute;
	top:12px;
	left:2px;
	width:132px;
	height:102px;
	padding:0px;
	margin:0px;
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
	border-spacing:0px;
	table-layout: fixed; /*防止表格被撐大(IE8)*/
	word-break: break-all;/*字母斷行*/

}
div.productTypeListFrame table.productImg td {
	width:132px;
	height:102px;
	padding:0px;
	margin:0px;
	border:0px;
	text-align:center;
	vertical-align:middle;
}
div.productTypeListFrame table.productImg div.hot ,
div.productTypeListFrame table.productImg div.new 
{
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	width:41px;
	height:39px;
	z-index:1000;
}
div.productTypeListFrame table.productImg div.hot {
	background-image:url(../images/products/bg_hot.png);
}
div.productTypeListFrame table.productImg div.new {
	background-image:url(../images/products/bg_new.png);
}
div.productTypeListFrame table.productImg td img {
	max-width:125px;
	max-height:96px;
	border:0px;
}
div.productTypeListFrame div.productName {
	width:128px;
	padding:3px 2px 0px;
	position:absolute;
	left:0px;
	top:115px;
	height:60px;
	overflow:hidden;
	font-size:11px;
	line-height:16px;
}
div.productTypeListFrame:hover table.productImg{
	background-image:url(../images/products/bg_product_frame.png);
	cursor:pointer;
}
div.productTypeListFrame:hover div.productName {
	color:#e54700;
	cursor:pointer;
}


#productDetail {
}
#productDetail div#productTitle {
	position: relative;
	background-image:url(../images/bg_primary_title2.gif);
	background-repeat:no-repeat;
	height:18px;
	padding:0 0 0 10px;
	width:705px;
	position:relative;
	top:-3px;
}
#productDetail div#productTitle span.bigTitle{
	font-size:17px;
	color:#109597;
	font-weight:bold;
	background-color:#fff;
	padding-right:10px;
	position:relative;
	top:2px;
}
#productDetail div#productTitle a.share{
	background-image:url(../images/products/btn_share.gif);
	background-repeat:no-repeat;
	width:42px;
	height:18px;
	position:absolute;
	right:0;
	top:2px;
}
/* addThis屬性設定 */
#productDetail div#productTitle div.addthis_toolbox{
	width:50px;
	height:20px;
	position:absolute;
	right:0;
	top:2px;
}
/* 底圖加系統字
#productDetail div#productTitle a.share{
	background-image:url(../images/products/btn_share.gif);
	background-repeat:no-repeat;
	width:25px;
	padding:0 2px 0 15px;
	height:18px;
	line-height:16px;
	position:absolute;
	right:0;
	top:2px;
	color:#fff;
	font-size:10px;
}
*/
#productDetail div#detail {
	width:715px;
	height:291px;
	position:relative;	
	top:15px;
}
#productDetail div#detail div#productBigImg {
	position:absolute;
	top:0px;
	left:11px;
	width:261px;
	height:227px;
}
#productDetail div#detail div#productBigImg table {
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
	table-layout: fixed; /*防止表格被撐大(IE8)*/
}
#productDetail div#detail div#productBigImg table td {
	border:0px;	
	padding:0px;
	width:240px;
	height:209px;
	text-align:center;
	vertical-align:middle;
}
#productDetail div#detail div#productBigImg table td img {
	max-width:240px;
	max-height:209px;
}
#productDetail div#detail div#description {
	position:absolute;
	top:20px;
	left:300px;
	width:350px;
	height:240px;
	color:#383838;
	overflow:hidden;
}
#productWheelFrame {
	width:272px;
	height:44px;
	position:absolute;
	top:216px;
	left:15px;
}
#productWheelFrame div#imgAvail {
	width:228px;
	height:44px;
	position:absolute;
	left:12px;
	overflow:hidden;
}
#productWheelFrame div#imgBody {
	position:absolute;
	left:0px;
	top:0px;
}
#productWheelFrame div.eachItem {
	background-image:url(../images/products/bg_product_small_off.gif);
	width:66px;
	height:42px;
	margin:0px 4px;
	float:left;
	cursor:pointer;
	padding:1px;
}
#productWheelFrame div.eachItem:hover {
	background-image:url(../images/products/bg_product_small_on.gif);
}
#productWheelFrame div.eachItem table {
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
	table-layout: fixed; /*防止表格被撐大(IE8)*/
}
#productWheelFrame div.eachItem table td {
	border:0px;	
	padding:0px;
	width:66px;
	height:42px;
	text-align:center;
	vertical-align:middle;
}
#productWheelFrame div.eachItem table td img {
	max-width:66px;
	max-height:42px;
}

#productContent {
	position:relative;
	padding-top:15px;
}
#productContent div.tagFrame {
	height:30px;
	width:715px;
	background-image:url(../images/products/bg_table_line.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
}
#productContent div.tagFrame div.tag {
	height:28px;
	float:left;
	cursor:pointer;
	text-align:center;
	position:relative;
}
#productContent div.tagFrame div.tag div.left{
	height:28px;
	width:4px;
	position:absolute;
	left:0px;
}
#productContent div.tagFrame div.tag:hover div.left,
#productContent div.tagFrame div.this div.left
{
	height:28px;
	width:4px;
	background-image:url(../images/products/bg_product_tag_left.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:-1px;
}
#productContent div.tagFrame div.tag div.center {
	height:30px;
	line-height:26px;
	color:#18787f;
	text-align:center;
	padding:0 15px;
}
#productContent div.tagFrame div.tag:hover div.center ,
#productContent div.tagFrame div.this div.center
{
	background-image:url(../images/products/bg_product_tag_center.gif);
	background-repeat:repeat-x;
	background-position:0 top;
	height:30px;
	line-height:26px;
	color:#18787f;
	font-weight:bold;
	text-align:center;
	padding:0 15px;
	position:relative;
}
#productContent div.tagFrame div.tag div.center a,
#productContent div.tagFrame div.this div.center a
{
	color:#18787f;
}
#productContent div.tagFrame div.tag:hover div.center a,
#productContent div.tagFrame div.this div.center a
{
	font-weight:bold;
}

#productContent div.tagFrame div.tag:hover div.dot ,
#productContent div.tagFrame div.this div.dot
{
	background-image:url(../images/products/bg_table_arr.gif);
	background-repeat:no-repeat;
	height:7px;
	width:12px;
	display:inline-block;
	
}
#productContent div.tagFrame div.tag div.right{
	height:28px;
	width:4px;
	background-image:url(../images/products/bg_table_tag_line.gif);
	background-repeat:no-repeat;
	background-position:right center;
	position:absolute;
	right:0px;
	top:0px;
}
#productContent div.tagFrame div.tag:hover div.right,
#productContent div.tagFrame div.this div.right
{
	height:28px;
	width:4px;
	background-image:url(../images/products/bg_product_tag_right.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:0px;
}
#productContent div.tagFrame div.this,
#productContent div.tagFrame div:hover {
	/*background-image:url(../images/products/bg_tag_on.gif);*/
	color:#FFF;
}
#productContent div.tagFrame div.last div.right{
	background-image:none;
}


