main#site-content.faq-public .container .title_page p {
color: #3e3e3e;
font-size: 1.125rem;
font-weight: 700;
line-height: 24px;
text-align: center;
margin-bottom: 10px;
}
body.sticky main#site-content.faq-public .nav-service.tab-list {
box-shadow: rgb(0 0 0 / 16%) 0px 10px 13px 0px;
transition: all 0.5s ease 0s;
padding: 10px 0;
}
body.sticky main#site-content.faq-public .nav-service.tab-list .tab-child .tab {
margin-top: 0px;
}
main#site-content.faq-public .container .subtitle {
text-align: center;
}
main#site-content.faq-public p,main#site-content.faq-public li{
font-weight: 500;
}
main#site-content.faq-public .item_inter_content {
max-width: 939px;
padding: 0 20px;
margin: 0 auto;
}
main#site-content.faq-public .container .container_faq .container_inter:nth-child(2n+2) .section_layout:before, main#site-content.faq-public .container .container_faq .container_inter:first-child .section_layout:before{
background-image: linear-gradient(to right, #000000 40%, #f5f7fe 0%);
}
main#site-content.faq-public .container .subtitle h1 {
font-size: 2.8rem;
font-weight: 500;
font-stretch: normal;
line-height: 1.17;
letter-spacing: 0;
color: #145F37;
margin: 0px 0;
}
main#site-content.faq-public .container {
max-width: 100%;
padding: 0;
padding-top: 52px;
}
main#site-content.faq-public .nav-service.tab-list {
max-width: 100%;
padding: 0;
margin: 0px auto 38px;
width: 100%;
z-index: 99;
background:#fff;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all {
max-width: 1190px;
margin: 0 auto;
width: 100%;
padding: 0 20px;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab {
margin-right: 6px;
color: #3e3e3e;
font-size: 1rem;
font-weight: 500;
line-height: 1.3125;
text-decoration: underline;
height: auto;
padding: 0.7125rem 1.025rem;
border: 1px solid transparent;
background: transparent;
border-radius: 7px;
cursor: pointer;
white-space: nowrap;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab.active {
background: #5f143c;
color: #fff;
}
main#site-content.faq-public .container .container_faq {
padding-bottom: 202px;
}
main#site-content.faq-public .page-main-title {
padding-top: 17px;
padding: 0 20px;
margin-bottom: 50px;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group {
max-width: 100%;
margin: 0 auto;
width: 100%;
padding: 0;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section h4 {
margin: 0px; transition: 0.3s ease-in-out;
}
main#site-content.faq-public .container .container_faq .container_inter:first-child {
padding-top: 16px;
}
main#site-content.faq-public .container .container_faq .container_inter:nth-child(2n+2) {
background: #fff;
padding-top: 12px;
padding-bottom: 30px;
}
main#site-content.faq-public .container .container_faq .container_inter:nth-child(2n+2) {
padding-bottom: 30px;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section:before {
content: "";
position: absolute;
width: 1px;
height: 18px;
border-right: 3px solid #fff;
right: 16.5px;
top: 18px;
z-index: 9;
transform: translateY(-50%) rotate(90deg);
transition: all 0.3s ease-in-out;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section h4:before{
content: "";
width: 37px;
height: 37px;
right: 0;
position: absolute;
top: 0;
border: 1px solid #5F143C;
background: #5F143C;
transition: 0.3s ease-in-out;
border-radius: 30px;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section.active h4:before {
background: #93587A;
border: 1px solid #93587A;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .title_section:hover h4:before{
background: #93587A;
border: 1px solid #93587A;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section:after{
content: "";
position: absolute;
width: 1px;
height: 18px;
border-right: 3px solid #fff;
right: 17px;
top: 18px;
z-index: 9;
transform: translateY(-50%) rotate(0);
transition: all 0.3s ease-in-out;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section.active:after{
transform: translateY(-50%) rotate(-90deg);
transition: all 0.3s ease-in-out;
}
main#site-content.faq-public .nav-service.tab-list.fixed {
left: 50%;
transform: translateX(-50%);
}
main#site-content.faq-public .container .item_inter_content .section_layout {
position: relative;
padding-bottom: 17px;
padding-top: 17px;
max-width: 900px;
margin: 0 auto;
width: 100%;
padding: 20.1px 40px;
}
main#site-content.faq-public .container .item_inter_content .section_layout:before {
content: '';
display: inline-block;
width: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(18%, #000000), color-stop(77%, #ffffff));
background-image: linear-gradient(to right, #000000 40%, #ffffff 0%); background-size: 12px 1px;
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
height: 1px;
}
main#site-content.faq-public .nav-service.tab-list.fixed {
background: #fff;
z-index: 999;
margin: 0 auto;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section {
display: none;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .title_section.active ~ .content_section {
display: block; }
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol,main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ul {
margin-bottom: 0;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol ul li::marker {
display: none;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol ul li { margin: 0;
padding: 2px 0 0px 12px;
line-height: 1.5625;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .container {
padding-top: 0px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section p {
margin: 20px 50px 0px 0!important;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ul {
margin: 0;
padding-left: 20px;
padding-top: 4px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol {
margin-left: 12px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol ol {
margin-left: 12px;
list-style: lower-alpha;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol > li {
margin-left: 30px;
padding-left: 15px;
padding-bottom: 15px;
margin-top: 2px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section p:not(:first-child) {
margin-bottom: 10px;
}
main#site-content.faq-public .container .container_faq .container_inter {
padding-bottom: 47px;
padding-top: 15px;
background: #f5f7fe;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .title_section {
position: relative;
padding-right: 51px;
cursor: pointer;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab:hover {
background: #5f143c;
color: #fff;
}
main#site-content.faq-public {
margin-top: 135px !important;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .title_section:hover h4 {
color: #5E9F7C;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section.active h4 {
color: #5E9F7C;
}
@media screen and (max-width:1199px){
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab {
padding: 0.7125rem .225rem;
}
}
@media screen and (max-width:999.89px){ body.sticky main#site-content.faq-public .nav-service.tab-list {
padding: 0;
}
main#site-content.faq-public .nav-service.tab-list .selected:after {
content: "";
right: 16px;
position: absolute;
top: 50%;
height: 13px;
width: 1px;
display: block;
transform: translateY(-50%) rotate(90deg);
transition: all 0.2s ease-in-out;
border-right: 2px solid #fff;
} .selected {
text-align: left;
padding-left: 40px;
margin-right: 6px;
padding-right: 40px;
font-family: 'Lora';
font-size: 1rem;
font-weight: 500;
line-height: 1.3125;
text-decoration: underline;
height: auto;
border: 1px solid transparent;
background: transparent;
border-radius: 7px;
padding: 12.3px 30px;
cursor: pointer;
position: relative;
font-size: 0.88rem;
}
main#site-content.faq-public .nav-service.tab-list .selected:before {
content: "";
width: 1px;
height: 13px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease-in-out;
border-right: 2px solid #fff;
}
main#site-content.faq-public .nav-service.tab-list .selected.active:before {
transform: translateY(-50%) rotate(-90deg);
transition: all 0.2s ease-in-out;
}
main#site-content.faq-public .nav-service.tab-list.fixed {
background: #5f143c;
z-index: 999;
margin: 0 auto;
color: #fff;
text-decoration: 1px underline #fff;
}
main#site-content.faq-public .nav-service.tab-list {
max-width: 100%;
padding: 0;
margin: 0px auto 36px;
width: 100%;
background: #5f143c;
color: #fff;
text-decoration: 1px underline #fff;
z-index: 999;
position: relative;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all {
max-width: 1190px;
margin: 0 auto;
width: 100%;
padding: 0px;
position: relative;
background:#5f143c;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child {
display: flex;
justify-content: end;
}
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab {
color: #93587a;
padding: 0.7025rem 30px;
font-size: 0.88rem;
margin-right: 0;
white-space: normal;
}
main#site-content.faq-public .options {
padding-bottom: 11px;
width: 100%;
}
}
@media screen and (max-width: 767px){
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section h4:before{
width: 21px;
height: 21px;
right: 7px;
top: 0px;
}
main#site-content.faq-public {
margin-top: 102px !important;
}
main#site-content.faq-public .container {
padding-top: 0;
}
main#site-content.faq-public .nav-service.tab-list {
max-width: 100%;
padding: 0;
margin: 0px auto 0px;
width: 100%;
background: #5f143c;
color: #fff;
z-index: 10;
text-decoration: 1px underline #fff; }
main#site-content.faq-public .page-main-title {
padding-top: 17px;
padding: 0 20px;
margin-bottom: 37px;
}
.selected {
padding-left: 30px;
margin-right: 6px;
padding-right: 31px;
font-size: 0.88rem;
position: relative;
}
main#site-content.faq-public h4,main#site-content.faq-public .h4 {
font-size: 1.1375rem;
line-height: 1.3;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .container {
padding-top: 0px;
} main#site-content.faq-public .container .container_faq .container_inter:first-child {
padding-top:4px;
padding-bottom: 42px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section p:not(:first-child) {
padding-top: 0px;
margin-bottom: 10px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section p {
margin-bottom: 16px;
margin: 12px 0px 0px 0!important;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol {
margin-left: 0px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section ol > li {
margin-left: 11px;
padding-left: 15px;
padding-bottom: 15px;
padding-right: 4px;
margin-top: 2px;
}
main#site-content.faq-public .container .item_inter_content .section_layout{
padding: 20.7px 0;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .content_section {
display: none;
}
main#site-content.faq-public .container .container_faq .container_inter:nth-child(2n+2), main#site-content.faq-public .container .container_faq .container_inter:first-child {
padding-bottom: 42px;
}
main#site-content.faq-public .container .item_inter_content .section_layout .container_content_inter .title_section {
position: relative;
padding-right: 39px;
}
main#site-content.faq-public .container .container_faq .container_inter:last-child{
padding-top: 0px;
margin-top: -4px;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section:before {
content: "";
position: absolute;
width: 1px;
height: 11px;
border-right: 2px solid #fff;
right: 17px;
top: 10px;
z-index: 9;
transform: translateY(-50%) rotate(90deg);
transition: all 0.3s ease-in-out;
}
main#site-content.faq-public .container .container_faq .container_inter .container_inter_group .item_inter_content .title_section:after{
content: "";
position: absolute;
width: 1px;
height: 11px;
border-right: 2px solid #fff;
right: 17px;
top: 10px;
z-index: 9;
transform: translateY(-50%) rotate(0);
transition: all 0.2s ease-in-out;
}
main#site-content.faq-public .container .container_faq {
padding-bottom: 85px;
}
}
@media screen and (max-width: 370px){
.selected {
padding-left: 20px;
margin-right: 0px;
padding-right: 40px;
font-size: 0.88rem;
position: relative;
} 
main#site-content.faq-public .nav-service.tab-list .selected:after{
right: 16px;
} 
main#site-content.faq-public .nav-service.tab-list .tab-child_all .tab-child .tab {
padding: 0.7025rem 20px;
}
.selected {
padding-left: 20px;
}
}
@media screen and (min-width: 1680px) {
main#site-content.faq-public .item_inter_content{
max-width: 1375px;
}
main#site-content.faq-public .container .item_inter_content .section_layout{
max-width: 1375px;
}
}