@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background: #F1F9FE;
	background-image: url(images/index_01.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #595959;
	font-family: /*微軟正黑體,*/ Arial, Helvetica, sans-serif;
}

form { margin: 0px; }
a img { border: 0; }

a { color: #3C78A7; text-decoration: none; }
a:hover { color: #3C78A7; text-decoration: underline; }

.note { color: #D70000; }

.tablebody {
	border-left: 1px solid #D1D8DC;
	border-right: 1px solid #D1D8DC;
}

.productname {
	color:#69A7DB;
	font-weight:bolder;
	font-size:18px;
}

/* == ^^New^^ ========================================== ^^New^^ == */
#imageBox {
	width: 330px;
	height: 460px;
	background-image: url(images/box-productList.jpg);
	background-repeat: no-repeat;
	/*background-position: 5px 0px;*/
	padding: 13px 0 0 13px;
	float: left;
}

#imageBox .img1 {
	width: 300px;
	height: 400px;
	/*padding: 13px;*/
}

#imageBox .img2 {
	width: 128px;
	height: 160px;
	padding: 10px 46px;
}

#imageBox p {
	width: 260px;
	height: 25px;
	line-height: 25px;
	background: url("images/arror.jpg") no-repeat scroll 0px 5px transparent;
	margin: 15px 0 0 10px;
	padding-left: 22px;
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
}
/* == ^^New^^ ========================================== ^^New^^ == */

#book {
	float: left;
	width: 163px;
	margin-bottom: 10px;
}

#book2 {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

#book3 {
	float: left;
	width: 150px;
	margin-bottom: 10px;
}