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

@import url("style.css");

/*-------------------------------------------- 
	container
---------------------------------------------*/
#container {
	width: 100%;
	/*margin: 128px 0 0;*/
}

/*-------------------------------------------- 
	content1
---------------------------------------------*/

#content1 {
	width: 100%;
}
#content1 , .canvas_post h2{
	display: none;
}

/*-------------------------------------------- 
	content2
---------------------------------------------*/
/*#content2 {
	max-width: 1280px;
	margin: auto;
}*/
.content_box{
	max-width: 1280px;
	margin: 0 auto;
}
.sec_1 , .sec_2{
	background-color: #F4F4F5;
}
.sec_1 .content_box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 128px auto;
	grid-area:2 / 1 / 3 / 3;
	padding: 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) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {
}

/*iPad*/
@media screen and (max-width: 1023px) {
	.mobile_menu_box{
		margin-top: 95.86px;
	}

	#container {
	}
	
	.label_menu_title h1{
		/*margin: 8% 0 0px 15%;*/
		/*padding: 0px 20px;*/
		font-size: 3rem;
	}

	#side1 {
		display: none;
	}
	#side2 {
		float: left;
		width: 100%;
		padding: 0 20px;
	}
	.canvas_post img{
		/*width: 100%;*/
		max-width: 100%;
	}
}


/*iPhone*/
@media screen and (max-width: 767px) {
	.mobile_menu_box{
		margin-top: 70.55px;
	}
	.label_menu_title h1{
		/*margin: 5% 0 0px 5%;*/
		font-size: 2rem;
	}

	.list_breadcrumb_blue01 ul {
		margin: 0 3% 0 0;
	}
	.list_breadcrumb_blue01 li{
		font-size: 1.4rem;
		line-height: 36px
	}
	.sec_1 .content_box{
		padding: 0px;
	}

}