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

/*------------------------------------------CSS Reset 開始-------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dt, dd, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*//*修改部分 by kevin 20140822*/
	/*vertical-align: baseline;*//*修改部分 by kevin 20140822*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*//*修改部分 by kevin 20140822 會影響到網邊*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

body{ 
	margin: 0; 
	padding: 0;
	background: #8fb987;
	color: #000;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "新細明體";
	overflow-x: hidden;
	letter-spacing: 1px;
}

/* ~~ 元素/標籤選取器 ~~ */
ul, ol, dl { /* 由於瀏覽器之間的差異，最佳作法是在清單中使用零寬度的欄位間隔及邊界。為了保持一致，您可以在這裡指定所要的量，或在清單包含的清單項目 (LI、DT、DD) 上指定所要的量。請記住，除非您寫入較為特定的選取器，否則在此執行的作業將重疊顯示到 .nav 清單。 */
	padding: 0;
	margin: 0;
}

/*-----↓↓↓↓新增部分 by kevin 20150108 為了網編↓↓↓↓-----*/
ul, ol {
	padding-left:40px;
}
/*-----↑↑↑↑新增部分 by kevin 20150108 為了網編↑↑↑↑-----*/

/*h1, h2, h3, h4, h5, h6,*/ p {	margin: 0; padding: 0;}

/*img{ display:block;}*//*清除IE7下方溢位*/

a img { /* 這個選取器會移除某些瀏覽器在影像由連結所圍繞時，影像周圍所顯示的預設藍色邊框 */
	border: none;}

.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果從 #container 移除或取出 #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{ 
	/*color:#ccc;*//*修改部分 by kevin 20140814 會影響到網編區 不宜使用*/
	text-decoration: none;
	outline: none;/* for Firefox Google Chrome  *//*讓a點擊時不會出現框線*/
  	behavior:expression(this.onFocus=this.blur());  /* for IE *//*讓a點擊時不會出現框線*/
}
a:hover { 
	/*color:#ccc;*//*修改部分 by kevin 201450108 太醜了所以刪掉*/
	text-decoration:underline;
	/*opacity:0.9;新增部分 by kevin 20150121*//*會影響到輪播 刪除 by kevin 20150324*/
}
	
a:active, a:focus {/* 這個選取器群組可以讓使用鍵盤導覽的使用者，也和使用滑鼠的使用者一樣擁有相同的滑過體驗。 */
	text-decoration: none; }
	
area {
	outline:none;
}
/*------------------------------------------CSS Reset 結束-------------------------------*/

/*------------------------------------------icon-字型 開始-------------------------------*/
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.woff') format('woff'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../icon_fonts/ligature_symbols/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf, .lsf-icon:before {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(title);
  /*margin-right:0.3em;*/
}
/*------------------------------------------icon-字型 結束-------------------------------*/

/*Webkit,Opera9.5+,Ie9+ 控制文字選取時的顏色*/
::selection {
	background:#34241a;
	color:#fff;
}

/*Mozilla Firefox 控制文字選取時的顏色*/
::-moz-selection {
	background:#34241a;
	color:#fff;
}

.wrap {
	width:980px;
	margin:0 auto;
	padding: 0;
}

/*-------input reset--------------------------------------------------------*/
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic", "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體";
	font-size:14px;
}
input[type="text"], .input, input[type="password"], .input, input[type="search"] {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	height:26px;
	line-height:26px;
	border: solid 1px #cccccc;
	width:322px;
	transition: 0.2s ease all;
	padding:0px 8px;
	box-sizing:border-box;
}
	input[type="text"]:focus, input[type="password"]:focus {
		border: solid 1px #d5d5d5;
	}
	
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	vertical-align: middle;
	border:none;
	width:162px;
	height:37px;
	background:#4E2F1C;
	color:#fff;
	border-radius:3px;
	line-height:37px;
	transition: 0.2s ease all;
	letter-spacing:1px;
}
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
		background:#e3ab56 !important;
		color:#fff !important;
	}
	input[type="button"].contact {
		background:#b97a57;
		color:#fff;
	}
		.contact input[type="button"]:hover {
			background:#e3ab56;
			color:#fff;
		}
	
	input[type="reset"] {
		background: #4e2f1c;
	}
		input[type="reset"]:hover {
			background:#e3ab56;
		}
	input.but_small {
		width: auto;
		padding: 0px 10px;
	}
	
input[type="radio"], input[type="checkbox"] {
	margin:0px;
	padding:0px;
	outline:none;
	vertical-align: middle;
}
textarea {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	line-height:24px;
	border: solid 1px #cccccc;
	width:300px;
	resize:none;
	height:117px;
	transition: 0.2s ease all;
	box-sizing:border-box;
	padding:3px 8px;
}
	textarea:focus {
		border: solid 1px #d5d5d5;
	}
	
select {
	margin:0;
	padding:0;
	outline:none;
	vertical-align: middle;
	border: solid 1px #cccccc;
	padding: 5px 0px 6px 0px;
	transition: 0.2s ease all;
	background:#fff;
	letter-spacing:1px;
    margin: 5px 0px;
}
	select:focus {
		border: solid 1px #d5d5d5;
	}
	
label {
	cursor:pointer;
}

/*-------輪播----------------------------------------------------------------------------*/
.banner {
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	height: 444px;
	margin-bottom: 26px;
	background:#fff;
}
	#slideshow { 
		width: 100%; 
		height:444px;
		padding: 0px 0px 0px 0px;
		margin: 0 auto;
	}
	#slides {
		position:relative;
		width:100%;
		height:444px;
		list-style:none;
		overflow:auto;
		margin: 0;/*新增部分 by kevin 20140822*/
		padding:0px;
	}
		#slides li {
			width: 100%;
			height: 444px;
		}
		.fader-slide {
			opacity:0;
			position:absolute;
		}
		.fader-fade {
			opacity:1;
			-webkit-transition:opacity .4s;
			-moz-transition:opacity .4s;
			transition:opacity .4s;
		}
		ul#slides img {
			width: 2000px;
			height: 444px;
			vertical-align: middle;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 50%;
			right: 0;
			margin: 0px 0px 0px -1000px;
		}
	
	.slider-button {
		position: absolute;
		top: 50%;
		z-index: 99999;
		cursor: pointer;
		font-size: 40px;
		margin-top: -22px;
		/*color:#000;*//*已拉至前台*/
	}
		.left_arrow {
			left:23px;
		}
		.right_arrow {
			right:23px;
		}
	.pagination {
		list-style:none;/*新增部分 by kevin 20140822*/
		white-space: nowrap;
		position: absolute;
		bottom: 12px;
		z-index: 10;
		width: 100%;
		text-align: center;
		font-size:0px;

	}
		.pagination li {
			display: inline-block;
			vertical-align: middle;
			width:12px;
			height:12px;
			cursor:pointer;
			cursor: pointer;
			margin:0px 5px;
			background:#565656;
			border-radius:10px;
		}
			.pagination li.current {
				background:#fff;/*已拉至前台*/
				border: solid 1px #140606;
			}
			
.banner_shadow {
	width:1024px;
	margin:0 auto;
	display:none;
}

/*-------版頭----------------------------------------------------------------------------*/
.header {
	position: relative;
	z-index: 999999;
	background: #8FB987;
	border-bottom: solid 2px #4e2f1c;
}
	.header .wrap {
		position:relative;
	}
	
	/*logo*/
	.logo {
		float:left;
	}
	/*主按鍵*/
	.navbar {
		float:right;
		margin:56px -22px 0px 0px;
	}
		.nav {
			float:left;
			text-align:center;
			position:relative;
		}
			.nav a {
				text-decoration:none;
				display:block;
				padding:0px 28px 17px 28px;
			}
			.nav:nth-of-type(6) a {
				padding-right:22px;
			}
				.nav span {
					display:block;
				}
				/*span*/.nav_en {
					font-size:12px;
					color: #ee5e2c;
					transform: scale(0.9);
				}
				/*span*/.nav_tw {
					font-size:16px;
					font-weight:bold;
					color: #4e1e00;
					min-width:72px;
					padding:5px 0px 0px 0px;
				}
			
			/*hover*/
			.nav:hover .nav_tw {
				color:#000;
			}
			.nav:hover .nav_open {
				display:block;
			}
			
			/*展開選單*/
			.nav_open {
				position: absolute;
				width:141px;
				left:50%;
				margin:0px 0px 0px -70px;
				background:rgba(255,255,255,0.95);
				border-top: solid 3px #a63f00;
				display:none;
			}
				.nO_list {
					font-size:14px;
					line-height:20px;
					border-bottom: solid 1px #e5e4e3;
				}
					.nO_list a {
						padding: 8px 4px;
						color:#1f1e1e;
						font-weight:bold;
					}
						.nO_list a:hover {
							color:#9c4915;
						}
	/*版頭上右*/
	.header_top_right {
		position:absolute;
		top:11px;
		right:0px;
	}
		/*版頭按鍵*/
		.hTR_list {
			height:35px;
			padding:0px 9px;
			border-right: solid 1px #fff;
			display: inline-block;
			vertical-align: top;
		}
		.hTR_list:nth-of-type(3) {
			padding-right:0px;
			border: none;
			width:48px;
		}
			.hTR_list a {
				font-size:15px;
				line-height:31px;
				color:#fff;
				display:block;
				background:#4e2f1c;
				border-radius: 3px;
				transition:0.2s ease all;
				text-align:center;
				text-decoration:none;
			}
				.hTR_list a:hover {
					background:#eaaa52;
				}
				
			/*版頭產品搜尋*/
			.hTR_search {
				background:#fff;
				border-radius:3px;
				width:186px;
				height:29px;
				border: solid 1px #898c89;
				font-size:0px;
			}
				.hTR_search input {
					border: none;
					line-height:29px;
					height:29px;
				}
					.hTR_search input[type='text'] {
						border:none;
						width:154px;
						background:none;
					}
					.hTR_search input[type='submit'] {
						background:url(../images/search_icon.png) center center no-repeat;
						width:29px;
						height:29px;
					}
						.hTR_search input[type='submit']:hover {
							background:url(../images/search_icon.png) center center no-repeat !important;
						}
		
/*-------浮動式版頭----------------------------------------------------------------------------*/
.header_2 {
	position:fixed;
	top:-100px;
	z-index: 999998;
	width: 100%;
	background: #8fb987;
	border-bottom: solid 3px #4e2f1c;
}
	.header_2_logo {
		float: left;
	}
	.header_2_navbar {
		float:right;
	}
		.header_2_navbar .nav a {
			padding: 13px 22px;
		}
			.header_2_navbar .nav_tw {
				font-size:14px;
			}
			

/*首頁最新商品*/
.new_products_area {
	width:744px;
	margin:0px 0px 0px 0px;
	float:left;
}
	.n_p_tit {
		position:relative;
		padding:0px 0px 4px 0px;
	}
		.n_p_tit_tw {
			font-weight:bold;
			font-size:30px;
			color:#4e1e00;
			display:inline-block;
			vertical-align:bottom;
		}
			.n_p_tit_tw .lsf {
				display:none;
			}
			.n_p_tit_tw .lsf:before {
				content:'\E097';
			}
			
		.n_p_tit_en {
			font-size:14px;
			color:#e36d3c;
			display:inline-block;
			vertical-align:bottom;
		}
		.n_p_tit_more {
			font-size: 12px;
			right: 0px;
			top: 10px;
			text-decoration: none;
			background: #999;
			border-radius: 3px;
			line-height: 18px;
			padding: 0px 6px;
		}
			.n_p_tit_more:hover {
				opacity:0.7;
			}
			.n_p_tit_more .lsf {
				color:#fff;
			}
				.n_p_tit_more .lsf:before {
					content:'\E04e';
				}
				
			.n_p_tit_more a {
				text-decoration:none;
				color:#fff;
			}
		
	.n_p_list_area {
		margin:10px 0px 0px 0px;
	}
		.n_p_list {
			text-align:center;
			float:left;
			width:181px;
			margin:0px 5px 0px 0px;
			/*white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
			line-height: 15px;/*修改部分 by kevin 20150119*/
		}
			.n_p_list a {
				color:#000;
				font-size:15px;
				line-height:24px;
				text-decoration:none;
				transition:0.3s ease all ;
				display:block;
			}
				.n_p_list a:hover {
					color:#ee5e2c;
				}
				.n_p_list a img {
					border: solid 1px #fff;
					border-radius:2px;
					transition:0.2s ease all;
				}
					.n_p_list a:hover img {
						border: solid 1px #e3ab56;
					}
				
				.nPL_original_price {
					font-size:12px;
					color:#000;
					padding:7px 0px 0px 0px;
				}
					.nPL_original_price span {
						text-decoration:line-through;
					}
				
				.nPL_price {
					font-size:15px;
					color:#c50000;
				}

/*首頁兩種商品的分隔線*/
.index_product_line {
	width:1px;
	height:198px;
	background:#d9d9d9;
	float:left;
	margin: 0px 0px 0px 36px;
	display:none;
}

/*首頁熱賣商品輪播*/
.index_hot_products {
	float:left;
	width:174px;
	margin:0px 0px 0px 33px;
}
	.index_hot_products .n_p_tit .n_p_tit_tw {
		display:block;
		text-align: center;
	}
	
	.i_h_p_tit {
		margin:0px 0px 11px 0px;
	}
	.album_bammer {
		width: 176px;
		text-align:center;
		margin: 10px 0px 14px 0px;
	}
		.album_bammer a {
			color: #000;
			font-size: 15px;
			line-height: 24px;
			text-decoration: none;
			transition: 0.3s ease all;
			display: block;
		}
			.album_bammer .slick-slide a img {
				border: solid 1px #e3ab56;
				margin: 0px 0px 6px 0px;
			}
			.album_bammer .slick-slide a br {
				display:none;
			}
				.album_bammer a:hover {
					color:#ee5e2c;
				}
			
		button.slick-prev {/*左鍵*/
			width:35px;
			height:73px;
			background:url(../index/images/left_arrow.png) top left no-repeat;
			top: 50%;
			left: 6px;
			margin-top:-36px;
		}
			button.slick-prev:before {
				content: "";
			}
		button.slick-next {/*右鍵*/
			width:35px;
			height:73px;
			background:url(../index/images/right_arrow.png) top left no-repeat;
			top: 50%;
			right: 6px;
			margin-top:-36px;
		}
			button.slick-next:before {
				content: "";
			}
		ul.slick-dots {/*輪播點點area*/
			margin:0;
			bottom:-18px;
		}
			.slick-dots li {
				width:12px !important;
				height:12px !important;
				margin: 0px 5px !important;
			}
			.album_bammer .slick-dots li button {
				background: #565656;
				width:12px !important;
				height:12px !important;
				margin: 0px 5px !important;
				border-radius:100%;
			}
				.slick-dots li button:before {
					display:none;
				}
			.slick-dots li.slick-active button {/*當前模式*/
				background: #fff;
				border: solid 1px #140606;
			}

/*-------版腳----------------------------------------------------------------------------*/		
.footer {
	margin: 25px 0px 0px 0px;
	background:#4e2f1c;
}
	/*回最上面*/
	.top_btn {
	}
		.top_btn a {
			display:block;
			text-align:center;
			background:#f1dfd4;
			transition:0.3s ease all;
			text-decoration:none;
			font-size:13px;
			line-height:46px;
			color:#0e0e0e;
		}
			.top_btn a span {
				display:inline-block;
				vertical-align: middle;
				border-bottom: solid 9px #0e0e0e;
				border-left: solid 5px rgba(255,255,255,0);
				border-right: solid 5px rgba(255,255,255,0);
				margin: 0px 0px 5px 0px;
				transition:0.3s ease all;
			}
				/*hover*/
				.top_btn a:hover {
					background:#e3ab56;
					color:#fff;
				}
					.top_btn a:hover span {
						border-bottom: solid 9px #fff;
					}
	/*copyright*/
	.copyright {
		color:#fff;
		text-align:center;
		font-size:13px;
		line-height:26px;
		padding: 14px 0px;
	}
		.copyright a {
			text-decoration:none;
			color:#fff;
		}
/*-------main 主體----------------------------------------------------------------------------*/		
.main {
	background: #fff;
    border-radius: 5px;
    margin: 20px auto;
    box-sizing: border-box;
    padding: 25px 25px 30px;
	border: solid 1px #e3ab56;
}
	/*左選單*/
	.left {
		width:172px;
		float:left;
		padding: 10px 0px 0px 0px;
	}
		/*左選單標題*/
		.left_tit {
			letter-spacing:1px;
			border-bottom: solid 1px #4E2F1C;
			position:relative;
			padding: 0px 0px 10px 0px;
			margin:0px 0px 10px 0px;
		}
			.left_tit span {
				display:block;
			}
			/*span*/.left_tit_tw {
				font-size: 25px;
				font-weight: bold;
				color: #4E1E00;
			}
			/*span*/.left_tit_en {
				font-size: 17px;
				color: #ee5e2c;
				transform: scale(0.9);
				transform-origin: left top;
				padding: 6px 0px 0px 0px;
			}
			.left_tit .lsf {
				position: absolute;
				left: 0px;
				font-size: 26px;
				top: 16px;
				display: none;
			}
				/*各頁左選單前的icon*/
				.about:before, .teaching:before {
					content:'\E041';
				}
				.product:before {
					content:'\E12a';
				}
				.news:before {
					content:'\E113';
				}
				.member:before {
					content:'\E137';
				}
				.cart:before {
					content:'\E119';
				}
				.contact:before {
					content:'\E08a';
				}
				.search:before {
					content:'\E116';
				}
		
		/*左選單-列表*/
		ul.left_list_area {
			padding:0px;
			list-style:none;
		}
			ul.left_list_area li {
				font-size:12px;
				letter-spacing:1px;
				background-position: 0px 8px;
				padding: 5px 0px 5px 14px;
				line-height: 20px;
				position:relative;
			}
				ul.left_list_area li a:before {
					position:absolute;
					content: "▪ ";
					left:0px;
				}
				
				ul.left_list_area li.hover a{
					font-weight:bold;
					color:#ee5e2c;/*已拉至前台*/
				}
				ul.left_list_area li a {
					color:#4E1E00;
					text-decoration:none;
					font-size:15px;
				}
					ul.left_list_area li a:hover {
						font-weight:bold;
						color:#ee5e2c;/*已拉至前台*/
					}
	/*右網編*/
	.right {
		float:right;
		width: 730px;
		margin: 53px 0px 0px 0px;
	}
	
/*-------頁次--page -20150128 by kevin 修正版(置中版) (修改為純html無圖版本)--------------------------------------------------------------------------*/			
.page_area {
}
	.page_area table {
		margin: 0 auto;
	}
		.page_area table td {
			vertical-align:top;
		}
		.page_bot {
			float:left;
			padding-top: 3px;
			margin-right:5px;
		}
		.page_pages {
			float: left;
			font-size: 12px;
			text-align: center;
			color: rgb(113, 106, 85);
			margin-left: 13px;
			line-height: 17px;
			margin-top: -5px;
		}
		input[type="text"].page_text {
			float: left;
			margin: 0;
			padding: 0;
			border: solid 1px #b5b5b5 !important;
			background: #fff !important;
			width: 54px !important;
			height: 19px !important;
			line-height:17px !important;
			margin-left: 8px !important;
			margin-right: 5px !important;
		}
		.page_area a {
			display:block;
			font-size:12px;
			text-align:center;
			border-radius:5px;
			background:#EE6034;
			color:#fff;
			padding: 4px 0px;
			width: 93%;
		}
			.page_area a:hover {
				opacity:0.8;
				text-decoration:none;
			}
	
/*-------商品專區----------------------------------------------------------------------------*/
/*瀏覽紀錄*/
.record_list_area {
	width: 116px;
	margin: 0 auto;
	margin-top: 16px;
	position: fixed;
	right: 0px;
	top: 108px;
}
	.r_l_tit {
		line-height:38px;
		background:#4E2F1C;
		color:#fff;
		font-size:12px;
		text-align:center;
		margin:0px 0px 8px 0px;
		border-radius:2px;
	}
	.record_list_area ul {
		margin:0px;
		list-style:none;
		padding:0px;
	}
		.record_list_area ul li {
			text-align:center;
			margin:0px 0px 9px 0px;
			position:relative;
		}
			.record_list_area ul li img {
				border: solid 1px #e3ab56;
				transition:0.2s ease all;
				border-radius:2px;
			}
				.record_list_area ul li img:hover {
					border: solid 1px #fff;
				}

/*商品專區列表*/
.product_list_area {
	width: 750px;
	margin: 16px 0px 0px 21px;
}
	.p_list {
		text-align:center;
		float:left;
		width:181px;
		margin:0px 68px 40px 0px;
		/*white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
	}
		.p_list a {
			color: #000;
			font-size: 15px;
			line-height: 24px;
			text-decoration:none;
			display:block;
			transition:0.2s ease all;
		}
			.p_list a img {
				border: solid 4px #2e8840;
				margin: 0px 0px 11px 0px;
				transition:0.2s ease all;
				border-radius:2px;
			}
				/*hover*/
				.p_list a:hover {
					color: #ee5e2c;
				}
					.p_list a:hover img {
						border: solid 4px #e3ab56;
					}
				
		.p_l_price {
			font-size:12px;
			letter-spacing:1px;
			line-height: 20px;
			margin: 7px 0px 0px 0px;
		}
			.p_l_price del {
				color:#000;
			}
			.p_l_price .red {
				font-size:15px;
			}
			
/*商品內頁-上面*/
.product_top_area {
	margin: 16px 10px 0px 10px;
}
	.p_top_img {
		float:left;
		border: solid 1px #a4a4a4;
	}
	.p_t_right {
		float:left;
		margin: 8px 0px 0px 25px;
		width: 370px;
	}
		.p_t_tit {
			font-size:20px;
			font-weight:bold;
			line-height:25px;
			letter-spacing:1px;
		}
		.p_t_fb {
			margin: 16px 0px 7px 0px;
		}
			.p_t_fb iframe {
				height:21px;
				vertical-align: middle;
			}
		.p_t_price {
			font-size:14px;
			line-height:38px;
			letter-spacing:1px;
			color:#999999;
		}
			.pT_price {
				color:#000;
			}
				.pT_price .red {
					font-size:18px;
					font-weight:bold;
				}
			.red {
				color: #c50000;
			}
		.p_t_quantity {
			font-size:14px;
			line-height:38px;
			letter-spacing:1px;
		}
			.p_t_quantity input[type="text"] {
				width:62px;
			}
		.p_t_but_area {
			text-align:center;
			margin: 18px 0px 0px 0px;
		}
			.p_t_but_area input[type="button"]:nth-of-type(2) {
				background: #b97a57;
				color:#fff;
			}
				.p_t_but_area input[type="button"]:nth-of-type(2):hover {
					background:##e3ab56;
					color:#fff;
				}
			
			input[type="button"].no_product {
				cursor:default;
				background:#CCC;
				color:#999;
			}

/*----------商品內頁-頁籤區--------------*/
.product_text_area {
	margin: 35px 10px 0px 10px;
}

/*輪播頁籤*/
.tab_area {
	margin: 0px 0px 10px 0px;
}

.tab_area_line {
	width: 705px;
	height: 1px;
	background: #CDCDCD;
	margin-left: -5px;
}

ul.tabs {
	margin:0; 
	padding:0; 
	list-style:none;
}

.img-scroll { 
	height:34px; 
	position:relative;
	padding:0px;
}
	.img-list { 
		position:relative;
		width: 715px;
		height: 34px; 
	}
		.tabs { 
			float:left; 
			position:absolute;
		}
			.tabs li { 
				width:133px;
				float:left;
				position: relative;
				text-align:center;
				line-height:24px;
				font-size:14px;
				margin:0px 7px 0px 0px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
				border-bottom: solid 1px #CDCDCD;
				background: #eee;
			}
				.tabs li:hover {
				}
				.tabs a { 
					color:#727272;
					text-decoration:none;
					display:block;
					padding:5px 0px;
				}
					.tabs a:hover {
						border:solid 0px;
					}
				.tabs li.active {
					/*當前模式*/
					font-weight:bold;
					background:#000;
					border-bottom: solid 1px #FFF;
				}
					.tabs.about_banner li:hover {
						opacity:0;
					}
					.tabs li.active a {
						color:#fff;
						border:solid 0px ;
					}
	
	#tab1{}
	.tab_content{}

/*產品內頁頁籤的網編區*/
.p_tab_text_area {
	width: 694px;
}


/*-------最新消息----------------------------------------------------------------------------*/
/*最新消息列表區*/
.news_list_area {
	margin: 20px auto;
	clear: both;
}
		
	.n_list {
		line-height:31px;
		border-bottom: solid 1px #D4D3D2;
		position:relative;
	}
		.n_list:before {
			position: absolute;
			content: '‧';
			left: 3px;
			top: 7px;
			font-size: 12px;
			display:none;
		}
		.n_list:nth-of-type(2n+0) {
			background: rgba(143, 185, 135, 0.18);
		}
		.n_list a {
			color:#8f8f8f;
			display:block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration:none;
			padding: 5px 19px;
		}
			.n_l_time {
				margin-right: 23px;
				font-size:12px;
				color:#C00;
			}
			.n_l_tit {
				color: #333;
				letter-spacing:1px;
				font-size:15px;
			}
				/*hover*/
				.n_list a:hover .n_l_tit {
					color: #ee5e2c;
				}

/*最新消息內頁*/		
.news_in_area {
	float: left;
}
	/*最新消息內頁-標題*/
	.n_in_tit_area {
		border-bottom: solid 1px #C5C5C5;
		letter-spacing: 1px;
	}
		.n_in_tit {
			font-size: 22px;
			color: #333;
			float: left;
			width: 834px;
			line-height: 30px;
			position: relative;
			font-weight:bold;
			padding: 6px 0px 11px 0px;
		}
			.n_in_tit:before {
				position: absolute;
				content: '●';
				left: 14px;
				display:none;
			}
			
		.n_in_time {
			font-size:12px;
			color:#7d0000;
			float:right;
			width: 83px;
			text-align: right;
			margin: 10px 5px 0px 0px;
			background-position: 0px 6px;
		}
	
	/*最新消息內頁-網編區*/
	.news_in_area .text_area {
		padding: 15px 0px 20px 0px;
		border-bottom: solid 1px #8b8b8b;
	}
	
	/*回上一頁*/
	.back {
		float: right;
		font-size: 12px;
		margin: 15px 0px 0px 0px;
		padding-right: 14px;
	}
		.back:after {
			content:'►';
		}
		.back a {
			color:#535353;
		}

/*-------購物車----------------------------------------------------------------------------*/	
.cart_area {
	width: 839px;
	clear: both;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
}
	/*購物車-步驟*/
	.cart_step_area {
	}
		.cart_step {
			float: left;
			font-size: 15px;
			letter-spacing: 1px;
			text-align: center;
			padding: 0px 96px;
			line-height: 21px;
		}
		.c_s_current {
		}
			.c_s_current .c_s_en {
				font-weight: bold;
			}
			.c_s_current .c_s_tw {
				color: #000;
			}
				.c_s_current .c_s_tw:before, .c_s_current .c_s_tw:after {
					content:'-';
				}
			.c_s_en {
				display: block;
				font-size: 12px;
				color: #BABABA;
			}
			.c_s_tw {
				font-weight: bold;
				color: #BABABA;
			}
	
	/*購物車-列表*/
	.cart_product_table {
		font-size:14px;
		letter-spacing:1px;
		margin:23px 0px 0px 0px;
		border-radius: 2px;
		overflow: hidden;
	}
		tr.c_p_tit {
			line-height:37px;
			background: #4E2F1C;
			color:#fff;
			font-size:13px;
		}
			tr.c_p_tit td {
				padding:0px;
			}
		.cart_product_table td {
			padding:22px 0px 22px 0px;
			border-bottom: solid 1px #c0c0c0;
		}
			td.c_p_img img {
				border: solid 1px #bebebe;
			}
			td.c_p_product_tit {
				font-size:16px;
				line-height:20px;
				font-weight:bold;
				padding:0px 0px 0px 10px;
			}
	
	/*購物車-價格*/
	.cart_price_table {
		font-size:13px;
		line-height:37px;
		letter-spacing:1px;
		margin: 13px 0px 0px 0px;
		width: 99%;
	}
	
	/*購物車-填寫資訊*/
	.ordering_information_tit {
		height:37px;
		font-size:24px;
		color:#181818;
		margin: 14px 0px 0px 0px;
		padding: 9px 0px 0px 54px;
		letter-spacing: 1px;
		border-bottom: solid 1px #ccc;
		position:relative;
	}
		.ordering_information_tit .lsf {
			position:absolute;
			left:15px;
		}
			.ordering_information_tit .lsf:before {
				content:'\E030';
			}
		
	.ordering_information {
		font-size:14px;
		letter-spacing:1px;
		margin-left: 44px;
	}
		.ordering_information td {
			padding: 10px 0px 10px 9px;
			line-height: 26px;
			/*width:13%;*/
		}
		.ordering_information td:nth-of-type(2) {
			/*width:auto;*/
		}


/*-------會員專區----------------------------------------------------------------------------*/		
.member_right_tit {
	text-align: center;
	width: 100%;
	letter-spacing: 1px;
	line-height: 24px;
	border-bottom: solid 1px #CCC;
	padding: 0px 0px 10px 0px;
}
	.m_r_tit_tw {
		font-size: 20px;
		font-weight: bold;
		color: #333;
	}
	.m_r_tit_en {
		font-size: 12px;
		color: #CCC;
	}

.member_table {
	margin: 20px auto;
	font-size:14px;
	letter-spacing:1px;
}
	.member_table tr {
		background:#f3f3f3;
	}
		.member_table tr td {
			padding: 10px 0px 10px 9px;
			line-height: 26px;
		}
	
	.member_table tr td.m_t_top {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 0px 0px 0px 0px;
		line-height: 17px;
	}
	.member_table tr td.m_t_bottom {
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		padding: 0px 0px 0px 0px;
		line-height: 17px;
	}

.member_line {
	font-size:12px;
	letter-spacing:1px;
	color:#444444;
	margin:0 auto;
	text-align:center;
	border-top: solid 1px #bcbcbc;
	line-height: 42px;
	margin-top: 20px;
}
	.member_line a {
		text-decoration:underline;
	}
	
/*會員專區-訂單查詢-查詢區塊*/
.order_search_area {
	font-size:12px;
	color:#181818;
	letter-spacing:1px;
	padding: 8px 40px 15px 40px;
}
	.order_search_area span {
		font-size:13px;
		line-height: 38px;
	}
	.select {
		margin:0px;
		padding:0px;
		vertical-align:middle;
		outline:none;
		border: solid 1px #aaaaaa;
		padding: 3px 0px 3px 0px;
		font-size: 12px;
	}

/*會員專區-訂單查詢-查詢列表*/
.order_list_table {
	margin: 0px auto;
	margin-bottom: 25px;
}
	.order_list_table tr.o_t_tit {
		background:#4E2F1C;
		color:#fff;
		font-size:13px;
		line-height:37px;
		border: none;
	}
	.order_list_table tr {
		font-size:14px;
		line-height:59px;
		letter-spacing:1px;
		border-bottom: solid 1px #c0c0c0;
	}
	
/*訂單明細彈出*/
.order_detail {
	width: 839px;
	margin: 0px auto;
	background: #fff;
    padding: 0px 10px;
}

/*紅利餘額*/
.bonus_surplus {
	text-align:right;
	font-size:13px;
	font-weight:bold;
	color:#272727;
	letter-spacing:1px;
	padding: 0px 10px 18px 0px;
}
	.bonus_surplus span {
		font-size:15px;
		text-decoration:underline;
	}

.green {
	color:#538a04;
}

/*-------浮動QR CODE--------------------------------------------------------------------------*/			
.qr_code_area {
	position:fixed;
	top:67px;
	right:0px;
	background:#fff;
	width:92px;
	padding:10px;
	z-index:999999;
}
	.q_img {
	}
	.q_text {
		font-size:12px;
		line-height:18px;
		text-align:center;
		padding:0px 0px 0px 0px;
	}

/*-------聯絡我們----------------------------------------------------------------------------*/
/*聯絡我們左邊*/
.contact_left {
	float:left;
}

/*聯絡我們右邊*/
.contact_right {
	float: right;
	width: 460px;
	margin: -20px 0px 0px 0px;
}

/*---------咖啡農場輪圖----------------------------------------------------------------------*/
.main_right_text_club_review { 
    width: 522px;
	margin:0px auto;
	height: 480px;
}
	.about_banner .img-scroll { 
		height:66px; 
		/*overflow:hidden;*/ position:relative; 
		*border:none; 
		*padding-bottom:2px; 
		*padding-right:2px;
		display:inline-block;
		padding: 13px 0px 54px 0px;
	}
	
	ul, li { 
		margin:0; 
		padding:0; 
		list-style:none; 
	}
	
	.prev { 
		width:11px; 
		position: absolute;
		left: -13px;
		top: 27px;
	}
	.next { 
		position: absolute;
		top: 27px;
		right: -17px;
	 }
	.img-list.about_banner { 
		position:relative; 
		width:524px; 
		height:70px;
		margin-left:4px; 
		/*ie7*/*margin-left:51px;
		overflow:hidden;
	}
	.tabs { 
		position:absolute; 
	}
		.tabs li { 
			padding: 0px 1px;
		}
	.club_top_link {
	}
		.club_top_link_img {
		}
			.club_top_link_text { 
				font-size:11px; 
				margin-top:3px; 
				line-height:19px;
			}
		.club_bottom { 
			margin: 5px 0px 13px 0px;
		}
		#tab1 {
		}
		.tab_content {
		}
		.club_bottom_text { 
			margin-top:15px;
			position:relative;
		}
			.cBT_text {
				background:rgba(56,31,16,0.8);
				width:100%;
				color:#fff;
				padding:5px 10px;
				box-sizing: border-box;
				font-size: 14px;
				line-height:22px;
			}
		
		.tabs.about_banner { 
			float:left; 
			position:absolute;
		}
			.tabs.about_banner li { 
				width:120px;
				float:left;
				position: relative;
				text-align:center;
				line-height:24px;
				font-size:14px;
				margin:0px 4px 0px 4px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
				border-bottom: solid 0px #CDCDCD;
				background:none;
			}
				.tabs.about_banner li:hover {
					opacity:0.8;
				}
				.tabs.about_banner a { 
					color:#727272;
					text-decoration:none;
					display:block;
					border:solid 2px #2e8840;
					border-radius: 3px;
					display: inline-block;
					padding:0px;
				}
					.tabs.about_banner a:hover {
						border:solid 2px #e3ab56;
					}
				.tabs li.active {
					/*當前模式*/
					font-weight:bold;
					border-bottom: solid 1px #FFF;
				}
					.tabs.about_banner li.active a {
						color:#fff;
						border:solid 2px #e3ab56;
					}

/*表單區備註*/
.formRemark {
	font-size:15px;
	line-height:21px;
	padding:15px 0px 0px;
	text-align:center;
}