html{height:100%}body{position:relative;margin:0;min-height:100%;padding:0}#header{background:#595959;height:90px}#footer{position:absolute;bottom:0;width:100%}#main_content{padding-top:20px;margin-bottom:200px}.form-step-visual .title,.form-step-visual hr{color:#d2d6dc}.form-step-visual .step_container{margin-top:10px}.form-step-visual .step_desc{margin-top:7px}#screenshot-visual-mbp-container{margin:auto;max-width:400px;max-height:300px;background-size:contain;background-repeat:no-repeat}#screenshot-visual-mbp-container>div{padding-top:10px;margin:auto;width:75%;height:400px;overflow:hidden}@media (max-width:767px){#screenshot-visual-mbp-container{margin-top:20px}}img.footer-logo-sxa{width:120px}.comment-section{list-style:none;width:100%;padding:10px}.comment{display:flex;border-radius:3px;margin-bottom:45px;flex-wrap:wrap}.comment.user-comment{color:grey}.comment.author-comment{color:#60686d;justify-content:flex-start}.comment .info{width:17%}.comment.user-comment .info{text-align:right}.comment.author-comment .info{order:3}.comment .info div.user_name{display:block;text-decoration:none;color:#656c71;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:10px 0 3px}.comment .info span{font-size:11px;color:#9ca7af}.comment .avatar{width:8%}.comment.user-comment .avatar{padding:10px 18px 0 3px}.comment.author-comment .avatar{order:2;padding:10px 3px 0 18px}.comment .avatar img{display:block;border-radius:50%}.comment.user-comment .avatar img{float:right}.comment p{line-height:1.5;padding:18px 22px;width:50%;position:relative;word-wrap:break-word}.comment.user-comment p{background-color:#fff}.comment.author-comment p{background-color:#e2f8ff;order:1}.user-comment p:after{border-radius:50%;border:2px solid #f3f3f3;left:-8px}.author-comment p:after,.user-comment p:after{content:"";position:absolute;width:15px;height:15px;background-color:#fff;top:18px}.author-comment p:after{border-radius:50%;border:2px solid #e2f8ff;right:-8px}.write-new{margin:80px auto 0;width:50%}.write-new textarea{color:#444;font:inherit;outline:0;border-radius:3px;border:1px solid #cecece;background-color:#fefefe;box-shadow:1px 2px 1px 0 rgba(0,0,0,.06);overflow:auto;width:100%;min-height:80px;padding:15px 20px}.write-new img{border-radius:50%;margin-top:15px}.write-new button{float:right;box-shadow:1px 2px 1px 0 rgba(0,0,0,.12);border-radius:2px;border:0;color:#fff;font-weight:700;cursor:pointer;padding:10px 25px;margin-top:18px}@media (max-width:800px){.comment p{width:100%}.comment.user-comment .info{order:3;text-align:left}.comment.user-comment .avatar{order:2}.comment.user-comment p{order:1}.comment.author-comment{justify-content:flex-start}.comment-section{margin-top:10px}.comment .info{width:auto}.comment .info div.user_name{padding-top:15px}.comment.author-comment .avatar,.comment.user-comment .avatar{padding:15px 10px 0 18px;width:auto}.comment.author-comment p:after,.comment.user-comment p:after{width:12px;height:12px;top:auto;left:28px;bottom:-6px}.write-new{width:100%}}.filter-container{background-color:#fff;border-left:1px solid #d9e2ef;border-right:1px solid #d9e2ef;border-bottom:1px solid #d9e2ef;padding:20px 40px 40px}.filter-container .badge{margin:5px 10px 5px 0}.filter-container .order{padding-bottom:15px}.filter-container .order li{border:none}.filter-container .order img{width:30px;height:30px}.filter-container .order a{padding:10px}.filter-container .order .order-icon{padding-left:0}.filter-container .show_all{padding-top:20px}#filter-img,.filter-link{padding:15px 25px}#filter-img .refresh-icon,#filter-img img,.filter-link .refresh-icon{width:20px;height:20px}.filter-link:hover{color:#506690;background-color:#fff;border-color:#d9e2ef #d9e2ef #fff}