/*----------------------------------------------------------
	05.��出�
--------------------------------------------------------- */

      .ui-tooltip{
      border-radius:7px !important;
      }
      body .ui-tooltip{
      border-width:1px !important;
      position: absolute;
      }
      .setting-list{
          border-radius: 5px;
          overflow:hidden;
      }
      .setting-icon{
          height:39px;
          text-align:center;
          border-right:1px solid #e8e8e8;
      padding:5px 0;
      }

      .setting-icon img{
      width:80%;
      }
      .setting-list li{
      float:left;
    width:50px;
          text-align:center;
      }
      .setting-text{
          font-size:10px;
          border-right:1px solid #464646;
          padding:5px 0;
      background:#4d4d4d;
      }
            .setting-list li:last-child .setting-icon,.setting-list li:last-child .setting-text{
      border-right:none;
      }
  .ui-tooltip, .arrow:after {
    background: white !important;
    border: 1px solid black;
      max-width:330px;
  }
      .arrow:after{
      background:#4d4d4d !important;
      }
  .ui-tooltip {
    padding: 0px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px #ddd;
  }
      .ui-tooltip-content{
      overflow:hidden;
      }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
      .arrow.right {
    left: 90%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }