.zoom {
    transition: .2s;
    height:stretch;
}

    .zoom:hover {
        transform: scale(1.05);
        transition-timing-function: ease;
    }


.rezoom {
    transition: .2s;
}

    .rezoom:hover {
        transform: scale(1.05);
        transition-timing-function: ease;
    }

.tab {
    text-indent: 50px;
}



.overlaymenu {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    /*background-color: #007BFF;*/
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    /* From https://css.glass */
    background: rgba(37, 150, 190, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.menu-blog:hover .overlaymenu {
    bottom: 0;
    height: 100%;
}

.titlehover {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

fieldset {
    border-top: 3px solid blueviolet;
    border-bottom: 3px solid blueviolet;
    color: #297bff;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

legend {
    width: auto;
    padding: 0 10px;
}

/*เมนูรองจากเมนูหลักเอาไว้สำหรับแสดงตอนอ่านบทความ*/
.menubreadcrumb {
    top: 60px;
    z-index: 2;
    position: sticky;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}

    ul.breadcrumb li {
        display: inline;
        font-size: 18px;
    }

        ul.breadcrumb li + li:before {
            padding: 8px;
            color: black;
            content: "/\00a0";
        }

        ul.breadcrumb li a {
            color: #0275d8;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #01447e;
            }

/* จบในส่วนของเมนูรองเอาไว้แสดงในส่วนของบทความ*/
.contentimg {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    max-width: 832px;
    width: 100%;
    height: auto;
}

.card-service{
    display:flex;
    flex-direction:column;
    height:stretch;
}
/* card-service ส่วน card แสดงบริการหน้าแรก */
.card-service img{
    border-radius:20px;
}

    .card-service .card-body .card-title {
        font-size: 22px;
        color: slategray;
        font-weight: bold;
    }
    .card-service .card-body .card-text {
        font-size:16px;
    }

    .card-service .card-footer {
        background-color: rgba(0, 0, 0, 0);
    }


.about-area {
    background: url(../img/about-bg1.png) no-repeat center center;
    background-size: cover;
    background-position: center;
}

.service-area {
    /* background: radial-gradient(100% 100% at 100% 100%, #0000 46%,#fbfbfd 47% 53%,#0000 54%) 100px 100px, radial-gradient(100% 100% at 0 0, #0000 46%,#fbfbfd 47% 53%,#0000 54%) 100px 100px, radial-gradient(100% 100%, #0000 22%, #fbfbfd 23% 29%, #0000 30% 34%, #fbfbfd 35% 41%, #0000 42%) #ffffff;
    background-size: 200px 200px; */
}