@charset "UTF-8";
/*共用*/
body *,
.section-title h2, 
.section-title-white h2{
    font-family: "微軟正黑體", "Microsoft JhengHei", "Lato", sans-serif;
}
.eat_section{
    position: relative;
}
.eat_section .container{
    position: relative;
    z-index: 1;
}
::-webkit-scrollbar-thumb{
    background-color: #D68C5F;
}
.section_bg1{
    background-color: #FFF3EA;
}
.close-navbar i{
    position: absolute;
    top: 9px;
    left: 11px;
}
.preloader .icon{
    background: url("../images/eat_wedding/preloading.png") center center no-repeat;
    width: 85px;
    height: 85px;
}
.preloader .icon:before{
    border: 5px solid #FAE3E3;
    border-top: 5px solid#EA9988;
}
.eat_bg_s1,
.eat_bg_s2,
.eat_bg_s3,
.eat_bg_s4{
    display: block;
    position: absolute;
}
.eat_bg_s1{
    background-image: url("../images/eat_wedding/BG1@2x.png");
    width: 198px;
    height: 190px;
    left: -27px;
}
.eat_bg_s2{
    background-image: url("../images/eat_wedding/BG2@2x.png");
    width: 244px;
    height: 195px;
    right: -30px;
}
.eat_bg_s3{
    background-image: url("../images/eat_wedding/BG-3@2x.png");
    width: 281px;
    height: 272px;
    left: -71px;
}
.eat_bg_s4{
    background-image: url("../images/eat_wedding/BG4@2x.png");
    width: 282px;
    height: 241px;
    right: -44px;
}
.eat_contact_menu_m{
    display: none;
}
.eat_section .owl-theme .owl-dots .owl-dot span{
    background-color: #fff;
    opacity: 0.5;
}
.eat_section .owl-theme .owl-dots .owl-dot.active span, 
.eat_section .owl-theme .owl-dots .owl-dot:hover span{
    background-color: #fff;
    opacity: 1;
}
@media (max-width: 991px){
    .eat_bg_s1,
    .eat_bg_s2,
    .eat_bg_s3,
    .eat_bg_s4{
        display: none;
    }
    .eat_contact_menu_m{
        display: block;
        position: fixed;
        bottom: 20px;
        right: 10px;
        z-index: 999;
    }
    .eat_contact_menu_m > a,
    .eat_contact_menu_m > a:link{
        display: block;
        width: 84px;
        height: 99px;
        /* background-image: url(../images/eat_wedding/contact.png); */
        background-image: url(../images/eat_wedding/reservation-btn@2x.png);
        background-size: cover; 
        text-indent: -9999px;
    }
}
/*編輯器調整*/
.html_edit{
    overflow: hidden;
}
.html_edit h1,
.html_edit h2,
.html_edit h3,
.html_edit h4,
.html_edit h5,
.html_edit h6,
.html_edit p{
    margin: 0;
}
.html_edit table{
    /* width: 100%; */
    max-width: 100%;
    height: auto;
}
.html_edit img{
    max-width: 100%;
    height: auto;
}
/*大標*/
.section-title h2, 
.section-title-white h2{
    color: #D68C5F;
    background: none;
    border: none;
    margin-top: 5px;
}
.section-title::before{
    content: '';
    display: block;
    background-image: url("../images/eat_wedding/title@2x.png");
    width: 192px;
    height: 110px;
    margin: 0 auto;
    background-size: cover;
}
@media (max-width: 991px){
    .section-title::before{
        width: 180px;
        height: 104px;
    }
}
@media (max-width: 767px){
    .section-title::before{
        width: 150px;
        height: 86px;
    }
}
@media (min-width: 992px){
    /*PC左圖右文 or 上圖下文, Mobile 上圖下文*/
    .wedding-couple-section.eat_section .gb.bride > div{
        float: right;
    }
}
/*Header*/
.header-style-1 .navigation:after, 
.header-style-2 .navigation:after{
    display: none;
}
.header-style-1 .navigation, .header-style-2 .navigation{
    border-bottom: none;
    box-shadow: 0px 3px 6px #ddd;
}
.header-style-1 #navbar > ul > li > a, 
.header-style-2 #navbar > ul > li > a{
    color: #535353;
    font-weight: 400;
}
.site-header #navbar > ul li a:hover {
    color: #D68C5F;
    font-weight: 600;
}
.header-style-1 #navbar ul li.current-menu-item > a, 
.header-style-2 #navbar ul li.current-menu-item > a, 
.header-style-1 #navbar ul > li.current-menu-ancestor li.current-menu-item > a, 
.header-style-2 #navbar ul > li.current-menu-ancestor li.current-menu-item > a, 
.header-style-1 #navbar ul > li.current-menu-ancestor > a, 
.header-style-2 #navbar ul > li.current-menu-ancestor > a{
    color: #D68C5F;
    font-weight: 600;
}
.header-style-1 .couple-logo, 
.header-style-2 .couple-logo {
    margin-top: 15px;
}
@media (max-width: 1200px) and (min-width: 992px){
    .header-style-1 #navbar > ul > li > a, 
    .header-style-2 #navbar > ul > li > a{
        padding-left: 10px;
        padding-right: 10px;
    }
    .couple-logo img{
        width: 160px;
        height: auto;
    }
}
@media (min-width: 992px){
    .header-style-1 #navbar > ul > li.eat_contact_menu > a,
    .header-style-2 #navbar > ul > li.eat_contact_menu > a,
    .header-style-1 #navbar > ul > li.eat_contact_menu > a:link,
    .header-style-1 #navbar > ul > li.eat_contact_menu > a:link{
        display: inline-block;
        border: 1px solid #D89B76;
        padding: 15px 24px;
        margin: 19px 0px 19px 18px;
        border-radius: 50px;
        color: #D89B76;
    }
    .header-style-1 #navbar > ul > li.eat_contact_menu > a:hover,
    .header-style-2 #navbar > ul > li.eat_contact_menu > a:hover{
        color: #FFF;
        background-color: #D89B76;
        background-color: #D89B76;
        font-weight: 400;
    }
}
@media (max-width: 991px){
    .header-style-1 .navbar-header button, 
    .header-style-2 .navbar-header button{
        top: 2px;
    }
    .header-style-1 .couple-logo, 
    .header-style-2 .couple-logo{
        margin-top: 0px;
    }
    .header-style-1 .couple-logo > img, 
    .header-style-2 .couple-logo > img{
        height: 40px;
    }
    .header-style-1 .navigation, 
    .header-style-2 .navigation{
        padding: 10px 15px;
    }
    .site-header .navbar-header button{
        background-color: #D68C5F;
    }
    .site-header #navbar .close-navbar{
        background-color: #D68C5F;
    }
    .couple-logo img{
        width: auto;
        height: 50px;
    }
}
@media (max-width: 767px){
    .couple-logo img{
        width: auto;
        height: 40px;
    }
}

/*多圖切換*/
.wedding-couple-section.eat_section .img-holder.eat_section_slider img{
    opacity: 1;
    visibility: visible;
}
.eat_section_slider.owl-theme .owl-controls{
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 0 10px 0;
}
/* KV */
@font-face {
    font-family: 'NotoSerifTC';
    src: url('../fonts/NotoSerifTC-Regular.otf');
}
.hero .wedding-announcement .couple-name-merried-text h2{
    font-family: 'NotoSerifTC';
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 84px;
    letter-spacing: 21px;
}
.hero .slick-prev, 
.hero .slick-next{
    background-color: #D89B76;
    -webkit-box-shadow: 0 0 0 5px rgba(225, 132, 75, 0.9);
    box-shadow: 0 0 0 5px rgba(225, 132, 75, 0.9);
}
.hero .slick-prev:hover, .hero .slick-next:hover {
    background-color: rgba(216, 155, 118, 0.8);
    -webkit-box-shadow: 0 0 0 5px #FF844B;
    box-shadow: 0 0 0 5px #FF844B;
}
.hero .slide-item:before{
    background-color: rgba(0, 0, 0, 0);
}
.hero .wedding-announcement{
    /* top: 40%; */
    top: 42%;
    height: 16%;
}
.hero .slick-dots{
    bottom: 12%;
}
.hero .slick-dots li button{
    padding: 10px;
}
.hero .slick-dots li{
    margin: 0 13px;
}
.hero .slick-dots li button::before {
    color: #FFF;
    opacity: 0.5;
    font-size: 12px;
}
.slick-dots li.slick-active button:before{
    opacity: 1;
}
@media (max-width: 991px){
    .hero .wedding-announcement .couple-name-merried-text h2{
        font-size: 63px;
        letter-spacing: 17px;
    }
    .hero .wedding-announcement{
        top: 37%;
    }
    .hero .slick-dots{
        bottom: 18%;
    }
    .hero .slick-dots li{
        margin: 0 7px;
    }
}
@media (max-width: 767px){
    .hero .wedding-announcement .couple-name-merried-text h2{
        font-size: 24px;
        letter-spacing: 10px;
        text-shadow: 0.1px 0.1px 0.5px rgba(0, 0, 0, 0.3);
    }
}

/*Footer*/
.eat_footer{
    color: #D89B76;
    background: #FFF;
    padding: 20px 0 20px 0;
    font-size: 13px;
}
.eat_footer:before{
    display: none;
}
/*婚禮服務*/
.wedding-couple-section#service .details{
    background: none;
    position: relative;
    background-color: #fff;
}
.wedding-couple-section#service .details:before{
    content: '';
    display: block;
    position: absolute;
    background: url("../images/eat_wedding/Path 1@2x.png") no-repeat center center;
    width: 50px;
    height: 50px;
    top: 0;
}
.wedding-couple-section#service .details:after{
    content: '';
    display: block;
    position: absolute;
    background: url("../images/eat_wedding/Path 2@2x.png") no-repeat center center;
    width: 50px;
    height: 50px;
    bottom: 0;
}
.wedding-couple-section#service .details h3{
    color: #D89B76;
}
.wedding-couple-section#service .details p{
    color: #535353;
}
.wedding-couple-section#service .eat_bg_s1{
    top: 838px;
}
.wedding-couple-section#service .eat_bg_s2{
    top: 1427px;
}
.wedding-couple-section#service .eat_bg_s3{
    top: 1868px;
}
.wedding-couple-section#service .eat_bg_s4{
    top: 292px;
}
.wedding-couple-section#service ul,
.wedding-couple-section#partner ul{
    list-style-type: disc;
    line-height: 1.8em;
    color: #535353;
    padding: 0 0 0 25px;
}
.wedding-couple-section#service ul > li,
.wedding-couple-section#partner ul > li{
    margin-bottom: 10px;
}
@media (min-width: 992px){
    .wedding-couple-section#service .gb.bride{
        text-align: left;
    }
    .wedding-couple-section#service .gb.groom .details:before{
        left: 40px;
    }
    .wedding-couple-section#service .gb.bride .details:before{
        left: 0;
    }
    .wedding-couple-section#service .gb{
        margin-bottom: 70px;
    }
    .wedding-couple-section#service .gb.groom .details{
        padding: 50px 50px 50px 88px;
    }
    .wedding-couple-section#service .gb.bride .details{
        padding: 50px 88px 50px 50px;
    }
}
@media (max-width: 991px){
    .wedding-couple-section#service .gb:first-child{
        margin-top: 0;
    }
    .wedding-couple-section#service .gb{
        margin-top: 50px;
    }
    .wedding-couple-section#service .details{
        padding: 80px 45px 80px 45px;
    }
    .wedding-couple-section#service .details:before{
        left: 0;
        top: 30px;
    }
    .wedding-couple-section#service .details:after{
        right: 0;
        bottom: 0;
    }
}
@media (max-width: 767px){
    .wedding-couple-section#service .gb:first-child{
        margin-top: 0;
    }
    .wedding-couple-section#service .gb{
        margin-top: 35px;
    }
    .wedding-couple-section#service .details{
        padding: 50px 30px 30px 30px;
    }
    .wedding-couple-section#service .details:before{
        background-image: url("../images/eat_wedding/Path 1.png");
        width: 25px;
        height: 25px;
        left: 0;
        top: 20px;
    }
    .wedding-couple-section#service .details:after{
        background-image: url("../images/eat_wedding/Path 2.png");
        width: 25px;
        height: 25px;
        right: 0;
        bottom: 0;
    }
}
/* 專案介紹 */
#project .eat_bg_s2{
    top: 500px;
    right: -80px;
}
#project .eat_bg_s3{
    top: 312px;
    left: -88px;
}
#project .html_edit{
    width: 900px;
    margin: 0 auto;
}
@media (max-width: 991px){
    #project .html_edit{
        width: 100%;
    }
    #project .html_edit table{
        width: 100%;
    }
}
@media (max-width: 767px){
    #project .html_edit{
        width: 100%;
    }
}
/* 合作廠商 */
.wedding-couple-section#partner .details{
    background-color: #FFF3EA;
}
.wedding-couple-section#partner .details h3{
    color: #535353;
}
.wedding-couple-section#partner .eat_bg_s1{
    top: 325px;
}
.wedding-couple-section#partner .eat_bg_s4{
    top: 631px;
}
/* 分店資訊 */
.eat_branch_section .row{
    max-width: 900px;
    margin: 0 auto;
}
.eat_branch_section .details{
    background-color: #FFF;
    color: #535353;
    padding: 20px;
    height: 210px;
    margin-bottom: 30px;
}
.eat_branch_section .details .eat_branch_map a,
.eat_branch_section .details .eat_branch_map a:link{
    color: #535353;
}
.eat_branch_section .details h3{
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 12px;
}
.eat_branch_section .details .eat_branch_phone{
    font-weight: 600;
}
.eat_branch_section .details i{
    color: #D89B76;
    position: absolute;
}
.eat_branch_section .details .eat_branch_map i{
    font-size: 25px;
    top: 1px;
    left: 3px;
}
.eat_branch_section .details .eat_branch_phone i{
    font-size: 22px;
    top: 3px;
    left: 2px;
}
.eat_branch_section .details .eat_branch_seat i{
    font-size: 22px;
    top: 3px;
    left: 2px;
}
.eat_branch_section .details li{
    margin-bottom: 5px;
    line-height: 1.5em;
    position: relative;
    padding-left: 27px;
}
/* .eat_branch_section .eat_bg_s1{
    top: 300px;
}
.eat_branch_section .eat_bg_s2{
    top: 591px;
}
.eat_branch_section .eat_bg_s3{
    top: 948px;
}
.eat_branch_section .eat_bg_s4{
    top: 1306px;
} */
.eat_branch_section .details .eat_branch_phone a,
.eat_branch_section .details .eat_branch_phone a:link{
    color: #535353;
}
.eat_branch_section .details .eat_branch_phone a:hover{
    color: #d68c5f;
}
/* 預約諮詢 */
.getting-there-section.eat_section{
    background-color: #FFF;
}
.getting-there-section.eat_section iframe{
    border: 1px solid #D89B76;
}
.getting-there-section.eat_section .eat_bg_s2{
    top: 588px;
    right: -90px;
}
.getting-there-section.eat_section .eat_bg_s3{
    top: 363px;
    left: -100px;
}