.tabs3_1,
.tabs3_2,
.tabs3_3,
.tabs3_4,
.tabs3_5,
.tabs3_6,
.tabs3_7,
.tabs3_8,
.tabs3_9,
.tabs3_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3_item1,
.tab3_item2,
.tab3_item3,
.tab3_item4,
.tab3_item5,
.tab3_item6,
.tab3_item7,
.tab3_item8,
.tab3_item9,
.tab3_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3_item1:hover,
.tab3_item2:hover,
.tab3_item3:hover,
.tab3_item4:hover,
.tab3_item5:hover,
.tab3_item6:hover,
.tab3_item7:hover,
.tab3_item8:hover,
.tab3_item9:hover,
.tab3_item10:hover {
opacity: 0.75;
} input[name="tab3_item1"],
input[name="tab3_item2"],
input[name="tab3_item3"],
input[name="tab3_item4"],
input[name="tab3_item5"],
input[name="tab3_item6"],
input[name="tab3_item7"],
input[name="tab3_item8"],
input[name="tab3_item9"],
input[name="tab3_item10"] {
display: none;
} .tab3_content1,
.tab3_content2,
.tab3_content3,
.tab3_content4,
.tab3_content5,
.tab3_content6,
.tab3_content7,
.tab3_content8,
.tab3_content9,
.tab3_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3_1_1:checked ~ #tabu3_1_1_content,
#tabu3_1_2:checked ~ #tabu3_1_2_content,
#tabu3_1_3:checked ~ #tabu3_1_3_content{
display: block;
}
#tabu3_2_1:checked ~ #tabu3_2_1_content,
#tabu3_2_2:checked ~ #tabu3_2_2_content,
#tabu3_2_3:checked ~ #tabu3_2_3_content{
display: block;
}
#tabu3_3_1:checked ~ #tabu3_3_1_content,
#tabu3_3_2:checked ~ #tabu3_3_2_content,
#tabu3_3_3:checked ~ #tabu3_3_3_content{
display: block;
}
#tabu3_4_1:checked ~ #tabu3_4_1_content,
#tabu3_4_2:checked ~ #tabu3_4_2_content,
#tabu3_4_3:checked ~ #tabu3_4_3_content{
display: block;
}
#tabu3_5_1:checked ~ #tabu3_5_1_content,
#tabu3_5_2:checked ~ #tabu3_5_2_content,
#tabu3_5_3:checked ~ #tabu3_5_3_content{
display: block;
}
#tabu3_6_1:checked ~ #tabu3_6_1_content,
#tabu3_6_2:checked ~ #tabu3_6_2_content,
#tabu3_6_3:checked ~ #tabu3_6_3_content{
display: block;
}
#tabu3_7_1:checked ~ #tabu3_7_1_content,
#tabu3_7_2:checked ~ #tabu3_7_2_content,
#tabu3_7_3:checked ~ #tabu3_7_3_content{
display: block;
}
#tabu3_8_1:checked ~ #tabu3_8_1_content,
#tabu3_8_2:checked ~ #tabu3_8_2_content,
#tabu3_8_3:checked ~ #tabu3_8_3_content{
display: block;
}
#tabu3_9_1:checked ~ #tabu3_9_1_content,
#tabu3_9_2:checked ~ #tabu3_9_2_content,
#tabu3_9_3:checked ~ #tabu3_9_3_content{
display: block;
}
#tabu3_10_1:checked ~ #tabu3_10_1_content,
#tabu3_10_2:checked ~ #tabu3_10_2_content,
#tabu3_10_3:checked ~ #tabu3_10_3_content{
display: block;
} .tabs3_1 input:checked + .tab3_item1,
.tabs3_2 input:checked + .tab3_item2,
.tabs3_3 input:checked + .tab3_item3,
.tabs3_4 input:checked + .tab3_item4,
.tabs3_5 input:checked + .tab3_item5,
.tabs3_6 input:checked + .tab3_item6,
.tabs3_7 input:checked + .tab3_item7,
.tabs3_8 input:checked + .tab3_item8,
.tabs3_9 input:checked + .tab3_item9,
.tabs3_10 input:checked + .tab3_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3a_1,
.tabs3a_2,
.tabs3a_3,
.tabs3a_4,
.tabs3a_5,
.tabs3a_6,
.tabs3a_7,
.tabs3a_8,
.tabs3a_9,
.tabs3a_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3a_item1,
.tab3a_item2,
.tab3a_item3,
.tab3a_item4,
.tab3a_item5,
.tab3a_item6,
.tab3a_item7,
.tab3a_item8,
.tab3a_item9,
.tab3a_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3a_item1:hover,
.tab3a_item2:hover,
.tab3a_item3:hover,
.tab3a_item4:hover,
.tab3a_item5:hover,
.tab3a_item6:hover,
.tab3a_item7:hover,
.tab3a_item8:hover,
.tab3a_item9:hover,
.tab3a_item10:hover {
opacity: 0.75;
} input[name="tab3a_item1"],
input[name="tab3a_item2"],
input[name="tab3a_item3"],
input[name="tab3a_item4"],
input[name="tab3a_item5"],
input[name="tab3a_item6"],
input[name="tab3a_item7"],
input[name="tab3a_item8"],
input[name="tab3a_item9"],
input[name="tab3a_item10"] {
display: none;
} .tab3a_content1,
.tab3a_content2,
.tab3a_content3,
.tab3a_content4,
.tab3a_content5,
.tab3a_content6,
.tab3a_content7,
.tab3a_content8,
.tab3a_content9,
.tab3a_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3a_1_1:checked ~ #tabu3a_1_1_content,
#tabu3a_1_2:checked ~ #tabu3a_1_2_content,
#tabu3a_1_3:checked ~ #tabu3a_1_3_content{
display: block;
}
#tabu3a_2_1:checked ~ #tabu3a_2_1_content,
#tabu3a_2_2:checked ~ #tabu3a_2_2_content,
#tabu3a_2_3:checked ~ #tabu3a_2_3_content{
display: block;
}
#tabu3a_3_1:checked ~ #tabu3a_3_1_content,
#tabu3a_3_2:checked ~ #tabu3a_3_2_content,
#tabu3a_3_3:checked ~ #tabu3a_3_3_content{
display: block;
}
#tabu3a_4_1:checked ~ #tabu3a_4_1_content,
#tabu3a_4_2:checked ~ #tabu3a_4_2_content,
#tabu3a_4_3:checked ~ #tabu3a_4_3_content{
display: block;
}
#tabu3a_5_1:checked ~ #tabu3a_5_1_content,
#tabu3a_5_2:checked ~ #tabu3a_5_2_content,
#tabu3a_5_3:checked ~ #tabu3a_5_3_content{
display: block;
}
#tabu3a_6_1:checked ~ #tabu3a_6_1_content,
#tabu3a_6_2:checked ~ #tabu3a_6_2_content,
#tabu3a_6_3:checked ~ #tabu3a_6_3_content{
display: block;
}
#tabu3a_7_1:checked ~ #tabu3a_7_1_content,
#tabu3a_7_2:checked ~ #tabu3a_7_2_content,
#tabu3a_7_3:checked ~ #tabu3a_7_3_content{
display: block;
}
#tabu3a_8_1:checked ~ #tabu3a_8_1_content,
#tabu3a_8_2:checked ~ #tabu3a_8_2_content,
#tabu3a_8_3:checked ~ #tabu3a_8_3_content{
display: block;
}
#tabu3a_9_1:checked ~ #tabu3a_9_1_content,
#tabu3a_9_2:checked ~ #tabu3a_9_2_content,
#tabu3a_9_3:checked ~ #tabu3a_9_3_content{
display: block;
}
#tabu3a_10_1:checked ~ #tabu3a_10_1_content,
#tabu3a_10_2:checked ~ #tabu3a_10_2_content,
#tabu3a_10_3:checked ~ #tabu3a_10_3_content{
display: block;
} .tabs3a_1 input:checked + .tab3a_item1,
.tabs3a_2 input:checked + .tab3a_item2,
.tabs3a_3 input:checked + .tab3a_item3,
.tabs3a_4 input:checked + .tab3a_item4,
.tabs3a_5 input:checked + .tab3a_item5,
.tabs3a_6 input:checked + .tab3a_item6,
.tabs3a_7 input:checked + .tab3a_item7,
.tabs3a_8 input:checked + .tab3a_item8,
.tabs3a_9 input:checked + .tab3a_item9,
.tabs3a_10 input:checked + .tab3a_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3b_1,
.tabs3b_2,
.tabs3b_3,
.tabs3b_4,
.tabs3b_5,
.tabs3b_6,
.tabs3b_7,
.tabs3b_8,
.tabs3b_9,
.tabs3b_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3b_item1,
.tab3b_item2,
.tab3b_item3,
.tab3b_item4,
.tab3b_item5,
.tab3b_item6,
.tab3b_item7,
.tab3b_item8,
.tab3b_item9,
.tab3b_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3b_item1:hover,
.tab3b_item2:hover,
.tab3b_item3:hover,
.tab3b_item4:hover,
.tab3b_item5:hover,
.tab3b_item6:hover,
.tab3b_item7:hover,
.tab3b_item8:hover,
.tab3b_item9:hover,
.tab3b_item10:hover {
opacity: 0.75;
} input[name="tab3b_item1"],
input[name="tab3b_item2"],
input[name="tab3b_item3"],
input[name="tab3b_item4"],
input[name="tab3b_item5"],
input[name="tab3b_item6"],
input[name="tab3b_item7"],
input[name="tab3b_item8"],
input[name="tab3b_item9"],
input[name="tab3b_item10"] {
display: none;
} .tab3b_content1,
.tab3b_content2,
.tab3b_content3,
.tab3b_content4,
.tab3b_content5,
.tab3b_content6,
.tab3b_content7,
.tab3b_content8,
.tab3b_content9,
.tab3b_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3b_1_1:checked ~ #tabu3b_1_1_content,
#tabu3b_1_2:checked ~ #tabu3b_1_2_content,
#tabu3b_1_3:checked ~ #tabu3b_1_3_content{
display: block;
}
#tabu3b_2_1:checked ~ #tabu3b_2_1_content,
#tabu3b_2_2:checked ~ #tabu3b_2_2_content,
#tabu3b_2_3:checked ~ #tabu3b_2_3_content{
display: block;
}
#tabu3b_3_1:checked ~ #tabu3b_3_1_content,
#tabu3b_3_2:checked ~ #tabu3b_3_2_content,
#tabu3b_3_3:checked ~ #tabu3b_3_3_content{
display: block;
}
#tabu3b_4_1:checked ~ #tabu3b_4_1_content,
#tabu3b_4_2:checked ~ #tabu3b_4_2_content,
#tabu3b_4_3:checked ~ #tabu3b_4_3_content{
display: block;
}
#tabu3b_5_1:checked ~ #tabu3b_5_1_content,
#tabu3b_5_2:checked ~ #tabu3b_5_2_content,
#tabu3b_5_3:checked ~ #tabu3b_5_3_content{
display: block;
}
#tabu3b_6_1:checked ~ #tabu3b_6_1_content,
#tabu3b_6_2:checked ~ #tabu3b_6_2_content,
#tabu3b_6_3:checked ~ #tabu3b_6_3_content{
display: block;
}
#tabu3b_7_1:checked ~ #tabu3b_7_1_content,
#tabu3b_7_2:checked ~ #tabu3b_7_2_content,
#tabu3b_7_3:checked ~ #tabu3b_7_3_content{
display: block;
}
#tabu3b_8_1:checked ~ #tabu3b_8_1_content,
#tabu3b_8_2:checked ~ #tabu3b_8_2_content,
#tabu3b_8_3:checked ~ #tabu3b_8_3_content{
display: block;
}
#tabu3b_9_1:checked ~ #tabu3b_9_1_content,
#tabu3b_9_2:checked ~ #tabu3b_9_2_content,
#tabu3b_9_3:checked ~ #tabu3b_9_3_content{
display: block;
}
#tabu3b_10_1:checked ~ #tabu3b_10_1_content,
#tabu3b_10_2:checked ~ #tabu3b_10_2_content,
#tabu3b_10_3:checked ~ #tabu3b_10_3_content{
display: block;
} .tabs3b_1 input:checked + .tab3b_item1,
.tabs3b_2 input:checked + .tab3b_item2,
.tabs3b_3 input:checked + .tab3b_item3,
.tabs3b_4 input:checked + .tab3b_item4,
.tabs3b_5 input:checked + .tab3b_item5,
.tabs3b_6 input:checked + .tab3b_item6,
.tabs3b_7 input:checked + .tab3b_item7,
.tabs3b_8 input:checked + .tab3b_item8,
.tabs3b_9 input:checked + .tab3b_item9,
.tabs3b_10 input:checked + .tab3b_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3c_1,
.tabs3c_2,
.tabs3c_3,
.tabs3c_4,
.tabs3c_5,
.tabs3c_6,
.tabs3c_7,
.tabs3c_8,
.tabs3c_9,
.tabs3c_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3c_item1,
.tab3c_item2,
.tab3c_item3,
.tab3c_item4,
.tab3c_item5,
.tab3c_item6,
.tab3c_item7,
.tab3c_item8,
.tab3c_item9,
.tab3c_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3c_item1:hover,
.tab3c_item2:hover,
.tab3c_item3:hover,
.tab3c_item4:hover,
.tab3c_item5:hover,
.tab3c_item6:hover,
.tab3c_item7:hover,
.tab3c_item8:hover,
.tab3c_item9:hover,
.tab3c_item10:hover {
opacity: 0.75;
} input[name="tab3c_item1"],
input[name="tab3c_item2"],
input[name="tab3c_item3"],
input[name="tab3c_item4"],
input[name="tab3c_item5"],
input[name="tab3c_item6"],
input[name="tab3c_item7"],
input[name="tab3c_item8"],
input[name="tab3c_item9"],
input[name="tab3c_item10"] {
display: none;
} .tab3c_content1,
.tab3c_content2,
.tab3c_content3,
.tab3c_content4,
.tab3c_content5,
.tab3c_content6,
.tab3c_content7,
.tab3c_content8,
.tab3c_content9,
.tab3c_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3c_1_1:checked ~ #tabu3c_1_1_content,
#tabu3c_1_2:checked ~ #tabu3c_1_2_content,
#tabu3c_1_3:checked ~ #tabu3c_1_3_content{
display: block;
}
#tabu3c_2_1:checked ~ #tabu3c_2_1_content,
#tabu3c_2_2:checked ~ #tabu3c_2_2_content,
#tabu3c_2_3:checked ~ #tabu3c_2_3_content{
display: block;
}
#tabu3c_3_1:checked ~ #tabu3c_3_1_content,
#tabu3c_3_2:checked ~ #tabu3c_3_2_content,
#tabu3c_3_3:checked ~ #tabu3c_3_3_content{
display: block;
}
#tabu3c_4_1:checked ~ #tabu3c_4_1_content,
#tabu3c_4_2:checked ~ #tabu3c_4_2_content,
#tabu3c_4_3:checked ~ #tabu3c_4_3_content{
display: block;
}
#tabu3c_5_1:checked ~ #tabu3c_5_1_content,
#tabu3c_5_2:checked ~ #tabu3c_5_2_content,
#tabu3c_5_3:checked ~ #tabu3c_5_3_content{
display: block;
}
#tabu3c_6_1:checked ~ #tabu3c_6_1_content,
#tabu3c_6_2:checked ~ #tabu3c_6_2_content,
#tabu3c_6_3:checked ~ #tabu3c_6_3_content{
display: block;
}
#tabu3c_7_1:checked ~ #tabu3c_7_1_content,
#tabu3c_7_2:checked ~ #tabu3c_7_2_content,
#tabu3c_7_3:checked ~ #tabu3c_7_3_content{
display: block;
}
#tabu3c_8_1:checked ~ #tabu3c_8_1_content,
#tabu3c_8_2:checked ~ #tabu3c_8_2_content,
#tabu3c_8_3:checked ~ #tabu3c_8_3_content{
display: block;
}
#tabu3c_9_1:checked ~ #tabu3c_9_1_content,
#tabu3c_9_2:checked ~ #tabu3c_9_2_content,
#tabu3c_9_3:checked ~ #tabu3c_9_3_content{
display: block;
}
#tabu3c_10_1:checked ~ #tabu3c_10_1_content,
#tabu3c_10_2:checked ~ #tabu3c_10_2_content,
#tabu3c_10_3:checked ~ #tabu3c_10_3_content{
display: block;
} .tabs3c_1 input:checked + .tab3c_item1,
.tabs3c_2 input:checked + .tab3c_item2,
.tabs3c_3 input:checked + .tab3c_item3,
.tabs3c_4 input:checked + .tab3c_item4,
.tabs3c_5 input:checked + .tab3c_item5,
.tabs3c_6 input:checked + .tab3c_item6,
.tabs3c_7 input:checked + .tab3c_item7,
.tabs3c_8 input:checked + .tab3c_item8,
.tabs3c_9 input:checked + .tab3c_item9,
.tabs3c_10 input:checked + .tab3c_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3d_1,
.tabs3d_2,
.tabs3d_3,
.tabs3d_4,
.tabs3d_5,
.tabs3d_6,
.tabs3d_7,
.tabs3d_8,
.tabs3d_9,
.tabs3d_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3d_item1,
.tab3d_item2,
.tab3d_item3,
.tab3d_item4,
.tab3d_item5,
.tab3d_item6,
.tab3d_item7,
.tab3d_item8,
.tab3d_item9,
.tab3d_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3d_item1:hover,
.tab3d_item2:hover,
.tab3d_item3:hover,
.tab3d_item4:hover,
.tab3d_item5:hover,
.tab3d_item6:hover,
.tab3d_item7:hover,
.tab3d_item8:hover,
.tab3d_item9:hover,
.tab3d_item10:hover {
opacity: 0.75;
} input[name="tab3d_item1"],
input[name="tab3d_item2"],
input[name="tab3d_item3"],
input[name="tab3d_item4"],
input[name="tab3d_item5"],
input[name="tab3d_item6"],
input[name="tab3d_item7"],
input[name="tab3d_item8"],
input[name="tab3d_item9"],
input[name="tab3d_item10"] {
display: none;
} .tab3d_content1,
.tab3d_content2,
.tab3d_content3,
.tab3d_content4,
.tab3d_content5,
.tab3d_content6,
.tab3d_content7,
.tab3d_content8,
.tab3d_content9,
.tab3d_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3d_1_1:checked ~ #tabu3d_1_1_content,
#tabu3d_1_2:checked ~ #tabu3d_1_2_content,
#tabu3d_1_3:checked ~ #tabu3d_1_3_content{
display: block;
}
#tabu3d_2_1:checked ~ #tabu3d_2_1_content,
#tabu3d_2_2:checked ~ #tabu3d_2_2_content,
#tabu3d_2_3:checked ~ #tabu3d_2_3_content{
display: block;
}
#tabu3d_3_1:checked ~ #tabu3d_3_1_content,
#tabu3d_3_2:checked ~ #tabu3d_3_2_content,
#tabu3d_3_3:checked ~ #tabu3d_3_3_content{
display: block;
}
#tabu3d_4_1:checked ~ #tabu3d_4_1_content,
#tabu3d_4_2:checked ~ #tabu3d_4_2_content,
#tabu3d_4_3:checked ~ #tabu3d_4_3_content{
display: block;
}
#tabu3d_5_1:checked ~ #tabu3d_5_1_content,
#tabu3d_5_2:checked ~ #tabu3d_5_2_content,
#tabu3d_5_3:checked ~ #tabu3d_5_3_content{
display: block;
}
#tabu3d_6_1:checked ~ #tabu3d_6_1_content,
#tabu3d_6_2:checked ~ #tabu3d_6_2_content,
#tabu3d_6_3:checked ~ #tabu3d_6_3_content{
display: block;
}
#tabu3d_7_1:checked ~ #tabu3d_7_1_content,
#tabu3d_7_2:checked ~ #tabu3d_7_2_content,
#tabu3d_7_3:checked ~ #tabu3d_7_3_content{
display: block;
}
#tabu3d_8_1:checked ~ #tabu3d_8_1_content,
#tabu3d_8_2:checked ~ #tabu3d_8_2_content,
#tabu3d_8_3:checked ~ #tabu3d_8_3_content{
display: block;
}
#tabu3d_9_1:checked ~ #tabu3d_9_1_content,
#tabu3d_9_2:checked ~ #tabu3d_9_2_content,
#tabu3d_9_3:checked ~ #tabu3d_9_3_content{
display: block;
}
#tabu3d_10_1:checked ~ #tabu3d_10_1_content,
#tabu3d_10_2:checked ~ #tabu3d_10_2_content,
#tabu3d_10_3:checked ~ #tabu3d_10_3_content{
display: block;
} .tabs3d_1 input:checked + .tab3d_item1,
.tabs3d_2 input:checked + .tab3d_item2,
.tabs3d_3 input:checked + .tab3d_item3,
.tabs3d_4 input:checked + .tab3d_item4,
.tabs3d_5 input:checked + .tab3d_item5,
.tabs3d_6 input:checked + .tab3d_item6,
.tabs3d_7 input:checked + .tab3d_item7,
.tabs3d_8 input:checked + .tab3d_item8,
.tabs3d_9 input:checked + .tab3d_item9,
.tabs3d_10 input:checked + .tab3d_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3e_1,
.tabs3e_2,
.tabs3e_3,
.tabs3e_4,
.tabs3e_5,
.tabs3e_6,
.tabs3e_7,
.tabs3e_8,
.tabs3e_9,
.tabs3e_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3e_item1,
.tab3e_item2,
.tab3e_item3,
.tab3e_item4,
.tab3e_item5,
.tab3e_item6,
.tab3e_item7,
.tab3e_item8,
.tab3e_item9,
.tab3e_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3e_item1:hover,
.tab3e_item2:hover,
.tab3e_item3:hover,
.tab3e_item4:hover,
.tab3e_item5:hover,
.tab3e_item6:hover,
.tab3e_item7:hover,
.tab3e_item8:hover,
.tab3e_item9:hover,
.tab3e_item10:hover {
opacity: 0.75;
} input[name="tab3e_item1"],
input[name="tab3e_item2"],
input[name="tab3e_item3"],
input[name="tab3e_item4"],
input[name="tab3e_item5"],
input[name="tab3e_item6"],
input[name="tab3e_item7"],
input[name="tab3e_item8"],
input[name="tab3e_item9"],
input[name="tab3e_item10"] {
display: none;
} .tab3e_content1,
.tab3e_content2,
.tab3e_content3,
.tab3e_content4,
.tab3e_content5,
.tab3e_content6,
.tab3e_content7,
.tab3e_content8,
.tab3e_content9,
.tab3e_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3e_1_1:checked ~ #tabu3e_1_1_content,
#tabu3e_1_2:checked ~ #tabu3e_1_2_content,
#tabu3e_1_3:checked ~ #tabu3e_1_3_content{
display: block;
}
#tabu3e_2_1:checked ~ #tabu3e_2_1_content,
#tabu3e_2_2:checked ~ #tabu3e_2_2_content,
#tabu3e_2_3:checked ~ #tabu3e_2_3_content{
display: block;
}
#tabu3e_3_1:checked ~ #tabu3e_3_1_content,
#tabu3e_3_2:checked ~ #tabu3e_3_2_content,
#tabu3e_3_3:checked ~ #tabu3e_3_3_content{
display: block;
}
#tabu3e_4_1:checked ~ #tabu3e_4_1_content,
#tabu3e_4_2:checked ~ #tabu3e_4_2_content,
#tabu3e_4_3:checked ~ #tabu3e_4_3_content{
display: block;
}
#tabu3e_5_1:checked ~ #tabu3e_5_1_content,
#tabu3e_5_2:checked ~ #tabu3e_5_2_content,
#tabu3e_5_3:checked ~ #tabu3e_5_3_content{
display: block;
}
#tabu3e_6_1:checked ~ #tabu3e_6_1_content,
#tabu3e_6_2:checked ~ #tabu3e_6_2_content,
#tabu3e_6_3:checked ~ #tabu3e_6_3_content{
display: block;
}
#tabu3e_7_1:checked ~ #tabu3e_7_1_content,
#tabu3e_7_2:checked ~ #tabu3e_7_2_content,
#tabu3e_7_3:checked ~ #tabu3e_7_3_content{
display: block;
}
#tabu3e_8_1:checked ~ #tabu3e_8_1_content,
#tabu3e_8_2:checked ~ #tabu3e_8_2_content,
#tabu3e_8_3:checked ~ #tabu3e_8_3_content{
display: block;
}
#tabu3e_9_1:checked ~ #tabu3e_9_1_content,
#tabu3e_9_2:checked ~ #tabu3e_9_2_content,
#tabu3e_9_3:checked ~ #tabu3e_9_3_content{
display: block;
}
#tabu3e_10_1:checked ~ #tabu3e_10_1_content,
#tabu3e_10_2:checked ~ #tabu3e_10_2_content,
#tabu3e_10_3:checked ~ #tabu3e_10_3_content{
display: block;
} .tabs3e_1 input:checked + .tab3e_item1,
.tabs3e_2 input:checked + .tab3e_item2,
.tabs3e_3 input:checked + .tab3e_item3,
.tabs3e_4 input:checked + .tab3e_item4,
.tabs3e_5 input:checked + .tab3e_item5,
.tabs3e_6 input:checked + .tab3e_item6,
.tabs3e_7 input:checked + .tab3e_item7,
.tabs3e_8 input:checked + .tab3e_item8,
.tabs3e_9 input:checked + .tab3e_item9,
.tabs3e_10 input:checked + .tab3e_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3f_1,
.tabs3f_2,
.tabs3f_3,
.tabs3f_4,
.tabs3f_5,
.tabs3f_6,
.tabs3f_7,
.tabs3f_8,
.tabs3f_9,
.tabs3f_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3f_item1,
.tab3f_item2,
.tab3f_item3,
.tab3f_item4,
.tab3f_item5,
.tab3f_item6,
.tab3f_item7,
.tab3f_item8,
.tab3f_item9,
.tab3f_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3f_item1:hover,
.tab3f_item2:hover,
.tab3f_item3:hover,
.tab3f_item4:hover,
.tab3f_item5:hover,
.tab3f_item6:hover,
.tab3f_item7:hover,
.tab3f_item8:hover,
.tab3f_item9:hover,
.tab3f_item10:hover {
opacity: 0.75;
} input[name="tab3f_item1"],
input[name="tab3f_item2"],
input[name="tab3f_item3"],
input[name="tab3f_item4"],
input[name="tab3f_item5"],
input[name="tab3f_item6"],
input[name="tab3f_item7"],
input[name="tab3f_item8"],
input[name="tab3f_item9"],
input[name="tab3f_item10"] {
display: none;
} .tab3f_content1,
.tab3f_content2,
.tab3f_content3,
.tab3f_content4,
.tab3f_content5,
.tab3f_content6,
.tab3f_content7,
.tab3f_content8,
.tab3f_content9,
.tab3f_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3f_1_1:checked ~ #tabu3f_1_1_content,
#tabu3f_1_2:checked ~ #tabu3f_1_2_content,
#tabu3f_1_3:checked ~ #tabu3f_1_3_content{
display: block;
}
#tabu3f_2_1:checked ~ #tabu3f_2_1_content,
#tabu3f_2_2:checked ~ #tabu3f_2_2_content,
#tabu3f_2_3:checked ~ #tabu3f_2_3_content{
display: block;
}
#tabu3f_3_1:checked ~ #tabu3f_3_1_content,
#tabu3f_3_2:checked ~ #tabu3f_3_2_content,
#tabu3f_3_3:checked ~ #tabu3f_3_3_content{
display: block;
}
#tabu3f_4_1:checked ~ #tabu3f_4_1_content,
#tabu3f_4_2:checked ~ #tabu3f_4_2_content,
#tabu3f_4_3:checked ~ #tabu3f_4_3_content{
display: block;
}
#tabu3f_5_1:checked ~ #tabu3f_5_1_content,
#tabu3f_5_2:checked ~ #tabu3f_5_2_content,
#tabu3f_5_3:checked ~ #tabu3f_5_3_content{
display: block;
}
#tabu3f_6_1:checked ~ #tabu3f_6_1_content,
#tabu3f_6_2:checked ~ #tabu3f_6_2_content,
#tabu3f_6_3:checked ~ #tabu3f_6_3_content{
display: block;
}
#tabu3f_7_1:checked ~ #tabu3f_7_1_content,
#tabu3f_7_2:checked ~ #tabu3f_7_2_content,
#tabu3f_7_3:checked ~ #tabu3f_7_3_content{
display: block;
}
#tabu3f_8_1:checked ~ #tabu3f_8_1_content,
#tabu3f_8_2:checked ~ #tabu3f_8_2_content,
#tabu3f_8_3:checked ~ #tabu3f_8_3_content{
display: block;
}
#tabu3f_9_1:checked ~ #tabu3f_9_1_content,
#tabu3f_9_2:checked ~ #tabu3f_9_2_content,
#tabu3f_9_3:checked ~ #tabu3f_9_3_content{
display: block;
}
#tabu3f_10_1:checked ~ #tabu3f_10_1_content,
#tabu3f_10_2:checked ~ #tabu3f_10_2_content,
#tabu3f_10_3:checked ~ #tabu3f_10_3_content{
display: block;
} .tabs3f_1 input:checked + .tab3f_item1,
.tabs3f_2 input:checked + .tab3f_item2,
.tabs3f_3 input:checked + .tab3f_item3,
.tabs3f_4 input:checked + .tab3f_item4,
.tabs3f_5 input:checked + .tab3f_item5,
.tabs3f_6 input:checked + .tab3f_item6,
.tabs3f_7 input:checked + .tab3f_item7,
.tabs3f_8 input:checked + .tab3f_item8,
.tabs3f_9 input:checked + .tab3f_item9,
.tabs3f_10 input:checked + .tab3f_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3g_1,
.tabs3g_2,
.tabs3g_3,
.tabs3g_4,
.tabs3g_5,
.tabs3g_6,
.tabs3g_7,
.tabs3g_8,
.tabs3g_9,
.tabs3g_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3g_item1,
.tab3g_item2,
.tab3g_item3,
.tab3g_item4,
.tab3g_item5,
.tab3g_item6,
.tab3g_item7,
.tab3g_item8,
.tab3g_item9,
.tab3g_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3g_item1:hover,
.tab3g_item2:hover,
.tab3g_item3:hover,
.tab3g_item4:hover,
.tab3g_item5:hover,
.tab3g_item6:hover,
.tab3g_item7:hover,
.tab3g_item8:hover,
.tab3g_item9:hover,
.tab3g_item10:hover {
opacity: 0.75;
} input[name="tab3g_item1"],
input[name="tab3g_item2"],
input[name="tab3g_item3"],
input[name="tab3g_item4"],
input[name="tab3g_item5"],
input[name="tab3g_item6"],
input[name="tab3g_item7"],
input[name="tab3g_item8"],
input[name="tab3g_item9"],
input[name="tab3g_item10"] {
display: none;
} .tab3g_content1,
.tab3g_content2,
.tab3g_content3,
.tab3g_content4,
.tab3g_content5,
.tab3g_content6,
.tab3g_content7,
.tab3g_content8,
.tab3g_content9,
.tab3g_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3g_1_1:checked ~ #tabu3g_1_1_content,
#tabu3g_1_2:checked ~ #tabu3g_1_2_content,
#tabu3g_1_3:checked ~ #tabu3g_1_3_content{
display: block;
}
#tabu3g_2_1:checked ~ #tabu3g_2_1_content,
#tabu3g_2_2:checked ~ #tabu3g_2_2_content,
#tabu3g_2_3:checked ~ #tabu3g_2_3_content{
display: block;
}
#tabu3g_3_1:checked ~ #tabu3g_3_1_content,
#tabu3g_3_2:checked ~ #tabu3g_3_2_content,
#tabu3g_3_3:checked ~ #tabu3g_3_3_content{
display: block;
}
#tabu3g_4_1:checked ~ #tabu3g_4_1_content,
#tabu3g_4_2:checked ~ #tabu3g_4_2_content,
#tabu3g_4_3:checked ~ #tabu3g_4_3_content{
display: block;
}
#tabu3g_5_1:checked ~ #tabu3g_5_1_content,
#tabu3g_5_2:checked ~ #tabu3g_5_2_content,
#tabu3g_5_3:checked ~ #tabu3g_5_3_content{
display: block;
}
#tabu3g_6_1:checked ~ #tabu3g_6_1_content,
#tabu3g_6_2:checked ~ #tabu3g_6_2_content,
#tabu3g_6_3:checked ~ #tabu3g_6_3_content{
display: block;
}
#tabu3g_7_1:checked ~ #tabu3g_7_1_content,
#tabu3g_7_2:checked ~ #tabu3g_7_2_content,
#tabu3g_7_3:checked ~ #tabu3g_7_3_content{
display: block;
}
#tabu3g_8_1:checked ~ #tabu3g_8_1_content,
#tabu3g_8_2:checked ~ #tabu3g_8_2_content,
#tabu3g_8_3:checked ~ #tabu3g_8_3_content{
display: block;
}
#tabu3g_9_1:checked ~ #tabu3g_9_1_content,
#tabu3g_9_2:checked ~ #tabu3g_9_2_content,
#tabu3g_9_3:checked ~ #tabu3g_9_3_content{
display: block;
}
#tabu3g_10_1:checked ~ #tabu3g_10_1_content,
#tabu3g_10_2:checked ~ #tabu3g_10_2_content,
#tabu3g_10_3:checked ~ #tabu3g_10_3_content{
display: block;
} .tabs3g_1 input:checked + .tab3g_item1,
.tabs3g_2 input:checked + .tab3g_item2,
.tabs3g_3 input:checked + .tab3g_item3,
.tabs3g_4 input:checked + .tab3g_item4,
.tabs3g_5 input:checked + .tab3g_item5,
.tabs3g_6 input:checked + .tab3g_item6,
.tabs3g_7 input:checked + .tab3g_item7,
.tabs3g_8 input:checked + .tab3g_item8,
.tabs3g_9 input:checked + .tab3g_item9,
.tabs3g_10 input:checked + .tab3g_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3h_1,
.tabs3h_2,
.tabs3h_3,
.tabs3h_4,
.tabs3h_5,
.tabs3h_6,
.tabs3h_7,
.tabs3h_8,
.tabs3h_9,
.tabs3h_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3h_item1,
.tab3h_item2,
.tab3h_item3,
.tab3h_item4,
.tab3h_item5,
.tab3h_item6,
.tab3h_item7,
.tab3h_item8,
.tab3h_item9,
.tab3h_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3h_item1:hover,
.tab3h_item2:hover,
.tab3h_item3:hover,
.tab3h_item4:hover,
.tab3h_item5:hover,
.tab3h_item6:hover,
.tab3h_item7:hover,
.tab3h_item8:hover,
.tab3h_item9:hover,
.tab3h_item10:hover {
opacity: 0.75;
} input[name="tab3h_item1"],
input[name="tab3h_item2"],
input[name="tab3h_item3"],
input[name="tab3h_item4"],
input[name="tab3h_item5"],
input[name="tab3h_item6"],
input[name="tab3h_item7"],
input[name="tab3h_item8"],
input[name="tab3h_item9"],
input[name="tab3h_item10"] {
display: none;
} .tab3h_content1,
.tab3h_content2,
.tab3h_content3,
.tab3h_content4,
.tab3h_content5,
.tab3h_content6,
.tab3h_content7,
.tab3h_content8,
.tab3h_content9,
.tab3h_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3h_1_1:checked ~ #tabu3h_1_1_content,
#tabu3h_1_2:checked ~ #tabu3h_1_2_content,
#tabu3h_1_3:checked ~ #tabu3h_1_3_content{
display: block;
}
#tabu3h_2_1:checked ~ #tabu3h_2_1_content,
#tabu3h_2_2:checked ~ #tabu3h_2_2_content,
#tabu3h_2_3:checked ~ #tabu3h_2_3_content{
display: block;
}
#tabu3h_3_1:checked ~ #tabu3h_3_1_content,
#tabu3h_3_2:checked ~ #tabu3h_3_2_content,
#tabu3h_3_3:checked ~ #tabu3h_3_3_content{
display: block;
}
#tabu3h_4_1:checked ~ #tabu3h_4_1_content,
#tabu3h_4_2:checked ~ #tabu3h_4_2_content,
#tabu3h_4_3:checked ~ #tabu3h_4_3_content{
display: block;
}
#tabu3h_5_1:checked ~ #tabu3h_5_1_content,
#tabu3h_5_2:checked ~ #tabu3h_5_2_content,
#tabu3h_5_3:checked ~ #tabu3h_5_3_content{
display: block;
}
#tabu3h_6_1:checked ~ #tabu3h_6_1_content,
#tabu3h_6_2:checked ~ #tabu3h_6_2_content,
#tabu3h_6_3:checked ~ #tabu3h_6_3_content{
display: block;
}
#tabu3h_7_1:checked ~ #tabu3h_7_1_content,
#tabu3h_7_2:checked ~ #tabu3h_7_2_content,
#tabu3h_7_3:checked ~ #tabu3h_7_3_content{
display: block;
}
#tabu3h_8_1:checked ~ #tabu3h_8_1_content,
#tabu3h_8_2:checked ~ #tabu3h_8_2_content,
#tabu3h_8_3:checked ~ #tabu3h_8_3_content{
display: block;
}
#tabu3h_9_1:checked ~ #tabu3h_9_1_content,
#tabu3h_9_2:checked ~ #tabu3h_9_2_content,
#tabu3h_9_3:checked ~ #tabu3h_9_3_content{
display: block;
}
#tabu3h_10_1:checked ~ #tabu3h_10_1_content,
#tabu3h_10_2:checked ~ #tabu3h_10_2_content,
#tabu3h_10_3:checked ~ #tabu3h_10_3_content{
display: block;
} .tabs3h_1 input:checked + .tab3h_item1,
.tabs3h_2 input:checked + .tab3h_item2,
.tabs3h_3 input:checked + .tab3h_item3,
.tabs3h_4 input:checked + .tab3h_item4,
.tabs3h_5 input:checked + .tab3h_item5,
.tabs3h_6 input:checked + .tab3h_item6,
.tabs3h_7 input:checked + .tab3h_item7,
.tabs3h_8 input:checked + .tab3h_item8,
.tabs3h_9 input:checked + .tab3h_item9,
.tabs3h_10 input:checked + .tab3h_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3i_1,
.tabs3i_2,
.tabs3i_3,
.tabs3i_4,
.tabs3i_5,
.tabs3i_6,
.tabs3i_7,
.tabs3i_8,
.tabs3i_9,
.tabs3i_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3i_item1,
.tab3i_item2,
.tab3i_item3,
.tab3i_item4,
.tab3i_item5,
.tab3i_item6,
.tab3i_item7,
.tab3i_item8,
.tab3i_item9,
.tab3i_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3i_item1:hover,
.tab3i_item2:hover,
.tab3i_item3:hover,
.tab3i_item4:hover,
.tab3i_item5:hover,
.tab3i_item6:hover,
.tab3i_item7:hover,
.tab3i_item8:hover,
.tab3i_item9:hover,
.tab3i_item10:hover {
opacity: 0.75;
} input[name="tab3i_item1"],
input[name="tab3i_item2"],
input[name="tab3i_item3"],
input[name="tab3i_item4"],
input[name="tab3i_item5"],
input[name="tab3i_item6"],
input[name="tab3i_item7"],
input[name="tab3i_item8"],
input[name="tab3i_item9"],
input[name="tab3i_item10"] {
display: none;
} .tab3i_content1,
.tab3i_content2,
.tab3i_content3,
.tab3i_content4,
.tab3i_content5,
.tab3i_content6,
.tab3i_content7,
.tab3i_content8,
.tab3i_content9,
.tab3i_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3i_1_1:checked ~ #tabu3i_1_1_content,
#tabu3i_1_2:checked ~ #tabu3i_1_2_content,
#tabu3i_1_3:checked ~ #tabu3i_1_3_content{
display: block;
}
#tabu3i_2_1:checked ~ #tabu3i_2_1_content,
#tabu3i_2_2:checked ~ #tabu3i_2_2_content,
#tabu3i_2_3:checked ~ #tabu3i_2_3_content{
display: block;
}
#tabu3i_3_1:checked ~ #tabu3i_3_1_content,
#tabu3i_3_2:checked ~ #tabu3i_3_2_content,
#tabu3i_3_3:checked ~ #tabu3i_3_3_content{
display: block;
}
#tabu3i_4_1:checked ~ #tabu3i_4_1_content,
#tabu3i_4_2:checked ~ #tabu3i_4_2_content,
#tabu3i_4_3:checked ~ #tabu3i_4_3_content{
display: block;
}
#tabu3i_5_1:checked ~ #tabu3i_5_1_content,
#tabu3i_5_2:checked ~ #tabu3i_5_2_content,
#tabu3i_5_3:checked ~ #tabu3i_5_3_content{
display: block;
}
#tabu3i_6_1:checked ~ #tabu3i_6_1_content,
#tabu3i_6_2:checked ~ #tabu3i_6_2_content,
#tabu3i_6_3:checked ~ #tabu3i_6_3_content{
display: block;
}
#tabu3i_7_1:checked ~ #tabu3i_7_1_content,
#tabu3i_7_2:checked ~ #tabu3i_7_2_content,
#tabu3i_7_3:checked ~ #tabu3i_7_3_content{
display: block;
}
#tabu3i_8_1:checked ~ #tabu3i_8_1_content,
#tabu3i_8_2:checked ~ #tabu3i_8_2_content,
#tabu3i_8_3:checked ~ #tabu3i_8_3_content{
display: block;
}
#tabu3i_9_1:checked ~ #tabu3i_9_1_content,
#tabu3i_9_2:checked ~ #tabu3i_9_2_content,
#tabu3i_9_3:checked ~ #tabu3i_9_3_content{
display: block;
}
#tabu3i_10_1:checked ~ #tabu3i_10_1_content,
#tabu3i_10_2:checked ~ #tabu3i_10_2_content,
#tabu3i_10_3:checked ~ #tabu3i_10_3_content{
display: block;
} .tabs3i_1 input:checked + .tab3i_item1,
.tabs3i_2 input:checked + .tab3i_item2,
.tabs3i_3 input:checked + .tab3i_item3,
.tabs3i_4 input:checked + .tab3i_item4,
.tabs3i_5 input:checked + .tab3i_item5,
.tabs3i_6 input:checked + .tab3i_item6,
.tabs3i_7 input:checked + .tab3i_item7,
.tabs3i_8 input:checked + .tab3i_item8,
.tabs3i_9 input:checked + .tab3i_item9,
.tabs3i_10 input:checked + .tab3i_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3j_1,
.tabs3j_2,
.tabs3j_3,
.tabs3j_4,
.tabs3j_5,
.tabs3j_6,
.tabs3j_7,
.tabs3j_8,
.tabs3j_9,
.tabs3j_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3j_item1,
.tab3j_item2,
.tab3j_item3,
.tab3j_item4,
.tab3j_item5,
.tab3j_item6,
.tab3j_item7,
.tab3j_item8,
.tab3j_item9,
.tab3j_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3j_item1:hover,
.tab3j_item2:hover,
.tab3j_item3:hover,
.tab3j_item4:hover,
.tab3j_item5:hover,
.tab3j_item6:hover,
.tab3j_item7:hover,
.tab3j_item8:hover,
.tab3j_item9:hover,
.tab3j_item10:hover {
opacity: 0.75;
} input[name="tab3j_item1"],
input[name="tab3j_item2"],
input[name="tab3j_item3"],
input[name="tab3j_item4"],
input[name="tab3j_item5"],
input[name="tab3j_item6"],
input[name="tab3j_item7"],
input[name="tab3j_item8"],
input[name="tab3j_item9"],
input[name="tab3j_item10"] {
display: none;
} .tab3j_content1,
.tab3j_content2,
.tab3j_content3,
.tab3j_content4,
.tab3j_content5,
.tab3j_content6,
.tab3j_content7,
.tab3j_content8,
.tab3j_content9,
.tab3j_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3j_1_1:checked ~ #tabu3j_1_1_content,
#tabu3j_1_2:checked ~ #tabu3j_1_2_content,
#tabu3j_1_3:checked ~ #tabu3j_1_3_content{
display: block;
}
#tabu3j_2_1:checked ~ #tabu3j_2_1_content,
#tabu3j_2_2:checked ~ #tabu3j_2_2_content,
#tabu3j_2_3:checked ~ #tabu3j_2_3_content{
display: block;
}
#tabu3j_3_1:checked ~ #tabu3j_3_1_content,
#tabu3j_3_2:checked ~ #tabu3j_3_2_content,
#tabu3j_3_3:checked ~ #tabu3j_3_3_content{
display: block;
}
#tabu3j_4_1:checked ~ #tabu3j_4_1_content,
#tabu3j_4_2:checked ~ #tabu3j_4_2_content,
#tabu3j_4_3:checked ~ #tabu3j_4_3_content{
display: block;
}
#tabu3j_5_1:checked ~ #tabu3j_5_1_content,
#tabu3j_5_2:checked ~ #tabu3j_5_2_content,
#tabu3j_5_3:checked ~ #tabu3j_5_3_content{
display: block;
}
#tabu3j_6_1:checked ~ #tabu3j_6_1_content,
#tabu3j_6_2:checked ~ #tabu3j_6_2_content,
#tabu3j_6_3:checked ~ #tabu3j_6_3_content{
display: block;
}
#tabu3j_7_1:checked ~ #tabu3j_7_1_content,
#tabu3j_7_2:checked ~ #tabu3j_7_2_content,
#tabu3j_7_3:checked ~ #tabu3j_7_3_content{
display: block;
}
#tabu3j_8_1:checked ~ #tabu3j_8_1_content,
#tabu3j_8_2:checked ~ #tabu3j_8_2_content,
#tabu3j_8_3:checked ~ #tabu3j_8_3_content{
display: block;
}
#tabu3j_9_1:checked ~ #tabu3j_9_1_content,
#tabu3j_9_2:checked ~ #tabu3j_9_2_content,
#tabu3j_9_3:checked ~ #tabu3j_9_3_content{
display: block;
}
#tabu3j_10_1:checked ~ #tabu3j_10_1_content,
#tabu3j_10_2:checked ~ #tabu3j_10_2_content,
#tabu3j_10_3:checked ~ #tabu3j_10_3_content{
display: block;
} .tabs3j_1 input:checked + .tab3j_item1,
.tabs3j_2 input:checked + .tab3j_item2,
.tabs3j_3 input:checked + .tab3j_item3,
.tabs3j_4 input:checked + .tab3j_item4,
.tabs3j_5 input:checked + .tab3j_item5,
.tabs3j_6 input:checked + .tab3j_item6,
.tabs3j_7 input:checked + .tab3j_item7,
.tabs3j_8 input:checked + .tab3j_item8,
.tabs3j_9 input:checked + .tab3j_item9,
.tabs3j_10 input:checked + .tab3j_item10 {
background-color: var(--color_main);
color: #fff;
} .tabs3k_1,
.tabs3k_2,
.tabs3k_3,
.tabs3k_4,
.tabs3k_5,
.tabs3k_6,
.tabs3k_7,
.tabs3k_8,
.tabs3k_9,
.tabs3k_10 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab3k_item1,
.tab3k_item2,
.tab3k_item3,
.tab3k_item4,
.tab3k_item5,
.tab3k_item6,
.tab3k_item7,
.tab3k_item8,
.tab3k_item9,
.tab3k_item10 {
width: calc(100%/3);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab3k_item1:hover,
.tab3k_item2:hover,
.tab3k_item3:hover,
.tab3k_item4:hover,
.tab3k_item5:hover,
.tab3k_item6:hover,
.tab3k_item7:hover,
.tab3k_item8:hover,
.tab3k_item9:hover,
.tab3k_item10:hover {
opacity: 0.75;
} input[name="tab3k_item1"],
input[name="tab3k_item2"],
input[name="tab3k_item3"],
input[name="tab3k_item4"],
input[name="tab3k_item5"],
input[name="tab3k_item6"],
input[name="tab3k_item7"],
input[name="tab3k_item8"],
input[name="tab3k_item9"],
input[name="tab3k_item10"] {
display: none;
} .tab3k_content1,
.tab3k_content2,
.tab3k_content3,
.tab3k_content4,
.tab3k_content5,
.tab3k_content6,
.tab3k_content7,
.tab3k_content8,
.tab3k_content9,
.tab3k_content10 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu3k_1_1:checked ~ #tabu3k_1_1_content,
#tabu3k_1_2:checked ~ #tabu3k_1_2_content,
#tabu3k_1_3:checked ~ #tabu3k_1_3_content{
display: block;
}
#tabu3k_2_1:checked ~ #tabu3k_2_1_content,
#tabu3k_2_2:checked ~ #tabu3k_2_2_content,
#tabu3k_2_3:checked ~ #tabu3k_2_3_content{
display: block;
}
#tabu3k_3_1:checked ~ #tabu3k_3_1_content,
#tabu3k_3_2:checked ~ #tabu3k_3_2_content,
#tabu3k_3_3:checked ~ #tabu3k_3_3_content{
display: block;
}
#tabu3k_4_1:checked ~ #tabu3k_4_1_content,
#tabu3k_4_2:checked ~ #tabu3k_4_2_content,
#tabu3k_4_3:checked ~ #tabu3k_4_3_content{
display: block;
}
#tabu3k_5_1:checked ~ #tabu3k_5_1_content,
#tabu3k_5_2:checked ~ #tabu3k_5_2_content,
#tabu3k_5_3:checked ~ #tabu3k_5_3_content{
display: block;
}
#tabu3k_6_1:checked ~ #tabu3k_6_1_content,
#tabu3k_6_2:checked ~ #tabu3k_6_2_content,
#tabu3k_6_3:checked ~ #tabu3k_6_3_content{
display: block;
}
#tabu3k_7_1:checked ~ #tabu3k_7_1_content,
#tabu3k_7_2:checked ~ #tabu3k_7_2_content,
#tabu3k_7_3:checked ~ #tabu3k_7_3_content{
display: block;
}
#tabu3k_8_1:checked ~ #tabu3k_8_1_content,
#tabu3k_8_2:checked ~ #tabu3k_8_2_content,
#tabu3k_8_3:checked ~ #tabu3k_8_3_content{
display: block;
}
#tabu3k_9_1:checked ~ #tabu3k_9_1_content,
#tabu3k_9_2:checked ~ #tabu3k_9_2_content,
#tabu3k_9_3:checked ~ #tabu3k_9_3_content{
display: block;
}
#tabu3k_10_1:checked ~ #tabu3k_10_1_content,
#tabu3k_10_2:checked ~ #tabu3k_10_2_content,
#tabu3k_10_3:checked ~ #tabu3k_10_3_content{
display: block;
} .tabs3k_1 input:checked + .tab3k_item1,
.tabs3k_2 input:checked + .tab3k_item2,
.tabs3k_3 input:checked + .tab3k_item3,
.tabs3k_4 input:checked + .tab3k_item4,
.tabs3k_5 input:checked + .tab3k_item5,
.tabs3k_6 input:checked + .tab3k_item6,
.tabs3k_7 input:checked + .tab3k_item7,
.tabs3k_8 input:checked + .tab3k_item8,
.tabs3k_9 input:checked + .tab3k_item9,
.tabs3k_10 input:checked + .tab3k_item10 {
background-color: var(--color_main);
color: #fff;
}.tabs_1,.tabs_2,.tabs_3,.tabs_4,.tabs_5,.tabs_6 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab_item_1, .tab_item_2, .tab_item_3, .tab_item_4, .tab_item_5, .tab_item_6 {
width: calc(100%/4);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item_1:hover, .tab_item_2:hover, .tab_item_3:hover, .tab_item_4:hover, .tab_item_5:hover, .tab_item_6:hover {
opacity: 0.75;
} input[name="tab_item_1"], input[name="tab_item_2"], input[name="tab_item_3"], input[name="tab_item_4"], input[name="tab_item_5"] , input[name="tab_item_6"]  {
display: none;
} .tab_content_1, .tab_content_2, .tab_content_3, .tab_content_4, .tab_content_5, .tab_content_6 {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #tabu_1_1:checked ~ #tabu_1_1_content,
#tabu_1_2:checked ~ #tabu_1_2_content,
#tabu_1_3:checked ~ #tabu_1_3_content,
#tabu_1_4:checked ~ #tabu_1_4_content{
display: block;
}
#tabu_2_1:checked ~ #tabu_2_1_content,
#tabu_2_2:checked ~ #tabu_2_2_content,
#tabu_2_3:checked ~ #tabu_2_3_content,
#tabu_2_4:checked ~ #tabu_2_4_content{
display: block;
}
#tabu_3_1:checked ~ #tabu_3_1_content,
#tabu_3_2:checked ~ #tabu_3_2_content,
#tabu_3_3:checked ~ #tabu_3_3_content,
#tabu_3_4:checked ~ #tabu_3_4_content{
display: block;
}
#tabu_4_1:checked ~ #tabu_4_1_content,
#tabu_4_2:checked ~ #tabu_4_2_content,
#tabu_4_3:checked ~ #tabu_4_3_content,
#tabu_4_4:checked ~ #tabu_4_4_content{
display: block;
}
#tabu_5_1:checked ~ #tabu_5_1_content,
#tabu_5_2:checked ~ #tabu_5_2_content,
#tabu_5_3:checked ~ #tabu_5_3_content,
#tabu_5_4:checked ~ #tabu_5_4_content{
display: block;
}
#tabu_6_1:checked ~ #tabu_6_1_content,
#tabu_6_2:checked ~ #tabu_6_2_content,
#tabu_6_3:checked ~ #tabu_6_3_content,
#tabu_6_4:checked ~ #tabu_6_4_content{
display: block;
} .tabs_1 input:checked + .tab_item_1,.tabs_2 input:checked + .tab_item_2,.tabs_3 input:checked + .tab_item_3,.tabs_4 input:checked + .tab_item_4,.tabs_5 input:checked + .tab_item_5,.tabs_6 input:checked + .tab_item_6{
background-color: var(--color_main);
color: #fff;
}
@media only screen and (max-width: 767px) { .tabs_1,.tabs_2,.tabs_3,.tabs_4,.tabs_5,.tabs_6 {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;} .tab_item_1, .tab_item_2, .tab_item_3, .tab_item_4, .tab_item_5, .tab_item_6 {
width: calc(100%/1);
height: 50px;
border-bottom: 3px solid var(--color_main);
background-color: #f7efef;
line-height: 50px;
font-size: 16px;
text-align: center;
color: var(--color_main);
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item_1:hover, .tab_item_2:hover, .tab_item_3:hover, .tab_item_4:hover, .tab_item_5:hover, .tab_item_6:hover {
opacity: 0.75;
} input[name="tab_item_1"], input[name="tab_item_2"], input[name="tab_item_3"], input[name="tab_item_4"], input[name="tab_item_5"] , input[name="tab_item_6"]  {
display: none;
} .tab_content_1, .tab_content_2, .tab_content_3, .tab_content_4, .tab_content_5, .tab_content_6 {
display: none;
padding: 20px 20px 0;
clear: both;
overflow: hidden;
} #tabu_1_1:checked ~ #tabu_1_1_content,
#tabu_1_2:checked ~ #tabu_1_2_content,
#tabu_1_3:checked ~ #tabu_1_3_content,
#tabu_1_4:checked ~ #tabu_1_4_content{
display: block;
}
#tabu_2_1:checked ~ #tabu_2_1_content,
#tabu_2_2:checked ~ #tabu_2_2_content,
#tabu_2_3:checked ~ #tabu_2_3_content,
#tabu_2_4:checked ~ #tabu_2_4_content{
display: block;
}
#tabu_3_1:checked ~ #tabu_3_1_content,
#tabu_3_2:checked ~ #tabu_3_2_content,
#tabu_3_3:checked ~ #tabu_3_3_content,
#tabu_3_4:checked ~ #tabu_3_4_content{
display: block;
}
#tabu_4_1:checked ~ #tabu_4_1_content,
#tabu_4_2:checked ~ #tabu_4_2_content,
#tabu_4_3:checked ~ #tabu_4_3_content,
#tabu_4_4:checked ~ #tabu_4_4_content{
display: block;
}
#tabu_5_1:checked ~ #tabu_5_1_content,
#tabu_5_2:checked ~ #tabu_5_2_content,
#tabu_5_3:checked ~ #tabu_5_3_content,
#tabu_5_4:checked ~ #tabu_5_4_content{
display: block;
}
#tabu_6_1:checked ~ #tabu_6_1_content,
#tabu_6_2:checked ~ #tabu_6_2_content,
#tabu_6_3:checked ~ #tabu_6_3_content,
#tabu_6_4:checked ~ #tabu_6_4_content{
display: block;
} .tabs_1 input:checked + .tab_item_1,.tabs_2 input:checked + .tab_item_2,.tabs_3 input:checked + .tab_item_3,.tabs_4 input:checked + .tab_item_4,.tabs_5 input:checked + .tab_item_5,.tabs_6 input:checked + .tab_item_6{
background-color: var(--color_main);
color: #fff;
}
}