.modal .modal-body ul {
    display: block;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.modal .modal-body ul li {
    border-bottom: 1px solid #e2d8d3;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.modal .modal-body ul li:last-child {
    border-bottom: 0px;
}

.modal-header,
.modal-footer {
    border-top: 0px;
    border-bottom: 0px;
    background-color: #e2d8d3;
}

.modal-content {
    border: none !important;
}

.modal-content .btn-close {
    color: #fff;
    background-color: #d75c56;
    border-color: #d75c56;
}

.modal-content .btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.modal-content .btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.modal-body .table .color {
    color: #ffffff;
    font-weight: 400;
    width: 6rem;
    text-align: center;
    vertical-align: middle;
}

.modal-body .table td,
.table th {
    border-top: none;
}

.table td,
.table th {
    border-top: none;
}


.bg {
    background: url(../images/bg.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 4rem;
    padding-bottom: 7rem;
}

.lab img {
    max-width: 550px;
    width: 100%;
}


.box {
    height: 600px;
}

#baby-bottle {
    display: flex;
    position: relative;
    justify-content: left;
}

#baby-bottle img {
    max-width: 350px;
    width: 100%;
}

.bottle-style-title {
    background: #e2d8d3;
    padding: 5px;
    margin-bottom: 1rem;
    border-radius: 10px;
    text-align: center;
}

#cap-color button {
    width: 80px;

}

#stopper-color button {
    width: 80px;
}

#nipple-size button {
    width: 100px;
}

#bottle-style button {
    width: 100px;
}

#grip-style button {
    width: 120px;
}

#grip-style button .icon {
    max-width: 100px;
}

.red {
    color: #d75c56;
}

/*�𣂎���*/
#cap {
    position: absolute;
    top: 2px;
    z-index: 4;
}

#cap-P80306,
#cap-PH80295,
#cap-PH80296,
#cap-PH80297,
#cap-PH80298,
#cap-PH80812,
#cap-PH80815,
#cap-PH80820,
#cap-PH80885,
#cap-PH80886,
#cap-PH80887,
#cap-PH80888,
#cap-PH80890,
#cap-PH80891,
#cap-PH80890,
#cap-PH80891,
#cap-PH201010163,
#cap-PH80918,
#cap-PH80919,
#cap-PH80920,
#cap-PH80921,
#cap-PH80922,
#cap-PH80923,
#cap-PH80889 {
    position: absolute;
    top: 2px;
    z-index: 4;
    display: none;
}

/*憟嗅狍*/
#nipple {
    display: block;
    position: absolute;
    top: 50px;
}


#nipple-SS,
#nipple-S,
#nipple-M,
#nipple-L,
#nipple-LL,
#nipple-LLL {
    position: absolute;
    top: 50px;
    display: none;
}

/*憟嗅狍�詨鱓*/
#nipple-size {
    display: none;
}


/*�𣂎���*/

#bottle-stopper {
    position: absolute;
    top: 143px;
    z-index: 3;
}

#P80307,
#PC201010137,
#PC80291,
#PC80292,
#PC80293,
#PC80294,
#PC80308,
#PC80309,
#PC80362,
#PC80369,
#PC80372,
#PC80813,
#PC80323,
#PC80324,
#PC80841,
#PC80842,
#PC80845,
#PC80846,
#PC80870,
#PC80871,
#PC80873,
#PC80874,
#PC80875,
#PC80876,
#PC80877,
#PC80878,
#PC80879,
#PC80880,
#PC80881,
#PC80882,
#PC80883,
#PC80907,
#PC80908,
#PC80909,
#PC80910,
#PC80911,
#PC80912,
#PC80913,
#PC80914,
#PC80915,
#PC80916,
#PC80917,
#PC201010148,
#PC201010149,
#PC80847,
#PC80884,
#PC201010145 {
    position: absolute;
    top: 143px;
    display: none;
    z-index: 3;
}

#stopper-color .bottle-border {
    border: 1px #444444 solid;
}


/*�𨘥���*/
/*�𨘥��𢠃�詨鱓*/
#grip-style {
    display: block;
    padding-top: 2rem;
}

#grip-style .grip-border {
    border: 1px #444444 solid;
}

/*�𨘥��羓�鞉��*/
#grip-none {
    display: block;
    position: absolute;
    top: 165px;
    z-index: 2;
}

#P80303,
#P80304,
#P80305 {
    display: none;
    position: absolute;
    top: 165px;
    z-index: 2;
}


/*�𣂎頨�*/
#bottle {
    position: absolute;
    top: 170px;
    z-index: 1;
}



/*�𣂎頨�160ppsu*/
#PB78873,
#PB80299,
#PB80300,
#PB80924 {
    position: absolute;
    top: 167px;
    display: none;
    z-index: 1;
}

/*�𣂎頨�240ppsu*/
#PB78874,
#P80811,
#PB80301,
#PB80302,
#PB80310,
#PB80311,
#PB80312,
#PB80814,
#PB80894,
#PB80139 {
    position: absolute;
    top: 169px;
    display: none;
    z-index: 1;
}

/*�𣂎頨�240�縧��*/
#PB80807,
#PB80808,
#PB80809,
#PB80810,
#PB402010193,
#PB402010181,
#PB402010182,
#PB402010184,
#PB402010241,
#PB402010242,
#PB402010246,
#PB402010240,
#PB402010241,
#PB402010242,
#PB402010246 {
    position: absolute;
    top: 165px;
    display: none;
    z-index: 1;
}


.title {
    font-size: 16px;
}

.icon {
    max-width: 60px;
}


.text-on {
    position: absolute;
    top: 15%;
    font-size: 12px;
    color: #4c4948;
    width: 150px;
    word-wrap: break-word;
    display: inline-block;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
}

.text-on-1 {
    position: absolute;
    top: 45%;
    font-size: 12px;
    color: #4c4948;
    width: 150px;
    word-wrap: break-word;
    display: inline-block;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
}

.choose {
    color: #d75c56;
    font-size: 15px;
    padding-right: 2px;
}


.text,
.text a {
    display: block;
    font-size: 12px;
    color: #444444;
}

button {
    border: none;
    background: transparent;
    padding: 4px;
}

#stopper-color,
#cap-color {
    display: none;
}

@media (max-width: 1024px) {
    .bg {
        padding-top: 6rem;
        padding-bottom: 7rem;
    }

    .lab img {
        max-width: 450px;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bg {
        background: url(../images/bg-768.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }

    .lab {
        max-width: 350px;
        width: 100%;
    }

    .box {
        height: 335px;
    }

    #baby-bottle {
        justify-content: center;
        right: 50px;
    }

    #baby-bottle img {
        max-width: 200px;
        width: 100%;
    }

    #cap-color button {
        width: 70px;
    }

    #stopper-color button {
        width: 70px;
    }

    #grip-style button {
        width: 100px;
    }

    #grip-style button .icon {
        max-width: 90px;
    }

    /*�𣂎���*/
    #cap {
        top: 1px;
        width: 200px;
    }

    #cap-P80306,
    #cap-PH80295,
    #cap-PH80296,
    #cap-PH80297,
    #cap-PH80298,
    #cap-PH80812,
    #cap-PH80815,
    #cap-PH80820,
    #cap-PH80885,
    #cap-PH80886,
    #cap-PH80887,
    #cap-PH80888,
    #cap-PH80890,
    #cap-PH80891,
    #cap-PH80890,
    #cap-PH80891,
    #cap-PH201010163,
    #cap-PH80918,
    #cap-PH80919,
    #cap-PH80920,
    #cap-PH80921,
    #cap-PH80922,
    #cap-PH80923,
    #cap-PH80889 {
        top: 1px;
        width: 200px;
    }

    /*�𣂎���*/
    #bottle-stopper {
        top: 75px;
        width: 200px;
    }

    #P80307,
    #PC201010137,
    #PC80291,
    #PC80292,
    #PC80293,
    #PC80294,
    #PC80308,
    #PC80309,
    #PC80362,
    #PC80369,
    #PC80372,
    #PC80813,
    #PC80323,
    #PC80324,
    #PC80841,
    #PC80842,
    #PC80845,
    #PC80846,
    #PC80870,
    #PC80871,
    #PC80873,
    #PC80874,
    #PC80875,
    #PC80876,
    #PC80877,
    #PC80878,
    #PC80879,
    #PC80880,
    #PC80881,
    #PC80882,
    #PC80883,
    #PC80907,
    #PC80908,
    #PC80909,
    #PC80910,
    #PC80911,
    #PC80912,
    #PC80913,
    #PC80914,
    #PC80915,
    #PC80916,
    #PC80917,
    #PC201010148,
    #PC201010149,
    #PC80847,
    #PC80884,
    #PC201010145 {
        top: 75px;
        width: 200px;
    }

    /*�𨘥���*/
    /*�𨘥��𢠃�詨鱓*/
    #grip-style {
        display: block;
    }

    /*�𨘥��羓�鞉��*/
    #grip-none {
        display: block;
        width: 200px;
        position: absolute;
        top: 93px;
        z-index: 2;
    }

    #P80303,
    #P80304,
    #P80305 {
        display: none;
        width: 200px;
        position: absolute;
        top: 93px;
        z-index: 2;
    }

    /*�𣂎頨�*/
    #bottle {
        position: absolute;
        width: 200px;
        top: 92px;
        z-index: 1;
    }

    /*�𣂎頨�160ppsu*/
    #PB78873,
    #PB80299,
    #PB80300,
    #PB80924 {
        top: 92px;
        width: 200px;
    }

    /*�𣂎頨�240ppsu*/
    #PB78874,
    #P80811,
    #PB80301,
    #PB80302,
    #PB80310,
    #PB80311,
    #PB80312,
    #PB80814,
    #PB80894,
    #PB80139 {
        top: 93px;
        width: 200px;
    }

    /*�𣂎頨�240�縧��*/
    #PB80807,
    #PB80808,
    #PB80809,
    #PB80810,
    #PB402010193,
    #PB402010181,
    #PB402010182,
    #PB402010184,
    #PB402010241,
    #PB402010242,
    #PB402010246,
    #PB402010240,
    #PB402010241,
    #PB402010242,
    #PB402010246 {
        top: 93px;
        width: 200px;
    }
}

@media (max-width: 425px) {
    .text-on {
        font-size: 13px;
    }

    .text-on-1 {
        top: 60%;
        font-size: 13px;
    }

    .choose {
        font-size: 15px;
    }

    .text {
        font-size: 14px;
    }

    .icon {
        max-width: 60px;
    }

    #cap-color button {
        width: 80px;
    }

    #stopper-color button {
        width: 80px;
    }

    #grip-style button {
        width: 100px;
    }

    #grip-style button .icon {
        max-width: 90px;
    }
}