#htmlcontent_home ul{margin:0 -5px}#htmlcontent_home ul li{padding:0}#htmlcontent_home ul li img{max-width:100%;height:auto}@media (max-width: 419.98px){#htmlcontent_home ul li{width:100%}#htmlcontent_home ul li img{min-width:100%}}#htmlcontent_top{position:relative;z-index:1}#htmlcontent_top ul{margin:50px 50px 0 50px;height:calc(100vw/4)}@media (max-width: 737.98px){#htmlcontent_top ul{height:calc(87.5vw)}}#htmlcontent_top li{width:100% !important;float:left}@media (min-width: 738px){#htmlcontent_top li{width:50% !important}}#htmlcontent_top li .item-img{max-width:100%;height:auto;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1)}#htmlcontent_top li .htmlcontent-container{position:relative;width:100%;margin:0 auto;background-color:#0e8063;overflow:hidden;position:relative;display:block}#htmlcontent_top li .htmlcontent-container:before{content:'';display:block;width:100%;height:0;padding:0 0 50%}#htmlcontent_top li .htmlcontent-container img{margin:0;position:absolute;top:0;left:0;width:100%}#htmlcontent_top li .htmlcontent-container:hover .item-link .item-img{opacity:0.5;-webkit-transform:scale3d(1.25, 1.25, 1.25);transform:scale3d(1.25, 1.25, 1.25)}#htmlcontent_top li .htmlcontent-container:hover .item-title:after{background-color:#1DE9B6;-webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1)}#htmlcontent_top li .item-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#htmlcontent_top li .item-title{position:absolute;left:12px;bottom:110px;padding:6px 24px;color:#263238;text-align:center;text-transform:uppercase;font-size:1.8rem;letter-spacing:0.05ch;z-index:2}@media (max-width: 1367.98px){#htmlcontent_top li .item-title{bottom:120px}}@media (max-width: 1007.98px){#htmlcontent_top li .item-title{font-size:1.25rem;bottom:12px;width:calc(100% - 24px);height:60px;text-align:left;background-color:rgba(255,255,255,0.85);padding-top:12px;margin-bottom:0}}@media (max-width: 419.98px){#htmlcontent_top li .item-title{font-size:1rem}}#htmlcontent_top li .item-title:after{content:'';background-color:#2196f3;height:6px;width:50%;position:absolute;bottom:-10px;left:24px;border-radius:6px;-webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1)}@media (max-width: 1007.98px){#htmlcontent_top li .item-title:after{bottom:15px;width:120px}}@media (max-width: 419.98px){#htmlcontent_top li .item-title:after{height:4px;bottom:18px}}#htmlcontent_top li .item-html{position:absolute;bottom:12px;left:12px;height:164px;width:80%;background-color:rgba(255,255,255,0.85);z-index:1}@media (max-width: 1367.98px){#htmlcontent_top li .item-html{height:180px}}@media (max-width: 1007.98px){#htmlcontent_top li .item-html{display:none}}#htmlcontent_top li .item-html p{position:absolute;top:80px;padding:0 24px;color:#263238;max-height:calc(var(--product-line-height) * 3);line-height:var(--product-line-height);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}#htmlcontent_top li>a{display:block}#htmlcontent_footer .htmlcontent-container{border:3px solid #1DE9B6;font-weight:700;font-size:1rem}#htmlcontent_footer .htmlcontent-container a{display:block;position:relative;z-index:1;overflow:hidden;padding:36px}#htmlcontent_footer .htmlcontent-container a:after{content:'';position:absolute;bottom:-30px;left:-7px;z-index:-1;width:150px;height:37px;-webkit-transform:rotate(10deg) translate(0, 0);transform:rotate(10deg) translate(0, 0);-webkit-transition:-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .4s cubic-bezier(0.23, 1, 0.32, 1);background:#1DE9B6}#htmlcontent_footer .htmlcontent-container a:hover:after{-webkit-transform:rotate(10deg) translate(0, 100%);transform:rotate(10deg) translate(0, 100%)}#htmlcontent_footer .htmlcontent-container a span{color:#1DE9B6;text-transform:uppercase}

/*# sourceMappingURL=hooks.css.map */