@font-face {
    font-family: Noto Sans TC;
    src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC");
}

body {
    font-family: "Noto Sans TC", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff;
}

a {
    color: #FA8F00;
    text-decoration: none;
}

    a:hover {
        color: #CC5D00;
    }

.loading {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}

@keyframes loading_points {
    0% {
        background: linear-gradient(to right, #f3a931, #b2b2b2);
    }

    20% {
        background: linear-gradient(to right, #b2b2b2, #f3a931, #b2b2b2, #b2b2b2);
    }

    30% {
        background: linear-gradient(to right, #b2b2b2, #b2b2b2, #f3a931, #b2b2b2);
    }

    50% {
        background: linear-gradient(to right, #b2b2b2, #f3a931);
    }

    70% {
        background: linear-gradient(to right, #b2b2b2, #b2b2b2, #f3a931, #b2b2b2);
    }

    80% {
        background: linear-gradient(to right, #b2b2b2, #f3a931, #b2b2b2, #b2b2b2);
    }

    100% {
        background: linear-gradient(to right, #f3a931, #b2b2b2);
    }
}

.loading .points {
    width: 96px;
    height: 24px;
    background: linear-gradient(to right, #f3a931, #b2b2b2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    outline: none;
    overflow: hidden;
    -webkit-tap-hight-color: rbga(0, 0, 0, 0);
    animation-name: loading_points;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}

    .loading .points:after {
        content: '';
        width: 96px;
        height: 24px;
        background: url(/images/point.png) 0 0 repeat-x;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s ease;
        outline: none;
        overflow: hidden;
        -webkit-tap-hight-color: rbga(0, 0, 0, 0);
    }

.container.full {
    max-width: 100%;
    padding: 0;
}

.Logo {
    margin: 44px 37px;
}

    .Logo:after {
        width: 1px;
        height: 175px;
        content: "";
        background-color: #AE5322;
        position: absolute;
        top: 18%;
        left: 230px;
        box-shadow: 3px 0 5px rgb(204 92 0 / 50%);
    }

    .Logo h1 {
        color: #CC5D00;
        font-size: 50px;
        letter-spacing: 0.1em;
        margin: 0 0 0 225px;
        position: absolute;
        width: 115px;
        font-weight: 400;
    }

#navBarsh .nav {
    justify-content: end;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 20px;
}

header.fixed-top {
    background-color: #fff;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.topSearch {
    margin: 0 auto;
    display: none;
    background-color: #F2F2F2;
    padding: 50px;
    overflow: hidden;
}

    .topSearch .close {
        display: none;
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
    }

    .topSearch.open .close {
        display: block;
    }

.SearchBtn {
    margin-left: -32px !important;
    z-index: 4 !important;
    color: #CC5D00;
    transform: scale(1.4);
    background-color: #fff;
    padding: 0;
    height: 22px;
    top: 6px;
}

.topSearch input.form-control,
.topSearch .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius: 60px;
    padding-left: 20px;
    border-color: #CC5D00;
}

    .topSearch input.form-control:focus {
        box-shadow: 0 0 0 0.25rem rgba(253, 117, 13, 0.25)
    }

#navBars {
    min-width: 8%;
    margin: -74px 90px 0 40px;
}

    #navBars .nav-link {
        position: relative;
        color: #333;
        padding: 1.5rem;
        font-size: 32px;
        letter-spacing: 0.2em;
    }

        #navBars .nav-link:before {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            content: '';
            width: 2px;
            height: 30%;
            background-color: #5c5c5c;
        }
        #navBars .nav-item:last-child .nav-link:after {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            content: '';
            width: 2px;
            height: 30%;
            background-color: #5c5c5c;
        }

        #navBars .nav-link span {
            font-size: 26px;
        }

h2.title {
    font-size: 70px;
    color: #999;
    text-align: center;
    background: url(/images/titleline.svg) center bottom no-repeat;
    padding-bottom: 70px;
    letter-spacing: .1em;
    font-weight: 100;
    margin: 0 auto 20px;
}

h1.title {
    font-size: 36px;
    color: #999;
    text-align: center;
    padding-bottom: 27px;
    letter-spacing: .5em;
    font-weight: 400;
    margin: 15px auto 10px;
}

    h1.title.c1 {
        color: #CC5D00;
    }

    h1.title.c2 {
        color: #333;
        font-weight: 500;
    }

h1.title2 {
    font-size: 48px;
    color: #CC5D00;
    text-align: center;
    padding-bottom: 27px;
    letter-spacing: .5em;
    font-weight: 400;
    margin: 15px auto 10px;
    background: url(/images/h1_title.png) center bottom no-repeat;
}

h1.title3 {
    font-size: 29px;
    color: #999;
    text-align: center;
    padding-bottom: 27px;
    letter-spacing: .5em;
    font-weight: 400;
    margin: 15px auto 10px;
}

@keyframes chgColor {
    from {
        color: #999;
    }

    to {
        color: #CC5D00;
    }
}

.stitle {
    font-size: 24px;
    color: #999;
    text-align: center;
    background: url(/images/stitle1.svg) center bottom no-repeat;
    padding-bottom: 18px;
    letter-spacing: .3em;
    font-weight: 400;
    margin: 0 auto 20px;
    transition: all .3s ease;
}

    .stitle:hover {
        background: url(/images/stitle2_2.svg) center bottom no-repeat;
        animation-name: chgColor;
        animation-duration: 2s;
        animation-delay: .1s;
        animation-fill-mode: forwards;
    }

.stitle2 {
    font-size: 24px;
    color: #999;
    text-align: center;
    padding-bottom: 18px;
    letter-spacing: .5em;
    font-weight: 400;
    margin: 0 auto 40px;
}

.stitle2.c2 {
    color: #333;
}

#List_Category {
    justify-content: center;
}

.clickmore {
    margin: 15px 0 0;
    transition: all .3s ease;
}

    .clickmore:hover {
        color: #AE5322;
    }

    .clickmore .r180 {
        transform: rotate(180deg);
    }

.btnList {
    overflow: hidden;
    max-width: 100vw;
    text-align: center;
}

.hlink {
    position: relative;
    display: inline-block;
    color: #CC5D00;
    padding: 1rem 0 0 1.5rem;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-decoration: none;
}

.hlink::before {
    display: inline-block;
    content: '●';
    font-size: 24px;
    margin-right: 5px;
}

    .hlink:hover {
        color: #5c5c5c;
        cursor: pointer;
    }

.hlink2 {
    position: relative;
    display: inline-block;
    background-color: #CC5D00;
    padding: 0rem 2.5rem 0rem 2.5rem;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-decoration: none;
    transition: all .3s ease;
    color: #fff;
    border-radius: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}

    .hlink2:hover {
        color: #fff;
        background-color: #5c5c5c;
        transform: scale(.95);
    }
    .hlink2 img {
        display: none;
    }

    .hlink2 .r180 {
        transform: rotate(180deg);
    }

.hlink3 {
    position: relative;
    display: inline-block;
    background-color: #CC5D00;
    padding: 0rem 2.5rem 0rem 2.5rem;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-decoration: none;
    transition: all .3s ease;
    color: #fff;
    border-radius: 50px;
    line-height: 45px;
    cursor: pointer;
    white-space: nowrap;
}

    .hlink3:hover {
        color: #fff;
        background-color: #5c5c5c;
        transform: scale(.95);
    }

.menu3 {
    text-align: center;
    position: relative;
}

    .menu3 .mtitle {
        text-align: center;
        font-size: 50px;
        font-weight: 300;
        color: #999;
        margin: 20px auto;
        position: relative;
        padding-bottom: 5px;
        display: table;
        cursor: pointer;
    }

        .menu3 .mtitle:hover {
            color: #CC5D00;
        }

        .menu3 .mtitle a {
            color: #999;
            text-decoration: none;
        }

            .menu3 .mtitle a:hover {
                color: #CC5D00;
            }

        .menu3 .mtitle:before {
            content: '';
            width: 100%;
            height: 24px;
            background: linear-gradient(to right, #f3a931, #b2b2b2);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            transition: all .3s ease;
            outline: none;
            overflow: hidden;
            -webkit-tap-hight-color: rbga(0, 0, 0, 0);
            display: none;
        }

        .menu3 .mtitle:after {
            content: '';
            width: 100%;
            height: 24px;
            background: url(/images/point.png) 0 0 repeat-x;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            transition: all .3s ease;
            display: none;
        }

    .menu3 .nav-item a {
        text-align: left;
        font-size: 22px;
        color: #999;
        margin: 0 auto;
    }

        .menu3 .nav-item a:hover {
            color: #CC5D00;
        }

@keyframes chgSline1 {
    from {
        height: 0;
    }

    to {
        height: 80px;
    }
}

@keyframes chgSline2 {
    from {
        height: 80px;
    }

    to {
        height: 0;
    }
}

@keyframes chgSline3 {
    from {
        min-height: 350px;
    }

    to {
        min-height: 0;
        height: 0;
    }
}

@keyframes chgSline4 {
    from {
        min-height: 182px;
    }

    to {
        min-height: 0;
        height: 0;
    }
}

.menu3 .sline {
    width: 170px;
    height: 70px;
    margin: 0 auto 30px;
    animation-name: chgSline1;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    background-size: 100%;
    pointer-events: none;
    position: absolute;
    left: 50%;
}

.menu3 .navlist {
    display: none;
}

.menu3 .navlist {
    padding-left: calc(50% - 165px);
}

    .menu3 .navlist.small {
        padding-left: calc(50% - 115px);
    }

    .menu3 .navlist.big {
        padding-left: calc(50% - 151px);
    }

    .menu3 .navlist.big1 {
        padding-left: calc(50% - 184px);
    }

    .menu3 .navlist.big2 {
        padding-left: calc(50% - 222px);
    }

.mtop1 {
    margin-top: 0;
}

.mtop2 {
    margin-top: 0;
}

.mtop3 {
    margin-top: 0;
}

.mtop4 {
    margin-top: 0;
}

.pointer {
    cursor: pointer;
}

.img-icon {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 0 5px -20px;
    transition: all .3s ease;
    filter: grayscale(100%);
    opacity: .6;
    position: absolute;
    left: -65px;
    top: -23px;
}

.menu3.open .img-icon {
    transform: scale(1);
    transform-origin: 50% 100%;
    opacity: 1;
}

.Featured {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}

.Featured h3 {
    color: #cd6409;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    letter-spacing: 0.4em;
}

.Featured .article {
    color: #464646;
    font-size: 24px;
    border: 1px solid;
    border-radius:25px;
    padding: 5px 20px;
    margin: 0 15px;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

.Featured .article:hover {
    color: #AE5322;
    background-color: #ffefe2;
    border: 1px solid #AE5322;
}

.alliance {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 15px;
}

.alliance.home {
    justify-content: space-evenly;
    min-width: 300px;
    max-width: 100%;
}

.alliance h3 {
    color: #cd6409;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    letter-spacing: 0.4em;
}

.childgrowth .alliance h3 {
    color: #70982f
}

.alliance .link,
.alliance .link2 {
    color: #464646;
    font-size: 18px;
    border: 5px solid #f2f2f2;
    border-radius: 50%;
    padding: 0;
    margin: 20px 15px 70px;
    float: left;
    text-align: center;
    width: 125px;
    height: 125px;
    line-height: 1.5em;
    background-color: rgb(255, 255, 255);
    position: relative;
    font-weight: 400;
    transition: all .3s ease;
}

.alliance.big .link {
    width: 190px;
    height: 190px;
}

.alliance .link span {
    color: rgb(204, 93, 0);
    font-size: 18px;
    font-weight: 400;
}

.alliance .link:hover {
    color: #AE5322;
    border: 5px solid #d79d7d;
}

.childgrowth .alliance .link span {
    color: #70982f;
}

.childgrowth .alliance .link:hover {
    color: #415e13;
    border: 5px solid #b0d77d;
}

.alliance .link:hover span {
    color: #333;
}

.alliance .link img.alogo,
.alliance .link2 img.alogo {
    margin: -5px -5px 15px;
    border-radius: 50%;
    width: 155px;
    height: 155px;
    display: block;
}

.alliance.big img.alogo {
    width: 160px;
    margin: 10.5px 10px 25px;
    height: 160px;
}

.alliance .link,
.alliance .link2 {
    color: #666;
    font-size: 24px;
    padding: 0;
    width: 155px;
    height: 155px;
}

.alliance .link:hover,
.alliance .link2:hover {
    color: #AE5322;
    border: 5px solid #d79d7d;
    transform: scale(1.2);
}

.alliance .link:hover img,
.alliance .link2:hover img {
    transform: scale(.9);
}

.brhide {
    display: none;
}

.cooperates h3 {
    color: #777;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    letter-spacing: 0.4em;
}

.cooperates .time {
    color: rgb(204 93 0);
    font-size: 16px;
    text-align: center;
    padding: 10px 5px;
    letter-spacing: 0.1em;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
}

.childgrowth .cooperates .time {
    color: #8ab348;
}

.cooperates .row {
    border-top: 1px solid #ccc;
}

.cooperates .link {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 5px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #ccc;
}

.cooperates .link a {
    color: #5c5c5c;
}

.cooperates .link a:hover {
    color: #cd6409;
}

.childgrowth .cooperates .link a:hover {
    color: #70982f;
}

.cooper_pic {
    padding: 51px 15px 0;
}

.cooper_pic img {
    width: 100%;
}

.submenu {
    margin-left: 10px;
    display: none;
}

.submenu.active {
    display: block;
}

.submenu li {
    margin: 0 0 7px 25px; 
}

.submenu li a {
    color: #5c5c5c;
}

.submenu li a:hover {
    color: #AE5322;
}

@media (min-width: 581px) {
    #navBars {
        z-index: 2;
    }
    #navBars .nav-item {
        position: relative;
    }
    #navBars .nav-item:hover .submenu {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 10px;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        border-radius: 7px;
        z-index: 1;
    }
    #navBars .submenu .nlink {
        font-size: 18px;
        color: #666;
        padding: 10px 20px;
        border-bottom: 1px solid #d8d8d8;
    }
    #navBars .submenu .nlink:last-child {
        border-bottom: none;
    }
    #navBars .nav-item .submenu .nlink:hover {
        background-color: #fba339;
        color: #fff;
    }
    #menu2 {
        z-index: 1;
    }
    #menu2 .nav-item {
        position: relative;
    }
    #menu2 .nav-item:hover .submenu {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 10px;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        border-radius: 7px;
    }
    #menu2 .submenu .nlink {
        font-size: 18px;
        color: #666;
        padding: 10px 20px;
        border-bottom: 1px solid #d8d8d8;
    }
    #menu2 .submenu .nlink:last-child {
        border-bottom: none;
    }
    #menu2 .nav-item .submenu .nlink:hover {
        background-color: #fba339;
        color: #fff;
    }
}
@media (min-width: 1920px) {
    #navBars .nav-item:hover .submenu {
        top: 75px;
    }
}

footer {
    color: #fff;
    background-color: #887c72;
    position: relative;
    padding: 15px;
}

    footer span.comp {
        font-size: 18px;
        color: #ffdeae;
        display: inline-block;
        margin-right: 15px;
        font-weight: normal;
        text-shadow: 0 2px 2px rgb(0 0 0 / 50%);
    }

    footer .nav {
        width: 100%;
        top: 10px;
    }

    footer .nav-link {
        position: relative;
        color: #CC5D00;
        padding: 0.5rem 1.5vw;
    }

    footer i.bi {
        color: #fff;
        position: relative;
        font-size: 35px;
        margin: 0 30px 0 0;
    }

        footer i.bi:hover {
            color: #000;
        }

        footer i.bi:before {
            width: 35px;
            height: 35px;
            border-radius: 50%;
        }

        footer i.bi.bi-wechat {
            color: #fff;
            background-color: rgb(255 255 255 / 25%);
            font-size: 27px;
            text-align: center;
            line-height: 30px;
            width: 37px;
            height: 37px;
            line-height: 37px;
            display: inline-block;
            border-radius: 50%;
            margin: 9px 30px 0 0;
        }

            footer i.bi.bi-wechat:hover {
                background-color: #000;
            }

@supports (-moz-appearance:none) {
    footer i.bi:before {
        height: 29px;
    }

    footer i.bi.bi-line::before {
        height: 23px;
    }

    footer i.bi.bi-envelope-fill::before {
        height: 20px;
    }
}

#navBars .nav-link.active,
#navBars .nav-link.active:hover {
    color: #FA8F00;
}

#navBars .nav-link:hover,
footer .nav-link:hover {
    color: #FA8F00;
}

footer .nav-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background-color: #ccc;
}

footer .nav-item:last-child .nav-link:after {
    display: none;
}

.nav-link:focus, .nav-link:hover {
    color: #FA8F00;
}

#lang {
    list-style: none;
    float: left;
    position: absolute;
    right: 24px;
    top: 29px;
}

    #lang li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        color: #F2F2F2;
        font-size: 24px;
        letter-spacing: 0.2em;
        cursor: pointer;
    }

        #lang li:hover {
            color: #999;
        }

        #lang li::after {
            content: '/';
            padding: 0 10px;
            cursor: default;
            color: #F2F2F2;
        }

        #lang li:last-child:after {
            display: none;
        }

#menu2 {
    list-style: none;
    float: left;
    position: absolute;
    right: 5px;
    margin: 75px 0 0;
}

    #menu2 li {
        list-style: none;
        margin: 0;
        padding: 0 15px;
        float: left;
    }

        #menu2 li a {
            color: #333;
            font-size: 20px;
            letter-spacing: 0.2em;
            padding: .5rem .7rem;
        }

            #menu2 li a:hover {
                color: #FA8F00;
            }
        
        #menu2 li a.nav-link.lay1 {
            border-radius: 50px;
            background-color: #fba339;
            color: #fff !important;
            padding: 0.25rem 1rem;
            font-size: 18px;
            margin: 7px 10px 0;
            letter-spacing: 0.05em;
        }
        
        #menu2 li a.nav-link.lay2 {
            border-radius: 50px;
            background-color: #9ebf68;
            color: #fff !important;
            padding: 0.25rem 1rem;
            font-size: 18px;
            margin: 7px 0 0;
            letter-spacing: 0.05em;
        }
        
        #menu2 li a.nav-link.lay1:hover,
        #menu2 li a.nav-link.lay2:hover {
            background-color: #5c5c5c;
        }
        
        #menu2 li a.search {
            margin-top: -4px;
        }

#news {
    position: absolute;
    left: 0;
    right: 0;
    height: 35px;
    overflow: hidden;
    background: linear-gradient(to right,  #feb02a 0%,#fa9101 53%,#cf6300 100%);
}

    #news > h1 {
        display: none;
    }

    #news > ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #news > ul[data-length="5"] {
            top: 30px;
            animation-name: news-5;
            animation-duration: 30s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s;
        }

        #news > ul[data-length="4"] {
            top: 30px;
            animation-name: news-4;
            animation-duration: 24s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s;
        }

        #news > ul[data-length="3"] {
            top: 30px;
            animation-name: news-3;
            animation-duration: 18s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s;
        }

        #news > ul[data-length="2"] {
            top: 30px;
            animation-name: news-2;
            animation-duration: 12s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
            animation-fill-mode: both;
            animation-delay: 3s;
        }

        #news > ul:hover {
            animation-play-state: paused;
        }

.news {
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.news__title {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}

.news__title:hover {
    color: #333;
}

@keyframes news-5 {
    0% {
        top: 30px;
    }

    5% {
        top: 0;
    }

    15% {
        top: 0;
    }

    20% {
        top: -30px;
    }

    35% {
        top: -30px;
    }

    40% {
        top: -60px;
    }

    55% {
        top: -60px;
    }

    60% {
        top: -90px;
    }

    75% {
        top: -90px;
    }

    80% {
        top: -120px;
    }

    95% {
        top: -120px;
    }

    99% {
        top: -150px;
    }

    100% {
        top: 30px;
    }
}

@keyframes news-4 {
    0% {
        top: 30px;
    }

    5% {
        top: 0;
    }

    15% {
        top: 0;
    }

    20% {
        top: -30px;
    }

    40% {
        top: -30px;
    }

    45% {
        top: -60px;
    }

    65% {
        top: -60px;
    }

    70% {
        top: -90px;
    }

    90% {
        top: -90px;
    }

    95% {
        top: -120px;
    }

    99% {
        top: -120px;
    }

    100% {
        top: 30px;
    }
}

@keyframes news-3 {
    0% {
        top: 30px;
    }

    5% {
        top: 0;
    }

    30% {
        top: 0;
    }

    35% {
        top: -30px;
    }

    60% {
        top: -30px;
    }

    65% {
        top: -60px;
    }

    90% {
        top: -60px;
    }

    95% {
        top: -90px;
    }

    99% {
        top: -90px;
    }

    100% {
        top: 30px;
    }
}

@keyframes news-2 {
    0% {
        top: 30px;
    }

    5% {
        top: 0;
    }

    55% {
        top: 0;
    }

    60% {
        top: -30px;
    }

    90% {
        top: -30px;
    }

    95% {
        top: -60px;
    }

    99% {
        top: -60px;
    }

    100% {
        top: 30px;
    }
}

::placeholder {
    color: #c2c2c2 !important;
    opacity: 1;
    font-weight: 100;
    letter-spacing: .15em;
}

.newslist a {
    color: #666;
    text-decoration: none;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / 7.5%);
    transition: all .3s ease;
    overflow: hidden;
}

    .newslist a img {
        transition: all .5s ease;
        transform: scale(1);
    }

    .newslist a:hover {
        color: #444;
        box-shadow: 0 15px 15px -10px rgba(81, 19, 0, 0.5);
        background-color: #ffece2;
    }

        .newslist a:hover img {
            transform: scale(1.05);
        }

    .newslist a h3 {
        color: #000;
        font-size: 22px;
        font-weight: bold;
    }

    .newslist a .card-text {
        font-size: 14px;
        max-height: 85px;
        overflow: hidden;
    }

.newslist .time {
    color: #bbb;
    font-size: 13px;
    text-align: right;
}

#myCarousel {
    margin: 35px 0 0;
}

.carousel-control-next, .carousel-control-prev {
    width: 7%;
}

.pop {
    position: relative;
    background: url(/images/pop1.jpg) center center no-repeat;
    background-size: cover;
    margin-top: 0;
}

    .pop .arrowbtn {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        background: url(/images/arrowbtn.svg) center center no-repeat;
        cursor: pointer;
        border-radius: 50%;
    }

        .pop .arrowbtn:hover {
            background: #ffffff url(/images/arrowbtn.svg) center center no-repeat;
            background-size: 70%;
        }

.popfixed {
    position: absolute;
    width: calc(100% - 24px);
    display: block;
    top: 0;
    left: 0;
    z-index: 999;
    margin: 0 12px;
    pointer-events: none;
}

@keyframes line_scale {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@keyframes line_move {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(5%, 5%);
    }

    35% {
        transform: translate(-5%, 2%);
    }

    40% {
        transform: translate(5%, -5%);
    }

    50% {
        transform: translate(10%, 3%);
    }

    65% {
        transform: translate(-7%, 7%);
    }

    80% {
        transform: translate(5%, -2%);
    }

    100% {
        transform: translate(0, 0);
    }
}

.pop_lines {
    transform-origin: 6% 94%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    animation-name: line_scale;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.pop_line1 {
    position: absolute;
    bottom: 6%;
    left: 6%;
    width: 2%;
    height: 80%;
    max-width: 1vw;
    max-height: 839px;
    animation-name: line_move;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-delay: 5s;
}

.pop_line2 {
    position: absolute;
    bottom: 8%;
    left: 4%;
    width: 20vw;
    height: auto;
    max-width: 359px;
    max-height: 359px;
    animation-name: line_move;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-delay: 3s;
}

.pop_line3 {
    position: absolute;
    bottom: 10%;
    left: 3%;
    width: 50%;
    height: 2%;
    max-width: 868px;
    max-height: 30px;
    animation-name: line_move;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-delay: 4s;
}

@keyframes chgPOP1 {
    from {
        opacity: 0;
        left: 5%;
    }

    to {
        opacity: 1;
        left: 12%;
    }
}

@keyframes chgPOP2 {
    from {
        opacity: 0;
        top: 55%;
    }

    to {
        opacity: 1;
        top: 42%;
    }
}

.popfixed .poptitle {
    position: absolute;
    top: 24%;
    left: 12%;
    font-size: 3.8vw;
    font-weight: 300;
    letter-spacing: .1em;
    color: #545454;
    text-indent: -0.7em;
    transform: scale(1);
    line-height: 1.1em;
    animation-name: chgPOP1;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.popfixed .poptitle2 {
    position: absolute;
    top: 32%;
    left: 12%;
    font-size: 3.8vw;
    font-weight: 300;
    letter-spacing: .1em;
    color: #545454;
    text-indent: -0.7em;
    transform: scale(1);
    line-height: 1.1em;
    animation-name: chgPOP1;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-indent: 0.05em;
}

.popfixed .poptext {
    position: absolute;
    top: 47%;
    left: 9.5%;
    font-size: 1.5vw;
    font-weight: 300;
    color: #545454;
    animation-name: chgPOP2;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.serviceHours { 
    margin: 0 0 30px;
    padding: 20px 0 0;
    text-align: center;
    color: #666;
    font-size: 24px;
    font-weight: 400;
}

    .serviceHours hr {
        background-color: #B3B3B3;
        opacity: 1;
        margin: 0;
    }

    .serviceHours .info {
        padding: 10px 10px;
        font-size: 1.2vw;
        font-weight: 400;
        color: #666;
    }

        .serviceHours .info .name {
            font-size: 1.5vw;
            line-height: 1em;
        }

    .serviceHours .week {
        text-align:center;
        font-size: 2vw;
        margin: 0;
        font-weight: 400;
    }

    .serviceHours .time {
        font-size: 2vw;
        border-radius: 50%;
        background-color: #777;
        width: 3vw;
        height: 3vw;
        line-height: 3vw;
        text-align: center;
        color: #fff;
    }

.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video {
    left: 0;
    background-color: #000;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after,
.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after {
    left: 50%;
    content: '▶';
    border-radius: 50%;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 45px;
    transform: translate(-50%, -50%);
    text-indent: 0.23em;
    background-image: linear-gradient(to top left, #ffa600, #ffe100);
    border: 2px solid #fff;
    box-shadow: 0 5px 10px rgba(0 0 0 / 15%);
}

.rtopVideoPlayerWrapper .rtopVideoPlayer:hover .rtopVideoHolder.hasFAIcons:after {
    border: 2px solid #cc0000;
    color: #cc0000;
    background: #fff;
    line-height: 75px;
    transform: translate(-50%, -50%) scale(.75);
    box-shadow: none;
}

#my_video {
    position: relative;
}

    #my_video .yt {
        height: calc(0.5625 * 100vw);
    }

    #my_video .videolink {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 860px;
        height: 105px;
        z-index: 5;
        font-size: 36px;
        color: #fff;
        letter-spacing: .35em;
        text-indent: 1em;
        line-height: 3em;
        transition: all .3s ease;
        transform-origin: 100% 100%;
    }

        #my_video .videolink:hover {
            opacity: .5;
        }

    #my_video .videolistall {
        overflow-x: auto;
        width: 100%;
        position: absolute;
        z-index: 997;
        bottom: 0;
        height: auto;
        background-color: #b7ab9b;
        display: none;
    }

    #my_video .videolist {
        white-space: nowrap;
        width: auto;
        display: -webkit-inline-box;
    }

    #my_video .videoimg {
        display: inline;
        float: left;
        width: calc(20% - 15px);
        height: auto;
        margin: 15px 7.5px 25px;
        transition: all .3s ease;
    }

        #my_video .videoimg:hover {
            transform: scale(.95);
        }

@keyframes fadeIn1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    from {
        opacity: 0;
        left: 40%;
    }

    to {
        opacity: 1;
        left: 30%;
    }
}

@keyframes breathe {
    0% {
        transform: translate(0px, 0px) scale(1);
    }

    10% {
        transform: translate(5px, 10px);
    }

    20% {
        transform: translate(10px, 5px) scale(.8);
    }

    30% {
        transform: translate(-10px, -5px);
    }

    40% {
        transform: translate(-5px, 10px);
    }

    50% {
        transform: translate(-10px, 0px) scale(1.2);
    }

    60% {
        transform: translate(0px, -10px);
    }

    70% {
        transform: translate(10px, 5px);
    }

    80% {
        transform: translate(5px, 10px) scale(.9);
    }

    90% {
        transform: translate(10px, 0px);
    }

    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

@keyframes breathes {
    0% {
        transform: translate(0px, 0px);
    }

    10% {
        transform: translate(5px, 5px);
    }

    20% {
        transform: translate(0px, 5px);
    }

    30% {
        transform: translate(-5px, -5px);
    }

    40% {
        transform: translate(-5px, 5px);
    }

    50% {
        transform: translate(-5px, 0px);
    }

    60% {
        transform: translate(0px, -5px);
    }

    70% {
        transform: translate(5px, 5px);
    }

    80% {
        transform: translate(5px, 0px);
    }

    90% {
        transform: translate(5px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.colorbox {
    background: url(/images/colorbox2.png) no-repeat;
    width: 300px;
    height: 300px;
    position: absolute;
    color: #d87522;
    transform-origin: 0 0;
    z-index: 5;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer;
    transition: all .3s ease;
}

.colorbox:hover {
    color: #fff;
    background-color: rgb(184 87 22 / 80%);
}

/*.breathe1 {
    transform-origin: 50% 50%;
    animation-name: breathe;
    animation-duration: 30s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    opacity: 1;
}

.breathe2 {
    transform-origin: 50% 50%;
    animation-name: breathe;
    animation-duration: 30s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    opacity: 1;
}

.breathe3 {
    transform-origin: 50% 50%;
    animation-name: breathe;
    animation-duration: 30s;
    animation-delay: 10s;
    animation-iteration-count: infinite;
    opacity: 1;
}

.breathes1 {
    transform-origin: 50% 50%;
    animation-name: breathes;
    animation-duration: 30s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    opacity: 1;
}

.breathes2 {
    transform-origin: 50% 50%;
    animation-name: breathes;
    animation-duration: 30s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    opacity: 1;
}

.breathes3 {
    transform-origin: 50% 50%;
    animation-name: breathes;
    animation-duration: 30s;
    animation-delay: 10s;
    animation-iteration-count: infinite;
    opacity: 1;
}*/

.colorbox.scaled {
    z-index: 6;
}

.colorbox.cb1 {
    top: 2%;
    left: 12%;
    animation-name: fadeIn1;
    animation-duration: .5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.colorbox.cb2 {
    width: 300px;
    height: 300px;
    top: 36%;
    left: 5%;
    animation-name: fadeIn1;
    animation-duration: .5s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.colorbox.cb3 {
    width: 300px;
    height: 300px;
    top: 69%;
    left: 13%;
    animation-name: fadeIn1;
    animation-duration: .5s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

/* .boxline1 {
    background: url(/images/boxline1.png) center center no-repeat;
    width: 631px;
    height: 17px;
    position: absolute;
    top: 68%;
    left: 15%;
    opacity: 1;
    transition: all .3s ease;
}

.boxline2 {
    background: url(/images/boxline2.png) center center no-repeat;
    width: 564px;
    height: 16px;
    position: absolute;
    top: 68%;
    left: 35%;
    transform: scale(.85);
    opacity: 1;
    transition: all .3s ease;
}

.boxline3 {
    background: url(/images/boxline1.png) center center no-repeat;
    width: 631px;
    height: 17px;
    position: absolute;
    top: 68%;
    left: 15%;
    opacity: 1;
    transition: all .3s ease;
}

.scaled .boxline1,
.scaled .boxline2,
.scaled .boxline3 {
    width: 0;
    opacity: 0;
} */

@keyframes moveright {
    0% {
        left: 10%;
    }

    50% {
        left: 90%;
    }

    100% {
        left: 10%;
    }
}

.colorbox .number {
    color: #d87522;
    position: absolute;
    top: 30%;
    left: -15%;
    font-size: 60px;
    font-weight: 400;
    pointer-events: none;
    font-family: 'Times New Roman', Times, serif;
    transform: skewX(-5deg);
}

.colorbox .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: .1em;
    pointer-events: none;
    text-align: center;
}

.colorbox a.more {
    position: absolute;
    bottom: 15%;
    display: none;
    width: 100%;
    text-align: center;
    font-size: 23px;
    font-weight: 100;
    color: #fff;
    text-decoration: none;
    padding: 10px 25px 5px;
    letter-spacing: .2em;
    transition: all .3s ease;
}

    .colorbox a.more:hover,
    .colorbox.scaled a.more {
        color: #FFF800;
        background: none;
    }

.ptitle {
    font-size: 36px;
    color: #FEAF2A;
    letter-spacing: .2em;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    margin: 0 auto 35px;
}

.menu4 {
    font-size: 24px;
    text-decoration: none;
    color: #999;
    letter-spacing: .2em;
    text-align: center;
    font-weight: 400;
    display: block;
    position: relative;
    padding: 20px 0;
    cursor: pointer;
}

    .menu4:hover,
    .menu4.active {
        color: #CC5D00;
    }

@keyframes chgmenu4 {
    from {
        opacity: 1;
        height: 31px;
    }

    to {
        opacity: 0;
        height: 0;
    }
}

.menu4:hover:after,
.menu4.active:after {
    transform: translateX(-50%);
    animation-name: chgmenu4;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

.doctorInfo {
    position: relative;
    padding: 30px 0;
    width: 100%;
    max-width: 1400px;
    margin: 30px auto;
}

    .doctorInfo:after {
        background-color: #C8C9C9;
        content: '';
        height: 1px;
        width: 100%;
        max-width: 95%;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    .doctorInfo:last-child:after {
        display: none;
    }

    .doctorInfo .doctor {
        border-radius: 50%;
    }

    .doctorInfo h5 {
        font-size: 24px;
        color: #CC5D00;
        letter-spacing: .2em;
        font-weight: 400;
        margin-bottom: 2em;
    }

    .doctorInfo h4 {
        font-size: 29px;
        color: #CC5D00;
        letter-spacing: .5em;
        font-weight: 400;
        margin-bottom: .25em;
    }

        .doctorInfo h4 strong {
            font-size: 36px;
            font-weight: 400;
        }

    .doctorInfo .label {
        font-size: 26px;
        color: #CC5D00;
        letter-spacing: .2em;
        margin-bottom: 0;
        position: relative;
        font-weight: 500;
    }

        .doctorInfo .label:before {
            background-color: #CC5D00;
            content: '';
            height: 15px;
            width: 15px;
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 50%;
        }

        .doctorInfo .label.noline:before {
            display: none;
        }

    .doctorInfo .info {
        font-size: 24px;
        color: #666;
        letter-spacing: .2em;
    }
    .doctorInfo .hlink::before {
        display: none;
    }
    .doctorInfo .hlink i {
        background-color: #CC5D00;
        border-radius: 50%;
        color: #fff;
        width: 34px;
        height: 34px;
        line-height: 32px;
        text-align: center;
        display: inline-block;
        text-indent: .1em;
    }
    .doctorInfo .hlink:hover i {
        background-color: #333;
    }
    .doctorInfo .titlebar {
        border: 1px solid #CC5D00;
        border-radius: 15px;
        color: #CC5D00;
        font-size: 24px;
        text-align: center;
        display: block;
        padding: 5px 30px;
        margin: 50px auto 35px;
    }
    .doctorInfo .titlebar strong {
        margin: 0 5px 0 15px;
        white-space: nowrap;
    }
    .doctorInfo .expertise {
        padding-left: 70px;
    }

.breadcrumb {
    margin: 15px 0 25px 45px;
}

    .breadcrumb .breadcrumb-item {
        color: #B3B3B3;
        font-size: 29px;
        letter-spacing: .4em;
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: #B3B3B3;
}

.breadcrumb .breadcrumb-item a {
    font-size: 29px;
    text-decoration: none;
    padding: 10px 0;
    color: #B3B3B3;
}

    .breadcrumb .breadcrumb-item a:hover {
        color: #999;
    }

.menu5 {
    font-size: 24px;
    text-decoration: none;
    color: #999;
    letter-spacing: .2em;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding: 10px 5px 10px 30px;
    text-align: left;
    max-width: 95%;
}

    .menu5:hover,
    .menu5.active {
        color: #CC5D00;
        cursor: pointer;
    }
    .menu5:before {
        font-size: 15px;
        content: '▶';
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        line-height: 30px;
    }
    .menu5.active:before {
        top: 40%;
        left: -6px;
        transform: rotate(90deg);
    }

    /* .menu5:after {
        background: url(/images/pline2.svg) right bottom no-repeat;
        background-size: cover;
        content: '';
        width: 370px;
        max-width: calc(100% + 25px);
        height: 31px;
        display: block;
        position: absolute;
        bottom: 3px;
        left: 50%;
        transform: translateX(-45%);
        pointer-events: none;
        transform-origin: 50% 100%;
    } */

@keyframes chgmenu5 {
    from {
        opacity: 1;
        height: 31px;
        border-bottom: 0px solid #B3B3B3;
        transform: translateX(-45%);
    }

    to {
        opacity: 1;
        height: 0;
        max-width: 100%;
        border-bottom: 1px solid #B3B3B3;
        transform: translateX(-50%);
    }
}

.menu5:hover:after,
.menu5.active:after {
    transform: translateX(-45%);
    animation-name: chgmenu5;
    animation-duration: .3s;
    animation-fill-mode: forwards;
}

.success .img-fluid {
    width: 100%;
}

.success .card {
    border: none;
}

.success .card-body {
    padding: 1rem 0;
}

.success .card-text {
    font-size: 27px;
    color: #CC5D00 !important;
    font-weight: 400;
    margin: 0 0 10px !important;
}

.success .more {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #655f5f;
    border-radius: 30px;
    padding: 3px 15px 5px;
}

    .success .more:hover {
        color: #fff;
        background-color: #333;
    }

.success .page h2 {
    color: #CC5D00;
    font-size: 32px;
    margin: 10px 0 20px;
    font-weight: bold;
    letter-spacing: .4em;
}

.success .page p {
    color: #333;
    font-size: 25px;
    line-height: 2em;
    margin: 0 0 30px;
}

.success .page div {
    color: #333;
    font-size: 25px;
    line-height: 2em;
    margin: 0 0 10px;
}

    .success .page p.title {
        color: #CC5D00;
        font-size: 24px;
        line-height: 1.3em;
        margin: 0 0 10px;
        font-weight: 400;
    }

    .success .page p.text {
        color: #999;
        font-size: 18px;
        line-height: 1.3em;
    }

.success .page li {
    color: #999;
    font-size: 25px;
    line-height: 2em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 比例的影片容器，可以根據需要調整這個值 */
    height: 0;
    overflow: hidden;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.success .page img {
    margin: 30px 0;
}

.success .page .btn-link {
    color: #B3B3B3;
    text-decoration: none;
    font-size: 29px;
    position: relative;
}

    .success .page .btn-link * {
        transition: all .3s ease;
    }

    .success .page .btn-link:hover {
        color: #999;
    }

    .success .page .btn-link span {
        display: inline-block;
        margin: 0 20px;
    }

    .success .page .btn-link .bi {
        position: absolute;
    }

.success .page .text-start .btn-link .bi {
    left: 0;
}

.success .page .text-end .btn-link .bi {
    right: 0;
}

.success .page .text-start .btn-link:hover .bi {
    left: -10px;
}

.success .page .text-end .btn-link:hover .bi {
    right: -10px;
}

.success .page .page-item .page-link {
    color: #999;
}

.success .page .page-item.active .page-link {
    background-color: #FEAF2A;
    border-color: #FA8F00;
    color: #fff;
    font-weight: bold;
}

.contact label {
    font-size: 22px;
    font-weight: 400;
    color: #999;
}

.contact select {
    border-radius: 19px;
}

.contact .form-control,
.contact .form-select {
    border: 1px solid #cacaca;
    color: #999;
}

    .contact .form-control:focus,
    .contact .form-select:focus {
        background-color: #F2F2F2;
        box-shadow: 0 0 0 0.25rem rgba(253, 117, 13, 0.25);
        border: 1px solid #CC5D00;
    }

    .contact .form-select option:not(:checked) {
        background: #f2f2f2;
        color: #999;
    }

.contact .ico_link {
    background-image: url(/images/icon_contact.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
}

    .contact .ico_link:hover {
        transform: scale(.85);
    }

    .contact .ico_link.line {
        background-position: 0 center;
    }

    .contact .ico_link.message {
        background-position: -188px center;
    }

    .contact .ico_link.email {
        background-position: -375px center;
    }

.contact h3.subtitle {
    font-size: 22px;
    color: #999;
    border: 1px solid #cacaca;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 30px;
}

.contact .textareaStyle1 {
    color: #5c5c5c;
    border: 1px solid #cacaca;
    padding: 10px 15px;
    border-radius: 15px;
    width: 100%;
    height: 150px;
}

#smallModal .modal-content {
    background-color: transparent;
    border: none;
}

#smallModal .modal-header .btn-close {
    color: #fff;
    margin: -.5rem -.5rem;
    background-image: none;
    font-size: 50px;
    opacity: 1;
}

.mshow {
    display: none;
}

.menuAll {
    margin-bottom: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}

footer p,
footer .nav-link {
    font-size: 16px;
    line-height: 1.8em;
}
footer .policy {
    font-size: 14px;
    line-height: 1.4em;
    display: inline-block;
}

.back-to-top {
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 20px;
    bottom: 7.5%;
    background: #B3B3B3;
    color: #fff;
    transition: display 0.5s ease-in-out;
    z-index: 99999;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

    .back-to-top:hover {
        color: #fff;
        background: #999;
        transition: all 0.3s ease-in-out;
    }

.floatbtn {
    position: fixed;
    right: 10px;
    bottom: 50px;
    width: 108px;
    height: 108px;
    background-image: url(/images/floatbtn.png);
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 50%;
    z-index: 99;
    transition: all .3s ease;
}
.floatbtn:hover {
    transform: scale(.9);
}

.floatbtn span {
    display: block;
    width: 108px;
    height: 108px;
    color: #fff;
    padding: 29%;
    font-size: 16px;
}

.doctorList {
    width: 100%;
    max-width: 1400px;
    margin: 30px auto;
}

.doctorList a {
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.doctorList a img {
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    background-color: #fff;
    transition: all .3s ease;
}

.doctorList a:hover img {
    transform: scale(.95);
}

.doctorList a .Category,
.doctorList a .Name {
    font-size: 22px;
    color: #7f6a59;
    display: block;
    margin: 5px auto;
    transition: all .3s ease;
}

.doctorList a:hover .Category,
.doctorList a:hover .Name {
    color: #CC5D00;
}

.m_show {
    display: none;
}

.footerlink a {
    color: #fff;
    transition: all .3s ease;
}

.footerlink a:hover {
    color: #fff;
    background-color: #6a5f57;
    display: inline-block;
    padding: 0 7px;
}

.socialbar {
    background-color: #c05e21;
    padding: 10px 5px;
}

.socialbar li,
.socialbar li a{
    color: #fff;
    font-size: 22px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.socialbar li a:hover{
    color: #ffcfb1;
}

.socialbar i{
    color: #fff;
    font-size: 36px;
}

.socialbar a:hover i{
    color: #ffcfb1;
}

.socialbar i.bi-link-45deg{
    color: #c05e21;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    margin: 0 10px 0 0;
}

.slick-slider {
    max-width: 100%;
    margin: 50px auto;
    padding: 0;
}

.slick-prev:before, .slick-next:before {
    font-size: 30px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    line-height: 30px;
    text-align: center;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 42px;
}

.slick-slide a {
    margin: 30px 15px;
    text-align: center;
    color: #666;
    overflow: hidden;
    display: block;
    border: 1px solid #ccc;
    transition: all .3s ease;
}

.slick-slide a:hover {
    color: #c05e21;
    border: 1px solid #999;
    transform: scale(1.05);
    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 50%);
}

.slick-slide a img {
    margin: 0 0 15px;
    transition: all .3s ease;
}

.accordion {
    max-width: 100%;
    padding: 0 15px;
}

.accordion .accordion-item {
    border-bottom: 1px solid #ccc;
}

.accordion .accordion-item button[aria-expanded=true] {
    border-bottom: 1px solid #CC5D00;
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 30px 1em 0;
    color: #987e69;
    font-size: 1.5rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}

.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: #CC5D00;
}

.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: #CC5D00;
    border: 1px solid #CC5D00;
}

.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 38px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.accordion button .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.accordion button .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.accordion button[aria-expanded=true] {
    color: #CC5D00;
}

.accordion button[aria-expanded=true] .icon::after {
    width: 0;
}

.accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.accordion .accordion-content p {
    font-size: 1.4rem;
    font-weight: 300;
    margin: 2em 0;
    color: #444;
}

.accordion-item {
    border: 1px solid rgba(0, 0, 0, 0);
}

@media (min-width: 1400px) {
    .container {
        max-width: 100vw;
    }
    footer .container {
        max-width: 1300px;
        margin: 0 auto;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: 1920px;
    }

    #navBars {
        max-width: 85%;
        position: absolute;
        right: -50px;
        padding-right: 50px;
    }
}

@media (max-width: 1919px) {
    .Logo:after {
        top: 18%;
    }

    #navBars {
        max-width: 85%;
        margin: -30px 0 0 0;
        transform: scale(.85);
        padding-bottom: 40px;
        position: absolute;
        right: -36px;
    }

        #navBars .nav-link {
            margin-top: -25px; 
        }

    #menu2 {
        margin: 75px 50px 0;
    }

        #menu2 li {
            padding: 0;
        }

    #lang {
        top: 3px;
        right: 44px;
    }
}

@media (max-width: 1600px) {
    /* .menuAll {
        transform-origin: 50% 0;
        transform: scale(.7);
        min-width: 130%;
        margin-top: 60px;
    } */
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .col-xl-4 {
        width: 100%;
    }
}

@media (max-width: 1440px) {
    #navBars {
        top: 62px;
        padding-bottom: 0;
    }
}

@media (max-width: 1400px) {
    .Logo h1 {
        display: none;
    }

    .menu3 .mtitle {
        white-space: nowrap;
    }

    .menu3 .nav-item a {
        font-size: 26px;
        white-space: nowrap;
    }

    .menu3.mtop2 .sline.last {
        transform: translateX(160px) scale(1);
    }

    .menu3.mtop3 .sline.last {
        transform: translateX(100px) scale(1);
    }
}

@media (max-width: 1200px) {
    #navBars {
        max-width: 80%;
        padding-bottom: 0;
        top: 62px;
    }

    h2.title {
        font-size: 45px;
    }

    #menu2 {
        margin: 132px auto 0;
        right: 40px;
        width: 52%;
        justify-content: flex-end;
    }

    .menu3 .sline {
        transform: translateX(-15%) scale(.75);
    }

    .menu3 .navlist {
        padding-left: calc(50% - 10vw);
        margin: 0 auto;
    }
    .menu3 .navlist.small {
        padding-left: calc(50% - 7vw);
    }
    .menu3 .navlist.big {
        padding-left: calc(50% - 9vw);
    }
    .menu3 .navlist.big1 {
        padding-left: calc(50% - 12vw);
    }
    .menu3 .navlist.big2 {
        padding-left: calc(50% - 14vw);
    }

    .menu3 .mtitle {
        font-size: 3vw;
    }
    .img-icon {
        top: -37px;
    }

    .ptitle {
        font-size: 26px;
    }

    .menu4 {
        font-size: 15px;
    }

        .menu4:after {
            width: 150px;
            bottom: 10px;
        }

    .menu5 {
        font-size: 18px;
    }

        .menu5:after {
            height: 24px;
        }

    .menu3.mtop2 .sline.last {
        transform: translateX(122px) scale(1);
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 100vw;
        width: 100vw;
    }

        .container.first {
            margin-top: 100px;
        }

    #navBars {
        border-bottom: none;
        max-width: 100vw;
        margin: 15px 0 0 0;
        transform: scale(.7);
        position: absolute;
        right: 0;
        top: 20px;
        left: 102px;
        width: 100vw;
    }

    #menu2 {
        width: 54%;
    }

    .navbar {
        padding-top: 5px;
        padding-bottom: 0;
        min-height:115px;
    }

    .navbar-light .navbar-toggler {
        border-color: rgba(0, 0, 0, 0);
        position: relative;
        transition: all 0.3s ease;
    }

    .navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
        transition: all 0.3s ease;
    }

    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
        opacity: 0;
    }

    .navbar-toggler:before,
    .navbar-toggler:after {
        transform-origin: 50% 0;
        transform: rotate(0deg) translate(-50%, -50%);
        transition: all 1s ease;
        content: '';
        width: 2px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #cc5d00;
        opacity: 0;
    }

    .navbar-toggler[aria-expanded=true]:before {
        transform: rotate(495deg) translate(-50%, -50%);
        opacity: 1;
    }

    .navbar-toggler[aria-expanded=true]:after {
        transform: rotate(405deg) translate(-50%, -50%);
        opacity: 1;
    }

    h2.title {
        font-size: 36px;
        background-size: 70%;
    }

    /* .menuAll {
        transform: scale(.7);
    }

        .menuAll > * {
            transform: scale(.8);
        } */

    .mtop3 {
        margin-top: 245px;
    }

    .mtop4 {
        margin-top: 245px;
    }

    .menu3 .mtitle.point12:before,
    .menu3 .mtitle.point12:after,
    .menu3 .mtitle.point16:before,
    .menu3 .mtitle.point16:after {
        transform: translateX(-50%) scale(.75);
    }

    .menu3 .sline {
        transform: translateX(0) scale(.75);
    }

    .menu3.mtop0,
    .menu3.mtop1,
    .menu3.mtop2,
    .menu3.mtop3,
    .menu3.mtop4 {
        margin: -7px 0;
    }

        /* .menu3.mtop0 .sline,
        .menu3.mtop1 .sline,
        .menu3.mtop2 .sline,
        .menu3.mtop3 .sline,
        .menu3.mtop4 .sline,
        .menu3 .sline.default {
            background: url(/images/sline4.svg) 0 0 no-repeat;
            width: 335px;
            min-height: 115px;
            transform: translateX(-23%);
            background-size: 100%;
        } */

    .menu3 .navlist {
        margin: 0 auto -100px;
    }
    .serviceHours .info {
        font-size: 1.5vw;
    }
    .serviceHours .info .name {
        font-size: 2.5vw;
        line-height: 1em;
    }
    .menu3 .mtitle {
        font-size: 28px;
        text-align: left;
        margin: 20px auto 20px 28vw;
    }

    .menu3 .navlist {
        padding-left: calc(50% - 20vw);
        margin-bottom: 30px;
    }

    .menu3 .navlist.small {
        padding-left: calc(50% - 20vw);
    }

    .menu3 .navlist.big {
        padding-left: calc(50% - 20vw);
    }

    .menu3 .navlist.big1 {
        padding-left: calc(50% - 20vw);
    }

    .menu3 .navlist.big2 {
        padding-left: calc(50% - 20vw);
    }
    .img-icon {
        top: -44px;
    }
}

@media (max-width: 950px) {
    .brhide {
        display: block;
        width: 100%;
        height: 1px;
        font-size: 0;
    }
    .alliance .link,
    .alliance .link2 {
        margin: 20px 0 70px;
    }
    .alliance {
        margin-bottom: 20px;
    }
}

@media (max-width: 900px) {
    #menu2 {
        transform: scale(.85);
        right: -4px;
        width: 490px;
    }
    .menu3 .nav-item a {
        font-size: 22px;
        white-space: wrap;
    }
}

@media (max-width: 800px) {
    .Logo img {
        height: 160px;
        margin-left: -25px;
    }
    #navBars {
        max-width: 120%;
        transform: scale(.55);
        top: 0;
        left: 60px;
        width: 120%;
    }
    #menu2 {
        margin: 87px 0 0;
        right: -35px;
    }
    .alliance .link2 {
        width: 145px;
        height: 145px;
    }
    .alliance .link2 img.alogo {
        margin: -2.5px -2px 15px;
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 768px) {
    .productsList .form-check-input {
        left: 10px;
    }

    #lang li {
        font-size: 18px;
    }

    .stitle {
        font-size: 16px;
        width: 100%;
        white-space: nowrap;
        background-size: contain;
    }

    .Logo:after {
        left: 175px;
        box-shadow: 3px 0 5px rgb(204 92 0 / 40%);
    }

    #menu2 li a {
        font-size: 20px;
        padding: 0 10px;
    }
    #menu2 li a.search {
        margin-top: 3px;
    }

    .serviceHours .info {
        font-size: 2.5vw;
    }
    .doctorInfo p,
    .doctorInfo .expertise {
        padding-left: 0;
        margin: 0 10px;
    }
    .doctorInfo .titlebar {
        margin: 10px auto;
    }
    .doctorInfo h4 {
        font-size: 18px;
        letter-spacing: .1em;
    }
    .doctorInfo h4 strong {
        font-size: 20px;
    }
    .doctorInfo .label {
        font-size: 18px;
        margin: 0 30px 5px;
    }
    .doctorInfo .info {
        font-size: 18px;
        margin: 0 30px 20px;
    }
    .alliance .link,
    .alliance .link2 {
        font-size: 17px;
    }
    .alliance .link2 {
        width: 135px;
        height: 135px;
    }
    .alliance .link2 img.alogo {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 610px) {
    #navBars {
        max-width: 132%;
        left: 40px;
        width: 125%;
        transform: scale(.5);
    }
}

@media (max-width: 580px) {
    .Logo {
        margin: 5px 25px;
    }
        .Logo:after {
            left: 110px;
            top: 15px;
            height: 93px;
        }
        .Logo img {
            height: 100px;
            margin-left: -25px;
        }

    .back-to-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        right: 0;
    }
    #navBars .submenu {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0 0 0 10px;
    }
    #navBars .submenu .nlink {
        font-size: 18px;
        color: #666;
        padding: 10px 20px;
        border-bottom: 1px solid #d8d8d8;
    }
    #navBars .submenu .nlink:before {
        content: '●';
        font-size: 70%;
        margin-right: 10px;
    }
    #menu2 .submenu {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0 0 0 10px;
    }
    #menu2 .submenu .nlink {
        font-size: 18px;
        color: #666;
        padding: 10px 20px;
        border-bottom: 1px solid #d8d8d8;
    }
    #menu2 .submenu .nlink:before {
        content: '●';
        font-size: 70%;
        margin-right: 10px;
    }
    #news {
        background: linear-gradient(to right,  #feb02a 0%,#fa9101 53%,#cf6300 100%);
    }
    .news__title {
        font-size: 14px;
        color: #fff;
    }    
    .news__title:hover {
        color: rgb(255 255 255 / 70%);
    }
    .navbar-toggler[aria-expanded=false] .navbar-toggler-icon {
        transition: all 1s ease;
    }
    #navBarsh {
        border: 1px solid #ccc;
        padding: 0 15px;
        box-shadow: 0 15px 30px -13px rgba(0, 0, 0, 0.45);
        margin-bottom: 20px;
    }
    #navBarsh.fixed {
        position: absolute;
        top: 116px;
        background-color: #fff;
        z-index: 99;
        left: 0;
        right: 0;
        padding-top: 40px;
    }
    #navBarsh .nav {
        justify-content: flex-start;
    }

    #navBars {
        position: relative;
        left: auto;
        top: auto;
        transform: scale(1);
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
    }

    #menu2 {
        position: relative;
        left: auto;
        top: auto;
        transform: scale(1);
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    #navBars .nav-link:before {
        display: none;
    }
    #menu2 {
        right: auto;
    }
    #menu2 li a.search {
        margin-top: 3px;
        text-align: right;
    }
    #navBars li.nav-item,
    #menu2 li.nav-item {
        width: 100%;
    }
    #navBars .nav-link,
    #menu2 .nav-link {
        font-size: 20px;
        padding: 7px;
        border-bottom: 1px dashed #bcbcbc;
        margin: 0;
    }
    #navBars .nav-item:last-child .nav-link:after {
        display: none;
    }
    #menu2 .nav-item:last-child .nav-link {
        border-bottom: none;
    }
    #menu2 li a.nav-link.lay1,
    #menu2 li a.nav-link.lay2 {
        margin: 18px 5px 0;
        text-align: center;
    }
    #menu2 li a.nav-link.lay1 {
        position: absolute;
        width: 100%;
    }

    #lang li {
        font-size: 16px;
    }

    .alliance.home .link {
        font-size: 20px;
    }
    .cooperates {
        padding: 0 30px;
    }
    .serviceHours .col-2.week {
        padding-left: 35px;
    }

    .serviceHours .col-2.info { 
        box-sizing: border-box;
        padding: 10px 0;
        word-break: normal;
    }

    .hlink {
        transform: scale(.5);
        white-space: nowrap;
        margin: -30px 0 -30px -10px;
    }
    .doctorInfo .hlink {
        transform: scale(1);
        margin: 0 auto 30px;
    }

    .btnList .col-xl-4:nth-child(4) .hlink {
        margin: -30px 0 -20px -10px;
    } 

    .hlink2 {
        white-space: nowrap;
        margin: -25px 0 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .hlink2 img {
        height: 10px;
    }

    .stitle {
        font-size: 10px;
        padding-bottom: 12px;
        width: 100%;
        white-space: nowrap;
        background-size: 100%;
    }

    .stitle2 {
        font-size: 16px;
        letter-spacing: .1em;
        margin: 0 auto;
    }

    .clickmore img {
        width: 50px;
    }

    h1.title {
        font-size: 24px;
    }
    
    footer {
        padding: 15px 15px 75px;
    }

    footer p, footer .nav-link {
        font-size: 14px;
        line-height: 2em;
    }

    .success .page h2 {
        font-size: 20px;
        margin: 5px 0 10px;
    }

    .success .page p {
        font-size: 14px;
        margin: 0 0 15px;
    }

        .success .page p.card-text {
            font-size: 14px;
            margin: 0 !important;
        }

    .success .more {
        font-size: 14px;
    }
    .accordion .accordion-item {
        line-height: 1em !important;
    }
    .accordion button {
        font-size: 1.3rem;
    }
    .accordion .accordion-content p {
        margin: 15px 0;
        font-size: 1.2rem;
    }

    #lang {
        right: 25px;
    }

    .popfixed .poptext {
        transform: scale(.8);
        transform-origin: 0 50%;
        left: 9.5%;
        font-size: 3.3vw;
    }

    h2.title {
        font-size: 24px;
        background-size: 60%;
        padding-bottom: 20px;
    }

    h1.title3 {
        font-size: 22px;
    }

    .contact label {
        font-size: 18px;
    }

    .hlink3 {
        font-size: 16px;
    }

    .mshow {
        display: block;
    }

    .doctorInfo h5 {
        font-size: 16px;
    }

    .menu5 {
        font-size: 18px;
    }

    .breadcrumb .breadcrumb-item a,
    .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }

    .m5btn {
        display: inline-block;
        max-width: 50%;
    }

    .success .page img {
        margin: 0 auto;
    }

    .success .page .btn-link {
        font-size: 14px;
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after,
    .rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 25px;
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer:hover .rtopVideoHolder.hasFAIcons:after {
        line-height: 45px;
    }

    .success .card-text {
        font-size: 14px;
    }

    .success .card-body {
        padding: 10px 0;
    }

    .colorbox a.more {
        font-size: 35px;
    }

    .img-icon {
        position: absolute;
        left: -68px;
        top: -38px;
        width: 70px;
        height: auto;
    }

    .menu3 .points {
        top: 104px;
    }
    .serviceHours .week {
        font-size: 3vw;
    }
    .serviceHours .time {
        font-size: 3vw;
        width: 5vw;
        height: 5vw;
        line-height: 5vw;
    }

    .serviceHours {
        border: none;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .serviceHours .info {
            font-size: 3.5vw;
        }

            .serviceHours .info .name {
                font-size: 4vw;
            }

        .doctor {
            transform: scale(.8);
            transform-origin: 50% 0;
            margin-bottom: -4vw;
        }
    }

    .floatbtn {
        right: -13px;
        bottom: 5px;
        transform: scale(.75);
    }

    .floatbtn:hover {
        transform: scale(.7);
    }
    footer span.comp {
        display: inline-block;
        margin: 10px 0;
    }
    .Featured .article {
        font-size: 14px;
    }
    #List_Category .submenu {
        display: none;
    }
    #List_Category .submenu.active {
        display: block;
    }
    .menuAll {
        margin-top: 50px;
    }
    .container.first {
        margin-top: 30px;
    }
    .colorboxs {
        padding: 0;
    }
    .m_show {
        display: block;
    }
    .doctorList a .Category, .doctorList a .Name {
        font-size: 18px;
    }
    .socialbar li, .socialbar li a {
        font-size: 18px;
        padding: 5px;
    }
    .socialbar li:first-child a{
        font-size: 0;
        margin-top: 5px;
    }
    .socialbar i.bi-geo-alt-fill{
        display: none;
    }
    .alliance .link,
    .alliance .link2 {
        font-size: 16px;
    }
    .alliance .link2 {
        width: 105px;
        height: 105px;
    }
    .alliance .link2 img.alogo {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 415px) {
    .Logo img {
        height: 80px;
        margin-left: -25px;
    }

    .Logo:after {
        left: 95px;
        top: 18px;
        height: 73px;
    }

    .navbar-light .navbar-toggler {
        margin: 0 -15px 0 0;
    }

    .container.first {
        margin-top: 20px;
    }

        #menu2 li a {
            padding: 0.5rem 2.5vw;
            font-size: 24px;
        }

    h3.title {
        font-size: 24px;
        margin: 0 auto;
    }

    .stitle {
        font-size: 12px;
        padding-bottom: 8px;
        width: 100%;
        white-space: nowrap;
        background-size: 102%;
        letter-spacing: .25em;
    }

    .menu3 .mtitle.moreh {
        margin-top: 80px;
    }

    .menu3 .sline {
        margin-top: -10px;
    }

        .menu3 .sline.last {
            background: url(/images/sline.svg) 0 center no-repeat;
            margin-top: -10px;
        }

    h1.title {
        font-size: 18px;
        letter-spacing: .3em;
        padding-bottom: 4px;
    }

    #lang {
        right: 10px;
    }

    .success .page .btn-link span {
        margin: 0 16px;
    }

    .breadcrumb {
        margin: 0 0 25px 10px;
    }

    .news {
        padding: 0 10px;
    }

    .news__title {
        white-space: normal;
    }

    .serviceHours .col-1 {
        padding: 10px 0px 0px 0px !important;
    }
    .serviceHours .col-11 {
        padding: 0 0;
    }
    .serviceHours .col-2.week {
        padding-left: 0;
    }

    .serviceHours .col-2.info {
        padding: 10px 0px !important; 
    }

    .serviceHours .info {
        font-size: 3.5vw;
    }

    .serviceHours .info .doctor {
        margin-left: -20px;
    }


    @keyframes news-5 {
        0% {
            top: 60px;
        }

        5% {
            top: 0;
        }

        15% {
            top: 0;
        }

        20% {
            top: -60px;
        }

        35% {
            top: -60px;
        }

        40% {
            top: -120px;
        }

        55% {
            top: -120px;
        }

        60% {
            top: -180px;
        }

        75% {
            top: -180px;
        }

        80% {
            top: -240px;
        }

        95% {
            top: -240px;
        }

        99% {
            top: -300px;
        }

        100% {
            top: 60px;
        }
    }

    @keyframes news-4 {
        0% {
            top: 30px;
        }

        5% {
            top: 0;
        }

        15% {
            top: 0;
        }

        20% {
            top: -60px;
        }

        40% {
            top: -60px;
        }

        45% {
            top: -120px;
        }

        65% {
            top: -120px;
        }

        70% {
            top: -180px;
        }

        90% {
            top: -180px;
        }

        95% {
            top: -240px;
        }

        99% {
            top: -240px;
        }

        100% {
            top: 60px;
        }
    }

    @keyframes news-3 {
        0% {
            top: 60px;
        }

        5% {
            top: 0;
        }

        30% {
            top: 0;
        }

        35% {
            top: -60px;
        }

        60% {
            top: -60px;
        }

        65% {
            top: -120px;
        }

        90% {
            top: -120px;
        }

        95% {
            top: -180px;
        }

        99% {
            top: -180px;
        }

        100% {
            top: 60px;
        }
    }

    @keyframes news-2 {
        0% {
            top: 60px;
        }

        5% {
            top: 0;
        }

        55% {
            top: 0;
        }

        60% {
            top: -60px;
        }

        90% {
            top: -60px;
        }

        95% {
            top: -120px;
        }

        99% {
            top: -120px;
        }

        100% {
            top: 60px;
        }
    }

    #myCarousel {
        margin: 35px 0 0;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /*.doctor {
            transform: scale(.5);
        }

        .serviceHours .info .name {
            font-size: 7vw;
        }*/
    }
}

@media (max-width: 540px) {
    .btnList .col-xl-4 {
        position: relative;
        min-height: 50px;
    }

    .hlink {
        white-space: nowrap;
    }
}

@media (max-width: 480px) {

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .doctor {
            margin-bottom: -.5rem;
            width: auto;
            font-size: 13px;
        }
        .serviceHours .info .name {
            font-size: 4vw;
        }
    }
}

@media (max-width: 413px) {
    #menu2 li a.search {
        margin-top: -5px;
    }
}

@media (max-width: 391px) {
    #menu2 li a.search {
        margin-top: -6px;
    }
}


.embed__conttainer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed__container {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
    text-align: left;
    background-color: #999;
    border: 1px solid #000;
}

    .embed__container iframe {
        width: 100%;
        position: absolute;
        height: 100%;
        overflow: hidden;
    }

#player {
    width: 100%;
}

.owl-nav > div {
    margin-top: -20px;
    position: absolute;
    top: 45%;
    color: #d8d8d8;
    padding: 0px;
    width: 46px;
    display: initial;
    height: 46px;
    border-radius: 50px;
    background: #060606a8;
    text-align: center;
}

    .owl-nav > div:hover {
        color: #ffffff;
        background: #000000;
    }

    .owl-nav > div.disabled {
        color: #ffffff00;
        background: #63636300;
    }

    .owl-nav > div.disabled {
        color: #ffffff00;
        background: #63636300;
    }

.owl-nav i {
    font-size: 30px;
    margin: 13px auto;
}

.owl-nav .owl-prev {
    left: -23px;
}

    .owl-nav .owl-prev i:hover {
        transition: all 0.3s ease-in-out;
    }

.owl-nav .owl-next i:hover {
    transition: all 0.3s ease-in-out;
}

.owl-nav .owl-next {
    right: -23px;
}

.owl-carousel .owl-item .video-thumb.active:before {
    opacity: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    left: 0;
    top: 0;
    background: rgba(247, 148, 30, 0.75);
    z-index: 1;
    transition: all 250ms ease-out;
}

.owl-carousel .owl-item .video-thumb:not(.active):hover:before {
    opacity: 1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    left: 0;
    top: 0;
    background: rgba(247, 148, 30, 0.30);
    z-index: 1;
    transition: all 1s ease-out;
}

.video-thumb:not(.active):hover:before {
    background: rgba(247, 148, 30, 0.30);
}

.video-thumb:after {
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    top: 50%;
    left: 50%;
    margin: -0.458em 0 0 -0.500em;
    color: rgba(255, 255, 255, 0);
    font-size: 2em;
    line-height: 1;
    position: absolute;
    font-weight: 900;
    transition: all 250ms ease-out;
}

.video-thumb.active:after {
    color: rgba(255, 255, 255, 1);
}

.owl-carousel .owl-item img {
    position: relative;
}

.owl-carousel .owl-item {
    border: 1px solid #000;
    cursor: pointer;
}

#player .ytp-expand-pause-overlay .ytp-pause-overlay {
    display: none !important;
}

#playerWrap {
    display: inline-block;
    position: relative;
}

    #playerWrap.shown::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }

.loading__text__player {
    left: 50%;
    top: 50%
}

/*APP*/

.is_App {
    padding-bottom: 150px;
}

    .is_App header,
    .is_App footer,
    .app {
        display: none !important;
    }

    .is_App .app {
        display: block !important;
    }

    .is_App #lang {
        top: 137px;
        right: 10px;
    }

    .is_App .Logo {
        margin: 10px 37px;
    }

        .is_App .Logo:after {
            width: 1px;
            height: 100%;
            top: 5px;
            left: 26%;
            content: "";
            background-color: #AE5322;
            position: absolute;
            box-shadow: 0 5px 10px rgba(197, 75, 0, 0.35);
        }

        .is_App .Logo h1 {
            color: transparent;
            font-size: 18px;
            letter-spacing: 0.1em;
            margin: 0 0 0 80px;
            position: relative;
            display: block;
        }

            .is_App .Logo h1 .title1 {
                color: #CC5D00;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                display: block;
                white-space: nowrap;
                opacity: 0;
            }

            .is_App .Logo h1 .title2 {
                color: #CC5D00;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                display: block;
                white-space: nowrap;
                opacity: 0;
            }

@keyframes chglogotitle1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    60% {
        opacity: 0;
        transform: translate(-50%, -80%);
    }

    80% {
        opacity: 0;
        transform: translate(-50%, -20%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.is_App .Logo h1 .title1 {
    animation-name: chglogotitle1;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

@keyframes chglogotitle2 {
    0% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    50% {
        opacity: 0;
        transform: translate(-50%, 0);
    }

    60% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    80% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -75%);
    }
}

.is_App .Logo h1 .title2 {
    animation-name: chglogotitle2;
    animation-duration: 12s;
    animation-iteration-count: infinite;
}

.is_App .bgline {
    background: url(/images/titleline2.svg) center bottom no-repeat;
    background-size: 90%;
    padding-bottom: 9vw;
}

.fmenu {
    position: fixed;
    bottom: 0;
    display: flex;
    background-color: #fff;
    border-top: 1px solid #C8C9C9;
    width: 100%;
    max-width: 100%;
}

    .fmenu .mbtn {
        display: inline-block;
        width: 20%;
        max-width: 20%;
        color: #999;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 0 15px;
        text-align: center;
        white-space: nowrap;
        letter-spacing: .2em;
    }

        .fmenu .mbtn span {
            padding: 1px 1px;
            text-indent: 0.1em;
            display: inline-block;
        }

        .fmenu .mbtn img {
            display: block;
            margin: 0 auto 3px;
            max-width: 60px;
            padding: 0;
        }

        .fmenu .mbtn.active img {
            margin: 0px auto 3px;
            background-color: #ffffff;
            border-radius: 50%;
        }

        .fmenu .mbtn.active {
            color: #CC5D00;
        }