.tab{color:#303030;cursor:pointer;border-bottom:2px solid silver;padding:10px;font-weight:700;text-decoration:none;transition:border-bottom-color .3s;display:inline-block}.tab:hover,.tab.sel{border-bottom-color:#303030}.vtab-area{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:5px;flex-direction:row;align-items:stretch;display:flex;overflow:hidden}.vtab-tab_area{vertical-align:top;box-sizing:border-box;flex:none;width:15%;min-width:150px;max-width:200px;padding:10px 0}.vtab-content_area{box-sizing:border-box;background-color:#fff;border-left:1px solid #e0e0e0;flex:auto;width:calc(100% - 150px)}.vtab-tab{cursor:pointer;background:0 0;border-bottom:none;border-radius:5px;margin:6px;padding:7px;font-weight:400;transition:background-color .3s,color .3s,border-color .3s;display:block}.vtab-tab.sel,.vtab-tab:hover{background-color:#e0e0e0}.vtab-tab.sel{font-weight:700}