﻿/* 活力廚房 */

body{
	margin: 0px;
	background-color: #002B84;
	font-size: 12px;
	font-family:lucida sans unicode, lucida grande, sans-serif;}

#wrapper{}

#nav{height: 150px;
}

#container{
	z-index:-1;
	position:absolute;
	top:150px;
	background: url(../images/cook_p25.jpg) repeat-y;
	width: 100%;}
#footer{
	width:100%;
	height:76px;
	position:relative;
	background:url(../images/cook_p32.jpg) no-repeat center top;}
	
#footer span{
	display:block;
	width:1000px;
	height:31px;
	margin:0 auto;
	padding:45px 0 0 20px;}
	
#clean{
	clear: both;}
	
form{
	padding:0px;
	margin:0px;}
	
	
	
/*主內容*/
#container_COOK{
	/*background:url(../images/index_p11.jpg) repeat-y;*/
	width:865px;
	z-index:-1;
	margin-top:150px;
	margin:0 auto;}
#content{
	width: 840px;
	margin:0 auto 0px auto;
	padding:0}

	#main_top{
	width: 840px;
	height: 14px;
	margin:0px;
	padding: 0px;}
	
	#main_content{
	background: url(../images/bg03.gif) repeat-y;
	margin:0px;
	padding-bottom:14px;}
	
	#main_bottom{
	width: 840px;
	height: 14px;
	margin:0px;
	padding: 0px;}
	
	
	
/*複選單*/
#sub_nav{
	padding-left:50px;}

	#sub_nav img{
	float:left;}
	


/*列表*/
#list_top{
	height: 80px;
	width: 750px;
	margin-left: 62px;
	text-align: center;
	margin-top: 20px;
	background: url(../images/bg05.gif) no-repeat top;}

#list_content{
	width: 730px;
	margin-left: 62px;
	padding-left:20px;
	background: url(../images/bg06.gif) repeat-y;}
	
#list_box{
	width:177px;
	margin:10px 0 0 0;
	float: left;}
	
	#list_info{
		background: url(../images/list_content.gif) repeat-y;}
	
		#list_info img{
		width:125px;
		height:100px;
		margin:0 auto 6px auto;
		display: block;}
		
		#list_info #txt{
		width:125px;
		height:95px;
		margin: 0 auto 5px auto;
		overflow: hidden;
		text-align:justify;
		text-justify:distribute;}
		
	#list2_info{
	width:147px;
	height:178px;
	background: url(../images/list2_top.gif) no-repeat;
	padding: 10px 15px 0px 15px;}
	
		#list2_info img{
		width:125px;
		height:100px;
		margin:0 auto 6px auto;
		display: block;}
		
		#list2_info #txt{
		width:125px;
		height:52px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		text-align: justify;
		text-justify:distribute;}
	
	#list2_info_bottom{
	width:177px;
	height:45px;
	background: url(../images/list2_bottom.gif) 
	no-repeat;}
	
		#number{
		font-size: 18px;
		color: #FFFFFF;
		font-weight: bold;
		margin:0 10px 8px 105px;
		line-height: 37px;}
		
	#list3_info_bottom{
	width:177px;
	height:45px;
	background: url(../images/list3_bottom.gif) no-repeat;}
	
#list_bottom{
	height: 60px;
	width: 750px;
	padding-top: 20px;
	margin-left: 62px;
	background: url(../images/bg07.gif) no-repeat center bottom;}
	
	/*頁碼*/	
	#page{
	color: #539414;
	font-size: 13px;}

	#page a{
	color: #539414;
	text-decoration: none;
	line-height: 25px;
	font-size: 13px;
	margin:0 2px 0 2px;}

	#page a:hover{
	color: #37620D;
}
	
	

/*列表內容頁*/	
#info_page{
	width: 680px;
	margin:0 0 0 15px;}
	
	#info_page_content{
	background: url(../images/bg09.gif) repeat-y;
	padding:10px 0px 10px 0px;}
		
	#cook_makeing{
	padding-bottom:30px;}
		
		#cook_makeing ul{
		margin: 0px;
		padding: 0px;
		display: block;}
	
		#cook_makeing li{
		background: url(../images/bg11.gif) repeat-x bottom;
		margin: 0px;
		padding: 0 0 0 10px;
		font-size: 13px;
		line-height: 26px;
		list-style-type: none;
		color: #666666;}
			
	#cook_makeing_content{
	background: url(../images/bg14.gif) repeat-y;
	padding:0 10px 0 10px;}
	
		
		#cook_makeing_content p{
		margin:0 25px 10px 25px;
		padding:0;
		list-style-type: none;
		text-indent: -12px;
		color: #000000;
		line-height: 18px;}


/*STEP上傳流程*/	
#step_content{
	width: 710px;
	margin-left: 62px;
	padding:0 20px 0 20px;
	background: url(../images/bg06.gif) repeat-y;}
	
	#step_content_box{
	background: url(../images/bg16.gif) repeat-x bottom;
	margin:0px;
	padding:15px 0 15px 0px;}



/*轉寄好友*/	
#send_content{
	width: 478px;
	margin:0 auto 0px auto;
	padding:0}
	
	#send_content_box1{
	height:540px;
	background: url(../images/bg19.gif) no-repeat top;
	padding:0px 50px 0px 50px;}
	
	a.link01{
	color: #ad1c10;
	text-decoration: underline;}
	a.link01:hover{
	text-decoration: none;}
	
	a.link02{
	color: #8f5904;
	text-decoration: underline;}
	
	a.link02:hover{
	text-decoration: none;}
	
	#send_content_box2{
	height:40px;
	text-align: center;
	padding:55px 0px 0px 0px;
	*padding:75px 0px 0px 0px;}


/*投票*/	
#vote_content{
	width: 507px;
	margin:0 auto 0px auto;
	padding:0}


/*login登入*/	
#login_content{
	width: 477px;
	margin:0 auto 0px auto;
	padding:0}	
	
	#login_content_box{
	height:85px;
	background: url(../images/cook_content26.gif) no-repeat;
	padding:12px 0px 5px 170px;
	*padding:6px 0px 0px 170px;}
	
		

/*other*/
#img_little{
	width:125px;
	height:100px;
	margin:0 auto 8px auto;
	display: block;}

#img_middle{
	height: 200px;
	width: 250px;
	background: url(../images/bg17.gif) no-repeat;
	padding:12px 13px 12px 13px;
	margin:0 auto 10px auto;}

/*#img_big{
	height: 270px;
	width: 340px;
	background: url(../images/bg12.gif) no-repeat;
	padding:14px;
	margin:0 auto 10px auto;}*/

#reduction_pic{
	float:left;
	margin-top:5px;
	margin-left:10px;
	background-color: #F3ECD3;
	padding-bottom:8px;

	*padding-bottom:10px;
}
	
#reduction_pic img{
	margin: 9px 8px 0px 8px;
	*margin: 12px 8px 0px 8px;
}

#img_big{
	height: 270px;
	width: 340px;
	background: url(../images/bg12.gif) no-repeat;
	padding:14px;
	margin:0 0 10px 30px;
	float:left;}

/*Style*/

h1{
	margin: 0px;
	padding: 0px;}
	
h2{
	margin: 0px;
	padding: 0px;}
	
h3{
	background: url(../images/bg08.gif) no-repeat;
	height: 34px;
	width: 680px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 15px;
	line-height: 34px;
	color: #FFFFFF;
	text-indent: 55px;}
h4{
	background: url(../images/bg08.gif) no-repeat;
	height: 34px;
	width: 630px;
	margin: 0px;
	font-weight: normal;
	font-size: 15px;
	line-height: 34px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;}
	
h4 p{
	float: right;
	margin: 0px;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 250px;
	overflow: hidden;
	height:*15*x;
}

.input01{
	font-size: 12px;
	line-height: 20px;
	border-top: 1px solid #b0b0b0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left: 2px groove #b0b0b0;
	height: 20px;}
	
.input02{
	font-size: 12px;
	line-height: 18px;
	border-top: 1px solid #b0b0b0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left: 2px groove #b0b0b0;
	width:350px;
	height:80px;}
	
.input03{
	font-size: 12px;
	line-height: 18px;
	border-top: 1px solid #b0b0b0;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left: 2px groove #b0b0b0;
	width:280px;
	height:50px;}
	
	
.input04{
	font-size: 13px;
	line-height: 20px;
	background-color: #DBE2F3;
	border: 1px solid #DBE2F3;
	color: #002b84;
	font-weight: bold;
}


.title01{
	color: #e7a418;
	line-height: 28px;
	margin: 0px;
	padding: 0px;}
	
.title02{
	color: #e7a418;
	line-height: 28px;
	padding: 0px;
	border-bottom: 1px dashed #e3e3e5;
	margin: 0 0 5px 0;}

.word01{
	margin: 0px;
	padding: 0px;
	color: #666666;
	line-height: 17px;
	font-size: 11px;
	*font-size: 10px;}	
	
.word02{
	color: #8c8c8c;
	line-height: 18px;
	font-weight: bold;
	text-align:justify;
 	text-justify:distribute;}	

.word03{
	color: #383f73;
	font-size: 15px;}	
	
.word04{
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;}	

.word05{
	color: #8f5904;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
 	text-justify:distribute;}
 	
a.share_a9A{
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #12296b;
}
a.share_a9A:hover{
	text-decoration: none;
	color: #284db3;
}
