@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap";@font-face{font-family:"D-DIN Exp";font-weight:normal;font-style:normal;src:url("../webfonts/D-DINExp.woff") format("woff"),url("../webfonts/D-DINExp.ttf") format("truetype"),url("../webfonts/D-DINExp.eot") format("embedded-opentype")}@font-face{font-family:"D-DIN Exp";font-weight:700;font-style:normal;src:url("../webfonts/D-DINExp-Bold.woff") format("woff"),url("../webfonts/D-DINExp-Bold.ttf") format("truetype"),url("../webfonts/D-DINExp-Bold.eot") format("embedded-opentype")}@font-face{font-family:"D-DIN Exp";font-weight:normal;font-style:italic;src:url("../webfonts/D-DINExp-Italic.woff") format("woff"),url("../webfonts/D-DINExp-Italic.ttf") format("truetype"),url("../webfonts/D-DINExp-Italic.eot") format("embedded-opentype")}:root{--color-mode: "light";--color-brand-1: #1d1d1d;--color-brand-2: #fce2ce;--color-brand-3: #ffede5;--color-brand-4: #090909;--color-primary: #87c6e3;--color-secondary: #c5c5c5;--color-success: #76e1c6;--color-danger: #f0a9a9;--color-warning: #e6bf7e;--color-info: #58c1c8;--color-grey-900: #101010;--color-grey-700: #484848;--color-grey-400: #999999;--color-grey-100: #9c9c9c;--color-light: #f3f3f3;--color-dark: #111111;--color-link: #fff;--color-muted: #9b9b9b;--color-white: #ffffff;--primary-border-color: #9b9b9b;--secondary-border-color: #f0f8ff;--mutted-border-color: #eaecee;--box-shadow-normal: 30px 30px 64px rgba(0, 0, 0, 0.03);--box-shadow-hover: 30px 30px 64px rgba(0, 0, 0, 0.05);--button-shadow-color-normal: 14px 14px 36px rgba(85, 85, 85, 0.1);--button-shadow-color-hover: 14px 14px 36px rgba(85, 85, 85, 0.3);--font-body: "Source Sans Pro", "Noto Sans TC", sans-serif;--b-desc: #646464;--b-title: #1d1d1d;--w-desc: #a9a9a9;--w-title: #e9e9e9;--line-b: #000000;--line-w: #c5c5c5;--line-w2: #656565}.box-img{background-size:contain;background-position:center;background-repeat:no-repeat;position:relative}.box-img:before{content:"";display:block;width:100%;padding-bottom:100%}.box-img.r-4-3:before{padding-bottom:75%}.box-img.r-16-9:before{padding-bottom:56.25%}.box-img.img-fit-text:before{padding-bottom:50%}.box-img.img-cover{background-size:cover}.text-dark{color:var(--font-body)}body{font-family:var(--font-body);font-weight:normal;font-style:normal;font-size:18px;position:relative;color:#e9e9e9;background-color:#161616}.txt-l1{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.txt-l2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.txt-l3{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.txt-l4{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.txt-l5{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.sticky-bar.slide-down{background:#161616 !important}.logo{width:211px;margin:0 55px 0 0}@media all and (max-width: 575px){.logo{margin:0 55px 30px 0}}.header-style-1{align-items:end;padding:32px 0 22px 0}.main-header{border-bottom:1px solid #343434}.main-header.header-sticky.bg-brand-4 .logo,.sticky-bar.slide-down .header-style-1 .logo{max-width:88px;margin:0 179px 0 0}@media all and (max-width: 1399px){.main-header.header-sticky.bg-brand-4 .logo,.sticky-bar.slide-down .header-style-1 .logo{margin:0 30px 0 0}}@media all and (max-width: 1199px){.main-menu>li{padding:0 10px}}.slicknav_btn{background:var(--b-desc)}.slicknav_nav a{color:var(--b-title)}.sticky-bar.slide-down .header-style-1 .main-nav ul li a,.nav-topbar li a{padding-top:0}.main-header .main-nav ul li a,.nav-topbar li a{font-family:"Noto Sans TC";font-weight:500;font-size:15px;line-height:22px;text-align:center;letter-spacing:.15em;color:#e9e9e9;padding-top:0;padding-bottom:0}.main-header .main-nav ul li a:hover,.nav-topbar li a:hover{color:#fff}.main-header.header-sticky.bg-brand-4 .main-nav ul li a,.main-header.header-sticky.bg-brand-4 .nav-topbar li a{padding-top:0}.banner{border-radius:10px;border:4px solid var(--line-w)}.trending{padding:65px 0}@media all and (max-width: 991px){.trending{padding:20px 0 65px}}.trending .block-title{margin-bottom:65px}@media all and (max-width: 991px){.trending .block-title{margin-bottom:30px}}.bg-square-2{border-radius:0px 10px 10px 0px}@media all and (max-width: 991px){.bg-square-2{display:none}}.btn-main,.btn-sm-main{font-family:"Source Sans Pro";padding:18px 20px;width:181px;border:2px solid var(--line-w);border-radius:10px;background-color:transparent;font-weight:600;font-size:16px;line-height:20px;letter-spacing:.15em}.btn-sm-main{width:115px}.font-link{font-family:"Noto Sans TC";font-weight:400;font-size:16px;line-height:26px;letter-spacing:.05em;transition:all .25s cubic-bezier(0.02, 0.01, 0.47, 1)}.font-link a{color:var(--w-desc)}.form-contact .form-group{position:relative}.form-contact .form-group input.form-control,.form-contact .form-group textarea.form-control{color:var(--w-desc);font-family:"Noto Sans TC";font-weight:400;font-size:16px;line-height:22px;letter-spacing:.05em;border:3px solid var(--line-w2);border-radius:5px;background:transparent;padding:20px}.form-contact .form-group input.form-control:hover,.form-contact .form-group textarea.form-control:hover{transform:translateY(0px);transition:0s}.form-contact .form-group input.form-control:valid+.placeholder,.form-contact .form-group textarea.form-control:valid+.placeholder{display:none}.form-contact .form-group:focus-within input.form-control,.form-contact .form-group:focus-within textarea.form-control{border:3px solid var(--line-w)}.form-contact .form-group:focus-within .placeholder{color:transparent}.form-contact .form-group:focus-within .placeholder span{color:transparent}.form-contact .placeholder{position:absolute;pointer-events:none;top:18px;left:26px;margin:auto;color:#ccc}.form-contact .placeholder span{color:red}.block-title{display:flex;align-items:center;flex-wrap:wrap}@media all and (max-width: 575px){.block-title h3{width:100%;margin-bottom:20px !important}}.related-title{font-size:32px;line-height:45px;letter-spacing:.05em;color:var(--w-title)}.title-wrap{width:100%;border-right:2px solid #000;margin-right:26px}.subtitle{text-align:center}.subtitle .font-link a{position:absolute;top:calc(45% / 2);right:110px;box-shadow:none;font-weight:400;font-size:16px;text-align:center;letter-spacing:.05em;text-transform:uppercase;color:var(--w-desc);display:flex;justify-content:center;align-items:center}@media all and (max-width: 575px){.subtitle .font-link a{position:relative;top:0;right:auto;margin-top:20px}}.latest-small-thumb{position:relative;overflow:hidden;border:3px solid var(--line-w);border-radius:10px;background-image:linear-gradient(90deg, #c5c5c5 112px, #161616 0%)}.post-card-1 h5.post-title{color:var(--b-title);font-weight:700;font-size:22px;line-height:32px;letter-spacing:.05em;margin-bottom:0}.slide-fade,.slide-fade-inner .post-thumb{border:3px solid var(--line-w)}.footer-menu li{margin:5px auto}.footer-menu li a{font-family:"Noto Sans TC";font-weight:400;font-size:14px;line-height:20px;letter-spacing:.05em;color:var(--b-title)}.footer-copy-right{border-top:1px solid #e4e4e4}.footer-copy-right p{font-family:"Noto Sans TC";font-weight:400;font-size:12px;line-height:17px;color:var(--b-desc)}#scrollUp{right:26px;bottom:14px;background-color:#161616;border-radius:45px;border:2px solid var(--w-desc);color:var(--w-desc);margin-right:0}@media all and (max-width: 991px){#scrollUp{bottom:53px}}@media all and (max-width: 768px){#scrollUp{bottom:173px}}@media all and (max-width: 575px){#scrollUp{bottom:252px}}.slide-social{padding:0;margin:0;display:block;right:26px;bottom:60px;position:fixed;z-index:99}@media all and (max-width: 991px){.slide-social{bottom:100px}}@media all and (max-width: 768px){.slide-social{bottom:220px}}@media all and (max-width: 575px){.slide-social{bottom:300px}}.link-ig,.link-fb{display:block;font-size:20.5px;outline:0;width:46px;height:46px;text-align:center;line-height:43px;padding:0;box-shadow:0 2px 4px var(--button-shadow-color-normal),0 0 0 transparent;transition:all .25s cubic-bezier(0.02, 0.01, 0.47, 1);margin-bottom:10px;background-color:#161616;border-radius:45px;border:2px solid var(--w-desc);color:var(--w-desc)}.faq .faq-item{transition:all .25s cubic-bezier(0.02, 0.01, 0.47, 1);border-radius:5px;background-color:var(--color-white);margin-bottom:15px;padding:13px 20px}.faq button{position:relative;display:block;text-align:left;width:100%;color:var(--line-b);font-size:1.15rem;font-weight:400;border:none;background:none;outline:none;padding:0}.faq button:hover,.faq button:focus{cursor:pointer;color:var(--line-b)}.faq button:hover::after,.faq button:focus::after{cursor:pointer;color:var(--line-b);border:1px solid var(--line-b)}.faq button .faq-title{font-family:"Noto Sans TC";font-weight:700;font-size:22px;line-height:32px;letter-spacing:.05em;color:var(--b-title)}.faq button .faq-sm-title{font-family:"Noto Sans TC";font-weight:400;font-size:14px;line-height:25px;letter-spacing:.05em;color:var(--b-desc)}.faq button .icon{width:32px;height:32px}.faq button .icon::before{content:"";display:block;background-color:var(--line-b);-webkit-mask-image:url(../img/theme/svg/faq-right.svg);mask-image:url(../img/theme/svg/faq-right.svg);background-size:contain;width:32px;height:32px}@media all and (max-width: 575px){.search-wrap .position-relative{padding:0}}.search-wrap .search .search-notice{padding:27px 0;font-weight:400;font-size:15px;line-height:21px;letter-spacing:.05em;color:var(--w-title)}.search-wrap .search .search-item{border-radius:5px;background-color:var(--color-white);margin-bottom:15px;padding:18px 20px}@media all and (max-width: 575px){.search-wrap .search .search-item{padding:15px}}.search-wrap .search button{position:relative;display:block;text-align:left;width:100%;color:var(--line-b);font-size:1.15rem;font-weight:400;border:none;background:none;outline:none;padding:0}.search-wrap .search button:hover,.search-wrap .search button:focus{cursor:pointer;color:var(--line-b)}.search-wrap .search button:hover::after,.search-wrap .search button:focus::after{cursor:pointer;color:var(--line-b);border:1px solid var(--line-b)}.search-wrap .search button .title-wrap{display:flex;align-items:center;border-right:0}.search-wrap .search button .title-wrap .search-tag{padding:7px 15px;margin-right:12px;display:inline-block;background:var(--color-white);border:2px solid #1d1d1d;border-radius:10px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1em;color:var(--b-title);white-space:nowrap}@media all and (max-width: 575px){.search-wrap .search button .title-wrap .search-tag{padding:7px}}.search-wrap .search button .title-wrap .search-title{font-family:"Noto Sans TC";font-weight:700;font-size:18px;line-height:22px;letter-spacing:.05em;color:#000}@media all and (max-width: 575px){.search-wrap .search button .title-wrap .search-title{font-size:16px}}.notice-wrap .notice{padding:68px 0 40px;font-weight:400;font-size:14px;line-height:25px;letter-spacing:.05em;color:var(--w-desc)}.social-wrap{padding:0 30px;text-align:center}@media all and (max-width: 575px){.social-wrap{padding-top:60px}}.search-header input[type=text],.input-group-append .btn{transform:translateY(0px);transition:0s}.archive-header{flex-wrap:wrap}@media all and (max-width: 575px){.archive-header .archive-header-title{width:100%;margin-bottom:20px}}.archive-header .archive-header-title h1.font-heading{font-family:"Noto Sans TC";font-weight:700;font-size:40px;line-height:45px;letter-spacing:.05em;color:var(--w-title)}@media all and (max-width: 575px){.first-article .post-content{padding:0}}.first-article .post-content .post-title{font-size:32px;line-height:45px;text-align:center;letter-spacing:.05em;color:var(--w-title)}@media all and (max-width: 575px){.first-article .post-content .post-title{text-align:left;padding:0}}.first-article .post-content .post-excerpt{font-weight:400;font-size:14px;line-height:25px;text-align:center;letter-spacing:.05em;color:var(--w-desc);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media all and (max-width: 575px){.first-article .post-content .post-excerpt{text-align:left;padding:0}}.faq-wrap .search-header .input-group input{background:transparent;border-left:3px solid var(--line-w2);border-top:3px solid var(--line-w2);border-bottom:3px solid var(--line-w2)}.faq-wrap .search-header .input-group input::placeholder{font-weight:400 !important}.faq-wrap .search-header .input-group .input-group-append .btn-search{background:transparent;border-top-right-radius:10px;border-bottom-right-radius:10px;border-right:3px solid var(--line-w2);border-top:3px solid var(--line-w2);border-bottom:3px solid var(--line-w2)}.faq-wrap .title{font-weight:700;font-size:32px;line-height:45px;letter-spacing:.05em;color:var(--w-title)}.plant-recent-posts .list-group-item{display:flex;align-items:center;width:100%;border:0;margin-bottom:0;padding:0}.plant-recent-posts .list-group-item:first-child{border-top-right-radius:9px;border-top-left-radius:9px}@media all and (max-width: 991px){.plant-recent-posts .list-group-item{width:100%;flex-wrap:wrap;flex-direction:column}.plant-recent-posts .list-group-item .title{width:100%;border-top-right-radius:8px}}.plant-recent-posts .list-group-item:last-child{border-top:2px solid #000;border-bottom-right-radius:9px;border-bottom-left-radius:9px}.plant-recent-posts .list-group-item .title{font-weight:500;font-size:24px;line-height:37px;letter-spacing:.05em;color:var(--w-title);padding:18px 38.5px;background:#090909;border-top-left-radius:8px;white-space:nowrap}.plant-recent-posts .list-group-item .filter-wrap{padding:0 42px}@media all and (max-width: 991px){.plant-recent-posts .list-group-item .filter-wrap{padding:0 18px}}.plant-recent-posts .list-group-item .filter-wrap.nav-tabs{border:0;overflow:auto;flex-wrap:nowrap;height:auto;width:100%}.plant-recent-posts .list-group-item .filter-wrap .nav-item{margin-bottom:0}.plant-recent-posts .list-group-item .filter-wrap .nav-item .nav-link{min-width:100px;font-family:"Noto Sans TC";font-weight:500;font-size:16px;line-height:calc(72px - 5px);letter-spacing:.1em;color:var(--b-title);background:transparent;cursor:pointer}.plant-recent-posts .list-group-item .filter-sub-wrap{padding:0 18px;height:78px;display:flex;align-items:center}@media all and (max-width: 991px){.plant-recent-posts .list-group-item .filter-sub-wrap{height:auto}}.plant-recent-posts .list-group-item .filter-sub-wrap .nav-item{margin-top:10px;margin-right:10px;margin-bottom:10px}.plant-recent-posts .list-group-item .filter-sub-wrap .nav-item .nav-link{font-family:"Noto Sans TC";font-weight:500;font-size:14px;line-height:20px;border:2px solid transparent;padding:10px 12px;color:var(--b-title);background:transparent;letter-spacing:.1em}.plant-recent-posts .list-group-item .filter-sub-wrap .nav-item .nav-link:hover,.plant-recent-posts .list-group-item .filter-sub-wrap .nav-item .nav-link.active{border:2px solid var(--b-title);border-radius:10px}.plant-recent-posts .post-card-1{border:3px solid var(--line-w);border-radius:12px;background:transparent}.plant-recent-posts .post-card-1 .thumb-overlay{min-height:163px}@media all and (max-width: 575px){.plant-recent-posts .post-card-1 .thumb-overlay{min-height:220px}}.plant-recent-posts .post-card-1 .post-content{background:transparent;min-height:141px}.plant-recent-posts .post-card-1 .post-content .post-title{font-weight:500;font-size:18px;line-height:26px;letter-spacing:.05em;color:var(--w-title)}.plant-recent-posts .post-card-1 .post-content .post-desc{font-weight:400;font-size:14px;line-height:25px;letter-spacing:.05em;color:var(--w-desc)}.list-page{text-align:center;margin-top:5px;padding:100px 0}@media all and (max-width: 575px){.list-page{padding:30px 0 10px}}.list-page>li{display:inline-block;margin-right:18px}@media all and (max-width: 575px){.list-page>li{margin-right:0}}.list-page>li:first-child a,.list-page>li:nth-child(2) a,.list-page>li:last-child a,.list-page>li:nth-child(8) a{border:2px solid transparent}.list-page>li.dot{width:36px;height:36px;margin-top:auto;color:#c0c2c8;font-family:"Source Sans Pro";font-weight:600;font-size:18px;line-height:23px;letter-spacing:.05em;vertical-align:middle}@media all and (max-width: 575px){.list-page>li.dot{width:32px;height:32px;font-size:16px}}.list-page>li a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:"Source Sans Pro";font-weight:600;font-size:18px;line-height:32px;color:var(--line-w2);border:2px solid var(--line-w2)}@media all and (max-width: 575px){.list-page>li a{width:32px;height:32px;font-size:16px}}.list-page>li a:hover,.list-page>li a :focus{transition:all .5s linear;border:2px solid var(--w-title);color:#fff}.list-page>li a.active{border:2px solid var(--w-title);color:#fff}.edit-area{font-weight:400;font-size:16px;line-height:29px;color:var(--w-desc)}.edit-area p{color:var(--w-desc)}.edit-area h1{font-weight:500;font-size:32px;line-height:165%;letter-spacing:.02em;text-transform:capitalize;color:var(--w-desc)}@media all and (max-width: 575px){.edit-area h1{font-size:22px}}.edit-area h2{font-weight:500;font-size:24px;line-height:165%;letter-spacing:.05em;color:var(--w-desc)}@media all and (max-width: 575px){.edit-area h2{font-size:20px}}.edit-area h3{font-weight:500;font-size:20px;line-height:165%;letter-spacing:.05em;color:var(--w-desc)}@media all and (max-width: 575px){.edit-area h3{font-size:18px}}.edit-area h4{font-weight:500;font-size:18px;line-height:165%;letter-spacing:.05em;color:var(--w-desc)}@media all and (max-width: 575px){.edit-area h4{font-size:16px}}.edit-area ul{list-style:disc;list-style-position:inside;padding-left:1em;text-indent:-1em}.edit-area ol li{list-style:decimal;list-style-position:inside;padding-left:1em;text-indent:-1em}.edit-area img{max-width:100%}.edit-area .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.edit-area .video-container iframe,.edit-area .video-container embed,.edit-area .video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.article_first_pic.box-img::before{padding-bottom:39.5495495495%}.alert-block{color:var(--b-title);font-family:"Noto Sans TC";font-weight:600;font-size:18px;border:3px solid var(--line-w)}/*# sourceMappingURL=common.css.map */