blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;list-style-position:inside}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{line-height:1em}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrap:after{content:"";display:block;clear:both}body,html{height:100%}body{font-family:"Open Sans",sans-serif;font-weight:400;font-size:18px;line-height:1.5em;text-align:center;color:#676767;background-color:#f7f7f7}.wrap{width:100%;max-width:768px;margin:0 auto;text-align:left;position:relative}.mb1,.mb2,.mb3{display:block}.mb1{margin-bottom:18px}.mb2{margin-bottom:36px}.mb3{margin-bottom:54px}h1{font-size:2.4rem}h2{font-size:2rem}.bt{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:#494242}a:hover{color:#f7a60b}.bt{display:inline-block;font-family:Kanit,Helvetica,Arial,Lucida,sans-serif;font-size:1.1rem;line-height:1em;padding:1rem 1.5rem;text-decoration:none;cursor:pointer;text-transform:uppercase;border:0}.bt:hover{color:#fff}.bt-orange{color:#fff;background-color:#f7a60b}.bt-black{color:#fff;background-color:#494242}.bt-gray{color:#494242;background-color:#e7e7e7}.bt-gray:hover{color:#494242}.bt-scale{display:inline-block;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.bt-scale:focus{outline:0}.bt-scale:focus,.bt-scale:hover{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}.form{max-width:420px;margin:auto;text-align:left}.form .field{margin-bottom:1rem}.form label{display:block;font-weight:700;font-size:1rem}.form .input{display:block;width:100%;padding:1rem;font-family:"Open Sans",sans-serif;font-weight:500;font-size:1rem;line-height:1em;color:#494242;border:1px solid #494242}.form .input:focus{background:rgba(247,166,11,.05);outline-color:#f7a60b}.form .input-area{line-height:1.5em;min-width:100%;max-width:100%;min-height:8rem;max-height:16rem;padding:.75rem 1rem}.notyf{font-size:1rem}.notyf .notyf__toast{text-align:left}.alternatives .item{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.struct{min-height:calc(100% - 60px);padding:3rem 0}.struct .wrap{text-align:center}.struct .logo{max-width:320px;margin-left:auto;margin-right:auto}.struct .title small{display:block;font-size:.75em;color:#f7a60b}.struct .content{background:#fff;padding:3rem}.alternatives{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:1rem;max-width:420px;margin-left:auto;margin-right:auto}.alternatives.attendants{max-width:none}.alternatives.attendants .item{margin-bottom:0;width:calc(25% - .75rem)}.alternatives .item{cursor:pointer;width:calc(50% - .5rem);padding:1rem;background:#f1f1f1;font-family:Kanit,Helvetica,Arial,Lucida,sans-serif;font-weight:700;text-transform:uppercase}.alternatives .item:hover{background:rgba(247,166,11,.2)}.alternatives .item.active{color:#fff;background:#494242}.alternatives .item img{display:block;margin-bottom:.5rem}.ratings .item{width:100%;text-align:left}.ratings .rating{float:right}.ratings .rating .rate{display:inline-block;width:24px;height:24px;opacity:.25;margin-left:4px;background:url(svg/star.svg) no-repeat center;-webkit-background-size:100% auto;background-size:100% auto}.ratings .rating .rate:first-child{margin-left:0}.ratings .rating .rate:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.ratings .rating .rate.active{opacity:1;background-image:url(svg/star-on.svg)}.squeeze .buttons .bt{margin-right:.5rem}.squeeze .buttons .bt:last-child{margin-right:0}.footer{height:60px;padding:1rem 0;color:#a7a7a7;font-size:.75rem}.footer a{color:inherit;text-decoration:none;font-weight:700}.footer a:hover{color:#494242}.report{max-width:none;display:flex;flex-wrap:nowrap;gap:.5rem;align-items:flex-end;margin-bottom:2rem}.report .field{width:140px;margin-bottom:0}.report .input{height:50px}.report .buttons .bt{margin-right:.25rem}.report .buttons .link{font-size:.9rem}.feedbacks{text-align:left}.feedbacks .buttons{display:flex;gap:.5rem;align-items:center}.feedbacks .buttons .bt{width:140px}.feedbacks .items{font-weight:700}.feedbacks .item{padding:2rem;background:#f1f1f1}.feedbacks .item:hover{background:rgba(247,166,11,.2)}.feedbacks .item table{font-size:.9rem}.pagination{text-align:center}.pagination a,.pagination span{display:inline-block;padding:.5rem 1rem;text-decoration:none;background-color:#f1f1f1;font-weight:700;margin:0 .25rem}.pagination .current{color:#fff;background-color:#494242}.pagination a:hover{color:#fff;background-color:#f7a60b}.login{max-width:320px}.login .buttons .bt{width:100%}.logout{text-align:right;font-size:.9rem;font-weight:700;margin-bottom:1rem}.row{display:flex;flex-wrap:wrap}img{display:block;max-width:100%;height:auto}.hide{display:none}.row{align-items:center}.col{padding:0 18px}.full{width:100%}.half{width:50%}.one-third{width:33.33%}.two-third{width:66.66%}@media only screen and (max-width:1024px){.hide-1024{display:none}.show-1024{display:block}.full-1024{width:100%}.half-1024{width:50%}.one-third-1024{width:33.33%}.two-third-1024{width:66.66%}}@media only screen and (max-width:768px){.hide-768{display:none}.show-768{display:block}.full-768{width:100%}.half-768{width:50%}.one-third-768{width:33.33%}.two-third-768{width:66.66%}}@media only screen and (max-width:480px){.hide-480{display:none}.show-480{display:block}.half-480{width:50%}.full-480{width:100%}.col{padding-left:8px;padding-right:8px}.mb1{margin-bottom:8px}.mb2{margin-bottom:12px}.mb3{margin-bottom:24px}}@media only screen and (max-width:768px){h1{font-size:2rem}h2{font-size:1.8rem}.mb1{margin-bottom:12px}.mb2{margin-bottom:24px}.mb3{margin-bottom:36px}.struct{padding:1rem 0}.struct .content{padding:2rem}.alternatives.attendants .item,.alternatives.stores .item{max-width:calc(300px + 2rem);width:calc(50% - .5rem)}}@media only screen and (max-width:480px){h1{font-size:1.8rem}h2{font-size:1.6rem}.mb1{margin-bottom:9px}.mb2{margin-bottom:18px}.mb3{margin-bottom:27px}.struct{padding-bottom:0}.alternatives .item{width:100%}.form .buttons{display:flex;gap:1rem}.form .buttons .bt{width:calc(50% - .5rem)}.form .buttons .bt:first-child{margin:0}}