.blog-page{padding-top:120px}.blog-page section[name=cover]{padding-top:60px;padding-bottom:30px}.blog-page section[name=cover] .container{justify-content:flex-start;align-items:flex-start}.blog-page section[name=cover] .cover{aspect-ratio:1.9;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:auto;display:inline-block}.blog-page section[name=cover] .info{background-color:var(--theme-color-green);flex-direction:column;justify-content:flex-start;align-items:flex-start;width:545px;height:309px;margin-top:-220px;margin-left:45px;padding:20px 30px;display:inline-flex}.blog-page section[name=cover] .info .name{text-align:left;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;height:4.5em;font-size:32px;line-height:1.5em;display:-webkit-box;overflow:hidden}.blog-page section[name=cover] .info .category{color:#fff;text-align:center;background-color:#000;margin-top:auto;padding:4px 8px;font-size:20px}.blog-page section[name=cover] .info .attr{color:#000;text-align:left;margin-top:10px;font-size:18px}.blog-page section[name=content]{padding:0}.blog-page section[name=content] .paragraph{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:inline-flex}.blog-page section[name=content] .paragraph h2{width:100%;margin-top:15px;font-size:24px;font-weight:600;display:inline-block}.blog-page section[name=content] .paragraph p{overflow-wrap:break-word;word-break:break-all;width:100%;font-size:18px;line-height:1.5em;display:inline-flex}.blog-page section[name=content] .paragraph img{width:auto;height:auto;margin:10px 0}.blog-page section[name=content] .newsletter{background-color:#000;flex-direction:column;justify-content:flex-start;align-self:center;align-items:center;width:640px;max-width:100%;margin:15px 0;padding:15px 20px;display:inline-flex}.blog-page section[name=content] .newsletter .title{color:#fff;text-align:center;margin-bottom:0;font-size:32px}.blog-page section[name=content] .newsletter .desc{color:#fff;text-align:center;margin-top:1px;font-family:FontTitle;font-size:24px}.blog-page section[name=content] .newsletter .form-row{background-color:#fff;border-radius:30px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:60px;margin-top:15px;padding-left:35px;display:inline-flex}.blog-page section[name=content] .newsletter .form-row input{background-color:#0000;flex:1;width:auto;height:auto;padding:0;font-size:16px}.blog-page section[name=content] .newsletter .form-row button{color:#000;background-color:var(--theme-color-green);border-radius:30px;height:100%;font-family:FontTitle;font-size:24px;font-weight:700}.blog-page section[name=content] .newsletter .checkbox{color:#fff;cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;margin-top:15px;display:inline-flex}.blog-page section[name=content] .newsletter .checkbox .box{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 80%;border:1px solid #ccc;border-radius:2px;width:20px;height:20px;margin-top:2px;margin-right:10px;display:inline-block}.blog-page section[name=content] .newsletter .checkbox.checked .box{background-image:url(/images/icon-tick.png)}.blog-page section[name=content] .newsletter .checkbox .label{color:#fff;text-align:left;font-size:14px}.blog-page section[name=content] .tag-list{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-top:60px;display:inline-flex}.blog-page section[name=content] .tag-item{color:#fff;cursor:pointer;background-color:#000;margin-right:15px;padding:.4em .8em;font-size:16px}.blog-page section[name=content] .button-row{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:15px;display:inline-flex}.blog-page section[name=content] button[name=back]{background-color:#fff;background-image:url(/images/blog-back.png);background-position:50%;background-repeat:no-repeat;background-size:auto 24px;border:1px solid #000;border-radius:30px;width:131px;height:60px;margin:0 15px 0 0}.blog-page section[name=content] button[name=next]{color:#fff;text-align:center;border-radius:30px;width:160px;height:60px;font-family:FontTitle;font-size:28px}.blog-page section[name=blog] .title{font-size:30px}.blog-page section[name=blog] .blog-list{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:100%;display:inline-flex}.blog-page section[name=blog] .blog-list .blog-item{width:24%;margin-bottom:20px;margin-right:1.3333%}.blog-page section[name=blog] .blog-item:nth-child(4n){margin-right:0}@media only screen and (max-width:480px){.blog-page{padding-top:60px}.blog-page section[name=cover]{padding:0}.blog-page section[name=cover] .container{align-items:center}.blog-page section[name=cover] .info{align-items:center;width:90%;height:auto;margin-top:-60px;margin-left:0;padding:8px 12px}.blog-page section[name=cover] .info .name{height:auto;font-size:18px}.blog-page section[name=cover] .info .category{margin-top:5px;font-size:16px}.blog-page section[name=cover] .info .attr{font-size:14px}.blog-page section .container{padding:30px 15px}.blog-page section[name=content] .newsletter .title{font-size:24px}.blog-page section[name=content] .newsletter .desc{font-size:18px}.blog-page section[name=content] .newsletter .form-row{border-radius:25px;height:45px;padding-left:15px}.blog-page section[name=content] .newsletter .form-row input{min-width:0}.blog-page section[name=content] .newsletter .form-row button{border-radius:25px;font-size:16px}.blog-page section[name=content] .newsletter .checkbox .label{font-size:11px}.blog-page section[name=content] .paragraph img{max-width:100%}.blog-page section[name=content] button[name=back]{background-size:auto 18px;width:90px;height:45px}.blog-page section[name=content] button[name=next]{border-radius:25px;width:120px;height:45px;padding:0;font-size:24px}.blog-page section[name=blog] .blog-list{flex-direction:column}.blog-page section[name=blog] .blog-list .blog-item{width:100%;margin-right:0}}