@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}.page--detail{display:block;position:relative;min-height:100vh}.page--detail em{font-style:italic}.page--detail[data-content=spu]{background:#f2efec}.page--detail[data-content=qk]{background:#222}.page--detail[data-type=article] .detail-article{float:left;width:40%;padding:123px 0px 0px 45px}.page--detail[data-type=article] .detail-stick{width:60%;float:right}@media only screen and (max-width: 1024px){.page--detail[data-type=article] .detail-article{padding:40px 0px 0px 0px}}.page--detail[data-type=video] .detail-stick{float:left;width:60%;padding:123px 0px 0px 40px}.page--detail[data-type=video] .detail-article{width:40%;float:right;padding:123px 0px 0px 0px}@media only screen and (max-width: 1024px){.page--detail[data-type=video] .detail-stick{padding:123px 40px 0}.page--detail[data-type=video] .detail-article{padding:40px 0px 0px 0px}}@media only screen and (max-width: 767px){.page--detail[data-type=video] .detail-stick{padding:123px 15px 0}}.page--detail .layout{display:block;min-width:100%}.page--detail .layout:after{content:"";width:100%;display:table;position:relative;clear:both}.page--detail .layout .detail-article{display:block;position:relative;z-index:2;transition:width .3s ease;will-change:width}.page--detail .layout .detail-article .page-container{overflow:hidden;position:relative;z-index:2}.page--detail .layout .detail-article .page-container .section-content p{margin-bottom:1rem}.page--detail .layout .detail-article .page-container .section-content p a{text-decoration:underline}.page--detail .layout .detail-stick{display:block;text-align:right;position:relative;z-index:2;transition:width .3s ease;will-change:width}.page--detail .layout .detail-stick .detail-stick-group{top:0}.page--detail .layout .detail-stick .iframe-wrapper{width:100%;position:relative;height:0;padding-bottom:56.25%}.page--detail .layout .detail-stick .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page--detail .layout .detail-stick .visual-wrapper{margin-left:auto}.page--detail .layout .detail-stick .visual-wrapper .visual{width:100%;height:0;padding-bottom:100%;background-size:cover;background-position:center}.page--detail .layout .detail-stick .visual-wrapper img{max-width:100%}@media only screen and (max-width: 1366px){.page--detail .layout .detail-article{width:50%}.page--detail .layout .detail-stick{width:50%}}@media only screen and (max-width: 1024px){.page--detail .layout .detail-article{float:none;width:100%}.page--detail .layout .detail-stick{float:none;width:100%}.page--detail .layout .detail-stick .visual-wrapper{max-width:none;margin-left:auto;margin-right:auto;margin-top:0;width:100%;padding-bottom:0}.page--detail .layout .detail-stick .visual-wrapper .visual{height:0;width:100%;padding-bottom:100%}}@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}.page--detail{display:block;position:relative;min-height:100vh}.page--detail em{font-style:italic}.page--detail[data-content=spu]{background:#f2efec}.page--detail[data-content=qk]{background:#222}.page--detail[data-type=article] .detail-article{float:left;width:40%;padding:123px 0px 0px 45px}.page--detail[data-type=article] .detail-stick{width:60%;float:right}@media only screen and (max-width: 1024px){.page--detail[data-type=article] .detail-article{padding:40px 0px 0px 0px}}.page--detail[data-type=video] .detail-stick{float:left;width:60%;padding:123px 0px 0px 40px}.page--detail[data-type=video] .detail-article{width:40%;float:right;padding:123px 0px 0px 0px}@media only screen and (max-width: 1024px){.page--detail[data-type=video] .detail-stick{padding:123px 40px 0}.page--detail[data-type=video] .detail-article{padding:40px 0px 0px 0px}}@media only screen and (max-width: 767px){.page--detail[data-type=video] .detail-stick{padding:123px 15px 0}}.page--detail .layout{display:block;min-width:100%}.page--detail .layout:after{content:"";width:100%;display:table;position:relative;clear:both}.page--detail .layout .detail-article{display:block;position:relative;z-index:2;transition:width .3s ease;will-change:width}.page--detail .layout .detail-article .page-container{overflow:hidden;position:relative;z-index:2}.page--detail .layout .detail-article .page-container .section-content p{margin-bottom:1rem}.page--detail .layout .detail-article .page-container .section-content p a{text-decoration:underline}.page--detail .layout .detail-stick{display:block;text-align:right;position:relative;z-index:2;transition:width .3s ease;will-change:width}.page--detail .layout .detail-stick .detail-stick-group{top:0}.page--detail .layout .detail-stick .iframe-wrapper{width:100%;position:relative;height:0;padding-bottom:56.25%}.page--detail .layout .detail-stick .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.page--detail .layout .detail-stick .visual-wrapper{margin-left:auto}.page--detail .layout .detail-stick .visual-wrapper .visual{width:100%;height:0;padding-bottom:100%;background-size:cover;background-position:center}.page--detail .layout .detail-stick .visual-wrapper img{max-width:100%}@media only screen and (max-width: 1366px){.page--detail .layout .detail-article{width:50%}.page--detail .layout .detail-stick{width:50%}}@media only screen and (max-width: 1024px){.page--detail .layout .detail-article{float:none;width:100%}.page--detail .layout .detail-stick{float:none;width:100%}.page--detail .layout .detail-stick .visual-wrapper{max-width:none;margin-left:auto;margin-right:auto;margin-top:0;width:100%;padding-bottom:0}.page--detail .layout .detail-stick .visual-wrapper .visual{height:0;width:100%;padding-bottom:100%}}.black-bg-deco-group{display:none}.white-bg-layout{background-color:#f2efec !important;color:#000 !important}.white-bg-layout .search-tag-wrapper .item{border:2px #000 solid}.black-bg-layout{background-color:#222 !important;color:#fff !important}.black-bg-layout .black-bg-deco-group{position:fixed;width:100%;top:0px;left:0px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;z-index:1}.black-bg-layout .black-bg-deco-group img{width:40%}.black-bg-layout .layout .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:url("../assets/images/pattern-dark.png") no-repeat 100px top/cover;background-attachment:fixed}@media screen and (max-width: 1024px){.black-bg-layout .layout .bg{top:100vw;width:100%;height:0;padding-bottom:150%;background-attachment:scroll;background-position:center top}}.hyperlink-wrapper{padding-top:42px}.hyperlink-wrapper .label{font-size:16px;line-height:24px;transition:all .3s;font-weight:700}@media only screen and (max-width: 767px){.hyperlink-wrapper .label{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.hyperlink-wrapper .label{font-size:16px;line-height:20px}}.hyperlink-wrapper .links{padding-left:1.25em}.hyperlink-wrapper .link+.link{margin-top:.5em}.hyperlink-wrapper .link a{font-weight:700;font-size:14px;line-height:18px;transition:all .3s;word-break:break-word;font-family:"Poppins","Noto Sans TC","Noto Sans CJK TC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif;text-decoration:underline}@media only screen and (max-width: 767px){.hyperlink-wrapper .link a{line-height:34px}}.hyperlink-wrapper .link a[lang=zh-Hans]{font-family:"Noto Sans SC","Noto Sans CJK SC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif}.hyperlink-wrapper .link a[lang=zh-Hant]{font-family:"Noto Sans TC","Noto Sans CJK TC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif}[lang=zh-Hans] .hyperlink-wrapper .link a{font-family:"Noto Sans SC","Noto Sans CJK SC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif}[lang=zh-Hant] .hyperlink-wrapper .link a{font-family:"Noto Sans TC","Noto Sans CJK TC","MHei","微軟正黑體","Microsoft JhengHei",sans-serif}.search-tag-wrapper{margin:40px 0px}.search-tag-wrapper .item{font-size:16px;line-height:24px;transition:all .3s;border:2px #fff solid;margin-right:14px;padding:5px 15px;display:inline-block;margin-bottom:14px;background:transparent;transition:.2s all ease-in-out}.search-tag-wrapper .item:hover{background:#000;border:2px #000 solid;transition:.2s all ease-in-out;color:#fff}.rating-wrapper{margin-bottom:60px}.rating-wrapper .title{font-size:16px;line-height:24px;transition:all .3s;margin-bottom:23px;font-weight:700}@media only screen and (max-width: 767px){.rating-wrapper .title{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.rating-wrapper .title{font-size:16px;line-height:20px}}.rating-wrapper .answer{display:flex}.rating-wrapper .answer .item{margin-right:40px;text-align:center}.rating-wrapper .answer .item.disabled{opacity:.2;pointer-events:none}.rating-wrapper .answer .item .icon{width:40px;height:40px;background:#000;transition:.2s background ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer}.rating-wrapper .answer .item .icon:hover{background:#d63d3d;transition:.2s background ease-in-out}.rating-wrapper .answer .item .label{font-size:13px;line-height:36px;transition:all .3s}.rating-wrapper .answer .item:last-child{margin-right:0px}.fadeInItem,.fadeInPic{opacity:0;transition:.4s opacity ease-in-out}