@media (min-width: 576px) {
    .billBoardCss {
        max-height: 300px;
        max-width: 750px;
        margin: 10px auto 30px auto;
    }
}

@media (max-width: 576px) {
    .billBoardCss {
        max-height: 300px;
        max-width: 750px;
        margin: 8rem auto 1rem auto;
    }
}

.buttonMargin {
    margin: 0.1rem;
}


/*從 index 複製過來*/
/*從 index 複製過來*/
/*從 index 複製過來*/
/*從 index 複製過來*/


.smallPhotoImage {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.smallPhotos-row {
    white-space: nowrap;
}

.smallPhotoContainer {
    display: inline-block;
    margin-right: 5px; /* Adjust the spacing between containers as needed */
}

.smallPhotoImage { /*設定這個container的尺寸，讓裡面的照片不變形放在其中*/
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.bigPhoto { /*單一搜索的主圖*/
    max-width: 250px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.smallPhotos-container:hover {
    cursor: pointer;
}

.smallPhotos-container {
    margin: 5px;
    white-space: nowrap;
}

.topPartBorder {
    margin-bottom: 60px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.productDetailAutoMargin {
    margin: auto;
}



.productDescription {
    padding: 0px 40px 0px 40px
}



.picture-container { /*下載圖片的css */
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    max-width: 400px;
    max-height: 400px;
    margin: 10px auto;
}

    .picture-container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        padding: 3px;
    }




.buttonHight { /*  圖片下載區， 按鈕左邊需要間隔，否則圖片會不對齊*/
    display: flex;
    height: 40px;
}