body {
background-color: #e0e1e2;
color: #454a4c;
margin: 0;
font-family: 'Noto Sans TC', sans-serif;
font-optical-sizing: auto;
font-style: normal;
} #phantom {
display: none;
}
.container {
width: 100%;
max-width: 1020px;
margin: 0px auto;
padding: 0px;
}
.main {
display: flex;
flex-wrap: wrap;
}
.main .main-col-l {
flex: 0 0 60%;
width: 60%;
}
.main .main-col-r {
flex: 0 0 40%;
width: 40%;
}
.main .main-col-l .form {
display: none;
}
.realcase {
background-color: #f2f2f2;
}
.realcase .content {
padding: 1.5rem;
display: flex;
justify-content: center;
}
.post-list {
max-width: 420px;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
margin-bottom: 3rem;
}
.post-list a.card {
--bs-card-border-radius: 0.75rem;
--bs-card-inner-border-radius: calc(
var(--bs-border-radius) - (var(--bs-border-width))
);
box-shadow: rgb(0 0 0 / 15%) 0px 0px 5px 0px;
text-decoration: none;
}
.post-list a.card:hover {
color: #ed5b2a;
}
.post-list .post .card-title {
margin: 1rem 0px;
}
.post-list .post .post-info {
font-size: 12px;
color: #ed5b2a;
}
.team {
background-color: #f7f7f7;
}
.team .content {
padding: 1.5rem 2rem;
padding-top: 0px;
font-size: 18px;
}
.enquiry {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.enquiry a.btn-enquiry {
max-width: 400px;
}
#qa-accordion {
--bs-accordion-inner-border-radius: 0px;
--bs-accordion-border-width: 0px;
--bs-accordion-btn-focus-box-shadow: none;
--bs-accordion-color: #454a4c;
}
#qa-accordion .accordion-item {
border-bottom: 1px solid var(--bs-accordion-border-color);
}
#qa-accordion .accordion-item .accordion-button {
background-color: #aaaaaa;
color: #fff;
font-size: 20px;
text-align: center;
}
#qa-accordion .accordion-item .accordion-button::after {
background-image: none;
background-size: auto;
transition: none;
font-family: 'Material Symbols Outlined';
content: 'add';
font-size: 24px;
}
#qa-accordion .accordion-item .accordion-button:not(.collapsed)::after {
content: 'remove';
transform: none;
}
#qa-accordion .accordion-item .accordion-button span {
flex: 1;
margin-right: 1rem;
}
.ek-links {
margin-top: 1.5rem;
margin-bottom: 3rem;
}
.ek-links .link-row {
display: flex;
}
.ek-links .link-row .ek-link {
flex: 0 0 50%;
width: 50%;
}
.ek-links .ek-link {
padding: 0.2rem 1.5rem;
display: flex;
justify-content: center;
}
.ek-links .ek-link img {
max-height: 50px;
}
.form {
background-color: #fff;
display: flex;
justify-content: center;
padding: 1.5rem;
max-height: 100vh;
overflow-y: auto;
}
.form::-webkit-scrollbar {
width: 20px;
}
.form::-webkit-scrollbar-track {
background-color: transparent;
}
.form::-webkit-scrollbar-thumb {
background-color: #eee;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
}
.form::-webkit-scrollbar-thumb:hover {
background-color: #ccc;
}
@media (min-width: 1020px) {
}
@media (max-width: 1019.98px) {
.container {
max-width: 612px;
}
.main .main-col-l {
flex: 0 0 100%;
width: 100%;
}
.main .main-col-r {
flex: 0 0 100%;
width: 100%;
}
.main .main-col-l .form {
display: flex;
}
.main .main-col-r .form {
display: none;
}
}
@media (max-width: 575.98px) {
.enquiry a.btn-enquiry {
max-width: 300px;
}
}