/* GPING Layout by Agnes */


/*brandlist 2008.10.21------------品牌列表---------------------------------------*/
.brandlist { width:100%; overflow:hidden; margin-bottom:20px;}
.brandlist ul{ padding:0 15px;}
.brandlist ul li{ float:left; margin:10px; width:175px; padding:7px; overflow:hidden; height:auto;}
.brandlist ul li a:hover{ background-color:#fff;}
.brand-img { width:66px; height:50px; border:1px solid #6b7880; float:left; margin-right:7px;}
.brand-name{ letter-spacing:1px; color:#6b7880;vertical-align: middle; }
.brand-name a{ color:#6b7880; text-decoration:none;}
.brand-name a:hover{ color:#000;} 


/*brandintro 2008.11.03---------品牌介紹------------------------------------------*/
.brandintro{ width:98%; margin:0 auto;}
.brandphoto{
	width:631px;
	height:186px;
	margin:10px auto;
	background-image: url(../images/brandphoto-bg.jpg);
	background-repeat: no-repeat;
}
.brandphoto img{ width:612px; height:168px; border:6px solid #fff!important; margin:3px auto;}
.brandintro p{ padding:0 15px 0.7em;}
.brandintro p a{ color:#ff6000; text-decoration:none;}


/*cart 2008.11.03--------------購物列---------------------------------------*/
.cart{ padding:15px; margin:10px 0; overflow:hidden;}
.cart ul{ padding-bottom:10px;font-size:11px; line-height:1.4em; border:1px dashed #d2d2d2; border-width:0 1px 1px 0; overflow:hidden;height:70px; display:block;}
.cart ul li{ float:left; margin:0 7px;}
.cart li span{ color:#7bb04f; width:70px; display:block;}
.cart li span a, .cart li span a:hover{ color:#7bb04f; text-decoration:none;}
.cart li.pic{ width:70px; height:70px;}
.cart li.intro{ color:#269e97; width:180px;}
.cart li.data{ color:#ff6000; width:90px;}


/*master-recipe 2008.11.04------------名家料理--odd--------------------------------*/
.prodd{ width:646px; margin:20px auto; overflow:hidden;}
.prodd-pic{width:200px; height:320px; float:left;}
.prodd-txt{ width:420px; float:right;}
.prodd-txt-top{
	height:40px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.prodd-txt-mid{
	padding:0 20px;
	background-image: url(../images/note-mid.jpg);
	background-repeat: repeat-y;
}
.prodd h4{ border-bottom:2px solid #e1e1e1; line-height:2em; font-size:16px;color:#ca054a;}
.prodd blockquote{ margin:10px; color:#4a4a4a;}
.prodd p{ margin:0; padding:10px;}
.prodd-txt-bottom{
	height:20px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*master-recipe 2008.11.04------------名家料理---even------------------------------*/
.preven{ width:646px; margin:20px auto; overflow:hidden;}
.preven-pic{width:200px; height:320px; float:right;}
.preven-txt{ width:420px; float:left;}
.preven-txt-top{
	height:40px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.preven-txt-mid{
	padding:0 20px;
	background-image: url(../images/note-mid.jpg);
	background-repeat: repeat-y;
}
.preven h4{ border-bottom:2px solid #e1e1e1; line-height:2em; font-size:16px;color:#888d37;}
.preven blockquote{ margin:10px; color:#4a4a4a;}
.preven p{ margin:0; padding:10px;}
.preven-txt-bottom{
	height:20px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*col-gallery 2008.11.04-------------料理選播單----------------------------------*/
.col-gallery{ text-align:center; clear:both; width:650px; margin:15px auto; overflow:hidden;}
.left-btn, .right-btn{float:left; margin-top:50px;}
.col-gallery ul{ float:left;}
.col-gallery li{
	float:left;
	padding:10px;
	margin:0 4px;
	display:block;
	background-image: url(../images/col-thumb.jpg);
	background-repeat: no-repeat;
}
.col-gallery li img { margin:0; padding:0;}
.col-gallery li span{ color:#0caabb; display:block; padding-top:10px; letter-spacing:1px;text-decoration:none;}


/*recipe-cate 2008.11.05-------------美味食譜分類--------------------------------*/
.recipe-cate{ margin-bottom:10px;}
.recipe-cate a{ width:200px; height:320px; margin:0 10px;}

/*register 2008.12.31---------------會員中心----------------------------------*/
.register table{ text-align:center; border:none; margin:0 auto;}
.register td{ border:none; padding:8px;}
#agreement ol{
	list-style-position: inside;
	list-style-type: upper-roman;
}
#agreement li{ color:#6ca175;
	text-indent: 1em;
}
.login2 { width:100%; margin:20px auto; overflow:hidden;}
.login2 table{ border-collapse:collapse; border:none; margin-left:30px;}
.login2 td{ border-width:0; padding:10px;}
.login2 a{ text-decoration:underline; color:#2259c4;}
.member{width:100%; margin:20px auto; overflow:hidden;}
.phone{color:#286fa3; font-size:24px; font-weight:bold}
.order-no{ color:#6ca175; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/*about 2009.01.09---------------------關於吉品--------------------*/
#about { margin-top:10px;}
#about h3{ margin-bottom:7px;}
#about h5{ font-weight:bold; margin-bottom:7px; padding-bottom:3px; cursor:text;}
#about p{ padding:5px 10px; margin:0 0 10px 0;}
#about ol{list-style:inside; list-style-type:disc; line-height:2em; color:#467b9d; margin-left:1em; text-align:left;}
#about li a{color:#467b9d; text-decoration:none; background:none; border:none; padding:0; margin:0; line-height:normal;}
#about table, tr, td, th{ text-align:left;}
#about blockquote{color:#ff7200; text-align:left; padding:5px; margin:5px;}
#about h6{ color:#666; font-size:1em; font-weight:normal;}

/*media 2009.05.01-----------------媒體報導---------------------*/
#media{ overflow:hidden; background: url(../images/news002_01.jpg) left bottom no-repeat; width:550px; height:720px; margin:10px auto 0;}
#media table, td, tr, tbody{ border:none!important; border-collapse:collapse; padding:3px!important;}
#media a{ text-decoration:none;color:#336699;}
#media a:hover{ text-decoration:underline;}