@charset "utf-8";
body,div,span,h1,p,a,img,dl,dt,dd {margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}
img, object, embed, video {
	max-width: 100%;
}
table {
	margin: 0 auto;
}
div, *	 { transition: 0.3s; box-sizing: border-box; }
html, body{
	background-color: #fff !important;
	color:#3e3e3e;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

.section {
	width: 932px;
	margin: 0 auto;
	box-sizing: border-box;
}
.section img {
	width: 100%;
	display: block;
}
.cool {
	background: url(../images/index_02_bg.jpg) top repeat-y;
	position: relative;
}
.content {
    position: relative;
	width: calc(100% - 100px);
	padding-top: 20px;
	margin: 0 0 -100px 100px;
}
.content h3 {
	font-size: 2.3rem;
	font-weight: bold;
	color: #d34b03;
	margin-bottom: 10px;
}
.content h4 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.content ul {
	margin-left: 20px;
}
.content ul li {
	margin-bottom: 10px;
	list-style-type: decimal;
}
.content .text {
	width: 100px;
	margin: 0 5px;
}
#result_content {
	margin-top: 20px;
}
#result_content hr {
	width: 35%;
	margin: 4px 0;
}
#result_content strong {
	vertical-align: 0;
	font-size: 120%;
	margin-right: 1px;
}
/* li.footage_box {
	padding-left: 25px;
} */
li.footage_box .text {
	display: inline-block;
}
.inline {
	display: inline-block;
}
.

/*--- 共用 ---*/
.flex       { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-wrap  { -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.over-hide 	{ overflow: hidden; }
.nomargin  	{ margin: 0 !important; }
.flex       { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-wrap  { -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flexbox-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.photo_wrap img, .step-wrap img, .step-3point img, .recipe-wrap img, ul.buy-A-pd img, ul.buy-B-pd img {
	width: 100%;
}



@media only screen and (max-width: 320px) {

}