body{
	font-family: "Microsoft Jhenghei";
}


.bg{
	background-image: url(../img/recipes/bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000;
	padding-bottom:30px;

}






.title_01{
  margin-top: 100px;
  color: #FFF;
  text-align: center;
   }



 .title_01 img{
   	margin:0 auto; 
   }



.title_02{
  margin-top: 100px;
  margin-bottom: 50px;
  color: #FFF;
  text-align: center;
   }



 .title_02 img{
   	margin:0 auto; 
   }

.card img{
	transition: all .1s;
-webkit-transition: all .1s;
-moz-transition: all .1s;}


.card img:hover{
	filter:brightness(113%);
}
.card_name{
	display: block;
	text-align: center;
	margin-bottom: 90px;
	margin-top: 10px;	
}


.card_name_top{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 100px;	
}



.skill{
	margin:20px 0px 40px 0px; 
}

 .way{
 	display:inline-block;
 	width: 65px;
 	height: 65px;
 	line-height: 65px;
 	text-align: center;
 	color: #ae8b6c;
 	border-radius: 1000px;
 	font-size: 20px; 
 	border: dotted 2px;
 	font-weight: normal;
 	margin-right: 15px;

 }

 .title_01{
 	font-size: 30px;
 	color: #FFF; }

 .text_p {
 	font-size: 18px; 
 	color: #FFF;
 	font-weight:normal;
 	
 }

.description{
	display: block;
}


.description li{
 	font-size: 15px;
 	line-height: 22px; 
 	margin-bottom: 6px;
 	color: #FFF;
 	font-weight:normal;
 	
 }*/

 .margin_left{
 	margin-left: 20px;
 }


.w_bg{
	display: block;
	margin-top: 15px;
	background-color: #FFF;
}

.line{
	position: relative;
	display: block;
	height: 50px;
	border-bottom: solid #9a7c38 1px; 
	text-align: center;
	margin-bottom: 50px;
}


.recipe_name{
margin-top:15px;
margin-bottom: 6px;
font-size: 20px;  
    color: #9a7c38;
    font-weight: bold;

}


.prepare{
	position: absolute;
	top: 32px;
	left: 40%;
	font-size: 20px;
	padding-left: 50px;
	color: #9a7c38;
	font-weight: bold;
	background-image: url(../img/recipes/fish_icon.png);
	border:solid 3px #FFF; 
	background-position: 0px 7px;
	background-repeat: no-repeat;
	background-color: #FFF;
}



.teaching{
	position: absolute;
	top: 32px;
	left: 40%;
	font-size: 20px;
	padding-left: 50px;
	color: #9a7c38;
	font-weight: bold;
	background-image: url(../img/recipes/teaching_icon.png);
	background-size:40%;
	border:solid 3px #FFF; 
	background-position: 5px -10px;
	background-repeat: no-repeat;
	background-color: #FFF;
}



table th{
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #6b4422;
}

table td{
	line-height: 32px;
	font-size: 15px;
	color: #6b4422;
}


.step{
	display:block;
	font-size: 26px;
	font-weight:bold;
	color: #6b4422;}
	
.step_text{
	display:block;
	font-size: 15px;
	color: #6b4422;
	font-weight:normal;
	ß}
	
.margin_bom{
	display:block;
	margin-bottom:30px;}
	

.back{
	border:solid 1px #6b4422;
	border-radius:8px;
	padding:8px;
	font-size: 15px;
	color:#6b4422;
	background-color: #FFF;
	transition:all linear.1s;
	-webkit-ransition:all linear.1s;
	-moz-ransition:all linear.1s;
	-ms-ransition:all linear.1s;}


.back:hover{
	border:solid 1px #6b4422;
	border-radius:8px;
	padding:8px;
	color:#FFF;
	background-color:#6b4422}
	
.arrow{
	display:inline-block;
	margin-top:1px;
	margin-left:5px;
	width:14px;
	height:12px;
	background-image:url(../img/recipes/arrow.png);
	background-size:contain;
	}
.back:hover .arrow{
	display:inline-block;
	margin-top:1px;
	margin-left:5px;
	width:14px;
	height:12px;
	background-image:url(../img/recipes/arrow_w.png);
	background-size:contain;}

@media (max-width: 1200px) {

	.bg{
	
	background-size: 50%;
}

}




@media (max-width: 992px) {
	.bg{
	
	background-size: 45%;
	

}

}



@media (max-width: 768px) {
.bg{
	
	background-size: 50%;
	

}
}



@media (max-width: 527px) {


.card_name{
	display: block;
	text-align: center;
	margin-bottom: 70px;
	margin-top: 10px;
	
}



	.way{
	display:inline-block;
 	width: 45px;
 	height: 45px;
 	line-height: 45px;
 	text-align: center;
 	color: #ae8b6c;
 	border-radius: 1000px;
 	font-size: 16px; 
 	border: dotted 1px;
 	font-weight: normal;
 	margin-right: 10px;
	}

	.title_01{
 	font-size: 22px;
 	color: #FFF; }

 .text_p{
 	font-size: 15px;
 	line-height: 18px;
 	color: #FFF;
	font-weight:normal;
	
 	
 }

}