/*匯入共用常見問題css*/
@import url(../style_faq/style_qa.css);
/* ============================================================ */

.titStyle1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}



     button.form_btn{
        background-color: var(--primary_color);
        
        padding: 0 clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
        padding-top: 10px;
        padding-bottom: 10px;

        border-radius: 3px;
        transition: 0.3s ease all;
        text-decoration: none;
        cursor: pointer;
        display: block;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.2;
        color: #fff;
        border: none;
        cursor: pointer;
    }




button.form_btn:hover{
	transition: 0.3s ease all;
	background-color: var(--second_color);
}





@media (max-width: 350px){

     button.form_btn{	
        font-size: clamp(0.75rem, 0.7292vw, 0.875rem); /* 12px , 0.7292vw , 14px */
    }

}



.containerIn{	
	gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
	display: flex;
	flex-direction: column;
}











/*/////////////////////////////////////////////////////////*/
/*-------Jobs Q&A--------*/
/*/////////////////////////////////////////////////////////*/

.qaArea{
	
}



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

.qa_list_tit {
    padding-right: 115px;
}
		/* .qa_list_tit:after {
			position: absolute;
			content: '';
			background: url(../../../images/plus.png) no-repeat;
			right: 20px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 10px;
    		height: 10px;
		}
		.qa_list_tit.show:after {
			background-image:url(../../../images/x.png);
			background-repeat:no-repeat;
		} */

 		.qa_list_tit .read_more {
			position: absolute;
			right: 36px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			font-size: 12px;
			color: #3d3d3d;
		}
		.qa_list_tit .read_more:hover{
			opacity: 0.7;
		}
		.qa_list_tit.show .read_more {
			display: none;
		}



}




/*/////////////////////////////////////////////////////////*/
/*-------門市資訊區--------*/
/*/////////////////////////////////////////////////////////*/
ul.stores_area{	
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	word-wrap: break-word;
	word-break: break-all;
	/* gap: 10px; */
	gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
	display: grid;
	grid-template-columns: repeat(4,1fr);
	
}

    /* 友站連結_列表 */
	ul.stores_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		box-sizing: border-box;	
		display: block;
		width: 33.3%;	
		/* padding: 0 5px 15px; */
        width: 100%;
        border: 1px solid #ccc;
		border-color: var(--primary_color);
        box-sizing: border-box;
        padding: 0.625rem 1.25rem;
		border-radius: 5%;
	}
    /* 友站連結_列表 */
	ul.stores_area li:hover{
		cursor: pointer;
		opacity: 0.5;
		transition: all 0.3s ease;
	}
        .stores_list{
			font-size: 16px;
			line-height: 1.5;
		}
                /* 友站連結_列表_圖 */
				.stores_img{
					box-sizing: border-box;
					position: relative;
					padding-top: 70%;
					overflow: hidden;
					display: block;
				}                                            
					.stores_img img{	
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: contain;
						transition: all 0.3s ease-out;				
					}
                
				/* 門市資訊_列表_標題 */
				ul.stores_area h3.title{
					padding: 0;
					padding-bottom: 5px;
					margin: 0;
					font-size: inherit;	
					line-height: inherit;
					font-weight: inherit;	
					color: inherit;	
					margin: 5px 0;
                    border-bottom: 1px solid #ccc;		
				}

				/* 門市詳細資訊 */
				.store_information{
					font-size: 15px;
					line-height: 1.3;
					display: flex;
					flex-direction: column;
					gap: 5px;
					margin-top: 5px;
				}
					.store_information_list{
						display: flex;
						align-items: center;
						padding: 2px 0;
					}
					.store_information_list.company{
						min-height: 39px;
					}
					.store_information_list.job{
						
					}
					.store_information_list i{
						color: var(--primary_color);
						font-size: 14px;
					}
					.store_information_list h4{
						padding: 0;
						margin: 0;
						line-height: inherit;
						font-weight: inherit;
						color: var(--primary_color);
						padding-left: 5px;
						min-width: 70px;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.store_information_list span{		
					}
						.store_information_list a{	
							color: inherit;	
							display: inline-block;
							text-decoration: none;	
						}
						.store_information_list a:hover{	
							opacity: 0.5;
						}



						


@media (max-width: 1280px){

	ul.stores_area{	
        grid-template-columns: repeat(3,1fr);        
    }

}

@media (max-width: 640px){

	ul.stores_area{
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        word-wrap: break-word;
        word-break: break-all;
        /* gap: 5px; */
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

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

	ul.stores_area{
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        word-wrap: break-word;
        word-break: break-all;
        /* gap: 5px; */
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }

}














.contactArea{
	/*display: flex;
	flex-direction: column;
	gap: 1.0625rem;*/ /*17*/
}

	/* .contactArea .contact_left{		
	}

	.contactArea .contact_right{		
	} */