/*==========自訂頁面=========*/

#about h3{
	text-align: center;	
color: #D82920;	

	}
	
#about strong{
font-size: 110%;
color: #FD0202;	
}

#about h4{
	text-align: center;	
	color: #007F6A  !important;
	}
	
	
#about h5{
	text-align: center;	
	color: #C649AD  !important;
	}
	
#about h6{
	text-align: center;	
	color: #007CB2  !important;
	}
	


#about .table{
margin: 30px 0px;
}
 
#about .alert{
font-size: 120%;
}
 
#xo-content .formatbox  #about h3{
	position: relative;
	background: #4BA000  url(../../img/frame/) no-repeat left top;
color: #FFFFFF;	
	margin-bottom: 30px !important;
font-size: 135%;
padding: 3px 0px;
/*	border-radius: 30px; *//*左上 右上 右下  左下*/
clip-path: polygon(50% 0%, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0 50%, 2% 0);
font-weight: 550;
}


#about h3::before {
	content: '';
	position: absolute;
	height: 65%;
	background: #FFFFFF  url(../../img/frame/) no-repeat left top;
	width: 15px;
	left: 20px;
	top: 8px;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 50% 100%, 0 50%, 50% 0);

}
#about h3::after{
	content: '';
	position: absolute;
	height: 65%;
	background: #FFFFFF  url(../../img/frame/) no-repeat left top;
	width: 15px;
	right: 20px;
	top: 8px;
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 100%, 0 50%, 0 0);
}
 
 #about {
 	position: relative;
 	padding: 0px 10px; 
 }
 


/*=========學校沿革==============*/
.page1 #about p{
text-indent: 2em; 
}
.page1 #about  .leftbox{
color: #001AB6;
font-weight: 550;
}

.page1 #about  .labelcssArr li ul{
color: #515151;
}
.page1 #about  .labelcss  li{
border-bottom: 1px solid #DDDDDD;
margin: 10px 0px 10px 0px !important;

} 
.page1 #about  .labelcss  li ul li{
border:none !important;
margin: 0px 0px 0px 0px !important;
} 
.page1 #about  #conrent_01{
margin: 0px 0px 30px 0px;
} 


/*===========錦興校徽==============*/
.page2 #about .labelcssArr  .leftbox{
color: #B700B7 !important;
font-weight: 550;
}




/*===========錦興願景==============*/
.page3 #about  .conrent_each{
margin: 0px 0px 60px 0px;
} 

.page3 #about  h5{
    font-size: 120%;
}
.page3 #about  h6{
    font-size: 120%;
	background: #008999  url(../../img/frame/) no-repeat left top;
	color: #FFFFFF !important;
	padding: 5px 0px;
}

.page3 #about  .table tr td{
padding: 10px;
}

.page3 #about  .table tr .rowspanbox{
	width: 25%;
	text-align: center;	
    vertical-align: middle;	
    color: #AD20A4;
    font-weight: 550;	
       font-size: 120%; 
}

/*========歷任校長==============*/
.page4 #about .leftbox{
color: #AD20A4;
font-weight: 550;
}
.page4 #about .rightbox{
color: #205DAD;
font-weight: 550;
}

/*========學校現況==========*/

.page5 #about  .table tr td{
	width: 25%;
	text-align: center;		
}
.page5 #about  .table tr:nth-child(17){
	background: #FFF2EF  url(../../img/frame/) no-repeat left top;	
}

.page5 #about  .conrent_each{
margin: 0px 0px 60px 0px;
} 

.page5 #about .thumbnail {
    margin-bottom: 60px;

}
.page5 #about .colspan_01{
	background: #F2FFED  url(../../img/frame/) no-repeat left top;	
}
.page5 #about .colspan_02{
	background: #EDF0FF  url(../../img/frame/) no-repeat left top;	
}


/*=========學校位置================*/
.page6 #about  .conrent_each{
margin: 0px 0px 40px 0px;
} 


/*=========錦興行事曆==============*/
.page9 #about iframe{
height: 800px;
}

/*============動畫=================*/

.animationtrue   #about #conrent_01{
	position: relative;
	animation-duration: 1.5s;
	animation-name: aboutcenter;	
		opacity: 1;
} 


.animationtrue   #about .conrent_each {
	position: relative;
	animation-duration: 1.5s;
	opacity: 0;
}


@keyframes aboutcenter {
	from {
		top: 200px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}