@charset "utf-8";

body {
	font-size:75%;
	font-family:Arial, Verdana, "微軟正黑體", "新細明體";
	color:#1a1a1a;
	background:#dfdfdf;
}

a {
	color:#547e18;
}

input[type="text"], input[type="password"], textarea {
	width:85%;
	padding:4px;
	font-size:12px;
	font-family:Arial, "新細明體";
	border:1px solid #e0e0e0;
}

select {
	padding:4px;
	font-size:12px;
	font-family:Arial, "新細明體";
	border:1px solid #e0e0e0;
}

div[align="center"] {
	padding:6px;
}

.clear {
	clear:both;
}

#out-wrapper {
	width:1000px;
	margin:0 auto;
	padding:0 9px;
	background:url(../img/background_01.png) repeat-y;
}

#inner-wrapper {
	width:1000px;
	margin:0 auto;
	background:#ffffff;
}

#body-block {
	position:relative;
}

#head-wrapper {
	position:relative;
	width:972px;
	min-height:120px;
	margin:0 auto 8px auto;
	padding:8px 0;
}

#head-wrapper h1 {
	padding:4px 0 0 4px;
	margin-bottom:8px;
}

#navigation {
	position:absolute;
	z-index:3;
	right:8px;
	top:12px;
}

#navigation ul li {
	float:left;
	width:auto;
	line-height:20px;
	padding:0 6px 0 20px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../img/list_arraw_03.jpg);
}

#navigation ul li a {
	color:#1a1a1a;
}

#navigation ul li[plurk] {
	background-image:url(../img/list_arraw_05.jpg);
}

#navigation ul li[facebook] {
	background-image:url(../img/list_arraw_04.jpg);
}

#navigation ul li[twitter] {
	background-image:url(../img/list_arraw_06.png);
}

#menu-wrapper {
	width:972px;
}

.menu-block ul {
	height:36px;
	padding:1px 0;
	background:url(../img/menu_background_01.jpg) repeat-x;
}

.menu-block ul li {
	position:relative;
	display:block;
	float:left;
	width:112px;
	height:20px;
	padding:8px 12px;
	font-size:15px;
	color:#ffffff;
	background:url(../img/menu_background_02.png) repeat-x;
	border-right:1px solid #a6c975;
	border-left:1px solid #518b03;
	font-weight:bold;
}

.menu-block ul li a {
	display:block;
	height:inherit;
	color:#ffffff;
}


.menu-categories {
	display:none;
	position:absolute;
	top:36px;
	left:0;
	width:241px;
	background:#343434;
	padding-bottom:8px;
	z-index:999;
}

.menu-categories span {
	display:block;
	padding:0 12px;
	line-height:36px;
	font-size:13px;
	background:#343434;
	border-bottom:1px solid #cfcfcf;
}

.menu-categories span:hover {
	background:url(../img/menu_background_02.png) repeat-x #518b03;
}

.menu-block ul li:hover div.menu-categories {
	display:block;
}

.menu-block ul li:hover {
	background-color:#343434;
}

.menu-block ul li:hover div {
	display:block;
}

#body-wrapper {
	width:972px;
	margin:0 auto;
}

#main-wrapper {
	float:left;
	width:740px;
	padding-right:8px;
}

#side-wrapper {
	float:right;
	width:212px;
	padding:6px;
	padding-bottom:0;
	background:#e0e0e0;
}

.side-block {
	margin-bottom:6px;
	background:#ffffff;
}

.side-block input[name="email"] {
	width:135px;
}

.side-block h3 {
	height:36px;
	padding-left:12px;
	line-height:36px;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #dfdfdf;
	border-top:2px solid #547e18;
	background:url(../img/side_background_01.jpg) no-repeat left top;
	cursor:default;
}

.side-block h4 {
	color:#223f00;
	line-height:1.8em;
	padding:3px 0;
	font-weight:bold;
}

.side-content {
	padding:6px;
	font-family:Arial, "新細明體";
}

.side-content p {
	line-height:1.8em;
}

.category h3, .category h4 {
	cursor:pointer;
}

.category h4 {
	font-size:14px;
	font-weight:bold;
	padding-left:6px;
}

.category h4 a {
	color:#0e2e12;
}

.category ul {
	padding-bottom:6px;
}

.category ul li {
	padding:4px 15px;
	line-height:1.5em;
	border-bottom:1px dotted #dfdfdf;
}

.advertisement img {
	width:212px;
}

#foot-wrapper {
	background:#588717;
	margin-top:8px;
	padding:1em;
	text-align:center;
	color:#ffffff;
}

#foot-wrapper a {
	color:#ffffff;
}

.banner {
	width:740px;
	height:338px;
	margin-bottom:8px;
}

.content-title {
	position:relative;
	font-size:12px;
	color:#8f8f8f;
	line-height:1.5em;
	font-family:Arial, "新細明體";
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px dotted #f3f3f3;
}

.content-title h2 {
	line-height:2em;
}

.index div.content-title {
	height:36px;
	line-height:36px;
	padding-left:8px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background:url(../img/menu_background_02.png) repeat-x top #447500;
}

.index div.content-title a {
	color:#ffffff;
}

.product-list {
	background:#e0e0e0;
	padding:8px 0 0 8px;
}

.product-item {
	position:relative;
	float:left;
	width:165px;
	height:280px;
	padding:5px;
	background:#ffffff;
	margin:0 8px 8px 0;
	overflow:hidden;
}

.product-item h3 {
	position:absolute;
	top:5px;
	left:5px;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	min-height:20px;
	max-height:30px;
	background:#ffffff;
}

.product-item h3 a {
	color:#1a1a1a;
}

.product-item p {
	position:absolute;
	top:195px;
	width:165px;
	padding-top:6px;
	line-height:1.5em;
	font-family:"新細明體";
}

.product-item dl {
	position:absolute;
	bottom:0;
	left:0;
	width:175px;
	height:24px;
	padding-top:12px;
	background:#ffffff;
}

.product-item dt, .product-item dd {
	float:left;
	height:24px;
	line-height:24px;
	text-align:center;
}

.product-item dt {
	width:90px;
}

.product-item dd {
	width:80px;
	background:url(../img/background_02.jpg) no-repeat right bottom #e0e0e0;
}

.product-main-pic {
	position:absolute;
	top:30px;
	width:165px;
	height:165px;
	overflow:hidden;
}

.product-main-pic img {
	width:165px;
}

.tag {
	position:absolute;
	top:42px;
	left:0;
	background:#547E18;
	width:65px;
	padding-left:5px;
	height:20px;
	line-height:20px;
	z-index:999;
	color:#ffffff;
	font-family:Arial, "新細明體";
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}

.paging {
	clear:both;
	margin-right:6px;
	padding:8px 6px;
	text-align:right;
	border-top:1px dotted #ffffff;
}

.product-detail {
	padding-top:8px;
	font-family:Arial, "新細明體";
}

.product-album {
	float:left;
	width:250px;
	padding-right:8px;
}

.product-mainpic {
	width:248px;
	height:248px;
	border:1px solid #efefef;
	margin-bottom:8px;
}

.product-mainpic img {
	width:248px;
	height:248px;
}

.product-piclist ul {
	padding:8px 0 0 8px;
	background:#efefef;
}

.product-piclist ul li {
	float:left;
	width:72px;
	height:72px;
	overflow:hidden;
	margin:0 8px 8px 0;
}

.product-piclist ul li img {
	width:72px;
	height:72px;
}

.product-piclist p {
	display:none;
}

.product-basic h3 {
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1.6em;
	padding-bottom:8px;
}

.product-info {
	line-height:1.5em;
	padding-bottom:2em;
}

.product-info p {
	padding-bottom:1em;
}

.product-price li {
	line-height:1.5em;
	padding-bottom:6px;
}

.product-price li span {
	font-size:24px;
	font-weight:bold;
	color:#99cc00;
}

.product-intro {
	padding-top:1em;
}

.product-content ul.listfix {
	display:none;
}

#pc1, #pc2, #pc3 {
	border-top:1px dotted #dfdfdf;
	padding:12px 0;
	line-height:1.6em;
}

.product-content p {
	padding-bottom:1em;
}

.product-content th, .product-content td {
	padding:8px;
	border:1px solid #efefef;
}

.product-content thead th, .product-content thead td {
	font-weight:bold;
	background:#99cc00;
}

.product-content th {
	width:160px;
}

.product-content tbody tr:hover {
	background:#EFFFD2;
}

.product {
	padding:8px 0;
}

.product h3 {
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	color:#006600;
	padding-left:16px;
	background:url(../img/list_arraw_02.jpg) no-repeat left top;
}

.product-block {
	line-height:1.5em;
	padding:0 1em;
	padding-bottom:1em;
	border-bottom:1px solid #efefef;
	margin-bottom:1em;
	font-family:Verdana, "新細明體";
}

.product-block h4 {
	font-size:13px;
	font-weight:bold;
}

.product-block p {
	color:#4f4f4f;
}

.product-block ul {
	padding:1em;
}

.product-block ul li {
	float:left;
	width:200px;
	margin:0 6px 6px 0;
	line-height:20px;
	padding-left:16px;
	background:url(../img/list_arraw_01.jpg) no-repeat left top;
}

.product-theme {
	border:4px solid #f8f8f8;
	margin-bottom:8px;
	padding:8px;
	padding-bottom:0;
}

.product-theme ul li {
	float:left;
	width:28%;
	margin:0 1% 1% 0;
	line-height:1.8em;
	padding:0 8px 0 16px;
}

.contact {
	padding:8px 0;
}

.store {
	margin-bottom:8px;
}

.contact-map {
	float:left;
	margin-right:8px;
	padding-bottom:8px;
}

.contact-map iframe {
	width:352px;
	height:360px;
	border:4px solid #e8e8e8;
}

.contact-map p {
	display:none;
}

.contact-info {
	float:left;
	width:360px;
	padding:5px;
	font-family:Arial, "新細明體";
}

.contact-info h3 {
	font-size:15px;
	font-weight:bold;
	line-height:1.6em;
	padding-bottom:4px;
}

.contact-info li {
	line-height:1.8em;
	padding-left:1em;
}

.contact-table {
	clear:both;
	color:#000000;
}

.contact-table input[type="text"] {
	width:150px;
}

.contact-table table {
	border:4px solid #f8f8f8;
}

.contact-table th, .contact-table td {
	border:1px solid #f8f8f8;
	padding:6px;
}

.contact-table thead {
	display:none;
}

.contact-table th {
	width:72px;
	vertical-align:top;
}

.contact-table textarea {
	height:250px;
}

.cart {
	padding:8px 0;
}

.cart td, .cart th {
	padding:12px 6px;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}

.cart thead {
	font-weight:bold;
	background:#99CC00;
	font-size:13px;
}

.cart tbody {
	font-family:Arial, "新細明體";
}

.cart tbody td { border-left:1px solid #f3f3f3;}
.cart td.cpic { text-align:center; border-left:none; width:90px;}
.cart td img { width:80px; }
.cart td.ctitle{ text-align:left; }
.cart td.camount { width:50px;}
.cart td.camount input{ text-align:center;}
.cart td.cprice{ width:80px; }
.cart td.ccancal{ width:60px;}

.cart td[c8] {
	border-right:none;
}

.cart td[c9] {
	width:100px;
}

.cart td[c10], .cart td[c11], .cart td[c12] {
	width:80px;
}

.cart td[c13] {
	width:72px;
	border-right:none;
}

.oc-table {
	margin-top:1em;
	border:2px solid #e0e0e0;
}

.oc-table caption {
	padding:3px 0;
	font-size:13px;
	font-weight:bold;
	color:#006600;
}

.oc-table td, .oc-table th {
	text-align:left;
}

.oc-table label {
	padding-right:6px;
}

.oc-table th {
	width:80px;
	border-right:1px solid #e0e0e0;
}

.login {
	width:360px;
	padding:8px 0;
}

.login label {
	display:block;
	padding:6px 0;
}

.login input[type="text"], .login input[type="password"] {
	width:250px;
}

.login p {
	line-height:1.5em;
	padding:6px 0;
}

.signup {
	padding:8px 0;
	font-family:Arial, "新細明體";
}

.signup fieldset {
	display:block;
	margin-bottom:1em;
	padding:4px;
	border:1px solid #e0e0e0;
}

.signup legend {
	font-weight:bold;
	color:#006600;
}

.signup label {
	display:block;
	padding:4px;
	border-bottom:1px solid #f3f3f3;
}

.signup label input[type="text"], .signup label input[type="password"] {
	width:120px;
}

.signup label[l7] input[type="text"] {
	width:85%;
}

.form-date {
	padding:4px;
	border-bottom:1px solid #f3f3f3;
}

.form-date label {
	display:inline;
	border:none;
}

.member-block {
	margin-bottom:1em;
	padding-bottom:6px;
	border-bottom:1px dotted #e0e0e0;
}

.member-block h3 {
	font-size:15px;
	font-weight:bold;
	color:#006600;
	line-height:1.6em;
	padding-bottom:4px;
}

.member-block ul li {
	line-height:2em;
}

.member-block div[align="left"] {
	padding:0 4px 4px 20px;
	background:url(../img/list_arraw_01.jpg) no-repeat left top;
	line-height:20px;
}

.newsDetail, .related {
	margin-bottom:4px;
	padding-bottom:4px;
}

.news * {
	line-height:1.5em;
}

.news h3 {
	padding-bottom:4px;
	font-weight:bold;
	font-size:14px;
}

.newsDetail {
	width:100%;
	overflow:hidden;
	padding-bottom:1.5em;
	margin-bottom:1em;
	border-bottom:1px dotted #dfdfdf;
}

.related {
	border-bottom:1px dotted #dfdfdf;
}

.related ol li {
	float:left;
	width:160px;
	height:105px;
	overflow:hidden;
	border:4px solid #e8e8e8;
	margin:0 8px 8px 0;
}

.related ul {
	margin:0;
}

.related ul li {
	margin:0;
	padding:0;
}

.related ul li a {
	text-decoration:underline;
}

.newsTable {
	border:3px solid #e8e8e8;
}

.newsTable th, .newsTable td {
	padding:6px;
	border-bottom:1px dotted #e8e8e8;
	vertical-align:top;
}

.newsTable thead * {
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #e8e8e8;
	background:#99CC00;
	padding:10px 6px;
}

.newsTable th {
	width:120px;
}

.product-description {
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}

.product-description li {
	background:none;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width:740px;
	height:338px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items div {
	float:left;
}

.navi {
	position:absolute;
	bottom:10px;
	right:0;
	color:#FFF;
}

.navi a {
	display:block;
	float:left;
	width:20px;
	height:20px;
	line-height:20px; 
	text-align:center;
	border:1px solid #FFFFFF;
	font-size:12px;
	color:#FFFFFF;
	margin-right:10px;
	cursor:pointer;
	background:#1a1a1a;
	opacity:.8;
	-moz-opacity: .8;
	filter:alpha(opacity=80);
}

.navi a.active {
	border:1px solid #FF9900;
	color:#FF9900;
}

.search {
	position:absolute;
	top:0;
	right:0;
	width:220px;
	z-index:10;
}

.search input[type="text"] {
	width:160px;
	padding:2px;
}

.linkx li {
	line-height:1.5em;
	padding:4px 0;
	border-bottom:1px dotted #DFDFDF;
}