/* * {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--mandarin_font);
    font-size: 1em;
    line-height: 1.5;
    color: var(--dark_color);
    background: var(--seventh_color);
    -webkit-font-smoothing: antialiased;
} */

.people_feedbackBg a {
    color: var(--primary_color);
    text-decoration: none;
    transition: var(--transition-data);
}

.people_feedbackBg  a:hover {
    color: var(--fourth_color);
}

/* :focus-visible {
    outline-width: var(--focus_outline-width);
    outline-style: var(--focus_outline-style);
    outline-color: var(--focus_outline-color);
    outline-offset: .125rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: var(--primary_color);
    color: #fff;
    padding: .75rem 1.25rem;
    border-radius: 0 0 .5rem 0;
    z-index: 9999;
    font-weight: 700;
}

.skip-link:focus {
    left: 0;
}

.index_itemBg {
    width: 100%;
}
    
.wrap {
    width: 100%;
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 clamp(1.5rem, 4vw, 4rem);
}

 */

.people_feedbackBg {
    /* background: linear-gradient(180deg, var(--third_color) 0%, var(--seventh_color) 30%); */
    /* padding: clamp(2.5rem, 4vw, 4.5rem) 0 clamp(4rem, 6vw, 6rem); */
    padding: clamp(1.29rem, 2.08vw, 2.5rem) 0 0;
}


/* 人物區 */
.people_feedback_area_top {
    display: flex;
    align-items: center;
    gap: clamp(1.25rem, 2.5vw, 2.25rem);
    margin-bottom: clamp(1.75rem, 3vw, 2.75rem);
}

    .people_photo {
        position: relative;
        flex: 0 0 auto;
        width: clamp(8rem, 10vw, 11rem);
        aspect-ratio: 1/1;
        border-radius: 50%;
        padding: .375rem;
        background: #fff;
        border: .1875rem solid var(--fifth_color);
        box-shadow: 0 .5rem 1.5rem rgba(1, 129, 192, .15);
        overflow: hidden;
    }

        .people_photo image-slot  ,
        .people_photo img  {
            /* width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden; */
            width: 100%;
            height: 100%;
            object-fit: cover;
            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;
        }

.people_info{
	display: flex;
	flex-direction: column;
	gap: clamp(0.323rem, 0.52vw, 0.625rem);
}


    .people_info .name {
        font-size: clamp(1.5em, 2.4vw, 1.9em);
        font-weight: 700;
        color: var(--dark_color_sec);
        line-height: 1.25;
        letter-spacing: .02em;
    }

    .people_info .unit {
        /* margin-top: .35rem; */
        font-size: clamp(1.05em, 1.5vw, 1.25em);
        font-weight: 500;
        color: var(--fourth_color);
    }




@media (max-width:990px) {

    .people_feedback_area_top {
        flex-direction: column;
        text-align: center;
    }
    

}



























/* ========================================================= */
/* 分享專區 頁籤區                 */
/* ========================================================= */


.people_feedback_area_bottom .text_bottom .tab_area {
	border-bottom: none;
}

.people_feedback_area_bottom .text_bottom .img-scroll {
	height: auto;
}

.people_feedback_area_bottom .text_bottom .img-list {
	position: static;
}

.people_feedback_area_bottom .text_bottom ul.tabs {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--secondary_color);
}

.people_feedback_area_bottom .text_bottom .tabs li {
	float: none;
}



	
.people_feedback_area_bottom .text_bottom .tabs a, 
.people_feedback_area_bottom .text_bottom .tabs span,
.people_feedback_area_bottom .text_bottom .tab_button  {
	background: transparent;
}
.people_feedback_area_bottom .text_bottom .tabs li.active span ,
.people_feedback_area_bottom .text_bottom .tabs li.active .tab_button {
	background-color: transparent;
	color: var(--third_color);
}

.people_feedback_area_bottom .text_bottom .tabs li .tab_button.active {
	background-color: transparent;
	color: var(--third_color);
}

.people_feedback_area_bottom .text_bottom .tabs li .tab_button:focus {
}

.people_feedback_area_bottom .text_bottom .tabs li .tab_button:focus-visible {
	outline: var(--focus_outline-width, 0.1875rem) solid var(--focus_outline-color, #005fcc);
	outline-offset: 0.125rem;
}

.people_feedback_area_bottom .text_bottom .feedback_panels > section {
	scroll-margin-top: 6rem;
}

.people_feedback_area_bottom .text_bottom .tabs li a:hover, 
.people_feedback_area_bottom .text_bottom .tabs li span:hover ,
.people_feedback_area_bottom .text_bottom .tabs li .tab_button:hover {
    background-color: transparent;
    color: var(--third_color);
}







/* ---- 頁籤內容面板 ---- */

.feedback_tab_text_area {
	background: transparent;
	padding: 0;
}




@media screen and (max-width: 1100px) and (min-width: 760.1px)  {

}



@media (max-width: 990px) {

	.people_feedback_area_bottom {
		gap: 0.75rem;
	}


}




@media screen and (min-width: 760.1px){
	
	.people_feedback_area_bottom .text_bottom .tabs li span::before ,
	.people_feedback_area_bottom .text_bottom .tabs li .tab_button::before   {
		font-family: unset;
		content: "";
		background-color: var(--third_color);
		width: 100%;
		/* max-width: calc(100% - (clamp(0.581rem, 0.94vw, 1.125rem) * 2)); */
		height: 3px;
		bottom: 0;
		opacity: 0;
	}
	.people_feedback_area_bottom .text_bottom .tabs li.active span::before ,
	.people_feedback_area_bottom .text_bottom .tabs li.active span:hover::before,
	.people_feedback_area_bottom .text_bottom .tabs li.active .tab_button::before {
		opacity: 1;
	}
	.people_feedback_area_bottom .text_bottom .tabs li .tab_button.active::before {
		opacity: 1;
	}
	
	.people_feedback_area_bottom .text_bottom .tabs li span:hover::before ,
	.people_feedback_area_bottom .text_bottom .tabs li .tab_button:hover::before{
	}
}



@media (max-width: 760px) {


    .people_feedback_area  .img-scroll {
        display: block;
    }
	.people_feedback_area_bottom{
		flex-direction: column;
	}

    .people_feedback_area_bottom .text_bottom ul.tabs{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));  /*填滿*/
        width: 100%;
    }

    .people_feedback_area_bottom .tabs li:not(:first-child) {
        border-top: none;
    }
	
    .people_feedback_area_bottom .text_bottom .tabs a, 
    .people_feedback_area_bottom .text_bottom .tabs span,
    .people_feedback_area_bottom .text_bottom .tab_button  {
            padding: 0px 4px;
    }

	.people_feedback_area_bottom .text_bottom .tabs li span::before ,
	.people_feedback_area_bottom .text_bottom .tabs li .tab_button::before   {
		font-family: unset;
		content: "";
		background-color: var(--third_color);
		width: 100%;
		/* max-width: calc(100% - (clamp(0.581rem, 0.94vw, 1.125rem) * 2)); */
		height: 3px;
		bottom: 0;
		opacity: 0;
	}
	.people_feedback_area_bottom .text_bottom .tabs li.active span::before ,
	.people_feedback_area_bottom .text_bottom .tabs li.active span:hover::before,
	.people_feedback_area_bottom .text_bottom .tabs li.active .tab_button::before {
		opacity: 1;
	}
	.people_feedback_area_bottom .text_bottom .tabs li .tab_button.active::before {
		opacity: 1;
	}

	
		.index_news_area .tabs_btn_now_arrow i {
			font-size: 1.5rem;
			color: #fff;
			transform: translateX(-1rem);
		}


        .people_feedback_area_bottom .text_bottom .tabs a, 
        .people_feedback_area_bottom .text_bottom .tabs span, 
        .people_feedback_area_bottom .text_bottom .tab_button {
            font-size: 0.9375em;
            letter-spacing: 0;
        }


}

@media (max-width: 480px) {

	.people_feedback_area_bottom {
		flex-wrap: wrap;
	}

}
















/* ========================================================= */
/* 分享專區 頁籤內容區             */
/* ========================================================= */


/* 頁籤內容區 */
.people_feedback_area_bottom .p_tab_text_area {
    margin-top: clamp(1.75rem, 3vw, 2.75rem);
    display: flex;
    flex-direction: column;
    row-gap: clamp(0.806rem, 1.3vw, 1.563rem);
}

/* .p_tab_text_area [role="tabpanel"][hidden] {
    display: none;
} */

.tab_card {
    position: relative;
    background: #fff;
    border: .0625rem solid var(--sixth_color);
    border-radius: 1.25rem;
    padding: clamp(1.75rem, 3vw, 3rem) clamp(1.5rem, 3vw, 3.25rem);
    /* padding: clamp(0.5rem, 2.5vw, 3rem) clamp(0.542rem, 2.71vw, 3.25rem); */
    padding: clamp(1.75rem, 3vw, 3rem) clamp(0.542rem, 2.71vw, 3.25rem);
    box-shadow: 0 1rem 2.5rem rgba(1, 129, 192, .08);
}

.tab_card .quote_mark {
    /* font-family: var(--foreign_font); */
    /* font-size: clamp(3.5em, 6vw, 5em); */
    font-weight: 700;
    line-height: normal;
    color: var(--sixth_color);
    user-select: none;
    font-size: 2.8125em;
    transform: translateY(calc(2.8125rem * -0.25));
}

    .tab_card .quote_mark i{    
        margin: 0;
        padding: 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        color      : inherit;
    }

.tab_card .q_head {
    display: flex;
    align-items: flex-start;
    column-gap: clamp(0.258rem, 0.42vw, 0.5rem);
    row-gap: clamp(0.516rem, 0.83vw, 1rem);
    margin-bottom: clamp(0.774rem, 1.25vw, 1.5rem);
}

.tab_card .q_title {
    /* font-size: clamp(1.2em, 1.9vw, 1.55em); 
    font-weight: 900;*/
    color: var(--primary_color);
    line-height: 1.4;
    font-size: 1.5em;
    /* padding-top: .4rem; */
    text-align: left;
    font-weight: 700;
}

.q_body{
    text-align: left;
}
.tab_card .q_body p {
    line-height: 1.9;
    color: var(--dark_color);
}

.tab_card .q_body p:last-child {
    margin-bottom: 0;
}

/* 相關圖片 placeholder */
.tab_gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 1.8vw, 1.5rem);
}

.tab_gallery .ph {
    aspect-ratio: 4/3;
    border: .125rem dashed var(--second_color);
    border-radius: .85rem;
    background: var(--third_color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fourth_color);
    font-weight: 700;
    font-size: 1em;
}

@media (max-width:990px) {

    .people_feedback_area {
        flex-direction: column;
        text-align: center;
    }





        .tab_card .q_head {
            
        }
            .tab_card .quote_mark {
                font-size: 1.25em;
                transform: translateY(calc(1.25em * -0.25));
            }
            .tab_card .q_title {
                font-size: 1.25em;
            }




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

}

@media (max-width:600px) {
    /* .tab_gallery {
        grid-template-columns: 1fr;
    } */
}