@charset "utf-8";
/* CSS Document */
body {
	border-right:1px solid #ACACAC;
	border-left:1px solid #ACACAC;
}
#container {
	width: 880px;
	min-height: 570px;
}
/*header*/
#container #header {
	background-image: url(/images/hp/hp_header_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 73px;
}
#container #header h1 {
	padding: 10px 0 0 58px;
	margin: 0;
}
#headmenu {
	position: absolute;
	right:40px;
	top:20px;
}
#headmenu li{
	position: relative;
	float:left;
	margin: 0;
	border-left:1px solid #642611;
}
#headmenu li.but07{
	height: 27px;
	width: 0px;
	border-left:1px solid #642611;
	margin:0 15px 0 0;
}
#headmenu li a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 27px;
	width: 72px;
	text-indent:-99999px;
	text-align:left;
	margin: 0 9px;
}
#headmenu .but01 a{
	background-image: url(/images/hp/menu_01.png);
}
#headmenu .but02 a{
	background-image: url(/images/hp/menu_02.png);
}
#headmenu .but03 a{
	background-image: url(/images/hp/menu_03.png);
}
#headmenu .but04 a{
	background-image: url(/images/hp/menu_04.png);
}
#headmenu .but05 a{
	background-image: url(/images/hp/menu_05.png);
}
#headmenu .but06 a{
	background-image: url(/images/hp/menu_06.png);
}
#headmenu .but01 a:hover,
#headmenu .but02 a:hover,
#headmenu .but03 a:hover,
#headmenu .but04 a:hover,
#headmenu .but05 a:hover,
#headmenu .but06 a:hover {
	background-position: -72px 0px;
}

/*首頁內容*/
#mainContent {
	width: 880px;
	margin: 5px auto;
	background-image: url(/images/hp/hp_indexbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#mainContent #flash {
	float: left;
	height: 270px;
	width: 283px;
	text-align:right;
	position: relative;
}
#mainContent #mainad {
	float: left;
	height: 255px;
	width: 547px;
	position: relative;
	top: 8px;
}
#subContent {
	width: 780px;
	margin: 0 auto 10px auto;
}
/* copyright列 */
#footersub {
	position:relative;
	background-color: #916f4c;
	height: 17px;
	width: 880px;
	padding: 3px 0;
	color: #FFFFFF;
}
#footersub span{
	position:relative;
	padding: 0 50px;
	font-size:0.75em;
}
#footersub span.service{
	float:left;
}
#footersub span.copyright{
	float:right;
}

/*下區塊*/
#subContent dl {
	float:left;
	position:relative;
	margin-bottom:10px;
}
#subContent .subcenter,
#subContent .subright1,
#subContent .subright2{
	margin:0 0 0 14px;
}
#subContent .subcenter dd {
	border: 1px solid #e6e782;
	height:125px;
	width: 248px;
	margin:0 0 10px;
}
#subContent .subright1 dd,
#subContent .subright2 dd {
	border: 1px solid #e6e782;
	height:125px;
	width: 116px;
}
#subContent .subleft .more a{
	border:1px solid #663300;
	height:11px;
	width:28px;
	font-size:0.5em;
	position:absolute;
	right:5px;
	text-align:center;
	top:6px;
	color:#663300;
	text-decoration: none; 
}
#subContent .subleft .more a:hover{
	background-color:#FFD042;
}

/*內頁左邊menu選單*/
#subContent .leftmenu {
	float: left;
	width: 140px;
	margin: 10px 0 0 5px;
}
#subContent .itemmenu dl,
#subContent .fastmenu dl,
#subContent .newsmenu dl {
	font-size:0.75em;
	margin:5px 0 2px 0;
	width:139px;
	background:#e2e2e2;
}
#subContent .fastmenu dd,
#subContent .itemmenu dd,
#subContent .newsmenu dd,
#subContent .aboutmenu dd {
	border-bottom: 1px solid #979797;
	background:#e2e2e2;
}
#subContent .itemmenu dd {
	padding: 1px 0 0 14px;
	border-bottom: 1px solid #979797;
}
#subContent .itemmenu dd a {
	color:#000000;
	width:115px;
	display:block;
	padding: 4px 0 4px 10px;
	background:transparent url(/images/hp/arrow.png) no-repeat 0 8px;
}
#subContent .itemmenu dd a:hover {
	color:#e60012;
	text-decoration:none;
}
#subContent dd.newsmenu {
	background:#eeffe0;
	width:140px;
	height:28px;
}

#subContent .newsmenu dd a,
#subContent .aboutmenu dd a,
#subContent .fastmenu dd a {
	display:block;
}
#subContent .newsmenu dd a:hover,
#subContent .aboutmenu dd a:hover,
#subContent .fastmenu dd a:hover {
	background:#bababa;
}
/*
#subContent .newsmenu a {
	display:block;
	border-bottom: 1px solid #979797;
}
#subContent .newsmenu a:hover {
	background:#bababa;
}
#subContent .fastmenu a {
	display:block;
	background:url(/images/hp/but_quick_bg.png) no-repeat 0 1px;
	height:53px;
	width:131px;
}
#subContent .fastmenu a:hover {
	background-position:-131px 1px;
}*/

/*導覽*/
#subContent .about {
	float: left;
	width: 610px;
	margin: 10px 0 10px 20px;
	position:relative;
	font-size:0.75em;
	min-height: 435px;
}
#subContent .about dt {
	border-bottom: 1px solid #898775;
}
#subContent .about dd {
	list-style-type: decimal;
}
#subContent .about dd.pot {
	height:100%;
	text-align:left;
	position:relative;
	background:#faf8ec;
	line-height: 2em;
	padding: 5px 5px 10px 5px;
}
#subContent .about dd.pot table {
	width:590px;
	height:100%;
	text-align:left;
	position:relative;
	padding:15px;
	border: 1px solid #898775;
	background-color: #faf8ec;
	background-image: url(/images/hp/menu_bg.png);
	background-repeat: repeat-y;
	margin: auto;
	margin: 10px auto 0 \9;
}
#subContent .about dd.pot table tr {
	padding:15px \9;
}
#subContent .about dd.pot table tr th,
#subContent .about dd.pot table tr td {
	_padding:5px 15px;
	*padding:5px 15px;
}
#subContent .about dd.pot table div {
	padding: 0 5px;
}
#subContent .about dd.pot li {
	list-style:circle;
}
#subContent .about dd.pot .numberlist li {
	margin:0 0 0 36px;
	list-style:decimal;
}
#subContent .about dd.pot li.note {
	list-style-type: square;
	color: #336600;
}
#subContent .about dd.pot .title {
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #999999;
	width:250px;
	margin:0 auto 8px auto;
	padding:0 0 2px 0;
}
#subContent .about td.pot_con {
	width:282px;
	padding:5px 0;
}
#subContent .about dd.pot li {
	padding:0;
	margin:0 0 0 16px;
}
#subContent .about .pot_pic {
	width:300px;
	height:280px;
}
#subContent .about li.note a {
	color:#006633;
	text-decoration:none;
}
#subContent .about li.note a:hover {
	color:#009933;
	text-decoration:none;
}
/*食物清單*/
#subContent .foodlist {
	float: left;
	width: 610px;
	margin: 10px 0 10px 20px;
	position:relative;
	font-size:0.7em;
	min-height: 435px;
}
#subContent .foodlist dt {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #898775;
}
#subContent .foodlist dd {
	height:100%;
	text-align:center;
	position:relative;
	background:#faf8ec;
	padding: 5px 5px;
}
#subContent .foodlist dd.pot {
	height:100%;
	text-align:center;
	position:relative;
	background:#faf8ec;
}
#subContent .foodlist dd.pot table {
	width:590px;
	height:100%;
	text-align:center;
	position:relative;
	border: 1px solid #898775;
	background-color: #faf8ec;
	margin: auto;
}
#subContent .foodlist dd.pot table div {
	padding: 0 5px;
}
#subContent .foodlist dd.pot ul {
	width:282px;
	text-align:left;
	margin: 0 auto;
	background-image: url(/images/hp/menu_pot_bg.png);
	background-repeat: repeat-y;
	background-position: center;
}
#subContent .foodlist dd.pot .title {
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #999999;
	width:250px;
	margin:0 auto 8px auto;
	padding:0 0 2px 0;
}
#subContent .foodlist td.pot_con {
	width:282px;
	padding:5px 0;
}
#subContent .foodlist dd.pot li {
	padding:0 14px;
}
#subContent .foodlist .pot_pic {
	width:300px;
	height:280px;
}
#subContent .foodlist ul {
	width:140px;
	float:left;
	position:relative;
	padding: 0 5px;
}
.notice{
	margin:5px 0 0 482px;
	_margin-left:475px;
	*margin-left:475px;
	position:relative;
	color:#979797;
}

/*最新情報*/
#subContent ul.newslistL  {
	border-right: 1px solid #979797;
}
#subContent .newslist dt,
#subContent .newslist dd,
#subContent .newsitem dt,
#subContent .newsitem dd  {
	border-bottom: 1px solid #979797;
}

/*連絡客服*/
#subContent .contacttitle {
	position:relative;
	top:5px;
	margin: 0 0 0 5px;
}
#subContent .contact dt {
	color:#000000;
	/*border-left:7px solid #b8f582;*/
}
#subContent dd.contactbg {
	background-color: #F8F8D6;
}

/*新訊訂閱*/
#subContent .epaper {
	margin: 25px 0 0 0;
}
#subContent .epaper ul {
	background:#e2e2e2;
}
#subContent .epaper table {
	background: #FFF;
	border: 1px solid #979797;
}
#subContent .epaper table th {
	/*border-right: 1px solid #90cd5a;*/
	background:#F5F5F5;
	color:#000000;
	font-weight:normal;
	width:100px;
}
#subContent .epaper table td {
	padding: 1px 0 5px 10px;
}
#subContent .epapertitle {
	position:absolute;
	top:87px;
	margin:0 0 0 5px;
}
#subContent .epapersub {
	text-align:left;
	margin:0 0 0 150px;
}

/*連絡客服表單*/
#subContent .contactform {
	margin: 25px 0 0 0;
}
#subContent .contactform ul {
	background:#e2e2e2;
}
#subContent .contactform table {
	background: #FFF;
	border: 1px solid #979797;
}
#subContent .contactform table th {
	color:#000000;
	font-weight:normal;
	width:100px;
	background-color: #F5F5F5;
}
#subContent .contactform table td {
	padding: 1px 0 5px 10px;
}
#subContent .contactform table th.section {
	text-align:center;
	background:#F8F8D6;
}
#subContent .contactformtitle {
	position:absolute;
	top:87px;
	margin:0 0 0 5px;
}
#subContent .contactformsub {
	text-align:left;
	margin:20px 0 0 40px;
	color:#000000;
	font-weight: bold;
}
#subContent .contactformsub img{
	margin:0 5px 0 0;
	vertical-align: text-bottom;
}

