#main-healty {
  width: 100%;
  padding: 20px 0 0 0; }
  #main-healty #menubar-healty-web {
    width: 20%;
    float: left; }
    #main-healty #menubar-healty-web ul {
      list-style: none;
      padding: 0;
      margin: 3px 0 0 10px; }
      #main-healty #menubar-healty-web ul li {
        background-color: green;
        border-bottom: 2px solid white;
        padding: 2px 0 2px 10px;
        margin: 0 0 6px 0;
        width: 80%;
        color: wheat;
        border-bottom-right-radius: 0.8em;
        border-top-right-radius: 0.8em;
        box-shadow: 0px 2px 10px black;
        transition: all 0.7s;
        cursor: pointer; }
        #main-healty #menubar-healty-web ul li:hover {
          color: white;
          width: 90%; }
      #main-healty #menubar-healty-web ul li.mainListMenuHealt {
        color: #FFEB3B;
        background-color: #1c3e1c;
        border: none;
        text-align: center;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em; }
        #main-healty #menubar-healty-web ul li.mainListMenuHealt:hover {
          color: #FFEB3B;
          background-color: #1c3e1c;
          border: none;
          text-align: center;
          border-bottom-right-radius: 0px;
          border-top-left-radius: 1em;
          border-top-right-radius: 1em;
          width: 80%; }
      #main-healty #menubar-healty-web ul li.mode-heal {
        color: #187d74;
        width: 98%;
        background: none;
        box-shadow: none;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-color: #FF9800;
        border-bottom-right-radius: unset; }
  #main-healty #menubar-healty {
    visibility: hidden;
    position: absolute;
    width: 20%;
    float: left; }
    #main-healty #menubar-healty ul {
      list-style: none;
      padding: 0;
      margin: 3px 0 0 10px; }
      #main-healty #menubar-healty ul li {
        background-color: green;
        border-bottom: 2px solid white;
        padding: 2px 0 2px 10px;
        margin: 0 0 6px 0;
        width: 80%;
        color: wheat;
        border-bottom-right-radius: 0.8em;
        border-top-right-radius: 0.8em;
        box-shadow: 0px 2px 10px black;
        transition: all 0.7s;
        cursor: pointer; }
        #main-healty #menubar-healty ul li:hover {
          color: white;
          width: 90%; }
      #main-healty #menubar-healty ul li.mainListMenuHealt {
        color: #FFEB3B;
        background-color: #1c3e1c;
        border: none;
        text-align: center;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em; }
        #main-healty #menubar-healty ul li.mainListMenuHealt:hover {
          color: #FFEB3B;
          background-color: #1c3e1c;
          border: none;
          text-align: center;
          border-bottom-right-radius: 0px;
          border-top-left-radius: 1em;
          border-top-right-radius: 1em;
          width: 80%; }
      #main-healty #menubar-healty ul li.mode-heal {
        color: #187d74;
        width: 98%;
        background: none;
        box-shadow: none;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-color: #FF9800;
        border-bottom-right-radius: unset; }
  #main-healty #detail-healty {
    float: left;
    width: 75%;
    /* border:  1px solid; */
    margin: 0 0 0 35px;
    background-color: #4CAF50; }
    #main-healty #detail-healty #inside-detail {
      border-radius: 1em;
      margin: 10px;
      padding: 10px;
      background-color: lemonchiffon;
      box-shadow: inset 3px 2px 15px black; }
      #main-healty #detail-healty #inside-detail #menuMobileHealt {
        visibility: hidden;
        position: absolute;
        margin: 24px 0 0 38px;
        cursor: pointer;
        z-index: 99; }
        #main-healty #detail-healty #inside-detail #menuMobileHealt .material-icons {
          font-size: 36px;
          color: green; }
      #main-healty #detail-healty #inside-detail #menuMobileHealtAfter {
        visibility: hidden;
        position: absolute;
        margin: 24px 0 0 38px;
        cursor: pointer; }
        #main-healty #detail-healty #inside-detail #menuMobileHealtAfter .material-icons {
          font-size: 36px;
          color: red; }
      #main-healty #detail-healty #inside-detail #closeMenuMobileHealt {
        visibility: hidden;
        position: absolute;
        margin: 7px 0 0 305px;
        cursor: pointer; }
        #main-healty #detail-healty #inside-detail #closeMenuMobileHealt .material-icons {
          font-size: 32px;
          color: #cc6d66; }
      #main-healty #detail-healty #inside-detail #inside-detail-menu {
        /* border:  1px solid; */
        text-align: center;
        font-size: 20px;
        padding: 10px;
        width: 50%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #8BC34A;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
        color: darkslategray;
        /* box-shadow: inset 3px 2px 14px black; */
        box-shadow: 2px 2px 10px black;
        text-shadow: 1px 1px 2px black;
        letter-spacing: 5px; }
      #main-healty #detail-healty #inside-detail #inside-detail-detail {
        width: 90%;
        margin: 0 auto;
        color: maroon;
        text-indent: 3%; }
      #main-healty #detail-healty #inside-detail #inside-detail-link {
        text-align: center;
        margin: 30px 0 30px 0; }
        #main-healty #detail-healty #inside-detail #inside-detail-link #iframeHealt {
          width: 800px;
          height: 480px;
          box-shadow: 3px 3px 12px black; }

@media screen and (max-width: 1360px) {
  #main-healty #menubar-healty ul li {
    font-size: 13px; }
  #main-healty #detail-healty #inside-detail #inside-detail-link #iframeHealt {
    width: 600px;
    height: 370px; } }
@media screen and (max-width: 1024px) {
  #main-healty #detail-healty #inside-detail #inside-detail-link #iframeHealt {
    width: 480px;
    height: 320px; } }
@media screen and (max-width: 800px) {
  #main-healty #menubar-healty-web {
    visibility: hidden;
    position: absolute; }
  #main-healty #menubar-healty {
    visibility: visible;
    position: relative;
    float: left;
    position: absolute;
    margin: 198px 0 0 6px;
    visibility: hidden;
    width: 50%;
    font-size: 14px; }
    #main-healty #menubar-healty ul li {
      margin: 0 0 3px 0; }
    #main-healty #menubar-healty ul li.mode-heal {
      background-color: lemonchiffon;
      width: 80%; }
  #main-healty #detail-healty {
    width: 100%;
    margin: 0; }
    #main-healty #detail-healty #inside-detail #menuMobileHealt {
      visibility: visible; }
    #main-healty #detail-healty #inside-detail #menuMobileHealtAfter {
      visibility: hidden;
      color: red; }
    #main-healty #detail-healty #inside-detail #closeMenuMobileHealt {
      visibility: visible; }
    #main-healty #detail-healty #inside-detail #inside-detail-menu {
      width: 90%;
      font-size: 14px;
      letter-spacing: 1px;
      text-shadow: none; }
    #main-healty #detail-healty #inside-detail #inside-detail-link #iframeHealt {
      width: 550px;
      height: 340px; } }
@media screen and (max-width: 600px) {
  #main-healty #menubar-healty {
    float: left;
    position: absolute;
    margin: 144px 0 0 6px;
    visibility: hidden;
    width: 50%;
    font-size: 14px; }
    #main-healty #menubar-healty ul li {
      margin: 0 0 3px 0; }
  #main-healty #detail-healty {
    width: 100%;
    margin: 0; }
    #main-healty #detail-healty #inside-detail #menuMobileHealt {
      visibility: visible; }
    #main-healty #detail-healty #inside-detail #menuMobileHealtAfter {
      visibility: hidden;
      color: red; }
    #main-healty #detail-healty #inside-detail #closeMenuMobileHealt {
      visibility: visible; }
    #main-healty #detail-healty #inside-detail #inside-detail-menu {
      width: 90%;
      font-size: 14px;
      letter-spacing: 1px; }
    #main-healty #detail-healty #inside-detail #inside-detail-link #iframeHealt {
      width: 300px;
      height: 178px; } }

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