#tag.index .title{font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:1.5rem;text-align:center}#tag.index .title h1{color:#000;font-size:1.5em;line-height:1}#tag.index .title span{color:#666}#tag.index .search{display:flex;margin-bottom:3rem}#tag.index .search form{margin:auto;position:relative}#tag.index .search .field{margin:0}#tag.index .search .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}#tag.index .search .field .sub-field{align-items:baseline;display:flex;width:100%}@media only screen and (max-width:480px){#tag.index .search .field{margin-bottom:2rem;margin-left:1.25rem}#tag.index .search .field .sub-field{display:block;margin-right:1.25rem}}#tag.index .search .field [type=text]{border-radius:0;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;height:50px;line-height:1.25;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;border-radius:20px;border:1px solid #b80000;font-family:IBM Plex Sans Thai Light,sans-serif;height:40px;padding:.75rem 2.25rem .75rem 1rem;width:25rem}#tag.index .search .field [type=text]::-moz-placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#tag.index .search .field [type=text]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}#tag.index .search .field [type=text]:focus{border-color:#666;box-shadow:0 0 0 .2rem hsla(0,0%,40%,.25);outline:0}@supports(-webkit-overflow-scrolling:touch){#tag.index .search .field [type=text]{font-size:1em}#tag.index .search .field [type=text]::-moz-placeholder{line-height:normal}#tag.index .search .field [type=text]::placeholder{line-height:normal}}#tag.index .search .field [type=text]:focus{border-color:#b80000;box-shadow:0 0 0 .2rem rgba(184,0,0,.25)}#tag.index .search .btn{bottom:0;position:absolute;right:0;top:0}#tag.index .search .btn button{background-color:transparent;border:0;color:#b80000;cursor:pointer;font-size:1em;height:100%;padding:0;width:2.5rem}#tag.index .search .btn i{font-size:.9em}#tag.index .list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-.75rem}#tag.index .list li{margin:.75rem .5rem 0;text-align:center}#tag.index .list a{border:1px solid #666;border-radius:2rem;color:#666;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9em;line-height:2rem;padding:0 1rem;transition:background-color .3s ease-in-out}#tag.index .list a:hover{background-color:rgba(0,0,0,.05)}#tag.index .list .icon{margin-right:.125rem}#tag.index .list .count p{font-size:.8em}#tag.index p{text-align:center}@media only screen and (max-width:768px){#tag.index{margin-bottom:8rem}#tag.index .search{margin-bottom:2rem}}@media only screen and (max-width:480px){#tag.index .search{display:block}#tag.index .search .field{margin:0}#tag.index .search .field [type=text]{width:100%}}