.awTabs{  }

.awTabs > .tabs{ display: block; border: solid #E7E7E7; border-width: 0 0 1px 0; margin: 0; padding: 0; }
.awTabs > .tabs:after{ content: ''; display: block; clear: both; }
.awTabs > .tabs > li{
    float: left; padding: 12px 20px 10px 20px; margin: 0; border: solid #E7E7E7; border-width:1px 0 0 1px;
    font-family: Roboto,Arial,Tahoma,sans-serif; font-size: 14px; line-height: 16px; font-weight: bold;
    background-color: #F4F4F4; position: relative; cursor: pointer; list-style: none;
}
.awTabs > .tabs > li:first-child{ border-radius: 3px 0 0 0; }
.awTabs > .tabs > li:last-child{ border-right-width: 1px; border-radius: 0 3px 0 0; }
.awTabs > .tabs > li:last-child:after{ content: ''; }
.awTabs > .tabs > li.active{ background-color: #FFF; color: #3cb5d0; }
.awTabs > .tabs > li.active:after{
    content: ''; position: absolute; width: 100%; height: 1px;
    background-color: #FFF; left: 0; bottom: -1px;
}
.awTabs > .tabs > li.disable{ color: rgba(0,0,0,0.3); cursor: auto; }

.awTabs > .contents{
    border: solid #E7E7E7; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; padding: 0; margin: 0;
    background-color: #FFF;
}
.awTabs > .contents:after{ content: ''; display: block; clear: both; }
.awTabs > .contents > li{
    display: none; padding: 20px; margin: 0; min-height: 50px; background-color: #FFF; list-style: none;
    font-family: Roboto,Arial,Tahoma,sans-serif; font-size: 14px; font-weight: normal;
}
.awTabs > .contents > li:after{ content: ''; display: block; clear: both; }
.awTabs > .contents > li:first-child{  }
.awTabs > .contents > li:last-child{  }
.awTabs > .contents > li.active{ display: block; }


.awTabs .function{ font-weight: normal; font-size: 10px; color:#3cb5d0; cursor: pointer; }
.awTabs .function:hover{ text-decoration: underline; }