#how, #news {
  float: left;
  width: 99%;

  margin-left: 5px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 7px;

  position: relative;

  font-size: 2.5vw;

  background-color: #f0f0f5;
  border: 1px solid #e6e6e6;
  border-radius: 15px;

  overflow: hidden;
}
  .left { float: left; }
  .right { float: right; }
  .clearFloat {  clear:both; }

  #how h1 {
     font-size: 4vw;
  }
  #how p {
     margin-bottom: 20px;
  }
  #how_download, #how_receive, #how_copyPast {
    float: left;
  }
   #how_wallet, #how_generateAdr {
    float: right;
  }
  #how_download, #how_wallet, #how_receive, #how_generateAdr, #how_copyPast {
    width: 15em;
    height: 15em;
    background-size: 100% 100%;
    border-radius: 50%;
    border: 15px solid white;
    margin-right: 5px;
    margin-bottom: 15px;
  }
  #how_download  {
    background-image: url("../page/image/IOTA_download.gif");
  }
  #how_wallet  {
    background-image: url("../page/image/IOTA_login.gif");
  }
  #how_receive {
    background-image: url("../page/image/IOTA_receive.gif");
  }
  #how_generateAdr {
    background-image: url("../page/image/IOTA_generateAdr.gif");
  }
  #how_copyPast  {
    background-image: url("../page/image/IOTA_copyPast.gif");
  }
/* end */

#withdraw, #tangle {
  width: 99%;
  position: relative;
  float: left;
  font-size: 5vw;
  background-color: #f0f0f5;
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  margin-left: 5px;
  margin-top: 20px;
}
    #withdraw h1, #withdraw p, #tangle h1 {
        text-align: left;
        margin-top: 10px;
    }
    #withdraw h1,  #tangle h1 {
        margin-left: 15px;
    }
    #withdraw p {
        margin-left: 30px;
    }
    #withdraw a  {
        position: relative;
        display: table;
        font-size: 6vw;
        padding: 15px 25px;
        color: black;
        text-align: center;
        text-decoration: none;
        background-color: #79d2a6;
        border-radius: 8px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
   #withdraw a:hover   { background-color: #66ffb5; }
   #withdraw a:active  { background-color: #6de20d; }

#tangle p, #tangle p.tangle {
  margin-top: 0px;
  margin-left: 1%;
}


#tangle input {
 float: left;
 width: 70%;
 font-size: 8vw;
 border-top-left-radius: 15px;
 border-bottom-left-radius: 15px;

}
#tangle button {
 float: left;
 width: 28%;
 font-size: 8vw;
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
}
#tangle p {
clear: both;
 text-align: left;
 font-size: 5vw;
width: 98%;
}
#tangle p.tangle {
clear: both;
display: inline-block;
 text-align: left;
 font-size: 3.5vw;
 margin-top: 0px;
 margin-bottom: 0px;
background-color: #e6e6e6;
border-radius: 10px;
width: 90%;
}
.dotred, .dotgreen, .dotorange {
display: inline-block;
width: 1%;
padding: 1%;
margin-left: 5px;
border-radius: 50%;
}
    .dotred {  background-color: #ff4d4d; }
    .dotgreen {  background-color: #1aff8c; }
    .dotorange {  background-color: #ff9966; }

    /********Notification******
    **************************/
    #notification {
      width: 99%;
      position: relative;
      float: left;
      background-color: #f0f0f5;
      border: 1px solid #e6e6e6;
      border-radius: 15px;
      margin-left: 5px;
      margin-top: 20px;
      padding: 3px;
      overflow: hidden;
      font-size: 35px;
    }
    #notification  h1 {
      margin-top: 8px;
    }
    #notification table {
      width: 95%
    }
    #notification table p {
      text-align: left;
      margin-top: 10px;
      font-size: 35px;
    }
    .notif-icon {
      position: relative;
      float: left;
      margin-right: 7px;
      height: 70px;
      width: 70px;
      background:  url('../../pc/css/icon/mail_contact_BIG.png') no-repeat left;
      background-size: 100%;
      opacity: 0.9;
    }
    .notif-alert {
      clear: both;
      display: inline-block;
      width: 95%;
      padding: 15px;
      opacity:0;
      max-height:0px;
      margin-bottom: 3px;
      margin-left: 2px;
      margin-right: 2px
    }

    .notif-alert p.justify a { margin-left: 20px }
    .notif-alert a { text-decoration: none }
    .notif-alert a:hover { text-decoration: underline }

    .notif-alert button {
      font-size: 50px;
      float: right;
      font-weight: bold;
      border: none;
      margin-top: -5px;
      margin-right: 5px;
    }
    .notif-error {
      background-color: #ff9999;
      color: #cc0000
    }
        .notif-error a { color: #990000 }

    .notif-success {
      background-color: #c2f0c2;
      color: #28a428
    }
        .notif-success a { color: #1e7b1e }

    .notif-info {
      background-color: #ffeecc;
      color: #996600
    }
        .notif-info a { color: #664400 }


    .animationCloseContainer { animation: animationClose 1s forwards }
    @keyFrames animationClose {
      0% { max-height: 900px; opacity: 1 }
      100% { max-height: 0px; height:0px; font-size: 0px; padding: 0px; opacity: 0}
    }

    .animationOpenContainer { animation: animationOpen 1s 1s forwards }
       @keyFrames animationOpen {
      0% { max-height: 0px; font-size: 0px; opacity: 0 }
      100% { max-height: 900px; font-size: 15px; opacity: 1 }
    }