File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
.tabs{display:flex;width:100%;margin:0 0 40px 0;}
.tabs.tab02 li{width:calc(100%/2);}
.tabs.tab03 li{width:calc(100%/3);}
.tabs.tab04 li{width:calc(100%/4);}
.tabs.tab05 li{width:calc(100%/5);}
.tabs.tab06 li{width:calc(100%/6);}
.tabs.fill{background:#EFF2F9;border-radius:10px;padding:0 20px;}
.tabs.fill .tab{width:100%;min-width:180px;height:60px;font-size:20px;font-weight:500;color:#8F96A6;}
.tabs.fill .tab.active{border-bottom:3px solid var(--primary-color);font-weight:600;color:var(--primary-color);}
/* .tabs.line{border-bottom:2px solid var(--primary-color);border-top:1px solid #CED3DE;border-radius:10px 10px 0 0;overflow:hidden;} */
.tabs.line{border:1px solid #ced3de;border-bottom:2px solid var(--primary-color);border-radius:10px 10px 0 0;}
.tabs.line .tab{position:relative;width:100%;height:50px;font-size:18px;border-right:1px solid #ced3de;}
.tabs.line .tab.active{background:#E9EEF8;color:var(--primary-color);font-weight:600;border-radius:10px 10px 0 0;}
.tabs.line .tab.active::after{position:absolute;content:"";width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;top:-1px;border:2px solid var(--primary-color);border-bottom:0;border-radius:10px 10px 0 0;}
.tabs.line :last-child .tab{border-right:0;}
.tab_content{display:none;}
.tab_content.active{display:block;}