|
|
@@ -4267,100 +4267,142 @@
|
|
|
|
|
|
/* 共用 className End */
|
|
|
/* ai-presenter Start */
|
|
|
-.ai-presenter {
|
|
|
+.ai-presenter,
|
|
|
+.ai-virtual {
|
|
|
margin-top: 120px;
|
|
|
/* 舊版 */
|
|
|
}
|
|
|
-.ai-presenter .main-content {
|
|
|
- width: 95%;
|
|
|
+.ai-presenter .main-content,
|
|
|
+.ai-virtual .main-content {
|
|
|
+ width: 90%;
|
|
|
margin: auto;
|
|
|
}
|
|
|
-.ai-presenter .main-content a {
|
|
|
+.ai-presenter .main-content a,
|
|
|
+.ai-virtual .main-content a {
|
|
|
display: inline-block;
|
|
|
color: #ea5413;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
-.ai-presenter .main-content img {
|
|
|
+.ai-presenter .main-content img,
|
|
|
+.ai-virtual .main-content img {
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
.ai-presenter .main-content p,
|
|
|
.ai-presenter .main-content li,
|
|
|
-.ai-presenter .main-content th {
|
|
|
+.ai-presenter .main-content th,
|
|
|
+.ai-virtual .main-content p,
|
|
|
+.ai-virtual .main-content li,
|
|
|
+.ai-virtual .main-content th {
|
|
|
font-size: 1.125rem;
|
|
|
line-height: 2;
|
|
|
}
|
|
|
+.ai-presenter .main-content .video-content,
|
|
|
+.ai-virtual .main-content .video-content {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.ai-presenter .main-content .video-content video,
|
|
|
+.ai-virtual .main-content .video-content video {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ -o-object-fit: cover;
|
|
|
+ object-fit: cover; /* 讓影片填滿並裁切 */
|
|
|
+}
|
|
|
.ai-presenter .main-content .title,
|
|
|
-.ai-presenter .main-content .accordion-header h4 {
|
|
|
+.ai-presenter .main-content .accordion-header h4,
|
|
|
+.ai-virtual .main-content .title,
|
|
|
+.ai-virtual .main-content .accordion-header h4 {
|
|
|
color: #ea5413;
|
|
|
font-weight: bold;
|
|
|
text-align: center;
|
|
|
line-height: 1.5;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item {
|
|
|
+.ai-presenter .main-content .accordion-item,
|
|
|
+.ai-virtual .main-content .accordion-item {
|
|
|
border: none;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-body {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-body,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-body {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header button p {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header button p,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header button p {
|
|
|
color: #000;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header .accordion-button:focus {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header .accordion-button:focus,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header .accordion-button:focus {
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header .accordion-button:not(.collapsed) {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header .accordion-button:not(.collapsed),
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header .accordion-button:not(.collapsed) {
|
|
|
color: #ea5413;
|
|
|
background-color: #fff;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header .accordion-button::after {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header .accordion-button::after,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header .accordion-button::after {
|
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
|
|
|
}
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header button {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header button,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header button {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
width: auto;
|
|
|
}
|
|
|
.ai-presenter .main-content .accordion-item .accordion-header button h4,
|
|
|
-.ai-presenter .main-content .accordion-item .accordion-header button p {
|
|
|
+.ai-presenter .main-content .accordion-item .accordion-header button p,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header button h4,
|
|
|
+.ai-virtual .main-content .accordion-item .accordion-header button p {
|
|
|
margin-bottom: 0;
|
|
|
margin-right: 1rem;
|
|
|
font-size: 24px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion {
|
|
|
+.ai-presenter .main-content #faq_accordion,
|
|
|
+.ai-virtual .main-content #faq_accordion {
|
|
|
width: 100%;
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion .accordion-header {
|
|
|
+.ai-presenter .main-content #faq_accordion .accordion-header,
|
|
|
+.ai-virtual .main-content #faq_accordion .accordion-header {
|
|
|
display: block;
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion .accordion-header button {
|
|
|
+.ai-presenter .main-content #faq_accordion .accordion-header button,
|
|
|
+.ai-virtual .main-content #faq_accordion .accordion-header button {
|
|
|
width: 100%;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion .accordion-item {
|
|
|
+.ai-presenter .main-content #faq_accordion .accordion-item,
|
|
|
+.ai-virtual .main-content #faq_accordion .accordion-item {
|
|
|
margin-bottom: 20px;
|
|
|
border: 1px solid rgba(0, 0, 0, 0.125);
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion .accordion-item .accordion-body {
|
|
|
+.ai-presenter .main-content #faq_accordion .accordion-item .accordion-body,
|
|
|
+.ai-virtual .main-content #faq_accordion .accordion-item .accordion-body {
|
|
|
display: block;
|
|
|
}
|
|
|
-.ai-presenter .main-content #faq_accordion .accordion-button:not(.collapsed) {
|
|
|
+.ai-presenter .main-content #faq_accordion .accordion-button:not(.collapsed),
|
|
|
+.ai-virtual .main-content #faq_accordion .accordion-button:not(.collapsed) {
|
|
|
color: #000;
|
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
|
|
|
}
|
|
|
-.ai-presenter .main-content .link-btn {
|
|
|
+.ai-presenter .main-content .link-btn,
|
|
|
+.ai-virtual .main-content .link-btn {
|
|
|
display: inline-block;
|
|
|
- padding: 16px 60px;
|
|
|
+ padding: 12px 50px;
|
|
|
margin: 2rem auto 3rem;
|
|
|
- font-size: 26px;
|
|
|
+ font-size: 24px;
|
|
|
font-weight: bold;
|
|
|
border-radius: 100px;
|
|
|
text-decoration: none;
|
|
|
@@ -4368,72 +4410,91 @@
|
|
|
background: #ea5413;
|
|
|
transition: all 0.3s;
|
|
|
}
|
|
|
-.ai-presenter .main-content .link-btn:hover {
|
|
|
+.ai-presenter .main-content .link-btn:hover,
|
|
|
+.ai-virtual .main-content .link-btn:hover {
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
-.ai-presenter .main-content .demo-img img {
|
|
|
+.ai-presenter .main-content .demo-img img,
|
|
|
+.ai-virtual .main-content .demo-img img {
|
|
|
max-width: 30vw;
|
|
|
}
|
|
|
@media (max-width: 991px) {
|
|
|
- .ai-presenter .main-content .demo-img img {
|
|
|
+ .ai-presenter .main-content .demo-img img,
|
|
|
+ .ai-virtual .main-content .demo-img img {
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
}
|
|
|
-.ai-presenter .main-content .demo-img p {
|
|
|
+.ai-presenter .main-content .demo-img p,
|
|
|
+.ai-virtual .main-content .demo-img p {
|
|
|
margin: 0 1rem;
|
|
|
font-size: 2rem;
|
|
|
}
|
|
|
@media (max-width: 991px) {
|
|
|
- .ai-presenter .main-content .demo-img p {
|
|
|
+ .ai-presenter .main-content .demo-img p,
|
|
|
+ .ai-virtual .main-content .demo-img p {
|
|
|
transform: rotate(90deg);
|
|
|
}
|
|
|
}
|
|
|
-.ai-presenter .main-content table {
|
|
|
+.ai-presenter .main-content table,
|
|
|
+.ai-virtual .main-content table {
|
|
|
width: 100%;
|
|
|
border-collapse: collapse;
|
|
|
border: 1px solid #ccc;
|
|
|
font-size: 1rem;
|
|
|
letter-spacing: 1px;
|
|
|
}
|
|
|
-.ai-presenter .main-content table tbody {
|
|
|
+.ai-presenter .main-content table tbody,
|
|
|
+.ai-virtual .main-content table tbody {
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
-.ai-presenter .main-content table th {
|
|
|
+.ai-presenter .main-content table th,
|
|
|
+.ai-virtual .main-content table th {
|
|
|
text-align: center;
|
|
|
}
|
|
|
.ai-presenter .main-content table th,
|
|
|
-.ai-presenter .main-content table td {
|
|
|
+.ai-presenter .main-content table td,
|
|
|
+.ai-virtual .main-content table th,
|
|
|
+.ai-virtual .main-content table td {
|
|
|
border: 1px solid #ccc;
|
|
|
padding: 20px;
|
|
|
}
|
|
|
.ai-presenter .main-content table th p,
|
|
|
.ai-presenter .main-content table th ul,
|
|
|
.ai-presenter .main-content table td p,
|
|
|
-.ai-presenter .main-content table td ul {
|
|
|
+.ai-presenter .main-content table td ul,
|
|
|
+.ai-virtual .main-content table th p,
|
|
|
+.ai-virtual .main-content table th ul,
|
|
|
+.ai-virtual .main-content table td p,
|
|
|
+.ai-virtual .main-content table td ul {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
-.ai-presenter .main-content .iframe-box {
|
|
|
+.ai-presenter .main-content .iframe-box,
|
|
|
+.ai-virtual .main-content .iframe-box {
|
|
|
width: 100%;
|
|
|
margin-bottom: 15px;
|
|
|
padding-top: 5px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-.ai-presenter .main-content .iframe-box iframe {
|
|
|
+.ai-presenter .main-content .iframe-box iframe,
|
|
|
+.ai-virtual .main-content .iframe-box iframe {
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
aspect-ratio: 16/9;
|
|
|
}
|
|
|
-.ai-presenter .main-content .terms-content {
|
|
|
+.ai-presenter .main-content .terms-content,
|
|
|
+.ai-virtual .main-content .terms-content {
|
|
|
font-weight: bold;
|
|
|
line-height: 32px;
|
|
|
color: #6c6d70;
|
|
|
text-align: justify;
|
|
|
}
|
|
|
-.ai-presenter .main-content .terms-content ul {
|
|
|
+.ai-presenter .main-content .terms-content ul,
|
|
|
+.ai-virtual .main-content .terms-content ul {
|
|
|
padding: 0;
|
|
|
list-style: none;
|
|
|
}
|
|
|
-.ai-presenter .main-content .terms-content ul li::before {
|
|
|
+.ai-presenter .main-content .terms-content ul li::before,
|
|
|
+.ai-virtual .main-content .terms-content ul li::before {
|
|
|
content: "";
|
|
|
font-weight: bold;
|
|
|
display: inline-block;
|
