*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}html,body{height:calc(100% + 1px)}body{font:100% 'Arimo',sans-serif}.filter-wrapper,.keyword-wrapper{display:flex;justify-content:center}.filter-wrapper{flex-flow:column wrap;align-items:center;position:relative;width:100%;margin-bottom:4rem}.add_min_height{min-height:300px}.keyword-wrapper{width:100%;position:absolute;top:0;z-index:5}#searchkeyword{border:1px solid #ccc;padding:10px;font:1.5em 'Arimo',sans-serif;width:50%;outline:none;transition:border .5s ease-in-out}#searchkeyword:focus{border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}#keyword-button{position:absolute;right:26%;top:40%;transform:translateY(-50%);font-size:1.7em;color:#8db9ed}#keyword-button:hover{color:#ccc}.filter-select{width:50%;list-style:none;font-size:1.1em;color:#696969;border:1px solid #ccc;border-top:none;position:absolute;left:25%;top:50px;max-height:calc(50% - 15px);overflow-y:auto;background:#fff;z-index:7777}.filter-select-list{cursor:pointer;padding:5px 10px}.filter-select-list:hover{background:#9b9b9b;color:#fff}.no-value{border:none}.list-highlight,.list-highlight:hover{background:#373737;color:#fff}@media only screen and (max-width:768px){.filter-select,#searchkeyword{width:80%}#searchkeyword{font-size:1.3em}.filter-select{font-size:.9em;left:10%;top:calc(50% + 23px)}#keyword-button{right:11%}}@media only screen and (max-width:480px){.filter-select,#searchkeyword{width:95%}.filter-select{left:2.5%}#keyword-button{right:3.5%}}.form-control-feedback{line-height:48px;font-size:20px}.has-search .form-control-feedback{right:initial;left:0;color:#ccc}.has-search .form-control{padding-right:12px;padding-left:34px;border-radius:0;height:unset;padding-top:12px;padding-bottom:12px;font-size:16px;color:#000}@media(max-width:480px){.has-search .form-control{font-size:13px}.form-control-feedback{font-size:20px}}