
/*-------首頁----------------------------------------------------------------------------*/
		


.home_main{

display: flex;

flex-direction: column;

row-gap: clamp(1.45rem, 2.34vw, 2.813rem);
}


	.home_main .banner_area{
		
	}


		.home_main .banner_area .wrap{
			
		}











	/*首頁連結區塊*/
	.index_link_area {
		margin: 0;
		padding: 0;
		list-style-type : none;
		display: block;
		/* padding:.75rem 0rem; */
		/*margin: 0px -7.8px;*/  /*by pekey 20170413*/
		display: flex;
		flex-wrap: wrap;
		gap: clamp(0.741rem, 1.2vw, 1.438rem);
	}
		.i_link {
			margin: 0;
			padding: 0;
			list-style-type : none;
			display: block;
			/* display: inline-block; */
			vertical-align: top;
			/*width: 326px;   */              /*by pekey 20170413*/
			/* box-sizing: border-box; */
			/*padding-top: 20px;*/     /*by pekey 20170413*/
			/* float: left; */                   /*by pekey 20170412*/
			display: flex;
			/* margin: 0 0px .7188rem; */
			width: calc((100% / 3) - (2 * clamp(0.741rem, 1.2vw, 1.438rem) / 3) - 0.0063rem); /* 3欄平均寬度，扣除間距  */
		}


		.i_link:first-of-type {
			/* margin:0px 11.5px 0px 0px ; */
		}
		.i_link:nth-of-type(3) {
			/* margin:0px 0px 0px 11.5px ; */
		}
		.i_link:hover {
			opacity:0.8;
			filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */
		}
			.i_link a{
			    display: block;
			    text-decoration:none;
			    width: 100%;
			}

				.i_link .img{
					width: 100%;
					position: relative;
					aspect-ratio : 531 / 295;
					display: block;
					overflow: hidden;
				}


				.i_link a 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;
				}	







				.i_link_title{
					margin: 0;
					padding: 0;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
					color      : inherit;

				    /*text-align: center;*/   /*修改 by pekey 20170419*/
				    /* padding: 10px 0px; */
				    padding: 0.625rem 0;
				    color: #000000;
				    line-height:1.6;
					
					/*編輯 by pekey 20170412*/
				    font-weight:bold;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: nowrap;
				}
				.i_link:hover  .i_link_title {
					color: #b22222;
				}
				.i_link_text{
					color: #777;
					font-size: 0.938rem;
					line-height: 1.42;
				}





		@media (max-width:1100px){
			/*首頁連結區塊*/
			.index_link_area {
				/*margin: 0px -7.8px; */ /*by pekey 20170413*/
			}
				.i_link {
					/*width: 33.333333%;   */              /*by pekey 20170413*/
					/* padding: 20px 7.8px 7.8px; */     /*by pekey 20170413*/
					/*margin:0px;*/
				}
				.i_link:first-of-type {
					/* margin:0px; */
				}
				.i_link:nth-of-type(3) {
					/* margin:0px; */
				}
		}
		@media (max-width: 874px){
		/*首頁連結區塊*/
		.index_link_area {
			/* margin:0px -10px ; */
		}
			.i_link {
				/*width: 32.70%;*/  /*by  pekey 20170413*/
				/* padding:20px 10px 0px 10px ; */
			}
		}
		@media (max-width: 640px){
		/*首頁連結區塊*/
		.index_link_area {
			/* margin:0px; */
		}
			.i_link {
				width: 100%;
				/* padding:20px 0px 0px 0px ; */
			}
		}
		@media (max-width: 425px){
			
		}


