.top-banner{margin-top:-100px;background:#f8f8f8}.top-banner .container{width:100%;max-width:1920px;height:100%;position:relative;overflow:hidden}.top-banner .content{width:100%;max-width:1180px;margin:0 auto;padding:6.25rem 0 6.375rem}.top-banner h1{margin:6.25rem 0 3.75rem;font-size:3rem;font-weight:normal;letter-spacing:-1.92px;color:#10a3ad}.top-banner h1 .eng-font{font-family:"Montserrat"}#d-tom-trend-slides.d-tom-trend-slides{width:1550px}#d-tom-trend-slides .swiper-slide{width:100%;max-width:280px}#d-tom-trend-slides .swiper-slide img{width:100%}#d-tom-trend-slides .swiper-slide .wrap-slide-img{width:100%;position:relative}#d-tom-trend-slides .swiper-slide .wrap-slide-img img{width:100%}#d-tom-trend-slides .swiper-slide .wrap-slide-img .new{position:absolute;top:0.625rem;right:0.625rem;padding:5px 7px 4px;background-color:#107dad;font-family:"Montserrat";font-size:0.75rem;font-weight:bold;color:#fff}#d-tom-trend-slides .swiper-slide h2{margin-top:1.25rem;font-size:1.5rem;font-weight:normal}#d-tom-trend-slides .swiper-slide .desc{margin:0.625rem 0 1.25rem;font-size:1rem;color:#757575}#d-tom-trend-slides .swiper-slide .wrap-tags{margin-bottom:0.625rem;color:#10a3ad}#d-tom-trend-slides .swiper-slide .wrap-tags li{display:inline-block;margin-right:0.5rem;font-size:0.875rem;font-weight:bold}#d-tom-trend-slides .swiper-slide .date{font-family:"Montserrat";font-size:0.875rem;color:#ccc}#d-tom-trend-slides .wrap-swiper-button{position:absolute;top:0;left:0;width:100%;max-width:1180px;height:80%}#d-tom-trend-slides .swiper-button-prev,#d-tom-trend-slides .swiper-button-next{width:3.75rem;height:3.75rem;background:none}#d-tom-trend-slides .swiper-button-prev{display:none;left:12px}#d-tom-trend-slides .swiper-button-next{right:58px}#d-tom-trend-slides .swiper-button-prev::after,#d-tom-trend-slides .swiper-button-next::after{content:none}#d-tom-trend-slides .swiper-button-prev .material-icons{padding-left:1rem;box-sizing:border-box}#d-tom-trend-slides .swiper-button-prev .material-icons,#d-tom-trend-slides .swiper-button-next .material-icons{width:3.75rem;height:3.75rem;background:rgba(255,255,255,0.61);border:1px solid #b5b5b5;font-size:3rem;color:#d8d8d8;line-height:1.3;text-align:center}.wrap-sort-view-type{height:3.75rem;border:1px solid #e0e0e0}.wrap-sort-view-type .container{width:100%;max-width:1920px;height:100%}.wrap-sort-view-type .content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:0 auto}.wrap-sort-view-type .content .wrap-sort-type{width:100%;max-width:165px;height:3.75rem}.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type{display:flex;justify-content:space-between;align-items:center;height:100%;border-right:1px solid #eaeaea}.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .selected-sort-type{font-size:1rem;color:#333}.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .icon-expand{padding-right:1rem;color:rgba(0,0,0,0.3)}.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .icon-expand.icon-expand-less{display:none}.wrap-sort-view-type .content .wrap-sort-type .list-sort-type{position:relative;z-index:10;display:none;width:100%;max-width:165px;box-sizing:border-box;border:1px solid #eaeaea;background-color:#fff}.wrap-sort-view-type .content .wrap-sort-type .list-sort-type .sort-type{padding:0.5rem 1rem;border-bottom:1px solid #eaeaea}.wrap-sort-view-type .content .wrap-sort-type .list-sort-type .sort-type:last-of-type{border:none}.wrap-sort-view-type .content .list-view-type .view-type{display:inline-block;width:3.75rem;height:3.75rem;line-height:4.5rem;box-sizing:border-box;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;text-align:center;cursor:pointer;color:#ccc}.wrap-sort-view-type .content .list-view-type .view-type.active{background-color:#f3f3f3;border:none;color:#757575}.wrap-tags-articles{margin:8.125rem 0 6.25rem}.wrap-tags-articles .container{width:100%;max-width:1920px;height:100%}.wrap-tags-articles .content{width:100%;max-width:1180px;margin:0 auto;padding:0 3.75rem;box-sizing:border-box}.wrap-tags-articles .wrap-tags{margin-bottom:3.75rem}.wrap-tags-articles .wrap-tags .tag{display:inline-block;margin-right:0.625rem;padding:0.625rem 1.25rem;border:1px solid #ccc;border-radius:1.625rem;font-size:1rem;color:#757575;cursor:pointer}.wrap-tags-articles .wrap-tags .tag:last-of-type{margin-right:0}.wrap-tags-articles .wrap-tags .tag.all-tag{font-family:"Montserrat"}.wrap-tags-articles .wrap-tags .tag.active{border:1px solid #10a3ad;color:#10a3ad}.wrap-tags-articles .wrap-articles .article{margin-bottom:5rem;width:33%;max-width:17.5rem}.wrap-tags-articles .wrap-articles .article img{width:100%}.wrap-tags-articles .wrap-articles .article h2{margin-top:1.875rem;font-size:1.5rem;font-weight:normal;color:#000}.wrap-tags-articles .wrap-articles .article .desc{margin-top:0.625rem;font-size:1rem;color:#757575}.wrap-tags-articles .wrap-articles .article .tags{margin-top:1.25rem;font-size:0.875rem;font-weight:bold;color:#10a3ad}.wrap-tags-articles .wrap-articles .article .tags .tag{display:inline-block;margin-right:0.5rem}.wrap-tags-articles .wrap-articles .article .tags .tag:last-of-type{margin-right:0}.wrap-tags-articles .wrap-articles .article .date{margin-top:0.625rem;font-family:"Montserrat";font-size:0.875rem;font-weight:bold;color:#ccc}.wrap-tags-articles .pagination{display:flex;justify-content:center;align-items:center;width:50%;max-width:320px;margin:0 auto 3.25rem;font-family:"Montserrat"}.wrap-tags-articles .pagination .current-total-pages{margin:0 4.625rem;font-size:1.125rem;color:#000}.wrap-tags-articles .pagination .prev,.wrap-tags-articles .pagination .next{font-size:1rem;color:rgba(0,0,0,0.6)}.wrap-tags-articles .pagination .prev img,.wrap-tags-articles .pagination .next img{width:1.5rem;height:1.5rem;vertical-align:-7px}@media only screen and (max-width: 600px){.top-banner{flex:1 0 52%}.top-banner h1{padding-left:1.25rem;box-sizing:border-box;font-size:1.75rem}#m-tom-trend-slides{padding-left:1.25rem;box-sizing:border-box}#m-tom-trend-slides .swiper-slide{width:100%;max-width:252px}#m-tom-trend-slides .swiper-slide img{width:100%}#m-tom-trend-slides .swiper-slide .wrap-slide-img{width:100%;position:relative}#m-tom-trend-slides .swiper-slide .wrap-slide-img img{width:100%}#m-tom-trend-slides .swiper-slide .wrap-slide-img .new{position:absolute;top:0.625rem;right:0.625rem;padding:5px 7px 4px;background-color:#107dad;font-family:"Montserrat";font-size:0.75rem;font-weight:bold;color:#fff}#m-tom-trend-slides .swiper-slide h2{margin-top:1.875rem;font-size:1.25rem;font-weight:normal;letter-spacing:-0.6px;color:#000}#m-tom-trend-slides .swiper-slide .desc{margin:0.625rem 0 1.25rem;font-size:0.875rem;color:#757575}#m-tom-trend-slides .swiper-slide .wrap-tags{color:#10a3ad}#m-tom-trend-slides .swiper-slide .wrap-tags li{display:inline-block;margin-right:0.875rem;font-size:0.75rem;font-weight:bold;letter-spacing:0.17px}#m-tom-trend-slides .swiper-slide .wrap-tags li:last-of-type{margin-right:0}#m-tom-trend-slides .swiper-slide .date{font-family:"Montserrat";font-size:0.75rem;color:#ccc}.wrap-sort-view-type{height:3.125rem;border-left:none;border-right:none}.wrap-sort-view-type .content .wrap-sort-type{height:3.125rem}.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .selected-sort-type{padding-left:1.25rem}.wrap-sort-view-type .content .wrap-sort-type .list-sort-type{margin-top:-2px;border-left:none}.wrap-sort-view-type .content .list-view-type .view-type{width:3.125rem;height:3.125rem;line-height:3.75rem}.wrap-tags-articles{margin:3.125rem 0 6.25rem}.wrap-tags-articles .container{overflow:hidden}.wrap-tags-articles .content{padding:0 0.5rem}.wrap-tags-articles .wrap-tags{overflow-x:scroll;white-space:nowrap;margin-bottom:0.5rem;padding:0 0 2rem 1rem;scrollbar-width:none}.wrap-tags-articles .wrap-tags .tag{font-size:0.875rem}.wrap-tags-articles .wrap-articles{display:flex;justify-content:space-between;flex-wrap:wrap}.wrap-tags-articles .wrap-articles .article{margin-bottom:3.75rem;width:49%;max-width:195px}.wrap-tags-articles .wrap-articles .article img{width:100%;max-height:125px}.wrap-tags-articles .wrap-articles .article h2{font-size:1rem;letter-spacing:-0.64px}.wrap-tags-articles .wrap-articles .article .tags{margin-top:0.625rem;font-size:0.625rem;letter-spacing:0.14px}.wrap-tags-articles .wrap-articles .article .tags .tag{margin-right:4px}.wrap-tags-articles .wrap-articles .article .date{font-size:0.625rem;font-weight:normal}.wrap-tags-articles .pagination{margin-bottom:6.5rem;width:100%}.wrap-tags-articles .pagination .current-total-pages{margin:0 5.375rem;font-size:1rem}.wrap-tags-articles .pagination .prev,.wrap-tags-articles .pagination .next{font-size:0.75rem}.wrap-tags-articles .pagination .prev img,.wrap-tags-articles .pagination .next img{vertical-align:-8px}}