@import url("https://fonts.googleapis.com/css?family=Kanit");
#home {
  width: 100px;
  margin: 0 auto;
  float: left; }

.cancel {
  margin: -39px 0 1px 593px;
  visibility: hidden;
  position: absolute;
  z-index: 6;
  cursor: pointer; }

.showCancel {
  visibility: visible; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;
  color: green;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  /* box-shadow: 5px 4px black; */
  text-shadow: 6px 3px 2px black; }

#introMenu {
  position: absolute;
  cursor: pointer; }

.subMenuIntro {
  position: absolute;
  background-color: greenyellow;
  z-index: 1;
  padding: 10px;
  margin: 39px 0 0 8px;
  visibility: visible;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  /* IE 9 */
  -webkit-transform: rotate(-5deg);
  /* Safari 3-8 */
  transition: all 1s;
  box-shadow: 6px 7px #1a811e; }
  .subMenuIntro ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .subMenuIntro ul li {
      border-bottom: 1px solid;
      cursor: pointer; }

.boxShowAllinBoxIntro {
  position: absolute;
  border: 1px solid;
  width: 588px;
  height: 523px;
  margin: 30px 0 0 169px;
  padding: 10px;
  z-index: 5;
  overflow: hidden;
  background-color: beige;
  overflow-y: scroll;
  visibility: hidden; }
  .boxShowAllinBoxIntro #closeBoxAllIntro {
    visibility: hidden;
    color: red;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 0 547px; }

.showboxShowAllinBoxIntro {
  visibility: visible; }

.showSubMenuIntro {
  margin: 53px 0 0 8px;
  visibility: visible;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  /* IE 9 */
  -webkit-transform: rotate(-5deg);
  /* Safari 3-8 */ }

#mainContent {
  font-family: 'Kanit', sans-serif;
  border: 18px solid #4CAF50;
  /* color: red; */
  width: 789px;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 2em;
  background-color: #f1fbe5;
  box-shadow: inset 5px 4px 14px black; }
  #mainContent .menufood {
    position: absolute;
    width: 580px;
    height: 380px;
    overflow-y: auto;
    margin: 80px 0 0 59px;
    padding: 4px 0 10px 0px;
    background-color: honeydew;
    box-shadow: 3px 2px 16px black;
    transition: all 1s ease;
    visibility: hidden; }
    #mainContent .menufood #headMenuFood {
      width: 320px;
      text-indent: 20px;
      margin: 5px 0 5px 11px;
      border-top-right-radius: 2em;
      background-color: #8BC34A;
      letter-spacing: 3px;
      color: palegoldenrod;
      text-shadow: 1px 1px black; }
    #mainContent .menufood ul {
      margin: 0;
      padding: 0; }
      #mainContent .menufood ul li {
        color: green;
        width: 260px;
        display: inline-block;
        padding: 4px 0 4px 0;
        margin: 0 0 0 10px;
        text-align: center;
        transition: all 0.7s ease;
        cursor: pointer;
        border-bottom: 1px solid; }
        #mainContent .menufood ul li:hover {
          color: #FFEB3B;
          background-color: #4caf50;
          transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          /* IE 9 */
          -webkit-transform: scale(1.1, 1.1);
          /* Safari 3-8 */ }
  #mainContent .menuFoodsHeal {
    position: absolute;
    width: 580px;
    height: 380px;
    overflow-y: auto;
    margin: 40px 0 0 140px;
    padding: 4px 0 10px 0px;
    background-color: honeydew;
    box-shadow: 3px 2px 16px black;
    visibility: hidden;
    transition: all 1s ease; }
    #mainContent .menuFoodsHeal #headMenuFoodHeal {
      width: 320px;
      text-indent: 20px;
      margin: 5px 0 5px 11px;
      border-top-right-radius: 2em;
      background-color: #8BC34A;
      letter-spacing: 3px;
      color: palegoldenrod;
      text-shadow: 1px 1px black; }
    #mainContent .menuFoodsHeal ul {
      margin: 0;
      padding: 0; }
      #mainContent .menuFoodsHeal ul li {
        color: green;
        width: 260px;
        display: inline-block;
        padding: 4px 0 4px 0;
        margin: 0 0 0 10px;
        text-align: center;
        transition: all 0.7s ease;
        cursor: pointer;
        border-bottom: 1px solid; }
        #mainContent .menuFoodsHeal ul li:hover {
          color: #FFEB3B;
          background-color: #4caf50;
          transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1); }
  #mainContent .productVege {
    position: absolute;
    width: 580px;
    height: 380px;
    overflow-y: auto;
    margin: 40px 0 0 10px;
    padding: 4px 0 10px 0px;
    background-color: honeydew;
    box-shadow: 3px 2px 16px black;
    visibility: hidden;
    transition: all 1s ease; }
    #mainContent .productVege #headProductVege {
      width: 320px;
      text-indent: 20px;
      margin: 5px 0 5px 11px;
      border-top-right-radius: 2em;
      background-color: #8BC34A;
      letter-spacing: 3px;
      color: palegoldenrod;
      text-shadow: 1px 1px black; }
    #mainContent .productVege ul {
      margin: 0;
      padding: 0; }
      #mainContent .productVege ul li {
        color: green;
        width: 260px;
        display: inline-block;
        padding: 4px 0 4px 0;
        margin: 0 0 0 10px;
        text-align: center;
        transition: all 0.7s ease;
        cursor: pointer;
        border-bottom: 1px solid; }
        #mainContent .productVege ul li:hover {
          color: #FFEB3B;
          background-color: #4caf50;
          transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1); }
  #mainContent .productSubVege {
    position: absolute;
    width: 580px;
    height: 380px;
    overflow-y: auto;
    margin: 40px 0 0 140px;
    padding: 4px 0 10px 0px;
    background-color: honeydew;
    box-shadow: 3px 2px 16px black;
    visibility: hidden;
    transition: all 1s ease; }
    #mainContent .productSubVege #headProductSubVege {
      width: 480px;
      text-indent: 20px;
      margin: 5px 0 5px 11px;
      border-top-right-radius: 2em;
      background-color: #8BC34A;
      letter-spacing: 3px;
      color: palegoldenrod;
      text-shadow: 1px 1px black;
      cursor: pointer; }
    #mainContent .productSubVege ul {
      margin: 0;
      padding: 0; }
      #mainContent .productSubVege ul li {
        color: green;
        width: 260px;
        display: inline-block;
        padding: 4px 0 4px 0;
        margin: 0 0 0 10px;
        text-align: center;
        transition: all 0.7s ease;
        cursor: pointer;
        border-bottom: 1px solid; }
        #mainContent .productSubVege ul li:hover {
          color: #FFEB3B;
          background-color: #4caf50;
          transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1); }
    #mainContent .productSubVege #detailVe {
      padding: 20px;
      color: brown; }
      #mainContent .productSubVege #detailVe span {
        text-decoration: underline; }
      #mainContent .productSubVege #detailVe img {
        border: 5px solid beige;
        clear: both;
        width: 200px;
        /* height: 200px; */
        margin: 0 0 0 145px; }
  #mainContent #textMenu {
    margin: 530px 0 0 23px;
    position: absolute;
    z-index: 2;
    border: 2px solid seagreen;
    padding: 4px 10px 4px 10px;
    background-color: greenyellow;
    transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    animation: textRotate 2s infinite;
    box-shadow: 6px 5px 0px 0px #1a811e;
    cursor: pointer; }
@keyframes textRotate {
  0% {
    transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg); }
  25% {
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); }
  50% {
    transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg); }
  75% {
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); }
  100% {
    transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg); } }
  #mainContent #textHeal {
    margin: 140px 0 0 601px;
    position: absolute;
    text-align: center;
    z-index: 2;
    width: 160px;
    border: 2px solid seagreen;
    padding: 1px 0px 1px 2px;
    background-color: greenyellow;
    transform: rotate(-56deg);
    -ms-transform: rotate(-56deg);
    -webkit-transform: rotate(-56deg);
    border-top-left-radius: 2em;
    border-top-right-radius: 1em;
    animation: textHealRotate 2s infinite; }
@keyframes textHealRotate {
  0% {
    transform: rotate(-56deg);
    -ms-transform: rotate(-56deg);
    -webkit-transform: rotate(-56deg); }
  50% {
    transform: rotate(-61deg);
    -ms-transform: rotate(-61deg);
    -webkit-transform: rotate(-61deg); }
  100% {
    transform: rotate(-56deg);
    -ms-transform: rotate(-56deg);
    -webkit-transform: rotate(-56deg); } }
  #mainContent #textVe {
    margin: 571px 0 0 260px;
    position: absolute;
    z-index: 2;
    border: 2px solid seagreen;
    padding: 4px 10px 4px 10px;
    background-color: greenyellow;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    box-shadow: 6px 5px 0px 0px #1a811e;
    animation: textVeRotate 1s infinite;
    cursor: pointer; }
@keyframes textVeRotate {
  0% {
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg); }
  25% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg); }
  50% {
    transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg); }
  75% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg); }
  100% {
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg); } }
  #mainContent #textHerb {
    margin: 578px 0 0 489px;
    position: absolute;
    z-index: 2;
    border: 2px solid seagreen;
    padding: 4px 10px 4px 10px;
    background-color: greenyellow;
    /* transform: rotate(15deg); */
    box-shadow: 6px 5px 0px 0px #1a811e;
    animation: textHerbRotate 1s infinite;
    cursor: pointer; }
@keyframes textHerbRotate {
  0% {
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg); }
  25% {
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg); }
  50% {
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg); }
  75% {
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg); }
  100% {
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg); } }
  #mainContent #textFoods {
    margin: 490px 0 0 582px;
    position: absolute;
    z-index: 2;
    border: 2px solid seagreen;
    padding: 4px 10px 4px 10px;
    background-color: greenyellow;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    box-shadow: 6px 5px 0px 0px #1a811e;
    animation: textVeRotate 1s infinite;
    cursor: pointer; }
@keyframes textVeRotate {
  0% {
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg); }
  25% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg); }
  50% {
    transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg); }
  75% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg); }
  100% {
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg); } }
  #mainContent .boxDetailMenu {
    position: absolute;
    border: 5px solid greenyellow;
    background-color: beige;
    width: 665px;
    height: 500px;
    visibility: hidden;
    overflow-y: scroll;
    /* margin:  0 auto; */
    margin: 15px;
    z-index: 3; }
    #mainContent .boxDetailMenu #DetailHeadMenu {
      color: brown;
      width: 250px;
      margin: 0 auto;
      margin-top: 10px;
      text-align: center;
      box-shadow: 4px 2px 11px black;
      background-color: #8BC34A;
      letter-spacing: 3px;
      border-top-left-radius: 2em;
      border-top-right-radius: 2em; }
    #mainContent .boxDetailMenu #DetailBody {
      padding: 20px;
      text-indent: 20px;
      color: darkgreen; }
    #mainContent .boxDetailMenu #DetailLink iframe#iframeHealt {
      width: 550px;
      height: 308px;
      margin: 0 0 0 50px; }
    #mainContent .boxDetailMenu #listHeal {
      list-style: circle;
      color: darkgreen; }
      #mainContent .boxDetailMenu #listHeal ul {
        list-style-type: circle; }
        #mainContent .boxDetailMenu #listHeal ul li {
          cursor: pointer; }
          #mainContent .boxDetailMenu #listHeal ul li:hover {
            color: darkorange; }
  #mainContent #boxIntro {
    border: 16px solid #4caf50;
    width: 530px;
    height: 530px;
    margin: 18px 0 0 78px;
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 4px 4px 20px black;
    z-index: 0;
    background-color: #a9d477; }
    #mainContent #boxIntro .logoSrimuang {
      position: absolute;
      margin: 139px 0 0 83px;
      opacity: 1;
      transition: all 5s ease; }
      #mainContent #boxIntro .logoSrimuang img {
        width: 360px; }
    #mainContent #boxIntro .ShowLogo {
      opacity: 0; }
    #mainContent #boxIntro div#headIntro {
      width: 180px;
      margin: 0 auto;
      text-align: center;
      margin-top: 36px;
      letter-spacing: 1px;
      color: saddlebrown;
      font-size: 24px;
      font-weight: bold; }
    #mainContent #boxIntro div#bodyIntro {
      /* border:  1px solid; */
      width: 414px;
      padding: 10px;
      height: 299px;
      margin: -46px 0 0 0;
      margin: 0 auto;
      margin-top: 103px;
      color: saddlebrown;
      text-indent: 32px;
      overflow: hidden; }
      #mainContent #boxIntro div#bodyIntro .inBoxIntro {
        margin: 362px 0 0 0;
        transition: all 60s linear; }
      #mainContent #boxIntro div#bodyIntro .moveBoxIntro {
        margin: -1150px 0 0 0; }
      #mainContent #boxIntro div#bodyIntro .openBoxIntro {
        overflow: visible; }
  #mainContent .menuTop {
    margin: 40px 0 0 59px;
    visibility: visible;
    z-index: 2; }
  #mainContent .showBox {
    visibility: visible; }
  #mainContent #clu {
    position: absolute;
    margin: 420px 0 0 100px;
    opacity: 0;
    animation: cluMove 10s infinite;
    z-index: 1; }
    #mainContent #clu img {
      width: 200px;
      height: 180px; }
@keyframes cluMove {
  0% {
    opacity: 0;
    margin: 390px 0 0 100px; }
  25% {
    opacity: 0.7;
    margin: 370px 0 0 140px; }
  50% {
    opacity: 1;
    margin: 350px 0 0 100px; }
  75% {
    opacity: 0.7;
    margin: 330px 0 0 140px; }
  100% {
    opacity: 0;
    margin: 310px 0 0 100px; } }
  #mainContent #clu2 {
    position: absolute;
    margin: 300px 0 0 150px;
    opacity: 0;
    animation: cluMove2 14s infinite;
    z-index: 1; }
    #mainContent #clu2 img {
      width: 200px;
      height: 180px; }
@keyframes cluMove2 {
  0% {
    top: 0px;
    margin: 300px 0 0 150px; }
  25% {
    opacity: 0.5;
    margin: 295px 0 0 180px; }
  50% {
    opacity: 0.8;
    margin: 290px 0 0 150px; }
  75% {
    opacity: 0.5;
    margin: 285px 0 0 180px; }
  100% {
    opacity: 0;
    top: -40px;
    margin: 280px 0 0 150px; } }
  #mainContent #menuHeal {
    position: absolute;
    margin: 425px 0 0 1px; }
    #mainContent #menuHeal img {
      width: 350px;
      height: 180px;
      opacity: 0.8;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #menuHeal img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }
  #mainContent #menuHeal2 {
    position: absolute;
    margin: -16px 0 0 612px; }
    #mainContent #menuHeal2 img {
      width: 153px;
      height: 480px;
      opacity: 0.8;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #menuHeal2 img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        s-ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }
  #mainContent #veHeal {
    position: absolute;
    margin: 493px 0 0 276px; }
    #mainContent #veHeal img {
      width: 246px;
      height: 120px;
      opacity: 0.9;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #veHeal img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }
  #mainContent #drPron {
    position: absolute;
    margin: 428px 0 0 1px; }
    #mainContent #drPron img {
      width: 128px;
      height: 120px;
      opacity: 0.9;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #drPron img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }
  #mainContent #spoon {
    position: absolute;
    margin: 447px 0 0 603px; }
    #mainContent #spoon img {
      width: 78px;
      height: 135px;
      opacity: 0.9;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #spoon img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }
  #mainContent #herb {
    position: absolute;
    margin: 480px 0 0 500px; }
    #mainContent #herb img {
      width: 104px;
      height: 120px;
      opacity: 0.9;
      cursor: pointer;
      transition: all 1s ease; }
      #mainContent #herb img:hover {
        opacity: 1;
        transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); }

@media only screen and (max-width: 800px) {
  #mainContent {
    width: 755px; } }
@media only screen and (max-width: 600px) {
  .cancel {
    margin: -39px 0 1px 296px; }

  .showCancel {
    margin: -39px 0 1px 296px; }

  .subMenuIntro {
    padding: 1px;
    font-size: 12px;
    margin: 39px 0 0 8px;
    box-shadow: 4px 4px #1a811e; }

  .boxShowAllinBoxIntro {
    width: 300px;
    margin: 40px 0 0 16px; }

  #mainContent {
    width: 340px;
    border: 2px solid #4CAF50;
    margin: 0 auto; }
    #mainContent .menufood {
      width: 330px;
      height: 302px;
      margin: 80px 0 0 10px; }
    #mainContent .menuFoodsHeal {
      position: absolute;
      width: 330px;
      height: 256px;
      overflow-y: auto;
      margin: 60px 0 0 10px;
      padding: 4px 0 10px 0px;
      background-color: honeydew;
      box-shadow: 3px 2px 16px black;
      transition: all 1s ease; }
      #mainContent .menuFoodsHeal #headMenuFoodHeal {
        width: 300px; }
      #mainContent .menuFoodsHeal ul li {
        margin: 0 0 0 33px; }
    #mainContent .productVege {
      width: 330px;
      height: 293px; }
    #mainContent .productSubVege {
      width: 330px;
      height: 500px;
      z-index: 5;
      margin: 40px 0 0 0; }
      #mainContent .productSubVege #headProductSubVege {
        width: 250px; }
      #mainContent .productSubVege #detailVe {
        padding: 10px; }
        #mainContent .productSubVege #detailVe img {
          margin: 0 0 0 45px; }
    #mainContent #textMenu {
      margin: 419px 0 0 7px;
      position: absolute;
      font-size: 14px;
      border: 1px solid seagreen;
      padding: 1px 1px 1px 1px;
      background-color: greenyellow;
      box-shadow: 3px 2px 0px 0px #1a811e; }
    #mainContent #textHeal {
      margin: 359px 0 0 205px;
      font-size: 14px;
      position: absolute;
      text-align: center;
      z-index: 2;
      width: auto;
      border: 2px solid seagreen;
      padding: 0px;
      background-color: greenyellow;
      /* transform: rotate(-56deg); */
      -ms-transform: rotate(-56deg);
      -webkit-transform: rotate(-4deg);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      animation: textHealRotateNone 2s infinite;
      box-shadow: 2px 2px #1a811e; }
    #mainContent #textVe {
      margin: 528px 0 0 116px;
      position: absolute;
      z-index: 2;
      font-size: 14px;
      border: 2px solid seagreen;
      padding: 0px;
      /* padding: 4px 10px 4px 10px; */
      box-shadow: 2px 2px 0px 0px #1a811e; }
    #mainContent #textHerb {
      margin: 569px 0 0 226px;
      font-size: 14px;
      border: 2px solid seagreen;
      padding: 1px;
      background-color: greenyellow;
      /* transform: rotate(15deg); */
      box-shadow: 2px 2px 0px 0px #1a811e;
      animation: textHerbRotate 1s infinite; }
    #mainContent #textFoods {
      margin: 532px 0 0 7px;
      position: absolute;
      font-size: 14px;
      z-index: 2;
      border: 2px solid seagreen;
      padding: 1px;
      background-color: greenyellow;
      transform: rotate(15deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg);
      box-shadow: 2px 2px 0px 0px #1a811e;
      animation: textVeRotate1 1s infinite;
      cursor: pointer; }
  @keyframes textVeRotate1 {
    0% {
      transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg); }
    25% {
      transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
      -webkit-transform: rotate(-8deg); }
    50% {
      transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg); }
    75% {
      transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
      -webkit-transform: rotate(-8deg); }
    100% {
      transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg); } }
    #mainContent .boxDetailMenu {
      border: 2px solid greenyellow;
      width: 324px; }
      #mainContent .boxDetailMenu #DetailLink iframe#iframeHealt {
        width: 294px;
        height: 164px;
        margin: 0 0 0 15px; }
    #mainContent #boxIntro {
      border: 4px solid #4caf50;
      width: 294px;
      height: 280px;
      margin: 55px 0 0 16px;
      position: absolute;
      border-radius: 50%;
      box-shadow: inset 2px 4px 20px black;
      z-index: 0;
      background-color: #a9d477; }
      #mainContent #boxIntro .logoSrimuang {
        margin: 63px 0 0 48px; }
        #mainContent #boxIntro .logoSrimuang img {
          width: 200px; }
      #mainContent #boxIntro div#headIntro {
        font-size: 16px; }
      #mainContent #boxIntro div#bodyIntro {
        width: 215px;
        font-size: 11px;
        padding: 0px;
        height: 182px;
        margin: -46px 0 0 0;
        margin: 0 auto;
        margin-top: 52px;
        color: saddlebrown;
        text-indent: 32px;
        overflow: hidden; }
        #mainContent #boxIntro div#bodyIntro .inBoxIntro {
          transition: all 70s linear; }
    #mainContent .menuTop {
      margin: 40px 0 0 10px; }
    #mainContent #clu {
      display: none; }
    #mainContent #clu2 {
      display: none; }
    #mainContent #menuHeal {
      margin: 421px 0 0 1px; }
      #mainContent #menuHeal img {
        width: 186px;
        height: 84px; }
    #mainContent #menuHeal2 {
      margin: 158px 0 0 257px; }
      #mainContent #menuHeal2 img {
        width: 85px;
        height: 280px; }
    #mainContent #veHeal {
      margin: 482px 0 0 69px; }
      #mainContent #veHeal img {
        width: 200px;
        height: 97px; }
    #mainContent #drPron {
      margin: 341px 0 0 1px; }
      #mainContent #drPron img {
        width: 90px;
        height: 100px; }
    #mainContent #spoon {
      margin: 476px 0 0 13px; }
      #mainContent #spoon img {
        width: 80px;
        height: 120px; }
    #mainContent #herb {
      margin: 480px 0 0 244px; } }

/*# sourceMappingURL=healStyle.css.map */