/* Minification failed. Returning unminified contents.
(98,36): run-time error CSS1039: Token not allowed after unary operator: '-site-primary-color'
 */
@media (max-width:768px) {
    .right-body {
        margin-right: 14px;
    }
}

.text-ellipsis-1 {
    text-overflow: ellipsis; /*超出部份用省略符號...顯示*/
    overflow: hidden; /*超出範圍則隱藏*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /*顯示的行數*/
}

.text-ellipsis-2 {
    text-overflow: ellipsis; /*超出部份用省略符號...顯示*/
    overflow: hidden; /*超出範圍則隱藏*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /*顯示的行數*/
}

.text-ellipsis-3 {
    text-overflow: ellipsis; /*超出部份用省略符號...顯示*/
    overflow: hidden; /*超出範圍則隱藏*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /*顯示的行數*/
}
/*Banner animation*/
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}
/*Readonly form*/
div.readonly > div > .form-group {
    margin-bottom: 0;
}

.menu-item .icon-new {
    position: absolute;
    background-size: auto auto;
    background: url('images/ico-new.png') no-repeat;
    padding: 10px 20px 30px 40px;
    top: 7px;
    /*right: 3px;*/
}

.menu-item .text-new {
    color: #f64711;
    font-size: 14px;
    padding-left: 20px;
}
/*2023-08-01 Image Slider 與 上層的選單，要空一點點間格出來*/
#slider-carousel-banner {
    margin-top: 15px;
}
/*2023-08-11  search-box-container*/
.search-box-container {
    display: flex;
}

    .search-box-container div:first-child {
        flex: 1;
    }

    .search-box-container div:nth-child(2) {
        flex: 0;
        padding-left: 17px;
    }

        .search-box-container div:nth-child(2) a {
            background-color: var(--site-primary-color);
            color: #fff;
            margin-top: 0px;
            border-radius: 7px;
            margin-left: -13px;
            height: 32px;
        }
/*2023-08-11  修正在991以下，左右沒空間(Advance Search)*/
@media (max-width: 991px) {
    .form-horizontal .form-group {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}
/*2023-08-11 產品Full描述太多超出無法顯示*/
.full-description {
    overflow-x: auto;
}

/*2023-08-15 Featured Products 高度修正*/
.category-feature-product .panel {
    min-height: 290px;
}

.remove-from-cart {
    text-align: center;
    width: 50px;
}

#right-shopping-cart {
    bottom: 40%;
    position: fixed;
    right: 15px;
    z-index: 10;
}

    #right-shopping-cart a {
        margin-top: 5px
    }
/*2023-09-06 ProductList淡入顯示*/
.fade-in-product-list {
    animation: fadeInProduct 1s;
}

@keyframes fadeInProduct {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*2023-10-11 修正Banner箭頭及圓點位置*/
.carousel-indicators {
    bottom: -8px;
}
.input-validation-error{
    border:solid 1px red;
}