/* CSS Document */


#list {
	padding:0 10px;

}







#itemlist {
	padding:0;

}

#itemlist .btn-primary {
	color:#fff;
	width:100%;
	margin:0 0 10px;
	text-align:left;
	background-color:#559001;
	font-size:80%;
}





#list #jobtop {
	margin: 0 0 10px;

}



#list #jobtop .joblisttop {
   overflow: hidden;


}


#list #jobtop .joblisttop ul {
    margin-left: -2%;  
  }
#list #jobtop .joblisttop ul li {
    float: left;
    margin-left: 2%;
	margin-bottom: 1%;
    width: 48%;

  }


#list #jobtop .joblisttop ul li a {
   font-size:70%;
   display: block;
   padding-top: 1em;
   padding-bottom: 1em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color:#333333;

}

#list #jobtop .joblisttop ul li a img {
   max-width: 100%;
   width: auto;
   height: auto;
}

#list #jobtop .joblisttop ul #bt1top {
   background: url(./../design/icon/btn1.jpg) no-repeat left center;
   background-size: 40px 40px;

}

#list #jobtop .joblisttop ul #bt2top {
   background: url(./../design/icon/btn2.jpg) no-repeat left center;
   background-size: 40px 40px;
}


#list #jobtop .joblisttop ul #bt3top {
   background: url(./../design/icon/btn3.jpg) no-repeat left center;
   background-size: 40px 40px;
}
#list #jobtop .joblisttop ul #bt4top {
   background: url(./../design/icon/btn4.jpg) no-repeat left center;
   background-size: 40px 40px;

}
#list #jobtop .joblisttop ul #bt5top {
   background: url(./../design/icon/btn5.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #jobtop .joblisttop ul #bt6top {
   background: url(./../design/icon/btn6.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #jobtop .joblisttop ul #bt7top {
   background: url(./../design/icon/btn7.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #jobtop .joblisttop ul #bt1top  a,#bt2top a,#bt3top a,#bt4top a,#bt5top a,#bt6top a,#bt7top a {
   padding-left: 45px;
   
}





#list #makertop {
	margin: 0 0 10px;

}



#list #makertop .makerlisttop {
   overflow: hidden;


}


#list #makertop .makerlisttop ul {
    margin-left: -2%;  
  }
#list #makertop .makerlisttop ul li {
    float: left;
    margin-left: 2%;
	margin-bottom: 1%;
    width: 48%;

  }


#list #makertop .makerlisttop ul li a {
   font-size:70%;
   display: block;
   padding-top: 1em;
   padding-bottom: 1em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color:#333333;

}

#list #makertop .makerlisttop ul li a img {
   max-width: 100%;
   width: auto;
   height: auto;
}

#list #makertop .makerlisttop ul #mbt1top {
   background: url(./../design/icon/btn1.jpg) no-repeat left center;
   background-size: 40px 40px;

}

#list #makertop .makerlisttop ul #mbt2top {
   background: url(./../design/icon/btn2.jpg) no-repeat left center;
   background-size: 40px 40px;
}


#list #makertop .makerlisttop ul #mbt3top {
   background: url(./../design/icon/btn3.jpg) no-repeat left center;
   background-size: 40px 40px;
}
#list #makertop .makerlisttop ul #mbt4top {
   background: url(./../design/icon/btn4.jpg) no-repeat left center;
   background-size: 40px 40px;

}
#list #makertop .makerlisttop ul #mbt5top {
   background: url(./../design/icon/btn5.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #makertop .makerlisttop ul #mbt6top {
   background: url(./../design/icon/btn6.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #makertop .makerlisttop ul #mbt7top {
   background: url(./../design/icon/btn7.jpg) no-repeat left center;
   background-size: 40px 40px;
}

#list #makertop .makerlisttop ul #mbt1top  a,#mbt2top a,#mbt3top a,#mbt4top a,#mbt5top a,#mbt6top a,#mbt7top a {
   padding-left: 45px;
   
}

#list #itemtop {
   margin-bottom:15px;
}


#list #itemtop .ibtn {
   background: url(arrow3.png) no-repeat left center;
   background-size: 20px 10px;
   margin:0 10px 12px 5px;
   background-color:#FFFBBC;
   border-radius: 10px;
   border:1px dotted #FCA53E;  
}


#list #itemtop .ibtn a {
   padding: 5px 0 5px 22px;
   color:#2F2F2F;
   font-size:75%;
   display: block;


}





p.worn {
	padding:15px;
	font-size:75%;
	color:#FF0000;



}








.arrowtop {
   display: inline-block;
   padding-right: 1em;
   background: url(../design/arrow6.png) no-repeat right center;
   color: #336699;
   text-decoration: underline;
   background-size: 25px 8px;

}






#allitem {
	text-align:center;
     font-size : 70%;
	 margin:10px 0 5px;
     background-color: #EEEEEE;
	 padding:5px;
}


#pagelist {
	 margin-bottom:0;
	 padding:0 10px 5px 10px;
     font-size : 65%;
	 border-bottom: 1px dashed #E0E0E0;

}



#pagelist ul.pages {
     margin: 0;
     padding: 0;
     list-style-type: none;


}


#pagelist .pages {
	 text-align: center;

}



#pagelist ul.pages li {
     display: inline-block; 
     padding: 0px; 
     margin: 5px 10px 5px 0; 	


}


#pagelist ul.pages li span { 
กกกก font-weight : 700; 
     color:#068019;
     display: block; 
	 border: 1px solid #068019;
     padding: 3px 1px 1px 1px;
	 border-radius: 5px;
     width: 20px;


}

#pagelist ul.pages li a { 
     display: block; 
     background-color: #DEDEDE;
     padding: 3px 1px 1px 1px;
	 border-radius: 5px;
     width: 20px;
	 color: #333333;

}
#pagelist ul.pages li.shift a { 
     display: block; 
     background: none !important;
     padding: 3px;
     width: 30px;
	 color: #333333;


}










#item {
	max-width: 1000px;
	margin: 0 0 0 3.16%;
	zoom: 1;
}


#item h4 {
	font-size:72%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height:1.2em;
	border-top:1px solid #F1F1F1;
	padding-top:3px;
}
#item h5 {
	font-size:72%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height:1.2em; 
}

#item .space {

	padding:1px;

}

#item .price {
    font-size: 80%;
    font-weight: 700;
    color: #D50000;
    text-align: center;
	margin:5px 0;
}

#item  p.tax {
    font-size: 65%;
    font-weight: 700;
    color: #D50000;
    text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


#item #photo_c {
	margin: 15px 0 0 0;

}


#item #photo_c img {

	max-width: 100%;
	height:auto;

}


#item #photo_c ul li {
	width: 30.2%;
	float: left;
	margin: 0 2.604% 5.208% 0;
	text-align:center;
	padding-bottom:5px;
}



#ol {

   position: relative;

}
#ol .ol2{

   position: absolute;
   left: 5px;
   bottom: 0px;

}



#list_icon .color {
	float: left;
	font-weight:bold;
	border-radius: 50%;
	background-color: #F5AD00;
	padding:3px;
	color:#FFF;
	font-size:70%;
	margin-top:6px;
}



#list_icon .colortext {
	font-size:65%;


}

#list_icon .c1 {	
	font-size:70%;
	background-color:#41B7FD;
	text-align:center;
	float: right;
	padding:3px;
	margin:7px 3px 3px 5px;
	border-radius: 10%;
	text-shadow: 0px 1px 1px #EEE;	
}

#list_icon .c2 {
	font-size:70%;
	background-color:#FA8C97;
	text-align:center;
	float: right;
	padding:3px;
	margin:7px 3px 3px 5px;	
	border-radius: 10%;
	text-shadow: 0px 1px 1px #EEE;	
}

#list_icon .c3 {
	font-size:65%;
	background-color:#53C844;
	text-align:center;
	float: right;
	padding:2px;
	margin:7px 3px 3px 5px;
	border-radius: 10%;
	text-shadow: 0px 1px 1px #EEE;	
}