


/* 關於我們 */
.bg-trans{background-color:transparent;}

.aboutintropic{
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		height: 0;
		padding-bottom: 80%;

}

.a-introbg-a{
	background-image: url(../img/about/bg_multipurpose_01.jpg?20190102);
}

.a-introbg-b{
	background-image: url(../img/about/bg_multipurpose_02.jpg?20190102);
}

.aboutintrotxt{
	padding-top:30px; 
}

.aboutintrotxt span{color: #fff;

}

.a-introtxt-a span{background: #c10008;}
.a-introtxt-b span{background: #adcf00;}




.p-title, .p-text{
	display: table-cell;
}

.p-title{
    width: 30%;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem;
	color:#c10008;
    padding-left: 50px;
	
}
.p-text{
	width:70%;
	padding: 30px;
}

.a-introtxt-b .p-title p{
	color:#adcf00;
	margin-top: -50px;
}


@media (max-width: 780px){	

.p-text p{font-size:1.1rem; }

.p-title, .p-text{
	display: table;
	width: 100%;
}

.aboutintrotxt {padding: 30% 0 0 0;}
.a-introbg-a{background-image: url(../img/about/bg_multipurpose_01_m.jpg?20190102);}
.a-introbg-b{background-image: url(../img/about/bg_multipurpose_02_m.jpg?20190102);}
.aboutintropic{ padding-bottom: 130%;}
}

@media (max-width: 500px){	
.p-title{ padding:0;}
.p-text{margin-top: -25px;}
.a-introtxt-b .p-title p {margin-top: -20px;
}
.a-introbg-a{background-image: url(../img/about/bg_multipurpose_01_m2.jpg?20190102);}
.a-introbg-b{background-image: url(../img/about/bg_multipurpose_02_m2.jpg?20190102); }
.aboutintropic{padding-bottom: 235%;
}

@media (max-width: 400px){	
	.aboutintropic{padding-bottom: 255%;

}

}