@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------
radio checkbox
-------------------------------------------------- */
.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 24px;
  position:relative;
  margin-right: 40px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #ff8d17;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #ff8d17;
  border-radius: 50%;
}
.checkbox-input{
  display: none;
}
.checkbox-parts{
	padding-left: 25px;
	position:relative;
	margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #ff8d17;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #ff8d17;
  border-right: 3px solid #ff8d17;
}
label {
    margin-right: 12px;
    white-space: nowrap;
    font-size: initial;
    line-height: 1em;
    display: inline-block;
}

.header_search_inputs {
    display: inline-block;
    width: 48%;
    padding: 0;
}
select {
    width: auto;
	color: #555;
    min-width: 165px;
    margin: 15px 0 15px 5px;
    padding: 10px;
    background-color: #eee;
    font-family: inherit;
    font-size: 1.2em;
    border: 1px solid #777;
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 130px center;
    background-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
}
.inner .sort{
    width: 90%;
	text-align: center;
    background-color: #e8e8e8;
    padding: 10px 20px;
    margin: 10px auto;
    border-radius: 5px;
}
.sort .btnBox{
	display: inline-block;
    margin: 0 0 0 180px;	
}
.sort .btn-primary{
    border-radius: 5px;
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-size: 120%;
    padding: 7px 40px;
    text-decoration: none;
    border: 0;
    background-color: #ff4a4a;
}
.sort .btn-primary:hover {
	opacity: 0.7;
}

.sort .btnBox{
    display: block;
    width: auto;
    margin: 10px auto;
    text-align: center;
}
.sort .btn-primary{ width: 80%;}
	
.header_search_inputs select{
    width: auto;
    min-width: 94%;
    background-position: 133px center;
    font-size: 0.9em;
    margin: 8px 0 0 10px;
}
.header_search_inputs_l select{
    width: auto;
    min-width: 94%;
    background-position: 310px center;
    font-size: 0.9em;
    margin: 8px 0 0 10px;
}
.sort{
    margin: auto;
    width: 100%;
    text-align: center;
}
.sort select{
    width: auto;
    min-width: 42%;
    background-position: 135px center;
}

/* --------------------------------------------------
tables
-------------------------------------------------- */
table.tablesorter {
    width: 95%;
    border: 0px;
    border-collapse: collapse;
    margin: 5px auto 20px;
    font-size: 0.7em;
}
.checkbox table.tablesorter {
    width: 95%;
    border: 0px;
    border-collapse: collapse;
    margin: 10px auto 0;
    font-size: 0.9em;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e8fffe;
    border: #ccc 1px solid;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.5em;
}
.checkbox table.tablesorter thead tr th, .checkbox table.tablesorter tfoot tr th {
    background-color: #eeeeee;
    border: #777 1px solid;
    padding: 10px 20px 10px 5px;
    text-align: center;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	/*color: #3D3D3D;*/
    padding: 20px 5px 15px;
    border: #ccc 1px solid;
    background-color: #FFF;
    text-align: center;
    line-height: 1.4em;
}
.checkbox table.tablesorter tbody td {
    padding: 10px 10px;
    border: #777 1px solid;
    background-color: #FFF;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.4em;
}
table.tablesorter tbody td{
    padding: 10px 10px;
    /*font-size: 1.3em;*/
    line-height: 1.6em;	
}

table.tablesorter tbody tr.odd td {
	background-color:#FFF;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #d19fe3;
}

/* --------------------------------------------------
button
-------------------------------------------------- */
@media (min-width: 992px){
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button.itembutton{
    flex: 1 1 auto;
    width: 40%;
    margin: 20px auto;
	padding: 20px 30px;
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 100% auto;
    color: #fff;
    border-radius: 10px;
	font-weight: bold;
    display: block;
}
button.button_s{
	background-image: linear-gradient(to top, #ffb444 0%, #ff7b0a 100%);
}
button.button_s:hover{
	opacity: 0.7;
}
}
button{
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
button.itembutton{
flex: 1 1 auto;
    width: 90%;
    margin: 20px auto;
    padding: 16px 15px;
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 100% auto;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    display: block;
}
button.button_s{
	background-image: linear-gradient(to top, #ffb444 0%, #ff7b0a 100%);
}

/* --------------------------------------------------
result
-------------------------------------------------- */
/*
@media (min-width: 992px){
#result{
    width: 100%;
    background-color: #fff;
    padding: 50px 30px;
    margin-bottom: 50px;
}
#result .attention{
	text-align: center;
}
#result .result_info{
	width: 100%;
    margin: 10px 20px 30px;
    padding: 12px 0;
    background-color: #504335;
}
#result .result_info p{
	text-align: center;
	color: #fff;
}
#result .result_info span{
    color: #ff5050;
    font-weight: bold;
    font-size: 2.0em;
    padding-right: 6px;
}
}
*/

#result{
    width: 100%;
    background-color: #fff;
    padding: 14px 0;
	margin: 20px auto;
}
#result .attention{
	text-align: center;
}
#result .result_info{
    width: auto;
    margin: 10px 20px 20px;
    padding: 10px 0 6px;
    background-color: #504335;
}
#result .result_info p{
	text-align: center;
	color: #fff;
}
#result .result_info span{
    color: #ff5050;
    font-weight: bold;
    font-size: 2.0em;
    padding-right: 6px;
}
#result .result_list{
    width: 100%;
    margin: 20px auto;
}
#result .result_list ul{
    width: 96%;
    margin: auto;
    padding: 10px 0 20px;
    border: solid 1px #777;
    list-style: none;
}
#result .result_list .title{
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}
#result .result_list .packimg{
    width: 90%;
    margin: auto;
}
#result .result_list .table{
    width: 90%;
    margin: auto;
}
#result .result_list table{
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#result .result_list .table th{
    width: 30%;
    padding: 5px 10px;
    background-color: #eeeeee;
    font-weight: initial;
	border: solid 1px #777;
}
#result .result_list .table td{
    width: auto;
    padding: 5px 10px;
    background-color: #ffffff;	
	border: solid 1px #777;
}
#result .result_list button.button_r{
    background-image: linear-gradient(to top, #ff9244 0%, #ff0a0a 100%);
	padding: 0;
}
#result .result_list button.button_r a{
	text-decoration: none;
	color: #fff;
	display: block;
    padding: 16px 15px;
}

#fav-table th {
    background-color: #eee;
    border: 1px solid #777;
    padding: 20px;
    font-weight: initial;
}

.tablesorter-headerUnSorted {
    background-image: url("../images/sort.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.tablesorter-headerAsc {
    background-image: url("../images/sort_a.png");
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: #000 2px solid;
}
.tablesorter-headerDesc {
    background-image: url("../images/sort_d.png");
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: #000 2px solid;
}

.sorter-false {
    background-image: none;
}

/* plus */
#fav-table{
    border-collapse: collapse;
    border-spacing: 5px;
    margin: 0 auto;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #777;
	font-size: 1.0em;
}
#fav-table th.labels_1{ width: 110px; }
#fav-table th.labels_2{ width: 130px; }
#fav-table th.labels_3{ width: 90px; }
#fav-table th.labels_4{ width: 90px; }
#fav-table th.labels_5{ width: 90px; }
#fav-table th.labels_6{ width: 125px; }
#fav-table th.labels_7{ width: 110px; }

#fav-table tr {
    border: 1px solid #777;
}
#fav-table td{
    border: 1px solid #777;
    background: #fff;
    padding: 5px 15px;
    width: auto;
    text-align: center;
}
#fav-table .itempic{
    width: auto;
    height: auto;
    margin: 20px auto 5px;
}
#fav-table .itempic img{
	width: 100px;
	height: auto;
}
#fav-table span.name{
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

#fav-table button.itembutton {
    flex: 1 1 auto;
    width: auto;
    margin: auto;
    text-align: center;
    font-size: 1.0em;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 100% auto;
    color: #fff;
    border-radius: 7px;
    font-weight: bold;
    display: block;
}
#fav-table button.button_r{
    background-image: linear-gradient(to top, #ff9244 0%, #ff0a0a 100%);
	padding: 0;
}
#fav-table button.button_r a{
	text-decoration: none;
	color: #fff;
	display: block;
    padding: 20px 12px;
}