.coverImage{
    
/*     background-image: url(img_flwr.gif), url(paper.gif);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat; */

     
      background-image: url(../images/cover/background.jpg)   ;  
      background-position:  center;
 
    height: 625px;
   /*  background-position: 50% 150%; */
    padding-bottom: 20px;
 
    background-color:rgb(137 140 133);

 
    background-repeat:  repeat-x ;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
 
 
}
.coverWreath{
  
    background: url(../images/cover/wreath.png);
    height: 715px;
    background-position: 50% 185%;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 10;
    position: relative;
  


 }
 .coverWreathBackground{
  
   
    height: 700px;
    background-color:  rgba(70, 70, 70, 100%); 
    opacity: 85%;


 }
.divWreath{
 /*
  display: block;
  position: relative;  
  top: 300px;
 */
/*
 display: block;
 position: relative;
 top: 280px;
 width: 280px;
 height: 280px;
 background: #373737;
 -moz-border-radius: 70px;
 -webkit-border-radius: 70px;
 border-radius: 500px;
 margin: auto;
 padding: 20px;
 padding-top: 35px;
 box-shadow: 0px 0px 10px 10px #373737;
*/

    display: block;
    position: relative;
    top: 310px;
    left: 10px;
    width: 280px;
    height: 280px;
    background: #252525;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 500px;
    margin: auto;
    padding: 20px;
    padding-top: 35px;
    box-shadow: 0px 0px 10px 20px #252525;

}
/* .bouquet{
    background: url(http://localhost:3000/public_images/flower/cover/bouquet.png) bottom left;
    height: 700px;
    background-position: 100% 100%;
    display: block;
    position: relative;
    margin-bottom: 0px;
    opacity: 0.3;
    margin-top: -700px;
    z-index: 1000;
} */

.Message1{
    font-family:  Pattaya;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    top: 100px;
    margin-left: 5%;

}

/*
.divTitleName 
ดูใน flower-first.css
*/
#divTitleName {
    /* margin: auto; */
    text-align: center;
    color:#ffffff;
}


 

.hilightMessage {
    /* margin-left: 5%; */
    margin-top: 65px;  
    
    text-align: center;
    background: rgb(50 50 50 / 70%);
    padding: 50px;
    padding-top: 100px;
    height: 625px;

}

.hilightMessage2{
  /*   margin-left: 5%;
    margin-top: 50px; */
}
.hilightMessageTitle{
    font-family: 'Taviraj';
    font-size:30px;
}
 
.hilightMessageDesc{
    font-family:'Taviraj';
    font-size:20px;
    margin-top:10px;
}
.divLineOA{
    font-family:  'Taviraj','Trirong','Pridi',serif,sans-serif, Sarabun;
    font-size:20px;
}
.divLineOA2{
    font-weight: bold;
}
.divAddFriend{
    margin-top: 10px;
}
.menuContainer{
    /* background-color: rgba(56, 44, 61, 1); */
    height: 100px;
    margin-bottom: 0px;
   
    position: relative;
    margin-left: 5%;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;

}
.menuContainer2{
    /* background-color: rgba(56, 44, 61, 1); */
    height: 100px;
    margin-bottom: 0px;
    /* position: relative; */
    display: flex;
    margin: 20px;
    align-content: center;
    justify-content: center;


}
.divMenu{
    display: flex;
    justify-content: flex-start;
    width: 300px;
    background-color: rgba(173, 167, 175 , 30%);
    padding: 10px;
    margin-bottom: -5px;
    margin-right: 10px;
    border-radius: 5px;

    -webkit-box-shadow: -2px 3px 13px -3px #000000; 
    box-shadow: 2px 3px 13px -8px #000000;

}
.divMenu2{
    display: flex;
    width: 300px;
    background-color: rgba(173, 167, 175, 30%);
    padding: 10px;
    /* margin-bottom: -5px; */
    /* margin-right: 10px; */
    border-radius: 5px;
    -webkit-box-shadow: -2px 3px 13px -3px #000000;
    box-shadow: 2px 3px 13px -8px #000000;


}
.divMenuQRCodeLabel{
    display: flex;
    justify-content: flex-start;
    width: 300px;
    background-color: rgba(173, 167, 175 , 30%);
    padding: 10px;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: -5px;
    margin-right: 10px;
    border-radius: 5px;

    -webkit-box-shadow: -2px 3px 13px -3px #000000; 
    box-shadow: 2px 3px 13px -8px #000000;

}
.divMenuServiceTimeLabel{
    display: flex;
    justify-content: flex-start;
    width: 300px;
    background-color: rgba(173, 167, 175 , 30%);
    padding: 10px;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: -5px;
    margin-right: 10px ;
    border-radius: 5px;

    -webkit-box-shadow: -2px 3px 13px -3px #000000; 
    box-shadow: 2px 3px 13px -8px #000000;
}

.divQRCode{
    width: 150px;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.item-center {
    margin: auto;
}
.imgQRCode{
    width: 80%;
}

 
 
.divCalendar{
    width: 120px;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.imgCalendar{
    width: 90px;
}


.menuFixed {
 
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: rgba(125, 94, 7, 1); */
 
    height: 65px;
 
    /*
    background: linear-gradient(270deg, rgba(125, 94, 7, 1) -10.74%, #ddb444 20.74%, #fae5ac 50.25%, rgb(233 193 82) 80.49%, #e5c15d 99%);
    */
    background: rgb(199 222 20);

}
.topbar {
    background-color: rgb(0 0 0 / 70%); 
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 140px;
    color: #ffffff;
    top: 60px;
    text-align: center;
}
.topbar-msg-title2 {
    font-family: Italianno, cursive;
    font-size: 36px;
    font-weight: normal;
    display: block;
    color: #ffdf8d;
    padding-top: 10px;
}
.topbar-msg-title {
    font-family: Italianno, cursive;
    font-size: 36px;
    font-weight: normal;
    display: block;
    color: #ffffff;
    padding-top: 10px;
}
.time-info{

}
.time-info-label{
    color: #ffffff;
}
.topbar-msg-desc {
    margin-top: -10px;
    display: block;
    font-size: 12pt;
}


.divLogoHomepage {
    padding-bottom: 20px;
}
.div-article-title {
    color: #000000;
    padding: 20px;
    font-family: pattaya;
    font-size: 1.2rem;
    background: url(../images/article/menu.png) center;
    background-size: contain;
    background-repeat: no-repeat;
}
.h1-homepage {
    font-size: 24px;
    margin-top: 10px;
    margin: 20px;
    font-family: "Taviraj", "Trirong", "Pridi", serif, sans-serif, Sarabun;
    font-weight: bold;
    color: #977b2a;
}
.titleweb-homepage {
    font-family: Italianno, cursive;
    font-size: 28pt;
    text-align: center;
    color: #ffffff;
}

.wreath-hilight{
 
    /* width: 100%; */
    /* height: auto; */
    display: block;
    position: absolute;
    top: 100px;
 
  
}
.hilightMessage-homepage {
    /* margin-left: 5%; */
    /* margin-top: 170px; */
  /*   padding-top: 300px; */
    color: rgba(255, 255, 255, .9);
    text-align: center;
}
.hilightMessageDesc-homepage {
    font-family: Pattaya;
 
    margin-top: 10px;
    text-align: center;
    color: #ffffff;
}
.divLineOA-homepage {
    /* color: #80692e; */
    /* color:#ffdf8d; */
    font-family: 'Taviraj', 'Trirong', 'Pridi', serif, sans-serif, Sarabun;
    font-size: 20px;
}
.button-container {
    display: inline;
    margin: 5px;
}
.divAddFriend-homepage {
    margin-top: 10px;
}
div#divMenuTime1 {
    /* color: rgba(255, 255, 255, 1); */
    /* margin-left: 5%; */
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}


/* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
#divTitleName[data-id="divTitleName"]{
    font-family: Italianno, cursive;
    font-size: 120px;
    font-weight: normal;
    position: relative;
    top: 90px;
    margin-left: 5%;
}


@keyframes titlewebmove {
    0%   { color: #000000;}
    25%  { color: #4c3909;}
    50%  { color: #7e6320;}
    75%  { color: #bda976;}
    100% { color:  #fff1cd;}
  }

.title-container {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.titleweb {
    /* padding-left: 10px; */
    display: inline-block; 
    font-family: Pattaya;
    margin-left: 5%;
    vertical-align: top;
    /* text-align: center; */
    /* align-content: center; */
    /* height: 50px; */
    font-size: 30pt;
    margin-top: 5px;  
    
    font-weight: normal;
    padding-right: 10px;
    text-wrap: nowrap;
    color: #000000;
    
}
  
 
.titleweb2 {
     
    padding-left: 0px;
    display: inline-block;
    font-family: Italianno;
    vertical-align: middle;
    text-align: center;
    align-content: center;
     height: 50px;  
    margin-top: -5px;
    display: none;
}  
.contact{
    display: none;
} 
@media only screen and (min-width: 320px)  {
    /*Grid - For Mobile S : ms */
    .divImageItem {
        width: 90%;
         
    }
    .imageModalContent {
        width: 300px;
    }
    .divLastDelivery {
        width:96%;
    }
    .divLastDeliveryListItem {width: 96%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        display: block;
       
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display:none;
    }

    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 40px;
        font-weight: normal;
        position: relative;
        top: 20px;
        margin-left: 5%;
    }
    .titleweb{
        font-size: 16px;
    }
    .titleweb2{
        font-size: 36px;
    }
    .contact{
        display: none;
    } 

}
@media only screen and (min-width: 375px)  {
     /* For Mobile M : mm */
     .divImageItem {
        width: 90%;
        
    }
    .imageModalContent {
        width: 325px;
    }
    .divLastDelivery {
        width:96%;
    }
    .divLastDeliveryListItem {width: 96%;}

    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display:none;
    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 40px;
        font-weight: normal;
        position: relative;
        top: 20px;
        margin-left: 5%;
    }
    .titleweb{
        font-size: 16px;
    }
    .titleweb2{
        font-size: 36px;
    }
    .contact{
        display: none;
    } 

}
@media only screen and (min-width: 425px) {
    /* For Mobile L : ml */
    .divImageItem {
        width: 45%;
        
    }
    .imageModalContent {
        width: 400px;
    }
    .divLastDelivery {
        width:96%;
    }
    .divLastDeliveryListItem {width: 96%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        display: block;
       
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display:none;
    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 50px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }

    .titleweb{
        font-size: 20px;
    }
    .titleweb2{
        font-size: 40px;
    }
    .contact{
        display: none;
    } 

}

@media only screen and (min-width: 640px) {
    /* For Tablet widht 640: tm */
    .divImageItem {
        width: 45%;
         
    }
    .imageModalContent {
        width: 600px;
    }
    .divLastDelivery {
        width:45%;
    }
    .divLastDeliveryListItem {width: 96%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display: flex;
        justify-content: flex-start;

    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 70px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }
    .titleweb{
         font-size: 20px;
     }
    .titleweb2{
        font-size: 40px;
    }
    .contact {
        display: block;
        justify-content: flex-end;
        padding-right: 1rem;
        text-align: right;
        position: relative;
        top: -.5rem;
    }

}
@media only screen and (min-width: 768px) {
    /* For Tablet: t,tl */
    .divImageItem {
        width: 45%;
        
    }
    .imageModalContent {
        width: 600px;
    }
    .divLastDelivery {
        width:45%;
    }
    .divLastDeliveryListItem {width: 96%;}

    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
    
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display: flex;
        justify-content: flex-start;

    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
 
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 70px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }

    .titleweb{
         font-size: 30px;
    }
    .titleweb2{
        font-size: 40px;
    }
    .contact {
        display: block;
        justify-content: flex-end;
        padding-right: 1rem;
        text-align: right;
        position: relative;
        top: -.5rem;
    }


}
@media only screen and (min-width: 1024px) {
    /* For Laptop: ls */
    .divImageItem {
        width: 45%;
         
    }
    .imageModalContent {
        width: 600px;
    }
    .divLastDelivery {
        width:45%;
    }
    .divLastDeliveryListItem {width: 45%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display: flex;
        justify-content: flex-start;

    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 70px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }

    .titleweb{
        font-size: 24px;
    }
    .titleweb2{
        font-size: 40px;
    }
    .contact {
        display: block;
        justify-content: flex-end;
        padding-right: 1rem;
        text-align: right;
        position: relative;
        top: -.5rem;
    }

}
@media only screen and (min-width: 1280px) {
    /* For Laptop  width 1280 px : lm*/
    .divImageItem {
        width: 32%;
         
    }
    .imageModalContent {
        width: 600px;
    }
    .divLastDelivery {
        width:45%;
    }
    .divLastDeliveryListItem {width: 45%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display: flex;
        justify-content: flex-start;

    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 70px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }
    .titleweb{
        font-size: 24px;
    }
    .titleweb2{
        font-size: 40px;
    }
    .contact {
        display: block;
        justify-content: flex-end;
        padding-right: 1rem;
        text-align: right;
        position: relative;
        top: -.5rem;
    }

}
@media only screen and (min-width: 1440px) {
    /* For Laptop L: ll */
    .divImageItem {
        width: 32%;
         
    }
    .imageModalContent {
        width: 500px;
    }
    .divLastDelivery {
        width:45%;
    }
    .divLastDeliveryListItem {width: 45%;}
 
    /* เวลาทำการ */
    #divMenuTime1[data-id="divMenuTime1"]{
        
        display: block;
        
    }
    #divMenuTime2[data-id="divMenuTime2"]{
        display: flex;
        justify-content: flex-start;

    }
    /* divTitleName ชื่อเว็บ (ตัวใหญ่ๆ)*/
    #divWebTitleName,
    #divTitleName[data-id="divTitleName"]{
        font-family: 'Pattaya';
        font-size: 70px;
        font-weight: normal;
        position: relative;
        top: 90px;
        margin-left: 5%;
    }

    .titleweb{
        font-size: 24px;
    }
    .titleweb2{
        font-size: 40px;
    }
    .contact {
        display: block;
        justify-content: flex-end;
        padding-right: 1rem;
        text-align: right;
        position: relative;
        top: -.5rem;
    }

}
/* ********************
        menu
******************** */

/* decoration ของเมนู ในหน้าปัจจุบัน*/
.page-active {
    /* background-color: rgba(171, 167, 161, .8); */
    border-radius: 5px;
    /* color: #ffffff; */
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
 

/* override bootstrap*/
.navbar-collapse.show{
    /* background-color: rgba(125, 94, 7, .8); */
    padding: 5px;
    margin-top: 20px;
    border-radius: 5px;
   background: #e0ef6b;
}
/*overrides bootstrap*/
.navbar-collapse.show>ul.navbar-nav>li.nav-item {
    /* background-color: rgb(64 63 61 / 100%); */
    /* background-color: rgb(90 67 21); */
     margin: 1px;
    border-radius: 5px;
    

}
.navbar-collapse.show>ul.navbar-nav>li.nav-item-bg {

    /* background-color: rgba(171, 167, 161, .8); */
    color: #4c3b0b;

}
.nav-item-backgroud{
    background-color: rgba(171, 167, 161, .8);
    /* background: linear-gradient(270deg, rgba(125, 94, 7, 1) -10.74%, #b28d27 20.74%, #bf9c3d 50.25%, rgb(157 123 27) 80.49%, #c29f3f 99%);
 */
}
a.nav-link {
   
    color: #4c3b0b;
    background-color: rgba(171, 167, 161, .5);
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
}
a.nav-link :hover{
    color: #e5e2dc;
}
/*overrides bootstrap*/
.navbar-collapse {
    flex-basis: 100%; 
    flex-grow:0; 
    align-items: center;
    padding-right: 2rem;
}
a.text-back-to-homepage{
    /* color: #dacfb2; */
}

/*overrides bootstrap*/
.mb-2 {
    margin-bottom: 0rem !important;
}