/*
*	search css
*	1.PC
*	2.Mobile
*	3.checkbox radio button custom
*	4.button
========================================================*/

/*	1.PC
--------------------------------------------------------*/
.search-box {
	font-size: 0.875rem;
}
.search-box .border-b {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 0.5rem;
}
.fetures{
  /*margin-top:1rem;*/
}
.keyword-box {
	background-color: #fcf8f1;
	padding: 2rem 1rem 1.5rem;
}
#custom-search-input {
	border: solid 1px #78aa0f;
	border-radius: 6px;
	background-color: #fff;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
}

#custom-search-input button {
	background: #78aa0f;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 10px;
	border-left: solid 1px #78aa0f;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#custom-search-input button:hover {
	opacity: 0.7;
}

#custom-search-input .glyphicon-search {
	font-size: 23px;
}

/* searched */
#custom-search-input.c-pink {
	border: solid 1px #FF9999;
	border-radius: 6px;
	background-color: #fff;
}

#custom-search-input.c-pink input {
	border: 0;
	box-shadow: none;
}

#custom-search-input.c-pink button {
	background: #FF9999;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 10px;
	border-left: solid 1px #FF9999;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#custom-search-input.c-pink button:hover {
	opacity: 0.7;
}

#custom-search-input.c-pink .glyphicon-search {
	font-size: 23px;
}

/* tab contents */

.tab-list ul {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 2px solid #78aa0f;
}
	.tab-list ul li {
		background-color: #fff;
		display: inline-block;
		width: 25%;
		margin: 0 0.5rem;
	}
	.tab-list ul li a {
		display: block;
		padding: 0.5rem 0.8rem;
		font-size: 1rem;
		font-weight: bold;
		color: #78aa0f;
		border-radius: 4px 4px 0 0;
		border: 1px solid #78aa0f;
		border-bottom: none;
		
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}
	.tab-list ul li.active a {
		background-color: #78aa0f;
		color: #fff;
	}
	.tab-list ul li a:hover {
		background-color: #78aa0f;
		color: #fff;
	}

.tab-area,
.tab-station,
.tab-work {
	background-color: #fcf8f1;
	padding: 1rem 0.5rem;
}

.tab-station,
.tab-work {
	display: none;
}


.tabbox .card {
	border-radius: 0;
	border: none;
}
.tabbox .card-header {
		background-color: #faeaea;
		border-bottom: none;
		border-radius: 0;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		font-size: 1.2rem;
		padding: 0.3rem 1rem 0.5rem;
}
.tabbox .card-header span.icon {
		font-size: 1.4rem;
		position: relative;
		top: 2px;
		cursor: pointer;
		color: #e70b0b;
}
.tabbox .card-header span.icon:hover {
		color: #FF9531;
}
	
.tabbox .card-header span.icon i {
		font-weight: bold;
}
	
.tabbox .card-block {
		display: none;
	    padding: 1.25rem 1.25rem 1rem;
	}
.tabbox .card-block.train {
		display: none;
	    padding: 0;
	}
	.tabbox .card-block > .card {
		background-color: #fff;
	}	
	.tabbox .card-block .card-header.train {
		background-color: #efefef;
	}
	.tabbox .card-block .card-header {
		background-color: #fff;
		padding: 0.5rem 1rem;
	}
	.tabbox .card-block .card-header i {
		color: #333;
	}
	.tabbox .card-block .card-header i:hover {
		color: #FF9531;
	}
	.tabbox .card-block .card .card-block {
		border-bottom: 1px solid #ccc;
	    padding: 1.25rem 1.25rem 1rem;
	}
.search-detail table {
	border-collapse: separate;
	border: none;
}
	.search-detail table tr,
	.search-detail table th,
	.search-detail table td {
		border: none;
	}
	.search-detail table th {
		text-align: center;
	}
	.search-detail table td {
		background-color: #fff;
	}

	.search-detail ul li {
		float: left;
	    margin-right: 4px;
	    /*margin-bottom: 0.4rem;*/
	    padding: 0;
	    white-space: nowrap;
	    margin-right: 0.5rem;
	    width: 48%;
	    font-size: 0.8rem;
	}
	.search-detail ul.w-size01 li { width:32%; }
	.search-detail ul.w-size02 li { width:23.4%; }
	.search-detail ul.w-size03 li { width:10%; }
	
/* bottom search */
.bottom-search {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
	padding: 1em;
	display: none;
}
	.bottom-search > .container {
		background: #fff;
		border-radius: 4px;
		padding: 0.5em;
	}
	.job-counter span {
    	font-size: 2.2rem;
	}
	.bottom-search ul {
    	padding: 0.8rem;
    	margin-bottom: 0;
	}
	
@media screen and (max-width: 1200px) {
	
	.search-detail ul.w-size01 li,
	.search-detail ul.w-size02 li,
	.search-detail ul.w-size03 li { width:48%; }
	
}

@media screen and (max-width: 720px) {

	.tab-list ul {
		text-align: center;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.tab-list ul li {
		background-color: #fff;
		width: auto;
		margin: 0;
		border-radius: 0px;
		position: relative;
		top: 0;
		border: none;
	}
	.tab-list ul li:first-child {
		border-top: none;
	}
	.tab-list ul li a {
		display: block;
		padding: 0.5rem 0.8rem;
		font-size: 0.9rem;
	}

}

@media screen and (max-width: 640px) {
	.tab-list ul {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.tab-list ul li {
		background-color: #fff;
		width: auto;
		margin: 0;
		border-radius: 0px;
		position: relative;
		top: 0;
		border: none;
	}
	.tab-list ul li:first-child {
		border-top: none;
	}
	.tab-list ul li a {
		display: block;
		padding: 0.5rem 0.8rem;
		font-size: 0.9rem;
	}
	.tab-area,
	.tab-station,
	.tab-work {
		display: none;
	}
	.tab-area,
	.tab-station,
	.tab-work {
		padding: 0;
		border: none;
		border-radius: 0;
	}
	.card-block a,
	.tab-area a,
	.tab-station a,
	.tab-work a {
		display: inline !important;
	}
	
	.tabbox .card-header a.icon {
		font-size: 1.4rem;
		position: relative;
		top: 2px;
		cursor: pointer;
		color: #e70b0b;
	}
	
	.tabbox .card-header a.icon:hover {
		color: #FF9531;
	}
	
	.tabbox .card-header a.icon i {
		font-weight: bold;
	}
}

.table-success,
.table-success > th,
.table-success > td {
	background-color: #eee;
}


/* searched */
table.searched-table {
	
}
table.searched-table th {
	text-align: center;
	background-color: #78aa0f;
	color: #fff;
}
table.searched-table span.selected {
	display: inline-block;
	margin-left: -3rem;
}

@media only screen and (max-width:1200px){

	table.searched-table span.selected {
		margin-left: 0;
	}
	
}
	
@media only screen and (max-width:480px){

	/* searched */
	table.searched-table {
		font-size: 0.8rem;
	}
	table.searched-table th {
		text-align: center;
        vertical-align: middle;
		background-color: #78aa0f;
		color: #fff;
	}
	table.searched-table th,
	table.searched-table td {
		font-size: 0.7rem;
        padding: 0.5rem;
	}
	
	.search-detail ul li {
		float: none;
	    margin-right: 4px;
	    /*margin-bottom: 0.4rem;*/
	    padding: 0;
	    white-space: nowrap;
	    margin-right: 0.5rem;
	    width: auto;
	    font-size: 0.8rem;
	}
}

/*	3.Mobile
--------------------------------------------------------*/
/*  page prefecture */
.slider-box {
	padding: 0.8rem;
	margin-bottom: 2.5rem;
}
.search-box h2 {
	margin: 0;
	border-bottom: none;
	background: #78aa0f;
	color: #fff;
	text-align: center;
	padding: 0.5rem;
}
.search-box .search-keyword {
	padding: 1rem 0.5rem;
}
.search-box a {
	text-decoration: none;
}
/* top all */
.search-box ul.search-list li a {
	padding: 0.8rem;
	display: block;
	border-bottom: 1px solid #ccc;
	//background: #faeaea;
	font-size: 1.1rem;
	font-weight: bold;
	background: #fff;
	color: #333;
}
.search-box ul.search-list li.active,
.search-box ul.search-list li.active a {
	background-color: #fff4f4;
}
	.search-box ul.search-list li a i {
		color: #888;
		font-size: 1.8rem;
		font-size: 2rem;
	}
	.search-box ul.search-list li a i.fixed {
		position: relative;
		top:6px;
	}

	.search-box ul.search-list li > .search-inner {
		display: none;
	}
		.search-box ul.search-list li > .search-inner li {
			border-bottom: 1px dotted #ccc;
		}
		.search-box ul.search-list li > .search-inner li:last-child {
			border-bottom: 1px solid #ccc;
		}
		.search-box ul.search-list li > .search-inner li a {
			border:none;
			background: none;
			margin-left:1rem; 
		}
		.search-box ul.search-list li > .search-inner i {
			color: #5cb85c;
			font-size: 2rem;
			position: relative;
			top:-5px;
		}
		.search-box ul.search-list li > .search-inner label {
			margin-bottom: 0;
		}
	
.list-navi {

}
	.list-navi a {
		display: block;
		padding: 0.5rem;
		background-color: #ffffe2;
		text-align: center;
		border-right: 1px solid #ccc;
		font-size: 0.8rem;
		color: #333;
	}
	.list-navi a.last {
		border-right: 0;
	}
	.list-navi a i {
		font-size: 2.2rem;
	}
	
.search-box .tags1,
.search-box .tags2 {
	padding: 0 0.5rem ;
	font-size: 0.75rem;
}
	.search-box dl[class*="tags"] dt {
		display: inline-block;
		padding: 0.2rem 0.3rem;
		border-radius: 4px;
		color: #fff;
		font-weight: bold;
		float: left;
		margin-right: 0.5rem;
	}
	.search-box .tags1 dt {
		background-color: #e70b0b;
	}
	.search-box .tags2 dt {
		background-color: #ffab00;
	}
	.search-box dl[class*="tags"] dd {
		padding-top: 0.1rem;
		
	}
	.search-box dl[class*="tags"] dd > ul li {
		display: inline-block;	
	}
	.search-box dl[class*="tags"] dd > ul li a {
		font-size: 0.8rem;
	}
	.search-box dl[class*="tags"] dd > ul li:before {
		content: " / ";
		color: #888;
	}
	.search-box dl[class*="tags"] dd > ul li:first-child:before { 
		content: "";
	}
	
/* pref search index */
.search-box .toggle-search.active,
.search-box .toggle-search.active a {
	background-color: #fff4f4;
}
.toggle-search a {
	padding: 0.8rem;
	display: block;
	border-bottom: 1px solid #ccc;
	//background: #faeaea;
	font-size: 1.1rem;
	font-weight: bold;
	background: #fff;
	color: #333;
}
	.search-box .toggle-search a i {
		color: #888;
		font-size: 2rem;
		position: relative;
		top:5px;
	}
	
@media only screen and (max-width:992px){
	
	.search-box h2 {
		margin: 0;
		border-bottom: none;
		background: #FF9999;
		color: #fff;
		text-align: center;
		padding: 0.5rem;
	}
	
	.search-keyword button {
		padding: 0.3rem 1.25rem;
	}
	.search-box ul.search-list {
		margin-bottom: 0;
	}
	.search-box table.search-pref {
		border-top:none;
		border-collapse: collapse;
		margin-bottom: 0;
		max-width:100%;
		background-color: #fff;
	}
    .search-box table.search-pref tr{
        display: block !important;
        background: none !important;
        border:none !important;
    }
    .search-box table.search-pref th,
    .search-box table.search-pref td{
        display: list-item !important;
        list-style: none;
        border: none !important;
    }
    .search-box table.search-pref th {
	    font-weight: bold;
	    font-size: 1rem;
	    padding: 0.5rem 0.8rem;
	    margin-bottom: 0.3rem;
	    border-bottom: 1px solid #ccc !important;
        width: 100%;
        overflow: hidden;
    }
    .search-box table.search-pref th br,
        .search-box table th img {
        display: none;
    }
    .search-box table.search-pref td {
	    padding: 0;
    }
    .search-box table td ul li {
	    padding:0.8rem 0.8rem;
    }
    
    
    .tabbox .card {
    	border-radius: 0;
    	border: none;
    }
    	.tabbox .card-header {
    		background-color: #fff4f4;
    		border-bottom: none;
    		border-radius: 0;
    		border-bottom: 1px solid #ccc;
    		font-weight: bold;
    		font-size: 1.2rem;
    		padding: 0.6rem 1rem;
    		line-height: 1;
    	}
    	.tabbox .card-header a.icon {
    		font-size: 1.4rem;
    		position: relative;
    		top: 2px;
    		cursor: pointer;
            color: #5cb85c;
    	}
    	
    	.tabbox .card-header a.icon:hover {
    		color: #FF9531;
    	}
    	
    	.tabbox .card-header a.icon i {
    		font-weight: bold;
    	}
    	
    	.tabbox .card-block {
    		display: none;
    	}
    	.tabbox .card-block.train {
    		display: none;
    	    padding: 0;
    	}
    	.tabbox .card-block > .card {
    		background-color: #fff;
    	}	
    	.tabbox .card-block > .card-header.train {
    		background-color: #efefef;
    	}
    	.tabbox .card-block > .card-header {
    		background-color: #fff;
    		padding: 0.5rem 1rem;
    	}
    	.tabbox .card-block > .card-header i {
    		color: #333;
    	}
    	.tabbox .card-block > .card-header i:hover {
    		color: #FF9531;
    	}
    	.tabbox .card-block > .card .card-block {
    		border-bottom: 1px solid #ccc;
    	}
        .tabbox .card-block > ul {
            margin-bottom: 0;
        }
        .tabbox .card-block > ul > li {
            width: auto;
            padding: 0.5rem;
            border-top: 1px dotted #ccc;
            margin:0;
        }
        .tabbox .card-block > ul > li:first-child {
            border-top:none;
        }
        .tabbox .card-block > ul > li label {
            margin-bottom: 0;
        }
    
    .search-detail ul {
        margin-bottom: 0;
    }    
    .search-detail ul.w-size01 li,
    .search-detail ul.w-size02 li,
    .search-detail ul.w-size03 li {
        width: 33%;
        padding: 0.5rem;
        border-top: none;
        margin:0;
    }
    .search-detail ul li:first-child {
        border-top: none;
    }
    .search-detail ul li label {
        margin-bottom:0;
    }
}

/* iPhone */
@media only screen and (max-width:480px){
	
	.search-box h2 {
		margin: 0;
		border-bottom: none;
		background: #FF9999;
		color: #fff;
		text-align: center;
		padding: 0.5rem;
	}
	
	.search-keyword button {
		padding: 0.3rem 1.25rem;
	}
	.search-box ul.search-list {
		margin-bottom: 0;
	}
	.search-box table {
		border-top:none;
		border-collapse: collapse;
		margin-bottom: 0;
		max-width:100%;
		background-color: #fff;
	}
    .search-box table tr{
        display: block !important;
        background: none !important;
        border:none !important;
        border-bottom: 1px solid #ccc !important;
    }
    .search-box table th,
    .search-box table td{
        display: list-item !important;
        list-style: none;
        border: none !important;
    }
    .search-box table th {
	    font-weight: bold;
	    font-size: 1rem;
	    padding: 0.5rem 0.8rem;
	    margin-bottom: 0.3rem;
	    border-bottom: 1px solid #ccc !important;
      width: 100%;
      overflow: hidden;
    }
    .search-box table th br,
        .search-box table th img {
        display: none;
    }
    .search-box table td {
	    padding: 0;
    }
    .search-box table td ul li {
	    padding:0.8rem 0.8rem;
    }
    
    
    .tabbox .card {
    	border-radius: 0;
    	border: none;
    }
        .tabbox .card label {
            margin-bottom: 0;
        }
    	.tabbox .card-header {
    		background-color: #fff4f4;
    		border-bottom: none;
    		border-radius: 0;
    		border-bottom: 1px solid #ccc;
    		font-weight: bold;
    		font-size: 1.2rem;
    		padding: 0.6rem 1rem;
    		line-height: 1;
    	}
    	.tabbox .card-header a.icon {
    		font-size: 1.4rem;
    		position: relative;
    		top: 2px;
    		cursor: pointer;
            color: #5cb85c;
    	}
    	
    	.tabbox .card-header a.icon:hover {
    		color: #FF9531;
    	}
    	
    	.tabbox .card-header a.icon i {
    		font-weight: bold;
    	}
    	
    	.tabbox .card-block {
    		display: none;
    	    padding: 0;
    	}
    	.tabbox .card-block.train {
    		display: none;
    	    padding: 0;
    	}
    	.tabbox .card-block > .card {
    		background-color: #fff;
    	}	
    	.tabbox .card-block .card-header.train {
    		background-color: #efefef;
    	}
    	.tabbox .card-block .card-header {
    		background-color: #fff;
    		padding: 0.5rem 1rem;
    	}
    	.tabbox .card-block .card-header i {
    		color: #333;
    	}
    	.tabbox .card-block .card-header i:hover {
    		color: #FF9531;
    	}
    	.tabbox .card-block .card .card-block {
    		border-bottom: 1px solid #ccc;
            padding: 0;
    	}
        .tabbox .card-block > ul {
            margin-bottom: 0;
        }
        .tabbox .card-block > ul > li {
            width: auto;
            padding: 0.5rem;
            border-top: 1px dotted #ccc;
            margin:0;
        }
        .tabbox .card-block > ul > li:first-child {
            border-top:none;
        }
        .tabbox .card-block > ul > li label {
            margin-bottom: 0;
            margin-left: 2.2rem;
        }

    .search-detail h2 a {
        font-size: 1.4rem;
        margin-right: 0.5rem;
        color: #5cb85c;
    }
    .search-detail table {    
        display: none;
    }
    .search-detail ul {
        margin-bottom: 0;
    }    
    .search-detail ul.w-size01 li,
    .search-detail ul.w-size02 li,
    .search-detail ul.w-size03 li {
        width: auto;
        padding: 0.5rem;
        border-top: 1px dotted #ccc;
        margin:0;
        float: none;
    }
    .search-detail ul li:first-child {
        border-top: none;
    }
    .search-detail ul li label {
        margin-bottom:0;
    }
}


/*	2.checkbox radio button custom
--------------------------------------------------------*/
input[type="checkbox"] {
	border: 1px solid #aaaaaa;
	vertical-align: -4px;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
	/*Other Browser*/
	background: #e2e2e2;
	/*For Old WebKit*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e2e2e2));
	/*For Modern Browser*/
	background: linear-gradient( to bottom, #ffffff 0%, #e2e2e2 100%);
}

input[type="checkbox"]:checked {
	/*Other Browser*/
	background: #99cc00;
	/*For Old WebKit*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #99cc00), color-stop(1.00, #87b400));
	/*For Modern Browser*/
	background: linear-gradient( to bottom, #99cc00 0%, #87b400 100%);
	border: 1px solid #336600;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	left: -1px;
	top: 14px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 10px;
	height: 3px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 7px;
	top: 14px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	width: 16px;
	height: 3px;
	background: #ffffff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
/* input radio css */

input[type="radio"] {
	border: 1px solid #aaaaaa;
	vertical-align: -4px;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
	/*Other Browser*/
	background: #e2e2e2;
	/*For Old WebKit*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e2e2e2));
	/*For Modern Browser*/
	background: linear-gradient( to bottom, #ffffff 0%, #e2e2e2 100%);
}

input[type="radio"]:checked {
	/*Other Browser*/
	background: #99cc00;
	/*For Old WebKit*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #99cc00), color-stop(1.00, #87b400));
	/*For Modern Browser*/
	background: linear-gradient( to bottom, #99cc00 0%, #87b400 100%);
	border: 1px solid #336600;
}

input[type="radio"]:checked:before {
	position: absolute;
	left: 4px;
	top: 4px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 5px;
}


/*	4.button
--------------------------------------------------------*/
a.btn-search {
	font-weight: bold;
	display: block;
}
a.btn-search i {
	display: inline-block;
	background-color:#FF9999;
	color: #FFF;
	padding: 0.5rem;
	text-align: center;
	border-radius: 2px 0 0 2px;
	font-weight: bold;
}
a.btn-search span {
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	text-align: center;
}
@media screen and (max-width:768px) {

	a.btn-search span {
		font-size: 0.75rem;
	}
	
}


/*	4.modal-inner-search
--------------------------------------------------------*/
.modal-inner-search {
	background-color: #fff;
	width:80%;
	position: absolute;
	top:6%;
	left: 10%;
	overflow: auto;
	border-radius: 6px;
	padding: 1.5rem;
    border: 3px solid #78aa0f;
}
	.modal-inner-search h3 {
	    font-size: 1.4rem;
	    color: #78aa0f;
	    border-bottom: 3px solid #78aa0f;
	    position: relative;
	    margin-bottom: 0.5rem;
	}
	.modal-inner-search h3 input {
		position: relative;
		top:-2px;	
	}
	.modal-inner-search ul li {
		width: 23%;
		display: inline-block;
		margin: 0 0 3px;
	}
		.modal-inner-search ul.w-size01 li { width:32%; }
		.modal-inner-search ul.w-size02 li { width:48%; }

@media screen and (max-width:768px) {

	.modal-inner-search ul li {
		width: 48%;
		display: inline-block;
		margin: 0 0 3px;
	}
		.modal-inner-search ul.w-size01 li { width:48%; }
		.modal-inner-search ul.w-size02 li { width:48%; }    
    
}

@media screen and (max-width:640px) {
	
	.modal-inner-search {
		width:90%;
		top:5%;
		left: 5%;
	}
		.modal-inner-search h3 {
			font-size: 1.2rem;
			padding-bottom: 0.2rem;
		}
		.modal-inner-search h3 input {
			top:0;	
		}
		.modal-inner-search ul li {
			width: 48%;
			font-size: 0.75rem;
			margin: 0;
		}
		.modal-inner-search ul.w-size01 li {
			width: 100%;
		}	
}

/* pager number */
ul.pagination {
	margin: 0 atuo;
	text-align: center;
	display: block;
}
ul.pagination li {
	display: inline-block;
	margin-bottom: 0.5rem;
}
ul.pagination li.active span {
	background: #ccc;
	color: #fff;
	padding: 0.2rem 0.4rem;
	border:1px solid #ccc;
	border-radius: 3px;
	width:40px;
	display: block;
}
ul.pagination li a {
	background: #fff;
	padding: 0.2rem 0.4rem;
	border:1px solid #ccc;
	border-radius: 3px;
	display: block;
	width:40px;
	text-align: center;
}

.all-num em {
	font-style: normal;
	color: #fb8f26;
}

@media screen and (max-width: 768px) {
	.all-num {
		text-align: center;
		margin: 0 0 1rem;
	}
	.sort {
		text-align: center;
		margin: 1rem 0 0;
	}
    ul.pagination li.active span,
    ul.pagination li a {
        padding: 0.2rem 0.2rem;
	}
	/*
	ul.pagination li:nth-child(5),
	ul.pagination li:nth-child(6),
	ul.pagination li:nth-child(7),
	ul.pagination li:nth-child(8),
	ul.pagination li:nth-child(9) {
    	display: none;
	}*/

}
@media screen and (max-width: 480px) {
    .modal-inner-search ul li {
        width: 98%;
    }
    .modal-inner-search .sp-btn {
        position: fixed;
        bottom:3%;
        left: 5%;
        width:90%;
    }
    .modal-inner-search .sp-btn button {
        width:100%;
        height: 45px;
        background: #F90;
        border: #e08700;
        font-weight: bold;
    }
    .search-more i {
        position: relative;
        top:-5px;
        right:-3px;
        color: #e70b0b;
    }
}