/*==========自訂頁面=========*/

#about h3{
	text-align: center;	
color: #172DEE;	

	}
	
#about strong{
font-size: 110%;
color: #FD0202;	
}

#about h4{
	text-align: center;	
	color: #FE0202  !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: #3357AA  url(../../img/frame/) no-repeat left top;
	color: #FFFFFF;
	border-radius: 10px; 	
	margin-bottom: 30px !important;
clip-path: polygon(0 0, 100% 0, 98.5% 100%, 1.5% 100%);	
font-size: 135%;
padding: 3px 0px;
font-family: 'cwtexhei', Microsoft JhengHei, Lucida Grande, Verdana,serif !important;	
}


#about h3::before {
	content: '';
	position: absolute;
	height: 65%;
	background: #FFFFFF  url(../../img/frame/) no-repeat left top;
	width: 6px;
	left: 28px;
	top: 8px;
}
#about h3::after{
	content: '';
	position: absolute;
	height: 65%;
	background: #FFFFFF  url(../../img/frame/) no-repeat left top;
	width: 6px;
	right: 28px;
	top: 8px;
}
 
 #about #content{
 	position: relative;
 	padding: 0px 10px; 
 }
 
 
 #xo-content .formatbox #about dl.labelcss .labelbox,
 #xo-content .formatbox  #about dt{
  color: #B20000;
  }

 #xo-content .formatbox  #about .labelcssArr ul .labelbox{
  color: #000000;
  font-size: 100% !important;	
  }
 
 
#about .table{
font-size: 90%;
}
 
/*==========校慶實施總計畫===========*/

.page1 #about .table .center{
display: block;
}


.page1 #about  .table tr td:nth-child(1){
	width: 5%;
	text-align: center;		
    vertical-align: middle;	
}
.page1 #about  .table tr td:nth-child(2){
	width: 25%;
	text-align: left;		
    vertical-align: middle;	
}
.page1 #about  .table tr td:nth-child(3){
	width: 11%;
	text-align: center;		
}
.page1 #about  .table tr td:nth-child(4){
	width: 25%;
	text-align: left;		
    vertical-align: middle;		
}

.page1 #about  .table tr td:nth-child(5){
	width: 11%;
	text-align: center;		
    vertical-align: middle;		
}
.page1 #about  .table tr td:nth-child(6){
	width: 11%;
	text-align: center;	
    vertical-align: middle;			
}


/*==========籌備委員會組織===========*/
.page2 #about #content p{
text-indent: 2em; 
}

.page2 #about  .table tr td:nth-child(1){
	width: 24%;
    vertical-align: middle;	
}
.page2 #about  .table tr td:nth-child(2){
word-break: break-all;
}


/*==========校慶網站編輯委員===============*/
.page3 #about  .table tr td:nth-child(1){
	width: 20%;
}

/*==========校徽、學校願景===============*/

 #xo-content .page4    #about dl.labelcss .labelbox,
 #xo-content .page4     #about dt{
  color: #005B6D !important;


  }

 #xo-content .page4  #about .labelcssArr ul .labelbox{
  color: #000000 !important;
  font-size: 100% !important;	
  }
  
.page4 #about  .table tr td:nth-child(1){
	width: 8%;
	text-align: center;	
    vertical-align: middle;	
    font-size: 380%;
     color: #005B6D !important; 
	
}
.page4 #about  .table  td{
border: none !important;	
} 
  
  
.page4 #about  .ui-tabs .ui-tabs-panel{
padding: 15px 15px  !important;	
}
  
  
/*==========市長/局長的祝福===============*/
.page6 #about #tabs-1,
.page5 #about #tabs-1{
padding: 15px 15px 90px 15px  !important;	
} 


.page5 #about #tabs-1 .thumbnail{
width: 40%;
float: right;
 	position: relative;
 	margin: 10px 0px 10px 15px;
}

.page6 #about #tabs-1 .thumbnail{
width: 40%;
float: left;
 	position: relative;
 	margin: 10px 15px 10px 0px;
}

.page6 #about  p,
.page5 #about  p{
text-indent: 2em; 
}


.page5 #about #style01{
font-size: 127%;
color: #C60300;
}

.page6 #about #style01{
display: block;
font-size: 127%;
color: #C60300;
text-align: center;
}


.page6 #about #style02,
.page5 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 30px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}



.page6 #about #style02,
.page5 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 30px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}

.page6 #about  .ui-tabs .ui-tabs-panel,
.page5 #about  .ui-tabs .ui-tabs-panel{
padding: 15px 15px  !important;	
}
  
/*========籌備會主委的祝福===========*/
.page7 #about #content .thumbnail{
width: 40%;
float: right;
 	position: relative;
 	margin: 10px 0px 10px 15px;
}


.page7 #about #content{
padding-bottom: 60px !important;	
} 

.page7 #about  p{
text-indent: 2em; 
}


.page7 #about #style01{
font-size: 117%;
color: #C60300;
}


.page7 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}



/*========校長的祝福===========*/

.page8 #about .thumbnail{
width: 40%;
float: right;
 	position: relative;
 	margin: 10px 0px 0px 15px;
}

.page8 #about #content{
padding-bottom: 60px !important;	
} 

.page8 #about  p{
text-indent: 2em; 
}


.page8 #about #style01{
font-size: 117%;
color: #C60300;
}


.page8 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}

/*========家長會長的祝福===========*/
.page9 #about #content .thumbnail{
width: 40%;
float: left;
 	position: relative;
 	margin: 10px 15px 10px 0px;
}

.page9 #about #content{
padding-bottom: 60px !important;	
} 

.page9 #about  p{
text-indent: 2em; 
}


.page9 #about #style01{
font-size: 117%;
color: #C60300;
}


.page9 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}

/*==========歷任校長的祝福==============*/
.page10 #about .thumbnail{
width: 40%;
float: left;
 	position: relative;
 	margin: 10px 15px 0px 0px;
}

.page10 #about #content{
padding-bottom: 60px !important;	
} 

.page10 #about  p{
text-indent: 2em; 
}


.page10 #about #style01{
font-size: 117%;
color: #C60300;
}


.page10 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}


/*==========一甲學生祝福語==============*/

.page14 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page14 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page14 #about b{
font-size: 115%;
color: #15398E;
}

/*==========一乙學生祝福語============*/

.page15 #about #content{
padding-bottom: 60px !important;	
} 


.page15 #about #style01{
font-size: 117%;
color: #C60300;
}


.page15 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}


/*==========一丙學生祝福語==============*/

.page16 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page16 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page16 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========二甲學生祝福語==============*/
.page17 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page17 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}


.page17 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========二乙學生祝福語==============*/
.page18 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page18 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}


.page18 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========二丙學生祝福語==============*/

.page19 #about #content{
padding-bottom: 60px !important;	
} 


.page19 #about #style01{
font-size: 117%;
color: #C60300;
}


.page19 #about #style02{
	position: absolute;
	right: 15px;
	bottom: 0px;
	font-weight: bold;
font-size: 135%;	
color: #3355A5;
}



/*==========三甲學生祝福語==============*/
.page20 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page20 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page20 #about  p{
text-indent: 2em; 
}

.page20 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========三乙學生祝福語==============*/
.page21 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page21 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page21 #about  p{
text-indent: 2em; 
}

.page21 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========四甲學生祝福語==============*/
.page22 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page22 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page22 #about  p{
text-indent: 2em; 
}

.page22 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}


/*==========四乙學生祝福語==============*/
.page23 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page23 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page23 #about  p{
text-indent: 2em; 
}

.page23 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}


/*==========四丙學生祝福語==============*/
.page24 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page24 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page24 #about  p{
text-indent: 2em; 
}

.page24 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}

/*==========五甲學生祝福語==============*/
.page25 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page25 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page25 #about  p{
text-indent: 2em; 
}

.page25 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}


/*==========五乙學生祝福語==============*/
.page26 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page26 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page26 #about  p{
text-indent: 2em; 
}

.page26 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}


/*==========五丙學生祝福語==============*/
.page27 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page27 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page27 #about  p{
text-indent: 2em; 
}

.page27 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}


/*==========六甲學生祝福語==============*/
.page28 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page28 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}



.page28 #about #style02{
	position: relative;
	font-weight: bold;
font-size: 120%;	
color: #3355A5;

}


/*==========六乙學生祝福語==============*/
.page29 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page29 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}



.page29 #about #style02{
	position: relative;
	font-weight: bold;
font-size: 120%;	
color: #3355A5;

}



/*==========六丙學生祝福語==============*/
.page30 #about .list-group li:nth-child(odd){
	background: #FFFFE0 url(../../img/frame/) repeat-x left top;
}

.page30 #about .list-group li:nth-child(even){
	background: #FFEFFB url(../../img/frame/) repeat-x left top;
}

.page30 #about  p{
text-indent: 2em; 
}

.page30 #about #style02{
	position: relative;
	display: block;
	text-align: right;	
	font-weight: bold;
font-size: 120%;	
color: #3355A5;
margin: 10px 0px;
}