��/* QhW� */ body { font-family: "Noto Sans TC", "Roboto", sans-serif; } .bg-hexE1E8F0 { background-color: #E1E8F0 !important; } .bg-hex568EC7 { background-color: #568EC7 !important; } .bg-hex568EC { background-color: #568EC7 !important; } .bg-hex7BA2BF { background-color: #7BA2BF !important; } .bg-hex87A7C0 { background-color: #87A7C0 !important; } .bg-hexD8E2EB { background-color: #D8E2EB !important; } .bg-hexD9BD8E { background-color: #D9BD8E !important; } .text-hex163049 { color: #163049 !important; } .text-hex9CBBD0 { color: #9CBBD0 !important; } .text-hex204C73 { color: #204C73 !important; } .text-hex568EC7 { color: #568EC7 !important; } .border-hex568EC7 { border: solid 1px #568EC7 !important; } .border-hex7BA4C0 { border: solid 1px #7BA4C0 !important; } .border-start-hex163049 { position: relative; } .border-start-hex163049:before { content: "|"; position: absolute; left: -0.5rem; top: 50%; transform: translateY(-50%); color: #163049; } .border-end-hex163049 { position: relative; } .border-end-hex163049::after { content: "|"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #163049; } .fs-0dot9rem { font-size: 0.9rem !important; } .fs-7 { font-size: 0.75rem !important; } .fs-7rem { font-size: 0.7rem !important; } #showApplyList { position: fixed; bottom: 3%; right: 3%; z-index: 10; } /*FA100*/ .bg-hexD4BDAC { background-color: #D4BDAC; } .bg-hexD4BDAC:hover { background-color: #D4BDAC; } .bg-hexFFF1DB { background-color: #FFF1DB; } .text-hexD4BDAC { color: #D4BDAC; } .border-hexD4BDAC { border: 2px solid #D4BDAC !important; } .text-lightgray { color: lightgray; } input[placeholder]::placeholder { color: lightgray; } .border-left-hexD4BDAC { position: relative; } .border-left-hexD4BDAC::before { content: ""; position: absolute; right: 0; top: 13px; height: 20px; width: 3px; background-color: #D4BDAC; } .location_btn { height: 200px; border: 2px solid #D4BDAC; } .location_left { width: 50%; height: 100%; background: #FFF1DB; } .location_right1 { width: 50%; height: 100%; background: url(/img/O[QI\qc�hH-j�hHnQe�IYhF-01.jpg); background-size: cover; background-position: center; } .location_right2 { width: 50%; height: 100%; background: url(/img/0520_180260.jpg); background-size: cover; background-position: center; } .bg-hexEFEFEF { background-color: #efefef; } #map { width: 100%; height: 600px; bottom: 0; } #timeline { border: 1px solid #c0c0c0; padding-bottom: 30px; } #timeline_in { width: 100%; height: 400px; } .g-label { font-size: 0.9rem; margin-right: 0.5rem; display: inline-block; padding: 4px 10px; color: #fff; border-radius: 5px; } .card-style { border: none; transition: transform 0.2s ease-in-out, box-shadow 0.2s; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 15px; overflow: hidden; } .card-style:hover { transform: scale(1.05); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } .card-style2 { border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 15px; overflow: hidden; } .card-img-height { height: 250px; } #timeline-list li { transition: background-color 0.1s ease, border-color 0.1s ease; cursor: pointer; } #timeline-list li:hover { background-color: #e0e0e0; } #timeline-list li.active { background-color: #d3d4d5; } .bg-hexA78D7B { background-color: #A78D7B; } /*c � N;�r�D4BDAC*/ .btn-hexD4BDAC { background-color: #D4BDAC; /* N;�r */ border-radius: 5px; /* W�� */ cursor: pointer; /* � jj#_ */ transition: all 0.3s ease; /* �Nn!eHg� */ } .btn-hexD4BDAC:hover { background-color: #b89c8d; /* m�ra�P\eHg� */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* m�R��p_q */ } .btn-hexD4BDAC:active { background-color: #a88676; /* f�m�r��d�eHg� */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* �p_q��\ */ transform: scale(0.98); /* c N fBz _�~.\ */ } .btn-hexD4BDAC:disabled { background-color: #e8ddd4; /* f�m�v�N;�r */ cursor: not-allowed; /* y�u(� jj#_ */ border: 1px solid #d4c4ba; /* m���hF */ box-shadow: none; /* q!�p_q */ } button.bg-hexD4BDAC:hover { background-color: #b89c8d; /* m�ra�P\eHg� */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* m�R��p_q */ } #eventContent { top: 0; bottom: 0; right: 0; overflow-y: scroll; } #quick_search { top: 0; bottom: 0; right: 0; } #btn-container { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: end; gap: 10px; } #btn-container [role="button"] { width: 50px; height: 50px; } .triggerArea { position: absolute; top: 0; width: 30%; height: 80vh; } #timeLineContent { position: absolute; left: -500px; width: 500px; display: flex; height: 90vh; transition-property: left; transition-duration: 1s; transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 1.25); z-index: 999; } #timeLineContent.is-visible { left: 0; } .mapboxgl-popup { max-width: 500px; font: 12px/20px "Noto Sans TC", "Roboto", sans-serif; } .mapboxgl-map { font-family: "Noto Sans TC", "Roboto", sans-serif; } main { background-repeat: no-repeat; background-position: center; background-size: cover; } .bg-hex6a3904 { background-color: #6a3904 !important; } #map .timeline { position: relative; margin: 50px 0; padding: 20px 0; width: 100%; margin: auto; } #map .timeline-container { position: relative; } #map .timeline-item { position: relative; margin-bottom: 30px; } #map .timeline-dot { position: absolute; left: -10px; top: 0; width: 25px; height: 25px; background-color: white; border: 4px solid #ff9f55; border-radius: 50%; z-index: 2; } #map .timeline-content { padding: 10px 20px; border-radius: 5px; margin-left: 30px; overflow: hidden; /* x�O�Qg[�nfp�oy: */ transition: transform 0.3s, box-shadow 0.3s; } #map .timeline-content h2 { margin: 0; font-size: 1.5rem; } #map .timeline-content p { margin: 5px 0 0; } #map .timeline-container:before { content: ''; position: absolute; left: 1px; top: 0; bottom: 0; width: 4px; background-color: #3498db; /* v�}�v��O�r */ z-index: 1; } #map .detail-image { display: block; margin-top: 10px; max-width: 100%; height: auto; } #map .detail-image { float: left; /* ��WrGmnR�R0]搊 */ margin-right: 20px; /* ��etWrG�e�[Wv����� */ width: 100px; height: 100px; } #map .text-content { overflow: hidden; /* �2kbe�[Wt�~^WrG */ } #map #modal-content img { max-width: 50%; height: auto; } .mt-6 { margin-top: 4rem; } .mt-7 { margin-top: -3rem; } .mt-8 { margin-top: 4.5rem; } .map-box { height: 140px; transition: background-color 0.3s ease; } .map-box:hover { background-color: #bda593; } .text-hexA78D7B { color: #A78D7B !important; } .img-size { width: 100px; object-fit: cover; } .max-height { height: 300px; } .card-img-wrapper { position: relative; } .hover-title { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } a:hover .hover-title { display: block; opacity: 1; } .card-img-wrapper { position: relative; overflow: hidden; } .hover-darken { transition: filter 0.3s ease-in-out; } .card-img-wrapper:hover .hover-darken { filter: brightness(50%); } /* O�e9WrGS�ppeHg�� \Qva�u(R0etP [�Vh */ .carousel-item-wrapper { position: relative; display: inline-block; width: 100%; } .carousel-item-wrapper:hover img { opacity: 0.6; /* S�ppeHg� */ } .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: black; font-size: 20px; font-weight: bold; display: none; text-align: center; } .carousel-item-wrapper:hover .overlay-text { display: block; } .bg-hexA78D7B { background-color: #A78D7B; } .text-hexEF7927 { color: #EF7927 !important; } .text-hexA0512A { color: #A0512A; } .left_line { position: absolute; width: 3px; height: 100%; background: #897b6f; left: 60px; } .dot { position: absolute; width: 18px; height: 18px; border-radius: 50%; background: #897b6f; left: 52px; top: 35px; } .year { position: absolute; left: 10px; top: 32px; font-size: 15px; color: #897b6f; text-align: center; display: flex; justify-content: center; align-items: flex-start; } .time-img-size { width: 130px; height: 90px; } .title-container { text-align: center; } .title-line { position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 20px; } .title-line::after { content: ""; display: block; width: 140%; height: 4px; background-color: #A5161C; position: absolute; bottom: 0; left: -20%; } .message { max-width: 70%; /* � `ohFgY'[�^� */ padding: 10px 20px; margin: 10px 0; /* N N ���� */ border-radius: 20px; word-wrap: break-word; /* �wU�[WcۈL */ display: inline-block; position: relative; } .message.left { background-color: #ffffff; /* v}�r��fo */ color: #6c757d; /* pp�re�[W */ border: 1px solid #ced4da; /* pp�r��hF */ text-align: left; float: left; clear: both; /* x�O�e��L��Y� */ } .message.right { background-color: #d4edda; /* m�}���fo */ color: #155724; /* m�}�e�[W */ text-align: right; float: right; clear: both; /* x�O�e��L��Y� */ } .think-gif { max-width: 50px; } .img-avatar { top: -2px; left: -60px; } .bg-img { background-image: url('/img/1737337692003.jpg'); /* Path to your image */ background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 100vh; } .z-1200 { z-index: 1200; } .swiper { width: 90%; } .carousel { border-radius: 20px; overflow: hidden; } /** * bootstrap5 accordion-button c �j#_O�e9 */ .accordion-custom-effects .accordion-button::after { display: none; } .accordion-custom-effects .accordion-button .toggle-icon { position: relative; width: 16px; height: 16px; } .accordion-custom-effects .accordion-button .toggle-icon::before, .accordion-custom-effects .accordion-button .toggle-icon::after { content: ''; position: absolute; background-color: #666; transition: transform 0.2s ease; } .accordion-custom-effects .accordion-button .toggle-icon::before { width: 16px; height: 2px; top: 7px; left: 0; } .accordion-custom-effects .accordion-button .toggle-icon::after { width: 2px; height: 16px; top: 0; left: 7px; } .accordion-custom-effects .accordion-button:not(.collapsed) .toggle-icon::after { transform: rotate(90deg); } .right-2 { right: 0.5rem; } .left-2 { left: 0.5rem; } /* FE100 Loading R�uk - Qh\@j#_�O� JS R�aKQC} Ou(� */ @keyframes loading-bounce { 0%, 80%, 100% { transform: translateY(0); opacity: 0.3; } 40% { transform: translateY(-8px); opacity: 1; } } .loading-dot { display: inline-block; animation: loading-bounce 1.4s infinite; font-size: 1.2em; line-height: 1; } .loading-dots { display: inline-flex; gap: 2px; } .mySwiper-thumbs-popup .swiper-slide { width: 80px !important; height: 80px !important; flex-shrink: 0 !important; } .tabs-fixed { position: fixed; top: 0; z-index: 50; width: 100%; } .recommended-card-popup, #apply-popup-digital, .collection-popup, .modal { position: fixed; z-index: 2000; /* ��e� nav (1000) */ left: 0; top: 0; right: 0; bottom: 0; } .w-50 { width :50px; } .w-130 { width:130px; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #dt { width: 100%; table-layout: fixed; } #dt tbody tr td { vertical-align: middle; } .no-last-border tbody tr:last-child td { border-bottom: none !important; } .map-image-wrapper { height: 260px; max-height: 30vh; overflow: hidden; background-color: #f3f4f6; } .map-popup-image { max-width: 100%; max-height: 20vh; width: auto; height: auto; object-fit: contain; } .map-pop-up-container { max-height: 90vh; } .pe-6{ padding-right:2rem; } body.lang-en .brand-title { font-size: 1em !important; line-height: 1.2 !important; Font-weight: 400; } body.lang-en .header-nav-link { Font-size: 1.125em ; Font-weight: 700; white-space: nowrap; } body.lang-en .header-nav-link-nobold { Font-size: 1em; Font-weight: 400; } body.lang-en .lang-switcher a { Font-size: 1em; Font-weight: 400; } body.lang-en .title { Font-size: 2.5em; Font-weight: 800; } body.lang-en .FA-main-title { Font-size: 1.75em; Font-weight: 700; } body.lang-en .main-title { Font-size: 2.25em; Font-weight: 800; Letter-spacing: 0.125em; } body.lang-en .news-event { Font-size: 1em; Font-weight: 500; } body.lang-en .more-news { Font-size: 1em; Font-weight: 700; } body.lang-en .tab-text { Font-size: 1em; Font-weight: 700; } .bg-light { background-color: #f8f9fa; } .guide-lang { display: none; } .brand-logo-main { cursor: pointer; }