@charset "utf-8";

.spacer { clear:both; }
.copyright { padding-top:5px; color:#DDDDDD; clear:both; }
tr .line td { border-bottom:1px dashed #CCC; }

/* button */
/*.Butt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; background: #0063DC;
	padding:2px 5px;
}
.DelButt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; background: #FF0084;
	padding:2px 5px;
}*/

/* 警告區 */
.warning { margin:10px 0; padding:10px; color:#000; background:#FFFFAA; border:1px solid #F5ED4C; }
.warning div { color:#000000; }
.warning span { color:#3D80DF; }
.warning b { color:#DD1100; }

.infobox { margin:10px 0; padding:10px; color:#000; background:#EFF5FB; border:1px solid #DDDDEE; }
.infobox div { color:#000000; }
.infobox span { color:#0063DC; padding-right:5px; }
.infobox b { color:#DD1100; }

.question { margin:0; padding:10px; }
.answer { margin:10px 0; padding:10px; color:#CC0033; background:#F5F5F5; border-top:1px dotted #DDDDEE; border-bottom:1px dotted #DDDDEE;}


/* 分頁 */
.pagenav { text-align:right; clear:both; }
.pagenav a { color:#016735; background:#FFFFFF; padding:2px 6px; text-decoration:none; }
.pagenav a:visited { background:#FFFFFF; padding: 2px 6px; text-decoration:none; }
.pagenav .no_prev { margin-right:5px; color:#016735; background:#FFFFFF; padding:2px 6px;  }
.pagenav .no_next { margin-left:5px;  color:#016735; background:#FFFFFF; padding:2px 6px; }
.pagenav a.prev     { margin-right:5px; padding:2px 6px; background:#FFFFFF; }
.pagenav a.next     { margin-left:5px;  padding:2px 6px; background:#FFFFFF;}
.pagenav .break     { padding:2px 6px; background:#FFFFFF; text-decoration:none; }
.pagenav .current { color:#016735; font-size:12px; font-weight:bold; padding:2px 6px; text-decoration:none; }
.pagenav a:hover   { color:#FFFFFF; background:#006633; text-decoration:none;}

/* 商品列表導覽 */
.line { border-bottom:1px dashed #CCC; }
.navbar { padding:0 0 5px 0; }
.navbar img { vertical-align:middle; }
.navbar .left { float:left; }
.navbar .right { float:right; }
.navbar .topic { color:#ccc; }
.navbar .topic a { font-weight:bold; }
.navbar .brand a { color:#CC0066; padding:1px 0 1px 18px; background:url(./images/brand.gif) no-repeat left 1px; }
.navbar .title { color:#CC0000; font-size:14px; font-weight:bold; }
/* 瀏覽方式 */
.navbar .viewtype ul { margin:0; padding:0; list-style:none; }
.navbar .viewtype li { display:inline; padding:0 10px; background:url('./images/li_line.gif') no-repeat right 3px; }
.navbar .viewtype li.last { background:none; }
.navbar .viewtype img { vertical-align:middle; }
.navbar .viewtype a:hover { background-color:transparent; }

/* 購物車 */
.navbar .point, .navbar .price { padding:0 5px; color:#CC0000; font-weight:bold; }
.link  { background:url(./images/arrow_link.gif) no-repeat 10px; }
.link a { padding-left:20px; background-color:transparent; color:#0063DC; text-decoration:none; }
.link a:hover { text-decoration:underline; }
.check_out { padding-left:10px;}


.items { width:100%; font-size:12px;}
.items tr th { font-weight:bold; background:#EEE; height:20px; }
.items tr th.sales, .items tr th.point { background:#E6E1D2; }
.items tr  td { padding:10px; vertical-align:middle; }
.items tr.row  td { border-bottom:1px dotted #CCC; }
.items tr.highlight  td { background:#FDF5E6; }
.items tr td  img { border:0; vertical-align:middle; }
.items .name { color:#0063DC; }
.items .sn { font-size:90%; color:#333; }
.items .desc { font-size:90%; line-height:180%; }
.items .point { color:#BB7755; }
.items .fprice { text-decoration:line-through; }
.items .price { color:#CC0000; font-weight:bold; }
.items .discount { color:#CC0000; font-size:90%; }
.items .soldout { color:#CC6600; font-weight:bold; }


/* 表單 */
.simple_table {
	width:100%;
	background: #FFFFFF; color:#333;
	/*border-collapse: collapse; border: solid 1px #E3E3E3;*/
}
.simple_table img { vertical-align: middle; }
.simple_table tr.button td { 
	padding: 5px;
}
.simple_table th, .simple_table label  { 
	padding:10px; vertical-align:top;text-align:right; color:#000;
}
.simple_table th { 
	font-weight:bold;
}
.simple_table td {
	padding: 10px;
	vertical-align:top;
}

.content_box { margin: 0 15px; }
.content_box dl {
	border-bottom: 1px dotted #E5E5E5;
	margin: 0 0 14px;
	padding: 0px 0px 10px;
	font-size:90%; line-height: 200%;
}
.content_box dt {
	color: #55b246;
	float: left;
	margin: 0;
	padding: 0;
	width:80px;
}
.content_box dd {
	margin: 0;
	padding: 0 0 5px 80px;
	width:550px;
}
.content_box dd a {
	background:url(./images/arrow_link.gif) no-repeat 10px;
	padding-left:20px; color:#0063DC; text-decoration:none;
}
.content_box dd a:hover {
	text-decoration:underline;
}
.content_box dd span {
	color:#A52A2A;
}
.content_box .title {}
.content_box .desc {padding-left:20px;}