/*人才招募頁面 style，包含目錄、上方搜尋、側邊搜尋*/



.row-feature.search .container,

.container.t3-mainbody{padding-left:0;padding-right:0;}



.jobs-page .t3-mainbody{padding-top:20px;}



.jobs-page h3{

	font-size: 22px;

	margin-top: 0px;

	margin-bottom: 22px;

}



/*調整 banner 及 上方搜尋模組 顯示情境*/

.view-category .articlepage,

.view-search .articlepage,

.view-article .listpage,

.view-article #mb-search-display,

.view-article #jobs-main-search{display:none;}



/*.view-article #jobs-main-search{display:none;}*/



/*上方搜尋模組*/

.row-feature.search{background: #C1B8A5;padding:16px 20px 0;}

.view-article .row-feature.search{padding:0 20px;}

.searchbox{

	padding: 0 10px;

	display:flex;

	gap:16px;

	flex-wrap: wrap;

	

	& .custom-select-wrapper{

		position: relative;

		display: inline-block;

		

		width: 100%; /* 或你需要的寬度 */

		flex: 0 0 calc((100% - 16px)/2);

	}

	

	& .custom-select-wrapper::after {

		content: "";

		width: 0;

		height: 0;

		border-left: 8px solid transparent;  /* 稍微縮小一點點比較精緻 */

		border-right: 8px solid transparent;

		border-top: 8px solid #646464;

		

		/* 定位在右側 */

		position: absolute;

		right: 13px;

		top: calc(50% - 4px);

		/*transform: translateY(-50%);*/

		

		/* 確保箭頭不會擋住點擊事件 */

		pointer-events: none; 

	}

	

	& select{

		-webkit-appearance: none;

		-moz-appearance: none;

		appearance: none;

		

		

		font-size: 18px;

		height: 46px;

		border:none;

		background:#fff;		

		width:100%;

		padding: 6px 24px;

	}

	

	& select:has(option[value=""]:checked) {

	  color:#646464;

	}



	/* 否則預設就是黑色 */

	& select {

	  color: #000;

	}	

	

}

.row-feature.search input{  

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;  

	

	font-size: 18px;

	height: 46px;

	border:none;

	background:#fff;		

	width:100%;	

    padding: 12px 15px;	

	color:#000;



	width:100%;

	flex: 0 0 calc((100% - 16px)/2);

}



.row-feature.search input::placeholder{

	color:#646464;

	opacity: 1;

}

.row-feature.search input::-webkit-input-placeholder{

	color:#646464;

	opacity: 1;

}

.row-feature.search input::-moz-placeholder {

    color:#646464;

	opacity: 1;

}



.btn-primary{

	background-color: #877450;

    border-color: #fff;

    border-width: 2px;

    font-size: 18px;



	width:100%;

	flex: 0 0 calc((100% - 16px)/2);

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{

	background-color: #877450;

    border-color: #fff;

	text-decoration: underline;

}

#jobs-main-search,.reset.pc{display:none;}



#mb-search-toggle{

	display:none;

	margin-left: -10px;

    margin-right: -10px;

}



#mb-search-toggle.active,

#jobs-main-search.active{display:block;}



#mb-search-display{

	display: flex;

	gap:16px;

	padding: 0 20px;

	margin-bottom:16px;

}



#mb-posloc-display{

    background: #fff;

	padding:20px 20px 0;	

	font-size:18px;

	color:#000;

    display: flex;

    gap: 8px;

    flex-wrap: wrap;	

	

	& a{

		border:1px solid #877450;

		border-radius:40px;

		padding:8px 16px;

		width:fit-content;

		color: #000;

        text-decoration: none;		

	}



	& a:hover{

		text-decoration: underline;

	}	

	

	& span{

		color: #877450;

	}	

}



.view-category #mb-posloc-display a,

.view-search #mb-posloc-display a{

	pointer-events: none;

}	



/*搜尋結果*/

.jobs-page.com_search .t3-sidebar{padding-top:20px;margin-top: 0px;}

.jobs-page .search-results{

	margin-top: 0px;

	

	& .no-result{

		font-size: 20px;

		color: #000;

		margin-bottom: 10px;

	}



	& .no-result.small{

		font-size: 18px;

		color: #000;

	}	

}



/*職缺列表*/

.t3-sidebar{display:none;}

.content-category.dharma-page .job-item,

.search-results div.job-item,

.search-results div:nth-child(even).job-item,

.job-item{	

	background: #EFEEEA;

	margin-bottom:16px;

	padding:0;

	

	& h2{

		border-bottom: none;

		font-size: 22px;

		color: #000;

		font-weight:bold;

		padding-bottom: 0;

		margin-top:0;

		margin-bottom: 20px;	

	}

	

	& a{

		display:block;

		padding:24px 32px;

	}

	

	& .info{

		font-size:16px;

		color: #000;

	}

	

	& a:hover{

		text-decoration:none;

		box-shadow: 0px 2px 12px 0px #0000004D;

		

		& h2{text-decoration:underline;}

	}

} 



/*文章*/

.blog .item-page .tags{display:none;}

.job-text-indent:has(+ .job-text-indent-second),

.job-text-indent-second:has(+ .job-text-indent-second){margin-bottom: 8px;}

.jobs-page .article-header h1{

	color:#000;

	font-size: 25px;

	font-weight: bold;

}



/*右側搜尋模組*/

#jobs-sidebar-search{

	& button{

		min-width:118px;

		border-radius: 32px;

		padding:8px 23px;

		border:1px solid;

		background:transparent;

		font-size:18px;

		color:#000;

	}

	

	& button:is(.selected,:hover){

		background: #877450;

		color:#fff;

	}

	

	& button:hover{text-decoration:underline;}

}



@media (max-width: 1199px) {

	.view-article.jobs-page .article-header h1{font-size: 25px;}

}



@media(max-width: 991px){

	.row-feature.search input{

		padding: 8px 12px;

		height: 40px;		

	}

	.searchbox select{

		padding: 6px 12px;

		height: 40px;

	}		

}

@media(max-width: 767px){

	.t3-mainbody .row{

		margin-left: 0;

		margin-right: 0;		

	}

	.jobs-page .t3-content{

		padding-top:0;

		padding-left:20px;

		padding-right:20px;

	}

	

	#jobs-main-search.active{margin-bottom:16px;}

	.view-article.jobs-page .article-header h1{font-size: 22px;}

}

@media(min-width: 768px){

	.jobs-page .t3-mainbody{padding-top:20px;}

	#jobs-main-search,

	.t3-sidebar,.reset.pc{display:block;}

	#mb-search-toggle,#mb-search-toggle.active,.reset.mb{display:none;}

	.row-feature.search{padding:16px 0;}

	.searchbox{flex-wrap: nowrap;padding: 0px;justify-content: center;}

	.t3-content.col-sm-8{width:454px;padding:20px;}

	.t3-sidebar.col-sm-4{

		width: 294px;

		padding-right: 0;

		padding-left: 44px;			

	}

	.row-feature.search input{max-width:152px;}

	.searchbox .custom-select-wrapper{max-width: 120px;}	

	.btn-primary{max-width:68px;}	

	.jobs-page .search-results .no-result{font-size:25px;}	

}

@media(min-width: 992px){

	.row-feature.search .container,

	.container.t3-mainbody{width: 960px;}		

	.t3-content.col-md-9{width: 660px;}

	.t3-sidebar.col-md-3{

		width: 310px;

		padding-left: 60px;

		padding-right: 0;

	}

	

	.row-feature.search input{max-width: 256px;}	

	.searchbox{

		& .custom-select-wrapper{max-width: 152px;}

		& .custom-select-wrapper::after{right: 24px;}

	} 

	.row-feature.search{padding:24px 0;}

}



@media(min-width: 1200px){

	.jobs-page .t3-mainbody{padding-top:28px;}

	.btn-primary{max-width:84px;}	

}