body{

	/*background-image:url('../../images/SendFlowerWebdesign/BG.jpg'); */
	background-image:url('../../Utilities/ImageResize.aspx?f=BG&ext=jpg&w=1123&h=359'); 
	background-repeat:no-repeat; background-position :top  left; 
	background-attachment: fixed;
}


.header-padding{
    margin-top:200px;
    /*background-color:#8F8C8D;*/
    padding:20px 0px 20px 0px;

    
    /*opacity*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/   /* Theoretically for IE 8 & 9 (more valid) */	
	/*filter: alpha(opacity=50);*//* This works in IE 8 & 9 too  ... but also 5, 6, 7*/
	/*-moz-opacity:0.5;*//* Older than Firefox 0.9 */
	/*-khtml-opacity: 0.5;*//* Safari 1.x (pre WebKit!) */
	/*opacity: 0.5;*//* Modern! ,Firefox 0.9+, Safari 2?, Chrome any? , Opera 9+, IE 9+*/


}
.Back-Layer{
  
    position:absolute;

    
    background-color:#010910;
   
    padding:20px 0px 20px 0px;
    top:43px;
    width:100%;
    height:600px;
    z-index:-1;
    
    /*opacity*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";   /* Theoretically for IE 8 & 9 (more valid) */	
	filter: alpha(opacity=50);/* This works in IE 8 & 9 too  ... but also 5, 6, 7*/
	-moz-opacity:0.5;/* Older than Firefox 0.9 */
	-khtml-opacity: 0.5;/* Safari 1.x (pre WebKit!) */
	opacity: 0.5;/* Modern! ,Firefox 0.9+, Safari 2?, Chrome any? , Opera 9+, IE 9+*/


}
.form-control {
    display: inline;
    height: 34px;
    padding:6px 12px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/****************************************/
/*             Out of service           */
/****************************************/
#divOutOfService
{
    
    position :fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    /*background: rgba(128,128,128, 0.6);*/
    background: rgba(0,0,0, 0.7);

    text-align:center;
    vertical-align:middle;
    
    z-index:999;
      
    display:none;      
 
}
#divOutMsg
{
    margin-top:100px;
    background: rgba(128,128,128, 0.8);
    padding:20px;
    
    /*
    font-size:20px;
    color:#ffffff;
    font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    */
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;


}

.a-homepage
{
    color:#ffffff;
     font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

/*****************************************************************
    ExampleFlower1.aspx,ExampleFlower2.aspx,ExampleFlower3.aspx 
    ExampleWreath1.aspx,ExampleWreath2.aspx
*****************************************************************/
#divPageExpired
{
    position :fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    /*background: rgba(128,128,128, 0.9);*/
    background: rgba(0,0,0, 0.9);
    z-index:10;
      
    display:block;   
}
#divPageExpired_row
{
    /*
     margin-top:80px;    
     background:rgba(109,108,110,0.8);
     height:220px;
*/
     margin-top:80px; 
}
#divPageExpired_SelectArea>div#delivery-service-area
{
    background:rgba(235,234,237,0.9);
}



/*****************************************/
/*         margin ของ container           */
/*****************************************/
/* margin ของ container*/
.top-bar, 
#divRowHeader,
#sectionProvinceCatalog,
#sectionPriceAndCondition,
#sectionServiceAreaContainer,
#divTambonNav,
#divMoobanString,
#sectionWarning /*homepage*/
{
    /*margin:0px 5% 0px 5%;*/
    margin:0px 7.5% 0px 8.5%;
    padding:5px 20px 15px 20px;


}
.info-header-description
{
   margin:0px 7.5% 0px 10%;
   padding:5px 10px 15px 10px;
}
#menubar-homepage
{
    margin:0px 7.5% 0px 8.5%;
    padding:0px 0px 0px 0px;
}


/****************************************/
/*      CatalogAndCondition.aspx        */
/****************************************/
/*BEGIN*/
#divClickToPrice
{
    display: block;
    color: #5A8CA4;
    text-shadow: 0px 0.6px 0.6px #AAA9A9;
    font-size: 14px;
}
#divClickToPrice>a
{   color: #5A8CA4;
    text-decoration:none;

    padding-bottom: 5px;
}
#divClickToPrice>a:hover
{   color: #5A8CA4;
    text-decoration:none;
    border-bottom: orange 2px solid;
    padding-bottom: 5px;
}
/*END*/

#section-catalog{
    margin:0;
    margin-top:595px;
    padding:50px 50px 50px 50px;
    background-color:rgba(204, 204, 204,0.9);/*ใช้คุณสมบัตินี้แทนการใช้ opacity*/
}

#section-condition {
    margin:0px 7.5% 200px 8.5%;
    padding:5px 20px 15px 20px;
    font-size:14px;
}
.div-header
{
    margin: 20px 3% 0px 3% ;
    padding: 0px 50px 0px 50px;
}
#divTel
{
     margin-top:-5px;
}
#divNavHome
{
    float:right;
    margin-top:-30px; 
}




#div-condition-container{
   /* padding: 20px 30px 20px 30px;*/
}
#div-condition-remark{
    font-style:italic;
    padding-top:10px;
}
#flower-cat-contianer{
    display:block;
}
#div-flower-cat{
    padding: 0px 10px 10px 10px;

}

.transportation-header,.section-header{
    width:100%;
    background-color:rgba(204, 204, 204,0.5);
    padding:0px 10px 0px 10px;
    margin:10px 0px 10px 0px; 
    font-size:18px;
    font-weight:bold;
}

.transportation-rate{
    clear:both;
    padding:0px 20px 20px 20px;
}

.condition-stress{
    font-weight:bold;
    font-style:italic;
    padding-bottom:10px;
}
.condition-stress-red{
    font-style:italic;
    color:red;
}




#divProvince
{
    padding:6px 12px 24px 12px;
    font-weight:bold;
    
}

#selectProvince:hover,#selectAmphur:hover{ cursor:pointer;}
    

/*เขต ,อำเภอ*/
#amphurArea{display:none;}

option[disabled=disabled]
{
    color:Red;
    font-style:italic;
}


#divCatalog
{
    padding-bottom:30px;
}

 
.label-area
{
    padding-right:0px;
    padding-left:0px;
    margin-bottom:5px;
    display: inline-block;
}


/*****************************************/
/*              Default.aspx              */
/*****************************************/
.div-menubar-description,
.div-menubar-image
{
    display:inline;
}
.div-menubar-image{ vertical-align:top;}


.menubar-homepage-title{color:#56869F;}
.menubar-homepage-description{font-size:12px;color:#56869F;}
.menubar-homepage-description-2
{
    font-size:12px;
    color:#C2C2C2;
}



.icon-call
{
    width:60px;
    float:left;
    padding:0px 2px 2px 2px;

}
.icon-vase
{
    width:70px;
    float:left;
    padding:0px 2px 2px 2px;   
    margin-top: -5px;
}
 

#contactus,
#flower-delivery-service
{
    margin:5px 5px 5px 5px;
    padding:20px 15px 20px 15px;
   
    display:none;/*unvisible on mobile */
   
}

#delivery-service-area
{
    background:rgba(235,234,237,0.3);

    margin:5px 5px 5px 5px;
    padding:25px 25px 25px 25px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius:5px;


    -webkit-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    -moz-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    

      
    
}
#delivery-service-area{ position:relative;}

#divSelectProvinces
{
    margin-top:10px;
    border-left: orange 5px solid;
    padding-left: 5px;
}
#selectProvinces:hover{cursor:pointer;}


/*overrides สำหรับหน้า Default.aspx*/
#menubar-homepage div[class*="col-"] {
    padding: 0px;
}

/* hilight image */
#div-hilight-image
{
    margin:0px 5% 0px 8%;


}
img.hilight-image
{
    margin-top:-30px;
    display:none;/*unvisible on mobile */   
}


@media only screen and (min-width: 600px) {
    /* For tablets: */
    #contactus,
    #flower-delivery-service,
    img.hilight-image
    {
        display:none;/*unvisible on tablet */
    }
    
    #delivery-service-area
    {   
        position:relative;
        margin-top:20px;
    }
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    #contactus,
    #flower-delivery-service,
    img.hilight-image
    {
        display:block;
    }
    
    #delivery-service-area
    {
        position:absolute;
        margin-top:20px;
    }
}

 
 #divWatString
 {
    overflow:scroll;
    overflow-x:hidden;
    
    height:550px;
    
    border:solid 1px rgb(220,220,220);
    padding:10px;
    margin:1px 10px 0px 0px;  
 }
 
 #divSectionServiceAreaContainer1,
 #divSectionWarning1
 {
    color:#808080;
    font-size:14px;
    margin-bottom:20px;
 }
 #divSectionWarning2 ul
 {
     padding-left:20px;  
     margin-bottom:50px;
 }
 
/*****************************************/
/*         {Province Name}.aspx          */
/*****************************************/

.top-bar
{
    background-color:rgba(53,85,101,0.5);
    margin:0px 0px 0px 0px;
    padding:5px 0px 15px 20px;
    /*
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px; 
*/
    
    background: rgba(229,237,242, 0.8); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(229,237,242, 0.8),rgba(215,228,235, 0.8),rgba(199,217,227, 0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(229,237,242, 0.8),rgba(215,228,235, 0.8),rgba(199,217,227, 0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(229,237,242, 0.8),rgba(215,228,235, 0.8),rgba(199,217,227, 0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(229,237,242, 0.8),rgba(215,228,235, 0.8),rgba(199,217,227, 0.8)); /* Standard syntax */
 
 /*
    -webkit-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    -moz-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    */
    
 
 }
 .brand
 { font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
   padding:10px 15px 5px 0px;
   font-weight:bold;
   font-size:18px;
   
   display:inline-block;
   
   color:#000000;
   text-shadow: 0px 0.6px 0.6px #AAA9A9;
 }
 .page_description
 {
    display:inline-block;
    color:#5A8CA4;
    text-shadow: 0px 0.6px 0.6px #AAA9A9;
    font-size:14px;
 }
 .padding-top {
    padding-top: 15px;
}
 

 
 .text-hilight
 {
    font-size:28px;
 }
 
 .h1{
   font-size:18px;
   text-shadow: 0px 0.6px 0.6px #AAA9A9;
   margin-top:20px;
   
 }
 .h2{
   font-size:18px;
   text-shadow: 0px 0.6px 0.6px #AAA9A9;
   margin-top:20px;
   
 }
.info-header-description
{

   color:#848080;
}
.info-section-description
{
   padding:5px 10px 15px 10px;
   color:#848080;
}

   
.float-right{float:right;}

#divSelectAmphurNav
{
    margin-top:10px;
    border-left: orange 5px solid;
    padding-left: 5px;
}
#selectAmphurNav:hover{ cursor:pointer;}



.datalist-watname,datalist-schoolname
{
    font-weight:bold;
    display:inline;
    text-shadow: 0px 1px 1px #AAA9A9;
    
}
.datalist-wataddress,datalist-schooladress
{
    display:inline;    
}
.alternate_style{ background-color:#EAEAEA; }



/*Condition*/
#divCondition
{
   font-size:14px;
 
   /*border:solid 1px #A6A5A5;*/
   
   
    /*box shadow*/
    background:rgba(235,234,237,0.3);
    margin:5px 5px 5px 5px;
    padding:40px 25px 25px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    -moz-box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    box-shadow: 0px 0px 15px -1px rgba(199,217,227, 0.8);
    

      
    
}

.h2-padding
{
    padding:10px 10px 10px 0px;
    margin: 0px 0px 0px 20px;
}
#ulCondition{   color:#848080;}
#chkAccepted:hover{ cursor:pointer;}
#divAccepted{font-weight:bold;}

/*service area*/
#serviceAreaContainer
{
   margin:0px 5% 0px 5%;
}
.content-bar
{  
    top:0px;
    left:0px;

    background:rgba(194,194,194,0.5);
    padding:10px;
    margin:10px 10px 0px 0px;
  
    text-shadow: 0px 1px 1px #AAA9A9;
    font-weight:bold;
    
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
#divWat,#divSchool
{
    overflow:scroll;
    height:450px;
    
    border:solid 1px #A6A5A5;
    padding:10px;
    margin:1px 10px 0px 0px;
}

/*footer*/
.footer
{
    margin:auto;
    font-size:12px;    
    color:#808080;
    
 
    margin: 0px 3% 0px 3% ;
    padding-bottom:20px;
}
.sitemap-link
{
    text-decoration:none;
 
}

/*****************************************/
/*              Amphoe.aspx              */
/*****************************************/
.label-area
{
    font-weight:bold;
}
#divSelectTambonNav
{
    margin-top:10px;
    border-left: orange 5px solid;
    padding-left: 5px;
}
#selectTambonNav:hover{ cursor:pointer;}

/*****************************************/
/*              Tambon.aspx              */
/*****************************************/

#divMoobanString /*css อื่นๆ ที่นอกจาก margin ของ container*/
{
    color: #848080;
    font-size:14px;
}



/****************************************/
/*              Override                */
/****************************************/
/*
.item-border 
{
    -webkit-box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);
    
    background:rgba(230, 230, 230,1);
    
 

}



.item-description{
    
    background: rgba(230, 230, 230,1);
    
}

.item-border:hover:before{
    content:"รูปภาพนี้เป็นเพียงตัวอย่างงานที่เคยจัดทำ ไม่ใช่แบบที่ใช้ในการสั่งซื้อ";
    font-size:12px;
    margin :0px;
    padding:10px 10px 0px 10px;
}
*/


.item-border
{
    background-color:rgba(255,255,255,1);
 
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
    box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
    
    border-radius:7px;
  
}
.item-border:hover{
    border-top:5px solid Orange;
}

.item-description{


    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,234,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3eaed', GradientType=0 );

    border-radius:8px;
}
.imgpopup-item-description
{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,234,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,234,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3eaed', GradientType=0 );


}



.product-code
{
    text-shadow: 0px 0.6px 0.6px #AAA9A9;    
}
.product-description
{
    font-size:14px;
}

/*-begin "price label" -*/
.item-image{
    padding:7px 7px 0px 7px;
    background: none;   
}
.popupitem-image
{
    padding:7px 7px 0px 7px;
}
.divPriceInfo {
    position:absolute;
    bottom:95px;
    margin:0px; 
    left:0px;
    padding:5px;
    width:100%
   
}
.divPriceInfoBorder {
    position:absolute;
    float:right;
    right:0px;
    bottom:80px;
    padding:10px;
    width:100%;
    
    background: rgba(18, 18, 18, 0.4);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
    box-shadow: 0px 1px 5px 0px rgba(0,0,2,0.26);
   
}
.divPriceInfo .product-price,
.divPriceInfo .product-remark
{
    color:#ffffff; text-align:right;
}
.divPriceInfo .product-price
{
    font-weight:bold;
}
/*-end  "price label"  -*/


.modal-header {
    padding: 2px 16px;
    /*background-color: #5cb85c;*/
    /*color: white;*/
    height:35px;

    /*border-top-left-radius:10px;
    border-top-right-radius:10px;*/

    
    background: rgba(222,234,240,1); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top,rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* Standard syntax */
    background: -webkit-linear-gradient(top, rgba(222,234,240,0.8), rgba(177,205,219,0.8));
    
    /*border-bottom-color: rgb(215, 208, 185);*/

    /*border-bottom:solid   1px rgb(215, 208, 185);*/
     border-bottom:solid   1px rgba(205, 205, 205,1);
 

}
.modal-body {
    background: none;
    /*border-color: rgb(215, 208, 185);*/
    /*border-color:rgba(205, 205, 205,1)*/
    
    background-image:url('../../images/SendFlowerWebdesign/BG.jpg'); background-repeat:no-repeat; background-position :top  left; 
	background-attachment: fixed;

}
 


.modal-footer {
    padding: 2px 16px;
    /*background-color: #5cb85c;
    color: white;*/

    
    
    background: rgba(222,234,240,1); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top,rgba(222,234,240,0.8), rgba(177,205,219,0.8)); /* Standard syntax */
    background: -webkit-linear-gradient(top, rgba(222,234,240,0.8), rgba(177,205,219,0.8));
    
    
    /*outline-color: rgb(215, 208, 185);
    border-top-color: rgb(215, 208, 185);*/
    /*border-top:solid   1px rgb(215, 208, 185);*/
    border-top:solid   1px rgba(205, 205, 205,1);
}



/*===================================*/
/*              Msg Popup            */
/*===================================*/
.MsgPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0px;
    left: 0px;
    background: rgba(128, 128, 128,0.8);
    display:none;
}

.MsgPopup-Content {
    text-align: center;
    vertical-align: central;
}
.MsgPopup-Content-Body{
  
    margin: 150px;   
    margin-left:auto;margin-right:auto;
    padding: 50px;
    background-color: rgba(87,107,118, 0.8); /*rgba(48, 80, 103,0.8)*/ 
    width:320px;
    border-radius:5px;
    color:#ffffff;
    font-size:24px;

    -webkit-box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 26px -2px rgba(0,0,0,0.26);

    position:relative; 

    text-align:center;

}




/*===================================*/
/*ส่งดอกไม้.net*/

.btnOrder
{
    margin: 0 auto;
    background-color: #ffab05;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    display:none;
    font-size: 14px;
    border-radius: 5px; 
   
    
}
.btnOrder:hover
{
    cursor:pointer;    
}
/*
div.btn-bar
{
    position:relative;

} 

.divBtnOrder {
    position: absolute;
}
*/
.addfriend {
    position: relative;
    display: inline;
    top: 12px;
}
/*
#divBtnBar {
    top: 0px;
    left: 0px;
    position: absolute;
    background: rgba(255,255,255, 0.8);
    width: 100%;
    height: 100px;
    padding: 15px;
}
*/