:root{--header-height:80px;--basic-font-size: clamp(1.0625rem, 0.869rem + 0.2381vw, 1.25rem)}@media(max-width: 1600px){:root{--header-height:72px}}@media(max-width: 1300px){:root{--basic-font-size: clamp(0.9375rem, 0.5366rem + 0.6472vw, 1.0625rem)}}@media(max-width: 1200px){:root{--header-height:62px}}.phone-list{display:none}@media(max-width: 767px){.phone-list{display:-webkit-box;display:-ms-flexbox;display:flex}}.aside-block{background-color:#fff;width:17.6%;max-width:450px;min-width:370px;padding:clamp(10.9375rem,3.7684rem + 9.5588vw,19.0625rem) 40px}@media(max-width: 1600px){.aside-block{min-width:300px}}@media(max-width: 1199px){.aside-block{width:100%;max-width:100%;min-width:auto;padding:0;background-color:#f6f6f6}}@media(max-width: 767px){.aside-block{padding:0 clamp(1.875rem,-2.8044rem + 13.0208vw,3.4375rem)}}@media(min-width: 1200px){.aside-block .sticky{position:sticky;top:clamp(7.5rem,5.8456rem + 2.2059vw,9.375rem)}}@media(min-width: 1200px){.aside-block .category-box{min-height:400px}}@media(max-width: 1200px){.aside-block .category-box .sticky{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.articles-container{width:82.4%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:clamp(4.0625rem,-1.1765rem + 6.9853vw,10rem) 0}@media(max-width: 1199px){.articles-container{width:100%;max-width:100%;min-width:100%;padding:40px 0 0}}@media(max-width: 767px){.articles-container{padding:30px 0}}.search-block{margin:0 auto}.search-block .search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #b5b5b5;border-radius:99em;height:48px;width:100%;padding:0 30px 0 40px}@media(max-width: 1600px){.search-block .search-bar{padding:0 15px 0 25px}}.search-block .search-input{border:0;width:calc(100% - 50px);font-size:var(--basic-font-size);line-height:44px;height:44px;-webkit-transform:translateY(2px);transform:translateY(2px);background-color:rgba(0,0,0,0)}.search-block .search-input::-webkit-input-placeholder{color:#b5b5b5}.search-block .search-input::-moz-placeholder{color:#b5b5b5}.search-block .search-input:-ms-input-placeholder{color:#b5b5b5}.search-block .search-input::-ms-input-placeholder{color:#b5b5b5}.search-block .search-input::placeholder{color:#b5b5b5}.search-block .search-input::-webkit-input-placeholder,.search-block .search-input::-moz-placeholder,.search-block .search-input::-o-placeholder,.search-block .search-input::-ms-placeholder,.search-block .search-input::-ms-input-placeholder{color:#b5b5b5}.search-block .search-input:focus{outline:none;background-color:rgba(0,0,0,0)}.search-block .search-submit{width:50px;min-width:50px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-block .search-submit img{display:block;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media(max-width: 1199px){.search-block{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;background-color:#fff;padding:40px 40px 0 40px;border-radius:10px 10px 0 0}.search-block .search-bar{height:34px}.search-block .search-input{height:32px;line-height:32px;-webkit-transform:translateY(0px);transform:translateY(0px)}.search-block .search-submit{height:32px}.search-block .search-submit img{width:16px;height:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}}@media(max-width: 767px){.search-block{background-color:#f6f6f6;padding:0}.search-block .search-bar{height:42px;padding:0 5px 0 20px}.search-block .search-input{height:40px;line-height:40px;-webkit-transform:translateY(1px);transform:translateY(1px)}.search-block .search-submit{height:40px}}.category-list{margin-top:clamp(2.1875rem,-0.5699rem + 3.6765vw,5.3125rem);padding-bottom:50px}.category-list .select-cate{position:relative;display:none}.category-list .select-cate:after{content:"";position:absolute;top:13px;right:27px;display:inline-block;height:10px;width:10px;border-width:1px;border-color:rgba(0,0,0,0);border-style:solid;border-top-color:#fff;border-left-color:#fff;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.category-list .select-cate.active:after{will-change:transform;-webkit-transform:translateY(50%) rotate(45deg);transform:translateY(50%) rotate(45deg)}.category-list .category-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px 0}.category-list .category-item{display:block;color:#555;width:100%;font-size:var(--basic-font-size);padding:14px clamp(2rem,-1.375rem + 2.8125vw,3.125rem);border-radius:99em;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.category-list .category-item:hover,.category-list .category-item.active{will-change:color,background-color;color:#505050;font-weight:500;background-color:#f5f5f5}@media(max-width: 1199px){.category-list{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:0;padding-bottom:40px}.category-list .category-option{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;background-color:#333;border-radius:99em;border:1px solid #333;width:100%;margin-left:auto;margin-right:auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:45px}.category-list .category-item{width:auto;text-align:center;width:33.3333333333%;color:#fff;border-radius:99em;padding:10px 20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.category-list .category-item.active{background-color:#fff;color:#333}}@media(max-width: 767px){.category-list{position:sticky;top:calc(var(--header-height));z-index:99;width:calc(100% - clamp(1.875rem,-2.8044rem + 13.0208vw,3.4375rem)*2);margin-left:auto;margin-right:auto;padding-bottom:30px}.category-list:not(.phone-list){display:none}.category-list .select-cate{display:block;width:100%;height:41px;color:#fff;font-size:14px;background-color:#424242;text-align:center}.category-list .select-cate:focus,.category-list .select-cate:active{background-color:#424242}.category-list .category-option{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;height:auto;background-color:#5b5b5b;position:absolute;z-index:99;top:40px;left:0;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.category-list .category-option.active{opacity:1;pointer-events:auto}.category-list .category-option .category-item{width:100%;border-radius:0;color:#fff;text-align:center;border-top:1px solid #666;padding:12px 20px;font-size:14px}.category-list .category-option .category-item:hover,.category-list .category-option .category-item.active{background-color:#333;color:#fff}}.main{background-color:#f6f6f6;position:relative;font-family:"Noto Sans TC",sans-serif;color:#1a1a1a;letter-spacing:1px;padding-top:var(--header-height)}.main-title{margin-bottom:clamp(4rem,3.3673rem + 1.0204vw,5rem);font-size:clamp(2rem,1.7533rem + 1.0526vw,3.4375rem);font-weight:500;color:#1a1a1a;font-family:"Syncopate",sans-serif;letter-spacing:1px;text-align:center;position:relative;z-index:2}@media(max-width: 991px){.main-title{margin-bottom:60px}}@media(max-width: 767px){.main-title{margin-bottom:40px}}.articles-page{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 1199px){.articles-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 55px}}@media(max-width: 767px){.articles-page{display:block;padding:40px 0 64px 0}}.articles-page .pad-title{display:none}@media(max-width: 1199px){.articles-page .pad-title{display:block;width:100%;margin-bottom:30px}}.articles-container{position:relative}@media(max-width: 1199px){.articles-container .main-title{display:none}}@media(max-width: 767px){.articles-container{padding-left:clamp(1.875rem,-2.8044rem + 13.0208vw,3.4375rem);padding-right:clamp(1.875rem,-2.8044rem + 13.0208vw,3.4375rem)}}.bg-box{position:absolute;left:0;top:0;aspect-ratio:670/400}.bg-box img{height:auto}.keyword-box{margin-top:4vw;padding-right:clamp(0rem,-15.2778rem + 11.1111vw,2.5rem);padding-left:clamp(0rem,-19.0972rem + 13.8889vw,3.125rem)}.keyword-box .title{font-size:18px;color:#555;margin-bottom:15px;display:block}.keyword-box .keyword-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 0;width:calc(100% + 10px);margin-left:-2px;margin-right:-8px}.keyword-box .keyword-tags .tag{margin:0 2px;white-space:nowrap;background-color:#fff;color:#a1a1a1;font-size:14px;padding:5px 16px;border-radius:99px;border:1px solid #a1a1a1}.keyword-box .keyword-tags .tag.active{border-color:#555;color:#333}@media(hover: hover){.keyword-box .keyword-tags .tag:hover{border-color:#555;color:#333}}@media(max-width: 1199px){.keyword-box{background-color:#fff;border-radius:0 0 10px 10px;padding:24px 40px 40px;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.keyword-box .title{font-size:14px;display:inline-block;white-space:nowrap;line-height:31px;margin-bottom:0}.keyword-box .keyword-tags{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-left:5px;gap:0;overflow:auto}.keyword-box .keyword-tags .tag{font-size:12px;padding:7px 20px;margin:0 5px 5px;background-color:#eee;color:#a1a1a1;border:0;-webkit-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease}.keyword-box .keyword-tags .tag.active{background-color:#868686;color:#fff}}@media(max-width: 1199px)and (hover: hover){.keyword-box .keyword-tags .tag:hover{will-change:color,background-color;background-color:#868686;color:#fff}}@media(max-width: 767px){.keyword-box{background:#f6f6f6;padding:14px 0 0}.keyword-box .title{line-height:30px}.keyword-box .keyword-tags{padding-left:0;-webkit-transform:translateX(5px);transform:translateX(5px)}.keyword-box .keyword-tags .tag{padding:5px 10px;font-size:14px;margin:0 2px 5px}.keyword-box .keyword-tags .tag:nth-of-type(1){margin-left:0}}.content-block{width:80%;max-width:1425px;margin-left:auto;margin-right:auto;position:relative;z-index:2}@media(max-width: 1400px){.content-block{width:86%}}@media(max-width: 1199px){.content-block{width:100%}}.article-card{width:33.3333333333%;padding:0 20px}@media(max-width: 1800px){.article-card{padding:0 10px}}@media(max-width: 1500px){.article-card{width:50%;padding:0 15px}}@media(max-width: 1199px){.article-card{padding:0 9px}}@media(max-width: 600px){.article-card{width:100%;padding:0}}.article-card .article-item{color:#555;font-size:16px;position:relative;display:block}@media(hover: hover){.article-card .article-item:hover .hover-box{opacity:1}}.article-card .article-image{aspect-ratio:670/390;display:block}.article-card .article-image img{aspect-ratio:670/390;width:100%;height:auto}.article-card .hover-box{position:absolute;z-index:5;top:0;left:0;width:100%;height:auto;aspect-ratio:670/390;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .45s ease-in-out;transition:opacity .45s ease-in-out}.article-card .hover-box .hover-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:65%;height:50px;max-width:185px;font-size:16px;padding:0 50px 0 25px;border-radius:99em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333;background-color:#fff}.article-card .hover-box .hover-btn .hover-text,.article-card .hover-box .hover-btn .hover-img{display:block}.article-card .hover-box .hover-btn .hover-text{white-space:nowrap}.article-card .hover-box .hover-btn .hover-img{aspect-ratio:1/1;width:20px;height:20px;position:absolute;right:22px;top:calc(50% - 11px)}.article-card .hover-box .hover-btn .hover-img img{display:block}@media(max-width: 1200px){.article-card .hover-box .hover-btn{padding:0 40px 0 15px}.article-card .hover-box .hover-btn .hover-img{right:15px}}.article-card .category{color:#2c2c2c;display:block;margin-top:30px;margin-bottom:15px}@media(max-width: 1800px){.article-card .category{margin-bottom:10px}}@media(max-width: 1199px){.article-card .category{font-weight:500;margin-top:16px;margin-bottom:8px}}.article-card .article-title{font-size:24px;color:#2c2c2c;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:25px}@media(max-width: 1920px){.article-card .article-title{white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:1.5;max-height:72px}}@media(max-width: 1800px){.article-card .article-title{margin-bottom:20px}}@media(max-width: 1199px){.article-card .article-title{font-size:18px;max-height:54px;margin-bottom:12px}}.article-card .article-description{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:2;max-height:64px}@media(max-width: 1199px){.article-card .article-description{line-height:1.7;font-size:14px;max-height:48px}}.article-card.top-item{width:50%;padding:0 40px}@media(max-width: 1800px){.article-card.top-item{padding:0 20px}}@media(max-width: 1500px){.article-card.top-item{padding:0 15px}}@media(max-width: 1199px){.article-card.top-item{padding:0 9px}}@media(max-width: 600px){.article-card.top-item{width:100%;padding:0}}.article-card.top-item .article-item{font-size:var(--basic-font-size)}.article-card.top-item .hover-box .hover-btn{max-width:223px;font-size:18px}@media(max-width: 1800px){.article-card.top-item .hover-box .hover-btn{max-width:220px}}@media(max-width: 1500px){.article-card.top-item .hover-box .hover-btn{max-width:185px;font-size:16px}}.article-card.top-item .article-title{font-size:30px;max-height:45px}@media(max-width: 1300px){.article-card.top-item .article-title{font-size:24px;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:1.5;max-height:72px}}@media(max-width: 1199px){.article-card.top-item .article-title{font-size:18px;max-height:54px}}.article-card.top-item .article-description{max-height:80px;font-size:var(--basic-font-size)}.articles-content{max-width:1510px}.articles-content .article-top{display:none;width:calc(100% + 80px);margin-left:-40px;margin-right:-40px;margin-bottom:100px}.articles-content .article-top.active{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width: 1500px){.articles-content .article-top{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-bottom:70px}}@media(max-width: 1199px){.articles-content .article-top{width:calc(100% + 18px);margin-left:-9px;margin-right:-9px;margin-bottom:50px}}@media(max-width: 600px){.articles-content .article-top{width:100%;margin-left:0;margin-right:0;margin-bottom:40px;gap:40px 0}}.articles-content .article-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;gap:70px 0}@media(max-width: 1500px){.articles-content .article-list{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}}@media(max-width: 1199px){.articles-content .article-list{width:calc(100% + 18px);margin-left:-9px;margin-right:-9px;gap:50px 0}}@media(max-width: 600px){.articles-content .article-list{width:100%;margin-left:0;margin-right:0;gap:40px 0}}.search-results{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #d2d2d2;margin-bottom:clamp(1.875rem,1.249rem + 1.6694vw,2.5rem);padding-top:clamp(4rem,3.3673rem + 1.0204vw,5rem)}@media(max-width: 1199px){.search-results{padding-top:35px}}@media(max-width: 767px){.search-results{padding-top:25px;-ms-flex-wrap:wrap;flex-wrap:wrap;display:none !important}}.search-results .tag-title{font-size:clamp(1rem,.8393rem + .3348vw,1.375rem);white-space:nowrap;margin:17px 15px 0 0}@media(max-width: 767px){.search-results .tag-title{margin:10px 10px 0 0}}.search-results .tags-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width: 767px){.search-results .tags-box{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;width:100%;margin-top:5px}}.search-results .tags-box .tag-btn{position:relative;margin:5px;border:2px solid #bdbdbd;padding:10px clamp(2.5rem,2.4249rem + .3204vw,2.9375rem) 10px 20px;border:2px solid #bdbdbd;border-radius:99em;font-size:clamp(.8125rem,.7589rem + .2288vw,1.125rem);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.search-results .tags-box .tag-btn:after{content:"";position:absolute;right:5px;display:block;width:clamp(1.25rem,1.1749rem + .3204vw,1.6875rem);height:clamp(1.25rem,1.1749rem + .3204vw,1.6875rem);background:url(../images/tag-close.svg) no-repeat center;-webkit-transform:translate(0, -92%);transform:translate(0, -92%)}@media(hover: hover){.search-results .tags-box .tag-btn:hover{border-color:#555}}@media(max-width: 767px){.search-results .tags-box .tag-btn{padding:5px clamp(2.5rem,2.4249rem + .3204vw,2.9375rem) 5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}.no-data-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;border-radius:25px;background-color:#212121;padding:120px 3vw}.no-data-wrap .no-data{min-width:324px}.no-data-wrap .no-data .no-data-title{margin-bottom:clamp(3.375rem,3.1071rem + .558vw,4rem);font-size:clamp(2.375rem,2.1071rem + .558vw,3rem);color:#fff}.no-data-wrap .no-data .no-data-content .no-data-text{margin-bottom:15px;font-size:clamp(1.375rem,1.4286rem - .1116vw,1.25rem);color:#fff}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text:before{display:inline-block;width:25px;height:25px;line-height:20px;text-align:center;border-radius:50%;background-color:#fff;color:#000;margin-right:10px}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text-1::before{content:"1"}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text-2::before{content:"2"}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text-3::before{content:"3";margin-right:4px}.no-data-wrap .no-data .no-data-content .no-data-link{color:#fff;text-decoration:underline}.no-data-wrap .no-data-img{width:450px;height:100%;aspect-ratio:681/595}.no-data-wrap .no-data-img img{height:auto}@media(max-width: 1600px){.no-data-wrap{padding:80px 2vw}.no-data-wrap .no-data-img{width:350px}}@media(max-width: 1400px){.no-data-wrap .no-data-img{width:300px}}@media(max-width: 1199px){.no-data-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 clamp(2.8125rem,-4.0458rem + 29.2621vw,10rem)}.no-data-wrap .no-data{min-width:200px;margin:0 auto}.no-data-wrap .no-data .no-data-title{padding-top:clamp(3.5rem,1.9408rem + 3.2483vw,4.375rem);margin-bottom:clamp(2.1875rem,.0715rem + 4.4084vw,3.375rem)}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text:before{width:25px;height:25px;line-height:25px}.no-data-wrap .no-data-img{width:60%;max-width:420px;padding-top:5%;margin-bottom:10%;aspect-ratio:227/198}}@media(max-width: 767px){.no-data-wrap .no-data .no-data-title{font-size:clamp(1.5625rem,.7872rem + 3.3079vw,2.375rem)}.no-data-wrap .no-data .no-data-content .no-data-text{font-size:clamp(.9375rem,.52rem + 1.7812vw,1.375rem)}.no-data-wrap .no-data .no-data-content .no-data-text.no-data-text:before{width:20px;height:20px;line-height:20px}.no-data-wrap .no-data-img{width:100%;padding-top:15%}}@media(max-width: 370px){.no-data-wrap{padding:0 25px}}