@charset "utf-8";
@import url(../o_template_style.css);
@import url(../../left_menu/none_left.css);
@import url(../../../tplate-10/css/about/about.css);

#content-area {
	padding-top: 25px;
	padding-bottom: 50px;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;	
}

.content-title-right {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #888888;
}

.content-title-left {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #888888;
}

.content-title {
	color: #DF0023;
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 15px;
}
.content-title-en {
	color: #000;
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
}
.content-desc {
	color: #313131;
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
}

#about-pic1 {
	max-width: 239px;
}

.about-table {
	background-color: #FFF;
	font-weight: 500;
	letter-spacing: 1px;
	border-spacing: 3px;
	padding: 3;
	border: 0;
	width: 100%;	
}

.about-table tr td  {
	padding: 10px;
	font-weight: bold;
}
.about-table tr:nth-child(odd) {
	background-color: #C7132F;
	color: #FFF;
}
.about-table tr:nth-child(even) {
	background-color: #A20018;
	color: #FFF;
}
.about-table tr td:nth-child(1)  {
	width: 15%;
	white-space: nowrap;
}
.about-table tr td:nth-child(2)  {
	background-color: #EDEDED;
	color: #000;
}

#group-mbr img{
	max-width: 100%;
    height: auto;
}
#group-mbr p{
	padding-top:0.5rem;
}
.text-center{
	text-align: center !important;
}

.float-start {
    float: left !important;
}

.float-25 {
	width:25%;
	padding:0.5rem;
}


.test {}
/* ==平板電腦====================================== */
@media screen and (min-width: 640px) and (max-width: 969px) {

	#content-area {
		padding-top: 25px;
		padding-bottom: 25px;
		width: 98%;
		margin-right: 1%;
		margin-left: 1%;
	}

}
/* ==手機電腦====================================== */
@media screen and (max-width: 639px) {

	#content-area {
		padding-top: 25px;
		padding-bottom: 25px;
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
	}

	#about-pic1 {
		width: 100%;
		max-width: 100%;
		margin: 0px;
		float: none;
	}

	#about-pic1 {
		width: auto;
		max-width: 100%;
		margin: 0px;
		float: none;
	}

	.float-25 {
		width:50%;
	}


}