@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: #016735;
	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:#016735; 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;}

/* 類別表格 */
.category { width:100%; }
.category .row { vertical-align:top; }
.category .row td.item {padding:10px 15px;}
/*.category .row td.item:hover {background:#ffffcc;}*/
.category .row .image { }
.category .row .image  img { border:1px solid #ececec; }
.category .row .title, .category .row .title a { padding:5px 0 0; color:#016735; font-weight:bold; background-color:transparent; }
.category .row .title a:hover { color:#FF0066; }
.category .row .desc { font-size:90%; }
/* 子類別 */
.category .row ul {
	border-top:1px dashed #CCC;
	margin:5px 0;
	list-style:none;
	font-size:90%;
}
.category .row li {
	padding:3px;
}

/* 分頁 */
.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 .title a { color:#118800; }
.navbar .cat { color:#CC0000; font-size:18px; font-weight:bold; }
.navbar .cat a { color:#FF8811; }
.navbar .nav  { font-size:10px; color:#CCC; font-weight:bold; }
.navbar .nav a { font-size:10px; color:#AAA; }
.navbar .nav a:hover {  }
.navbar .model { font-size:10px; 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:#016735; text-decoration:none; }
.link a:hover { text-decoration:underline; }
.check_out { padding-left:10px;}

/* 商品表格 */
.product { width:100%; }
.product tr .line td { border-bottom:1px dashed #CCC; }
.product .row { vertical-align:top; color:#CCC; font-size:10px;}
.product .row span { color:#666; font-size:115%;}
.product .row div { color:#333; font-size:125%;}
.product .row td.item {padding:10px 15px;}
.product .row td.item:hover { /*background:#ffffcc;*/ }
.product .row .image {}
.product .row .image  img { border:1px solid #ececec; }
.product .row .image  img:hover { /*border:3px solid #FF0066;*/ }
/*.product .row .title, .product .row .title a { padding:5px 0 0; color:#016735; font-size:11px; }
.product .row .title a:hover { color:#3399CC; }*/
.product .row .price { color:#FF0066; }
.product .row .sales { color:#FF8C00; }
.product .row .discount { color:#333; font-size:10px; }

/* 註冊表單 */
.register  { font-size:11px; }
.divl { float:left; }
.divr { float:right; }
.divc { clear:both; }
.register .dline {background:#E6E6E6; height:1px; padding:0; }
.register .il {background:#F2F2F2; color:#000; padding:10px; width:60px; text-align:right;} *html .register .il {width:80px;}
.register .il  .required {color:#FE5F08; padding-right:5px;}
.register .ic {padding:10px; width:auto;} *html .register .ic {width:auto;}
.register .ic a { color:#016735; }
.register .ic a:hover { color:#44BBDD; }
.register .ic span.note {color:#999;}
.register .ic div {padding-bottom:5px;}
.register .ir { color:#41A901; padding:10px 0 10px 20px; width:100px; } *html .register .ir {width:120px;}
.register .ir  .unchange {color:#999;}
.register .ir  .required {color:#FE5F08;}

/* 商品頁 */
.summary, .detail, .service  { padding:10px 0; line-height:200%; }
.summary  { font-size:10px; font-family:Arial; }
.summary ul { margin-left:15px; padding:0; list-style-type:disc; list-style-position:outside;}
/*.summary li { margin:0; padding:0; background:url('./images/summary_li.gif') no-repeat left; }*/
.summary li { margin:0; padding:0; }
.service  { font-size:11px; padding:10px; background:#EFEFEF; border:1px solid #DCDCDC; }
.service  dt { padding:5px; }
.service  dd { padding:10px; background:#FFFFFF; border:1px solid #DCDCDC; }

.items { width:100%; font-size:12px;}
.items tr th { font-weight:normal; background:#EEE; padding:5px; }
.items tr th.sales, .items tr th.point { background:#E6E1D2; }
.items tr  td { padding:10px; }
.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:#016735; }
.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; }

/* 購物車 */
.cart { width:100%; }
.cart tr th { /*border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;*/ font-weight:normal; background:#EEE; padding:5px; }
.cart tr th.sales, .cart tr th.point { background:#E6E1D2; }
.cart tr.empty td { padding:10px 0; color:#333333; text-align:center;}
.cart tr.row  td { border-bottom:1px dashed #CCC; padding:10px; }
.cart tr.last  td { border-bottom:0; }
.cart tr.total td { background:#F2F2F2; /*border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;*/ color:#016735; padding:5px 10px; }
.cart .point { color:#BB7755; }
.cart .price { padding:0 5px; color:#CC0000; }
.cart .b { font-weight:bold; }
.cart .name  { color:#016735; padding-bottom:5px; }
.cart .desc { font-size:90%; line-height:180%; }
p.btn { margin: 10px 0; text-align:right; }

/* 表單 */
.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;
}

/* 關聯商品 */
.topic { color:#ccc; }
.topic span { padding:0 5px; }
.topic span.title { font-size:110%; color:#CC6600; font-weight:bold; }
.topic span.subtitle { color:#333; font-weight:bold; }
.topic span.desc { font-size:90%; color:#333; }
.topic span.point { font-size:110%; color:#FFCC00; font-weight:bold;  }
/* 購買心得 */
.comment { padding:5px 0 0 15px; }
.comment .title { color:#016735; padding-bottom:5px; }
.comment .time{ font-size:10px; }
.comment tr.row  td { border-bottom:1px dashed #CCC; padding:10px; }
.comment tr.last  td { border-bottom:0; }

.review { padding:5px 0 0 15px; text-align:right; margin-top:10px; margin-bottom:5px; border-top:1px dashed #CCC; }
.review a { background:url(./images/arrow_link.gif) no-repeat 10px; padding-left:20px; color:#016735; text-decoration:underline; }
.review span { font-size:90%; color:#333; }

#review_form { padding:0 0 0 15px; }
#review_form form { padding:0; margin:0; }
#review_form div {
	clear: both; padding:5px;
}
#review_form img { vertical-align: middle; }
#review_form label {
	float:left;
	width:100px;
	text-align:right;
	color: #016735;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}
#review_form span {
	float:left;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}
#review_form input {
	padding: 1px;
}

/* 訂單狀態 */
span.status0 { color:#DC143C; }
span.status1 { color:#1E90FF; }
span.status2 { color:#228B22; }
span.status3 { color:#F38630; }
span.status4 { color:#FA6900; }

/* magazine layout */
.magazine-image {
	background: #eee;
	border: 3px #eee solid;
}
.magazine-image img {
	padding: 0px;
	background: #fff;
	margin: 2px;
	border: 1px #eee solid;
}

/* about shop.php */
.content_box { margin: 0 15px; }
.content_box img { border: 1px #eee solid; }
.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: #33CC00;
	float: left;
	margin: 0;
	padding: 0;
}
.content_box dd {
	margin: 0;
	padding: 0 0 5px 80px;
}
.content_box dd a {
	background:url(./images/arrow_link.gif) no-repeat 10px;
	padding-left:20px; color:#016735; text-decoration:none;
}
.content_box dd a:hover {
	text-decoration:underline;
}
.content_box dd span {
	color:#A52A2A;
}
.content_box .image img {border:0;}
.content_box .title {}
.content_box .desc {padding-left:20px;}

.error { background:#FFC; }
span.error { background:#FFF; color:#FF6600; }