@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

/*-------------------------------------------- 
	內頁
---------------------------------------------*/
.canvas_post p{
	color: #5B565A;
	font-size: 1.8rem;
	line-height: 2;
}
section img{
	width: 100%;
}

.operating_status h2{
	color: #6EB92C;
	font-weight: bold;
}
.operating_status h2:before{
	color: #6EB92C;
	font-weight: bold;
	/*content: "▎";*/
	content: "▏";
	margin-right: -16px;
}
.operating_status h3{
	color: #52653E;
	font-size: 2.4rem;
	font-weight: bold;
}
.operating_status h4{
	color: #41800b;
	font-size: 2.2rem;
	font-weight: bold;
}
.operating_status .content{
	margin-top: 100px;
}
.operating_status .text{
	margin-top: 40px;
}
.operating_status .images{
	margin-top: 40px;
}



.operating_status .two-column{
	display: flex;
	align-items:center;
}
.column{
	display: flex;
}
.box{
	margin-top: 60px;
}
.box .text{
	flex:1;
}
.operating_status .w200{
	width: 300px;
}
.operating_status .average{
	justify-content:space-around;
}
.operating_status .content .text{
	flex:1;
}

.operating_status .content .background{
	padding: 20px;
	background: #e3edf4;
	border-radius: 20px;
	margin-top: 30px;
}

.img_1{
	margin-right: 20px;
}

/*-------------------------------------------- 
	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) {
}*/

@media screen and (max-width: 1279px) {
	.operating_status .average{
		flex-direction:column;
	}
	.operating_status .w200{
		margin-top: 40px;
	}

	.canvas_copyright_footer{
		margin: 0 50px;
	}
}


/*iPad*/
@media screen and (max-width: 1023px) {

	.canvas_copyright_footer{
		margin: 0 25px;
	}
}

/*iPhoe*/
@media screen and (max-width: 767px) {
	.operating_status .two-column{
		flex-direction:column;
	}
	.img_1{
		margin: 40px 0 0 0;
	}
	.img_2{
		margin-top: 40px;
	}
	.operating_status .images{
		margin-top: 0;
	}
	.operating_status .w200{
		width: 100%;
		margin-top: 40px;
	}
	

	.canvas_copyright_footer{
		margin: 0 10px;
	}
}