/* css for iTab, mosane, 2008-07-10, 2008-07-11, 2009-01-08, 2009-01-12, 2009-02-13, 2010-01-23 */
/* $Id: example.css, v1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  .iTab = before the tabber interface is set up
  .iTabLive = after the tabber interface is set up
  --------------------------------------------------*/
.iTab
{
    display: none;
}

/*--------------------------------------------------
  Required to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.iTabTabHide
{
    display: none;
}

/*--------------------------------------------------
  ul.iTabNav = the tab navigation list
  li.iTabNavActive = the active navigation
  --------------------------------------------------*/
ul.iTabNav
{
    list-style: none;
}

ul.iTabNav li
{
    cursor: pointer;
}

ul.iTabNav li a
{
    color: #000;
}
ul.iTabNav li.iTabNavActive a
{
    color: #448;
}
ul.iTabNav li.iTabNavActive a:hover
{
    color: #667;
}

/*--------------------------------------------------
  .iTabTab = the tab content Add style only after the tabber interface is set up (.iTabLive)
  内容区
  --------------------------------------------------*/
.iTabLive .iTabTab
{
}

/*--------------------------------------------------
  Svantek Tab。
  --------------------------------------------------*/
.iTab_Svantek .iTabNav
{
    position: absolute;
    top: 20px;
    right: 0;
}
.iTab_Svantek .iTabNav li
{
    float: left;
}
.iTab_Svantek .iTabNav li a
{
    display: block;
    padding: 5px 16px;
    color: #BFBFBF;
}
.iTab_Svantek .iTabNav li.iTabNavActive a
{
    color: var(--primary-color) !important;
}
.iTab_Svantek .iTabNav li a::before
{
    content: '■';
    position: relative;
    top: -.1rem;
    left: -.3rem;
}