/**
    docs.theme.min.css 跟原有的 framework 衝突，導致跑版，所以自己客製化需要的版型
    Ca.
*/
/* line 10718 ~ 10745 <START> */
#demos .owl-carousel {
    margin: 1rem 0;
}

#demos .owl-carousel .item {
    /*height: 1rem;
    background: #4DC7A0;
    background: #39ad83;*/
    background: #079964;
    padding: .8rem;
    text-align: center;
    color: #FFF;
}

#demos .owl-carousel .item:hover {
    /*background: #39ad83;*/
    background: rgba(77, 199, 160, 0.45);
    cursor: pointer;
}

#demos .owl-carousel .item h4 {
    font-weight: 400;
    font-size: 1.1rem;
}

#demos .owl-carousel .item-video {
    height: 300px
}

#demos #setup {
    margin-top: 4rem
}

#demos .demo-list h5 {
    margin: 0
}
/* line 10718 ~ 10745 <END> */


#demos .owl-carousel .current {
    /* background: #4DC7A0; */
    background: rgba(77, 199, 160, 0.45);
    color: #079964;
}


/* line 8069 */
@media only screen and (min-width: 40.0625em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1;
    }
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.3125rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem;
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}


@media screen and (max-width: 420px) {
    #demos .owl-carousel .item {
        height: 1.4rem;
        padding: .5rem;
    }
}

@media screen and (max-width: 299px) {
    #demos .owl-carousel .item {
        height: 1rem;
    }
}