.empty-data {
    color:gray;
}

/**********************************************/
/* Product Type
/**********************************************/
#pdtp-area {
    margin:0 auto;
    padding:5px 5px 0px 5px;
    text-align:center;
    background-color:#e6e6e6;
}

#pdtp-area a.pdtp-item {
    display:inline-block;
    margin:0px 2px 0px 2px;
    padding:5px 10px 0px 10px;
    border-top-right-radius:10px;
    border:1px solid #dcdcdc;
    border-bottom:none;
    background-color:#f2f2f2;
    font-weight:bold;
    text-decoration:none;
}

#pdtp-area a:hover.pdtp-item,
#pdtp-area a:active.pdtp-item { 
    background-color:black;
    color: #fafafa;
}

#pdtp-area a.selected {
    color: #e68a00;
    background-color: white;
}

/**********************************************/
/* Product Category
/**********************************************/
#pdct-area {
    padding:10px 5px 10px 5px;
    text-align:center;
    border:2px solid #e6e6e6;
    border-top:none;
    margin-bottom: 10px;
}

#pdct-area .pdct-item {
    display: inline-block;
    margin: 0px 2px 2px 2px;
    padding:5px 10px 0px 10px;
    border:1px solid #dcdcdc;
    background-color:#f2f2f2;
    font-weight:bold;
    text-decoration:none;
}

#pdct-area a:hover.pdct-item,
#pdct-area a:active.pdct-item { 
    background-color:black;
    color: #fafafa;
}

#pdct-area .selected {
    /*color:#e68a00; */
    color:red;
    background-color:white;
}

/**********************************************/
/* Series-Product area
/**********************************************/
#series-item-area {
    border:none;
    min-height:500px;
    padding-left:5px;
    padding-right:5px;
}

/**********************************************/
/* Product Series
/**********************************************/
article.pdser-item {
    text-align:center;
    margin: 0px 0px 20px 0px;
}

.company {
}

/**********************************************/
/* ProdItem
/**********************************************/
/*
.prod-layout {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
*/

article.prod {
    /* width:100%; */
    margin-bottom:5px;
    border: solid 1px lightgray;
    text-align: left;
    overflow:hidden;
}

article.prod a {
    text-decoration: none;
}

article.prod img {
    float:left;
    border:none;
    width:90px; 
    height:90px;
    margin:0px;
}

.prod-title {
    margin: 2px 2px 0px 2px;
    line-height:15px; height:30px;
    text-align: left;

    font-size:small;
    color:Navy;

    /* for ellipsis */
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;/*¦æ¼Æ*/
    -webkit-box-orient:vertical;
    white-space:normal;
}

.list-price-info {
    text-align:left;
    text-decoration:line-through;
    font-size:xx-small;
    color:#70757a;
}

.price-info {
    overflow:hidden;
    text-align:right;
    text-overflow:ellipsis;
}

.price-info .currency-sign {
    font-size:xx-small;
    color:#707070;
}

.price-info .price {
    margin: 2px 5px 0px 3px;
    color:red;
    font-size:larger;
    font-weight:bold;
}

@media only screen and (min-width: 340px) {
    article.prod {
         float: left;
         width: 156px; 
         height: 235px;
         margin-right:5px;
         text-align:center;
    }

    article.prod img {
        float:none;
        width: 145px; height: 145px;
    } 
}