@charset "UTF-8";*{box-sizing:border-box}h2{display:flex;align-items:center;margin-top:20px;margin-bottom:30px;font-size:22px;font-weight:500;color:var(--color);position:relative;letter-spacing:.5px;padding-bottom:7px}h2:before{content:"";width:100%;height:2px;background:#cacccf;position:absolute;bottom:0;border-radius:10px}h2 span{position:relative}h2 span:before{content:"";width:100%;height:2px;background:#f49c00;position:absolute;bottom:-7px;border-radius:10px}h2 span label{color:#f49c00;margin:0 30px 0 0;display:inline-block}#tech-comic__latest-news .topic-frame{display:block;overflow:hidden;box-shadow:0 5px 5px -3px #64646400,0 8px 10px 1px #64646424,0 3px 14px 2px #6464641f;position:relative;border-radius:10px;margin-bottom:24px;width:100%;aspect-ratio:375/211}#tech-comic__latest-news .topic-frame:hover .title{top:0}#tech-comic__latest-news .topic-frame:hover .title .title-text{-webkit-line-clamp:unset;overflow:visible}#tech-comic__latest-news .topic-frame img{aspect-ratio:375/211;display:block;aspect-ratio:inherit;-o-object-fit:cover;object-fit:cover;width:100%}#tech-comic__latest-news .topic-frame .title{position:absolute;background-color:#0009;left:0;top:calc(100% - 65px);z-index:3;font-size:16px;color:#fff;width:100%;letter-spacing:1px;padding:10px 20px;line-height:1.4;height:100%;transition:top .2s}@media screen and (min-width: 576px){#tech-comic__latest-news .topic-frame .title{font-size:18px;top:calc(100% - 75px)}}@media screen and (min-width: 768px){#tech-comic__latest-news .topic-frame .title{font-size:18px;top:calc(100% - 68px)}}@media screen and (min-width: 992px){#tech-comic__latest-news .topic-frame .title{font-size:20px;top:calc(100% - 76px)}}#tech-comic__latest-news .topic-frame .title .title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}#tech-comic__latest-news .topic-frame .title .abstract{font-size:16px;color:#bebebe;line-height:1.8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px){#tech-comic__latest-news .topic-frame .title .abstract{-webkit-line-clamp:3}}#tech-comic__filter>.filter-frame{display:flex;align-items:center;justify-content:flex-end;color:#929292;flex-wrap:wrap}#tech-comic__filter>.filter-frame>.filter-frame-item{max-width:250px;display:flex;flex-direction:column;width:100%}#tech-comic__filter>.filter-frame>.filter-frame-item:not(:last-child){margin-right:20px}#tech-comic__filter>.filter-frame>.filter-frame-item>label{font-size:16px;color:#000;margin-top:6px}#tech-comic__filter>.filter-frame>.filter-frame-item>input{color:#000}#tech-comic__filter>.filter-frame>.filter-frame-item>select{font-size:16px;color:#000}@media screen and (min-width: 768px) and (max-width: 850px){#tech-comic__filter>.filter-frame{-moz-column-gap:20px;column-gap:20px}#tech-comic__filter>.filter-frame>.filter-frame-item{max-width:calc(50% - 10px);width:auto}#tech-comic__filter>.filter-frame>.filter-frame-item:nth-child(1),#tech-comic__filter>.filter-frame>.filter-frame-item:nth-child(2){flex:0 0 calc(50% - 10px);width:calc(50% - 10px);margin-right:0}#tech-comic__filter>.filter-frame>.filter-frame-item:nth-child(3){flex:0 0 100%;width:100%;max-width:100%;margin-right:0!important;margin-top:16px}}@media screen and (max-width: 767.98px){#tech-comic__filter>.filter-frame{flex-direction:column;align-items:stretch}#tech-comic__filter>.filter-frame>.filter-frame-item{width:100%;max-width:100%;margin-right:0!important;margin-bottom:16px}#tech-comic__filter>.filter-frame>.filter-frame-item:last-child{margin-bottom:0}}#tech-comic__subchannel-news.dt-show{margin-bottom:6.5rem}@media screen and (max-width: 650px){#tech-comic__subchannel-news .row{justify-content:center}#tech-comic__subchannel-news .news-item{display:flex;justify-content:center}}@media screen and (min-width: 651px) and (max-width: 767px){#tech-comic__subchannel-news .news-item{flex:0 0 50%;max-width:50%}}#tech-comic__subchannel-news .news-frame{display:block;overflow:hidden;box-shadow:0 5px 5px -3px #64646400,0 8px 10px 1px #64646424,0 3px 14px 2px #6464641f;border-radius:10px;margin-bottom:24px;background-color:#fff;width:100%}#tech-comic__subchannel-news .news-frame>a{display:block;text-decoration:none;color:inherit}#tech-comic__subchannel-news .news-frame .cover-frame{width:100%;aspect-ratio:375/211;display:block;overflow:hidden}#tech-comic__subchannel-news .news-frame .cover-frame img{display:block;aspect-ratio:375/211;aspect-ratio:inherit;-o-object-fit:cover;object-fit:cover;width:100%}#tech-comic__subchannel-news .news-frame .news-body{padding:12px 16px;background-color:#fff}#tech-comic__subchannel-news .news-frame .news-body>.title{color:#333;font-size:16px;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#tech-comic__subchannel-news .more-btn{display:none;margin-top:5px;background-color:transparent;border:none;outline:none;font-size:16px;cursor:pointer;position:relative}@media screen and (min-width: 768px){#tech-comic__subchannel-news .more-btn{display:block}}#tech-comic__subchannel-news .more-btn:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:25px;width:10px;height:10px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128"><path fill="%239095a7" d="M64 98.8a5.783 5.783 0 0 1-4.1-1.7l-58-58c-2.267-2.266-2.267-5.936 0-8.2s5.936-2.267 8.2 0L64 84.798l53.9-53.9c2.266-2.266 5.936-2.266 8.2 0s2.267 5.937 0 8.202l-58 58a5.783 5.783 0 0 1-4.1 1.7z" data-original="%23000000"/></svg>')}#tech-comic__subchannel-news-no-result.dt-hidden{display:none}#tech-comic__subchannel-news-no-result.dt-show{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0 40px}#tech-comic__subchannel-news-no-result.dt-show>.no-result-icon{width:100px;height:auto}#tech-comic__subchannel-news-no-result.dt-show>.no-result-icon svg{color:gray}#tech-comic__subchannel-news-no-result.dt-show span{color:gray;font-size:18px}.hidden-content{display:none!important}#global-loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffb3;z-index:9999;display:none}#global-loading-mask .spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}