.right_title.job{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.form_btn{
	display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    /* background-color: #344292; */
    background-color: var(--primary_color);
    padding: 10px;
    border-radius: 3px;
    transition: 0.3s ease all;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	
}
a.form_btn:hover{

	transition: 0.3s ease all;
	background-color: var(--third_color);
}
/*/////////////////////////////////////////////////////////*/
/*-------門市資訊區--------*/
/*/////////////////////////////////////////////////////////*/
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;
	display: grid;
	grid-template-columns: repeat(3,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;
        box-sizing: border-box;
        padding: 10px 20px;
		border-radius: 5%;
		box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);
	}
    /* 友站連結_列表 */
	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: 990px){
	.right_title.job{
	display: flex;
	flex-direction: column;
	justify-content: unset;
	align-items: unset;
	gap: .625rem;
}
	

}

@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);
    }

}

/* =============================== */
/* 徵才表單 */
/* =============================== */
.fL_info.inputFile  {

    border-color: #e6e6e600;
    
}
.fL_info.inputFile input {

    height: 42px;
	/* background-color: rgb(254 237 215 / 0.6); */
	background-color: var(--second_color);
	border: none;
    
}
input[type="text"]:focus, input[type="password"]:focus {
	border: unset;
	border-bottom: solid 1px #d5d5d5;
	
}
.inputFile label div {
	background: var(--primary_color);
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	text-align:center;
	width:100px;
	display: inline-block;
	transition:0.3s ease all;
}
	.inputFile label:hover div {
		background: var(--fourth_color);
	}
				/* ----- radio+checkbox選取框--------------------------  */
				.item_RadioCheckArea{
					padding-top: 9px;
					display: flex;
					align-items: center;
					flex-wrap: wrap;		
				}
					.item_RadioCheckArea .item_RadioCheck{
						display: flex;
						align-items: center;
					}
					.item_RadioCheckArea .item_radio,
					.item_RadioCheckArea .item_checkbox {
						position: absolute;
						display: none; 
					}
					
					.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; */
						/* margin-right: 10px; */
						margin: 2px 10px 2px 0;
					}
	
					.item_RadioCheckArea .item_radio + label a,
					.item_RadioCheckArea .item_checkbox + label a {
						text-decoration: none;
						color: var(--primary_color);
					}
					.item_RadioCheckArea .item_radio + label a:hover,
					.item_RadioCheckArea .item_checkbox + label a:hover {
						opacity: 0.5;
					}
					  
						.item_RadioCheckArea .item_radio + label:hover:before,
						.item_RadioCheckArea .item_checkbox + label:hover:before {
							animation-duration: 0.4s;
							animation-fill-mode: both;
							animation-name: hover-color; 
						}
						
						.item_RadioCheckArea .item_radio + label:before,
						.item_RadioCheckArea .item_checkbox + label: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 + label:after,
						.item_RadioCheckArea .item_checkbox + label:after {
							position: absolute;
							display: none;
							content: ''; 
						}
					
					.item_RadioCheckArea .item_radio[disabled] + label,
					.item_RadioCheckArea .item_checkbox[disabled] + label {
						cursor: not-allowed;
						color: #444444;
						/* color: #e4e4e4;  */
					}
					
						.item_RadioCheckArea .item_radio[disabled] + label:hover, 
						.item_RadioCheckArea .item_radio[disabled] + label:before, 
						.item_RadioCheckArea .item_radio[disabled] + label:after,
						.item_RadioCheckArea .item_checkbox[disabled] + label:hover,
						.item_RadioCheckArea .item_checkbox[disabled] + label:before,
						.item_RadioCheckArea .item_checkbox[disabled] + label:after {
							cursor: not-allowed; 
						}
						
						.item_RadioCheckArea .item_radio[disabled] + label:hover:before,
						.item_RadioCheckArea .item_checkbox[disabled] + label:hover:before {
							border: 1px solid #e4e4e4;
							animation-name: none; 
						}
						
						
						.item_RadioCheckArea .item_radio[disabled] + label:before,
						.item_RadioCheckArea .item_checkbox[disabled] + label:before {
							border-color: #e4e4e4; 
						}
					
					.item_RadioCheckArea .item_radio:checked + label:before,
					.item_RadioCheckArea .item_checkbox:checked + label:before {
						animation-name: none; 
					}
					
					.item_RadioCheckArea .item_radio:checked + label:after,
					.item_RadioCheckArea .item_checkbox:checked + label:after {
						display: block; 
					}
					
					.item_RadioCheckArea .item_radio + label:before {
						border-radius: 50%; 
					}
					
					.item_RadioCheckArea .item_radio + label:after {
						/*top: 7px;*/
						/* top: 6px; */
						top: 50%;
						transform: translateY(-50%);
						left: 7px;
						width: 8px;
						height: 8px;
						border-radius: 50%;
						background: var(--primary_color);
					}
					
					.item_RadioCheckArea .item_radio:checked + label:before {
						border: 1px solid #000;
						border-color:var(--primary_color);
					}
					
					.item_RadioCheckArea .item_radio:checked[disabled] + label:before {
						border: 1px solid #c9e2f9; 
					}
					
					.item_RadioCheckArea .item_radio:checked[disabled] + label:after {
						background: #c9e2f9; 
					}
					
					.item_RadioCheckArea .item_checkbox + label:before {
						border-radius: 3px; 						
					}
					
					.item_RadioCheckArea .item_checkbox + label: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-color: #000639;
						border-top: 0;
						border-left: 0; 
					}
					
					.item_RadioCheckArea .item_checkbox:checked + label:before {
						border:var(--primary_color);
						background:var(--primary_color);
					}
					
					.item_RadioCheckArea .item_checkbox:checked[disabled] + label:before {
						border: #c9e2f9;
						background: #c9e2f9; 
					}
					@media (max-width: 540px){


						/*按鈕*/
						.btn_area {
							display: flex;
							justify-content: center;
						}
						
							
					
					}
					.btn_area input:nth-child(2n) {
						background:var(--second_color);
						color: var(--primary_color);
						border-radius: 20px;
						/* border: 1px solid #231815; */
		}