.pageContent .wrap{
	max-width: 88.75rem;
}
.result_search{
	padding: clamp(1.125rem,1.875vw,2.25rem);
	background-color: #F8F8F8;
	border-radius: 1.25rem;
    box-shadow: 5px 5px 8.5px 0px rgba(0, 0, 0, 0.25);
    
}
.search_area {

}
.search_area .search_content{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 1.25em;
}
.search_area .search_content .search_content_top{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    
    gap: clamp(1.25rem,2.0833vw,2.5rem);
}
.search_area .search_content .search_content_top,
.search_area .search_content .search_content_bottom
{
    width: 100%;
}
    .search_content_top .search_btn_area{
        display: flex;
        align-items: center;
        gap: clamp(.625rem,1.0417vw,1.25rem);
    }
    .search_content_top .search_btn_area .search_btn_item{
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        border: 1px solid #24639D;
        background: linear-gradient(180deg, #FFF 0%, #D3F2FF 100%);
        padding: 0.2625rem  .625rem;
        min-width: 8.75rem;
        gap: .3125rem;
        font-size: 1em;
		cursor: pointer;
    }
	 .search_content_top .search_btn_area .search_btn_item:hover{
        opacity: 0.7;
		transition: all 0.3s ease;
        
    }
    .search_content_top .search_btn_area.last .search_btn_item{
        background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
        min-width: 11.25rem;
		cursor: pointer;
        
    }
    .search_content_top .search_btn_area.last .search_btn_item:hover{
        opacity: 0.7;
		transition: all 0.3s ease;
        
    }
    .search_content_top .search_btn_area.last .search_btn_item.price{
        min-width: unset;
    }
    .search_content_top .search_btn_area .search_btn_item span{
        color: #24639D;
        
        font-weight: 600;
        line-height: normal;
        letter-spacing: 3.2px;
    }
    .search_content_top .search_btn_area .search_btn_item .search_btn_img{
        width: 20px;
        height: 20px;
    }
    .search_content_top .search_btn_area .search_btn_item .search_btn_img img{
        width: 100%;
        height: auto;
    }
.search_area .search_content .search_content_top .search_item{
    display: flex;
    align-items: center;
    gap: clamp(.75rem,1.3021vw,1.5625rem);
    color: #00998E;
}
.search_area .search_content .search_content_top .search_item .item_title{
     
        font-weight: 600;
        line-height: normal;
        letter-spacing: 3.2px;
}
.search_item input, 
.search_item select {
	width: 100%;
	max-width: unset;
	flex: 1;
}
.search_area .btn_area{
		margin-top: 0;
		
	}


@media (max-width: 1550px){
	.search_area .search_content .search_content_top .search_item{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width: 540px){
	.search_area .search_content .search_content_top{
    	grid-template-columns: repeat(1,1fr);
		gap: 1.25em;
	}
	.search_area .btn_area{
		margin-top: 0;
		width: 100%;
	}
	.search_content_top .search_btn_area{
        display: flex;
		flex-direction: column;
        align-items: flex-start;
    }
	.search_area .btn_area input{
		width: 49%;
		min-width: 6.25rem;
		padding:  0 10px;
	}
}

/* =============================== */
/* radio+checkbox選取框 */
/* =============================== */

	@keyframes hover-color {
		from {
			border-color: #c0c0c0; }
		to {
			border-color:  var(--primary_color); } 
	}
		.item_RadioCheckArea{
			padding-top: 0;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: .9375rem;		
		}
			.item_RadioCheckArea .item_RadioCheck{
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				
			}
			  .item_RadioCheckArea .item_radio,
			  .item_RadioCheckArea .item_checkbox {
				  position: absolute;
				  /* display: none;  */
				  position: relative;
				  opacity: 0;
                  display: block;
				  
				  
			  }
			  
			  .item_RadioCheckArea .item_radio[disabled],
			  .item_RadioCheckArea .item_checkbox[disabled] {
				  cursor: not-allowed; 
			  }
			  
			  .item_RadioCheckArea .item_radio + label,
			  .item_RadioCheckArea .item_checkbox + label {
				  position: relative;
				  /*display: block;*/
				  padding-left: 30px;
				  cursor: pointer;
				  vertical-align: middle; 
				  
				  /* font-weight: bold; */

				  font-weight: 500;
				  font-size: inherit;
			  }

			  .item_RadioCheckArea .item_radio + span,
			  .item_RadioCheckArea .item_checkbox + span {
				  position: relative;
				  /*display: block;*/
				  padding-left: 30px;
				  cursor: pointer;
				  vertical-align: middle; 
				  
				  /* font-weight: bold; */

				  font-weight: 400;
				  font-size: inherit;
                  letter-spacing: 3.2px;
			  }
				
				  .item_RadioCheckArea .item_radio + span:hover:before,
				  .item_RadioCheckArea .item_checkbox + span:hover:before {
					  animation-duration: 0.4s;
					  animation-fill-mode: both;
					  animation-name: hover-color; 
				  }
				  
				  .item_RadioCheckArea .item_radio + span:before,
				  .item_RadioCheckArea .item_checkbox + span:before {
					  position: absolute;
					  /*top: 0;*/
					  /* top: -1px; */
					  top: 50%;
					  transform: translateY(-50%);
					  left: 0;
					  display: inline-block;
					  width: 20px;
					  height: 20px;
					  content: '';
					  border: 1px solid #c0c0c0; 
				  }
				  
				  .item_RadioCheckArea .item_radio + span:after,
				  .item_RadioCheckArea .item_checkbox + span:after {
					  position: absolute;
					  display: none;
					  content: ''; 
				  }
			  
			  .item_RadioCheckArea .item_radio[disabled] + span,
			  .item_RadioCheckArea .item_checkbox[disabled] + span {
				  cursor: not-allowed;
				  color: #e4e4e4; 
			  }
			  
				  .item_RadioCheckArea .item_radio[disabled] + span:hover, 
				  .item_RadioCheckArea .item_radio[disabled] + span:before, 
				  .item_RadioCheckArea .item_radio[disabled] + span:after,
				  .item_RadioCheckArea .item_checkbox[disabled] + span:hover,
				  .item_RadioCheckArea .item_checkbox[disabled] + span:before,
				  .item_RadioCheckArea .item_checkbox[disabled] + span:after {
					  cursor: not-allowed; 
				  }
				  
				  .item_RadioCheckArea .item_radio[disabled] + span:hover:before,
				  .item_RadioCheckArea .item_checkbox[disabled] + span:hover:before {
					  border: 1px solid #e4e4e4;
					  animation-name: none; 
				  }
				  
				  
				  .item_RadioCheckArea .item_radio[disabled] + span:before,
				  .item_RadioCheckArea .item_checkbox[disabled] + span:before {
					  border-color: #e4e4e4; 
				  }
			  
			  .item_RadioCheckArea .item_radio:checked + span:before,
			  .item_RadioCheckArea .item_checkbox:checked + span:before {
				  animation-name: none; 
			  }
			  
			  .item_RadioCheckArea .item_radio:checked + span:after,
			  .item_RadioCheckArea .item_checkbox:checked + span:after {
				  display: block; 
			  }
			  
			  .item_RadioCheckArea .item_radio + span:before {
				  border-radius: 50%; 
			  }
			  
			  .item_RadioCheckArea .item_radio + span:after {
				  /*top: 7px;*/
				  /* top: 6px; */
				  left: 7px;

				  top: 50%;
				  transform: translateY(-50%);

				  width: 8px;
				  height: 8px;
				  border-radius: 50%;
				  background:  var(--primary_color); 
			  }
			  
			  .item_RadioCheckArea .item_radio:checked + span:before {
				  border: 1px solid  var(--primary_color); 
			  }
			  
			  .item_RadioCheckArea .item_radio:checked[disabled] + span:before {
				  border: 1px solid #c9e2f9; 
			  }
			  
			  .item_RadioCheckArea .item_radio:checked[disabled] + span:after {
				  background: #c9e2f9; 
			  }
			  
			  .item_RadioCheckArea .item_checkbox + span:before {
				  border-radius: 3px; 
			  }
			  
			  .item_RadioCheckArea .item_checkbox + span:after {
				  top: 2px;
				  left: 7px;
				  box-sizing: border-box;
				  width: 6px;
				  height: 12px;
				  transform: rotate(45deg);
				  border-width: 2px;
				  border-style: solid;
				  border-color: #fff;
				  border-top: 0;
				  border-left: 0; 
			  }
			  
			  .item_RadioCheckArea .item_checkbox:checked + span:before {
				  border:  var(--primary_color);
				  background:  var(--primary_color); 
			  }
			  
			  .item_RadioCheckArea .item_checkbox:checked[disabled] + span:before {
				  border: #c9e2f9;
				  background: #c9e2f9; 
			  }

			  .item_RadioCheckArea .small{
				font-size: 14px;
				display: block;
				font-weight: 400;
			  }
			  label.item_RadioCheck {
				outline: none; /* 不讓外框干擾 */
			}
			input.item_radio:focus + span {
				background-color: var(--focus_color);
				color: #fff;
			}
			


			  /*用js影響css的核選---------------------*/
			.item_RadioCheckArea .item_radio.selected:checked + label:before,
			.item_RadioCheckArea .item_checkbox.selected:checked + label:before {
				animation-name: none; 
			}
			
			.item_RadioCheckArea .item_radio.selected:checked + label:after,
			.item_RadioCheckArea .item_checkbox.selected:checked + label:after {
				display: block; 
			}
			.item_RadioCheckArea .item_radio.selected:checked + label:before {
				border: 1px solid  var(--primary_color); 
			}
			.item_RadioCheckArea .item_checkbox.selected:checked + label:before {
				border:  var(--primary_color);
				background:  var(--primary_color); 
			}

@media (max-width: 1550px){
	.item_RadioCheckArea{
		margin-left: -13px;
	}
}


/* =============================== */
/* 搜尋結果列表 */
/* =============================== */
.result_bottom{
	margin-top: clamp(1.5625rem,2.6042vw,3.125rem);
	
}
.search_bottom_title{
    display: flex;
    align-items: center;
	gap: clamp(.3125rem,0.5208vw,.625rem);
}
.search_bottom_title .search_title_img{
    width: 30px;
    height: 30px;
}
.search_bottom_title .search_title_img img{
    width: 100%;
    height: auto;    
}
.search_title_text{
    color: #24639D;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* =============================== */
/* 搜尋結果列表_方案列表 */
/* =============================== */
.solution_area{
	
	margin-top: clamp(.625rem,1.0417vw,1.25rem);
}
.solution_item_area{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: clamp(.625rem,1.0417vw,1.25rem);
	padding-left: 0;
	list-style-type: none;
}
.solution_item_area li{
	


}
.solution_item_area li a{
	border-radius: 20px;
	background-color: #A8C8F3;
	box-shadow: 5px 5px 8.5px 0px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	color: var(--dark_color);
	display: block;
	font-size: 1em;
	letter-spacing: 3.2px;
}
.solution_item_area li a:hover{
	opacity: 0.7;
	transition: all 0.3s ease;
}
.solution_item_area li .solution_item_title{
	text-align: center;
	padding: clamp(.5625rem,0.9896vw,1.1875rem) 0;
	font-size: 1.3em;
}
.solution_item_area li .solution_img{
	
	max-width: 28.75rem;
}
.solution_item_area li .solution_img span{
	display: block;
	position: relative;
	padding-top: 43.47%;

}
.solution_item_area li .solution_img span img{
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.solution_item_area li .solution_info .solution_name{
	text-align: center;
	color: #1C4E7D;
	font-weight: 600;
	padding: clamp(.4375rem,0.7813vw,.9375rem) 0;
	font-size: 1.15em;
	letter-spacing: 4px;
}
.solution_item_area li a:focus .solution_info .solution_name{
	color: #fff;
}
.solution_item_area li .solution_info .info_bottom{
	padding: clamp(.75rem,1.3021vw,1.5625rem);
	padding-top: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(.4375rem,0.7813vw,.9375rem);
}



@media (max-width: 990px){
	.search_bottom_title .search_title_img{
		width: 20px;
		height: 20px;
	}
	.search_title_text{
		font-size: 1em;
	}
	.solution_item_area li .solution_info .solution_name{
		font-size: 1.15em;
	}
	.solution_item_area li a{
		text-decoration: none;
		font-size: .875em;
		letter-spacing: 3.2px;
}
}
@media (max-width: 768px){
	.solution_item_area{
	
		grid-template-columns: repeat(2,1fr);
	
	}

}
@media (max-width: 640px){
	.solution_item_area{
	
		grid-template-columns: repeat(1,1fr);
	
	}
	.solution_item_area li .solution_img{
	
		max-width: unset;
	}
}

/* =============================== */
/* 方案內頁 */
/* =============================== */
.solution_in_top{
	
}
.solution_in_top .solution_item_in_area{
	border-radius: 20px;
	background: #A8C8F3;
	box-shadow: 5px 5px 8.5px 0px rgba(0, 0, 0, 0.25);
	padding: clamp(1.875rem,3.125vw,3.75rem);
	display: grid;
	grid-template-columns: 3.25fr  3.5fr;
	gap: clamp(1.5625rem,2.6042vw,3.125rem);
}
.solution_item_in_area .solution_in_img{
	max-width: 37.5rem;
}
.solution_item_in_area .solution_in_img span{
	display: block;
	position: relative;
	padding-top: 50%;
}
.solution_item_in_area .solution_in_img span img{
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;
}

/* =============================== */
/* 方案項目內頁_右側資訊 */
/* =============================== */
.solution_in_info{
	width: 100%;
	color: var(--dark_color);
	letter-spacing: 3.2px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: clamp(.625rem,1.0417vw,1.25rem);
	font-size: 1.5em;
}
.solution_in_info .company_name{
	font-size: 0.7em;
}
.solution_in_info .solution_in_name{
	margin-top: -10px;
	font-size: 1.35em;
	color: #1C4E7D;
	font-weight: 600;
	
}
.solution_in_info .solution_type{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.solution_in_info .solution_type .type_area{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: .625rem;
}
.solution_in_info .solution_type .type_area .type_item{
	border-radius: 15px;
	border: 1px solid #24639D;
	background: rgba(255, 255, 255, 0.50);
	padding: .375rem clamp(.375rem,0.625vw,.75rem);
	text-align: center;
	line-height: normal;
	font-size: 0.7em;
	color: var(--primary_color);
	font-weight: 600;
}
.solution_in_info .solution_type,
.solution_in_info .in_price,
.solution_in_info .use_month{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.solution_in_info .buy_btn {
	margin-top: 10px;
}
.solution_in_info .buy_btn button{
	border-radius: 15px;
	border: 1px solid #24639D;
	background: linear-gradient(180deg, #FFF 39.9%, #D3F2FF 100%);
	font-size: 1em;
	padding: clamp(.5rem,1.3542vw,1rem) clamp(.8125rem,1.4063vw,1.6875rem);
	text-align: center;
	letter-spacing: 4.8px;
	font-weight: 600;
	color: var(--primary_color);
	width: 12.875rem;
	max-width: 12.875rem;
	cursor: pointer;
}
.solution_in_info .buy_btn button:hover{
	opacity: 0.7;
	transition: all 0.3s ease;
}
.solution_in_info .buy_btn button:focus{
	background: unset;
	background-color: var(--focus_color) !important;
}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
	.solution_in_info .buy_btn button{
		padding: .875rem 1rem;
	}
	.solution_in_info{
		
		font-size: 1.3em;
	}
}

@media (max-width: 990px){
	.solution_in_top .solution_item_in_area{
	
		grid-template-columns: repeat(1,1fr);
			
	}
	.solution_item_in_area .solution_in_img{
		max-width: unset;
	}
	.solution_in_info{

		font-size: 1em;
	}
	.solution_in_info .solution_in_name{
		margin-top: unset;
		font-size: 1em;

	}
	
}

@media (max-width: 450px){
.solution_in_info .solution_type,
.solution_in_info .in_price,
.solution_in_info .use_month{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: .625rem;
	}
}

/* =============================== */
/* 方案項目下方 */
/* =============================== */
.solution_in_bottom{
	margin-top: clamp(2.5rem,4.1667vw,5rem);
}
.solution_list_title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .625rem;
	/* display: grid; */
	/* grid-template-columns: 30px 150px auto; */
	width: 100%;
	display: flex;
}
.solution_list_title .solution_list_title_img{
	width: 30px;
}
.solution_list_title .solution_list_title_img img{
	width: 100%;
	height: auto;
}
.solution_list_title .solution_list_title_text{
	font-size: 2em;
	color: var(--primary_color);
	font-weight: 600;
	white-space: nowrap;
}
.decoration_area{
	width: 100%;
	display: block;
}
.solution_list_title .decoration_line{
	background-image: url(../../../images/line_1.svg);
	background-repeat: repeat-x;
	background-size: 20px;
	/* min-height: 20px; */
	/* width: 100%; */
	height: 1px;
	min-height: 20px;
}
.solution_text_area{
	margin: clamp(1.25rem,2.0833vw,2.5rem) 0;
}

@media (max-width: 990px){
	.solution_list_title .solution_list_title_text{
		font-size: 1em;
		color: var(--primary_color);
		font-weight: 600;
		white-space: nowrap;
	}
	.solution_list_title .solution_list_title_img{
		width: 20px;
	}
}