@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/
/*-------------------------------------------------
 區隔的標題
--------------------------------------------------*/
.canvas_post_pattern h2 {
	color: #000;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #F00;
}
.canvas_post_pattern h3{
	color: #FF0031;
	margin: 0 0 12px 0;
	padding: 0;
}

.canvas_post_pattern .post_image{
	overflow: hidden;
	float: left;
	width: 50%;
}
.canvas_post_pattern .post_image img{
	width: 100%;
}
.canvas_post_pattern .post_text{
	float: left;
	width: 50%;
	padding: 0 20px;
}
.canvas_post_pattern .sec_2{
	clear: both;
	padding: 20px 0;
}


.canvas_post_pattern dl{
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0;
	/*border: 1px solid #FED2D1;*/
}
.canvas_post_pattern .flex_box{
	display: flex;
	line-height: 40px;
	margin: 10px 0;
}
.canvas_post_pattern dt {
	float:left;
	/*width: calc( 30% - 20px );*/
	width: 220px;
	margin: 0 0px 0 0;
	padding: 0px 20px 0px 0;
	font-weight: 400;
	text-align: right;
	background: #FED2D1;
	/*border-bottom: 1px solid #FFF;*/
	fiex: 1;
}
.canvas_post_pattern dd{
	/*float: left;*/
	/*width: 68%;*/
	width: 100%;
	margin: 0px 0;
	padding: 0px 0 0px 20px;
	border: 2px solid #FED2D1;
	/*border-bottom: 1px solid #FED2D1;*/
	fiex: 1;
}
.canvas_post_pattern dd:last-child{
	/*border-bottom: 0px solid #DDD;*/
}
.canvas_post_pattern dd.verify_code {
	float: left;
	width: 78%;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPhoe*/
@media screen and (max-width: 767px) {

	.canvas_post_pattern .post_image{
		width: 100%;
	}
	.canvas_post_pattern .post_text{
		width: 100%;
		padding: 20px 0px;
	}
}