@import url('https://fonts.googleapis.com/css2?family=Nova+Square&display=swap');



:root{
    --triangle:polygon(0% 0%, 10% 0, 100% 50%, 10% 100%, 0% 100%);
    --triangle_width:clamp(2.9033rem, 4.6875vw, 5.6250rem);/* 46.45px , 4.6875vw , 90.00px */
}

.main {
overflow: hidden;
}





.exchange_apply_bg{
    padding-bottom:  clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	
}
    .exchange_apply_bg .wrap{
        display: flex;
        flex-direction: column;
        gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
		width: 80%;
		margin: auto;
		padding: 0;
    }



    .exchange_apply_area{
        
    }

     .exchange_apply_area .main_title{
        color: #197CC0;
        font-size: clamp(1.5625rem, 2.0833vw, 2.5000rem); /* 25px , 2.0833vw , 40.00px */
        font-weight: 700;
        line-height: 1;
        letter-spacing: clamp(0.0645rem, 0.1042vw, 0.1250rem); /* 1.03px , 0.1042vw , 2.00px */
        margin-bottom: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
    }
        .exchange_apply_area .main_title strong{
            font-size: inherit;            
            font-weight:inherit;                             
            line-height:inherit;        
            padding: 0;
            margin: 0; 
        }

        .exchange_apply_area .title{            
            border-radius: clamp(0.9678rem, 1.5625vw, 1.8750rem) clamp(0.9678rem, 1.5625vw, 1.8750rem) 0 0; /* 15.48px , 1.5625vw , 30.00px */           
            background: #5E7AB8;
            color: #fff;                        
            font-size: clamp(1.2500rem, 1.2500vw, 1.5000rem); /* 20.00px , 1.2500vw , 24.00px */             
            font-weight: 700;                        
            line-height: 1;                         
            letter-spacing: clamp(0.1500rem, 0.2422vw, 0.2906rem); /* 2.40px , 0.2422vw , 4.65px */                
            padding: 0 clamp(1.6452rem, 2.6563vw, 3.1875rem); /* 26.32px , 2.6563vw , 51.00px */
            padding-top: clamp(0.5161rem, 0.8333vw, 1.0000rem); /* 8.26px , 0.8333vw , 16.00px */
            padding-bottom: clamp(0.5161rem, 0.8333vw, 1.0000rem); /* 8.26px , 0.8333vw , 16.00px */
        }
            .exchange_apply_area .title strong{
                font-size: inherit;            
                font-weight:inherit;                             
                line-height:inherit;        
                padding: 0;
                margin: 0; 
            }


        .exchange_apply_background{
            overflow: hidden;
            border-radius: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
            background: #FEFEFE;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
            padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
        }

        .exchange_apply_area .focus_area{
            color: #26314A;
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: clamp(0.0516rem, 0.0833vw, 0.1000rem); /* 0.83px , 0.0833vw , 1.60px */
            /* padding: 48px 99px; */
            padding: 0 clamp(3.1937rem, 5.1563vw, 6.1875rem); /* 51.10px , 5.1563vw , 99.00px */
            padding-top: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
            padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
            margin-bottom: clamp(2.7420rem, 4.4271vw, 5.3125rem);
        }
            .exchange_apply_area .focus_area ul{
                margin: 0;
                padding: 0;
                list-style-type : none;
                display: flex;
                flex-wrap: wrap;
                row-gap: clamp(0.9375rem, 0.5208vw, 0.6250rem); /* 15px , 0.5208vw , 10.00px */
                column-gap: clamp(1.4194rem, 2.2917vw, 2.7500rem); /* 22.71px , 2.2917vw , 44.00px */
            }
            .exchange_apply_area .focus_area li{
                position: relative;
                display: flex;
                align-items: center;
                gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
                /* flex-wrap: wrap; */
            }
            .exchange_apply_area .focus_area li::before{
                content: "";
                background-image: url(../../service/images/exchange_student/arrow\ icon.svg);
                background-repeat: no-repeat;
                background-size: 99.9%;
                background-position: center;
                aspect-ratio: 3 / 3;
                min-width: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
                display: inline-block;
            }
           


        .exchange_apply_area .step_area{
            /* margin-top: clamp(2.7420rem, 4.4271vw, 5.3125rem); */ /* 43.87px , 4.4271vw , 85.00px */
            display: flex;
        }

            .exchange_apply_area .step_list{
                display: flex;
                flex-direction: column;
                /* justify-content: center; */
                /* align-items: center; */
            }

            .step_list_img{
                justify-content: center;
                align-items: center;
            }




                .exchange_apply_area .exchange_apply_card:not(.exchange_apply_img){
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    flex-grow: 1;
                }
                .exchange_apply_area .step_list:last-of-type .exchange_apply_card:not(.exchange_apply_img){
                    padding-right:calc(var(--triangle_width) * 1); /* 46.45px , 4.6875vw , 90.00px */
                }

                .exchange_apply_area .exchange_apply_img{
                    position: absolute;
                    padding: 0;
                    aspect-ratio: 1;
                    /* padding-top: 100%; */
                    /* border-radius: 10px; */
                    display: block;
                    overflow: hidden;
                    width: 85%;
                    bottom: 0;
                    margin: auto;
                }
                    .exchange_apply_area .exchange_apply_img img{
                        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;
                    }






                    .exchange_apply_area .num_area{                                
                        position: absolute;
                        /* top: -85px;   */
                        top: calc(clamp(2.7420rem, 4.4271vw, 5.3125rem) * -1);  /* 43.87px , 4.4271vw , 85.00px */                                       
                        left: var(--triangle_width); /* 46.45px , 4.6875vw , 90.00px */
                        font-family: "Nova Square", sans-serif;
                    }
                        .exchange_apply_area .num_area .num1{
                            color: #5E7AB8;
                            text-align: center;
                            /*font-size: clamp(1.6146rem, 1.6146vw, 1.9375rem);*/ /* 25.83px , 1.6146vw , 31.00px */
                            font-size: clamp(1.0000rem, 1.6146vw, 1.9375rem); /* 16.00px , 1.6146vw , 31.00px */
                            font-weight: 400;
                            line-height: normal;
                            letter-spacing: clamp(0.1000rem, 0.1615vw, 0.1938rem); /* 1.60px , 0.1615vw , 3.10px */
                            text-align: left;
                        }
                        .exchange_apply_area .num_area .num2{
                            color: #5E7AB8;
                            text-align: center;
                            /*font-size: clamp(4.8958rem, 4.8958vw, 5.8750rem); *//* 78.33px , 4.8958vw , 94.00px */
                            font-size: clamp(3.0324rem, 4.8958vw, 5.8750rem); /* 48.52px , 4.8958vw , 94.00px */
                            font-weight: 400;
                            line-height: normal;
                            text-align: left;
                        }

                    .exchange_apply_area .description{
                        padding-top: clamp(2.7420rem, 4.4271vw, 5.3125rem);      /* 43.87px , 4.4271vw , 85.00px */
                        padding-left: var(--triangle_width); /* 46.45px , 4.6875vw , 90.00px */
                        padding-bottom:clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
                        display: flex;
                        flex-direction: column;
                        gap:  clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
                        flex-grow: 1;
                    }
                    .exchange_apply_area .step_list:last-of-type .description{                                                                                                      
                       
                    }
                    .exchange_apply_area .description .title2{                        
                        color: #3B4C73;                                                
                        font-size: clamp(1.0417rem, 1.0417vw, 1.2500rem); /* 16.67px , 1.0417vw , 20.00px */                                         
                        font-weight: 700;                                                
                        line-height: normal;                                                
                        letter-spacing: clamp(0.0645rem, 0.1042vw, 0.1250rem); /* 1.03px , 0.1042vw , 2.00px */
                    }
                    .exchange_apply_area .description ul{  
                        margin: 0;
                        padding: 0;
                        list-style-type : none;
                        display: flex;
                        flex-direction: column;
                        gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */     
                        color: #606060;                                                
                        font-size:clamp(0.7292rem, 0.7292vw, 0.8750rem); /* 11.67px , 0.7292vw , 14.00px */                                 
                        font-weight: 400;                                                
                        line-height: normal;                                                
                        letter-spacing:clamp(0.0452rem, 0.0729vw, 0.0875rem); /* 0.72px , 0.0729vw , 1.40px */
                    }
                        .exchange_apply_area .description li{
                            
                        }





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .exchange_apply_area .step_list {
        width: calc(100% / 4);
        position: relative;
    }

}




@media (max-width: 990px){

	.exchange_apply_background {
        padding-bottom: 0;
    }

    .exchange_apply_area .focus_area{
        padding: 0 clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
        margin-bottom: 0;
    }


    .exchange_apply_area .exchange_apply_img{
        position: relative;
        width: 100%;
    }

    .exchange_apply_area .step_area{
        flex-direction: column;
        /* margin-top:1.25rem; */
        margin-top: 0;
    }

    .exchange_apply_card{
        padding: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
    }
        .exchange_apply_area .num_area {
            position: unset;
            top: unset;
            left: unset;
            display: flex;
            /* flex-direction: column; */
            align-items: baseline;
        }
        .exchange_apply_area .num_area .num2 {
            font-size: 1.875rem;
        }
            .exchange_apply_area .description{
                padding: 0;
                gap: .3125rem
            }

}











/* =========================================================================== */
/* 來校交換生申請系統 */
/* =========================================================================== */
.exchange_apply_area1{
    
}
    .exchange_apply_area1 .step_area{
        
    }

        .exchange_apply_area1 .step_list {
            /* width: calc(100% / 4); */
        }
        .exchange_apply_area1 .step_list:first-of-type {
            background-color: #B5E1FF;
        }
        .exchange_apply_area1 .step_list:nth-of-type(2) {
            background-color: #CFEBFF;
        }
        .exchange_apply_area1 .step_list:nth-of-type(3) {
            background-color: #E5F2FB;
        }
        .exchange_apply_area1 .step_list:nth-of-type(4) {
            background-color: #F6FBFF;
        }




/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .exchange_apply_area1 .step_area{
        position: relative;
    }
    .exchange_apply_area1 .step_area::after {
        position: absolute;
        content: "";
        top: 0;
        right:0px;
        height: 100%;
        width:calc(var(--triangle_width) * 1); /* 46.45px , 4.6875vw , 90.00px */
        background-color: #F6FBFF;
        clip-path: var(--triangle);
    }


    .exchange_apply_area1 .step_list {
        /* width: calc(100% / 4);
        position: relative; */
    }
    .exchange_apply_area .step_list:last-of-type .description{  
    }

        .exchange_apply_area1 .step_list::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0px;
            height: 100%;
            width:calc(var(--triangle_width) * 0.9); /* 46.45px , 4.6875vw , 90.00px */
            /* clip-path: path("M0,0v269.5c1.1-1.7,76.1-112.1,76.1-134.9S0,0,0,0Z"); */
            /* clip-path: path("M0,0v385c1.6-2.4,108.6-160.2,108.6-192.7S0,0,0,0Z"); */
            clip-path: var(--triangle);
        }
        .exchange_apply_area1 .step_list:first-of-type {
        }
        .exchange_apply_area1 .step_list:nth-of-type(2)::before {
            /* background-color: #CFEBFF; */
            background-color: #B5E1FF;
        }
        .exchange_apply_area1 .step_list:nth-of-type(3)::before {
            /* background-color: #E5F2FB; */
            background-color: #CFEBFF;
        }
        .exchange_apply_area1 .step_list:nth-of-type(4)::before {
           background-color: #E5F2FB;
        }
        .exchange_apply_area1 .step_list:nth-of-type(4)::after {
            position: absolute;
            content: "";
            top: 0;
            right:0px;
            height: 100%;
            width:calc(var(--triangle_width) * 1); /* 46.45px , 4.6875vw , 90.00px */
            background-color: #fff;
        }
            /*  */


   
}










/* =========================================================================== */
/* 赴外交換生申請系統 */
/* =========================================================================== */
.exchange_apply_area2{
    
}
    .exchange_apply_area2 .step_area{
        
    }

        .exchange_apply_area2 .title {
            background: #5FCC6F;
        }

        .exchange_apply_area2 .step_list {
            /* width: calc(100% / 4); */
        }
        .exchange_apply_area2 .step_list:first-of-type {
            background-color: #B5FFC0;
        }
        .exchange_apply_area2 .step_list:nth-of-type(2) {
            background-color: #CFFFD1;
        }
        .exchange_apply_area2 .step_list:nth-of-type(3) {
            background-color: #E5FBE8;
        }
        /* .exchange_apply_area2 .step_list:nth-of-type(4) {
            background-color: #F6FBFF;
        } */





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .exchange_apply_area2 .step_area{
        position: relative;
    }
    .exchange_apply_area2 .step_area::after {
        /*position: absolute;
        content: "";
        top: 0;
        right:0px;
        height: 100%;
        width:calc(var(--triangle_width) * 1);*/ /* 46.45px , 4.6875vw , 90.00px */
        /*background-color: #F6FBFF;
        clip-path: var(--triangle);*/
    }


    .exchange_apply_area2 .step_list {
        /* width: calc(100% / 4);
        position: relative; */
    }
    .exchange_apply_area .step_list:last-of-type .description{  
    }

        .exchange_apply_area2 .step_list::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0px;
            height: 100%;
            width:calc(var(--triangle_width) * 0.9); /* 46.45px , 4.6875vw , 90.00px */
            /* clip-path: path("M0,0v269.5c1.1-1.7,76.1-112.1,76.1-134.9S0,0,0,0Z"); */
            /* clip-path: path("M0,0v385c1.6-2.4,108.6-160.2,108.6-192.7S0,0,0,0Z"); */
            clip-path: var(--triangle);
            z-index: 1;
        }
        .exchange_apply_area2 .step_list:first-of-type {
        }
        .exchange_apply_area2 .step_list:nth-of-type(2)::before {
            /* background-color: #CFEBFF; */
            background-color: #B5FFC0;
        }
        .exchange_apply_area2 .step_list:nth-of-type(3)::before {
            /* background-color: #E5F2FB; */
            background-color: #CFFFD1;
        }
        .exchange_apply_area2 .step_list:nth-of-type(4)::before {
           background-color: #E5FBE8;
        }
        .exchange_apply_area2 .step_list:nth-of-type(4)::after {
            /*position: absolute;
            content: "";
            top: 0;
            right:0px;
            height: 100%;
            width:calc(var(--triangle_width) * 1);*/ /* 46.45px , 4.6875vw , 90.00px */
            /* background-color: #fff; */
        }


   
}


















/* =========================================================================== */
/* (校內)學伴申請 */
/* =========================================================================== */

.exchange_apply_area3{
    
}
    .exchange_apply_area3 .step_area{
        
    }
		.exchange_apply_area3 .title {
            background: #F68D8D;
        }

        .exchange_apply_area3 .step_list {
            /* width: calc(100% / 4); */
        }
        .exchange_apply_area3 .step_list:first-of-type {
            background-color: #ffffff00;
        }
        .exchange_apply_area3 .step_list:nth-of-type(2) {
            background-color: #FFB5B5;
        }
        .exchange_apply_area3 .step_list:nth-of-type(3) {
            background-color: #FFCFCF;
        }
        .exchange_apply_area3 .step_list:nth-of-type(4) {
            background-color: #FBE5E5;
        }


/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .exchange_apply_area3 .step_area{
        position: relative;
    }
    .exchange_apply_area3 .step_area::after {
        position: absolute;
        content: "";
        top: 0;
        right: 1px;
        height: 100%;
        width:calc(var(--triangle_width) * 1); /* 46.45px , 4.6875vw , 90.00px */
        background-color: #FBE5E5;
        clip-path: var(--triangle);
    }


    .exchange_apply_area3 .step_list {
        /* width: calc(100% / 4);
        position: relative; */
    }
    .exchange_apply_area .step_list:last-of-type .description{  
    }

        .exchange_apply_area3 .step_list::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0px;
            height: 100%;
            width:calc(var(--triangle_width) * 0.9); /* 46.45px , 4.6875vw , 90.00px */
            /* clip-path: path("M0,0v269.5c1.1-1.7,76.1-112.1,76.1-134.9S0,0,0,0Z"); */
            /* clip-path: path("M0,0v385c1.6-2.4,108.6-160.2,108.6-192.7S0,0,0,0Z"); */
            clip-path: var(--triangle);
        }
        .exchange_apply_area3 .step_list:first-of-type {
        }
        .exchange_apply_area3 .step_list:nth-of-type(2)::before {
            /* background-color: #CFEBFF; */
            /* background-color: #B5E1FF; */
        }
        .exchange_apply_area3 .step_list:nth-of-type(3)::before {
            /* background-color: #E5F2FB; */
            background-color: #FFB5B5;
        }
        .exchange_apply_area3 .step_list:nth-of-type(4)::before {
           background-color: #FFCFCF;
        }
        .exchange_apply_area3 .step_list:nth-of-type(4)::after {
            position: absolute;
            content: "";
            top: 0;
            right:0px;
            height: 100%;
            width:calc(var(--triangle_width) * 1); /* 46.45px , 4.6875vw , 90.00px */
            background-color: #fff;
        }
            /*  */


   
}




/*==========服務項目_交換生系統_第01塊==========*/


.exchange_container_01{	
	position: relative;
	padding-bottom: 25px;
    background: linear-gradient(0deg, #fff, #D3ECFE);
    margin-top: 1.875rem;
    padding-bottom:6.25rem;
}
.exchange_container_01::before{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 80%;
    height: 80%;
    /* background-image: url(../service/images/submission/submission_bg_01.svg); */
	background-image: url(https://www.geneinfo.com.tw/uploads/root/service/images/submission/submission_bg_01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    z-index: -1;
}
	.exchange_container_01 .wrap ,
	.exchange_container_02 .wrap{	
		width: 80%;
	}

		.exchange_container_about{
			display: flex;
			flex-wrap: wrap;
			align-items: center;	
			justify-content: space-between;	
			/* padding: 30px 0; */
		}
		.exchange_container_about:nth-of-type(2n){
			flex-direction: row-reverse;	
			margin-top: -13%;
		}

			.exchange_about_description{
				box-sizing: border-box;
				width: 45%;
				/* font-size: 24px; */
				font-size:min(max(1.05vw, 18px), 24px);  /*字體大小 1.05vw、最小值 18px、最大值 24px*/
				line-height: 1.7;
				color: #676767;
				font-weight: 600;
				padding: 30px 0;
			}

			.exchange_container_about:nth-of-type(2n+1) .exchange_about_description{
				/* padding-left: 13%;
				margin-top: -13%; */
			}
			.exchange_container_about:nth-of-type(2n) .exchange_about_description{	
				padding-right: 13%;
			}
            .exchange_about_description .icons{
                margin-top: 1.25rem;
                display: flex;
                justify-self: start;
                gap: clamp(1.25rem,1.5625vw,1.875rem );
                width: 15%;
            }
            .exchange_about_description img{
                width: 80%;
                height: auto;
            }


			.exchange_about_img{
				box-sizing: border-box;
				width: 50%;
			}
				.exchange_about_img img{	
					width: 100%;
					height: auto;	
				}


		


/* @media(max-width: 1440px) {
	.submission_container_01 .wrap {
		width: 70%;
	}
} */

@media(max-width:1280px) {

	.exchange_container_01 .wrap ,
	.exchange_container_02 .wrap{	
		width: 85%;
	}

		.exchange_container_about:nth-of-type(2n){
			/* margin-top: -2%; */
		}

		.exchange_container_about:nth-of-type(2n+1) .exchange_about_description{
			padding-left: 5%;
			margin-top: -6.5%;
		}
		.exchange_container_about:nth-of-type(2n) .exchange_about_description{	
			padding-right: 5%;
		}


}

@media(max-width:990px) {

	.exchange_container_01 .wrap ,
	.exchange_container_02 .wrap{	
		width: 95%;
	}
		/* .submission_container_about:nth-of-type(2n){
			margin-top: 0;
		} */
			.exchange_container_about:nth-of-type(2n+1) .exchange_about_description{
				padding-left: 0%;
				margin-top: 0;
			}
			.exchange_container_about:nth-of-type(2n) .exchange_about_description{	
				padding-right: 0%;
			}


}

@media(max-width:640px) {

	.exchange_container_01 ,
	.exchange_container_02 {
		padding-bottom: 30px;
	}

		.exchange_container_01 .wrap ,
		.exchange_container_02 .wrap{	
			/* width: 95%; */
		}
			.exchange_container_about:nth-of-type(2n){
				margin-top: 0;
			}
				.exchange_container_about{
					display: block;
					/* padding: 30px 0 0; */
				}
					.exchange_about_description{
						width: 100%;
						padding: 15px 0;
						font-size:min(max(1.25vw, 16px), 24px);  /*字體大小 1.05vw、最小值 16px、最大值 24px*/
					}
					.exchange_about_img{
						max-width: 90%;
						width: 300px;
						margin: 0 auto;
					}

			.exchange_about_description img{
				width: 60%;
			}
			
}	




/*==========服務項目_交換生系統_第02塊==========*/

.exchange_title{
    
		font-weight: 900;
		/* font-size: 60px; */
		line-height: 1.1;
		font-size: min(max(2.9vw, 30px), 60px);  /*字體大小 3.1vw、最小值 30px、最大值 60px*/
		color: #000;
		/* text-align: center; */
		/* margin: 0px 0 60px; */
		margin-bottom: 4%;
		display: flex;
		/* justify-content: center; */
		align-items: center;
	    justify-self: center;
}




.exchange_container_02{	
	position: relative;
    padding-bottom: 6.25rem;
	/* background: linear-gradient(180deg,#dcf3ff 2.08%, #BEEAFF 38.54%, rgba(217, 241, 255, 0) 100%); */
}
	/* .exchange_container_02::before{	
		position: absolute;
		content: "";
		background-image: url(../service/images/submission/submission_bg_04.svg);
		background-image: url(https://www.geneinfo.com.tw/uploads/root/service/images/submission/submission_bg_04.svg);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: cover;
		width: 75%;
		height: 100%;
		left: 0;
		bottom: 0;
		z-index: 0;
	} */

	.exchange_container_02 > .wrap{
		position: relative;
		z-index: 3;
	}

	.exchange_feature_area{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -25px -50px;
	}

		.exchange_feature_list{
			width: 50%;
			box-sizing: border-box;
			padding: 0 25px 50px;
		}
                                    
            .exchange_feature_card{
				background-color: #fff;
				padding: 35px 25px 25px;
				border-radius: 30px;
				box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.30);
				height: calc(100% - (35px + 25px));

				display: flex;
				flex-direction: row;
				gap: 1.25rem;
				
			}
                                        
                .exchange_feature_card_text{	
					flex-grow: 1;				
				}
					.exchange_feature_card_text h3{
						padding: 0;
						margin: 0;
						margin-bottom: 20px;
						color: #2C43B8;
						/* font-size: 30px; */
						font-size: min(max(1.6vw, 24px), 30px);  /*字體大小 1.6vw、最小值 20px、最大值 30px*/
						font-weight: bolder;
					}
					.exchange_feature_card_text .text{
						line-height: 1.5;
						font-size:min(max(1.05vw, 16px), 24px);  /*字體大小 1.05vw、最小值 18px、最大值 24px*/
						font-weight: bold;
						color: #000;
					}
            
				.exchange_feature_card_image{
					
					margin-left: auto;
					padding-top: 10px;
                    margin: auto 0;
					
				}
					.exchange_feature_card_image img{
						width: 100%;
						height: auto;
					}
/*==========服務項目_交換生系統_第02塊==========*/
@media(max-width:1440px){
    .exchange_feature_card{
		padding: 25px 20px;
		align-items: center;
	}
    } 
	



@media(max-width:990px) {

.exchange_container_02::before{	
	width: 100%;
	/* height: 100%; */
}
	.exchange_feature_area{
		margin: 0 -15px -30px;
		
	}

		.exchange_feature_list{
			padding: 0 15px 30px;
			/* width: 100%; */
		}
			.exchange_feature_card{
				padding: 25px 15px 15px;
				/* border-radius: 15px; */
				height: calc(100% - (25px + 15px));
				
			}           
			
			

    
}
@media(max-width:880px){
    .exchange_feature_area{
		flex-direction: column;
		
	}
		.exchange_feature_list{
			padding: 0 15px 30px;
			width: 100%;
		}
		.exchange_feature_card{
				padding: 20px;
				/* border-radius: 15px; */
				
			}
			
			
		
		

	

    } 
					
					


@media(max-width:540px) {

/*==========服務項目_交換生系統_第03塊==========*/
.exchange_feature_area{
	margin: 0 0px -20px;
	display: block;
}

	.exchange_feature_list{
		padding: 0 0px 20px;
		width: 100%;
	}
		.exchange_feature_card{
			flex-wrap: wrap;
			padding:30px;
			height: auto;
			
		}
			.exchange_feature_card_image {
				width: 40%;
				margin: 0 auto;
			}

	.exchange_about_description .icons{
		width: 25%;
	}
		}