.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5494 .elementor-element.elementor-element-5f334594 .elementor-repeater-item-b576bf5 .swiper-slide-bg{background-image:url(https://ayoungbeauty.com.tw/wp-content/uploads/2023/11/AyoungBeauty-Location-mobile.jpg);background-size:cover;}.elementor-5494 .elementor-element.elementor-element-5f334594 .swiper-slide{transition-duration:calc(3000ms*1.2);height:400px;}.elementor-5494 .elementor-element.elementor-element-5f334594 .swiper-slide-contents{max-width:66%;}.elementor-5494 .elementor-element.elementor-element-5f334594 .swiper-slide-inner{text-align:center;}.elementor-5494 .elementor-element.elementor-element-5f334594 .elementor-swiper-button{color:var( --e-global-color-astglobalcolor5 );}.elementor-5494 .elementor-element.elementor-element-5f334594 .elementor-swiper-button svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-5494 .elementor-element.elementor-element-d5bec52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5494 .elementor-element.elementor-element-d5bec52, .elementor-5494 .elementor-element.elementor-element-d5bec52::before{--overlay-transition:0.3s;}.elementor-5494 .elementor-element.elementor-element-3a01b806 .elementor-repeater-item-e8120f7 .swiper-slide-bg{background-image:url(https://ayoungbeauty.com.tw/wp-content/uploads/2023/11/AyoungBeauty-Location-1114.jpg);background-size:cover;}.elementor-5494 .elementor-element.elementor-element-3a01b806 .swiper-slide{height:220px;}.elementor-5494 .elementor-element.elementor-element-3a01b806 .swiper-slide-contents{max-width:66%;}.elementor-5494 .elementor-element.elementor-element-3a01b806 .swiper-slide-inner{text-align:center;}.elementor-5494 .elementor-element.elementor-element-dfb9148{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5494 .elementor-element.elementor-element-dfb9148, .elementor-5494 .elementor-element.elementor-element-dfb9148::before{--overlay-transition:0.3s;}.elementor-5494 .elementor-element.elementor-element-53f723e{--spacer-size:30px;}.elementor-5494 .elementor-element.elementor-element-c091dda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-5494 .elementor-element.elementor-element-c091dda.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-5494 .elementor-element.elementor-element-5f334594 .swiper-slide{height:166px;}.elementor-5494 .elementor-element.elementor-element-53f723e{--spacer-size:5px;}.elementor-5494 .elementor-element.elementor-element-c091dda{--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5494 .elementor-element.elementor-element-621b046e{width:100%;}.elementor-5494 .elementor-element.elementor-element-c091dda{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-a21b169 *//* main */
        html,body{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            letter-spacing: .2rem;
        }
        p{
            margin: 0;
        }
        .btn{
            border: 1px solid #d37689;
            background-color:#ffffff;
            cursor: pointer;
            color: #d37689;
            font-family: noto sans TC,Georgia;
            font-size: 16px;
            letter-spacing:1px;
            border-radius:30px; 
        }
        .sel-btn{
            color: #ffffff;
            background-color:#d37689;
        }
        .sel-btn:focus{
            background-color:#d37689;
            color: #ffffff;
        }
        
        .select-loc .btn-groups .btn:hover {
    color: #ffffff;
    border: 1px solid #f5c6c2;
    
}

        /* infor */
        .infors h3{
            color: #454640;
        }
        
        .ayoungbeauty-infors{
            display: flex
        }

        .maps-loc-points, .select-loc{
            display: flex;
            margin: 2% 5% 0% 5%;
            line-height: 2;
        }
        
        
        .ayoungbeauty-store{
            font-family: noto Serif TC,Georgia;
            color: #b3b3b3;
            font-size: 16px;
            margin-right:8px 
        }
        
        .loc-infor{
            width: 100%;
        }
        
     .ayoungbeauty-infors .loc-img,.ayoungbeauty-infors .loc-store-info{
            width: 50%;
        }
        
        .area2-maps{
            margin: 0% 5% 0% 5%;
            background:#fceef2; 
        }
        .loc-maps{
            margin: 2% 5% 0% 5%;
            line-height: 2;
        }

        
        .maps-loc-points {
           background: #fceef2;
           padding: 4% 5% 4% 5%;
        }
        
        .loc-store-info h3{
            font-family: noto serif TC,Georgia;
            color: #4d4d4d;
            font-size: 24px;
            line-height: 25px;
            border-bottom: 1px solid #e6acae;
          padding-bottom:12px; ;
        }
        .loc-store-info h3 span{
            font-family: Georgia;
            font-weight: 300;
            color: #999999;
            font-size: 18px;
            letter-spacing: 1px;
            line-height: 5px;
        }
        
        .maps-loc-points .select-loc .store p{
            display: flex;
            font-size: .8rem;
            color: #454640;
        }
        .maps-loc-points .select-loc .store p:after{
            content: '';
            width: 75%;
            height: 1px;
            margin: auto;
            background: #000;
        }
        .maps-loc-points .loc-infor table{
            margin: 4% 0;
        }
        .maps-loc-points .loc-infor th{
            padding-right: 1rem;
            color: #d37689;
            font-weight:700;
        }
        .maps-loc-points .loc-infor td{
            font-family:roboto;
            color: #808080;
            letter-spacing: 0.1rem;
        }
        .map1{
            height: 100%;
        }
        .map2,.map3,.map4,.map5,.map6,.map7,.map8,.map9{
            display: none;
            height: 100%;
        }

        .loc-img{
            display: flex;
            justify-content: space-between;
            margin-right: 40px
        }
        
        .infors span{
            font-weight: 700;
        }
        .d-img{
            width: 100%;
            margin-right:40px;
            height: 400px;
        }
        .maps-loc-points .loc-infor td a{
            color: #777873;
        }
        
        table {
        background-color: transparent;
        width: 100%;
        margin-block-end: 15px;
        font-size: 0.9em;
        border-spacing: 0;
        border-collapse: collapse;
        }
        
        table th, table td {
            padding: 15px;
            line-height: 1.5;
            vertical-align: top;
            border: 1px solid #ebbbbd;
        }
        
        table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color:#fce1e7;
}



.ayoungbeauty-store p{
    margin: 0;
}

.info-btn-area{
    margin-top: 20px;
    
}

.btn-reserve{
    background-color:#d37689;
    padding: 5px 15px;
    border-radius: 30px;
    transition: .2s;
    margin-right: 10px;
}

.btn-reserve:hover{
    background-color:#ffffff;
}

.btn-reserve-text{
    font-size: 15px;
    letter-spacing: 1.3px;
    color: #ffffff;
}

.btn-reserve:hover .btn-reserve-text{
    color: #d37689;
}


.btn-map{
    background-color:#ffffff;
    padding: 5px 15px;
    border-radius: 30px;
    transition: .2s;
    margin-right: 10px;
}

.btn-map:hover{
    background-color:#d37689;
}

.btn-map-text{
    font-size: 15px;
    letter-spacing: 1.3px;
    color: #d37689;
}

.btn-map:hover .btn-map-text{
    color: #ffffff;
}


.carousel-item img{
    object-fit: cover;
}

.carousel-inner, .carousel-item, .carousel-item img{
    height: 100%;
}





        @media screen and (max-width:921px){
        h3, .entry-content h3 {
        font-size: 22px;
        line-height: 1.3;
        }
            
        }
        
        @media screen and (max-width:768px){
            /*.loc-img{*/
            /*    flex-direction: column;*/
            /*}*/
            .loc-img img{
                width: 100px;
            }
            .maps-loc-points .loc-infor td{
                vertical-align: middle;
            }
            .maps-loc-points .loc-infor th{
                width: 30%;
            }
            
            .select-loc {
    display: flex;
    flex-direction: column;
     margin: 2% 6% 3% 6%;
    }
    
     .maps-loc-points{
    display: flex;
    flex-direction: column;
     margin: 0px;
     padding: 5% 8% 10% 8%;
    }
    
    .ayoungbeauty-store p {
    margin: 0px 0px 3px 5px;
    }

.btn {
    font-size: 15px;
}

.ayoungbeauty-infors {
    display: flex;
    flex-direction: column;
}

.ayoungbeauty-infors .loc-img, .ayoungbeauty-infors .loc-store-info {
    width: 100%;
}

 h3, .entry-content h3 {
        font-size: 21px;
        line-height: 1.15;
        margin: 15px 0px;
        }
        
        table th, table td {
    padding: 10px;
}

    table th {
    text-align:center;
    }
    
    .info-btn-area {
    margin-top: 10px;
}


        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6946a3e *//* main */
        html,body{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            letter-spacing: .2rem;
        }
        p{
            margin: 0;
        }
        .btn{
            border: 1px solid #d37689;
            background-color:#ffffff;
            cursor: pointer;
            color: #d37689;
            font-family: noto sans TC,Georgia;
            font-size: 16px;
            letter-spacing:1px;
            border-radius:30px; 
        }
        .sel-btn{
            color: #ffffff;
            background-color:#d37689;
        }
        .sel-btn:focus{
            background-color:#d37689;
            color: #ffffff;
        }
        
        .select-loc .btn-groups .btn:hover {
    color: #ffffff;
    border: 1px solid #f5c6c2;
    
}

        /* infor */
        .infors h3{
            color: #454640;
        }
        
        .ayoungbeauty-infors{
            display: flex
        }

        .maps-loc-points, .select-loc{
            display: flex;
            margin: 2% 5% 0% 5%;
            line-height: 2;
        }
        
        
        .ayoungbeauty-store{
            font-family: noto Serif TC,Georgia;
            color: #b3b3b3;
            font-size: 16px;
            margin-right:8px 
        }
        
        .loc-infor{
            width: 100%;
        }
        
     .ayoungbeauty-infors .loc-img,.ayoungbeauty-infors .loc-store-info{
            width: 50%;
        }
        
        .area2-maps{
            margin: 0% 5% 0% 5%;
            background:#fceef2; 
        }
        .loc-maps{
            margin: 2% 5% 0% 5%;
            line-height: 2;
        }

        
        .maps-loc-points {
           background: #fceef2;
           padding: 4% 5% 4% 5%;
        }
        
        .loc-store-info h3{
            font-family: noto serif TC,Georgia;
            color: #4d4d4d;
            font-size: 24px;
            line-height: 25px;
            border-bottom: 1px solid #e6acae;
          padding-bottom:12px; ;
        }
        .loc-store-info h3 span{
            font-family: Georgia;
            font-weight: 300;
            color: #999999;
            font-size: 18px;
            letter-spacing: 1px;
            line-height: 5px;
        }
        
        .maps-loc-points .select-loc .store p{
            display: flex;
            font-size: .8rem;
            color: #454640;
        }
        .maps-loc-points .select-loc .store p:after{
            content: '';
            width: 75%;
            height: 1px;
            margin: auto;
            background: #000;
        }
        .maps-loc-points .loc-infor table{
            margin: 4% 0;
        }
        .maps-loc-points .loc-infor th{
            padding-right: 1rem;
            color: #d37689;
            font-weight:700;
        }
        .maps-loc-points .loc-infor td{
            font-family:roboto;
            color: #808080;
            letter-spacing: 0.1rem;
        }
        .map1{
            height: 100%;
        }
        .map2,.map3,.map4,.map5,.map6,.map7,.map8,.map9{
            display: none;
            height: 100%;
        }

        .loc-img{
            display: flex;
            justify-content: space-between;
            margin-right: 40px
        }
        
        .infors span{
            font-weight: 700;
        }
        .d-img{
            width: 100%;
            margin-right:40px;
            height: 400px;
        }
        .maps-loc-points .loc-infor td a{
            color: #777873;
        }
        
        table {
        background-color: transparent;
        width: 100%;
        margin-block-end: 15px;
        font-size: 0.9em;
        border-spacing: 0;
        border-collapse: collapse;
        }
        
        table th, table td {
            padding: 15px;
            line-height: 1.5;
            vertical-align: top;
            border: 1px solid #ebbbbd;
        }
        
        table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color:#fce1e7;
}



.ayoungbeauty-store p{
    margin: 0;
}

.info-btn-area{
    margin-top: 20px;
    
}

.btn-reserve{
    background-color:#d37689;
    padding: 5px 15px;
    border-radius: 30px;
    transition: .2s;
    margin-right: 10px;
}

.btn-reserve:hover{
    background-color:#ffffff;
}

.btn-reserve-text{
    font-size: 15px;
    letter-spacing: 1.3px;
    color: #ffffff;
}

.btn-reserve:hover .btn-reserve-text{
    color: #d37689;
}


.btn-map{
    background-color:#ffffff;
    padding: 5px 15px;
    border-radius: 30px;
    transition: .2s;
    margin-right: 10px;
}

.btn-map:hover{
    background-color:#d37689;
}

.btn-map-text{
    font-size: 15px;
    letter-spacing: 1.3px;
    color: #d37689;
}

.btn-map:hover .btn-map-text{
    color: #ffffff;
}


.carousel-item img{
    object-fit: cover;
}

.carousel-inner, .carousel-item, .carousel-item img{
    height: 100%;
}





        @media screen and (max-width:921px){
        h3, .entry-content h3 {
        font-size: 22px;
        line-height: 1.3;
        }
            
        }
        
        @media screen and (max-width:768px){
            /*.loc-img{*/
            /*    flex-direction: column;*/
            /*}*/
            .loc-img img{
                width: 100px;
            }
            .maps-loc-points .loc-infor td{
                vertical-align: middle;
            }
            .maps-loc-points .loc-infor th{
                width: 30%;
            }
            
            .select-loc {
    display: flex;
    flex-direction: column;
     margin: 2% 6% 3% 6%;
    }
    
     .maps-loc-points{
    display: flex;
    flex-direction: column;
     margin: 0px;
     padding: 5% 8% 10% 8%;
    }
    
    .ayoungbeauty-store p {
    margin: 0px 0px 3px 5px;
    }

.btn {
    font-size: 15px;
}

.ayoungbeauty-infors {
    display: flex;
    flex-direction: column;
}

.ayoungbeauty-infors .loc-img, .ayoungbeauty-infors .loc-store-info {
    width: 100%;
}

 h3, .entry-content h3 {
        font-size: 21px;
        line-height: 1.15;
        margin: 15px 0px;
        }
        
        table th, table td {
    padding: 10px;
}

    table th {
    text-align:center;
    }
    
    .info-btn-area {
    margin-top: 10px;
}


        }/* End custom CSS */