/*  20250618 讓間距與首頁一樣 start*/
.pageContent{
    padding-top: 35px;
}
/*  20250618 讓間距與首頁一樣 end*/

/*/////////////////////////////////////////////////////////*/
/*-------校友資訊列表--------*/
/*/////////////////////////////////////////////////////////*/


/*.TeacherArea{
}
	
	.teacherListTit{
		font-size:20px;
		color:#84bf24;
		line-height:30px;
		margin:30px 0px 20px;
	}
		.teacherListTit i{
			font-size: 20px;
			color: #84bf24;
			line-height: 30px;
			vertical-align: -7%;
		}*/
	
        .teacher_list_area{
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            /* justify-content: space-between;
            margin-bottom:-30px; */
            margin: 0 -15px -30px;
            letter-spacing: 0; /* 20250617 字體間距調整 by tom */
        }
                   
        .teacher_list{
            padding: 0 15px 30px;
            box-sizing: border-box;
            /* width: 33.3%; */
            width: 50%;
        }
        .teacher_list:hover{
            opacity: 0.7;
            transition: all 0.3s ease;
            cursor: pointer;
        }
            .teacherListBorder{
                
                height: calc(100% - 30px);
            }
            
                .teacher_list_in{
                    display: flex;
                    flex-wrap: nowrap;
                    flex-direction: row;
                    align-items: center;
                    /* justify-content: space-between; */
                }
                                
                .tL_img{
                    /* width: 190px; */
                    width:80px;
                    box-sizing: border-box;
                    overflow: hidden;
                    
                    /*width:25%;
                    box-sizing: border-box;
                    position:relative;
                    padding-top:25%;*/
                }
                    .tL_img a{
                        display:block;
                    }
                    .tL_img img{
                        width:100%;
                        height:auto;
                        transition: all 0.3s ease-out;
                        /*position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        float: none;
                        width: 100% !important;
                        height: 100% !important;
                        object-fit: cover;
                        transition: 0.3s ease all;*/
                    }
                    
                    .tL_img a:hover img{
                        opacity:0.5;
                        transform:scale(1.2);
                        transition: all 0.3s ease-out;
                    }			
                    
                    
                 
                /*右半邊*/
                .tL_right{
                    width: 75%;
                    padding-left: 20px;
                    box-sizing: border-box;
                    font-family: Arial, Verdana, Tahoma, Sans-Serif;
                }
                    /*標題*/
                    .tLR_tit{
                        font-size:0.8em;
                        line-height: 30px;
                        color: #848484;
                        /*overflow: hidden;
                        text-overflow:ellipsis;
                        white-space: nowrap;*/
                        /*display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;*/
                    }
                    /*標題*/
                    .tLR_tit:first-of-type{
                            color: #555;
                            font-weight: bold;
                    }
                        .tLR_tit span{
                            color: #555;
                            /*font-weight: bold;*/  /*Judy修改20200909*/
                            font-size:0.8em;
                            line-height: 30px;
                            word-wrap: break-word;
                        }
                        .tLR_tit span a{
                            color: #2e2e2e;
                            text-decoration:none;
                            display: inline-block;
                        }
                        .tLR_tit span a:hover{
                            color:#5f4f98;
                        }
        
    
    
                        .teacher_list_area2 .teacher_list {
                            width: 51%;
                        }
    
                        .teacher_list_area2 .tL_img {
                            width: 25%;
                        }

                        
@media (max-width: 640px){
    .teacher_list{
        padding: 0 15px 30px;
        box-sizing: border-box;
        /* width: 33.3%; */
        width: 100%;
    }
    .teacher_list_in{
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        /* justify-content: space-between; */
    }
    /*左半邊*/
    .tL_left{
        width: 100%;
        
    }
    .tL_img{
        
        width:100%;
        
    }
    /*右半邊*/
    .tL_right{
        width: 100%;
        padding-left: 0px;
        box-sizing: border-box;
        font-family: Arial, Verdana, Tahoma, Sans-Serif;
    }
}
/* =============================== */
/* 校友資訊內頁 */
/* =============================== */
.alumni_bottom{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:1px dotted #ddd;
    /* gap:10px; */
   }
   .alumniImg{
    width: 25%;
    /* max-width: 160px; */
   }
   .alumniImg span{
    display: block;
    position: relative;
    padding-top: 135.9%;
   }
   .alumniImg span img{
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
   
   }
   .alumni_list{
       display: flex;
       flex-direction: column;
       gap: 10px;
       align-items: center;
       justify-content: center;
       width: 70%;
       font-size: 0.8em;
       letter-spacing: 0; /* 20250617 字距調整 */
   }
    /* 20250617 字距調整 start */
   .alumni_list>.list{
    line-height: 1.6em;
   }
    /* 20250617 字距調整 end */
   .alumni_section{
       border-bottom: dotted 2px #ddd;
       width:100%;
       padding-bottom: 10px;
       flex: 1;
   }
   
   .alumni_section ol{
       padding-left: 20px;
       margin-top: 10px;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       justify-content: center;
       gap: 10px;

   }
   .alumni_section ol li{


   }
   .alumni_section ol li a{
       display: block;
       text-decoration: none;

   }
   
   .alumni_selection_area{
    padding-top: 20px;
    line-height: normal; /* 20250617行高調整  */
   }
.alumni_link{
    padding-top: 20px;
}
.alumni_link strong{
    font-size: 16px;
    color: #8134b3;
}
.alumni_link ul.article_area{
    padding-top: 18px;
    line-height: normal;
    font-size: 0.8em;
    padding-left: 20px;
}

    ul.article_area li.article_item{
        
    }
    ul.article_area li.article_item a{
        text-decoration: none;
        color: #555;
        line-height: 1.6em;
    }
    ul.article_area li.article_item a:hover{
        opacity: 0.7;
        transition: all 0.3s ease;
    }

@media (max-width: 640px){
    .alumni_bottom{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        /* gap:10px; */
       }
       .alumniImg{
        width: 100%
        /* max-width: 160px; */
       }
       .alumni_list{
            width: 100%;
        }
}