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

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

.social_relationship .content{
	margin-top: 100px;
}
.social_relationship h2{
	color: #E59299;
	font-weight: bold;
}
.social_relationship h2:before{
	color: #E59299;
	font-weight: bold;
	/*content: "▎";*/
	content: "▏";
	margin-right: -16px;
}
.social_relationship .text{
	margin-top: 40px;
}
.social_relationship .two-column{
	display: flex;
	align-items:center;
}
.column{
	display: flex;
}
.box_5{
	margin-top:30px;
	align-items:flex-end;
}
.box_5 div:nth-child(1){
}



.box_6{
	align-items:flex-end;
}
.box_6 div:nth-child(1){
	margin-right: 50px;
}



.social_relationship .two-column div	{
	margin:10px;
}
.social_relationship .content .text{
	flex:1;
	margin-right: 30px;
}
.social_relationship .content .images{
	flex:1.5;
}

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

.social_relationship .images_center{
	display: flex;
	justify-content:center;
}
.social_relationship .images_center img{
	width: 200px;
}

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

}


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

}

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