@font-face{font-family:kanit}body,html{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.height-all[data-v-bee6c430]{height:90vh}.div-category[data-v-d226cadc]{height:200px;overflow:auto}.div-category .folder-category[data-v-d226cadc]{margin-left:10px;margin-right:5px}.div-category .link[data-v-d226cadc]{cursor:pointer}.button-go-to-shop[data-v-3c77949a]{margin-right:10px}.status_bar[data-v-3c77949a]{background-color:#6d6d72;height:30px}.status_bar[data-v-3c77949a],.web_name_bar[data-v-3c77949a]{position:relative;left:0;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.web_name_bar[data-v-3c77949a]{background-color:#f2f2f2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px}.connected_font[data-v-3c77949a]{padding-right:3px;color:#fff}.connect_status_font[data-v-3c77949a],.connected_font[data-v-3c77949a]{font-family:Kanit,sans-serif;font-size:13px;font-weight:400px;text-align:center;vertical-align:middle;display:table-cell}.connect_status_font[data-v-3c77949a]{margin-left:5px}.status_dot[data-v-3c77949a]{margin-left:5px;margin-bottom:2px;text-align:center;vertical-align:middle;display:table-cell;padding-top:1px;padding-right:3px}.connectSection[data-v-3c77949a]{margin-left:20px;display:table;height:100%}.btnSection[data-v-3c77949a]{width:auto;height:100%;margin-left:6px;text-align:left;display:table}.descript_section[data-v-3c77949a]{margin-right:5px;display:table}.descript_font[data-v-3c77949a]{font-family:Kanit,sans-serif;font-size:15px;font-weight:800px;color:#808083;text-align:center;vertical-align:middle;display:table-cell}.webname_section[data-v-3c77949a]{margin-left:5px;height:auto;display:table}.webname_font[data-v-3c77949a]{font-family:Kanit,sans-serif;font-size:15px;text-align:center;vertical-align:middle;display:table-cell}.categories_section[data-v-3c77949a]{position:relative;top:20%;width:100%;height:280px;text-align:center}.select_categories[data-v-3c77949a]{margin-left:15%;width:500px}.categories_font[data-v-3c77949a]{font-family:Kanit,sans-serif;font-size:30px;font-weight:800px}.logoutLink[data-v-3c77949a]{color:#f5f5f5;font-family:Mitr,sans-serif;font-size:14px;margin-top:5px;text-transform:capitalize;text-decoration:underline;-webkit-transition-duration:.4s;transition-duration:.2s;cursor:pointer;text-align:center;vertical-align:middle;display:table-cell;position:absolute;right:20px}@media only screen and (max-width:767px){.web_name_bar[data-v-3c77949a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.webname_section[data-v-3c77949a]{margin-top:0;margin-left:2%;margin-right:2%}.descript_section[data-v-3c77949a]{height:20px;margin-right:0}.categories_font[data-v-3c77949a]{margin-top:10%}.categories_section[data-v-3c77949a]{top:0;width:100%}.select_categories[data-v-3c77949a]{margin-left:5%;width:90%}}.box[data-v-3b776a4f]{width:700px;height:650px;margin:auto}.topSection[data-v-3b776a4f]{background-color:#e4e5e7;position:absolute;text-align:left;width:700px;height:300px}.bottomSection[data-v-3b776a4f]{position:absolute;bottom:0;width:100%;height:350px}@media only screen and (max-width:767px){.box[data-v-3b776a4f]{width:100%;height:350px}.topSection[data-v-3b776a4f]{display:none;height:0;width:100%}.bottomSection[data-v-3b776a4f]{bottom:auto;width:100%}}@media only screen and (max-width:767px) and (max-width:575px){.box[data-v-3b776a4f]{width:90%}}.list-group[data-v-0a90df3c]{height:200px;overflow:auto}.list-group .list-group-item[data-v-0a90df3c]{border:none}.loginSection[data-v-625bac3a]{position:relative;margin-bottom:1%;width:700px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.middlePos[data-v-625bac3a]{position:relative;width:100%}.input_box[data-v-625bac3a]{border-radius:8px;margin-top:3px;height:35px;width:100%}.head_font_format[data-v-625bac3a]{font-family:Kanit,sans-serif;margin:0 auto;margin-top:15px;text-align:left;width:50%;font-size:13px;color:#3a3a3a}.loginBtn[data-v-625bac3a]{font-family:Mitr,sans-serif;font-style:italic;text-transform:capitalize;color:#fff;font-weight:1000;padding:5px 40px;margin-top:10px;border-radius:8px}.midSection[data-v-625bac3a]{background-color:#1b7ac2;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;top:0;width:100%;height:100px}.header_text[data-v-625bac3a],.midSection[data-v-625bac3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header_text[data-v-625bac3a]{width:700px;height:60px;font-family:Mitr,sans-serif;font-style:italic;color:#fff;font-size:43px}.description_text[data-v-625bac3a]{width:700px;height:40px;font-family:Mitr,sans-serif;color:#fff;font-size:13px}.description_text>div[data-v-625bac3a]{display:inline-block;margin-left:4px}.alert_section[data-v-625bac3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.alert_login[data-v-625bac3a]{margin-top:15px;margin-bottom:0;display:inline-block;text-align:center;vertical-align:center;width:auto;min-width:350px;height:auto}.alert_font[data-v-625bac3a]{margin-top:0;font-size:15px;font-family:Mitr,sans-serif;line-height:21px;margin-bottom:0}.fade-enter-active[data-v-625bac3a],.fade-leave-active[data-v-625bac3a]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-625bac3a],.fade-leave-to[data-v-625bac3a]{opacity:0}.i_am_bold[data-v-625bac3a]{font-weight:1000;font-size:15px}@media only screen and (max-width:767px){.midSection[data-v-625bac3a]{background-color:#1b7ac2;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;top:0;height:auto;padding:5px;max-width:690px}.header_text[data-v-625bac3a],.midSection[data-v-625bac3a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.header_text[data-v-625bac3a]{height:60%;font-family:Mitr,sans-serif;font-style:italic;color:#fff;font-size:43px}.description_text[data-v-625bac3a]{width:100%;height:40%;font-family:Mitr,sans-serif;color:#fff;font-size:13px}.loginSection[data-v-625bac3a]{max-width:690px}.alert_section[data-v-625bac3a],.loginSection[data-v-625bac3a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.alert_section[data-v-625bac3a]{position:relative;margin-top:5px}.alert_login[data-v-625bac3a]{margin-top:15px;display:inline-block;text-align:center;width:90%;margin-left:5%;margin-right:5%}.input_box[data-v-625bac3a]{border-radius:8px;margin-top:1%;height:40px;width:100%}.head_font_format[data-v-625bac3a]{font-family:Kanit,sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px;margin-bottom:5px;width:90%;font-size:13px;color:#3a3a3a}.loginBtn[data-v-625bac3a]{height:40px}}.box[data-v-d71b21ae]{width:700px;height:auto;margin:auto}.topSection[data-v-d71b21ae]{background-color:#e4e5e7;position:relative;width:700px;height:300px}.bottomSection[data-v-d71b21ae]{position:relative;bottom:0;width:700px}@media only screen and (max-width:767px){.topSection[data-v-d71b21ae]{visibility:hidden;height:0}.box[data-v-d71b21ae]{width:100%}.bottomSection[data-v-d71b21ae]{top:0;width:100%}}