﻿ol.trending {
	padding:1rem;
	font-family:"Open Sans",Arial,sans-serif;
	border:1px solid #f00;
	width:100%;
	max-width:100%;
}

ol.trending h1{
	color:#0751BC;
}

ol.trending li.item {
	height:auto;
	width:100%;
	max-width:100%;
	padding:1rem 0;
	overflow:hidden;
}

ol.trending li.item a {
	text-decoration:none;
}

ol.trending li.item a:hover *{
	opacity:0.7;
	filter:Alpha(opacity=70);
}

ol.trending li.item a div.img {
	height:auto;
	150px;
	width:150px;
	100%;
	overflow;
	hidden;
	display:flex;
	 margin:auto;
}

ol.trending li.item a div.img img{
	width:100%;
	height:auto;
}

ol.trending li.item a span.name{
	display:block;
	text-align:center;
	padding:0 3rem;
	line-height:1.3em;
}

ol.trending span.more a {
	display:block;
	margin-top:2rem;
	text-align:right;
	font-weight:700;
	color:#0751BC;
	font-size:1rem;
}


#filtersWrap {
	text-align:right;
	max-width:770px;
	width:100%;
	margin:0 auto;
}

#filters{
	margin:0;
	width:100%;
	text-align:right;
	font-size:1em;
	overflow:hidden;
	margin-top:5px;
}

#filters #filterSort{
	width:161px;
	display:inline-block;
	text-align:left;
	overflow:hidden;
	*display:inline;
	*zoom:1;
	margin-right:20px;
}

#filters #filterPPP{
	width:106px;
	display:inline-block;
	text-align:left;
	overflow:hidden;
	*display:inline;
	*zoom:1;
	margin-right:0px;
}

#filters span{
	color:#aaa;
	font-family:arial,lucida,sans-serif;
	line-height:29px;
	font-size:1em;
	margin-right:8px;
	display:inline-block;
	height:30px;
}

#dropDownWrap{
	display:inline-block;
	background:#FFF;
	height:27px;
	position:relative;
	border:1px solid #ccc;
	overflow:hidden;
}

#dropDownWrap h2{
	margin:0px;
	padding:0 4px;
	position:absolute;
	height:27px;
	width:160px;
	font-size:1em;
	line-height:27px;
	font-weight:normal
}

#dropDownWrap #sortByHdr{
	width:160px;
}

#dropDownWrap #pppHdr{
	width:105px;
}

#dropDownWrap select{
	opacity:0;
	vertical-align:bottom;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#filters select#sortBy{
	width:160px;
}

#filters select#ppp{
	width:105px;
}

#dropDownWrap h2 {
	background: url('/sys_img/drop_down_arrow.gif') no-repeat scroll right center;
	color:#666
}

#filters SELECT OPTION {
	padding:5px;
	font-size:1.0em;
	color:#666;
}

@media only screen and (min-width:31.9px){
#filters #filterSort {
	margin-right:0px;
}}

@media only screen and (min-width:360px){
#filters #filterSort {
	margin-right:20px;
}}

@media only screen and (min-width:414px){}

@media only screen and (min-width:42.4375rem){
#filtersWrap {
	max-width:750px;
}}

@media only screen and (min-width:80.6875rem){
#filtersWrap {
	max-width:950px;
	xborder:1px solid #000;
}}


div.box100{
	width:100%
}

div.latestdate {
	font-size:1rem ;
	font-weight:700;
	line-height:19pt
}

div.pin1.item-list {
	border-bottom:1px solid #eee;
}

div.pin1.item-list.title {
	border-bottom:1px solid #666;
	font-weight:700;
	font-size:11pt
}

div.pin1.item-list div.pcate {
	text-decoration:underline;
	cursor:pointer;
}

div.pin1.item-list div.pcate:hover{
	color:red
}

div.pin1.item-list div.pname a{
	text-decoration:underline;
}

div.pin1.item-list div.pmodel a,div.pin1.item-list div.psku a {
	text-decoration:underline;
	font-weight:700;
	font-size:0.8rem;
}

div.pin1.item-list div.psku a {
	font-weight:400;
}

.pro_list_body {
	margin:0 auto;
	width:100%;
}

.pro_list_body .box{
	width:100%;
}

.productThumbnail {
	BACKGROUND-color: #fff;
	OVERFLOW: hidden;
	POSITION: relative;
	font-family: "Open Sans",Arial,sans-serif;
	FONT-SIZE:1em;
	border:1px solid #ddd;
	flex-direction:column;
	margin-bottom:2rem;
}

.productThumbnail a:hover{
	opacity: 0.7;
	color:#666;
}

.productThumbnail a.p_img {
	flex:0 0 60%;
	width:100%;
	padding-top:10px;
	margin:0 auto;
	overflow:hidden;
	min-height:200px;
	 max-height: 200px
}

.productThumbnail a.p_img IMG {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:190px;
}

.productThumbnail a.p_name {
	display:flex;
	flex:1 1 40%;
	width:90%;
	margin: 0 auto;
	padding-top:0.6rem;
	word-wrap:break-word;
	word-break:break-word;
	white-space:normal;
	font-size:.8rem;
	line-height:1.3rem;
	text-decoration:none;
	color:#555;
	text-align:center;
	overflow:hidden;
}

.productThumbnail a.p_class {
	display:none;
	flex:0 0 10%;
	width:80%;
	margin:auto;
	height:10%;
	xxxbordeR:1px solid #f0f;
	word-wrap:break-word;
	word-break:break-word;
	white-space:normal;
	font-size:.8rem;
	font-weight:700;
	line-height:1rem;
	padding-top:.3rem;
	text-decoration:none;
	color:#555;
	text-align:left;
	overflow:hidden;
}

.productThumbnail span.price{
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	color:#ff4400;
	font-weight:700;
	width:auto;
	font-size:1.2rem;
	padding:.5rem .5rem;
	background-color:#fff;
	border-radius:5px;
}

.productThumbnail span.addwishlist{
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	width:auto;
	padding:.5rem .5rem;
	background-color:#fff;
	border-radius:5px;
}

.productThumbnail span.addwishlist:after{
	content:"\f08a";
}

.productThumbnail span.addwishlist.isSelected:after{
	content:"\f004";
	color:#f00;
}

.productThumbnail span.addwishlist:hover:after{
	color:#f00;
}

.class_description {
	padding:0 0 10px 0;
	width:100%;
	margin:0 0;
	font-family: "Open Sans",Arial,sans-serif;
	text-align:left;
	font-size:0.8rem;
}

.class_description img {
	max-width:100% !important;
}

.class_description A{
	color:#555;
	text-decoration:underline;
}

.class_description A:hover {
	color:#555;
	text-decoration:underline;
}

div.productThumbnail.null_thumbnail {
	height:0px !important;
	margin-bottom:0 !important;
	border:0px solid #fff;
}

/* ============@===============================================================*/
@media only screen and (max-width:42.4375rem){
.productThumbnail {
	flex:0 1 48%;
	height:290px;
}

.productThumbnail span.price{
	font-size:0.8rem
}}

@media only screen and (min-width:42.4375rem){
div[class^=tab] .pro_list_body {
	max-width:100% !important;
}

.productThumbnail {
	flex:0 1 32%;
	height:266px;
}}

@media only screen and (min-width:62.8125rem){
.productThumbnail {
	flex:0 1 23%;
	height:286px;
}}

@media only screen and (min-width:1120px){
.productThumbnail {
	flex:0 1 19%;
	height:296px;
}}

@media only screen and (min-width:80.6875rem){
.productThumbnail {
	flex:0 1 19%;
	height:256px;
}}


