@charset "utf-8";
#main .search_list {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1919px;
	background-image: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)),url(../img/search/bg2.webp);
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	box-sizing: border-box;
/*	background-color: #FAFAFA; */
}

#main #search_order{
	display: table;
	width: calc(100% - 1px);
	max-width: 1250px;
	margin: 0 auto;
	padding-top: 30px;
	box-sizing: border-box;
}

#main #search_order li {
	display: block;
	box-sizing: border-box;
}
#search_order .o1{
	float: right;
	display: inline-block;
    line-height: 18px; /* 與 .o2 的 line-height 一致 */
    padding-right: 10px;
}


#search_order .o2 {
    display: inline-flex;
    font-size: 18px;
}

#search_order .o2 input[type="radio"] {
    display: none; /* 隱藏原本的 radio 按鈕 */
}

#search_order .o2 span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #000;
    display: inline-block;
    z-index: 0;
    position: relative;
    z-index: 0;
    margin-top: 1px;
    margin-right: 1px;
}

#search_order .o2 input[type="radio"]:checked + span:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f95800;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#search_order .o3 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: var(--letterSpacing30);
	float: left;
	padding-left: 10px;
}

#main #search_list01 {
	display: block;
	width: calc(100% - 1px);
	margin: 0 auto;
}
#main #search_list01 #search_title{
	max-width: 1250px;
	width: 100%;
	margin: 0 auto;
}
#main #search_list01 .list_grup {
    transition: background-color 0.3s ease; /* 平滑的背景變化 */
    overflow: hidden;
    padding: 1px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #bfbfbf;
	max-width: 1250px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
/*	box-sizing: border-box;*/
}
#main #search_list01 .list_grup:hover {
	background-color: #f95800;
	transition: color 0.3s ease, background-color 0.3s ease;
	border-radius: 15px;
	padding: 1px 10px;
	color: #FFF;
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
}
#main #search_list01 .list_grup:hover a{
	color: #FFF;
}
#main #search_list01 .list_grup:hover .drop_trigger .menu-trigger span{
	background-color: #FFF;
}
#main #search_list01 .list_grup:hover .no_trigger .menu-trigger span{
	background-color: #FFF;	
}
#main #search_list01 .list_grup:hover .wdy_r{
	color: #FFF;
}
#main #search_list01 .list_grup:hover .arrow:before,
#main #search_list01 .list_grup:hover .arrow:after {
  background: #ffffff; /* 滑鼠懸停時變白色 */
}
#main #search_list01 .list_grup:hover .arrow_rk{
  color: #f95800;
  background-color: #fff;
}
#main #search_list01 .list_grup:hover .grup_st_f {
	color: #fff;
}
#search_list01 li {
	display: block;
}

#search_list01 .li_title {
	font-size: 20px;
	line-height: 50px;
}

#search_list01 .li_list {
	font-size: 20px;
	line-height: 50px;
}

#search_list01 .li_end {
	line-height: 15px;
}

#search_list01 .title_leav_dt {
	text-align: center;
	width: 160px;
	border-bottom: 1px solid #bfbfbf;
	float: left;
}
#search_list01 .title_plus {
	text-align: center;
	width: 65px;
	border-bottom: 1px solid #bfbfbf;
	float: left;
}
#search_list01 .title_dy {
	text-align: center;
	width: 65px;
	border-bottom: 1px solid #bfbfbf;
	float: left;
}
#search_list01 .title_GRUP_NM {
	width: calc(100% - 485px);
	border-bottom: 1px solid #bfbfbf;
	overflow: hidden;
	float: left;
}
#search_list01 .title_CURR_AM {
	text-align: center;
	width: 130px;
	border-bottom: 1px solid #bfbfbf;
	float: left;
}
#search_list01 .title_GRUP_ST {
	text-align: center;
	width: 65px;
	border-bottom: 1px solid #bfbfbf;
	float: right;
}
#search_list01 .list_leav_dt {
	text-align: center;
	width: 160px;
	float: left;
}
#search_list01 .list_leav_dt .wdy_r{
	color: red;
}
#search_list01 .list_plus {
	text-align: center;
	width: 65px;
	float: left;
}
#search_list01 .list_dy {
	text-align: center;
	width: 65px;
	float: left;
}

#search_list01 .arrow {
  width: 25px;
  height: 25px;
  display: inline-block; /* 確保箭頭是 inline 的 */
  overflow: hidden;
  position: relative; /* 為子元素提供定位基準 */
  vertical-align: middle; /* 垂直對齊文字 */
}

#search_list01 .arrow:before,
#search_list01 .arrow:after {
  content: "";
  position: absolute; /* 改用絕對定位，取代 grid */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f95800;
  clip-path: polygon(0 8px,calc(100% - 10px) 8px,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,calc(100% - 10px) calc(100% - 8px),0 calc(100% - 8px));
  animation: a5 1s infinite;
  transform: translate(calc(0% + var(--s,0%)));
}

#search_list01 .arrow:after {
  --s: -100%;
}

@keyframes a5 {
  80%,
  100% {
    transform: translate(calc(100% + var(--s, 0%)));
  }
}
#search_list01 .arrow_rk {
  color: #FFF;
  font-size: 20px;
  line-height: 22px;
  background-color: #f95800;
  border-radius: 10px;
  padding: 5px 10px;
  margin-left: 5px;
  box-sizing: none;
  display: inline-block; /* 確保箭頭是 inline 的 */
  overflow: hidden;
  position: relative; /* 為子元素提供定位基準 */
  vertical-align: middle; /* 垂直對齊文字 */
}

#search_list01 .list_GRUP_NM {
	width: calc(100% - 485px);
	float: left;
}

#search_list01 .list_CURR_AM {
	text-align: center;
	width: 130px;
	float: left;
}
#search_list01 .list_GRUP_ST {
	text-align: center;
	width: 65px;
	float: right;
}

#search_list01 .grup_st_f {
	color: red;
}
#search_list01 .grup_st_push {
	color: blue;
}
#search_list01 .list_line1 {
	display: none;
}
#search_list01 .list_line2 {
	display: none;
}
#search_list01 .end_Page {
	padding: 25px 0;
	box-sizing: border-box;
}
#search_list01 .end_Page {
	text-align: center;
	width: 100%;
	clear: both;
	font-size: 18px;
	box-sizing: border-box;
}
#search_list01 .curr_Page{
	color: #f95800;
	font-weight: 600;
	height: 20px;
	display: inline-block;
  	font-size: 18px;
  	line-height: 25px;
  	padding: 0;
  	margin: 0 10px;
	box-sizing: border-box;	
}
#search_list01 .end_Page a{
	color: #000;
	font-size: 18px;
}

#search_list01 .end_Page a:hover{
	font-size: 18px;
	line-height: 20px;
	background-color: #ff4500;
	transition: color 0.3s ease, background-color 0.3s ease;
	border-radius: 5px;
	padding: 5px 0;
	color: #FFF;
}
.GO_P {
	height: 20px;
	display: inline-block;
	color: #000;
  	font-size: 18px;
  	line-height: 25px;
  padding: 0;
  margin: 0 10px;
	box-sizing: border-box;
}
.GO_PP {
	width: 18px;
	height: 20px;
	display: inline-block;
	color: #000;
  	font-size: 30px;
  	line-height: 25px;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
  	text-align: center;
 	vertical-align: top;
	box-sizing: border-box;
}
#search_list01 .end_Page a:hover .GO_P{
	color: #FFF;
}
#search_list01 .end_Page a:hover .GO_PP{
	color: #FFF;
}
#search_list01 .drop_trigger { /* + */
	display: inline-block;
}


#search_list01 .drop_trigger .menu-trigger,
#search_list01 .drop_trigger .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
}

#search_list01 .drop_trigger .menu-trigger {
		position: relative;
		width: 19px;
		height: 14px;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
}

#search_list01 .drop_trigger .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		border-radius: 4px;
}

#search_list01 .drop_trigger .menu-trigger span:nth-of-type(1) {
		top: 0;
		-webkit-transform: translateY(9px) rotate(0deg);
		transform: translateY(9px) rotate(0deg);
}

#search_list01 .drop_trigger .menu-trigger span:nth-of-type(2) {
		top: 9px;
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg);
}

#search_list01 .drop_trigger .menu-trigger span:nth-of-type(3) {
		bottom: 0;
		opacity: 0;
}

#search_list01 .no_trigger { /* - */
	display: inline-block;
}

#search_list01 .no_trigger .menu-trigger,
#search_list01 .no_trigger .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
}

#search_list01 .no_trigger .menu-trigger {
		position: relative;
		width: 19px;
		height: 14px;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
}

#search_list01 .no_trigger .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		border-radius: 4px;
}

#search_list01 .no_trigger .menu-trigger span:nth-of-type(1) {
		top: 0;
		opacity: 0;
}

#search_list01 .no_trigger .menu-trigger span:nth-of-type(2) {
		top: 9px;
		-webkit-transform: translateY(0px) rotate(0deg);
		transform: translateY(0px) rotate(0deg);
}

#search_list01 .no_trigger .menu-trigger span:nth-of-type(3) {
		bottom: 0;
		opacity: 0;
}

@media all and (min-width: 1024px) and (max-width: 1320px)  {
	#main .search_list {
		min-width: 900px;
	}

	#main #search_order{
		padding-top: 15px;
		width: calc(100% - 10px);
	}

	#search_order .o3 {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: var(--letterSpacing30);
		padding-left: 5px;
	}

	#main #search_list01 {
		width: calc(100% - 10px);
	}
	#main #search_list01 #search_title{
	}
	#main #search_list01 .list_grup {
	}
	#main #search_list01 .list_grup:hover {
		border-radius: 10px;
		padding: 5px 0;
		width: 100%;
	}

	#search_list01 li {
		display: block;
		float: left;
		font-size: 18px;
	}

	#search_list01 .li_title {
		font-size: 18px;
		line-height: 45px;
	}

	#search_list01 .li_list {
		font-size: 18px;
		line-height: 45px;
	}
	#search_list01 .li_end {
		line-height: 15px;
	}

	#search_list01 .title_leav_dt {
		text-align: center;
		width: 140px;
		border-bottom: 1px solid #bfbfbf;
	}
	#search_list01 .title_plus {
		text-align: center;
		width: 55px;
		border-bottom: 1px solid #bfbfbf;
	}
	#search_list01 .title_dy {
		text-align: center;
		width: 55px;
		border-bottom: 1px solid #bfbfbf;
	}
	#search_list01 .title_GRUP_NM {
		width: calc(100% - 390px);
		border-bottom: 1px solid #bfbfbf;
	}
	#search_list01 .title_CURR_AM {
		text-align: center;
		width: 80px;
		border-bottom: 1px solid #bfbfbf;
	}
	#search_list01 .title_GRUP_ST {
		text-align: center;
		width: 60px;
		border-bottom: 1px solid #bfbfbf;
	}

	#search_list01 .list_leav_dt {
		text-align: center;
		width: 140px;
	}
	#search_list01 .list_plus {
		text-align: center;
		width: 55px;
	}
	#search_list01 .list_dy {
		text-align: center;
		width: 55px;
	}
	#search_list01 .list_GRUP_NM {
		width: calc(100% - 390px);
	}
	#search_list01 .list_GRUP_NM a{
		color: #000;
	}
	#search_list01 .list_CURR_AM {
		text-align: center;
		width: 80px;
	}
	#search_list01 .list_GRUP_ST {
		text-align: center;
		width: 60px;
	}
	#search_list01 .list_GRUP_ST a{
		color: #000;
	}
	#search_list01 .list_line1 {
		display: none;
	}
	#search_list01 .list_line2 {
		display: none;
	}
	#search_list01 .drop_trigger .menu-trigger {
			position: relative;
			width: 16px;
			height: 12px;
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}

	#search_list01 .drop_trigger .menu-trigger span {
			position: absolute;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #000;
			border-radius: 4px;
		}

	#search_list01 .drop_trigger .menu-trigger span:nth-of-type(1) {
			top: 0;
			-webkit-transform: translateY(8px) rotate(0deg);
			transform: translateY(8px) rotate(0deg);
		}

	#search_list01 .drop_trigger .menu-trigger span:nth-of-type(2) {
			top: 9px;
			-webkit-transform: translateY(0) rotate(90deg);
			transform: translateY(0) rotate(90deg);
		}

	#search_list01 .drop_trigger .menu-trigger span:nth-of-type(3) {
			bottom: 0;
			opacity: 0;
		}

	#search_list01 .no_trigger .menu-trigger {
			position: relative;
			width: 16px;
			height: 12px;
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}

	#search_list01 .no_trigger .menu-trigger span {
			position: absolute;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #000;
			border-radius: 4px;
		}

	#search_list01 .no_trigger .menu-trigger span:nth-of-type(1) {
			top: 0;
			opacity: 0;
		}

	#search_list01 .no_trigger .menu-trigger span:nth-of-type(2) {
			top: 8px;
			-webkit-transform: translateY(0px) rotate(0deg);
			transform: translateY(0px) rotate(0deg);
		}

	#search_list01 .no_trigger .menu-trigger span:nth-of-type(3) {
			bottom: 0;
			opacity: 0;
		}
	
}
@media all and (min-width: 768px) and (max-width: 1023px)  {
	#search_list01 .li_list {
		font-size: 18px;
		line-height: 35px;
	}
	#search_list01 .list_leav_dt {
		text-align: left;
		width: 200px;
		border-top: 0;
		border-bottom: 0;
		float:left;
	}
	#search_list01 .list_GRUP_NM {
		width: calc(100% - 100px);
		float:left;
	}
	#search_list01 .list_GRUP_NM a{
		color: #000;
	}
	#search_list01 .list_CURR_AM {
		text-align: right;
		width: 70px;
		float:right;
	}
	#search_list01 .list_GRUP_ST {
		float: right;
		text-align: right;
		width: 70px;
	}
	#search_list01 .list_GRUP_ST a{
		color: #000;
	}
	#search_list01 .end_Page {
		padding: 10px 0;
	}
}
@media all and (min-width: 0) and (max-width: 767px)  {
	#main {
		top: 66px;
		min-width: auto;
		width: 100%;
		height: calc(100% - 66px);
	}
	#search_list01 .li_list {
		font-size: 18px;
		line-height: 30px;
	}
	#search_list01 .list_leav_dt {
		text-align: left;
		width: 200px;
		border-top: 0;
		border-bottom: 0;
		float:left;
	}
	#search_list01 .list_GRUP_NM {
		width: calc(100% - 85px);
		border-top: 0;
		border-bottom: 0;
		float:left;
	}
	#search_list01 .list_GRUP_NM a{
		color: #000;
	}
	#search_list01 .list_CURR_AM {
		text-align: right;
		width: 85px;
		border-top: 0;
		border-bottom: 0;
		float:right;
	}
	#search_list01 .list_GRUP_ST {
		float: right;
		text-align: right;
		width: 85px;
		border-top: 0;
		border-bottom: 0;
	}
	#search_list01 .end_Page {
		padding: 10px 0;
		font-size: 12px;
	}
	#search_list01 .curr_Page{
	  	font-size: 17px;
	  	line-height: 25px;
	  	padding: 0;
	  	margin: 0 2px;
	}
	#search_list01 .end_Page a{
		font-size: 17px;
	}
	#search_list01 .end_Page a:hover{
		font-size: 17px;
		line-height: 20px;
		border-radius: 4px;
		padding: 3px 2px;
	}
	.GO_P {
		height: 20px;
		color: #000;
	  	font-size: 17px;
	  	line-height: 25px;
	  	padding: 0;
	  	margin: 0 3px;
	}
	.GO_PP {
		width: 18px;
		height: 20px;
	  	font-size: 30px;
	  	line-height: 25px;
	}
}
@media all and (min-width: 0) and (max-width: 1023px)  {
	#main .search_list {
		min-width: auto;
		width: 100%;
	}
	#main #search_order{
		width: 100%;
		padding:15px 0 5px;
	}
	#search_order .o1{
	    margin-top: 5px;
	    line-height: 17px; /* 與 .o2 的 line-height 一致 */
	    padding-right: 15px;
	}

	#search_order .o2 {
	    font-size: 17px;
	}

	#search_order .o2 span {
	    width: 14px;
	    height: 14px;
	    margin-top: 1px;
	    margin-right: 1px;
	}

	#search_order .o2 input[type="radio"]:checked + span:before {
	    width: 8px;
	    height: 8px;
	}

	#search_order .o3 {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: var(--letterSpacing20);
	}
	#main #search_order li {
		display: block;
		box-sizing: border-box;
	}
	#main .search_list{
		width: 100%;
		height: auto;
	}
	#main #search_list01 {
		width: calc(100% - 20px);
		height: auto;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#main #search_list01 #search_title{
		display: none;
	}

	#main #search_list01 .list_grup {
		border-top: 0;
		border-bottom: 0;	
	    padding: 10px 5px;
		width: 100%;
	}
	#main #search_list01 .list_grup:hover {
		border-radius: 10px;
		padding: 10px;
		width: 100%;
	}
	#search_list01 .list_line1 {
		display: block;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #bfbfbf;
		float:left;
	}
	#search_list01 .list_line2 {
		display: block;
		width: 100%;
		height: 1px;
		border-top: 1px solid #FFF;
		float:left;
	}
	#search_list01 .list_plus {
		display:none;
	}
	#search_list01 .list_dy {
		display: none;
	}
}