/*========================================================*/
/*-------購物通路樣式--------*/
/*========================================================*/


.order_area{
	margin: 0;
	padding: 0;
	list-style-type : none;
	display: flex;
	flex-direction: row;
	gap: 1.875rem 0; /*30px 0*/
	margin:  0 -0.9375rem;
	flex-wrap: wrap;
}
	.order_area li{
		margin: 0;
		padding: 0;
		list-style-type : none;
		display: block;
		width: 25%;
		padding: 0 0.9375rem;
		display: flex;
		flex-direction: column;
		gap: 0.625rem; /*10px*/
	}
		.order_area .img{
			
		}
			.order_area .img a{
				position: relative;
				padding-top: 70%;
				display: block;
				overflow: hidden;
			}
				.order_area .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;
				}

		.order_area .title{
			font-weight: 600;
			font-size: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 字體 最小值 18.00px、大小約 1.0417vw、最大值 20.00px */
		}
		.order_area .text_area{
	
		}











@media (max-width: 1280px){
 
	
	
}


@media (max-width: 990px){

	.order_area{
		gap: 1.25rem 0; /*20px 0*/
		margin: 0 -0.625rem; /*0 -10px*/
	}
		.order_area li{
			width: 50%;
			padding: 0 .625rem; /*0 10px*/
			gap: .3125rem; /*5px*/
		}
		
	
}