﻿@charset "utf-8";
/*--body---------------------------------------------------------------------------------------------------*/
body,p {
	margin: 0px;
	padding: 0px;
}
.main-bg {
	background-color: #F4F4F4;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(images/index-down.gif);
}
body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 160%;
	color: #636466;}

/*-background img-----------------------------------------------------------------------------------------*/
.new-bg { /*左側新品底圖設定*/
	background-image: url(images/index/new-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*-txt link-----------------------------------------------------------------------------------------------*/
a			 {text-decoration: none;color: #636466;}
a:hover		 {text-decoration: none;color: #9F5E32;}
.click		 {text-decoration: none;color: #333333;}
.click:hover {text-decoration: none;color: #990000;}

/*--font---------------------------------------------------------------------------------------------------*/
.black 	{color: #000000;}
.white 	{font-size: 11pt;color: #FFFFFF;}
.brown	{color: #AF946E;}
.brown:hover {	color: #6B4F43;}
.blue	{color: #0066CC;}
.red 	{color: #CC0000;}
.green 	{color: #009900;}
.orange	{color: #FF6600;}
.orange2{font-size: 10pt;color: #FF6600;}
.yellow {color: #FFFF00;}
.down 	{font-size: 8pt;	color: #FFFFFF;}

/*--line-------------------------------------------------------------------------------------------------*/
.p-line1 {
	background-image: url(images/index/p-line1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
.class-bg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #666666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/*--區塊-----------------------------------------------------------------------------------------------------*/
.area00 {float:left;margin-right:5px;}/*人氣排行榜選項區塊*/
.area01 {float:left;margin-right:5px;background-color:#FEEDDA;paddding:5px;}/*人氣排行榜圖片內容區塊*/
.area-icon{ /*人氣排行榜項目*/
	background-color:#fb2958;
	width:18px;
	color:#ffffff;
	font:bold 7pt/normal arial;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration: none;}
.area0 {float:left;} /*左側人氣排行榜, 人氣排行榜*/

/*--促銷活動----------------------------------------------------------------*/
.ad-title{
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#680814', endColorStr='#b6172b', gradientType='0');
	background-color:#b6172b;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1ex;
}
.ad-date{
	padding-bottom:-5px;
	color:#b6172b;
	text-align:right;
	width:100%;
	font:8pt;}

/*--首頁----------------------------------------------------------------*/
.area1{ /*首頁,空海版width:225px;*/
	float:left;height:28px;margin-right:5px;
	background-image: url(images/index/p-line1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
.area2{	/*首頁下方-外框*/
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	width:168px;	
	background-color: #EAE3C9;
	background-image: url(images/index/show-top.gif);
	background-repeat: repeat-x;
	background-position: center top;} 
.area2-in{/*首頁下方-內框*/
	background-color:#ffffff;
	margin-left:5px;
	margin-right:5px;
	margin-top:8px;
	padding:5px;
	height:430px;
	line-height:normal;}
.area2-title {/*首頁下方-作品名稱-紅底白字*/
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#b6172b;
	margin-top:2px;
	width:150px;
	height:65px;
	line-height:normal;}
.area2-word{/*首頁下方-作品簡介*/
	margin-top:2px;
	padding-top:5px;
	width:150px;
	background-image: url(images/index/p-line2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:justify;
	/*text-justify:distribute-all-lines;*/}

/*--產品----------------------------------------------------------------*/
.p2-pro{/*產品-外框*/
	width:175px;
	margin-right:5px;
	margin-top:9px;
	margin-bottom:9px;
	float:left;}
.p2-pro-in{/*產品-內框*/
	background-color:#ffffff;
	margin-left:9px;
	margin-right:9px;
	margin-top:4px;
	margin-bottom:4px;
	padding:3px;
	height:470px;
	line-height:normal;}
.p2-pro-title {/*產品名稱-灰底白字*/
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#91888B;
	width:150px;
	height:80px;
	line-height:normal;}
.p2-pro-word{
	margin-top:2px;
	padding-top:5px;
	width:150px;
	background-image: url(images/index/p-line2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:justify;
	/*text-justify:distribute-all-lines;*/
}

/*--公司簡介----------------------------------------------------------------*/
td.com p{padding-top:5px;padding-bottom:5px;}
.p1-store{/*門市-外框*/
	width:175px;
	margin-right:5px;
	margin-top:9px;
	margin-bottom:9px;
	float:left;}
.p1-store-in{/*門市-內框*/
	background-color:#ffffff;
	margin-left:9px;
	margin-right:9px;
	margin-top:4px;
	margin-bottom:4px;
	padding:3px;
	height:470px;}
.p1-store-title {/*門市名稱-灰底白字*/
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#91888B;
	width:150px;
	height:25px;}
.p1-store-add{height:35px} /*門市地址*/
.p1-store-tel{background-color:#FEDE9A;color:#C76100;padding:2px;width:150px;} /*門市電話*/
.p1-store-time{height:65px;margin-top:5px;}/*門市營業時間*/
.p1-store-1{color:#ff6600;padding-top:5px;}/*門市店內消費標題*/
.p1-store-2{line-height:normal;font:8pt arial;}/*門市店內消費內容*/ 

.p1-store-word{/*門市-內文*/
	margin-top:2px;
	padding-top:5px;
	width:150px;
	background-image: url(images/index/p-line2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:justify;
}
