@charset "UTF-8";
.c-article{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:auto;height:550px;color:#fff;flex:0 0 auto}.c-article.slick-slide{display:flex}.c-article__pic{display:block;width:auto;height:100%;margin:0 60px 0 0;flex:0 0 auto}.c-article__pic img{width:auto;height:100%;box-shadow:70px 70px 60px rgba(0,0,0,.3)}.c-article__content{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:350px;height:100%;flex:0 0 auto}.c-article__content__tag{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 35px 0;flex:0 0 auto}.c-article__content__tag__link{display:block;width:auto;max-width:100%;margin:0 20px 10px 0;padding:0 0 0 25px;font-size:14px;line-height:1;color:inherit;font-family:'NotoSerifTC-B';letter-spacing:1.5px}.c-article__content__tag__link::before{content:'';position:absolute;top:0;left:0;display:block;width:15px;height:15px;background:#fff;border-radius:50%}.c-article__content__title{display:block;width:100%;font-size:25px;line-height:1.3;color:inherit;font-family:'NotoSerifTC-M';letter-spacing:2px;overflow:hidden;flex:0 0 auto;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.c-article__content__intro{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:auto 0 0 0;flex:0 1 auto}.c-article__content__intro__text{display:block;width:100%;font-size:14px;line-height:1.7;color:rgba(254,254,254,.5);letter-spacing:1.5;overflow:hidden;flex:0 1 auto;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.c-article__content__intro__link{margin:0 0 0 20px}@media screen and (max-width:1400px){.c-article{height:350px}}@media screen and (max-width:1200px){.c-article{height:300px}.c-article__pic{margin:0 30px 0 0}.c-article__content__tag{margin:0 0 10px 0}}@media screen and (max-width:991px){.c-article{display:block;width:100%;height:auto}.c-article.slick-slide{display:block}.c-article__pic{width:100%;height:auto;margin:0}.c-article__pic img{width:100%;height:auto}.c-article__content{display:block;width:100%;height:auto;margin:25px 0 0 0}.c-article__content__tag{margin:0}.c-article__content__title{font-size:26px}.c-article__content__intro{height:auto;margin:20px 0 0 0}}@media screen and (max-width:767px){.c-article__content{position:static;margin:20px 0 0 0}.c-article__content__tag__link{font-size:12px;margin:0 10px 10px 0;padding:0 0 0 20px}.c-article__content__tag__link::before{width:10px;height:10px}.c-article__content__title{font-size:17px}.c-article__content__intro{position:static;margin:0}.c-article__content__intro__text{display:none}.c-article__content__intro__link{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:0;border:none;opacity:0;z-index:10}}@media screen and (max-width:575px){}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.articleList{height:calc(100vh - 100px);min-height:723px;padding:220px 0 0 0}.articleList__list{display:block;width:100%;margin:0 auto 70px auto;border-top:1px solid #404040;border-bottom:1px solid #404040;overflow:hidden}.articleList__list::after{content:'';position:absolute;top:1px;right:-1px;display:block;width:50px;height:calc(100% - 2px);background:linear-gradient(to right,transparent 45%,#111110 100%);pointer-events:none}.articleList__list__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;padding:20px 0;font-size:14px;line-height:1.2;color:#fff;font-family:'NotoSerifTC-B';letter-spacing:1.5px;list-style:none;overflow:hidden}.articleList__list__box .slick-track{display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-start;justify-content:flex-start}.articleList__list__box__item{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;flex:0 0 auto}.articleList__list__box__item.slick-slide{display:flex;float:none}.articleList__list__box__item.c-deleteLine::after{left:0;width:calc(100% - 1em)}.articleList__list__box__item:last-child::after{width:100%}.articleList__list__box__item__link{display:block;width:100%;margin:0 calc(5px + 1em) 0 0;padding:5px}.articleList__list__box__item__link::before{content:',';position:absolute;bottom:5px;right:calc(-5px - 1em);display:block;width:auto;max-width:100%;padding:0 5px}.articleList__list__box__item:last-child .articleList__list__box__item__link{margin:0}.articleList__list__box__item:last-child .articleList__list__box__item__link::before{display:none}.articleList__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;height:calc(100% - 205px);min-height:300px;padding:0 0 0 65px;overflow:visible}.articleList__box__inner{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:auto;height:100%;flex:0 0 auto;overflow:visible;transition:transform 1s ease}.articleList__box__inner.slick-slider{display:block}.articleList__box__inner .slick-list,.articleList__box__inner .slick-track{height:100%;overflow:visible}.articleList__box__inner .slick-track{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start}.articleList__box__inner .slick-dotsArticle{left:-65px;width:calc(100% + 65px)}.articleList__box__inner__item{height:100%;margin:0 150px 0 0}.articleList__box__inner__item:nth-child(1),.articleList__box__inner__item:nth-child(2){order:-10}.articleList__box__inner__link{height:100%;margin:0 150px 0 0;order:-10}.articleList__box__inner__link img{width:auto;height:100%}.articleList__box__inner__link .pad{display:none}.articleList__box__inner__link__text{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:calc(100% - 40px);padding:10px 15px;font-size:14px;line-height:inherit;color:#fff;font-family:inherit;background:#111;border-radius:20px;overflow:hidden}.articleList__box__inner__link__text::after{content:'';position:relative;display:block;width:6px;height:12px;margin:0 0 0 10px;background:url(/assets/images/common/icon_next_arrow_white.svg) center/contain no-repeat;flex:0 0 auto}.articleList__box__srollbar{position:absolute;bottom:-70px}.articleList__box__inner__tool{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;height:100%;flex:0 0 auto}.articleList__box__inner__tool.slick-slide{display:flex}.articleList__box__inner__tool__page{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center;width:215px;margin:0 150px 0 0;padding:30px 50px;border-left:1px solid #404040;border-right:1px solid #404040}.articleList__box__inner__tool__page::before{content:'';position:relative;display:block;width:60px;height:1px;margin:33px auto;background:#404040;transform-origin:center;transform:rotate(-20deg);order:2}.articleList__box__inner__tool__page__prev,.articleList__box__inner__tool__page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:115px;max-width:100%;font-size:16px;line-height:1;color:#fff;font-family:'NotoSerifTC-B';transition:opacity .4s ease-in-out;flex:0 0 auto}.articleList__box__inner__tool__page__prev:hover,.articleList__box__inner__tool__page__next:hover{opacity:.7}.articleList__box__inner__tool__page__prev::before,.articleList__box__inner__tool__page__next::before{content:'';position:relative;display:block;width:55px;height:13px;background:url(/assets/images/common/icon_arrow_long_white.svg) right center no-repeat,linear-gradient(to bottom,#fff calc(50% - .5px),#fff calc(50% + .5px)) center no-repeat;background-size:contain,100% 1px;flex:0 0 auto}.articleList__box__inner__tool__page__prev::before{transform:scaleX(-1)}.articleList__box__inner__tool__page__next{order:3}.articleList__box__inner__tool__page__next::before{order:2}.articleList__box__inner__tool__recommend{padding:30px 0}@media screen and (max-width:1400px){.articleList__box{padding:0 0 0 30px}.articleList__box__inner .slick-dotsArticle{left:-30px;width:calc(100% + 30px)}}@media screen and (max-width:1200px){.articleList__box__inner__item,.articleList__box__inner__link{margin:0 75px 0 0}}@media screen and (max-width:991px){.articleList{height:auto;min-height:0;padding:165px 0 175px 0}.articleList__list{margin:0 auto 50px auto}.articleList__box{display:block;height:auto;min-height:0;padding:0}.articleList__box__inner{flex-wrap:wrap;width:100%}.articleList__box__inner__item{margin:0 0 65px 0}.articleList__box__inner__item:last-child{margin:0}.articleList__box__inner__link{height:auto;margin:0 0 65px 0}.articleList__box__inner__link:last-child{margin:0}.articleList__box__inner__link img{width:100%;height:auto}.articleList__box__inner__link .pc{display:none}.articleList__box__inner__link .pad{display:block}.articleList__box__srollbar{display:none}.articleList__box__inner__tool{display:block;width:100%;margin:100px auto 0 auto}.articleList__box__inner__tool.slick-slide{display:block}.articleList__box__inner__tool__page{flex-direction:row;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%;margin:0;padding:30px 0;border:none;border-top:1px solid #404040;border-bottom:1px solid #404040}.articleList__box__inner__tool__page::before{display:none}.articleList__box__inner__tool__page::after{content:'';position:absolute;top:calc(50% - .5px);left:calc(50% - 30px);display:block;width:60px;height:1px;background:#404040;transform-origin:center;transform:rotate(-15deg)}.articleList__box__inner__tool__recommend{margin:90px auto 0 auto;padding:0}}@media screen and (max-width:767px){.articleList__box__inner__tool{margin:60px auto 0 auto}.articleList__box__inner__tool__page{padding:25px 0}.articleList__box__inner__tool__page__prev,.articleList__box__inner__tool__page__next{width:60px;font-size:13px}.articleList__box__inner__tool__page__prev::before,.articleList__box__inner__tool__page__next::before{width:15px}.articleList__box__inner__tool__recommend{margin:55px auto 0 auto}}@media screen and (max-width:575px){.articleList{padding:110px 0 140px 0}.articleList__list{margin:0 auto 30px auto}.articleList__list__box{padding:15px 0;font-size:13px}.articleList__box__inner__item,.articleList__box__inner__link{margin:0 0 40px 0}.articleList__box__inner__link__text{bottom:10px;right:10px;max-width:calc(100% - 20px);padding:6px 15px;font-size:13px;border-radius:15px}.articleList__box__inner__tool__page::after{left:calc(50% - 22.5px);width:45px;transform:rotate(-20deg)}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}