







.industry_sector_bg{
    display: flex;
    flex-direction: column;
    /* row-gap: clamp(3.226rem, -0.001rem + 5.21vw, 6.25rem); */
	row-gap: clamp(2.5rem, 1.167rem + 2.15vw, 3.75rem);
}



    .industry_sector_bg .text_area{
        
    }


    .industry_sector_bg .right_title4{
        
    }

















.industry_sector_area{
    display: flex;
    flex-wrap: wrap;
    /* row-gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); */
    /* column-gap: 1.5625vw; */
    gap: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
}

    


	
	.industry_sector_list{
		color: var(--dark_color);
		line-height: 1.2;
		width: calc((100% / 2) - (1 * clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem) / 2)); /* 2欄平均寬度，扣除間距 */
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		/* flex-grow: 1; */
	}
	

		.industry_sector_card{
			display: flex;
			position: relative;
			width: 100%;
			font-size: .9375rem; /*15px*/
			flex-grow: 1;
			/* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
			gap: clamp(0.644rem, -0.003rem + 1.04vw, 1.25rem);
		}

		/*沒圖*/
		.industry_sector_list:not(.noImg) .industry_sector_card{
			/* display: grid; */
			/* grid-template-columns:clamp(10.625rem, 10.25rem + 1.88vw, 12.5rem) auto; */
		}
		
		.industry_sector_card:not(:first-of-type){
            /* padding-top: 0; */
			/* border-top: 2px solid var(--dark_color2); */
		}
		.industry_sector_list:first-of-type .industry_sector_card{
			/* border-top: 2px solid var(--dark_color2); */
		}








		.industry_sector_img{
			min-width: clamp(13.313rem, 6.179rem + 11.52vw, 20rem);
		}

			.industry_sector_img a{ 
				width: 100%;
				position: relative;
				aspect-ratio: 3 / 2;
				/* padding-top: 100%;
				border-radius: 10px; */
				display: block;
				overflow: hidden;

				cursor: default;
			}
				.industry_sector_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;
				}

			.industry_sector_img a:hover img{ 
				/* opacity: 0.7 ; */
			}



		/*沒圖*/
		.noImg{

		}
		.noImg .industry_sector_img{
			display: none;
		}
		.noImg .industry_sector_left{
			width: 100%;
		}




		.industry_sector_left{
			display: flex;
			flex-direction: column;
			gap: clamp(0.581rem, 0.472rem + 0.54vw, 1.125rem);
			/* width: 100%; */
			/* padding: 0.6250rem; */
			/* justify-content: space-between; */
			/* flex-grow: 1; */
		}


		
			.industry_sector_date{
				color: var(--dark_color);
				font-family: var(--foreign_font);
				white-space: nowrap;
				font-size: inherit;		
			}
				.industry_sector_date_dot{
					/* display: inline-block;
					width: 10px;
					height: 10px;
					background-color: var(--fourth_color);
					border-radius: 50%;
					margin-right: 25px; */
					display: none;
				}

			.industry_sector_tag_wrap{
			}
				.industry_sector_tag{
					display: inline-block;
					vertical-align: top;					
					text-align: center;
					color: #fff;
					/* white-space: nowrap; */
					font-size: .8125rem;
					text-align: center;					
				}
				.industry_sector_tag a{
					min-width: 7.5rem; /*120*/
					text-align: center;
					font-size: inherit;				
					color: inherit;					
					display: inline-block;		
					text-decoration: none;
					background: var(--dark_color2);
					padding: .3125rem 0;

					cursor: default;
				}
				.industry_sector_tag a:hover{					
					/* background: var(--primary_color);	 */
				}


			.industry_sector_title{
				font-size: inherit;		
				line-height: 1.4;
			}
				.industry_sector_title a{	
					color: var(--primary_color);
					font-size: 1rem;

					/* font-size: inherit;						
					color: inherit;	 */
					display: block;					
					text-decoration: none;

					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 3;	
					overflow: hidden;
					font-weight: bold;

					cursor: default;
				}
				.industry_sector_title:hover a{					
					/* color: var(--second_color);	 */
				}


			.industry_sector_list .description{
				line-height: 1.4;
				/* word-break: break-all; */
				font-size: inherit;						
				color: inherit;	
				display: -webkit-box;
				-webkit-box-orient: vertical;	
				/* -webkit-line-clamp: 4;	 */
				-webkit-line-clamp: 6;	
				overflow: hidden;	
			}


			.industry_sector_btn{
                color: var(--primary_color);
                line-height: 1;
                /* margin-top: 0.625rem; */
                font-weight: bold;
                display: flex;
                justify-content: flex-end;
                display: none;
   }
				.industry_sector_btn a{
					color: inherit;
                    font-size: inherit;
                    line-height: inherit;
                    position: relative;
                    padding-right: 2.5rem;
                    text-align: left;
                    transition: 0.5s;
                    display: inline-block;
                    text-decoration: none;
				}
				


	  .industry_sector_btn:hover a{
		padding-left: 0.625rem; /*10px*/
		padding-right: 3.125rem; /*50px*/
	  }
	  .industry_sector_btn a:before,
	  .industry_sector_btn a:after {
		display: block;
		content: "";
		position: absolute;
		background-color: var(--primary_color);
	  }
	  .industry_sector_btn a:before {
		bottom: 0.3125rem; /*5px*/
		right: 0.3125rem; /*5px*/
		width: 1px;
		height: 0.75rem; /*12px*/
		transform: rotate(135deg);
	  }
	  .industry_sector_btn a:after {
		bottom: .375rem; /*v*/
		right: 0;
		width: 1.875rem; /*30px*/
		height: 1px;
	  }





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

	/*火狐跑版問題*/
	/* .firefoxBrowser .industry_overview_area {
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
		gap: clamp(0.9678rem, 1.5625vw, 1.8750rem);
	}
  
		.firefoxBrowser .industry_overview_area li{
			width: 100%;
		} */
	
	
}




				
@media (max-width: 990px){	

	.industry_sector_list{
		/*width: calc((100% / 2) - (1 * clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem) / 2));*/ /* 2欄平均寬度，扣除間距 */
	}
	
}

			
				
@media (max-width: 860px){	

	.industry_sector_list{
		width: 100%; 
	}
		.industry_sector_card{
			/*flex-wrap: wrap;
			gap: 0.625rem 0.9375rem; *//*10px 15px*/
			/*padding: 0 0 1.25rem;*/ /*20px 0*/
		}
		.industry_sector_title{
			width: 100%;
		}

}

@media (max-width: 640px){	


	.industry_sector_area{
		row-gap: 1.5625rem;
	}

		.industry_sector_card{
			display: flex;
			flex-direction: column;
		}

			.industry_sector_img{
				min-width: unset;
				width: 100%;
			}

	/* .industry_sector_card ,
	.industry_sector_list:not(.noImg) .industry_sector_card{
		display: flex;
		flex-direction: column;
	}
	
		.industry_sector_img {
			width: 100%;
		} */




}








