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

#content2 {
	overflow: hidden;
	max-width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}
#block2 {
    padding: 0 0 0px 0;
}

.canvas_post{
	padding: 0 0px;
}


.post_list img{
	max-width: 100%;
}
.sec_u1 {
	overflow: hidden;
	background: url( ../../../../../cufiles/images/about/about_us_r2_c6.jpg) top right no-repeat;
	/*background-size:cover;*/
}
.sec_u1 .content_box{
	overflow: hidden;
	max-width: 1000px;
	/*max-width: 60%;*/
	margin: 0px auto;
	padding: 80px 20px;
}
.sec_u1 .content_pic{
	padding: 0 0 40px 0px;
	text-align: center;
}

.sec_u2 {
	overflow: hidden;
	/*background: url( ../../../../../cufiles/images/about/about-us_r6_c1.jpg) center center no-repeat;*/
	/*background-size:cover;*/
	/*background-attachment: fixed;*/
}
.sec_u2 .content_box{
	overflow: hidden;
	/*max-width: 1100px;*/
	margin: 0px auto;
	padding: 0px 0;
	background: #F5F5F5;
}
.sec_u2 .content_l_box{
	float: left;
	width: 50%;
	/*@*/
	/*margin: 0 0 0 100%;*/
	/*opacity: 0;*/
}
.sec_u2 .content_l_box .content_image{
	/*width: 299px;*/
	height: 500px;
	/*height: 100%;*/
	background: url( ../../../../../cufiles/images/about/about_us_r6_c1.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
}
.sec_u2 .content_l_box .content_image img{
	/*width: 100%;*/
}
.sec_u2 .content_r_box{
	overflow: hidden;
	float: right;
	width: 50%;
	margin: 0px 0 0 0;
	padding: 40px;
	/*@*/
	/*margin: 0 -100% 0 0;*/
	/*opacity: 0;*/
}
.sec_u2 .content_r_box h1{
	padding: 0 50px;
	margin: 20px 0 40px 0;
}
.sec_u2 .content_r_box .content_text{
	padding: 0 50px;
}


.sec_u3 {
	overflow: hidden;
	background: url( ../../../../../cufiles/images/about/bg_02.jpg) bottom right no-repeat;
	/*background: url(../../../../../cufiles/images/home/pics/bg_02.jpg) -100px 440px no-repeat;*/
	/*background-size:cover;*/
	/*background-attachment: fixed;*/
}
.sec_u3 .content_img_bg{
	position: absolute;
	margin: 0px 0 0 0;
	left: -130px;
	z-index: 3;
}
.sec_u3 .content_box{
	position: relative;
	overflow: hidden;
	/*max-width: 1100px;*/
	max-width: 50%;
	min-height: 550px;
	margin: 0px auto;
	padding: 120px 20px 0 20px;
	z-index: 5;
}
.sec_u3 h1{
	padding: 0 0 40px 0px;
}


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

/*Desktop*/
@media screen and (max-width: 1400px) {

	/*.tree_mainmenu_header{
		position: absolute;
		margin: 50px 0px 0 152px;
		width: 80%;
	}
	.header_box {
		width: 100%;
		padding: 0 20px;
	}*/

	.sec_u2 .content_r_box h1{
		font-size: 2.2rem;
		margin: 0px 0 10px 0;
	}
	.sec_u2 .content_l_box .content_image{
		height: 545px;
	}

	.sec_u3 {
		/*background-size: 100% auto;*/
	}
}

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

	.sec_u3 .content_box{
		min-height: 500px;
		padding: 50px 20px 0 20px;
	}

/*iPad*/
@media screen and (max-width: 1023px) {
	.sec_u1 {
		background-size: 100% auto;
	}

	.sec_u2 .content_r_box{
		/*width: 50%;*/
		/*margin: 0px 0 0 0;*/
		padding: 20px;
	}
	.sec_u2 .content_r_box h1{
		/*font-size: 2.2rem;*/
		padding: 0 0px;
		margin: 0px 0 10px 0;
	}
	.sec_u2 .content_r_box .content_text{
		padding: 0 0px;
	}

	.sec_u3 {
		/*background: none;*/
		background-size: 30%;
	}
	.sec_u3 .content_img_bg{
		/*display: none;*/
		width: 30%;
	}
	.sec_u3 .content_box{
		max-width: 60%;
		min-height: 420px;
		padding: 50px 20px 0 20px;
	}
	.sec_u3 h1{
		padding: 0 0 10px 0px;
	}

}

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

	.sec_u1 {
		background-size: 180% auto;
	}

	.sec_u1 .content_box{
		text-align: left;
	}
	.sec_u1 .content_pic{
		/*padding: 0 0 40px 0px;*/
		margin: 0 auto;
		width: 200px;
	}
	.sec_u1 .content_pic img{
		width: 100%;
	}

	.sec_u2 .content_l_box{
		width: 100%;
		padding: 0px;
		text-align: left;
	}
	.sec_u2 .content_l_box .content_image{
		height: 200px;
		/*background: url( ../../../../../cufiles/images/about/about_us_r6_c1.jpg) center center no-repeat;*/
		/*background-size: cover;*/
		/*text-align: center;*/
	}
	.sec_u2 .content_r_box{
		width: 100%;
		padding: 40px 20px;
		text-align: left;
	}


	.sec_u3 {
	    /*background: none;*/
	    /*background: url(../../../../../cufiles/images/about/about_us_r7_c1.jpg) bottom center no-repeat;*/
	    /*background-size: cover;*/
		background-size: 50%;
	}
	.sec_u3 .content_img_bg{
		display: none;
		/*left: -10px;*/
		/*width: 30%;*/
	}
	.sec_u3 .content_box{
		max-width: 100%;
		/*min-height: 420px;*/
		padding: 40px 20px 80px 20px;
		text-align: left;
	}
}