@charset "utf-8";

body {
font-size: 75%;
color:#4B545F;
width: 1094px;
margin: 0 auto;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #FC3;
}
a:active {
	color: #FFF;
}
img {
border: none;
}

h1 {
background: url(../img/header.jpg) no-repeat;
margin: 0px;
padding: 49px 0 0 144px;
height: 116px;/* 165px-49px */
}

#headerMenu {
	margin: 0;
	padding: 0px 147px 0px 0;
	min-height: 1px;
	height: 30px;
	background-image: url(../img/header-menu.jpg);
	background-repeat: no-repeat;
}
* html #headerMenu {
height: 1px; 
}
#headerMenu:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* 使用背景圖像的滑鼠指向效果：2 張圖像型：開始 */
/* ------------------------------------------------------ */
#headerMenu li {
	margin: 0 0 0 25px;
	padding: 0;
	float: right;
	height: 15px;
	list-style-type: none;
	background: no-repeat;
	color: #FFF;
	font-size: 14pt;
	font-family: "微軟正黑體";
}
#headerMenu li a {
	height: 20px;
	display:block;
	overflow: hidden;
	background: no-repeat;
}

#headerMenu li#m-contact {
background-image: url(../img/m-contact_over.gif);
width:81px;
}
#headerMenu li#m-contact a:link, #headerMenu li#m-contact a:visited {
background-image: url(../img/m-contact.gif);
width:81px;
}
#headerMenu li#m-cart {
background-image: url(../img/m-cart_over.gif);
width:87px;
}
#headerMenu li#m-cart a:link, #headerMenu li#m-cart a:visited {
background-image: url(../img/m-cart.gif);
width:87px;
}
#headerMenu li#m-contact a:hover, #headerMenu li#m-cart a:hover {
background-image: none;
}
/* 使用背景圖像的滑鼠指向效果：2 張圖像型：結束 */
/* ------------------------------------------------------ */


#bread-crumbs {
margin: 0;
padding: 0 0 0 145px;
background-image: url(../img/bread-crumbs.png);
background-repeat: no-repeat;
height: 20px;
line-height: 20px;
font-size: 80%;
color: #333;
}
#bread-crumbs a:link, #bread-crumbs a:visited {
color: #333;
text-decoration:none;
}
#bread-crumbs a:hover {
color: #333;
text-decoration:underline;
}

#page {
background-image: url(../img/page.png);
background-repeat: no-repeat;
background-position: center top;
width: 878px;
margin: 0 auto;
padding: 0 0 50px 0;
min-height: 1px;
}
* html #page {
height: 1px; 
}
#page:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#contents {
float:left;
width:500px;
margin: 20px 0 0 20px;
}
#contents h2 {
	margin: 0 0 15px 0;
	padding: 0;
	height: 34px;
	text-indent: -9999px;
}

#contents .goodsImg {
float:left;
width: 205px;
margin: 0 15px 20px 0;
}
#contents .goodsImg dl {
margin: 10px 0 0 0;
padding: 0;
color: #333;
line-height: 110%;
}
#contents .goodsImg dt {
margin: 0 0.5em 3px 0;
padding: 0;
float:left;
white-space:nowrap;
}
#contents .goodsImg dd {
margin: 0 0 3px 0;
padding: 0;
float:left;
}
#contents .goodsImg dd span{
color: #FF3366;
}

#contents .goodsTxt {
	float:left;
	width: 450px;
	margin: 0 0 20px 0;
}
#contents .goodsTxt h3 {
	color:#F99500;
	font-size: 24px;
	line-height: 120%;
	margin: 0 0 5px 0;
}
#contents .goodsTxt p {
line-height: 140%;
}

#contents hr {
clear: both;
border: 1px solid #FFF;
}

#contents .info {
	float:left;
	width: 500px;
	margin: 0 15px 20px 0;
}
#contents .info h4 {
	height: 22px;
	padding: 0 0 0 80px;
	margin: 0 0 10px 0;
	color: #567278;
	line-height:22px;
	font-weight:normal;
}
#contents .info table {
border-top: 1px #D1DBDE solid;
border-right: 1px #D1DBDE solid;
border-spacing: 0;
border-collapse: collapse;
margin: 0;
font-size:80%;
}
#contents .info th, #contents .info td {
border-bottom: 1px #D1DBDE solid;
border-left: 1px #D1DBDE solid;
padding: 3px;
}
#contents .info th {
text-align:left;
white-space: nowrap;
width: 1%;
font-weight:normal;
background-color: #E2E9EB;
}

#contents .cart {
	float:left;
	width: 450px;
	margin: 0 0 20px 0;
}
#contents .cart h4 {
	height: 22px;
	padding: 0 0 0 80px;
	margin: 0 0 10px 0;
	color: #567278;
	line-height:22px;
	font-weight:normal;
}
#contents .cart dl {
margin: 0;
padding: 0;
}
#contents .cart dt {
margin: 0;
padding: 0 5px 3px 5px;
color:#FF3366;
font-size: 140%;
font-weight:bold;
border-bottom: 1px dashed #7D9BA0;
}
#contents .cart dd {
margin: 0;
padding: 5px;
}
#contents .cart dd strong {
font-size: 140%;
}
#contents .cart form {
margin: 0;
padding:0;
float:right;
}

/* 使用背景圖像的滑鼠指向效果：1 張圖像型：開始 */
/* ------------------------------------------------------ */
#contents .cart form a.button {
display:inline-block;
vertical-align: bottom;
background-image: url(../img/b-buy.png);
background-repeat: no-repeat;
background-position: left top;
height: 23px;
width: 75px;
margin: 0 0 0 15px;
text-indent: -9999px;
overflow:hidden;
}
#contents .cart form a.button:hover {
background-position: left bottom;
}
/* 使用背景圖像的滑鼠指向效果：1 張圖像型：結束 */
/* ------------------------------------------------------ */


/* 滑鼠滑入時會滑動的連結：開始 */
/* ------------------------------------------------------ */
#m-variations{
float:left;
width:135px;
margin: 20px 0 0 0;
padding:0 0 0 30px;
font-weight:bold;
line-height: 110%;
}
#m-variations li {
list-style:none;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
border-bottom: 2px dotted #333;
}
#m-variations li a {
background: url(../img/m-icon.gif) no-repeat left center;
display:block;
color: #4B545F;
text-decoration:none;
}
#m-variations a:link, #m-variations a:visited {
padding: 2px 0 2px 20px;
width: 115px;/* 135px-20px */
}
#m-variations a:hover {
color:#CC326A;
padding: 2px 0 2px 25px;
width: 110px;/* 135px-25px */
}
/* 滑鼠滑入時會滑動的連結：結束 */
/* ------------------------------------------------------ */

#m-shopInfo {
float:left;
width:161px;
margin: 20px 0 0 13px;
}

/* 使用背景圖像的滑鼠指向效果：稍微不同的類型：開始 */
/* ------------------------------------------------------ */
#m-shopInfo ul {
width: 140px;
margin: 0 auto;
padding: 7px 0 0 0;
font-size: 120%;
background: url(../img/m-site-info.jpg) no-repeat top center;
}
#m-shopInfo li {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px dashed #FF9999;
}
#m-shopInfo li a {
display:block;
line-height: 110%;
color: #FFF;
text-decoration:none;
font-weight:bold;
padding: 10px;
width: 120px;/* 140px-10px-10px */
}
#m-shopInfo li a:hover {
background-color: #FFA620;
}
/* 使用背景圖像的滑鼠指向效果：稍微不同的類型：結束 */
/* ------------------------------------------------------ */

#m-shopInfo dl {
	width: 161px;
	height: 202px;
	margin: 0;
	padding: 0;
}
#m-shopInfo dt, #m-shopInfo dd {
text-indent: -9999px;
}


#copyright {
padding: 10px 0 0 145px;
margin: 0;
clear:both;
font-weight: bold;
color: #444;
background-image: url(../img/footer.jpg);
background-repeat: repeat-y;
background-position: center top;
height: 160px;
}