@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');* {padding: 0;margin: 0;text-decoration: none;font-family: Arial;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}body {height: 100vh;}button {border: 0;}input[type="text"]:focus {outline: none;}input[type="text"]:focus:hover {outline: none;}.row {display: flex;}ol,li,ul {list-style: none;}a {text-decoration: none;color: inherit;cursor: pointer;}a:visited {color: inherit;}-webkit-scrollbar {width: 0;}::-webkit-scrollbar-horizontal {height: 0;}::-webkit-scrollbar-track {background-color: transparent;}::-webkit-scrollbar-thumb {background-color: transparent;}::-webkit-scrollbar {width: 8px;height: 8px;}::-webkit-scrollbar-thumb {border-radius: 10px;border: 1px solid #888;}.page {box-sizing: border-box;max-width: 1024px;width: 100%;margin: auto;position: relative;min-height: 777px;}.portal-top-bar {position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);max-width: 1024px;width: 100%;display: none;}.top-bar {position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);max-width: 500px;width: 100%;}.searchBar {display: flex;padding: 26px 20px 15px;align-items: center;background: white;}.searchBar .logo {display: flex;margin-right: 15px;}.searchBar .left_arrow {margin-right: 15px;}.searchBar .searchInput {flex-grow: 1;display: flex;align-items: center;justify-content: flex-start;border-radius: 20px;background: #EFEFEF;height: 45px;width: 100%;}.searchBar .searchInput img {padding-right: 5px;padding-top: 2px;}.searchBar .searchInput .main-input {flex-grow: 1;padding: 6px 20px 0 30px;background: #EFEFEF;color: #000000;border: 0px solid #cccccc;margin-bottom: 0px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;background: #EFEFEF url(svg/search_icon-0466d0edb77320cdbd9290f1ac775198.svg) 10px 4px no-repeat;background-size: 18px 18px;}.searchBar .cancel {margin-left: 15px;}.totalNum {color:gray;margin-left: 15px; margin-right: auto}.heading1 {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 18px;font-weight: 600;}.heading2 {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 16px;font-weight: 600;}.name {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 600;}.popup-heading {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 24px;font-weight: 600;}.popup-text {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 18px;font-weight: 400;}.text-black {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 400;line-height: 200%;}.text-gray {color: #5A5A5A;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 400;line-height: 200%;}.text-red {color: #EC2E2E;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 400;line-height: 200%;}.note {color: #5A5A5A;font-family: 'Noto Sans TC', sans-serif;font-size: 11px;font-weight: 400;}.nowrap {white-space: nowrap;}.timenote {color: #5A5A5A;font-family: 'Noto Sans TC', sans-serif;font-size: 11px;font-weight: 400;float: right;}.listCounter {color: #56A54B;font-family: 'Noto Sans TC', sans-serif;font-size: 11px;font-weight: 400;text-align: right;position: relative;float: right;}.note-red {color: #EC2E2E;font-family: 'Noto Sans TC', sans-serif;font-size: 11px;font-weight: 400;}.note-green {color: #129417;font-family: 'Noto Sans TC', sans-serif;font-size: 11px;font-weight: 400;}.span-bg-gray {padding: 8px;border-radius: 4px;background: #F6F6F6;color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 400;}.span-bg-green {padding: 8px;border-radius: 4px;background: #A5DCA8;color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 13px;font-weight: 400;}.button-green {display: flex;padding: 12px 10px;justify-content: center;align-items: center;border-radius: 12px;background: #56A54B;color: white;}.button-gray {display: flex;padding: 12px 10px;justify-content: center;align-items: center;border-radius: 12px;background: #E7E7E7;color: black;}.button-line {display: block;padding: 10px;justify-content: center;align-items: center;border-radius: 8px;background: #06C755;color: white !important;display: flex;width: 320px;margin: 10px auto;}.button-yellow {display: flex;padding: 10px 12px;justify-content: center;align-items: center;border-radius: 4px;background: #FFE600;font-weight: 600;}.button-disable {background: #D0D0D0 !important;color: #fff !important;}.multiline-ellipsis {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}.single-ellipsis {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}.filter-list {display: flex;gap: 25px;background: white;}.custom-select {position: relative;overflow: hidden;max-height: 0;width: 100%;background: white;transition: max-height 0.15s ease-out;}.selected-option {display: block;padding: 10px;padding-right: 20px;border: 0px;cursor: pointer;}.resetBtn{display: block;padding: 10px;padding-right: 20px;border: 0px;cursor: pointer;float: right;color: gray;background-color: white;}.selected-option::after {content: "▼";color: #000;}.options-list {display: block;list-style: none;width: 100%;padding: 0;margin: 0;border-top: 6px solid #F6F6F6;padding: 20px;box-sizing: border-box;}.filter-background {}.option-list-name {color: #000;font-family: 'Noto Sans TC', sans-serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;}.animal-option {margin: 5px 0 20px;}.animal-option li {display: inline-flex;padding: 8px;justify-content: center;align-items: center;border-radius: 4px;margin-right: 10px;background: #F6F6F6;}.options-list li {cursor: pointer;}.option li {padding: 10px;text-align: center;}.options-list li:hover {background: #f0f0f0;}.options-list-selected {color: #129417 !important;}.animal-option .options-list-selected {background: #A5DCA8;color: #000 !important;}.animal-option .options-list-selected:hover {background: #A5DCA8;}.filter-button {border-top: 1px solid #F6F6F6;padding: 10px 20px;gap: 20px;}.filter-button button {flex-grow: 1;}.show {display: block !important;}.show-flex {display: flex !important;}.height-animation {max-height: 1000px;transition: max-height 0.15s ease-out;}.cityAreaList {display: flex;border-top: 6px solid #F6F6F6;}#city-list {flex-grow: 1;background: #F6F6F6;text-align: center;box-sizing: border-box;max-height: 380px;overflow-y: scroll;box-sizing: border-box;}#city-list li {padding: 10px;cursor: pointer;}#area-list {flex-grow: 2;max-height: 380px;overflow-y: scroll;box-sizing: border-box;}.area-list-div {display: none;text-align: center;}.area-list-div label {display: flex;padding: 10px;}.area-list-div label span {margin-right: 10px;flex-grow: 1;}input[type="checkbox"] {display: none;flex-grow: 1;}input[type="checkbox"]+span {position: relative;padding-left: 30px;cursor: pointer;display: inline-block;}input[type="checkbox"]+span:before {content: '';position: absolute;right: 10px;top: 0;width: 14px;height: 14px;padding: 1px;border: 2px solid #D9D9D9;border-radius: 4px;background-color: #fff;}input[type="checkbox"]:checked+span:before {content: "";display: inline-block;width: 17px;height: 17px;background-image: url('svg/input-checkBox-77c76a51a318612c67d6e5a279eb64ef.svg');background-size: cover;border: 0px solid #129417;border-radius: 4px;}#popup {display: none;position: fixed;z-index: 1000;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #ffffff;border-radius: 12px;background: #FFF;width: 280px;padding: 20px;text-align: center;}.ppopup-buttons {display: flex;justify-content: center;gap: 5px;margin-top: 20px;cursor: pointer;}.ppopup-buttons span {flex-grow: 1;}.nav-bar {background-color: #ffffff;color: white;padding: 10px;border-top: 1px solid #D9D9D9;z-index: 800;display: flex;flex-direction: row;justify-content: space-around;box-sizing: border-box;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 500px;}.nav-icon {display: flex;flex-direction: column;align-items: center;}.nav-icon img {width: 24px;height: 24px;}.nav-selected {color: #56A54B;}.popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1200;max-width: 344px;width: 80%;padding: 25px;background: #FFF;display: flex;flex-direction: column;align-items: center;gap: 15px;border-radius: 12px;}.popup-background {position: fixed;z-index: 1100;width: 100%;max-width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);height: 100% !important;opacity: 0.5;background: #000;}.popup .button-gray,.popup .button-green {width: 100px;}.hidden{display: none;}.sun-editor{overflow: hidden;}#post-add {position: fixed;bottom: 87px;right: 15px;z-index: 600;}.login-input, .login-input:focus {box-sizing: border-box;width: 296px;height: 48px;opacity: 0.96;border: 1px solid #D9D9D9;border-radius: 12px;padding: 6px 8px;}.navButtons{display: none;}.btn {display: inline-block;padding: 6px 12px;font-size: 14px;border-radius: 4px;border: none;cursor: pointer;text-align: center;line-height: 1.5;margin-left: 20px;}.btn-green {background-color: #0d5831;color: #fff;}.btn-green:hover {background-color: #2A6023;}.btn-gray {background-color: #ccc;color: #333;}.btn-gray:hover {background-color: #bbb;}.menuBar{display: none;}.video-js.vjs-default-skin {border-radius: 10px;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.vjs-big-play-button .vjs-icon-placeholder{font-size: xxx-large;}#detailContent .detailImage{border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);padding: 10px;}@media (min-width: 768px) {.top-bar{width: 100%;max-width: 1024px;}.searchBar {text-align: left;}.searchInput{max-width: 600px;}.navButtons{display: block;float: right;text-align: right;width: 100%;}.menuBar{position: relative;display: block;width: 100vw;left: 50%;margin-left: -50vw;box-sizing: border-box;background: #0d5831;color: white;text-align: center;height: 38px;display: flex;align-items: center;justify-content: center;}.menuBarContainer{width: 100%;max-width: 1024px;font-size: large;margin: 0 auto;display: flex;align-items: center;justify-content: center;}.menuBarContainer .pcMenuLink {flex: 1;text-align: center;color:white;font-weight: 600;}.nav-bar {display: none;}.portal-top-bar {display: block;}.swiperDiv{display: none;}#detailContent .detailImage{max-height:680px;display: block; margin: 0 auto;display: block;margin: 10 auto;max-width: 100%;height: auto;}.video-js.vjs-fluid {max-height: 300px !important;position: relative;height: 0 !important;padding-top: 56.25% !important;}.video-js .vjs-tech {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}}.back-to-top {position: fixed;bottom: 188px;right: 20px;z-index: 9999;cursor: pointer;opacity: 0.8;transition: all 0.3s ease;width: 50px;height: 50px;display: none;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);border: none;outline: none;}.back-to-top:hover {opacity: 1;transform: scale(1.1);background-color: rgba(255, 255, 255, 0.9);}.back-to-top:active {transform: scale(0.95);}.back-to-top img {width: 30px;height: 30px;object-fit: contain;pointer-events: none;}@media screen and (max-width: 768px) {.back-to-top {right: 15px;width: 45px;height: 45px;}.back-to-top img {width: 25px;height: 25px;}}