/* Banner1 */
   #main_sign{ top:127px; height:38px; margin-left: auto; margin-right: auto; left: 0; 
    right: 0; z-index: 99999; }  
  .anim-slider img#coconut1{ height:200px; top:0px; left:0px; }
  .anim-slider img#coconut2{ height:200px; top:0px; right:0px; }

  .anim-slider li#banner1{ background-image: url('../images/slider/bg_banner1.png');background-repeat: no-repeat;}
  .anim-slider img#slogan1{top:0px;left:22%; color:#FFF;text-shadow: 0px; z-index: 999; height:150px; }
  .anim-slider img#fruit{ height:176px; top:-20px; left:50%; z-index: 99; }
  .anim-slider img#light_ray1{ top:0; left:10%;  }

  .anim-slide .exclusive_msg{ 
    background-color:#FFFFFF; padding:6px 10px 6px 10px; color:#7110ad; z-index: 991; border-radius:8px; box-shadow:0px 0px 6px #000000; 
    top:300px; right:140px; font-family: 'kanit'; height:55px;  border:2px solid #530783;
    text-align: center; width:200px;
  }
  .anim-slide .exclusive_msg_description{
    top:327px; right:143px;
    z-index:999;
  }
  .anim-slide .exclusive_msg h5{ text-align: center;font-family: 'kanit'; margin-left:auto; margin-right:auto; width:100%;  }
  .anim-slider img#exclusive01{ height:350px; top:60px; right:140px; z-index:99; }


  /* Banner2  */
  .anim-slider li#banner2{ background-image: url('../images/slider/bg_banner2.png');background-repeat: no-repeat; }
  
  .anim-slider img#slogan21{top:15px;left:12%; height:100px; color:#FFF;text-shadow: 0px; z-index: 999; }
  .anim-slider img#slogan22{top:80px;left:22%; height:70px; color:#FFF;text-shadow: 0px; z-index: 999; }

  /* Banner3  */
  .anim-slider li#banner3{ background-image: url('../images/slider/banner3.jpg');background-repeat: no-repeat; background-position-y: -3em; }
  .anim-slide #fish_sauce{ top:10px;left:32%; height:200px; }
  .anim-slide #slogan3{ top:10px;right:22%; height:140px; }
  .anim-slide #slogan3_description{ top:90px; left:30%; right:0; font-family: 'kanit'; color:#FFFFFF; text-shadow: 2px 2px 6px #666666; font-size:1.2em; }

  /* Banner4  */
  .anim-slider li#banner4{ background-image: url('../images/slider/bg_banner3.jpg'); background-repeat: no-repeat; background-position-y: -3em; }
  .anim-slider img#slogan4{top:10px;left:0; right:0; margin-left:auto; margin-right:auto; color:#FFF;text-shadow: 0px; z-index: 999; height:110px; }

  .anim-slider li#banner5{ background-image: url('../images/slider/bg_banner_top.jpg'); background-repeat: repeat-x; background-position: bottom center;  }
  .anim-slider img#slogan5{top:10px;left:0; right:0; margin-left:auto; margin-right:auto; color:#FFF;text-shadow: 0px; z-index: 88; height:100px; }
  .anim-slider img#peesursamut{ top:0px; right:25%; z-index:99; height: 200px; }
  .anim-slider img#soontornpoo{ top:0px; left:25%; z-index: 999; height: 200px; }
  .anim-slider img#pra_apai{ top:0px; left:15%; height: 180px;  }
  .anim-slider img#light_ray{ top:0; left:0; right:0; margin-left:auto; margin-right:auto;  height: 200px; }
  .anim-slider img#samutsakorn{ top:45px; right:17%; height: 130px; }
  #main_sign{ top:40px;left:0; right:0; margin-left:auto; margin-right:auto; color:#FFF;text-shadow: 0px; z-index: 88; height:61px; }  

  @media only screen and (max-width: 767px) {
    #main_sign{ position: absolute; top:130px; height:40px; left:0; z-index: 99999; width:auto; max-width:100%; }  
    .anim-slider img#slogan1{top:-10px !important; height:85px;  margin-left:auto;margin-right:auto;left:0; right:0; color:#FFF;text-shadow: 0px;  }
    .anim-slider img#fruit{ top:25px; height: 130px; margin-left:auto;  margin-right:auto; left:0; right:0;z-index: 999; }
    .anim-slider img#exclusive01{ display:none; }
    .anim-slide .exclusive_msg{ display: none; }

    .anim-slider img#slogan21{ width:290px; height:auto; left:0; right:0; margin-left:auto; margin-right:auto;}
    .anim-slider img#slogan22{ width:250px; height:auto; left:0; right:0; margin-left:auto; margin-right:auto; }

    .anim-slide #fish_sauce{left:0; right:0; margin-left:auto; margin-right:auto;}
    .anim-slide #slogan3{ background-color:rgba(0,0,0,0.5); left:0; right:0; margin-left:auto; margin-right:auto;}
    .anim-slide #slogan3_description{ left:0; right:0; margin-left:auto; margin-right:auto; }
  }