@charset "UTF-8";
/* CSS Document */

.tabs { width: 100%; }
.tabs .nav {
    width: 100%;
    position: relative;
    height: 40px;
    margin: 0px;
    padding: 0px;
      list-style-type: none;
}
.tabs .nav li {
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.09s linear;
}
.nav li a { display: block; }
.tabs.one .nav li {width: 100%;}
.tabs.two .nav li {width: 50%;}
.tabs.three .nav li {width: 33%;}
.tabs.three .nav li.last {width: 34%;float:right;}
.tabs.four .nav li {width: 25%;}
.tabs.five .nav li {width: 20%;}
.tabs.six .nav li {width: 16.5%;}
.tabs.six .nav li.last {width: 17.5%;float:right;}
.tabs .nav li:hover {background:#EEE;}
.tabs .nav li:active {background: #BBB;}
.tabs .nav li.selected {background: #DDD;}
.tabs .container {
    width: 100%;
    overflow: visible;
    overflow-x: hidden;
}
.tabs .container .set {margin:0px; padding:0px;}
.tabs.one .container .set {width: 100%;}
.tabs.two .container .set {width: 200%;}
.tabs.three .container .set {width: 300%;}
.tabs.four .container .set {width: 400%;}
.tabs.five .container .set {width: 500%;}
.tabs.js-on .container .set {width: 100%;}
.tabs .container .set li {
    float: left;
    display: block;
width:100% !important;
}
.note {
    width: 100%;
    margin: 0px auto;
    color: #999;
    text-align: center;
}