/*

.editor .row {

    display: table;

    margin-bottom: 6em;

}

.editor .col {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}

.editor .left {

    padding-right: 30px;

}

*/

.editor .about-botbox {

	width: calc(100% - 93px);

	height: auto;

	background: #F6F6F6;

	padding: 33px 47px;

}

.editor .about-title {

	color: #FF732F;

	font-size: 33px;

	letter-spacing: 3px;

	font-family: 'Lora', serif;

	text-align: center;

	line-height: 1.2;

}

.editor .about-title-h3 {

	color: #FFFFFF;

	font-size: 16px;

	letter-spacing: 1px;

	font-family: '微軟正黑體', serif;

	text-align: center;

	line-height: 1.2;

	background-color: #FF8000;

	padding: 5px 15px;

}

.editor .history-title {

	font-size: 18px;

	line-height: 42px;

	text-align: center;

	font-family: '微軟正黑體', serif;

	letter-spacing: 2px;

	border: 2px solid #FFAD5B;

	margin-bottom: 2em;

	color: #FF7F00;

}

.editor .history-title span {

	display: inline-block;

	vertical-align: top;

	padding: 0 40px;

}

.about-list_btn_box {

	position: relative;

	margin: 0 auto 10px auto;

	padding: 0 0 10px 0;

	max-width: 1260px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.about-list_btn_box .active{

	border: 1px solid #FF8000;

}



.about-list_btn_box:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.about-list_btn {

	min-width: 30px;

	height: auto;

	float: left;

	background: #E8E8E8;

	border: 1px solid #E8E8E8;

	font-size: 16px;

	color: #474747;

	margin: 0 10px 10px 0;

	text-align: center;

	font-weight: bold;

	line-height: 38px;

	padding: 0 10px;
	
	
	
	
	
	

}

.about-list_btn:hover {

	border: 1px solid #FF8000;

}

.editor .history-list {

	margin: 0 -15px;

}

.editor .history-list li {

	width: 33.33%;

	padding: 0 15px;

}

.editor .history-list li .pic {

	margin-bottom: 2em;

}

.about_mpeople_pic {

	max-width: 179px;

	height: auto;

	float: left;

	margin: -6px 0 0 0;

}

.about_mpeople_info {

	width: calc(100% - 210px);

	height: auto;

	float: right;

	padding-right:15px;

	border-right: #D0D0D0 1px solid;

}

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

.editor .row,  .editor .col {

	display: block;

	width: auto;

	text-align:center;

}

.editor .col {

	padding: 0 0 3em;

}

.about_mpeople_pic {

	max-width: 179px;

	width:100%;

	height: auto;

	float: none;

	margin: 0 auto;

}

.about_mpeople_info {

	width:100%;

	height: auto;

	float: none;

	padding-right:0px;

	border-right: #D0D0D0 0px solid;

}

}



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

.editor .history-list li {

	float: none;

	width: auto;

	padding-bottom: 2em;

}

.editor .row,  .editor .col {

	display: block;

	width: auto;

	text-align:center;

}


.about-list_btn {
	text-align:left;
}



.about_mpeople_pic {

	max-width: 179px;

	width:100%;

	height: auto;

	float: none;

	margin: 0 auto;

}

.about_mpeople_info {

	width:100%;

	height: auto;

	float: none;

	padding-right:0px;

	border-right: #D0D0D0 0px solid;

}

}

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

.editor .about-botbox {

	width: calc(100% - 28px);

	height: auto;

	background: #F6F6F6;

	padding: 15px;

}

.editor .row,  .editor .col {

	display: block;

	width: auto;

	text-align: left;

	padding:0 5px;

}

.about_mpeople_pic {

	max-width: 179px;

	width:100%;

	height: auto;

	float: none;

	margin:0;

	padding-right:0px;

	border-right: #D0D0D0 0px solid;

}

}