/*列表區塊*/
	.mentors_listArea {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    /*margin: 0 -12px;*/

	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    gap: clamp(0.6452rem, 1.0417vw, 1.2500rem);
	    /* 10.32px , 1.0417vw , 20.00px */
	}

	/*清單 */
	.mentors_list {
	    box-sizing: border-box;
	    overflow: hidden;
	    transition: 0.3s ease all;
	    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border: 1px solid #d5d5d5;
        border-radius: 10px;
	}

	.mentors_list>a {
	    /* 改為指定下一層寫法feather20220214 */
	    font-family: 'Montserrat', 'Noto Sans TC', sans-serif;
	    display: block;
	    width: 100%;

	    /* height: 100%; */
	    /*feather隱藏20220429*/
	    min-height: 180px;
	    /*feather新增20220429*/

	    text-decoration: none;
	    color: #333;

	    background: #fff;
	    overflow: hidden;
	    border-radius: 5px;
	    position: relative;
	}

	/* hover 背景*/
	.mentors_list a:hover {
	    opacity: 0.9;
	    background: #e3e6e6;
	    transition: 0.3s ease all;
	}

	/* hover 背景*/
	.mentors_list a:hover img {
	    opacity: 0.9;
	    transition: 0.3s ease all;
	}


	/* 圖片框 */
	.mentors_img {
	    transition: 0.5s ease all;
	    position: relative;
	    display: block;
	    aspect-ratio: 1.5 / 1;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: top center;
	}

	/*圖片*/
	.mentors_img img {
	    width: 100%;
	    height: auto;
	    object-fit: cover;
	    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;
	    /* display: none; */
	}

	/* 文章內容 */
	.mentors_listIn {
	    display: block;
	    padding: clamp(0.6452rem, 1.0417vw, 1.2500rem);
	    /* 10.32px , 1.0417vw , 20.00px */
	    box-sizing: border-box;
	    background: #ffffffdb;
	    /* position: absolute; */
	    /* bottom: 0%; */
	    /* z-index: 5; */
	    /* height: calc(55%); */
	    /* width: 100%; */
	    /*feather新增20220214*/
	    display: flex;
	    flex-direction: column;
	    gap: 1.25rem;
	}

    /* 導員資訊-------------- */
    .mentors_info{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: .625rem;
    }

    .more_btn_area .more_btn{
        color: var(--primary_color);
    }

    /* 可預約時間 區塊---------- */
    .mentors_timeslot{
        display: flex;
        flex-direction: column;
        gap: clamp( .3125rem, 1.3333vw, .625rem );
    }

    /* 可預約時間 標題 */
    .mentors_time_title{
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--primary_color);
        border-bottom: 1px dashed #bebebe;
        padding-bottom: clamp( .3125rem, 1.3333vw, .625rem );
    }

    .timeslot_area{
        display: flex;
        flex-direction: column;
        gap: clamp( .3125rem, 1.3333vw, .625rem );
    }

    /* 可預約時間 時段 */
    .timeslot_am,
    .timeslot_pm{
        border: 1px solid #d5d5d5;
        padding: 10px 5px;
        display: flex;
        flex-wrap: wrap;
        gap: clamp( .3125rem, 1.3333vw, .625rem );
    }

    .timeslot_label{
        font-weight: 500;
    }

    .reservation_btn_area a{
        text-decoration: none;
    }

    .reservation_btn_area .reservation_btn{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 20px;
        border-radius: 5px;
        background-color: var(--fourth_color);
    }

    .reservation_btn{
        color: var(--primary_color);
    }


@media (max-width: 1450px){

    .mentors_listArea {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 990px){

    .mentors_listArea {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 550px){

    .mentors_listArea {
        grid-template-columns: repeat(1, 1fr);
    }

}