@charset "utf-8";
/* CSS Document */
.findx{
    font-family: 微軟正黑體;
}
.findx .note {
    color: #666;
    padding-left: 12px;
    font-size: 14px;
}

.col-xs-12.col-lg-3.col-md-4.col-sm-6{
    padding-left: 8px;
    padding-right: 8px;
}
/*標*/
.findx .prodname {
/*    height: 110px;*/
    padding: 12px;
    color: #111;
    font-size: 15px;
    font-weight: bolder;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

/*$$$*/
.findx .price {
    padding: 0 12px 12px 12px;
    color: red;
    text-align: right;
    font-weight: bolder;
    font-size: 22px;
    padding-top: 10px;
}
.prices{
    font-size: 11px;
}

/*Img */
@media (min-width: 1200px) {
    .findx .prodimg {
        max-height: 183px;
        min-height: 183px;
        max-width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 1199px)and (min-width: 992px) {
    .findx .prodimg {
        max-height: 203.55px;
        min-height: 203.55px;
        max-width: 100%;
        min-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .findx .prodimg {
        max-height: 238px;
        min-height: 238px;
        max-width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .findx .prodimg {
        max-height: auto;
        max-width: 100%;
        min-width: 100%;
    }
}

.well-sm {
    padding: 0;
    border-radius: 3px;
}

.well {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}

.well:hover {
    background: #ffffdc;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

/*Title*/
.col-xs-12 h3:after{
    content: '';
    width: 100%;
    display: block;
    height: 5px;
    background: url(https://img.ezfly.com/ims/I000/040/020.jpg?3) 0 0 no-repeat #c7e8ff;
}
.col-xs-12 h3{
    font-size: 22px;
    line-height: 30px;
    color: #00a8ff;
    vertical-align: middle;
    font-weight:bold;
}

.col-xs-12 h3:before{
    content: "";
    display: block;
    background: url(https://img.ezfly.com/ims/I000/040/022.jpg?10) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 6px 0 0;
}

.breadcrumb{
    background-color: #00a8ff;
    border-radius: 0;
    color: #FFF;
}

.breadcrumb a{
    color: #FFF;
    padding: 0 5px;
    text-decoration: none;
}

.breadcrumb a:hover{
    color: #fcf8e3;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #FFF;
    content: "｜";
    font-size: 18px;
}

.col-xs-12 #G0001,.col-xs-12 #G0002,.col-xs-12 #G0003,.col-xs-12 #G0004,.col-xs-12 #G0005,.col-xs-12 #G0006,.col-xs-12 #G0007,.col-xs-12 #G0008,.col-xs-12 #G0009,.col-xs-12 #G0010,.col-xs-12 #G0101,.col-xs-12 #G0201,.col-xs-12 #G0202{
    position: relative;
    top: -100px;
    display: block;
    height: 0;
    overflow: hidden;
}