@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Creepster);@import url(https://use.fontawesome.com/releases/v5.8.2/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@100;200&display=swap);#app{font-family:Kanit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.space{height:50px}:root{--primary-light:#8abdff;--primary:#6d5dfc;--primary-dark:#5b0eeb;--white:#fff;--greyLight-1:#e4ebf5;--greyLight-2:#c8d0e7;--greyLight-3:#bec8e4;--greyDark:#9baacf;--nav-width:92px;--first-color:#e05429;--bg-color:#f4f7fb;--sub-color:#f5ccc0;--orange-color:#ff5f2d;--bade-orange:#fa8c6b;--normal-font-size:1rem;--small-font-size:.875rem;--btn-color:#e05429;--btn-bg:#f4f7fb;--btn-color-return:#514440;--btn-bg-return:#f4f7fb;--whitec:#fcfcfc;--gray:#cbcdd3;--dark:#777;--error:#ef8d9c;--orange:#ffc39e;--success:#b0db7d;--secondary:#99dbb4;--color1:#363238;--color2:#2f245b;--color3:#f68632;--color4:#547d57;--spider-size:170px;--leg-size:30px;--clr-primary:#f5f5f5;--clr-secondary:#38bdf8;--clr-button:#0369a1}.ocean[data-v-6016acea]{height:60%;width:100%;position:relative;bottom:0;left:0;background:#015871}.col_white_amrc[data-v-6016acea]{color:#fff;font-family:Kanit,sans-serif}footer[data-v-6016acea]{width:100%;background-color:#be5504;opacity:.9;min-height:250px;padding:10px 0 25px 0;text-align:center;font-family:Kanit,sans-serif;bottom:0;position:sticky;height:auto}.pt2[data-v-6016acea]{padding-top:40px;margin-bottom:20px;text-align:left;font-family:Kanit,sans-serif}i[data-v-6016acea]{color:#fff}footer p[data-v-6016acea]{font-size:13px;color:#fff;padding-bottom:0;margin-bottom:8px;text-align:left;font-family:Kanit,sans-serif}.mb10[data-v-6016acea]{padding-bottom:15px}.footer_ul_amrc[data-v-6016acea]{margin:0;list-style-type:none;font-size:14px;padding:0 0 10px 0;font-family:Kanit,sans-serif}.footer_ul_amrc li[data-v-6016acea]{padding:0 0 5px 0}.footer_ul_amrc li a[data-v-6016acea]{color:#fff;font-family:Kanit,sans-serif}.footer_ul_amrc li a[data-v-6016acea]:hover{color:#fff;text-decoration:none;font-family:Kanit,sans-serif}.fleft[data-v-6016acea]{float:left}.padding-right[data-v-6016acea]{padding-right:10px}.footer_ul2_amrc[data-v-6016acea]{margin:0;list-style-type:none;padding:0;font-family:Kanit,sans-serif}.footer_ul2_amrc li p[data-v-6016acea]{display:table;font-family:Kanit,sans-serif}.footer_ul2_amrc li a[data-v-6016acea]:hover{text-decoration:none;font-family:Kanit,sans-serif}.footer_ul2_amrc li i[data-v-6016acea]{margin-top:5px}.bottom_border[data-v-6016acea]{border-bottom:1px solid #fff;padding-bottom:20px;font-family:Kanit,sans-serif}.foote_bottom_ul_amrc[data-v-6016acea]{list-style-type:none;padding:0;display:table;margin-top:10px;margin-right:auto;margin-bottom:10px;margin-left:auto;font-family:Kanit,sans-serif}.foote_bottom_ul_amrc li[data-v-6016acea]{display:inline;font-family:Kanit,sans-serif}.foote_bottom_ul_amrc li a[data-v-6016acea]{color:#fff;margin:0 12px;font-family:Kanit,sans-serif}.social_footer_ul[data-v-6016acea]{display:table;margin:15px auto 0 auto;list-style-type:none;font-family:Kanit,sans-serif}.social_footer_ul li[data-v-6016acea]{padding-left:20px;padding-top:10px;float:left;font-family:Kanit,sans-serif}.social_footer_ul li a[data-v-6016acea]{color:#fff;padding:8px;border-radius:50%}.social_footer_ul li i[data-v-6016acea]{width:20px;height:20px;text-align:center}.ghost-box[data-v-6016acea]{padding:30px 30px 50px 30px;margin:0 auto;position:absolute;width:200px;transform:scale(.75);transition:all 1s ease-in-out;opacity:.8;cursor:pointer;margin-left:1200px;top:-50px}.ghost-box[data-v-6016acea]:hover{opacity:.3;transform:translate(10%) rotate(2deg) scale(.85)}.ghost-box:hover .mouth.animate-smile[data-v-6016acea]{-webkit-animation:0;background:#111;transform:scale(.5) translateY(5%)}.ghost-box:hover .mouth[data-v-6016acea]:before{display:none}.ghost-box-left[data-v-6016acea]{padding:30px 30px 50px 30px;margin:0 auto;position:absolute;width:250px;transform:scale(.75);transition:all 1s ease-in-out;opacity:.8;cursor:pointer}.ghost-box-left[data-v-6016acea]:hover{opacity:.3;transform:translate(10%) rotate(2deg) scale(.85)}.ghost-box-left:hover .mouth.animate-smile[data-v-6016acea]{-webkit-animation:0;background:#111;transform:scale(.5) translateY(5%)}.ghost-box-left:hover .mouth[data-v-6016acea]:before{display:none}.ghost[data-v-6016acea]{width:250px;height:300px;background:#f8f8ff;border-radius:50% 50% 0 0;box-shadow:0 5px 40px 0 hsla(0,0%,100%,.7);position:relative;opacity:.8}.ghost[data-v-6016acea]:after,.ghost[data-v-6016acea]:before{content:"";background:#f8f8ff;position:absolute;z-index:10;bottom:-17px;width:160px;height:190px;border-radius:18%}.ghost[data-v-6016acea]:before{left:3px;transform:skew(-34deg) rotate(-23deg)}.ghost[data-v-6016acea]:after{right:3px;transform:skew(34deg) rotate(24deg)}.ghost .bottom-container-left[data-v-6016acea],.ghost .bottom-container-right[data-v-6016acea]{width:160px;height:100px;overflow:hidden;bottom:-90px;position:absolute;z-index:20}.ghost .bottom-container-left .wave[data-v-6016acea],.ghost .bottom-container-right .wave[data-v-6016acea]{display:block;position:relative;height:40px;background:#f8f8ff}.ghost .bottom-container-left .wave[data-v-6016acea]:before,.ghost .bottom-container-right .wave[data-v-6016acea]:before{content:"";display:block;position:absolute;border-radius:100%;width:100%;height:300px;background-color:#111;right:-25%;top:20px}.ghost .bottom-container-left .wave[data-v-6016acea]:after,.ghost .bottom-container-right .wave[data-v-6016acea]:after{content:"";display:block;position:absolute;border-radius:100%;width:100%;height:300px;background-color:#fffbf8;left:-25%;top:-240px}.ghost .bottom-container-left[data-v-6016acea]{transform:rotate(180deg) scaleY(-1)}.ghost .bottom-container-right[data-v-6016acea]{right:0}.ghost .face[data-v-6016acea]{position:absolute;z-index:20;top:80px;left:50%;transform:translateX(-50%);width:100px;height:70px}.ghost .face .eye[data-v-6016acea]{background:#111;width:30px;height:30px;border-radius:50%;position:absolute}.ghost .face .eye[data-v-6016acea]:before{content:"";width:5px;height:5px;border-radius:50%;background:#f8f8ff;position:absolute;right:8px;top:6px}.ghost .face .eye.eye-left[data-v-6016acea]{left:0}.ghost .face .eye.eye-right[data-v-6016acea]{right:0}.ghost .face .mouth[data-v-6016acea]{background:#111;width:42px;height:40px;border-radius:50%;position:absolute;left:30%;z-index:-1;bottom:0}.ghost .face .mouth[data-v-6016acea]:before{content:"";background:#f8f8ff;width:48px;height:40px;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);bottom:6px;transition:all .3s ease}.animate-hover[data-v-6016acea]{animation:animate-hover-6016acea 6s ease-in-out infinite alternate}@keyframes animate-hover-6016acea{0%{transform:translatey(0);opacity:.8}50%{transform:translatey(-33px);opacity:1;box-shadow:0 5px 50px 0 #fff}to{transform:translatey(0);opacity:.8}}.modal-content[data-v-6dcb2213],em[data-v-6dcb2213]{font-family:Kanit,sans-serif}.modal-content .modal-title[data-v-6dcb2213]{font-family:Kanit,sans-serif;font-weight:700}.badge-purple-noti[data-v-6dcb2213]{font-family:Kanit,sans-serif}.badge-purple-jong[data-v-6dcb2213],.badge-purple-noti[data-v-6dcb2213]{background-color:#ff7e00;color:#fff;position:relative;top:-13px;left:-10px;width:17px;height:17px;justify-content:center;align-items:center;border-radius:70%!important;font-size:12px}.item-color[data-v-6dcb2213]{font-family:Kanit,sans-serif;color:#fff;display:block;padding:.5rem 1rem}.badge-purple[data-v-6dcb2213]{background-color:#ff7e00;color:#fff}.top-icon[data-v-6dcb2213]{color:#fff}.img-logo[data-v-6dcb2213]{width:190px;height:100%}.tiger[data-v-6dcb2213]{background:#ff5f2d;background:linear-gradient(80deg,#ff5f2d 41%,#fa8128 71%)}.navbar2-size[data-v-6dcb2213]{padding:.5rem .5rem}.navbar-fixed[data-v-6dcb2213]{position:fixed;font-family:Kanit,sans-serif}.navbar[data-v-6dcb2213]{padding:0!important;font-family:Kanit,sans-serif}nav ul li[data-v-6dcb2213] :hover{text-decoration:none}nav[data-v-6dcb2213]{width:100%;color:#fff;font-weight:700;letter-spacing:.025em;font-family:Kanit,sans-serif}nav ul[data-v-6dcb2213]{text-align:center;margin:0}nav ul[data-v-6dcb2213],nav ul li[data-v-6dcb2213]:hover{font-family:Kanit,sans-serif}.filler[data-v-6dcb2213]{width:1px;height:200px}.two[data-v-6dcb2213]{height:1000px}.txt-modal[data-v-6dcb2213]{text-align:left;font-family:Kanit,sans-serif}.card-body-modal[data-v-6dcb2213]{bottom:50px;font-family:Kanit,sans-serif}.modal-img[data-v-6dcb2213]{height:90px}.item-cart[data-v-6dcb2213]{padding:20px}.item-modal[data-v-6dcb2213]{padding:0}.card #cart-modal[data-v-6dcb2213]{padding:0;font-family:Kanit,sans-serif}.fade-transition[data-v-6dcb2213]{transition:all .2s ease-out}.fade-enter[data-v-6dcb2213],.fade-leave[data-v-6dcb2213]{opacity:0}.halloween[data-v-6dcb2213]{position:relative}.ghost[data-v-6dcb2213]{position:absolute;margin-top:10%;right:0;z-index:999;width:160px;height:auto}.ghost01[data-v-6dcb2213]{position:absolute;margin-top:50%;left:0;z-index:999;width:200px;height:auto}.pumkin[data-v-6dcb2213]{position:absolute;margin-top:.3%;z-index:999;width:160px;height:auto}@media screen and (max-width:1200px){.ghost01[data-v-6dcb2213],.ghost[data-v-6dcb2213],.icon-football[data-v-6dcb2213],.icon-krathong1[data-v-6dcb2213]{display:none}}@keyframes float-6dcb2213{0%{transform:translatey(0)}50%{transform:translatey(-13px)}to{transform:translatey(0)}}.icon-krathong1[data-v-6dcb2213]{animation:float-6dcb2213 6s ease-in-out infinite;position:absolute;margin-top:1.3%;right:3%;left:-6%;z-index:666;width:50px;height:auto}.icon-football[data-v-6dcb2213]{position:absolute;margin-top:-.5%;right:3%;left:-6%;z-index:666;width:70px;height:auto}.snowflake[data-v-6dcb2213]{color:#fff;font-size:1.5em;font-family:Arial;text-shadow:0 0 1px #fff}@keyframes snowflakes-fall-6dcb2213{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake-6dcb2213{0%{transform:translateX(0)}50%{transform:translateX(80px)}to{transform:translateX(0)}}.snowflake[data-v-6dcb2213]{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall-6dcb2213,snowflakes-shake-6dcb2213;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall-6dcb2213,snowflakes-shake-6dcb2213;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake[data-v-6dcb2213]:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake[data-v-6dcb2213]:first-of-type{left:10%;animation-delay:1s,1s}.snowflake[data-v-6dcb2213]:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake[data-v-6dcb2213]:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake[data-v-6dcb2213]:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake[data-v-6dcb2213]:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake[data-v-6dcb2213]:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake[data-v-6dcb2213]:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake[data-v-6dcb2213]:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake[data-v-6dcb2213]:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.demo[data-v-6dcb2213]{display:block;margin:0 auto;padding:15px 0;text-align:center}.demo[data-v-6dcb2213],.demo a[data-v-6dcb2213]{font-family:Raleway,sans-serif;color:#fff}.btn-purple[data-v-6dcb2213]{color:#fff!important;border-color:#ff5f2d!important;background-color:#ff5f2d!important}.btn-purple.focus[data-v-6dcb2213],.btn-purple[data-v-6dcb2213]:focus,.btn-purple[data-v-6dcb2213]:hover{color:#fff!important;border-color:#fa815c!important;background-color:#fe6e42!important}.btn-purple.focus[data-v-6dcb2213],.btn-purple[data-v-6dcb2213]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)!important}.btn-purple.disabled[data-v-6dcb2213],.btn-purple[data-v-6dcb2213]:disabled{color:#fff!important;border-color:#ff5f2d!important;background-color:#ff5f2d!important}.btn-purple:not(:disabled):not(.disabled).active[data-v-6dcb2213],.btn-purple[data-v-6dcb2213]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-6dcb2213]{color:#fff!important;border-color:#ff5f2d!important;background-color:#fa815c!important}.btn-purple:not(:disabled):not(.disabled).active[data-v-6dcb2213]:focus,.btn-purple[data-v-6dcb2213]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-6dcb2213]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)!important}a[data-v-6dcb2213],li[data-v-6dcb2213]{font-family:Kanit,sans-serif}.space[data-v-07564cb4]{height:60px}.avatar[data-v-07564cb4]{border-radius:20px}.avatar-img[data-v-07564cb4]{width:100%;height:auto}.segmented-control[data-v-2f7eccf8]{grid-column:3/4;grid-row:1/2;width:19rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative;left:0;top:0}.segmented-control input[data-v-2f7eccf8]{display:none}.segmented-control>input:checked+label[data-v-2f7eccf8]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-2f7eccf8],.segmented-control__2[data-v-2f7eccf8],.segmented-control__3[data-v-2f7eccf8]{width:6.8rem;height:3.6rem;font-size:.8rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-2f7eccf8]:hover,.segmented-control__2[data-v-2f7eccf8]:hover,.segmented-control__3[data-v-2f7eccf8]:hover{color:#d15f02}.segmented-control__color[data-v-2f7eccf8]{position:absolute;height:2.5rem;width:6.4rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-2f7eccf8]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-2f7eccf8]{transform:translateX(6.1rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-2f7eccf8]{transform:translateX(12.1rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#button[data-v-2f7eccf8]{border-radius:30px}.input-style[data-v-2f7eccf8]{border-radius:30px}.input-style[data-v-2f7eccf8],.textarea-style[data-v-2f7eccf8]{background-color:#f6f8fc;border-color:#f6f8fc;color:#000;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);font-size:.9rem}.textarea-style[data-v-2f7eccf8]{border-radius:10px}#login-card[data-v-2f7eccf8]{font-family:Kanit,sans-serif}#login-card[data-v-2f7eccf8],#regis-card[data-v-2f7eccf8]{width:350px;border-radius:25px;margin:150px auto}p[data-v-2f7eccf8]{line-height:1rem}.card[data-v-2f7eccf8]{padding:20px}.form-group[data-v-2f7eccf8]{font-family:Kanit,sans-serif}.form-group button[data-v-2f7eccf8],.form-group input[data-v-2f7eccf8]{margin-bottom:20px;font-family:Kanit,sans-serif}.form-group a[data-v-2f7eccf8]{font-family:Kanit,sans-serif;font-weight:700}.login-page[data-v-2f7eccf8]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-2f7eccf8]{background-image:url(../img/bg-ubrulibray.05d4ab17.jpeg);filter:blur(8px);-webkit-filter:blur(8px);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-2f7eccf8],.login-page .fade-enter-active[data-v-2f7eccf8]{transition:opacity .5s}.fade-enter[data-v-2f7eccf8],.fade-leave-to[data-v-2f7eccf8]{opacity:0}.wallpaper-register[data-v-2f7eccf8]{background-image:url(../img/bd-std.11900f3c.jpg);filter:blur(5px);-webkit-filter:blur(5px);height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;z-index:-1;font-family:Kanit,sans-serif}h1[data-v-2f7eccf8]{margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-weight:700}.error[data-v-2f7eccf8]{animation-name:errorShake-2f7eccf8;animation-duration:.3s}@keyframes errorShake-2f7eccf8{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}.alert[data-v-2f7eccf8]{background:#ffdb9b;padding:20px 40px;min-width:420px;position:absolute;right:0;top:10px;border-radius:4px;border-left:8px solid #ffa502;overflow:hidden;opacity:0;pointer-events:none}.alert.showAlert[data-v-2f7eccf8]{opacity:1;pointer-events:auto}.alert.show[data-v-2f7eccf8]{animation:show_slide-2f7eccf8 1s ease forwards}@keyframes show_slide-2f7eccf8{0%{transform:translateX(100%)}40%{transform:translateX(-10%)}80%{transform:translateX(0)}to{transform:translateX(-10px)}}.alert.hide[data-v-2f7eccf8]{animation:hide_slide-2f7eccf8 1s ease forwards}@keyframes hide_slide-2f7eccf8{0%{transform:translateX(-10px)}40%{transform:translateX(0)}80%{transform:translateX(-10%)}to{transform:translateX(100%)}}.alert .fa-exclamation-circle[data-v-2f7eccf8]{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#ce8500;font-size:30px}.alert .msg[data-v-2f7eccf8]{padding:0 20px;font-size:18px;color:#ce8500}.alert .close-btn[data-v-2f7eccf8]{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#ffd080;padding:20px 18px;cursor:pointer}.alert .close-btn[data-v-2f7eccf8]:hover{background:#ffc766}.alert .close-btn .fas[data-v-2f7eccf8]{color:#ce8500;font-size:22px;line-height:40px}.btn-purple[data-v-2f7eccf8]{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-purple[data-v-2f7eccf8]:hover{color:#fff;border-color:#fa815c;background-color:#fe6e42}.btn-purple.focus[data-v-2f7eccf8],.btn-purple[data-v-2f7eccf8]:focus{color:#fff;border-color:#fa815c;background-color:#fe6e42;box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-purple.disabled[data-v-2f7eccf8],.btn-purple[data-v-2f7eccf8]:disabled{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-purple:not(:disabled):not(.disabled).active[data-v-2f7eccf8],.btn-purple[data-v-2f7eccf8]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-2f7eccf8]{color:#fff;border-color:#ff5f2d;background-color:#fa815c}.btn-purple:not(:disabled):not(.disabled).active[data-v-2f7eccf8]:focus,.btn-purple[data-v-2f7eccf8]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-2f7eccf8]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-purple[data-v-2f7eccf8]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple[data-v-2f7eccf8]:hover{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple.focus[data-v-2f7eccf8],.btn-outline-purple[data-v-2f7eccf8]:focus{box-shadow:0 0 0 .2rem #fa815c}.btn-outline-purple.disabled[data-v-2f7eccf8],.btn-outline-purple[data-v-2f7eccf8]:disabled{color:#ff5f2d;background-color:transparent}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-2f7eccf8],.btn-outline-purple[data-v-2f7eccf8]:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle[data-v-2f7eccf8]{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-2f7eccf8]:focus,.btn-outline-purple[data-v-2f7eccf8]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle[data-v-2f7eccf8]:focus{box-shadow:0 0 0 .2rem #fa815c}.badge-purple-jong[data-v-48a00292]{background-color:var(--bade-orange);color:#fff;position:absolute;top:2px;left:27px;width:15px;height:15px;justify-content:center;align-items:center;border-radius:50%;font-size:11px}[data-v-48a00292]{margin:0;padding:0;box-sizing:border-box}.sidebar[data-v-48a00292]{position:fixed;left:0;top:0;height:100%;width:78px;background:var(--bg-color);padding:6px 14px;z-index:99;transition:all .5s ease}.sidebar.open[data-v-48a00292]{width:250px}.sidebar .logo-details[data-v-48a00292]{height:60px;display:flex;align-items:center;position:relative}.sidebar .logo-details .icon[data-v-48a00292]{opacity:0;transition:all .5s ease}.sidebar .logo-details .logo_name[data-v-48a00292]{color:var(--orange-color);font-size:20px;font-weight:600;opacity:0;transition:all .5s ease}.sidebar.open .logo-details .icon[data-v-48a00292],.sidebar.open .logo-details .logo_name[data-v-48a00292]{opacity:1}.sidebar .logo-details #btn[data-v-48a00292]{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:22px;transition:all .4s ease;font-size:23px;text-align:center;cursor:pointer;transition:all .5s ease}.sidebar.open .logo-details #btn[data-v-48a00292]{text-align:right}.logo-details img[data-v-48a00292]{width:auto;height:50px}.sidebar i[data-v-48a00292]{color:var(--orange-color);height:60px;min-width:50px;font-size:28px;text-align:center;line-height:60px}.sidebar .nav-list[data-v-48a00292]{margin-top:20px;height:100%}.sidebar li[data-v-48a00292]{position:relative;margin:8px 0;list-style:none}.sidebar li .tooltip[data-v-48a00292]{position:absolute;top:-20px;left:calc(100% + 15px);z-index:3;background:var(--orange-color);box-shadow:0 5px 10px rgba(0,0,0,.3);padding:6px 12px;border-radius:4px;font-size:15px;font-weight:400;opacity:0;white-space:nowrap;pointer-events:none;transition:0s;color:#f0f8ff}.sidebar li:hover .tooltip[data-v-48a00292]{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;transform:translateY(-50%)}.sidebar.open li .tooltip[data-v-48a00292]{display:none}.sidebar input[data-v-48a00292]{font-size:15px;color:var(--orange-color);font-weight:400;outline:none;height:50px;width:100%;width:50px;border:none;border-radius:12px;transition:all .5s ease;background:var(--first-color)}.sidebar.open input[data-v-48a00292]{padding:0 20px 0 50px;width:100%}.sidebar .bx-search[data-v-48a00292]{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:22px}.sidebar .bx-search[data-v-48a00292],.sidebar.open .bx-search[data-v-48a00292]:hover{background:var(--first-color);color:var(--orange-color)}.sidebar .bx-search[data-v-48a00292]:hover{background:var(--orange-color);color:var(--bg-color)}.sidebar li a[data-v-48a00292]{display:flex;height:100%;width:100%;border-radius:12px;align-items:center;text-decoration:none;transition:all .4s ease;background:var(--bg-color)}.active .links_name[data-v-48a00292],.active[data-v-48a00292],.active i[data-v-48a00292]{background:var(--orange-color)!important;color:var(--white)!important}.sidebar li a[data-v-48a00292]:hover{background:var(--orange-color)}.sidebar li a .links_name[data-v-48a00292]{color:var(--orange-color);font-size:15px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.4s}.sidebar.open li a .links_name[data-v-48a00292]{opacity:1;pointer-events:auto}.sidebar li a:hover .links_name[data-v-48a00292],.sidebar li a:hover i[data-v-48a00292]{transition:all .5s ease;color:var(--bg-color)}.sidebar li i[data-v-48a00292]{height:50px;line-height:50px;font-size:22px;border-radius:12px}.sidebar li.profile[data-v-48a00292]{position:fixed;height:60px;width:78px;left:0;bottom:-8px;padding:10px 14px;background:var(--first-color);transition:all .5s ease;overflow:hidden}.sidebar.open li.profile[data-v-48a00292]{width:250px}.sidebar li .profile-details[data-v-48a00292]{display:flex;align-items:center;flex-wrap:nowrap}.profile-details img[data-v-48a00292]{border-radius:50%}.sidebar li img[data-v-48a00292]{height:45px;width:45px;-o-object-fit:cover;object-fit:cover;border-radius:6px;margin-right:10px}.sidebar li.profile .job[data-v-48a00292],.sidebar li.profile .name[data-v-48a00292]{font-size:15px;font-weight:400;color:var(--white);white-space:nowrap}.sidebar li.profile .job[data-v-48a00292]{font-size:12px}.sidebar .profile #log_out[data-v-48a00292]{position:absolute;top:50%;right:0;transform:translateY(-50%);background:var(--first-color);width:100%;height:60px;line-height:60px;border-radius:0;transition:all .5s ease;color:var(--white)}.sidebar.open .profile #log_out[data-v-48a00292]{width:50px;background:none}.sidebar .profile #login[data-v-48a00292]{position:absolute;top:50%;right:0;transform:translateY(-50%);background:var(--first-color);width:100%;height:60px;line-height:60px;border-radius:0;transition:all .5s ease;color:var(--white)}.sidebar.open .profile #login[data-v-48a00292]{width:50px;background:none}@media(max-width:420px){.sidebar li .tooltip[data-v-48a00292]{display:none}}.main[data-v-298bec50]{width:50%;margin:50px auto}img[data-v-298bec50]{height:260px}.card-service[data-v-298bec50]{background-color:var(--greyLight-1);box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);background:none;font-family:inherit}.home-section[data-v-298bec50]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-298bec50]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-298bec50]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.search[data-v-298bec50]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-298bec50]{width:100%;height:3rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit}.search__input[data-v-298bec50]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-298bec50]::placeholder{color:var(--greyLight-3)}.search__input[data-v-298bec50]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-298bec50]{color:#ff4500}.search__icon[data-v-298bec50]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}.card-body-menu[data-v-298bec50]{margin-top:70px;font-family:Kanit,sans-serif}.card-title[data-v-298bec50]{text-align:center}[data-v-298bec50]::-moz-placeholder{color:#fff}[data-v-298bec50]::placeholder{color:#fff}.card-search[data-v-298bec50]{top:20px;border:0 solid;font-family:Kanit,sans-serif}.chip[data-v-298bec50]{grid-column:2/3;grid-row:3/4;justify-self:center;width:20rem;height:4rem;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:space-between;align-items:center}.chip__icon[data-v-298bec50]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--primary)}.chip p[data-v-298bec50]{font-size:1.1rem;margin-left:-1rem;color:#000;margin-top:18px}.chip__close[data-v-298bec50]{width:1.6rem;height:1.6rem;margin:0 .5rem;display:flex;font-size:1.6rem;color:var(--greyLight-3);cursor:pointer}.card-title[data-v-298bec50]{bottom:10px}.card-text[data-v-298bec50],.card-title[data-v-298bec50]{text-align:left;font-family:Kanit,sans-serif;font-weight:700}.card-text[data-v-298bec50]{line-height:23px}.icon-booking[data-v-298bec50]{padding:5px}.side-left[data-v-298bec50]{position:fixed;width:256px}.txt-sidebar[data-v-298bec50]{text-align:left}.zoom[data-v-298bec50]{padding:25px;transition:transform .2s;margin:0 auto}.zoom[data-v-298bec50]:hover{transform:scale(1.5)}.btn-purple[data-v-298bec50]{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-purple[data-v-298bec50]:hover{color:#fff;border-color:#fa815c;background-color:#fe6e42}.btn-purple.focus[data-v-298bec50],.btn-purple[data-v-298bec50]:focus{color:#fff;border-color:#fa815c;background-color:#fe6e42;box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-purple.disabled[data-v-298bec50],.btn-purple[data-v-298bec50]:disabled{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-purple:not(:disabled):not(.disabled).active[data-v-298bec50],.btn-purple[data-v-298bec50]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-298bec50]{color:#fff;border-color:#ff5f2d;background-color:#fa815c}.btn-purple:not(:disabled):not(.disabled).active[data-v-298bec50]:focus,.btn-purple[data-v-298bec50]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-298bec50]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-purple[data-v-298bec50]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple[data-v-298bec50]:hover{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple.focus[data-v-298bec50],.btn-outline-purple[data-v-298bec50]:focus{box-shadow:0 0 0 .2rem #fa815c}.btn-outline-purple.disabled[data-v-298bec50],.btn-outline-purple[data-v-298bec50]:disabled{color:#ff5f2d;background-color:transparent}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-298bec50],.btn-outline-purple[data-v-298bec50]:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle[data-v-298bec50]{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-298bec50]:focus,.btn-outline-purple[data-v-298bec50]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle[data-v-298bec50]:focus{box-shadow:0 0 0 .2rem #fa815c}@media screen and (max-width:576px){img[data-v-298bec50]{height:360px}}@media screen and (max-width:767px){img[data-v-298bec50]{height:300px}}.modal-img[data-v-298bec50]{height:90px}.new-version[data-v-298bec50]{position:fixed;bottom:20px}.new-version a[data-v-298bec50]{color:#2bd156;text-decoration:none}.page-wrapper[data-v-298bec50]{min-height:100%;display:flex;align-items:center;justify-content:center}.page-wrapper button[data-v-298bec50]{position:absolute;bottom:1px;right:10px;width:70px;bottom:20px}.page-wrapper button .cart-item[data-v-298bec50]{position:absolute;height:24px;width:24px;top:-10px;right:-10px}.page-wrapper button .cart-item[data-v-298bec50]:before{content:"";display:block;line-height:24px;height:24px;width:24px;font-size:13px;font-weight:700;background:#fff;color:#ff8244;border-radius:20px;text-align:center;font-family:FontAwesome}.page-wrapper button.sendtocart .cart-item[data-v-298bec50]{display:block;animation:xAxis-298bec50 1s cubic-bezier(1,.44,.84,.165) forwards}.page-wrapper button.sendtocart .cart-item[data-v-298bec50]:before{animation:yAxis-298bec50 1s cubic-bezier(.165,.84,.44,1) alternate forwards}.cart[data-v-298bec50]{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#ff5f2d;display:flex;align-items:center;justify-content:center;border-radius:5px;z-index:999;border-radius:50%}.cart i[data-v-298bec50]{font-size:25px;color:#fff}.cart[data-v-298bec50]:before{content:attr(data-totalitems);font-size:12px;font-weight:600;position:absolute;top:-12px;right:0;background:#001799;line-height:24px;padding:0 5px;height:24px;min-width:24px;color:#fff;text-align:center;border-radius:24px}.cart.shake[data-v-298bec50]{animation:shakeCart-298bec50 .4s ease-in-out forwards}@keyframes xAxis-298bec50{to{transform:translateX(calc(50vw - 105px))}}@keyframes yAxis-298bec50{to{transform:translateY(calc(-50vh + 75px))}}@keyframes shakeCart-298bec50{25%{transform:translateX(6px)}50%{transform:translateX(-4px)}75%{transform:translateX(2px)}to{transform:translateX(0)}}#button[data-v-385167d6]{border-radius:30px}.input-style[data-v-385167d6]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#login-card[data-v-385167d6]{width:320px;border-radius:25px;margin:140px auto}#regis-card[data-v-385167d6]{width:350px;border-radius:25px;margin:150px auto}p[data-v-385167d6]{line-height:1rem}.card[data-v-385167d6]{padding:20px}.form-group button[data-v-385167d6],.form-group input[data-v-385167d6]{margin-bottom:20px}.login-page[data-v-385167d6]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-385167d6]{background:-webkit-linear-gradient(-55deg,#e1e1e1 40%,#ededed) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-385167d6],.login-page .fade-enter-active[data-v-385167d6]{transition:opacity .5s}.fade-enter[data-v-385167d6],.fade-leave-to[data-v-385167d6]{opacity:0}.wallpaper-register[data-v-385167d6]{background-size:cover;background:-webkit-linear-gradient(-55deg,#ce40ea 40%,#ff77a0) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-385167d6]{margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-weight:700}.error[data-v-385167d6]{animation-name:errorShake-385167d6;animation-duration:.3s}@keyframes errorShake-385167d6{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}.btn-purple[data-v-385167d6]{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple[data-v-385167d6]:hover{color:#fff;border-color:#f7618c;background-color:#ce2b59}.btn-purple.focus[data-v-385167d6],.btn-purple[data-v-385167d6]:focus{color:#fff;border-color:#f7618c;background-color:#ce2b59;box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-purple.disabled[data-v-385167d6],.btn-purple[data-v-385167d6]:disabled{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple:not(:disabled):not(.disabled).active[data-v-385167d6],.btn-purple[data-v-385167d6]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-385167d6]{color:#fff;border-color:#ec376a;background-color:#f7618c}.btn-purple:not(:disabled):not(.disabled).active[data-v-385167d6]:focus,.btn-purple[data-v-385167d6]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-385167d6]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}body[data-v-4e52a6af]{font-family:Roboto,sans-serif}[data-v-4e52a6af]{margin:0;padding:0}a[data-v-4e52a6af]{color:rgba(70,5,97,.961)}a[data-v-4e52a6af]:hover{text-decoration:initial;color:#5a05bb}i[data-v-4e52a6af]{margin-right:10px}.icon-noti[data-v-4e52a6af]{position:relative;display:flex;align-items:center;justify-content:center}.icon-button__badge[data-v-4e52a6af]{left:28px}.icon-button__badge[data-v-4e52a6af],.icon-button__badge_myjob[data-v-4e52a6af]{position:absolute;top:15px;width:15px;height:15px;background:#696969;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px}.icon-button__badge_myjob[data-v-4e52a6af]{left:34px}.navbar-logo[data-v-4e52a6af]{padding:10px;color:#fff}.navbar-mainbg[data-v-4e52a6af]{background-color:#fff;padding:0}#navbarSupportedContent[data-v-4e52a6af]{overflow:hidden;position:relative}#navbarSupportedContent ul[data-v-4e52a6af]{padding:0;margin:0}#navbarSupportedContent ul li a i[data-v-4e52a6af]{margin-right:10px}#navbarSupportedContent li[data-v-4e52a6af]{list-style-type:none;float:left}#navbarSupportedContent ul li a[data-v-4e52a6af]{color:#ff4500;text-decoration:none;font-size:15px;display:block;padding:20px 20px;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);position:relative}#navbarSupportedContent>ul>li>a.active[data-v-4e52a6af]{color:#32335e;background-color:transparent;transition:all .7s}#navbarSupportedContent a[data-v-4e52a6af]:not(:only-child):after{content:"\f105";position:absolute;right:20px;top:10px;font-size:14px;font-family:Font Awesome\ 5 Free;display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;transition:.5s}#navbarSupportedContent .active>a[data-v-4e52a6af]:not(:only-child):after{transform:rotate(90deg)}.hori-selector[data-v-4e52a6af]{display:inline-block;position:absolute;height:100%;top:0;left:0;background-color:#e4ebf5;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:10px}.hori-selector .left[data-v-4e52a6af],.hori-selector .right[data-v-4e52a6af]{position:absolute;width:25px;height:25px;background-color:#e4ebf5;bottom:10px}.hori-selector .right[data-v-4e52a6af]{right:-25px}.hori-selector .left[data-v-4e52a6af]{left:-25px}.hori-selector .left[data-v-4e52a6af]:before,.hori-selector .right[data-v-4e52a6af]:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background-color:#fff}.hori-selector .right[data-v-4e52a6af]:before{bottom:0;right:-25px}.hori-selector .left[data-v-4e52a6af]:before{bottom:0;left:-25px}@media (min-width:992px){.navbar-expand-custom[data-v-4e52a6af]{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-custom .navbar-nav[data-v-4e52a6af]{flex-direction:row}.navbar-expand-custom .navbar-toggler[data-v-4e52a6af]{display:none}.navbar-expand-custom .navbar-collapse[data-v-4e52a6af]{display:flex!important;flex-basis:auto}}@media (max-width:991px){.icon-button__badge[data-v-4e52a6af]{top:8px;left:120px}.icon-button__badge[data-v-4e52a6af],.icon-button__badge_myjob[data-v-4e52a6af]{position:absolute;width:15px;height:15px;background:red;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px}.icon-button__badge_myjob[data-v-4e52a6af]{top:3px;left:130px}#navbarSupportedContent ul li a[data-v-4e52a6af]{padding:12px 30px}.hori-selector[data-v-4e52a6af]{margin-top:0;margin-left:10px;border-radius:0;border-top-left-radius:25px;border-bottom-left-radius:25px}.hori-selector .left[data-v-4e52a6af],.hori-selector .right[data-v-4e52a6af]{right:10px}.hori-selector .left[data-v-4e52a6af]{top:-25px;left:auto}.hori-selector .right[data-v-4e52a6af]{bottom:-25px}.hori-selector .left[data-v-4e52a6af]:before{left:-25px;top:-25px}.hori-selector .right[data-v-4e52a6af]:before{bottom:-25px;left:-25px}}.space[data-v-58654097]{height:90px}.more[data-v-58654097]{position:absolute;bottom:10px;right:50px;font-size:15px}.card-content-new-order[data-v-58654097]{position:relative}.btn-floating-pickup-new-order-green[data-v-58654097]{position:absolute;bottom:0;right:0;font-size:12px;color:green}.btn-floating-pickup-new-order-red[data-v-58654097]{position:absolute;bottom:0;right:0;font-size:12px;color:red}.overtime[data-v-58654097]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);justify-content:space-between}.overtime[data-v-58654097],.overtime_icon[data-v-58654097]{height:3rem;border-radius:1rem;display:flex;align-items:center}.overtime_icon[data-v-58654097]{width:3rem;margin:0 0 0 .2rem;justify-content:center;font-size:1.5rem;color:#ff4500}.overtime p[data-v-58654097]{font-size:1rem;margin-right:4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.overtime-detail[data-v-58654097]{margin-bottom:0;margin-top:0}.chip[data-v-58654097],.chip_job[data-v-58654097]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;height:3rem;border-radius:1rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);display:flex;justify-content:space-between;align-items:center}.chip__icon[data-v-58654097]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#ff4500}.chip_job p[data-v-58654097]{margin-right:6.4rem}.chip_job p[data-v-58654097],.chip p[data-v-58654097]{font-size:1.3rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.chip p[data-v-58654097]{margin-right:4rem}.chip__close[data-v-58654097]{width:1.6rem;height:1.6rem;margin:0 .5rem;display:flex;font-size:1.6rem;color:var(--greyLight-3);cursor:pointer}.dashbord[data-v-58654097]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.circle_content[data-v-58654097]{position:relative}.circle_img[data-v-58654097]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-58654097]{position:absolute;top:-10px;left:-22px;font-size:14px}.circle[data-v-58654097]{grid-column:2/3;grid-row:4/6;width:8rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.circle__btn[data-v-58654097]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-58654097]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-58654097]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-58654097]{opacity:1}.circle__btn .pause[data-v-58654097]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-58654097]{opacity:0}.circle__back-1[data-v-58654097],.circle__back-2[data-v-58654097]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-58654097]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-58654097 4s linear infinite}.circle__back-1.paused[data-v-58654097]{animation-play-state:paused}.circle__back-2[data-v-58654097]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-58654097 4s linear 2s infinite}.circle__back-2.paused[data-v-58654097]{animation-play-state:paused}@keyframes waves-58654097{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.tebs_content[data-v-58654097]{position:relative}.tebs_floting[data-v-58654097]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-58654097]{grid-column:3/4;grid-row:1/2;width:19.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative}.segmented-control input[data-v-58654097]{display:none}.segmented-control>input:checked+label[data-v-58654097]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-58654097],.segmented-control__2[data-v-58654097],.segmented-control__3[data-v-58654097]{width:6.3rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-58654097]:hover,.segmented-control__2[data-v-58654097]:hover,.segmented-control__3[data-v-58654097]:hover{color:#d15f02}.segmented-control__color[data-v-58654097]{position:absolute;height:2.5rem;width:6.6rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-58654097]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-58654097]{transform:translateX(6rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-58654097]{transform:translateX(12.2rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.card-header[data-v-58654097]:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.card-columns .card[data-v-58654097]{border-radius:20px}.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-58654097]{-moz-column-count:2;column-count:2}.card-columns-four[data-v-58654097]{-moz-column-count:4;column-count:4}.calendar-border[data-v-58654097]{border:none;background-color:var(--greyLight-1);border-radius:2rem}.calendar-border[data-v-58654097],.shadow-date[data-v-58654097]{box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.shadow-date[data-v-58654097]{border-radius:2rem}.card-title[data-v-58654097]{text-align:left;text-align:justify;bottom:10px}.card-text[data-v-58654097]{text-align:left;line-height:23px;margin-bottom:-5px}.text-muted i[data-v-58654097]{margin:0 5px}.icon-button__badge_new_order[data-v-58654097]{right:4%}.icon-button__badge_myjob[data-v-58654097],.icon-button__badge_new_order[data-v-58654097]{position:absolute;top:10px;width:11px;height:11px;background:#696969;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:10px}.icon-button__badge_myjob[data-v-58654097]{right:40%}.text-capitalize[data-v-58654097]{border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;color:#ff4500}.card-my-job-title[data-v-58654097]{margin-left:-4rem}.card-content-more[data-v-58654097]{position:relative}.btn-floating[data-v-58654097]{position:absolute;bottom:0;right:-20px;font-size:17px;color:#4f9f00}.img-my-job[data-v-58654097]{border-radius:10px;margin-left:-10px;margin-top:-.5rem;width:100%;height:auto}.img-my-job_[data-v-58654097]{border-radius:10px;margin-left:-10px;margin-top:-.5rem;height:169px}.text-capitalize-myjob[data-v-58654097]{border:none;border-radius:1rem;font-size:1.4rem;padding-left:0;padding-right:0;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;color:#1d1d1d;margin-bottom:1rem;margin-left:1rem}.content-status[data-v-58654097]{position:relative;top:3rem}.content-status-more[data-v-58654097]{position:relative;top:1rem}.btn-status-item-info[data-v-58654097]{position:absolute;top:9.5rem;right:50px;font-size:16px}.btn-status-item-danger[data-v-58654097]{position:absolute;top:9.5rem;right:0;font-size:16px}.btn-status-info[data-v-58654097]{position:absolute;top:-20px;right:40px;font-size:16px}.btn-status-danger[data-v-58654097]{position:absolute;top:-20px;right:-18px;font-size:16px}.content-yes-no[data-v-58654097]{position:relative}.btn-content-yes[data-v-58654097]{position:absolute;margin-left:100px}.btn-content-no[data-v-58654097]{position:absolute}.readmore-myjob[data-v-58654097]{position:absolute;top:9.5rem;right:8rem;font-size:16px}.status-text-myjob-all[data-v-58654097]{font-size:1rem}@media(max-width:900px){.circle_floting[data-v-58654097]{position:absolute;top:-25px;left:-7rem;font-size:14px}.card-columns-two[data-v-58654097],.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-58654097]{-moz-column-count:2;column-count:2}}@media(min-height:414px){.card-columns-two[data-v-58654097],.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-58654097],.card-columns-left-item[data-v-58654097]{-moz-column-count:2;column-count:2}}@media(max-height:500px){.card-columns-left[data-v-58654097],.card-columns-two[data-v-58654097],.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-58654097]{-moz-column-count:3;column-count:3}.card-columns-four[data-v-58654097]{-moz-column-count:2;column-count:2}}@media(min-width:768px){.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-58654097]{-moz-column-count:2;column-count:2}.card-columns-left[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-58654097],.card-columns-right-item[data-v-58654097]{-moz-column-count:3;column-count:3}.time-column[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-58654097]{-moz-column-count:4;column-count:4}}@media(min-width:992px){.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-58654097]{-moz-column-count:2;column-count:2}.card-columns-left[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-58654097],.card-columns-right-item[data-v-58654097]{-moz-column-count:3;column-count:3}.time-column[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-58654097]{-moz-column-count:4;column-count:4}}@media(min-width:1200px){.card-columns[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-58654097]{-moz-column-count:2;column-count:2}.card-columns-left[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-58654097],.card-columns-right-item[data-v-58654097]{-moz-column-count:3;column-count:3}.time-column[data-v-58654097]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-58654097]{-moz-column-count:4;column-count:4}}.home-section[data-v-bbdeb466]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-bbdeb466]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-bbdeb466]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}a[data-v-bbdeb466]{color:hsla(0,0%,39.6%,.961)}a[data-v-bbdeb466]:hover{text-decoration:initial;color:#656565}.space[data-v-bbdeb466]{height:300px}.space1[data-v-bbdeb466]{height:50px}.two[data-v-bbdeb466]{height:1000px}.text-muted i[data-v-bbdeb466]{margin:0 5px}.card-body[data-v-bbdeb466]{font-family:Kanit,sans-serif}.card-margin[data-v-bbdeb466]{margin-bottom:1.875rem}.card-order-list[data-v-bbdeb466]{padding:5px}.card-margin-orderlist[data-v-bbdeb466]{margin-bottom:1rem}@media only screen and (max-width:600px){.card-timeline[data-v-bbdeb466]{background:#7fff00}}@media(min-width:768px){.card-columns[data-v-bbdeb466]{-moz-column-count:2;column-count:2}}@media(min-width:992px){.card-columns[data-v-bbdeb466]{-moz-column-count:2;column-count:2}}@media(min-width:1200px){.card-columns[data-v-bbdeb466]{-moz-column-count:2;column-count:2}}.card-content-more[data-v-bbdeb466]{position:relative}.locker-floating[data-v-bbdeb466]{position:absolute;font-size:12px;right:40px;top:80px;background-color:#097191;color:#fff;padding:5px;font-family:Kanit,sans-serif;border-radius:20%;width:30px;height:30px}.fa-purple[data-v-bbdeb466]{color:#1dac07}.card-title[data-v-bbdeb466]{text-align:left;bottom:10px}.card-text[data-v-bbdeb466]{text-align:left;line-height:23px}.card[data-v-bbdeb466]{border:0;z-index:0;border:none;border-radius:.5rem;position:relative}.fs-title[data-v-bbdeb466]{font-size:25px;color:#2c3e50;margin-bottom:10px;font-weight:700;text-align:left}.btn-floating[data-v-bbdeb466]{position:absolute;right:-8px;top:-49px;font-size:10px}select.list-dt[data-v-bbdeb466]{border:none;outline:0;border-bottom:1px solid #ccc;padding:2px 5px 3px 5px;margin:2px}select.list-dt[data-v-bbdeb466]:focus{border-bottom:2px solid #09f}#progressbar[data-v-bbdeb466]{margin-bottom:30px;overflow:hidden;color:#d3d3d3;margin-left:-39px}#progressbar .active[data-v-bbdeb466]{color:var(--orange-color)}#progressbar li[data-v-bbdeb466]{list-style-type:none;font-size:12px;width:25%;float:left;position:relative}#progressbar #account[data-v-bbdeb466]:before{font-family:Font Awesome\ 5 Free;content:""}#progressbar #personal[data-v-bbdeb466]:before{font-family:Font Awesome\ 6 Free;content:""}#progressbar #search[data-v-bbdeb466]:before{font-family:Font Awesome\ 6 Free;content:""}#progressbar #confirm[data-v-bbdeb466]:before{font-family:Font Awesome\ 6 Free;font-weight:400;content:""}#progressbar #fail[data-v-bbdeb466]:before{font-family:Font Awesome\ 6 Free;content:""}#progressbar li[data-v-bbdeb466]:before{width:50px;height:50px;line-height:45px;display:block;font-size:18px;color:var(--white);background:#d3d3d3;border-radius:50%;margin:0 auto 10px auto;padding:2px}#progressbar li[data-v-bbdeb466]:after{content:"";width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active[data-v-bbdeb466]:after,#progressbar li.active[data-v-bbdeb466]:before{background:var(--orange-color)}#progressbar #fail.active[data-v-bbdeb466]:before,#progressbar #failactive[data-v-bbdeb466]:after{background:red}#progressbar #confirm.active[data-v-bbdeb466]:before,#progressbar #confirmactive[data-v-bbdeb466]:after{background:#16ca52}.radio-group[data-v-bbdeb466]{position:relative;margin-bottom:25px}.radio[data-v-bbdeb466]{display:inline-block;width:204;height:104;border-radius:0;background:#add8e6;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;margin:8px 2px}.radio[data-v-bbdeb466]:hover{box-shadow:2px 2px 2px 2px rgba(0,0,0,.3)}.radio.selected[data-v-bbdeb466]{box-shadow:1px 1px 2px 2px rgba(0,0,0,.1)}.fit-image[data-v-bbdeb466]{width:100%;-o-object-fit:cover;object-fit:cover}.chip[data-v-bbdeb466]{grid-column:2/3;grid-row:3/4;justify-self:center;width:20rem;height:4rem;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:space-between;align-items:center}.chip__icon[data-v-bbdeb466]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--primary)}.chip p[data-v-bbdeb466]{font-size:1.1rem;margin-left:-1rem;color:#000;margin-top:18px}.chip__close[data-v-bbdeb466]{width:1.6rem;height:1.6rem;margin:0 .5rem;display:flex;font-size:1.6rem;color:var(--greyLight-3);cursor:pointer}body[data-v-2bc5f0ab]{font-family:Roboto,sans-serif}[data-v-2bc5f0ab]{margin:0;padding:0}a[data-v-2bc5f0ab]{color:rgba(70,5,97,.961)}a[data-v-2bc5f0ab]:hover{text-decoration:initial;color:#5a05bb}i[data-v-2bc5f0ab]{margin-right:10px}.icon-noti[data-v-2bc5f0ab]{position:relative;display:flex;align-items:center;justify-content:center}.icon-button__badge[data-v-2bc5f0ab]{left:28px}.icon-button__badge[data-v-2bc5f0ab],.icon-button__badge_myjob[data-v-2bc5f0ab]{position:absolute;top:15px;width:15px;height:15px;background:red;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px}.icon-button__badge_myjob[data-v-2bc5f0ab]{left:34px}.navbar-logo[data-v-2bc5f0ab]{padding:10px;color:#fff}.navbar-mainbg[data-v-2bc5f0ab]{background-color:#a077ff;padding:0}#navbarSupportedContent[data-v-2bc5f0ab]{overflow:hidden;position:relative}#navbarSupportedContent ul[data-v-2bc5f0ab]{padding:0;margin:0}#navbarSupportedContent ul li a i[data-v-2bc5f0ab]{margin-right:10px}#navbarSupportedContent li[data-v-2bc5f0ab]{list-style-type:none;float:left}#navbarSupportedContent ul li a[data-v-2bc5f0ab]{color:hsla(0,0%,100%,.632);text-decoration:none;font-size:15px;display:block;padding:20px 20px;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);position:relative}#navbarSupportedContent>ul>li>a.active[data-v-2bc5f0ab]{color:#3b076f;background-color:transparent;transition:all .7s}#navbarSupportedContent a[data-v-2bc5f0ab]:not(:only-child):after{content:"\f105";position:absolute;right:20px;top:10px;font-size:14px;font-family:Font Awesome\ 5 Free;display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900;transition:.5s}#navbarSupportedContent .active>a[data-v-2bc5f0ab]:not(:only-child):after{transform:rotate(90deg)}.hori-selector[data-v-2bc5f0ab]{display:inline-block;position:absolute;height:100%;top:0;left:0;background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:10px}.hori-selector .left[data-v-2bc5f0ab],.hori-selector .right[data-v-2bc5f0ab]{position:absolute;width:25px;height:25px;background-color:#fff;bottom:10px}.hori-selector .right[data-v-2bc5f0ab]{right:-25px}.hori-selector .left[data-v-2bc5f0ab]{left:-25px}.hori-selector .left[data-v-2bc5f0ab]:before,.hori-selector .right[data-v-2bc5f0ab]:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background-color:#a077ff}.hori-selector .right[data-v-2bc5f0ab]:before{bottom:0;right:-25px}.hori-selector .left[data-v-2bc5f0ab]:before{bottom:0;left:-25px}@media (min-width:992px){.navbar-expand-custom[data-v-2bc5f0ab]{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-custom .navbar-nav[data-v-2bc5f0ab]{flex-direction:row}.navbar-expand-custom .navbar-toggler[data-v-2bc5f0ab]{display:none}.navbar-expand-custom .navbar-collapse[data-v-2bc5f0ab]{display:flex!important;flex-basis:auto}}@media (max-width:991px){.icon-button__badge[data-v-2bc5f0ab]{top:8px;left:120px}.icon-button__badge[data-v-2bc5f0ab],.icon-button__badge_myjob[data-v-2bc5f0ab]{position:absolute;width:15px;height:15px;background:red;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px}.icon-button__badge_myjob[data-v-2bc5f0ab]{top:3px;left:130px}#navbarSupportedContent ul li a[data-v-2bc5f0ab]{padding:12px 30px}.hori-selector[data-v-2bc5f0ab]{margin-top:0;margin-left:10px;border-radius:0;border-top-left-radius:25px;border-bottom-left-radius:25px}.hori-selector .left[data-v-2bc5f0ab],.hori-selector .right[data-v-2bc5f0ab]{right:10px}.hori-selector .left[data-v-2bc5f0ab]{top:-25px;left:auto}.hori-selector .right[data-v-2bc5f0ab]{bottom:-25px}.hori-selector .left[data-v-2bc5f0ab]:before{left:-25px;top:-25px}.hori-selector .right[data-v-2bc5f0ab]:before{bottom:-25px;left:-25px}}@media screen and (max-width:1000px){.myjob[data-v-6c270340]:before{content:"Myjob";background-color:coral;width:100px;height:40px;z-index:1030;font-size:20px;color:#fff;padding:5px;position:fixed;right:0}}.myjob-content[data-v-6c270340]{position:relative;right:170px}.content-status[data-v-6c270340]{position:relative}.btn-status-item-info[data-v-6c270340]{position:absolute;top:-70px;right:50px;font-size:16px}.btn-status-item-danger[data-v-6c270340]{position:absolute;top:-70px;right:0;font-size:16px}.btn-status-info[data-v-6c270340]{position:absolute;top:-20px;right:40px;font-size:16px}.btn-status-danger[data-v-6c270340]{position:absolute;top:-20px;right:-18px;font-size:16px}.btn-floating[data-v-6c270340]{position:absolute;top:-54px;right:-20px;font-size:14px;color:#4f9f00}.content-yes-no[data-v-6c270340]{position:relative;background-color:#00f}.btn-content-yes[data-v-6c270340]{position:absolute;margin-left:100px}.btn-content-no[data-v-6c270340]{position:absolute}.btn-floating-changbacode[data-v-6c270340]{position:absolute;top:-70px;right:110px;font-size:14px;color:#4f9f00}.fa-green[data-v-6c270340]{color:#4f9f00}.space[data-v-6c270340]{height:50px}.space1[data-v-6c270340]{height:3000px}.two[data-v-6c270340]{height:1000px}.text-muted i[data-v-6c270340]{margin:0 5px}a[data-v-6c270340]{color:rgba(70,5,97,.961)}a[data-v-6c270340]:hover{text-decoration:initial;color:#5a05bb}.card-margin[data-v-6c270340]{margin-bottom:1.875rem}.card-order-list[data-v-6c270340]{padding:5px}.card-order-list_[data-v-6c270340]{padding:25px}.card-margin-orderlist[data-v-6c270340]{margin-bottom:1rem}@media (max-width:1199px){.btn-floating[data-v-6c270340]{position:absolute;top:-54px;right:-20px;font-size:14px;color:#4f9f00}}@media (min-width:768px){.card-columns[data-v-6c270340]{-moz-column-count:1;column-count:1}}@media (min-width:992px){.card-columns[data-v-6c270340]{-moz-column-count:1;column-count:1}}@media (min-width:1200px){.card-columns[data-v-6c270340]{-moz-column-count:1;column-count:1}}.card-content-more[data-v-6c270340]{position:relative}.fa-purple[data-v-6c270340]{color:#6d07ac}.card-text[data-v-6c270340]{line-height:30px;bottom:5px}.barcode[data-v-6c270340]{margin-left:25px}img[data-v-6c270340]{height:200px}@media screen and (max-width:576px){img[data-v-6c270340]{height:360px}}@media screen and (max-width:767px){img[data-v-6c270340]{height:300px}}.card-title[data-v-6c270340]{text-align:left;bottom:10px}.card-text[data-v-6c270340]{text-align:left;line-height:23px}li[data-v-6c270340]{list-style-type:none}.icon-booking[data-v-6c270340]{padding:5px}.side-left[data-v-6c270340]{position:fixed;width:256px}.txt-sidebar[data-v-6c270340]{text-align:left}.zoom[data-v-6c270340]{padding:25px;transition:transform .2s;margin:0 auto}.zoom[data-v-6c270340]:hover{transform:scale(1.5)}.main[data-v-6c270340]{width:50%;margin:50px auto}@media screen and (max-width:1024px){.packing[data-v-865b0a4a]:before{content:"packing";background-color:#5a3b02;width:100px;height:40px;z-index:1030;font-size:20px;color:#fff;padding:5px;position:fixed;right:0}}.card-order-list_[data-v-865b0a4a]{padding:25px}.btn-floating[data-v-865b0a4a]{position:absolute;top:-54px;right:-20px;font-size:14px;color:#4f9f00}.fa-green[data-v-865b0a4a]{color:#4f9f00}.space[data-v-865b0a4a]{height:70px}.two[data-v-865b0a4a]{height:1000px}.text-muted i[data-v-865b0a4a]{margin:0 5px}a[data-v-865b0a4a]{color:rgba(70,5,97,.961)}a[data-v-865b0a4a]:hover{text-decoration:initial;color:#5a05bb}.card-margin[data-v-865b0a4a]{margin-bottom:1.875rem}.card-order-list[data-v-865b0a4a]{padding:5px}.card-margin-orderlist[data-v-865b0a4a]{margin-bottom:1rem}@media (max-width:1199px){.btn-floating[data-v-865b0a4a]{position:absolute;top:-54px;right:-20px;font-size:14px;color:#4f9f00}}@media (min-width:768px){.card-columns[data-v-865b0a4a]{-moz-column-count:3;column-count:3}}@media (min-width:992px){.card-columns[data-v-865b0a4a]{-moz-column-count:3;column-count:3}}@media (min-width:1200px){.card-columns[data-v-865b0a4a]{-moz-column-count:3;column-count:3}}.card-content-more[data-v-865b0a4a]{position:relative}.fa-purple[data-v-865b0a4a]{color:#6d07ac}.card-title[data-v-865b0a4a]{text-align:left;bottom:10px}.card-text[data-v-865b0a4a]{text-align:left;line-height:23px}.historiesStaff[data-v-75c6a319]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.space[data-v-75c6a319]{height:100px}.space_avatar[data-v-75c6a319]{height:60px}.circle_content[data-v-75c6a319]{position:relative}.circle_img[data-v-75c6a319]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-75c6a319]{position:absolute;top:-10px;left:-22px;font-size:14px}.circle[data-v-75c6a319]{grid-column:2/3;grid-row:4/6;width:8rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.circle__btn[data-v-75c6a319]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-75c6a319]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-75c6a319]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-75c6a319]{opacity:1}.circle__btn .pause[data-v-75c6a319]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-75c6a319]{opacity:0}.circle__back-1[data-v-75c6a319],.circle__back-2[data-v-75c6a319]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-75c6a319]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-75c6a319 4s linear infinite}.circle__back-1.paused[data-v-75c6a319]{animation-play-state:paused}.circle__back-2[data-v-75c6a319]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-75c6a319 4s linear 2s infinite}.circle__back-2.paused[data-v-75c6a319]{animation-play-state:paused}@keyframes waves-75c6a319{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.tebs_content[data-v-75c6a319]{position:relative}.tebs_floting[data-v-75c6a319]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-75c6a319]{grid-column:3/4;grid-row:1/2;width:19.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative}.segmented-control input[data-v-75c6a319]{display:none}.segmented-control>input:checked+label[data-v-75c6a319]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-75c6a319],.segmented-control__2[data-v-75c6a319],.segmented-control__3[data-v-75c6a319]{width:6.3rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-75c6a319]:hover,.segmented-control__2[data-v-75c6a319]:hover,.segmented-control__3[data-v-75c6a319]:hover{color:#d15f02}.segmented-control__color[data-v-75c6a319]{position:absolute;height:2.5rem;width:6.6rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-75c6a319]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-75c6a319]{transform:translateX(6rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-75c6a319]{transform:translateX(12.2rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.card-header[data-v-75c6a319]:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.card-columns .card[data-v-75c6a319]{border-radius:20px}.card-columns[data-v-75c6a319]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-75c6a319]{-moz-column-count:2;column-count:2}.calendar-border[data-v-75c6a319]{border:none;background-color:var(--greyLight-1);border-radius:2rem}.calendar-border[data-v-75c6a319],.shadow-date[data-v-75c6a319]{box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.shadow-date[data-v-75c6a319]{border-radius:2rem}.card-title[data-v-75c6a319]{text-align:left;text-align:justify;bottom:10px}.card-text[data-v-75c6a319]{text-align:left;line-height:23px;margin-bottom:-5px}.text-muted i[data-v-75c6a319]{margin:0 5px}.search[data-v-75c6a319]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-75c6a319]{width:100%;height:3rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;color:var(--greyDark)}.search__input[data-v-75c6a319]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-75c6a319]::placeholder{color:var(--greyLight-3)}.search__input[data-v-75c6a319]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-75c6a319]{color:#ff4500}.search__icon[data-v-75c6a319]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}@media screen and (max-width:1024px){.ready[data-v-708cfd9a]:before{content:"Ready";background-color:#4b8105;width:100px;height:40px;z-index:1030;font-size:20px;color:#fff;padding:5px;position:fixed;right:0}}.content-status[data-v-708cfd9a]{position:relative;top:10px}.btn-status-info[data-v-708cfd9a]{position:absolute;top:-20px;right:40px;font-size:16px}.btn-status-danger[data-v-708cfd9a]{position:absolute;top:-20px;right:-18px;font-size:16px}.btn-floating[data-v-708cfd9a]{position:absolute;top:-54px;right:-20px;font-size:14px;color:#4f9f00}.space[data-v-708cfd9a]{height:70px}.two[data-v-708cfd9a]{height:1000px}.text-muted i[data-v-708cfd9a]{margin:0 5px}a[data-v-708cfd9a]{color:rgba(70,5,97,.961)}a[data-v-708cfd9a]:hover{text-decoration:initial;color:#5a05bb}.card-margin[data-v-708cfd9a]{margin-bottom:1.875rem}.card-order-list[data-v-708cfd9a]{padding:5px}.card-order-list_[data-v-708cfd9a]{padding:25px}.card-margin-orderlist[data-v-708cfd9a]{margin-bottom:1rem}@media (max-width:1199px){.btn-floating[data-v-708cfd9a]{position:absolute;bottom:-20px;right:-20px;font-size:14px;color:#4f9f00}}@media (min-width:768px){.card-columns[data-v-708cfd9a]{-moz-column-count:3;column-count:3}}@media (min-width:992px){.card-columns[data-v-708cfd9a]{-moz-column-count:3;column-count:3}}@media (min-width:1200px){.card-columns[data-v-708cfd9a]{-moz-column-count:3;column-count:3}}.card-content-more[data-v-708cfd9a]{position:relative}.fa-purple[data-v-708cfd9a]{color:#6d07ac}.card-title[data-v-708cfd9a]{text-align:left;bottom:10px}.card-text[data-v-708cfd9a]{text-align:left;line-height:23px}.meetingroom[data-v-74dc7bd2]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.btn[data-v-74dc7bd2],.modal-content h5[data-v-74dc7bd2],h4[data-v-74dc7bd2]{font-family:Kanit,sans-serif!important}.space[data-v-74dc7bd2]{height:100px}.space_avatar[data-v-74dc7bd2]{height:60px}.clash-card__unit-stats .alarm-inlocker[data-v-74dc7bd2]:hover{background-color:#d153e8;border-bottom-left-radius:14px}.clash-card__unit-stats .cancel-inlocker[data-v-74dc7bd2]:hover{background-color:#d153e8;border-bottom-right-radius:14px}.clash-card__unit-stats[data-v-74dc7bd2]{color:#fff;font-weight:700;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.clash-card__unit-stats .one-third[data-v-74dc7bd2]{width:50%;float:left;padding:5px 2.5px}.clash-card__unit-stats sup[data-v-74dc7bd2]{position:absolute;bottom:4px;font-size:45%;margin-left:2px}.clash-card__unit-stats .stat[data-v-74dc7bd2]{position:relative;font-size:18px;margin-bottom:10px}.clash-card__unit-stats .stat-value[data-v-74dc7bd2]{text-transform:uppercase;font-weight:400;font-size:12px}.clash-card__unit-stats .no-border[data-v-74dc7bd2]{border-right:none}.clash-card__unit-stats--barbarian[data-v-74dc7bd2]{background:#b505f5}.clash-card__unit-stats--barbarian .one-third[data-v-74dc7bd2]{border-right:1px solid #d153e8}.clearfix[data-v-74dc7bd2]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.circle_content[data-v-74dc7bd2]{position:relative}.circle_img[data-v-74dc7bd2]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-74dc7bd2]{position:absolute;bottom:-25px;left:-22px;font-size:14px}.circle[data-v-74dc7bd2]{grid-column:2/3;grid-row:4/6;width:9rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.circle__btn[data-v-74dc7bd2]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-74dc7bd2]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-74dc7bd2]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-74dc7bd2]{opacity:1}.circle__btn .pause[data-v-74dc7bd2]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-74dc7bd2]{opacity:0}.circle__back-1[data-v-74dc7bd2],.circle__back-2[data-v-74dc7bd2]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-74dc7bd2]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-74dc7bd2 4s linear infinite}.circle__back-1.paused[data-v-74dc7bd2]{animation-play-state:paused}.circle__back-2[data-v-74dc7bd2]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-74dc7bd2 4s linear 2s infinite}.circle__back-2.paused[data-v-74dc7bd2]{animation-play-state:paused}@keyframes waves-74dc7bd2{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.tebs_content[data-v-74dc7bd2]{position:relative}.tebs_floting[data-v-74dc7bd2]{position:absolute;bottom:-50px;right:0;font-size:14px}.segmented-control[data-v-74dc7bd2]{grid-column:3/4;grid-row:1/2;width:17.9rem;height:3rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative}.segmented-control input[data-v-74dc7bd2]{display:none}.segmented-control>input:checked+label[data-v-74dc7bd2]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-74dc7bd2],.segmented-control__2[data-v-74dc7bd2],.segmented-control__3[data-v-74dc7bd2]{width:6rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-74dc7bd2]:hover,.segmented-control__2[data-v-74dc7bd2]:hover,.segmented-control__3[data-v-74dc7bd2]:hover{color:#d15f02}.segmented-control__color[data-v-74dc7bd2]{position:absolute;height:2.5rem;width:5.5rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-74dc7bd2]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-74dc7bd2]{transform:translateX(5.8rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-74dc7bd2]{transform:translateX(11.8rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.calendar-border[data-v-74dc7bd2]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem .5rem var(--greyLight-1)}.shadow-date[data-v-74dc7bd2]{border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.room-name[data-v-74dc7bd2]{margin-left:0}.card-header[data-v-74dc7bd2]:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.calendar-list .card[data-v-74dc7bd2],.card-columns .card[data-v-74dc7bd2]{border-radius:20px}.btn-floating-approve[data-v-74dc7bd2]{position:absolute;right:0;font-size:16px;font-weight:700;margin-top:-30px}.btn-floating-cancle[data-v-74dc7bd2]{position:absolute;font-size:17px;font-weight:700;margin-top:16px;margin-left:0}.card-approve[data-v-74dc7bd2]{position:relative}.card .card_image[data-v-74dc7bd2],.card .card_image img[data-v-74dc7bd2]{width:inherit;height:inherit;border-radius:20px}.card .card_image img[data-v-74dc7bd2]{-o-object-fit:cover;object-fit:cover}.card-content-more[data-v-74dc7bd2]{position:relative;color:#ff4500}.form-group button[data-v-74dc7bd2]{margin-bottom:20px}#button[data-v-74dc7bd2]{border-radius:30px}.card-status-booking[data-v-74dc7bd2]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.b-between[data-v-74dc7bd2]{margin-right:5px!important;margin-bottom:5px}.search[data-v-74dc7bd2]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-74dc7bd2]{width:100%;height:3.4rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;color:var(--greyDark)}.search__input[data-v-74dc7bd2]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-74dc7bd2]::placeholder{color:var(--greyLight-3)}.search__input[data-v-74dc7bd2]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-74dc7bd2]{color:#ff4500}.search__icon[data-v-74dc7bd2]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}.text-capitalize[data-v-74dc7bd2]{font-size:1.4rem;padding-left:3.8rem;color:#000}.capitalize-canceled[data-v-74dc7bd2],.text-capitalize[data-v-74dc7bd2]{border:none;border-radius:1rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;font-weight:700}.capitalize-canceled[data-v-74dc7bd2]{font-size:1rem;padding:1rem;color:#ff4500}.capitalize-canceled p[data-v-74dc7bd2]{margin-bottom:0}@media(max-width:900px){.circle_floting[data-v-74dc7bd2]{position:absolute;bottom:0;left:-15px;font-size:14px}.card-columns-left-item[data-v-74dc7bd2],.card-columns-two[data-v-74dc7bd2],.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}}@media(min-height:414px){.card-columns-left-item[data-v-74dc7bd2],.card-columns-two[data-v-74dc7bd2],.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}}@media(max-height:500px){.card-columns-left-item[data-v-74dc7bd2],.card-columns-left[data-v-74dc7bd2],.card-columns-two[data-v-74dc7bd2],.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}}@media(min-width:768px){.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-74dc7bd2]{-moz-column-count:2;column-count:2}.card-columns-left-item[data-v-74dc7bd2],.card-columns-left[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-right-item[data-v-74dc7bd2]{-moz-column-count:3;column-count:3}.time-column[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}h6[data-v-74dc7bd2]{margin-top:10px}}@media(min-width:992px){.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-74dc7bd2]{-moz-column-count:2;column-count:2}.card-columns-left[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-74dc7bd2]{-moz-column-count:2;column-count:2}.card-columns-right-item[data-v-74dc7bd2]{-moz-column-count:3;column-count:3}.time-column[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}h6[data-v-74dc7bd2]{margin-top:10px}}@media(min-width:1200px){.card-columns[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-74dc7bd2]{-moz-column-count:2;column-count:2}.card-columns-left[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-74dc7bd2],.card-columns-right-item[data-v-74dc7bd2]{-moz-column-count:3;column-count:3}.time-column[data-v-74dc7bd2]{-moz-column-count:1;column-count:1}h6[data-v-74dc7bd2]{margin-top:10px}}.no-footer-border[data-v-74dc7bd2],.v-card-actions[data-v-74dc7bd2]{border-top:none!important}#button[data-v-68021675]{border-radius:30px;background:#121414}.input-style[data-v-68021675]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#login-card[data-v-68021675],#regis-card[data-v-68021675]{width:350px;border-radius:25px;margin:150px auto}p[data-v-68021675]{line-height:1rem}.card[data-v-68021675]{padding:20px}.form-group button[data-v-68021675],.form-group input[data-v-68021675]{margin-bottom:20px}.login-page[data-v-68021675]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-68021675]{background:-webkit-linear-gradient(-55deg,#190b3a 40%,#121414) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-68021675],.login-page .fade-enter-active[data-v-68021675]{transition:opacity .5s}.fade-enter[data-v-68021675],.fade-leave-to[data-v-68021675]{opacity:0}.wallpaper-register[data-v-68021675]{background-size:cover;background:-webkit-linear-gradient(-55deg,#190b3a 40%,#121414) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-68021675]{margin-bottom:1.5rem}.error[data-v-68021675]{animation-name:errorShake-68021675;animation-duration:.3s}@keyframes errorShake-68021675{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}#button[data-v-56ac0aee]{border-radius:30px}.input-style[data-v-56ac0aee]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#locker-card[data-v-56ac0aee],#login-card[data-v-56ac0aee],#regis-card[data-v-56ac0aee]{width:350px;border-radius:25px;margin:150px auto}p[data-v-56ac0aee]{line-height:1rem}.card[data-v-56ac0aee]{padding:20px}.form-group button[data-v-56ac0aee],.form-group input[data-v-56ac0aee]{margin-bottom:20px}.login-page[data-v-56ac0aee]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-56ac0aee]{background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-56ac0aee],.login-page .fade-enter-active[data-v-56ac0aee]{transition:opacity .5s}.fade-enter[data-v-56ac0aee],.fade-leave-to[data-v-56ac0aee]{opacity:0}.wallpaper-register[data-v-56ac0aee]{background-size:cover;background:-webkit-linear-gradient(-55deg,#2ba3be 40%,#754bd4) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-56ac0aee]{margin-bottom:1.5rem}.error[data-v-56ac0aee]{animation-name:errorShake-56ac0aee;animation-duration:.3s}@keyframes errorShake-56ac0aee{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}.switch[data-v-9a28e240]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-9a28e240]{display:none}.slider[data-v-9a28e240]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider[data-v-9a28e240]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-9a28e240]{background-color:#101010}input:focus+.slider[data-v-9a28e240]{box-shadow:0 0 1px #101010}input:checked+.slider[data-v-9a28e240]:before{transform:translateX(26px)}.slider.round[data-v-9a28e240]{border-radius:34px}.slider.round[data-v-9a28e240]:before{border-radius:50%}.img-slides[data-v-9a28e240]{width:auto;height:100px}.space[data-v-9a28e240]{height:80px}.image-preview[data-v-9a28e240]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%;margin-top:0 auto;border-radius:.25rem}.uploading-image[data-v-9a28e240]{border-radius:10px}.card-content[data-v-9a28e240]{position:relative}.card-order-list[data-v-9a28e240]{padding:5px;border-radius:15px;background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%}.btn-floating[data-v-9a28e240]{position:absolute;top:-40px;right:90px;font-size:14px;color:#fff}.btn-floating-02[data-v-9a28e240]{position:absolute;top:-40px;right:10px;font-size:14px;color:#fff}@media (min-width:768px){.card-columns[data-v-9a28e240]{-moz-column-count:1;column-count:1}}@media (min-width:992px){.card-columns[data-v-9a28e240]{-moz-column-count:1;column-count:1}}@media (min-width:1200px){.card-columns[data-v-9a28e240]{-moz-column-count:1;column-count:1}}form[data-v-9a28e240]:focus,form[data-v-9a28e240]:hover{border-color:#0070d3;cursor:pointer;color:#9ff1c8}.card-text[data-v-9a28e240]{height:auto;margin:20px 0;position:relative;text-align:center;width:100%;color:#fff}.input-file[data-v-9a28e240]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}:focus+label+i[data-v-9a28e240]{border-color:#0070d3}.mt-10[data-v-9a28e240]{margin-top:5rem}.home-section[data-v-600a4862]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-600a4862]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-600a4862]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-600a4862]{height:100px}.space2[data-v-600a4862]{height:30px}a[data-v-600a4862]{color:#3e3e3e}.tab-pane .card-body[data-v-600a4862]{padding:0}.avatar-initials[data-v-600a4862]{padding:12px 12px}a[data-v-600a4862]:hover{text-decoration:none}.main-container[data-v-600a4862]{padding:25px;flex-grow:1;overflow:auto}.avatar[data-v-600a4862]{margin-left:30px;margin-top:10px;margin-bottom:10px}.avatar-img[data-v-600a4862]{width:50%;height:100%}.avatar-tab[data-v-600a4862]{margin-left:18px;margin-right:auto}.wrapper[data-v-600a4862]{width:100%;display:flex;flex-grow:1;overflow:auto;z-index:-1}.menu-items[data-v-600a4862]{display:flex;cursor:pointer}.profile[data-v-600a4862]{height:45vh;position:relative;display:flex;justify-content:flex-end;flex-direction:column}.profile-cover[data-v-600a4862]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:4px 4px 6px 6px}.profile-menu[data-v-600a4862]{display:flex;justify-content:space-between;align-items:center;background-color:#fff;width:100%;box-shadow:-1px 3px 8px -1px rgba(0,0,0,.1);border-radius:0 0 4px 4px;padding:0 25px;z-index:2}.profile-img[data-v-600a4862]{border-radius:50%;width:42px;height:42px;-o-object-fit:cover;object-fit:cover;margin-right:15px}.profile-avatar[data-v-600a4862]{display:flex;align-items:center;flex-shrink:0}.profile-name[data-v-600a4862]{white-space:nowrap;font-family:Kanit,sans-serif}.profile-menu-link[data-v-600a4862]{padding:20px;transition:.2s}.profile-menu-link.active[data-v-600a4862],.profile-menu-link[data-v-600a4862]:hover{border-bottom:3px solid #f13a2f;color:#f13a2f}.profile-info[data-v-600a4862]{justify-content:center;display:flex;background-color:rgba(0,0,0,.3);width:100%;z-index:2}.profile-name[data-v-600a4862]{color:grey}.profile-item[data-v-600a4862]{display:flex;align-items:center;color:#fff;padding:26px 16px;white-space:nowrap;font-family:Kanit,sans-serif}.profile-item svg[data-v-600a4862]{width:22px;margin-right:10px}.profile-contact-info[data-v-600a4862]{position:absolute;display:flex;right:10px;top:20px;color:#fff}.profile-contact-info svg[data-v-600a4862]{width:18px}.profile-contact[data-v-600a4862]{border:1px solid hsla(0,0%,93.7%,.3);padding:16px;margin-left:10px;border-radius:50%;cursor:pointer}@media(max-width:1030px){.profile-name[data-v-600a4862]{display:none}.profile-menu-link[data-v-600a4862]{padding:10px 5px;font-size:15px}}@media(max-width:900px){.profile-item[data-v-600a4862]{padding:20px 10px}}@media(max-width:840px){.profile-contact[data-v-600a4862]{padding:6px}.profile-avatar[data-v-600a4862],.profile-item[data-v-600a4862]{flex-direction:column;font-family:Kanit,sans-serif}.profile-item svg[data-v-600a4862]{margin-right:0}.profile-item[data-v-600a4862]{text-align:center;font-family:Kanit,sans-serif}.profile-img[data-v-600a4862]{margin-right:0;margin-top:10px}.profile-name[data-v-600a4862]{display:block;margin-bottom:10px;margin-top:6px}.profile-menu[data-v-600a4862]{flex-direction:column}.menu-items[data-v-600a4862]{order:1}}@media(max-width:980px){.profile[data-v-600a4862]{min-height:380px;max-height:380px}}@media screen and (min-width:1024px){#card-mobile[data-v-600a4862]{display:none}}@media screen and (min-width:375px)and (max-width:960px){#card-mobile[data-v-600a4862]{display:block}}@media(min-width:991px)and (max-width:1200px){.skill-block[data-v-600a4862]{padding:32px!important}.img-reward[data-v-600a4862]{width:100%;height:100%;margin-right:auto;margin-left:auto}}@media(min-width:1200px){.skill-block[data-v-600a4862]{padding:56px!important}}.card-body[data-v-600a4862],.card-text[data-v-600a4862],.card-title[data-v-600a4862],.card[data-v-600a4862]{font-family:Kanit,sans-serif}.nav-tabs[data-v-600a4862]{border-bottom:1px solid #fff}.nav-pills .nav-link.active[data-v-600a4862]{color:#e23770;background-color:rgba(250,193,212,.7333333333);padding:5px 15px}.nav-tabs[data-v-600a4862]{border-radius:0;box-shadow:none}.follow-buttons[data-v-600a4862]{display:flex;font-family:Kanit,sans-serif}.follow[data-v-600a4862]{border:2px solid #efefef;border-radius:25px 0 0 25px;color:#b3b3b3}.follow-red[data-v-600a4862],.follow[data-v-600a4862]{padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;background-color:transparent;font-family:Kanit,sans-serif}.follow-red[data-v-600a4862]{border:2px solid red;border-radius:25px 0 0 25px;color:red}.follow[data-v-600a4862]:hover{background-color:#fff}.follow-option[data-v-600a4862]{border-radius:0 25px 25px 0;margin-left:-2px}@keyframes load-600a4862{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-section[data-v-7f65766a]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-7f65766a]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-7f65766a]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-7f65766a]{height:50px}.space1[data-v-7f65766a],.space2[data-v-7f65766a]{height:150px}.card-body[data-v-7f65766a]{font-family:Kanit,sans-serif}.card-margin[data-v-7f65766a]{margin-bottom:1.875rem}.card-order-list[data-v-7f65766a]{padding:5px}.card-margin-orderlist[data-v-7f65766a]{margin-bottom:1rem}.card-title[data-v-7f65766a]{text-align:left;bottom:10px}.card-text[data-v-7f65766a]{text-align:left;line-height:23px}@media(min-width:768px){.card-columns[data-v-7f65766a]{-moz-column-count:1;column-count:1}}@media(min-width:992px){.card-columns[data-v-7f65766a]{-moz-column-count:1;column-count:1}}@media(min-width:1200px){.card-columns[data-v-7f65766a]{-moz-column-count:1;column-count:1}}.card-content-more[data-v-7f65766a]{position:relative}.btn-floating[data-v-7f65766a]{position:absolute;right:-8px;top:-49px;font-size:10px}.max[data-v-7f65766a]{position:absolute;left:20px;top:20px}.fa-purple[data-v-7f65766a]{color:#1dac07}.page-link[data-v-7f65766a]{color:#db7093}.p-color[data-v-7f65766a]{background-color:var(--first-color);color:#fff}.btn-orange[data-v-7f65766a]{color:#fff;border-color:var(--orange-color);background-color:var(--orange-color)}.btn-orange.focus[data-v-7f65766a],.btn-orange[data-v-7f65766a]:focus,.btn-orange[data-v-7f65766a]:hover{color:#fff;border-color:var(--sub-color);background-color:var(--first-color)}.btn-orange.focus[data-v-7f65766a],.btn-orange[data-v-7f65766a]:focus{box-shadow:0 0 0 .2rem rgba(180,108,72,.5)}.btn-orange.disabled[data-v-7f65766a],.btn-orange[data-v-7f65766a]:disabled{color:#fff;border-color:var(--orange-color);background-color:var(--orange-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-7f65766a],.btn-orange[data-v-7f65766a]:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle[data-v-7f65766a]{color:#fff;border-color:var(--orange-color);background-color:var(--sub-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-7f65766a]:focus,.btn-orange[data-v-7f65766a]:not(:disabled):not(.disabled):active:focus,.show>.btn-oprange.dropdown-toggle[data-v-7f65766a]:focus{box-shadow:0 0 0 .2rem rgba(180,108,72,.5)}.chip[data-v-7f65766a]{grid-column:2/3;grid-row:3/4;justify-self:center;width:20rem;height:4rem;border-radius:1rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:space-between;align-items:center}.chip__icon[data-v-7f65766a]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.8rem;color:var(--primary)}.chip p[data-v-7f65766a]{font-size:1.1rem;margin-left:-1rem;color:#000;margin-top:18px}.chip__close[data-v-7f65766a]{width:1.6rem;height:1.6rem;margin:0 .5rem;display:flex;font-size:1.6rem;color:var(--greyLight-3);cursor:pointer}.krathong-item[data-v-d03ed5e8]{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;animation:moveLeftToRight-d03ed5e8 linear infinite}.krathong-item img[data-v-d03ed5e8]{width:100px;height:auto;border-radius:50%;animation:balloon_text-d03ed5e8 4s ease-in-out infinite}.krathong-caption[data-v-d03ed5e8]{text-align:center;border-radius:30px;padding:5px 10px;font-size:.9rem;background-color:hsla(0,0%,100%,.637);position:absolute;bottom:1;left:-20px;box-sizing:border-box;color:#000;animation:balloon_text-d03ed5e8 4s ease-in-out infinite}@keyframes moveLeftToRight-d03ed5e8{0%{transform:translateX(-150px)}to{transform:translateX(100vw)}}@keyframes sway-d03ed5e8{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(5px) rotate(3deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(-5px) rotate(-3deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes balloon_text-d03ed5e8{0%,to{-webkit-transform:translateY(0) rotate(-2deg)}50%{-webkit-transform:translateY(-25px) rotate(1deg)}}.app[data-v-edc4174e]{position:absolute;width:100%;height:100%;background-image:url(../img/loyy.7f7719a0.png);background-size:cover;background-position:50%;overflow:hidden;z-index:-2}.items-container[data-v-edc4174e]{z-index:999}.wave1[data-v-edc4174e],.wave2[data-v-edc4174e],.wave3[data-v-edc4174e]{position:absolute;width:200%;height:10px;bottom:0;animation:move-edc4174e 16s linear infinite alternate;z-index:-1}.wave1[data-v-edc4174e]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f70d1 23px)}.wave1[data-v-edc4174e]:after,.wave1[data-v-edc4174e]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave1[data-v-edc4174e]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f70d1 18px,transparent 19px)}.wave2[data-v-edc4174e]{bottom:50px;left:-40px;z-index:-2;animation:move-edc4174e 8s ease-in-out infinite alternate-reverse}.wave2[data-v-edc4174e]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f65a1 23px)}.wave2[data-v-edc4174e]:after,.wave2[data-v-edc4174e]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave2[data-v-edc4174e]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f65a1 18px,transparent 19px)}.wave3[data-v-edc4174e]{bottom:100px;z-index:-3;animation:move-edc4174e 16s linear infinite alternate-reverse}.wave3[data-v-edc4174e]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f6081 23px)}.wave3[data-v-edc4174e]:after,.wave3[data-v-edc4174e]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave3[data-v-edc4174e]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f6081 18px,transparent 19px)}@keyframes move-edc4174e{0%{transform:translateX(-200px)}to{transform:translateX(-20px)}}.wave[data-v-edc4174e]{position:absolute;left:0;bottom:0;height:auto;width:100%}.wave[data-v-edc4174e]:nth-child(2){z-index:20;height:180px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%23fde17d"/></svg>'),linear-gradient(#fde17d,#fde17d);background-size:200px 140px,200% 100%;background-position:0 0,center 95px;background-repeat:repeat-x;animation:ani_wave-edc4174e 20s linear 0s infinite normal none running}.wave[data-v-edc4174e]:nth-child(3){z-index:13;height:230px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%23f9d363"/></svg>'),linear-gradient(#f9d363,#f9d363);background-size:160px 50px,200% 100%;background-position:0 0,center 40px;background-repeat:repeat-x;animation:ani_wave-edc4174e 40s linear 0s infinite normal none running}.wave[data-v-edc4174e]:nth-child(4){z-index:7;height:320px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%23e9c136"/></svg>'),linear-gradient(90deg,#e9c136,#e9c136);background-size:160px 60px,200% 100%;background-position:0 0,0 40px;background-repeat:repeat-x;animation:ani_wave-edc4174e 25s linear 0s infinite normal none running}@keyframes ani_wave-edc4174e{0%{background-position-x:0}to{background-position-x:1080px}}.home-section[data-v-d88c542e]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-d88c542e]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-d88c542e]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-d88c542e]{height:30px}.shadow-date[data-v-d88c542e]{border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.room-name[data-v-d88c542e]{margin-left:0}.card-header[data-v-d88c542e]:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.card-columns .card[data-v-d88c542e]{border-radius:20px}.card-content-more[data-v-d88c542e]{position:relative;color:#ff4500;font-weight:700}.calendar-border[data-v-d88c542e]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.card-title[data-v-d88c542e]{text-align:left;text-align:justify;bottom:10px}.card-text[data-v-d88c542e]{text-align:left;line-height:23px;margin-bottom:-5px}.text-muted i[data-v-d88c542e]{margin:0 5px}.calendar-list .card[data-v-d88c542e]{border-radius:20px}.horizontal-calendar[data-v-d88c542e]{border-top:0!important;border:0}.b-between[data-v-d88c542e]{margin-right:5px!important;margin-bottom:5px}.card .card_image[data-v-d88c542e],.card .card_image img[data-v-d88c542e]{width:inherit;height:inherit;border-radius:20px}.card .card_image img[data-v-d88c542e]{-o-object-fit:cover;object-fit:cover}.card-status-booking[data-v-d88c542e]{top:1rem;margin-left:9.5rem}.zoom[data-v-d88c542e]{padding:25px;transition:transform .2s;width:160px;height:auto;margin:0 auto;margin-left:-20px}.zoom[data-v-d88c542e]:hover{transform:scale(1.5)}.text-space[data-v-d88c542e]{height:50px}.hidden[data-v-d88c542e]{display:none}@media(min-width:768px){.card-colum-me[data-v-d88c542e],.card-columns[data-v-d88c542e],.card-room[data-v-d88c542e]{-moz-column-count:1;column-count:1}.time-column[data-v-d88c542e]{-moz-column-count:2;column-count:2}h6[data-v-d88c542e]{margin-top:10px}.card-columns-left-item[data-v-d88c542e]{-moz-column-count:1;column-count:1}}@media(min-width:992px){.card-colum-me[data-v-d88c542e],.card-columns[data-v-d88c542e],.card-room[data-v-d88c542e]{-moz-column-count:1;column-count:1}.time-column[data-v-d88c542e]{-moz-column-count:2;column-count:2}h6[data-v-d88c542e]{margin-top:10px}.on-line[data-v-d88c542e]{width:6%;height:auto}.card-columns-left-item[data-v-d88c542e]{-moz-column-count:1;column-count:1}}@media(min-width:1200px){.card-colum-me[data-v-d88c542e],.card-columns[data-v-d88c542e],.card-room[data-v-d88c542e]{-moz-column-count:1;column-count:1}.time-column[data-v-d88c542e]{-moz-column-count:2;column-count:2}h6[data-v-d88c542e]{margin-top:10px}.on-line[data-v-d88c542e]{height:auto}.card-columns-left-item[data-v-d88c542e]{-moz-column-count:2;column-count:2}}@media(max-width:667px){.on-line[data-v-d88c542e]{width:11%;height:auto}.card-columns-left-item[data-v-d88c542e]{-moz-column-count:1;column-count:1}}.chip_job[data-v-d88c542e]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.chip[data-v-d88c542e],.chip_job[data-v-d88c542e]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;height:3rem;border-radius:1rem;display:flex;justify-content:space-between;align-items:center}.chip[data-v-d88c542e]{box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.chip__icon[data-v-d88c542e]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:green}.chip_job p[data-v-d88c542e]{font-size:1.3rem;margin-right:6.4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.chip p[data-v-d88c542e]{font-size:1rem;margin-right:4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.chip__close[data-v-d88c542e]{width:1.6rem;height:1.6rem;margin:0 2rem;display:flex;font-size:1rem;color:var(--greyLight-3);cursor:pointer}.tebs_content[data-v-d88c542e]{position:relative}.tebs_floting[data-v-d88c542e]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-d88c542e]{grid-column:3/4;grid-row:1/2;width:20.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative;left:0;top:0}.segmented-control input[data-v-d88c542e]{display:none}.segmented-control>input:checked+label[data-v-d88c542e]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-d88c542e],.segmented-control__2[data-v-d88c542e],.segmented-control__3[data-v-d88c542e]{width:7rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-d88c542e]:hover,.segmented-control__2[data-v-d88c542e]:hover,.segmented-control__3[data-v-d88c542e]:hover{color:#d15f02}.segmented-control__color[data-v-d88c542e]{position:absolute;height:2.5rem;width:7rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-d88c542e]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-d88c542e]{transform:translateX(6.4rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-d88c542e]{transform:translateX(13rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.btn-orange.focus[data-v-d88c542e],.btn-orange[data-v-d88c542e],.btn-orange[data-v-d88c542e]:focus,.btn-orange[data-v-d88c542e]:hover{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange.focus[data-v-d88c542e],.btn-orange[data-v-d88c542e]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-orange.disabled[data-v-d88c542e],.btn-orange[data-v-d88c542e]:disabled{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-d88c542e],.btn-orange[data-v-d88c542e]:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle[data-v-d88c542e]{color:#fff;border-color:var(--sub-color);background-color:var(--sub-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-d88c542e]:focus,.btn-orange[data-v-d88c542e]:not(:disabled):not(.disabled):active:focus,.show>.btn-orange.dropdown-toggle[data-v-d88c542e]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-pink[data-v-d88c542e]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-pink[data-v-d88c542e]:hover{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-outline-pink.focus[data-v-d88c542e],.btn-outline-pink[data-v-d88c542e]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-pink.disabled[data-v-d88c542e],.btn-outline-pink[data-v-d88c542e]:disabled{color:#000;background-color:transparent}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-d88c542e],.btn-outline-pink[data-v-d88c542e]:not(:disabled):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle[data-v-d88c542e]{color:#fff;border-color:#000;background-color:#000}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-d88c542e]:focus,.btn-outline-pink[data-v-d88c542e]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pink.dropdown-toggle[data-v-d88c542e]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.form-group button[data-v-d88c542e],.form-group input[data-v-d88c542e]{margin-bottom:20px}#button[data-v-d88c542e]{border-radius:30px}.input-style[data-v-d88c542e]{border-radius:30px;background-color:#fff;border-color:#cecece;color:#000}.card-service[data-v-d88c542e]{background-color:var(--greyLight-3);box-shadow:.8rem .8rem 1.4rem var(--greyLight-3),-.2rem -.2rem 1.8rem var(--white);background:none;font-family:inherit}.overtime[data-v-d88c542e]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);justify-content:space-between}.overtime[data-v-d88c542e],.overtime_icon[data-v-d88c542e]{height:3rem;border-radius:1rem;display:flex;align-items:center}.overtime_icon[data-v-d88c542e]{width:3rem;margin:0 0 0 .2rem;justify-content:center;font-size:1.5rem;color:#ff4500}.overtime p[data-v-d88c542e]{font-size:1rem;margin-right:4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.overtime-detail[data-v-d88c542e]{margin-bottom:0;margin-top:0}.modal[data-v-0cc94f6a]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;text-align:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-width:30em;padding:.5rem;border-radius:1rem;background:#fff;z-index:999;box-shadow:2px 2px 20px 1px hsla(0,0%,56.9%,.658);overflow-x:auto;display:flex;flex-direction:column}.modal h1[data-v-0cc94f6a]{margin:0 0 1rem}.modal-overlay[data-v-0cc94f6a]{z-index:998;cursor:pointer}.modal-backdrop[data-v-0cc94f6a],.modal-overlay[data-v-0cc94f6a]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);justify-content:center;align-items:center;display:flex}.modal-back[data-v-0cc94f6a]{background-color:rgba(0,0,0,.175)}.modal-footer[data-v-0cc94f6a],.modal-header[data-v-0cc94f6a]{padding:-5px;display:flex}.modal-header[data-v-0cc94f6a]{position:relative;border:none;color:#4aae9b;justify-content:space-between}.modal-footer[data-v-0cc94f6a]{border:none;flex-direction:column}.modal-body[data-v-0cc94f6a]{position:relative;padding:20px 10px}.btn-close[data-v-0cc94f6a]{position:absolute;margin-top:-40px;right:0;border:none;font-size:25px;padding:0;cursor:pointer;font-weight:700;color:#4aae9b;background:transparent}.btn-green[data-v-0cc94f6a]{color:#fff;background:#4aae9b;border:1px solid #4aae9b;border-radius:2px}.modal-fade-enter[data-v-0cc94f6a],.modal-fade-leave-to[data-v-0cc94f6a]{opacity:0}.modal-fade-enter-active[data-v-0cc94f6a],.modal-fade-leave-active[data-v-0cc94f6a]{transition:opacity .5s ease}.space[data-v-b862dae6]{height:300px}#app #feedback[data-v-9c366f20]{background-color:#f9476c}.form-text-area[data-v-9c366f20]{margin-left:auto;margin-right:auto;font-size:18px}.img[data-v-9c366f20]{border-radius:50%;margin-left:100%;width:100px;height:96px}.space[data-v-9c366f20]{height:100px}@media (min-width:320px){.card-columns[data-v-9c366f20]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-9c366f20]{-moz-column-count:4;column-count:4}.text-comment[data-v-9c366f20]{margin-top:40px;margin-left:-5px}.img[data-v-9c366f20]{border-radius:50%;margin-left:45%}h2[data-v-9c366f20]{font-size:24px}.card-body[data-v-9c366f20]{flex:1 1 auto;min-height:1px;padding:.25rem}.space[data-v-9c366f20]{height:60px}.space1[data-v-9c366f20]{height:50vh}}@media (min-width:540px){.card-columns[data-v-9c366f20]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-9c366f20]{-moz-column-count:4;column-count:4}.text-comment[data-v-9c366f20]{margin-top:30px;margin-left:-5px}.img[data-v-9c366f20]{border-radius:50%;margin-left:64%}.space[data-v-9c366f20]{height:80px}.space1[data-v-9c366f20]{height:50vh}}@media (min-width:768px){.card-columns[data-v-9c366f20]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-9c366f20]{-moz-column-count:4;column-count:4}.text-comment[data-v-9c366f20]{margin-top:30px;margin-left:-10px}.img[data-v-9c366f20]{border-radius:50%;margin-left:70%}.space[data-v-9c366f20]{height:90px}.space1[data-v-9c366f20]{height:50vh}}@media (min-width:992px){.card-columns[data-v-9c366f20]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-9c366f20]{-moz-column-count:4;column-count:4}.text-comment[data-v-9c366f20]{margin-top:30px;margin-left:-10px}.img[data-v-9c366f20]{border-radius:50%;margin-left:80%}}@media (min-width:1200px){.card-columns[data-v-9c366f20]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-9c366f20]{-moz-column-count:4;column-count:4}.text-comment[data-v-9c366f20]{margin-top:50px;margin-left:-10px;font-size:24px;font-weight:700}.img[data-v-9c366f20]{border-radius:50%;margin-left:60%;width:180px;height:170px}.space[data-v-9c366f20]{height:70px}.space1[data-v-9c366f20]{height:50vh}}.rating[data-v-9c366f20]{display:flex;width:100%;justify-content:center;overflow:hidden;flex-direction:row-reverse;height:150px;position:relative}.rating-0[data-v-9c366f20]{filter:grayscale(100%)}.rating>input[data-v-9c366f20]{display:none}.rating>label[data-v-9c366f20]{cursor:pointer;width:40px;height:40px;margin-top:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:76%;transition:.3s}.rating>input:checked~label[data-v-9c366f20],.rating>input:checked~label~label[data-v-9c366f20]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E")}.rating>input:not(:checked)~label:hover~label[data-v-9c366f20],.rating>input:not(:checked)~label[data-v-9c366f20]:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E")}.emoji-wrapper[data-v-9c366f20]{width:100%;text-align:center;height:100px;overflow:hidden;position:absolute;top:0;left:0}.emoji-wrapper[data-v-9c366f20]:after,.emoji-wrapper[data-v-9c366f20]:before{content:"";height:15px;width:100%;position:absolute;left:0;z-index:1}.emoji-wrapper[data-v-9c366f20]:before{top:0;background:linear-gradient(180deg,#fff 0,#fff 35%,hsla(0,0%,100%,0))}.emoji-wrapper[data-v-9c366f20]:after{bottom:0;background:linear-gradient(0deg,#fff 0,#fff 35%,hsla(0,0%,100%,0))}.emoji[data-v-9c366f20]{display:flex;flex-direction:column;align-items:center;transition:.3s}.emoji>svg[data-v-9c366f20]{margin:15px 0;width:70px;height:70px;flex-shrink:0}#rating-1:checked~.emoji-wrapper>.emoji[data-v-9c366f20]{transform:translateY(-100px)}#rating-2:checked~.emoji-wrapper>.emoji[data-v-9c366f20]{transform:translateY(-200px)}#rating-3:checked~.emoji-wrapper>.emoji[data-v-9c366f20]{transform:translateY(-300px)}#rating-4:checked~.emoji-wrapper>.emoji[data-v-9c366f20]{transform:translateY(-400px)}#rating-5:checked~.emoji-wrapper>.emoji[data-v-9c366f20]{transform:translateY(-500px)}.feedback[data-v-9c366f20]{max-width:360px;background-color:#fff;width:100%;padding:20px;border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;margin-left:auto;margin-right:auto}.btn-purple[data-v-9c366f20]{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple[data-v-9c366f20]:hover{color:#fff;border-color:#f7618c;background-color:#ce2b59}.btn-purple.focus[data-v-9c366f20],.btn-purple[data-v-9c366f20]:focus{color:#fff;border-color:#f7618c;background-color:#ce2b59;box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-purple.disabled[data-v-9c366f20],.btn-purple[data-v-9c366f20]:disabled{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple:not(:disabled):not(.disabled).active[data-v-9c366f20],.btn-purple[data-v-9c366f20]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-9c366f20]{color:#fff;border-color:#ec376a;background-color:#f7618c}.btn-purple:not(:disabled):not(.disabled).active[data-v-9c366f20]:focus,.btn-purple[data-v-9c366f20]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-9c366f20]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-outline-pink[data-v-9c366f20]{color:#ec376a;border-color:#ec376a}.btn-outline-pink[data-v-9c366f20]:hover{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-outline-pink.focus[data-v-9c366f20],.btn-outline-pink[data-v-9c366f20]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-outline-pink.disabled[data-v-9c366f20],.btn-outline-pink[data-v-9c366f20]:disabled{color:#ec376a;background-color:transparent}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-9c366f20],.btn-outline-pink[data-v-9c366f20]:not(:disabled):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle[data-v-9c366f20]{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-9c366f20]:focus,.btn-outline-pink[data-v-9c366f20]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pink.dropdown-toggle[data-v-9c366f20]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.file-input__input[data-v-9c366f20]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input__label[data-v-9c366f20]{cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;font-size:12px;font-weight:600;color:#fff;font-size:14px;padding:10px 12px;background-color:#4245a8;box-shadow:0 0 2px rgba(0,0,0,.25);margin-top:20px;margin-left:-20px}.file-input__label svg[data-v-9c366f20]{height:16px;margin-right:4px}.ERP-page[data-v-5549deec]{align-items:center;display:flex;height:100vh}.space[data-v-5549deec]{height:50px}.smartERP[data-v-5549deec]{background:-webkit-linear-gradient(-55deg,#c55fb8 40%,#ae4bbb) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}#button[data-v-5549deec]{border-radius:30px}.input-style[data-v-5549deec]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}.neworder-content[data-v-5549deec]{position:relative;right:170px}@media (min-width:992px){.card-columns[data-v-5549deec]{-moz-column-count:1;column-count:1}}@media (min-width:1200px){.card-columns[data-v-5549deec]{-moz-column-count:1;column-count:1}}.card-content-more[data-v-5549deec]{position:relative}.fa-purple[data-v-5549deec]{color:#6d07ac}.card-title[data-v-5549deec]{text-align:left;bottom:10px}.card-text[data-v-5549deec]{text-align:left;line-height:23px}@media (min-width:992px){.card-input[data-v-5549deec]{-moz-column-count:3;column-count:3}}@media (min-width:1200px){.card-input[data-v-5549deec]{-moz-column-count:3;column-count:3}}img[data-v-5549deec]{height:100px;width:auto}@media screen and (max-width:576px){img[data-v-5549deec]{height:160px;width:auto}}@media screen and (max-width:767px){img[data-v-5549deec]{height:100px;width:auto}}.form-group button[data-v-5549deec],.form-group input[data-v-5549deec]{margin-bottom:20px}.sapce[data-v-dc1c4716]{height:100px}table #table-transition-example.flip-list-move[data-v-dc1c4716]{transition:transform 1s}.form-group button[data-v-dc1c4716],.form-group input[data-v-dc1c4716]{margin-bottom:20px}.input-style[data-v-dc1c4716]{border-radius:30px;background-color:#fff;border-color:#cecece;color:#000}.add-input-members[data-v-dc1c4716]{position:relative}.icon-add-input-members[data-v-dc1c4716]{position:absolute;margin-left:250px;bottom:-20px;color:#4f9f00;z-index:999}.add-input-members-control[data-v-dc1c4716]{color:#4f9f00;margin-left:-10px}.add-input-members-minus[data-v-dc1c4716]{color:#e50000;margin-left:-10px}.star-ratings[data-v-dc1c4716]{unicode-bidi:bidi-override;color:#ccc;font-size:20px;position:relative;margin:0;padding:0;font-family:FontAwesome}.star-ratings .fill-ratings[data-v-dc1c4716]{color:#6e07dd;padding:0;position:absolute;z-index:1;display:block;top:0;left:0;overflow:hidden;font-family:FontAwesome}.star-ratings .fill-ratings span[data-v-dc1c4716]{display:inline-block;font-family:FontAwesome}.star-ratings .empty-ratings[data-v-dc1c4716]{padding:0;display:block;z-index:0}.multiselect__tags[data-v-dc1c4716]{border-radius:30px!important}#button[data-v-b0b2e190]{border-radius:30px}.input-style[data-v-b0b2e190]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#locker-card[data-v-b0b2e190],#login-card[data-v-b0b2e190],#regis-card[data-v-b0b2e190]{width:350px;border-radius:25px;margin:150px auto}p[data-v-b0b2e190]{line-height:1rem}.card[data-v-b0b2e190]{padding:20px}.form-group button[data-v-b0b2e190],.form-group input[data-v-b0b2e190]{margin-bottom:20px}.login-page[data-v-b0b2e190]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-b0b2e190]{background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-b0b2e190],.login-page .fade-enter-active[data-v-b0b2e190]{transition:opacity .5s}.fade-enter[data-v-b0b2e190],.fade-leave-to[data-v-b0b2e190]{opacity:0}.wallpaper-register[data-v-b0b2e190]{background-size:cover;background:-webkit-linear-gradient(-55deg,#2ba3be 40%,#754bd4) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-b0b2e190]{margin-bottom:1.5rem}.error[data-v-b0b2e190]{animation-name:errorShake-b0b2e190;animation-duration:.3s}@keyframes errorShake-b0b2e190{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}#button[data-v-6521f0f4]{border-radius:30px}.input-style[data-v-6521f0f4]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#locker-card[data-v-6521f0f4],#login-card[data-v-6521f0f4],#regis-card[data-v-6521f0f4]{width:350px;border-radius:25px;margin:150px auto}p[data-v-6521f0f4]{line-height:1rem}.card[data-v-6521f0f4]{padding:20px}.form-group button[data-v-6521f0f4],.form-group input[data-v-6521f0f4]{margin-bottom:20px}.login-page[data-v-6521f0f4]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-6521f0f4]{background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-6521f0f4],.login-page .fade-enter-active[data-v-6521f0f4]{transition:opacity .5s}.fade-enter[data-v-6521f0f4],.fade-leave-to[data-v-6521f0f4]{opacity:0}.wallpaper-register[data-v-6521f0f4]{background-size:cover;background:-webkit-linear-gradient(-55deg,#2ba3be 40%,#754bd4) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-6521f0f4]{margin-bottom:1.5rem}.error[data-v-6521f0f4]{animation-name:errorShake-6521f0f4;animation-duration:.3s}@keyframes errorShake-6521f0f4{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}#button[data-v-7661b45e]{border-radius:30px}.input-style[data-v-7661b45e]{border-radius:30px;background-color:#ebf0fc;border-color:#ebf0fc;color:#9da3b0}#locker-card[data-v-7661b45e],#login-card[data-v-7661b45e],#regis-card[data-v-7661b45e]{width:350px;border-radius:25px;margin:150px auto}p[data-v-7661b45e]{line-height:1rem}.card[data-v-7661b45e]{padding:20px}.form-group button[data-v-7661b45e],.form-group input[data-v-7661b45e]{margin-bottom:20px}.login-page[data-v-7661b45e]{align-items:center;display:flex;height:100vh}.login-page .wallpaper-login[data-v-7661b45e]{background:-webkit-linear-gradient(-55deg,#754bd4 40%,#2ba3be) no-repeat 50%;background-size:cover;height:100%;position:absolute;width:100%}.fade-leave-active[data-v-7661b45e],.login-page .fade-enter-active[data-v-7661b45e]{transition:opacity .5s}.fade-enter[data-v-7661b45e],.fade-leave-to[data-v-7661b45e]{opacity:0}.wallpaper-register[data-v-7661b45e]{background-size:cover;background:-webkit-linear-gradient(-55deg,#2ba3be 40%,#754bd4) no-repeat 50%;height:100%;position:absolute;width:100%;z-index:-1}h1[data-v-7661b45e]{margin-bottom:1.5rem}.error[data-v-7661b45e]{animation-name:errorShake-7661b45e;animation-duration:.3s}@keyframes errorShake-7661b45e{0%{transform:translateX(-25px)}25%{transform:translateX(25px)}50%{transform:translateX(-25px)}75%{transform:translateX(25px)}to{transform:translateX(0)}}.card-qrcode[data-v-4089c0ca]{padding:45px}.space[data-v-4089c0ca]{height:60px}.star-ratings[data-v-4089c0ca]{unicode-bidi:bidi-override;color:#ccc;font-size:30px;position:relative;margin:0;padding:0;font-family:FontAwesome}.star-ratings .fill-ratings[data-v-4089c0ca]{color:gold;padding:0;position:absolute;z-index:1;display:block;top:0;left:0;overflow:hidden;font-family:FontAwesome}.star-ratings .fill-ratings span[data-v-4089c0ca]{display:inline-block;font-family:FontAwesome}.star-ratings .empty-ratings[data-v-4089c0ca]{padding:0;display:block;z-index:0}@media (min-width:768px){.card-columns[data-v-4089c0ca]{-moz-column-count:1;column-count:1}.card-columns-rate-star[data-v-4089c0ca]{-moz-column-count:4;column-count:4}.card-rate[data-v-4089c0ca]{-moz-column-count:6;column-count:6}}@media (min-width:992px){.card-columns[data-v-4089c0ca]{-moz-column-count:1;column-count:1}.card-columns-rate-star[data-v-4089c0ca]{-moz-column-count:4;column-count:4}.card-rate[data-v-4089c0ca]{-moz-column-count:6;column-count:6}}@media (min-width:1200px){.card-columns[data-v-4089c0ca]{-moz-column-count:1;column-count:1}.card-columns-rate-star[data-v-4089c0ca]{-moz-column-count:4;column-count:4}.card-rate[data-v-4089c0ca]{-moz-column-count:6;column-count:6}}#app #rate[data-v-38671da7]{background-color:#f9476c}.form-text-area[data-v-38671da7]{margin-left:auto;margin-right:auto;font-size:18px}.img[data-v-38671da7]{border-radius:50%;margin-left:100%;width:100px;height:96px}.space[data-v-38671da7]{height:100px}@media (min-width:320px){.card-columns[data-v-38671da7]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-38671da7]{-moz-column-count:4;column-count:4}.text-comment[data-v-38671da7]{margin-top:40px;margin-left:-5px}.img[data-v-38671da7]{border-radius:50%;margin-left:45%}h2[data-v-38671da7]{font-size:24px}.card-body[data-v-38671da7]{flex:1 1 auto;min-height:1px;padding:.25rem}.space[data-v-38671da7]{height:60px}.space1[data-v-38671da7]{height:50vh}}@media (min-width:540px){.card-columns[data-v-38671da7]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-38671da7]{-moz-column-count:4;column-count:4}.text-comment[data-v-38671da7]{margin-top:30px;margin-left:-5px}.img[data-v-38671da7]{border-radius:50%;margin-left:64%}.space[data-v-38671da7]{height:80px}.space1[data-v-38671da7]{height:50vh}}@media (min-width:768px){.card-columns[data-v-38671da7]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-38671da7]{-moz-column-count:4;column-count:4}.text-comment[data-v-38671da7]{margin-top:30px;margin-left:-10px}.img[data-v-38671da7]{border-radius:50%;margin-left:70%}.space[data-v-38671da7]{height:90px}.space1[data-v-38671da7]{height:50vh}}@media (min-width:992px){.card-columns[data-v-38671da7]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-38671da7]{-moz-column-count:4;column-count:4}.text-comment[data-v-38671da7]{margin-top:30px;margin-left:-10px}.img[data-v-38671da7]{border-radius:50%;margin-left:80%}}@media (min-width:1200px){.card-columns[data-v-38671da7]{-moz-column-count:1;column-count:1}.card-colums-select[data-v-38671da7]{-moz-column-count:4;column-count:4}.text-comment[data-v-38671da7]{margin-top:50px;margin-left:-10px;font-size:24px;font-weight:700}.img[data-v-38671da7]{border-radius:50%;margin-left:60%;width:180px;height:170px}.space[data-v-38671da7]{height:70px}.space1[data-v-38671da7]{height:50vh}}.rating[data-v-38671da7]{display:flex;width:100%;justify-content:center;overflow:hidden;flex-direction:row-reverse;height:150px;position:relative}.rating-0[data-v-38671da7]{filter:grayscale(100%)}.rating>input[data-v-38671da7]{display:none}.rating>label[data-v-38671da7]{cursor:pointer;width:40px;height:40px;margin-top:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:76%;transition:.3s}.rating>input:checked~label[data-v-38671da7],.rating>input:checked~label~label[data-v-38671da7]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E")}.rating>input:not(:checked)~label:hover~label[data-v-38671da7],.rating>input:not(:checked)~label[data-v-38671da7]:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3E%3Cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3E%3C/svg%3E")}.emoji-wrapper[data-v-38671da7]{width:100%;text-align:center;height:100px;overflow:hidden;position:absolute;top:0;left:0}.emoji-wrapper[data-v-38671da7]:after,.emoji-wrapper[data-v-38671da7]:before{content:"";height:15px;width:100%;position:absolute;left:0;z-index:1}.emoji-wrapper[data-v-38671da7]:before{top:0;background:linear-gradient(180deg,#fff 0,#fff 35%,hsla(0,0%,100%,0))}.emoji-wrapper[data-v-38671da7]:after{bottom:0;background:linear-gradient(0deg,#fff 0,#fff 35%,hsla(0,0%,100%,0))}.emoji[data-v-38671da7]{display:flex;flex-direction:column;align-items:center;transition:.3s}.emoji>svg[data-v-38671da7]{margin:15px 0;width:70px;height:70px;flex-shrink:0}#rating-1:checked~.emoji-wrapper>.emoji[data-v-38671da7]{transform:translateY(-100px)}#rating-2:checked~.emoji-wrapper>.emoji[data-v-38671da7]{transform:translateY(-200px)}#rating-3:checked~.emoji-wrapper>.emoji[data-v-38671da7]{transform:translateY(-300px)}#rating-4:checked~.emoji-wrapper>.emoji[data-v-38671da7]{transform:translateY(-400px)}#rating-5:checked~.emoji-wrapper>.emoji[data-v-38671da7]{transform:translateY(-500px)}.feedback[data-v-38671da7]{max-width:360px;background-color:#fff;width:100%;padding:20px;border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;margin-left:auto;margin-right:auto}.btn-purple[data-v-38671da7]{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple[data-v-38671da7]:hover{color:#fff;border-color:#f7618c;background-color:#ce2b59}.btn-purple.focus[data-v-38671da7],.btn-purple[data-v-38671da7]:focus{color:#fff;border-color:#f7618c;background-color:#ce2b59;box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-purple.disabled[data-v-38671da7],.btn-purple[data-v-38671da7]:disabled{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-purple:not(:disabled):not(.disabled).active[data-v-38671da7],.btn-purple[data-v-38671da7]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-38671da7]{color:#fff;border-color:#ec376a;background-color:#f7618c}.btn-purple:not(:disabled):not(.disabled).active[data-v-38671da7]:focus,.btn-purple[data-v-38671da7]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-38671da7]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-outline-pink[data-v-38671da7]{color:#ec376a;border-color:#ec376a}.btn-outline-pink[data-v-38671da7]:hover{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-outline-pink.focus[data-v-38671da7],.btn-outline-pink[data-v-38671da7]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-outline-pink.disabled[data-v-38671da7],.btn-outline-pink[data-v-38671da7]:disabled{color:#ec376a;background-color:transparent}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-38671da7],.btn-outline-pink[data-v-38671da7]:not(:disabled):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle[data-v-38671da7]{color:#fff;border-color:#ec376a;background-color:#ec376a}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-38671da7]:focus,.btn-outline-pink[data-v-38671da7]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pink.dropdown-toggle[data-v-38671da7]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.file-input__input[data-v-38671da7]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input__label[data-v-38671da7]{cursor:pointer;display:inline-flex;align-items:center;border-radius:4px;font-size:12px;font-weight:600;color:#fff;font-size:14px;padding:10px 12px;background-color:#4245a8;box-shadow:0 0 2px rgba(0,0,0,.25);margin-top:20px;margin-left:-20px}.file-input__label svg[data-v-38671da7]{height:16px;margin-right:4px}@font-face{font-family:Chula;src:local("Chula"),url(../fonts/ChulaCharasNewBold.9ef76dda.ttf) format("truetype")}[data-v-617d66ce]{box-sizing:border-box}.full-page .wallpaper[data-v-617d66ce]{background:url(../img/card_02.4aa26190.png);background-size:cover;height:100%;position:fixed;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}ul[data-v-617d66ce]{list-style-type:none}.box[data-v-617d66ce]{position:absolute;top:70%;left:0;text-align:center;width:100%;font-weight:700;font-size:2rem;text-stroke:.5px;color:#6e290e;font-family:Charm,cursive}.box .swap[data-v-617d66ce]{display:inline-block;position:relative;min-width:1em;min-height:1em;transition-duration:.5s;transition-property:transform width}.box .swap li[data-v-617d66ce]{position:absolute;top:0;left:0;opacity:0;white-space:nowrap;border-radius:.2em;padding:.2em .5em;color:#6e290e;transition-duration:.5s;transition-property:opacity}.box .swap li.visible[data-v-617d66ce]{opacity:1}@keyframes glitter-617d66ce{0%{-webkit-transform:scale(1);opacity:1}25%{-webkit-transform:scale(.5);opacity:0}50%{-webkit-transform:scale(1);opacity:1}75%{-webkit-transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);opacity:1}}#app[data-v-617d66ce]{margin:auto;width:auto;overflow:hidden}img.glitter-star[data-v-617d66ce]{border-radius:50%;position:fixed;height:20px;width:20px;background-color:#f6eec2;animation:glitter-617d66ce 2s linear 0s infinite normal}.slider[data-v-617d66ce]{max-width:600px;height:50px;margin:20px auto;position:relative;font-weight:700;font-size:2rem;text-align:center;font-family:Charm,cursive;margin-top:70vh;color:#6e290e}.slide1[data-v-617d66ce],.slide2[data-v-617d66ce],.slide3[data-v-617d66ce],.slide4[data-v-617d66ce]{position:absolute;width:100%;height:100%;font-weight:700;font-size:2rem;font-family:Charm,cursive;color:#6e290e}.slide1[data-v-617d66ce]{animation:fade-617d66ce 100s infinite;-webkit-animation:fade-617d66ce 100s infinite}.slide2[data-v-617d66ce]{animation:fade2-617d66ce 100s infinite;-webkit-animation:fade2-617d66ce 100s infinite}.slide3[data-v-617d66ce]{animation:fade3-617d66ce 100s infinite;-webkit-animation:fade3-617d66ce 100s infinite}.slide4[data-v-617d66ce]{animation:fade4-617d66ce 100s infinite;-webkit-animation:fade4-617d66ce 100s infinite}@keyframes fade-617d66ce{0%{opacity:0}20%{opacity:1}40%{opacity:0}60%{opacity:0}80%{opacity:0}to{opacity:0}}@keyframes fade2-617d66ce{0%{opacity:0}20%{opacity:0}40%{opacity:1}60%{opacity:0}80%{opacity:0}to{opacity:0}}@keyframes fade3-617d66ce{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes fade4-617d66ce{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:0}80%{opacity:1}to{opacity:0}}@keyframes fadeinout-617d66ce{0%{opacity:0}50%{opacity:1}to{opacity:0}}p[data-v-6cba2fcc]{text-align:center;border-radius:30px;padding:5px 10px;background-color:pink;position:absolute;bottom:1;left:10px;box-sizing:border-box;color:#000}@keyframes sunshining-6cba2fcc{0%{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}50%{box-shadow:0 0 30px 15px #fbff81,0 0 40px 20px #fff}to{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}}.respon[data-v-6cba2fcc]{position:absolute;width:100%;height:100%;background-image:url(../img/loyy.7f7719a0.png);background-size:cover;background-position:50%;overflow:hidden;z-index:-2}.wave1[data-v-6cba2fcc],.wave2[data-v-6cba2fcc],.wave3[data-v-6cba2fcc]{position:absolute;width:200%;height:10px;bottom:0;animation:move-6cba2fcc 16s linear infinite alternate;z-index:-1}.wave1[data-v-6cba2fcc]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f70d1 23px)}.wave1[data-v-6cba2fcc]:after,.wave1[data-v-6cba2fcc]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave1[data-v-6cba2fcc]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f70d1 18px,transparent 19px)}.wave2[data-v-6cba2fcc]{bottom:50px;left:-40px;z-index:-2;animation:move-6cba2fcc 8s ease-in-out infinite alternate-reverse}.wave2[data-v-6cba2fcc]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f65a1 23px)}.wave2[data-v-6cba2fcc]:after,.wave2[data-v-6cba2fcc]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave2[data-v-6cba2fcc]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f65a1 18px,transparent 19px)}.wave3[data-v-6cba2fcc]{bottom:100px;z-index:-3;animation:move-6cba2fcc 16s linear infinite alternate-reverse}.wave3[data-v-6cba2fcc]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f6081 23px)}.wave3[data-v-6cba2fcc]:after,.wave3[data-v-6cba2fcc]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave3[data-v-6cba2fcc]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f6081 18px,transparent 19px)}@keyframes move-6cba2fcc{0%{transform:translateX(-200px)}to{transform:translateX(-20px)}}.sun[data-v-6cba2fcc]{top:8%;left:15%;height:40px;width:40px;border-radius:50%;background-color:#ff5;box-shadow:0 0 12px 6px #fe8;z-index:-4;position:absolute;top:70px;left:50%;margin-left:-30px;height:60px;width:60px;background:#ff0;border-radius:30px;box-shadow:0 0 20px 10px #f9ff54;animation:sunshining-6cba2fcc 4s linear infinite}.oblako[data-v-6cba2fcc]{position:absolute}.o1[data-v-6cba2fcc]{top:50px;left:-100px}.o2[data-v-6cba2fcc]{top:100px;left:-100px}.o3[data-v-6cba2fcc]{top:150px;left:-100px}.o4[data-v-6cba2fcc]{top:200px;left:-100px}.o5[data-v-6cba2fcc]{top:250px;left:-100px}.ob1[data-v-6cba2fcc]{width:50px;height:50px;left:20px;top:10px;border-radius:25px}.ob1[data-v-6cba2fcc],.ob2[data-v-6cba2fcc]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob2[data-v-6cba2fcc]{width:40px;height:40px;left:90px;top:20px;border-radius:20px}.ob3[data-v-6cba2fcc]{width:30px;height:30px;top:30px;left:120px;border-radius:15px}.ob3[data-v-6cba2fcc],.ob4[data-v-6cba2fcc]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob4[data-v-6cba2fcc]{width:20px;height:20px;top:40px;border-radius:10px}.ob5[data-v-6cba2fcc]{width:60px;height:60px;box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;left:50px;border-radius:30px;background:#bbb}@keyframes skymove-6cba2fcc{0%{transform:translateX(-200px)}to{transform:translateX(110vw)}}@keyframes skyscalefirst-6cba2fcc{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes skyscalesecond-6cba2fcc{0%{transform:scale(.8)}to{transform:scale(.8)}}@keyframes skyscalethird-6cba2fcc{0%{transform:scale(.6)}to{transform:scale(.6)}}@keyframes skyscalefourth-6cba2fcc{0%{transform:scale(.4)}to{transform:scale(.4)}}@keyframes skyscalefifth-6cba2fcc{0%{transform:scale(.2)}to{transform:scale(.2)}}.o1[data-v-6cba2fcc]{animation:skymove-6cba2fcc 40s linear infinite}.o_container1[data-v-6cba2fcc]{animation:skyscalefirst-6cba2fcc 40s linear infinite}.o2[data-v-6cba2fcc]{animation:skymove-6cba2fcc 60s linear infinite}.o_container2[data-v-6cba2fcc]{animation:skyscalesecond-6cba2fcc 60s linear infinite}.o3[data-v-6cba2fcc]{animation:skymove-6cba2fcc 80s linear infinite}.o_container3[data-v-6cba2fcc]{animation:skyscalethird-6cba2fcc 80s linear infinite}.o4[data-v-6cba2fcc]{animation:skymove-6cba2fcc 100s linear infinite}.o_container4[data-v-6cba2fcc]{animation:skyscalefourth-6cba2fcc 100s linear infinite}.o5[data-v-6cba2fcc]{animation:skymove-6cba2fcc 120s linear infinite}.o_container5[data-v-6cba2fcc]{animation:skyscalefifth-6cba2fcc 120s linear infinite}@keyframes ani_tem-6cba2fcc{0%{background-position-x:0}to{background-position-x:1870px}}.tree[data-v-6cba2fcc]{width:100%;height:500px;position:absolute;z-index:6;opacity:.4;background-size:cover;background-repeat:repeat-x;bottom:-10px}.temple[data-v-6cba2fcc]{height:600px;position:absolute;background-repeat:repeat-x;bottom:400px;width:100%;height:auto;background-image:url(../img/bg-loy-qr.e275e5b0.png);z-index:8;background-size:cover;z-index:99}.wave[data-v-6cba2fcc]{position:absolute;left:0;bottom:0;height:auto;width:100%}.wave[data-v-6cba2fcc]:nth-child(2){z-index:20;height:140px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%233c649f"/></svg>'),linear-gradient(#3c649f,#3c649f);background-size:200px 140px,200% 100%;background-position:0 0,center 95px;background-repeat:repeat-x;animation:ani_wave-6cba2fcc 20s linear 0s infinite normal none running}.wave[data-v-6cba2fcc]:nth-child(3){z-index:13;height:180px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%232c456b"/></svg>'),linear-gradient(#2c456b,#2c456b);background-size:160px 50px,200% 100%;background-position:0 0,center 40px;background-repeat:repeat-x;animation:ani_wave-6cba2fcc 40s linear 0s infinite normal none running}.wave[data-v-6cba2fcc]:nth-child(4){z-index:7;height:260px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%231b2d48"/></svg>'),linear-gradient(90deg,#1b2d48,#1b2d48);background-size:160px 60px,200% 100%;background-position:0 0,0 40px;background-repeat:repeat-x;animation:ani_wave-6cba2fcc 25s linear 0s infinite normal none running}@keyframes ani_wave-6cba2fcc{0%{background-position-x:0}to{background-position-x:1080px}}.items-container[data-v-6cba2fcc]{position:relative;width:100vw;overflow:hidden;display:flex;gap:20px}.item[data-v-6cba2fcc]{display:flex;flex-direction:column;align-items:center;width:100px;text-align:center;position:absolute;animation:skymove-6cba2fcc 40s linear infinite}.item img[data-v-6cba2fcc]{width:100px;height:auto;border-radius:8px}.item-caption[data-v-6cba2fcc]{margin-top:8px;font-size:1rem;color:#fff;background-color:rgba(0,0,0,.6);padding:5px;border-radius:5px}@keyframes moveLeftToRight-6cba2fcc{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes sunshining-b80d4296{0%{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}50%{box-shadow:0 0 30px 15px #fbff81,0 0 40px 20px #fff}to{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}}.sky[data-v-b80d4296]{position:relative;height:560px;background-image:linear-gradient(0deg,#a262b0,#884e9d,#6e3c8a,#552978,#3b1866);z-index:0}.sun[data-v-b80d4296]{position:absolute;top:70px;left:50%;margin-left:-30px;height:60px;width:60px;background:#ff0;border-radius:30px;box-shadow:0 0 20px 10px #f9ff54;animation:sunshining-b80d4296 4s linear infinite}.oblako[data-v-b80d4296]{position:absolute}.o1[data-v-b80d4296]{top:50px;left:-100px}.o2[data-v-b80d4296]{top:100px;left:-100px}.o3[data-v-b80d4296]{top:150px;left:-100px}.o4[data-v-b80d4296]{top:200px;left:-100px}.o5[data-v-b80d4296]{top:250px;left:-100px}.ob1[data-v-b80d4296]{width:50px;height:50px;left:20px;top:10px;border-radius:25px}.ob1[data-v-b80d4296],.ob2[data-v-b80d4296]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob2[data-v-b80d4296]{width:40px;height:40px;left:90px;top:20px;border-radius:20px}.ob3[data-v-b80d4296]{width:30px;height:30px;top:30px;left:120px;border-radius:15px}.ob3[data-v-b80d4296],.ob4[data-v-b80d4296]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob4[data-v-b80d4296]{width:20px;height:20px;top:40px;border-radius:10px}.ob5[data-v-b80d4296]{width:60px;height:60px;box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;left:50px;border-radius:30px;background:#bbb}@keyframes skymove-b80d4296{0%{transform:translateX(-200px)}to{transform:translateX(110vw)}}@keyframes skyscalefirst-b80d4296{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes skyscalesecond-b80d4296{0%{transform:scale(.8)}to{transform:scale(.8)}}@keyframes skyscalethird-b80d4296{0%{transform:scale(.6)}to{transform:scale(.6)}}@keyframes skyscalefourth-b80d4296{0%{transform:scale(.4)}to{transform:scale(.4)}}@keyframes skyscalefifth-b80d4296{0%{transform:scale(.2)}to{transform:scale(.2)}}.o1[data-v-b80d4296]{animation:skymove-b80d4296 40s linear infinite}.o_container1[data-v-b80d4296]{animation:skyscalefirst-b80d4296 40s linear infinite}.o2[data-v-b80d4296]{animation:skymove-b80d4296 60s linear infinite}.o_container2[data-v-b80d4296]{animation:skyscalesecond-b80d4296 60s linear infinite}.o3[data-v-b80d4296]{animation:skymove-b80d4296 80s linear infinite}.o_container3[data-v-b80d4296]{animation:skyscalethird-b80d4296 80s linear infinite}.o4[data-v-b80d4296]{animation:skymove-b80d4296 100s linear infinite}.o_container4[data-v-b80d4296]{animation:skyscalefourth-b80d4296 100s linear infinite}.o5[data-v-b80d4296]{animation:skymove-b80d4296 120s linear infinite}.o_container5[data-v-b80d4296]{animation:skyscalefifth-b80d4296 120s linear infinite}@keyframes ani_tem-b80d4296{0%{background-position-x:0}to{background-position-x:1870px}}.tree[data-v-b80d4296]{height:500px;z-index:6;opacity:.4;bottom:-10px}.temple[data-v-b80d4296],.tree[data-v-b80d4296]{width:100%;position:absolute;background-size:cover;background-repeat:repeat-x}.temple[data-v-b80d4296]{bottom:400px;height:600px;background-image:url(../img/loyy.7f7719a0.png);z-index:8}.waves[data-v-b80d4296]{position:relative;height:450px;z-index:0;margin-top:50px}.wave[data-v-b80d4296]{position:absolute;left:0;bottom:0;height:auto;width:100%}.wave[data-v-b80d4296]:nth-child(2){z-index:20;height:220px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%233c649f"/></svg>'),linear-gradient(#3c649f,#3c649f);background-size:200px 140px,200% 100%;background-position:0 0,center 95px;background-repeat:repeat-x;animation:ani_wave-b80d4296 20s linear 0s infinite normal none running}.wave[data-v-b80d4296]:nth-child(3){z-index:13;height:310px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%232c456b"/></svg>'),linear-gradient(#2c456b,#2c456b);background-size:160px 50px,200% 100%;background-position:0 0,center 40px;background-repeat:repeat-x;animation:ani_wave-b80d4296 40s linear 0s infinite normal none running}.wave[data-v-b80d4296]:nth-child(4){z-index:7;height:450px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%231b2d48"/></svg>'),linear-gradient(90deg,#1b2d48,#1b2d48);background-size:0 60px,200% 100%;background-position:0 0,0 35px;background-repeat:repeat-x}@keyframes ani_wave-b80d4296{0%{background-position-x:0}to{background-position-x:1080px}}@keyframes ani_wave3-b80d4296{0%{background-position-x:0}to{background-position-x:-70px}}@keyframes ani_wave4-b80d4296{0%{background-position-x:-50px}to{background-position-x:0}}@keyframes ani_wave5-b80d4296{0%{background-position-x:0}to{background-position-x:-70px}}.krathongs-0[data-v-b80d4296]{position:absolute;bottom:280px;z-index:10}.krathongs-1[data-v-b80d4296]{position:absolute;bottom:150px;z-index:17}.krathongs-2[data-v-b80d4296]{position:absolute;bottom:140px;z-index:16}.krathongs-3[data-v-b80d4296]{position:absolute;bottom:260px;z-index:9}.krathongs-4[data-v-b80d4296]{position:absolute;bottom:150px;z-index:15}.krathongs-5[data-v-b80d4296]{position:absolute;bottom:260px;z-index:8}.krathongs-6[data-v-b80d4296]{position:absolute;bottom:150px;z-index:14}.krathongs-7[data-v-b80d4296],.krathongs-8[data-v-b80d4296]{position:absolute;bottom:270px;z-index:8}.krathongs-9[data-v-b80d4296]{position:absolute;bottom:100px;z-index:13}.krathongs-10[data-v-b80d4296]{position:absolute;bottom:150px;z-index:50}@keyframes krathongsrotate-b80d4296{0%{transform:rotate(0deg);transform-origin:20% 100%}25%{transform:rotate(2deg);transform-origin:20% 100%}75%{transform:rotate(-4deg);transform-origin:20% 100%}to{transform:rotate(0deg);transform-origin:20% 100%}}@keyframes krathongsmove-b80d4296{0%{transform:translateX(-310px)}to{transform:translateX(110vw)}}.krathongs-0[data-v-b80d4296]{animation:krathongsmove-b80d4296 65s linear infinite}.krathongs_container-0[data-v-b80d4296]{animation:krathongsrotate-b80d4296 5s linear infinite}.krathongs-1[data-v-b80d4296]{animation:krathongsmove-b80d4296 70s linear infinite}.krathongs_container-1[data-v-b80d4296]{animation:krathongsrotate-b80d4296 4.5s linear infinite}.krathongs-2[data-v-b80d4296]{animation:krathongsmove-b80d4296 90s linear infinite}.krathongs_container-2[data-v-b80d4296]{animation:krathongsrotate-b80d4296 6s linear infinite}.krathongs-3[data-v-b80d4296]{animation:krathongsmove-b80d4296 80s linear infinite}.krathongs_container-3[data-v-b80d4296]{animation:krathongsrotate-b80d4296 6.2s linear infinite}.krathongs-4[data-v-b80d4296]{animation:krathongsmove-b80d4296 110s linear infinite}.krathongs_container-4[data-v-b80d4296]{animation:krathongsrotate-b80d4296 5s linear infinite}.krathongs-5[data-v-b80d4296]{animation:krathongsmove-b80d4296 100s linear infinite}.krathongs_container-5[data-v-b80d4296]{animation:krathongsrotate-b80d4296 7s linear infinite}.krathongs-6[data-v-b80d4296]{animation:krathongsmove-b80d4296 130s linear infinite}.krathongs_container-6[data-v-b80d4296]{animation:krathongsrotate-b80d4296 6.5s linear infinite}.krathongs-7[data-v-b80d4296]{animation:krathongsmove-b80d4296 140s linear infinite}.krathongs_container-7[data-v-b80d4296]{animation:krathongsrotate-b80d4296 7s linear infinite}.krathongs-8[data-v-b80d4296]{animation:krathongsmove-b80d4296 120s linear infinite}.krathongs_container-8[data-v-b80d4296]{animation:krathongsrotate-b80d4296 6s linear infinite}.krathongs-9[data-v-b80d4296]{animation:krathongsmove-b80d4296 150s linear infinite}.krathongs_container-9[data-v-b80d4296]{animation:krathongsrotate-b80d4296 7s linear infinite}.krathongs-10[data-v-b80d4296]{animation:krathongsmove-b80d4296 40s linear infinite}.krathongs_container-10[data-v-b80d4296]{animation:krathongsrotate-b80d4296 4.5s linear infinite}body[data-v-84e4c968]{margin:0;padding:0}.image-slider[data-v-84e4c968]{position:absolute;margin-top:40%;z-index:30}.slide[data-v-84e4c968]{position:absolute}img[data-v-84e4c968]{height:auto;width:200px}p[data-v-84e4c968]{text-align:center;border-radius:30px;padding:5px 10px;background-color:pink;position:absolute;bottom:1;left:10px;box-sizing:border-box;color:#000}@keyframes sunshining-84e4c968{0%{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}50%{box-shadow:0 0 30px 15px #fbff81,0 0 40px 20px #fff}to{box-shadow:0 0 20px 10px #f9ff54,0 0 20px 10px #fff}}.respon[data-v-84e4c968]{position:absolute;width:100%;height:100%;background-image:url(../img/loyy.7f7719a0.png);background-size:cover;background-position:50%;overflow:hidden;z-index:-2}.wave1[data-v-84e4c968],.wave2[data-v-84e4c968],.wave3[data-v-84e4c968]{position:absolute;width:200%;height:10px;bottom:0;animation:move-84e4c968 16s linear infinite alternate;z-index:-1}.wave1[data-v-84e4c968]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f70d1 23px)}.wave1[data-v-84e4c968]:after,.wave1[data-v-84e4c968]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave1[data-v-84e4c968]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f70d1 18px,transparent 19px)}.wave2[data-v-84e4c968]{bottom:50px;left:-40px;z-index:-2;animation:move-84e4c968 8s ease-in-out infinite alternate-reverse}.wave2[data-v-84e4c968]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f65a1 23px)}.wave2[data-v-84e4c968]:after,.wave2[data-v-84e4c968]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave2[data-v-84e4c968]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f65a1 18px,transparent 19px)}.wave3[data-v-84e4c968]{bottom:100px;z-index:-3;animation:move-84e4c968 16s linear infinite alternate-reverse}.wave3[data-v-84e4c968]:before{left:0;height:80px;background-size:80px 80px;background-image:radial-gradient(circle at 25px -5px,transparent 22px,#0f6081 23px)}.wave3[data-v-84e4c968]:after,.wave3[data-v-84e4c968]:before{content:"";position:absolute;right:0;bottom:0;background-repeat:repeat}.wave3[data-v-84e4c968]:after{left:-40px;height:100px;background-size:80px 100px;background-image:radial-gradient(circle at 25px 25px,#0f6081 18px,transparent 19px)}@keyframes move-84e4c968{0%{transform:translateX(-200px)}to{transform:translateX(-20px)}}.sun[data-v-84e4c968]{top:8%;left:15%;height:40px;width:40px;border-radius:50%;background-color:#ff5;box-shadow:0 0 12px 6px #fe8;z-index:-4;position:absolute;top:70px;left:50%;margin-left:-30px;height:60px;width:60px;background:#ff0;border-radius:30px;box-shadow:0 0 20px 10px #f9ff54;animation:sunshining-84e4c968 4s linear infinite}.oblako[data-v-84e4c968]{position:absolute}.o1[data-v-84e4c968]{top:50px;left:-100px}.o2[data-v-84e4c968]{top:100px;left:-100px}.o3[data-v-84e4c968]{top:150px;left:-100px}.o4[data-v-84e4c968]{top:200px;left:-100px}.o5[data-v-84e4c968]{top:250px;left:-100px}.ob1[data-v-84e4c968]{width:50px;height:50px;left:20px;top:10px;border-radius:25px}.ob1[data-v-84e4c968],.ob2[data-v-84e4c968]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob2[data-v-84e4c968]{width:40px;height:40px;left:90px;top:20px;border-radius:20px}.ob3[data-v-84e4c968]{width:30px;height:30px;top:30px;left:120px;border-radius:15px}.ob3[data-v-84e4c968],.ob4[data-v-84e4c968]{box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;background:#bbb}.ob4[data-v-84e4c968]{width:20px;height:20px;top:40px;border-radius:10px}.ob5[data-v-84e4c968]{width:60px;height:60px;box-shadow:0 0 10px 8px #929292,0 5px 10px #ccc;position:absolute;left:50px;border-radius:30px;background:#bbb}@keyframes skymove-84e4c968{0%{transform:translateX(-200px)}to{transform:translateX(110vw)}}@keyframes skyscalefirst-84e4c968{0%{transform:scale(1)}to{transform:scale(1)}}@keyframes skyscalesecond-84e4c968{0%{transform:scale(.8)}to{transform:scale(.8)}}@keyframes skyscalethird-84e4c968{0%{transform:scale(.6)}to{transform:scale(.6)}}@keyframes skyscalefourth-84e4c968{0%{transform:scale(.4)}to{transform:scale(.4)}}@keyframes skyscalefifth-84e4c968{0%{transform:scale(.2)}to{transform:scale(.2)}}.o1[data-v-84e4c968]{animation:skymove-84e4c968 40s linear infinite}.o_container1[data-v-84e4c968]{animation:skyscalefirst-84e4c968 40s linear infinite}.o2[data-v-84e4c968]{animation:skymove-84e4c968 60s linear infinite}.o_container2[data-v-84e4c968]{animation:skyscalesecond-84e4c968 60s linear infinite}.o3[data-v-84e4c968]{animation:skymove-84e4c968 80s linear infinite}.o_container3[data-v-84e4c968]{animation:skyscalethird-84e4c968 80s linear infinite}.o4[data-v-84e4c968]{animation:skymove-84e4c968 100s linear infinite}.o_container4[data-v-84e4c968]{animation:skyscalefourth-84e4c968 100s linear infinite}.o5[data-v-84e4c968]{animation:skymove-84e4c968 120s linear infinite}.o_container5[data-v-84e4c968]{animation:skyscalefifth-84e4c968 120s linear infinite}@keyframes ani_tem-84e4c968{0%{background-position-x:0}to{background-position-x:1870px}}.tree[data-v-84e4c968]{width:100%;height:500px;position:absolute;z-index:6;opacity:.4;background-size:cover;background-repeat:repeat-x;bottom:-10px}.temple[data-v-84e4c968]{height:600px;position:absolute;background-repeat:repeat-x;bottom:400px;width:100%;height:auto;background-image:url(../img/bg-loy-qr.e275e5b0.png);z-index:8;background-size:cover;z-index:99}.wave[data-v-84e4c968]{position:absolute;left:0;bottom:0;height:auto;width:100%}.wave[data-v-84e4c968]:nth-child(2){z-index:20;height:140px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%233c649f"/></svg>'),linear-gradient(#3c649f,#3c649f);background-size:200px 140px,200% 100%;background-position:0 0,center 95px;background-repeat:repeat-x;animation:ani_wave-84e4c968 20s linear 0s infinite normal none running}.wave[data-v-84e4c968]:nth-child(3){z-index:13;height:180px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%232c456b"/></svg>'),linear-gradient(#2c456b,#2c456b);background-size:160px 50px,200% 100%;background-position:0 0,center 40px;background-repeat:repeat-x;animation:ani_wave-84e4c968 40s linear 0s infinite normal none running}.wave[data-v-84e4c968]:nth-child(4){z-index:7;height:260px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 6.7"><path d="M0 6.7v-4s5.4-5.9 12.7-.2 12.3.2 12.3.2v4H0z" fill="%231b2d48"/></svg>'),linear-gradient(90deg,#1b2d48,#1b2d48);background-size:160px 60px,200% 100%;background-position:0 0,0 40px;background-repeat:repeat-x;animation:ani_wave-84e4c968 25s linear 0s infinite normal none running}@keyframes ani_wave-84e4c968{0%{background-position-x:0}to{background-position-x:1080px}}.carousel[data-v-50698a68],img[data-v-50698a68]{border-radius:0}.home-section[data-v-76a71873]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-76a71873]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-76a71873]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.card-service[data-v-76a71873]{border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);background:none;font-family:inherit;color:#ff4500;font-weight:700}.txt-service[data-v-76a71873]{font-weight:700}.search[data-v-76a71873]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-76a71873]{width:100%;height:3rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit;color:var(--greyDark)}.search__input[data-v-76a71873]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-76a71873]::placeholder{color:var(--greyLight-3)}.search__input[data-v-76a71873]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-76a71873]{color:#ff4500}.search__icon[data-v-76a71873]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}.card-body-menu[data-v-76a71873]{margin-top:70px;font-family:Kanit,sans-serif}.card-title[data-v-76a71873]{text-align:center;font-family:Kanit,sans-serif}[data-v-76a71873]::-moz-placeholder{color:#fff}[data-v-76a71873]::placeholder{color:#fff}.card-search[data-v-76a71873]{top:20px;border:0 solid;font-family:Kanit,sans-serif}a[data-v-76a71873]:hover{text-decoration:none}h5[data-v-76a71873]{color:#11101d}.modalDialog[data-v-76a71873]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;transition:opacity .4s ease-in;pointer-events:none}.mainView[data-v-71645d6a]{overflow:hidden}.modal[data-v-71645d6a]{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000}.modal-content[data-v-71645d6a]{margin:15% auto;padding:20px;background-color:#fff;width:80%;max-width:500px}svg[data-v-71645d6a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hallowText[data-v-71645d6a]{font-family:Creepster,cursive;text-anchor:middle;letter-spacing:2px;fill:#e48d29}.topText[data-v-71645d6a]{font-size:105px}.botText[data-v-71645d6a]{font-size:100px}.backgroundGradient[data-v-71645d6a]{stop-color:#35409c;stop-color:#ae0000;stop-color:#c410b1}@font-face{font-family:thsarabun;src:url(../fonts/angsau.490e61bb.ttf)}#page[data-v-50fde109]{font-family:thsarabun}.headerpdf[data-v-50fde109]{font-size:2rem}.subheader[data-v-50fde109],.titlepdf[data-v-50fde109],.topdf[data-v-50fde109]{font-size:1.8rem}.date[data-v-50fde109]{font-size:1.8rem;margin-left:15rem!important}.activity[data-v-50fde109]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.space[data-v-50fde109]{height:90px}.chip[data-v-50fde109],.chip_job[data-v-50fde109]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;height:3rem;border-radius:1rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);display:flex;justify-content:space-between;align-items:center}.chip__icon[data-v-50fde109]{width:3rem;height:3rem;border-radius:1rem;margin:0 0 0 .2rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#ff4500}.chip_job p[data-v-50fde109]{margin-right:6.4rem}.chip_job p[data-v-50fde109],.chip p[data-v-50fde109]{font-size:1.3rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.chip p[data-v-50fde109]{margin-right:4rem}.chip__close[data-v-50fde109]{width:1.6rem;height:1.6rem;margin:0 .5rem;display:flex;font-size:1.6rem;color:var(--greyLight-3);cursor:pointer}.circle_content[data-v-50fde109]{position:relative}.circle_img[data-v-50fde109]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-50fde109]{position:absolute;top:5px;margin-left:6rem;font-size:14px}.circle[data-v-50fde109]{grid-column:2/3;grid-row:4/6;width:9rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center;margin-left:-1.39rem}.circle__btn[data-v-50fde109]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-50fde109]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-50fde109]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-50fde109]{opacity:1}.circle__btn .pause[data-v-50fde109]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-50fde109]{opacity:0}.circle__back-1[data-v-50fde109],.circle__back-2[data-v-50fde109]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-50fde109]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-50fde109 4s linear infinite}.circle__back-1.paused[data-v-50fde109]{animation-play-state:paused}.circle__back-2[data-v-50fde109]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-50fde109 4s linear 2s infinite}.circle__back-2.paused[data-v-50fde109]{animation-play-state:paused}@keyframes waves-50fde109{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.tebs_content[data-v-50fde109]{position:relative}.tebs_floting[data-v-50fde109]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-50fde109]{grid-column:3/4;grid-row:1/2;width:19.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative;left:9.6rem;top:-4rem}.segmented-control input[data-v-50fde109]{display:none}.segmented-control>input:checked+label[data-v-50fde109]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-50fde109],.segmented-control__2[data-v-50fde109],.segmented-control__3[data-v-50fde109]{width:6.3rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-50fde109]:hover,.segmented-control__2[data-v-50fde109]:hover,.segmented-control__3[data-v-50fde109]:hover{color:#d15f02}.segmented-control__color[data-v-50fde109]{position:absolute;height:2.5rem;width:6.6rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-50fde109]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-50fde109]{transform:translateX(6rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-50fde109]{transform:translateX(12.2rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.web-camera-container[data-v-34ac5f7c]{margin-top:2rem;margin-bottom:2rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:4px;width:500px}.web-camera-container .camera-button[data-v-34ac5f7c]{margin-bottom:2rem}.web-camera-container .camera-box .camera-shutter[data-v-34ac5f7c]{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute}.web-camera-container .camera-box .camera-shutter.flash[data-v-34ac5f7c]{opacity:1}.web-camera-container .camera-shoot[data-v-34ac5f7c]{margin:1rem 0}.web-camera-container .camera-shoot button[data-v-34ac5f7c]{height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:100%}.web-camera-container .camera-shoot button img[data-v-34ac5f7c]{height:35px;-o-object-fit:cover;object-fit:cover}.web-camera-container .camera-loading[data-v-34ac5f7c]{overflow:hidden;height:100%;position:absolute;width:100%;min-height:150px;margin:3rem 0 0 -1.2rem}.web-camera-container .camera-loading ul[data-v-34ac5f7c]{height:100%;position:absolute;width:100%;z-index:999999;margin:0}.web-camera-container .camera-loading .loader-circle[data-v-34ac5f7c]{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.web-camera-container .camera-loading .loader-circle li[data-v-34ac5f7c]{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;animation:preload-34ac5f7c 1s infinite;top:-50%;border-radius:100%}.web-camera-container .camera-loading .loader-circle li[data-v-34ac5f7c]:nth-child(2){animation-delay:.2s}.web-camera-container .camera-loading .loader-circle li[data-v-34ac5f7c]:nth-child(3){animation-delay:.4s}@keyframes preload-34ac5f7c{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.col .map[data-v-34ac5f7c]{height:100%}.home-section[data-v-34ac5f7c]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-34ac5f7c]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-34ac5f7c]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-34ac5f7c]{height:50px}.btn__[data-v-34ac5f7c]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:var(--btn-bg);color:var(--btn-color);padding:14px 22px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:1rem;font-family:system-ui;border:2px solid var(--btn-color);transition:.1s ease;box-shadow:5px 5px 0 0 var(--btn-color)}.btn__[data-v-34ac5f7c] :hover{box-shadow:2px 2px 0 0 var(--btn-color)}.btn__[data-v-34ac5f7c] :active{transition:50ms ease;box-shadow:0 0 0 0 var(--btn-color)}.btn__[data-v-34ac5f7c] :focus-visible{outline:0;--btn-color:#e05429}.btn__[data-v-34ac5f7c] :focus-visible:after{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);content:"⇧";animation:float-34ac5f7c .5s ease-in-out infinite}@keyframes float-34ac5f7c{0%{transform:translateX(-50%) translatey(0)}50%{transform:translateX(-50%) translatey(-6px)}to{transform:translateX(-50%) translatey(0)}}.btn-outline-purple[data-v-34ac5f7c]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple[data-v-34ac5f7c]:hover{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple.focus[data-v-34ac5f7c],.btn-outline-purple[data-v-34ac5f7c]:focus{box-shadow:0 0 0 .2rem #fa815c}.btn-outline-purple.disabled[data-v-34ac5f7c],.btn-outline-purple[data-v-34ac5f7c]:disabled{color:#ff5f2d;background-color:transparent}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-34ac5f7c],.btn-outline-purple[data-v-34ac5f7c]:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle[data-v-34ac5f7c]{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-34ac5f7c]:focus,.btn-outline-purple[data-v-34ac5f7c]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle[data-v-34ac5f7c]:focus{box-shadow:0 0 0 .2rem #fa815c}.overtime[data-v-34ac5f7c]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);justify-content:space-between}.overtime[data-v-34ac5f7c],.overtime_icon[data-v-34ac5f7c]{height:3rem;border-radius:1rem;display:flex;align-items:center}.overtime_icon[data-v-34ac5f7c]{width:3rem;margin:0 0 0 .2rem;justify-content:center;font-size:1.5rem;color:#ff4500}.overtime p[data-v-34ac5f7c]{font-size:1rem;margin-right:4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.overtime-detail[data-v-34ac5f7c]{margin-bottom:0;margin-top:0}.barcode[data-v-34ac5f7c]{width:100px;height:100px}.calendar-list .card[data-v-34ac5f7c],.card-columns .card[data-v-34ac5f7c]{border-radius:10px}.card-content-more[data-v-34ac5f7c]{position:relative;color:#ff4500;font-weight:700}.card-service[data-v-34ac5f7c]{background-color:var(--greyLight-3);box-shadow:.8rem .8rem 1.4rem var(--greyLight-3),-.2rem -.2rem 1.8rem var(--white);background:none;font-family:inherit}.card-scanbarcode[data-v-34ac5f7c]{border:none;background-color:var(--greyLight-1);box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.card-title h1[data-v-34ac5f7c]{padding:5px 5px;font-size:2rem;font-weight:700}.card-title h4[data-v-34ac5f7c]{padding:5px 20px;font-size:.5rem;font-weight:700}.card-title h5[data-v-34ac5f7c]{padding:5px 20px;font-size:.8rem;font-weight:700}@media(min-width:768px){.card-columns-left-item[data-v-34ac5f7c],.card-columns[data-v-34ac5f7c],.card-two-columns[data-v-34ac5f7c]{-moz-column-count:1;column-count:1}}@media(min-width:992px){.card-columns-left-item[data-v-34ac5f7c],.card-columns[data-v-34ac5f7c],.card-two-columns[data-v-34ac5f7c]{-moz-column-count:1;column-count:1}}@media(min-width:1200px){.card-columns[data-v-34ac5f7c]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-34ac5f7c],.card-two-columns[data-v-34ac5f7c]{-moz-column-count:2;column-count:2}}@media(max-width:667px){.card-columns-left-item[data-v-34ac5f7c],.card-two-columns[data-v-34ac5f7c]{-moz-column-count:1;column-count:1}#success-box[data-v-34ac5f7c]{width:0;left:10%;background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4);perspective:40px}#error-box[data-v-34ac5f7c],#success-box[data-v-34ac5f7c]{position:absolute;height:100%;border-radius:20px;box-shadow:5px 5px 20px rgba(var(--gray),10%)}#error-box[data-v-34ac5f7c]{width:35%;right:12%;background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e)}}.search[data-v-34ac5f7c]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-34ac5f7c]{width:100%;height:3rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit}.search__input[data-v-34ac5f7c]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-34ac5f7c]::placeholder{color:var(--greyLight-3)}.search__input[data-v-34ac5f7c]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-34ac5f7c]{color:#ff4500}.search__icon[data-v-34ac5f7c]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}.card-body-menu[data-v-34ac5f7c]{margin-top:70px;font-family:Kanit,sans-serif}.card-title[data-v-34ac5f7c]{text-align:center;font-family:Kanit,sans-serif}[data-v-34ac5f7c]::-moz-placeholder{color:#fff}[data-v-34ac5f7c]::placeholder{color:#fff}.card-search[data-v-34ac5f7c]{top:20px;border:0 solid;font-family:Kanit,sans-serif}.wrapper[data-v-34ac5f7c]{height:inherit}.card_[data-v-34ac5f7c],.wrapper[data-v-34ac5f7c]{display:flex;justify-content:center;align-items:center}.card_[data-v-34ac5f7c]{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e);box-shadow:5px 5px 20px rgba(var(--gray),10%);min-width:250px;border-radius:15px;flex-direction:column;padding:40px 0;position:relative}.card_ .img[data-v-34ac5f7c]{width:80px;height:80px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center}.card_ .img img[data-v-34ac5f7c]{width:40px}.card_ h1[data-v-34ac5f7c]{color:#fff;font-size:20px;margin:15px 0 6px 0}.card_ small[data-v-34ac5f7c]{color:hsla(0,0%,100%,.89);margin-bottom:20px}.card_isNear[data-v-34ac5f7c]{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4);box-shadow:5px 5px 20px rgba(var(--gray),10%);min-width:250px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;position:relative}.card_isNear .img[data-v-34ac5f7c]{width:80px;height:80px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center}.card_isNear .img img[data-v-34ac5f7c]{width:40px}.card_isNear h1[data-v-34ac5f7c]{color:#fff;font-size:20px;margin:15px 0 6px 0}.card_isNear small[data-v-34ac5f7c]{color:hsla(0,0%,100%,.89);margin-bottom:20px}label[data-v-34ac5f7c]{display:block;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:-18px}label input[data-v-34ac5f7c]{display:none}label span[data-v-34ac5f7c]{display:block;width:40px;height:40px;background:#fff;text-align:center;line-height:40px;border-radius:10px}label span i[data-v-34ac5f7c]{color:#f1777c;cursor:pointer;transition:all .2s}label .socialicon[data-v-34ac5f7c]{background:#f1777c;min-width:250px;height:100px;position:absolute;bottom:-14px;border-radius:12px;z-index:-1;transition:all .25s cubic-bezier(0,1.82,.58,1)}label .socialicon ul[data-v-34ac5f7c]{display:flex;height:100%;justify-content:center;align-items:center;list-style:none}label .socialicon ul li[data-v-34ac5f7c]{width:36px;height:36px;background:#fff;margin:0 10px;border-radius:3px;cursor:pointer}label .socialicon ul li a[data-v-34ac5f7c]{text-decoration:none}label .socialicon ul li a i[data-v-34ac5f7c]{display:block;text-align:center;line-height:36px;color:#f1777c}label input:checked~span i[data-v-34ac5f7c]{transform:rotate(182deg)}label input:checked~.socialicon[data-v-34ac5f7c]{bottom:-110px;z-index:99}.btn-orange.focus[data-v-34ac5f7c],.btn-orange[data-v-34ac5f7c],.btn-orange[data-v-34ac5f7c]:focus,.btn-orange[data-v-34ac5f7c]:hover{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange.focus[data-v-34ac5f7c],.btn-orange[data-v-34ac5f7c]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-orange.disabled[data-v-34ac5f7c],.btn-orange[data-v-34ac5f7c]:disabled{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-34ac5f7c],.btn-orange[data-v-34ac5f7c]:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle[data-v-34ac5f7c]{color:#fff;border-color:var(--sub-color);background-color:var(--sub-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-34ac5f7c]:focus,.btn-orange[data-v-34ac5f7c]:not(:disabled):not(.disabled):active:focus,.show>.btn-orange.dropdown-toggle[data-v-34ac5f7c]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.web-camera-container[data-v-4d3e0a96]{margin-top:2rem;margin-bottom:2rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:4px;width:500px}.web-camera-container .camera-button[data-v-4d3e0a96]{margin-bottom:2rem}.web-camera-container .camera-box .camera-shutter[data-v-4d3e0a96]{opacity:0;width:450px;height:337.5px;background-color:#fff;position:absolute}.web-camera-container .camera-box .camera-shutter.flash[data-v-4d3e0a96]{opacity:1}.web-camera-container .camera-shoot[data-v-4d3e0a96]{margin:1rem 0}.web-camera-container .camera-shoot button[data-v-4d3e0a96]{height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:100%}.web-camera-container .camera-shoot button img[data-v-4d3e0a96]{height:35px;-o-object-fit:cover;object-fit:cover}.web-camera-container .camera-loading[data-v-4d3e0a96]{overflow:hidden;height:100%;position:absolute;width:100%;min-height:150px;margin:3rem 0 0 -1.2rem}.web-camera-container .camera-loading ul[data-v-4d3e0a96]{height:100%;position:absolute;width:100%;z-index:999999;margin:0}.web-camera-container .camera-loading .loader-circle[data-v-4d3e0a96]{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.web-camera-container .camera-loading .loader-circle li[data-v-4d3e0a96]{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;animation:preload-4d3e0a96 1s infinite;top:-50%;border-radius:100%}.web-camera-container .camera-loading .loader-circle li[data-v-4d3e0a96]:nth-child(2){animation-delay:.2s}.web-camera-container .camera-loading .loader-circle li[data-v-4d3e0a96]:nth-child(3){animation-delay:.4s}@keyframes preload-4d3e0a96{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.home-section[data-v-4d3e0a96]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-4d3e0a96]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-4d3e0a96]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-4d3e0a96]{height:50px}.btn__[data-v-4d3e0a96]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:var(--btn-bg-return);color:var(--btn-color-return);padding:14px 22px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:1rem;font-family:system-ui;border:2px solid var(--btn-color-return);transition:.1s ease;box-shadow:5px 5px 0 0 var(--btn-color-return)}.btn__[data-v-4d3e0a96] :hover{box-shadow:2px 2px 0 0 var(--btn-color-return)}.btn__[data-v-4d3e0a96] :active{transition:50ms ease;box-shadow:0 0 0 0 var(--btn-color-return)}.btn__[data-v-4d3e0a96] :focus-visible{outline:0;--btn-color-return:#514440}.btn__[data-v-4d3e0a96] :focus-visible:after{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);content:"⇧";animation:float-4d3e0a96 .5s ease-in-out infinite}@keyframes float-4d3e0a96{0%{transform:translateX(-50%) translatey(0)}50%{transform:translateX(-50%) translatey(-6px)}to{transform:translateX(-50%) translatey(0)}}.btn-outline-purple[data-v-4d3e0a96]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple[data-v-4d3e0a96]:hover{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple.focus[data-v-4d3e0a96],.btn-outline-purple[data-v-4d3e0a96]:focus{box-shadow:0 0 0 .2rem #fa815c}.btn-outline-purple.disabled[data-v-4d3e0a96],.btn-outline-purple[data-v-4d3e0a96]:disabled{color:#ff5f2d;background-color:transparent}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-4d3e0a96],.btn-outline-purple[data-v-4d3e0a96]:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle[data-v-4d3e0a96]{color:#fff;background-color:#ff5f2d;border-color:#ff5f2d}.btn-outline-purple:not(:disabled):not(.disabled).active[data-v-4d3e0a96]:focus,.btn-outline-purple[data-v-4d3e0a96]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle[data-v-4d3e0a96]:focus{box-shadow:0 0 0 .2rem #fa815c}.overtime[data-v-4d3e0a96]{grid-column:2/3;grid-row:3/4;justify-self:center;width:15rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);justify-content:space-between}.overtime[data-v-4d3e0a96],.overtime_icon[data-v-4d3e0a96]{height:3rem;border-radius:1rem;display:flex;align-items:center}.overtime_icon[data-v-4d3e0a96]{width:3rem;margin:0 0 0 .2rem;justify-content:center;font-size:1.5rem;color:#ff4500}.overtime p[data-v-4d3e0a96]{font-size:1rem;margin-right:4rem;margin-top:1rem;color:var(--greyDark);font-weight:700}.overtime-detail[data-v-4d3e0a96]{margin-bottom:0;margin-top:0}.barcode[data-v-4d3e0a96]{width:100px;height:100px}.calendar-list .card[data-v-4d3e0a96],.card-columns .card[data-v-4d3e0a96]{border-radius:10px}.card-content-more[data-v-4d3e0a96]{position:relative;color:#ff4500;font-weight:700}.card-service[data-v-4d3e0a96]{background-color:var(--greyLight-3);box-shadow:.8rem .8rem 1.4rem var(--greyLight-3),-.2rem -.2rem 1.8rem var(--white);background:none;font-family:inherit}.card-scanbarcode[data-v-4d3e0a96]{border:none;background-color:var(--greyLight-1);box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.card-title h1[data-v-4d3e0a96]{padding:5px 5px;font-size:2rem;font-weight:700}.card-title h4[data-v-4d3e0a96]{padding:5px 20px;font-size:.5rem;font-weight:700}.card-title h5[data-v-4d3e0a96]{padding:5px 20px;font-size:.8rem;font-weight:700}@media(min-width:768px){.card-columns-left-item[data-v-4d3e0a96],.card-columns[data-v-4d3e0a96]{-moz-column-count:1;column-count:1}}@media(min-width:992px){.card-columns-left-item[data-v-4d3e0a96],.card-columns[data-v-4d3e0a96]{-moz-column-count:1;column-count:1}}@media(min-width:1200px){.card-columns[data-v-4d3e0a96]{-moz-column-count:1;column-count:1}.card-columns-left-item[data-v-4d3e0a96]{-moz-column-count:2;column-count:2}}@media(max-width:667px){.card-columns-left-item[data-v-4d3e0a96]{-moz-column-count:1;column-count:1}}.search[data-v-4d3e0a96]{grid-column:3/4;grid-row:2/3;position:relative;display:flex;align-items:center}.search__input[data-v-4d3e0a96]{width:100%;height:3rem;border:none;border-radius:1rem;font-size:1.4rem;padding-left:3.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);background:none;font-family:inherit}.search__input[data-v-4d3e0a96]::-moz-placeholder{color:var(--greyLight-3)}.search__input[data-v-4d3e0a96]::placeholder{color:var(--greyLight-3)}.search__input[data-v-4d3e0a96]:focus{outline:none;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white)}.search__input:focus+.search__icon[data-v-4d3e0a96]{color:#ff4500}.search__icon[data-v-4d3e0a96]{height:1.3rem;position:absolute;font-size:1.5rem;padding:0 1.5rem;display:flex;color:var(--greyDark);transition:.3s ease}.card-body-menu[data-v-4d3e0a96]{margin-top:70px;font-family:Kanit,sans-serif}.card-title[data-v-4d3e0a96]{text-align:center;font-family:Kanit,sans-serif}[data-v-4d3e0a96]::-moz-placeholder{color:#fff}[data-v-4d3e0a96]::placeholder{color:#fff}.card-search[data-v-4d3e0a96]{top:20px;border:0 solid;font-family:Kanit,sans-serif}.wrapper[data-v-4d3e0a96]{height:inherit}.card_[data-v-4d3e0a96],.wrapper[data-v-4d3e0a96]{display:flex;justify-content:center;align-items:center}.card_[data-v-4d3e0a96]{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e);box-shadow:5px 5px 20px rgba(var(--gray),10%);min-width:250px;border-radius:15px;flex-direction:column;padding:40px 0;position:relative}.card_ .img[data-v-4d3e0a96]{width:80px;height:80px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center}.card_ .img img[data-v-4d3e0a96]{width:40px}.card_ h1[data-v-4d3e0a96]{color:#fff;font-size:20px;margin:15px 0 6px 0}.card_ small[data-v-4d3e0a96]{color:hsla(0,0%,100%,.89);margin-bottom:20px}.card_isNear[data-v-4d3e0a96]{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4);box-shadow:5px 5px 20px rgba(var(--gray),10%);min-width:250px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;position:relative}.card_isNear .img[data-v-4d3e0a96]{width:80px;height:80px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center}.card_isNear .img img[data-v-4d3e0a96]{width:40px}.card_isNear h1[data-v-4d3e0a96]{color:#fff;font-size:20px;margin:15px 0 6px 0}.card_isNear small[data-v-4d3e0a96]{color:hsla(0,0%,100%,.89);margin-bottom:20px}label[data-v-4d3e0a96]{display:block;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:-18px}label input[data-v-4d3e0a96]{display:none}label span[data-v-4d3e0a96]{display:block;width:40px;height:40px;background:#fff;text-align:center;line-height:40px;border-radius:10px}label span i[data-v-4d3e0a96]{color:#f1777c;cursor:pointer;transition:all .2s}label .socialicon[data-v-4d3e0a96]{background:#f1777c;min-width:250px;height:100px;position:absolute;bottom:-14px;border-radius:12px;z-index:-1;transition:all .25s cubic-bezier(0,1.82,.58,1)}label .socialicon ul[data-v-4d3e0a96]{display:flex;height:100%;justify-content:center;align-items:center;list-style:none}label .socialicon ul li[data-v-4d3e0a96]{width:36px;height:36px;background:#fff;margin:0 10px;border-radius:3px;cursor:pointer}label .socialicon ul li a[data-v-4d3e0a96]{text-decoration:none}label .socialicon ul li a i[data-v-4d3e0a96]{display:block;text-align:center;line-height:36px;color:#f1777c}label input:checked~span i[data-v-4d3e0a96]{transform:rotate(182deg)}label input:checked~.socialicon[data-v-4d3e0a96]{bottom:-110px;z-index:99}.btn-orange.focus[data-v-4d3e0a96],.btn-orange[data-v-4d3e0a96],.btn-orange[data-v-4d3e0a96]:focus,.btn-orange[data-v-4d3e0a96]:hover{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange.focus[data-v-4d3e0a96],.btn-orange[data-v-4d3e0a96]:focus{box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-orange.disabled[data-v-4d3e0a96],.btn-orange[data-v-4d3e0a96]:disabled{color:#fff;border-color:var(--sub-color);background-color:var(--orange-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-4d3e0a96],.btn-orange[data-v-4d3e0a96]:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle[data-v-4d3e0a96]{color:#fff;border-color:var(--sub-color);background-color:var(--sub-color)}.btn-orange:not(:disabled):not(.disabled).active[data-v-4d3e0a96]:focus,.btn-orange[data-v-4d3e0a96]:not(:disabled):not(.disabled):active:focus,.show>.btn-orange.dropdown-toggle[data-v-4d3e0a96]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.space[data-v-869c5b48]{height:100px}.member[data-v-869c5b48]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}#signature[data-v-869c5b48]{border:3px double transparent;border-radius:5px;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#4bc5e8,#9f6274);background-origin:border-box;background-clip:content-box,border-box}.container[data-v-869c5b48]{width:"100%";padding:8px 16px}.buttons[data-v-869c5b48]{display:flex;gap:8px;justify-content:center;margin-top:8px}.circle_content[data-v-869c5b48]{position:relative}.circle_img[data-v-869c5b48]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-869c5b48]{position:absolute;top:-10px;left:-22px;font-size:14px}.circle[data-v-869c5b48]{grid-column:2/3;grid-row:4/6;width:8rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.circle__btn[data-v-869c5b48]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-869c5b48]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-869c5b48]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-869c5b48]{opacity:1}.circle__btn .pause[data-v-869c5b48]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-869c5b48]{opacity:0}.circle__back-1[data-v-869c5b48],.circle__back-2[data-v-869c5b48]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-869c5b48]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-869c5b48 4s linear infinite}.circle__back-1.paused[data-v-869c5b48]{animation-play-state:paused}.circle__back-2[data-v-869c5b48]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-869c5b48 4s linear 2s infinite}.circle__back-2.paused[data-v-869c5b48]{animation-play-state:paused}@keyframes waves-869c5b48{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.tebs_content[data-v-869c5b48]{position:relative}.tebs_floting[data-v-869c5b48]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-869c5b48]{grid-column:3/4;grid-row:1/2;width:19.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative}.segmented-control input[data-v-869c5b48]{display:none}.segmented-control>input:checked+label[data-v-869c5b48]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-869c5b48],.segmented-control__2[data-v-869c5b48],.segmented-control__3[data-v-869c5b48]{width:6.3rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-869c5b48]:hover,.segmented-control__2[data-v-869c5b48]:hover,.segmented-control__3[data-v-869c5b48]:hover{color:#d15f02}.segmented-control__color[data-v-869c5b48]{position:absolute;height:2.5rem;width:6.6rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-869c5b48]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-869c5b48]{transform:translateX(6rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-869c5b48]{transform:translateX(12.2rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.card-header[data-v-869c5b48]:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.card-columns .card[data-v-869c5b48]{border-radius:20px}.card-columns[data-v-869c5b48]{-moz-column-count:1;column-count:1}.card-columns-two[data-v-869c5b48]{-moz-column-count:2;column-count:2}.calendar-border[data-v-869c5b48]{border:none;background-color:var(--greyLight-1);border-radius:2rem}.calendar-border[data-v-869c5b48],.shadow-date[data-v-869c5b48]{box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.shadow-date[data-v-869c5b48]{border-radius:2rem}.card-title[data-v-869c5b48]{text-align:left;text-align:justify;bottom:10px}.card-text[data-v-869c5b48]{text-align:left;line-height:23px;margin-bottom:-5px}.text-muted i[data-v-869c5b48]{margin:0 5px}.tab-title-class[data-v-7b64fab2]{color:red!important}.nav-item a[data-v-7b64fab2]{color:#fff}.card-body-size[data-v-7b64fab2]{padding:13px}.card-body-size h5[data-v-7b64fab2]{margin-top:4px}.card-time-body[data-v-7b64fab2]{border-radius:20px}.card-time-title[data-v-7b64fab2]{border-radius:40px}.on-line[data-v-7b64fab2]{width:6%;height:auto}.select-menu[data-v-7b64fab2]{max-width:300px;margin:50px auto}.select-menu option[data-v-7b64fab2]{padding:20px;font-size:18px;font-weight:400;justify-content:space-between;box-shadow:0 0 5px rgba(0,0,0,.1);position:absolute;width:300px;overflow-y:auto;max-height:295px;padding:10px;margin-top:10px;box-shadow:0 0 10px rgba(0,0,0,.1);animation-name:fadeInDown-7b64fab2;-webkit-animation-name:fadeInDown-7b64fab2;animation-duration:.35s;animation-fill-mode:both;-webkit-animation-duration:.35s;-webkit-animation-fill-mode:both;display:flex;height:55px;cursor:pointer;padding:0 16px;border-radius:8px;align-items:center;background:#fff}.select-menu option[data-v-7b64fab2] :hover{background:#f2f2f2}.select-menu option i[data-v-7b64fab2]{font-size:25px;margin-right:12px}.select-menu option .option-text[data-v-7b64fab2]{font-size:18px;color:#333}.select-btn i[data-v-7b64fab2]{font-size:25px;transition:.3s}.select-menu.active .select-btn i[data-v-7b64fab2]{transform:rotate(-180deg)}.select-menu.active .options[data-v-7b64fab2]{display:block;opacity:0;z-index:10;animation-name:fadeInUp-7b64fab2;-webkit-animation-name:fadeInUp-7b64fab2;animation-duration:.4s;animation-fill-mode:both;-webkit-animation-duration:.4s;-webkit-animation-fill-mode:both}@keyframes fadeInUp-7b64fab2{0%{transform:translate3d(0,30px,0)}to{transform:translateZ(0);opacity:1}}@keyframes fadeInDown-7b64fab2{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,20px,0);opacity:0}}.btn-floating[data-v-7b64fab2]{position:absolute;margin-bottom:-20px;right:20px;top:110px;font-size:20px;color:#4f9f00;z-index:666}.text-time[data-v-7b64fab2]{display:flex;justify-content:center}.horizontal-calendar[data-v-7b64fab2]{border-top:0!important;border:0}.b-between[data-v-7b64fab2]{margin-right:5px!important;margin-bottom:5px}.card .card_image[data-v-7b64fab2],.card .card_image img[data-v-7b64fab2]{width:inherit;height:inherit;border-radius:20px}.card .card_image img[data-v-7b64fab2]{-o-object-fit:cover;object-fit:cover}.space[data-v-7b64fab2]{height:30px}.card-content-more[data-v-7b64fab2]{position:relative;color:#ff5f2d}.fa-purple[data-v-7b64fab2]{color:#6d07ac}.card-title[data-v-7b64fab2]{text-align:left;bottom:10px}.card-text[data-v-7b64fab2]{text-align:left;line-height:23px}.form-group button[data-v-7b64fab2],.form-group input[data-v-7b64fab2]{margin-bottom:20px}#button[data-v-7b64fab2]{border-radius:30px}.input-style[data-v-7b64fab2]{border-radius:30px;background-color:#fff;border-color:#cecece;color:#000}.neworder-content[data-v-7b64fab2]{position:relative;right:170px}input[data-v-7b64fab2]::-moz-placeholder{color:#cc0d0d}input[data-v-7b64fab2]::placeholder{color:#cc0d0d}.btn-purple[data-v-7b64fab2]{color:#fff;border-color:#000;background-color:#000}.btn-purple[data-v-7b64fab2]:hover{color:#fff;border-color:#f7618c;background-color:#ce2b59}.btn-purple.focus[data-v-7b64fab2],.btn-purple[data-v-7b64fab2]:focus{color:#fff;border-color:#f7618c;background-color:#ce2b59;box-shadow:0 0 0 .2rem rgba(180,72,112,.5)}.btn-purple.disabled[data-v-7b64fab2],.btn-purple[data-v-7b64fab2]:disabled{color:#fff;border-color:#000;background-color:#000}.btn-purple:not(:disabled):not(.disabled).active[data-v-7b64fab2],.btn-purple[data-v-7b64fab2]:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle[data-v-7b64fab2]{color:#fff;border-color:#000;background-color:#f7618c}.btn-purple:not(:disabled):not(.disabled).active[data-v-7b64fab2]:focus,.btn-purple[data-v-7b64fab2]:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle[data-v-7b64fab2]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-pink[data-v-7b64fab2]{color:#ff5f2d;border-color:#ff5f2d}.btn-outline-pink[data-v-7b64fab2]:hover{color:#fff;border-color:#ff5f2d;background-color:#ff5f2d}.btn-outline-pink.focus[data-v-7b64fab2],.btn-outline-pink[data-v-7b64fab2]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.btn-outline-pink.disabled[data-v-7b64fab2],.btn-outline-pink[data-v-7b64fab2]:disabled{color:#000;background-color:transparent}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-7b64fab2],.btn-outline-pink[data-v-7b64fab2]:not(:disabled):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle[data-v-7b64fab2]{color:#fff;border-color:#000;background-color:#000}.btn-outline-pink:not(:disabled):not(.disabled).active[data-v-7b64fab2]:focus,.btn-outline-pink[data-v-7b64fab2]:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pink.dropdown-toggle[data-v-7b64fab2]:focus{box-shadow:0 0 0 .2rem rgba(255,109,65,.468)}.ui-custom-select .current-value[data-v-7b64fab2]{background:#fff;padding:14px 20px;border:2px solid #eeeded;box-shadow:0 4px 14px rgba(218,221,218,.4);display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:8px;position:relative}.ui-custom-select .current-value .arrow[data-v-7b64fab2]{border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all .3s}.ui-custom-select .current-value .arrow .reverse[data-v-7b64fab2]{transform:rotate(-135deg)}.ui-custom-select .current-value .values[data-v-7b64fab2]{position:absolute;bottom:-25px;left:0;right:0;display:none;list-style:none;background:#fff;box-shadow:0 4px 14px rgba(218,221,218,.4);border:2px solid #eeeded;border-radius:8px;padding:8px 0;transform:translateY(100%)}.ui-custom-select .current-value .values .open[data-v-7b64fab2]{display:block}.ui-custom-select .current-value .values .value[data-v-7b64fab2]{padding:10px 25px;cursor:pointer}.fade-enter-active[data-v-7b64fab2],.fade-leave-active[data-v-7b64fab2]{transition:opacity .5s}.fade-enter[data-v-7b64fab2],.fade-leave-to[data-v-7b64fab2]{opacity:0}.custom-select[data-v-7b64fab2]{border-radius:1.1em!important;color:#10f;font-weight:700}.option[data-v-7b64fab2]{background:#000!important}.modal-content[data-v-7b64fab2]{border-radius:1rem!important}.card-columns .card[data-v-7b64fab2]{border-radius:30px}.calendar-list .card[data-v-7b64fab2]{border-radius:20px}@media (min-width:768px){.card-colum-me[data-v-7b64fab2],.card-columns[data-v-7b64fab2],.card-room[data-v-7b64fab2]{-moz-column-count:1;column-count:1}.time-column[data-v-7b64fab2]{-moz-column-count:2;column-count:2}h6[data-v-7b64fab2]{margin-top:10px}.card-columns-left-item[data-v-7b64fab2]{-moz-column-count:1;column-count:1}}@media (min-width:992px){.card-colum-me[data-v-7b64fab2],.card-columns[data-v-7b64fab2],.card-room[data-v-7b64fab2]{-moz-column-count:1;column-count:1}.time-column[data-v-7b64fab2]{-moz-column-count:2;column-count:2}h6[data-v-7b64fab2]{margin-top:10px}.on-line[data-v-7b64fab2]{width:6%;height:auto}.card-columns-left-item[data-v-7b64fab2]{-moz-column-count:1;column-count:1}}@media (min-width:1200px){.card-colum-me[data-v-7b64fab2],.card-columns[data-v-7b64fab2],.card-room[data-v-7b64fab2]{-moz-column-count:1;column-count:1}.time-column[data-v-7b64fab2]{-moz-column-count:2;column-count:2}h6[data-v-7b64fab2]{margin-top:10px}.on-line[data-v-7b64fab2]{height:auto}.card-columns-left-item[data-v-7b64fab2]{-moz-column-count:2;column-count:2}}@media (max-width:667px){.on-line[data-v-7b64fab2]{width:11%;height:auto}.card-columns-left-item[data-v-7b64fab2]{-moz-column-count:1;column-count:1}}.zoom[data-v-7b64fab2]{padding:25px;transition:transform .2s;width:160px;height:auto;margin:0 auto;margin-left:-20px}.zoom[data-v-7b64fab2]:hover{transform:scale(1.5)}.text-space[data-v-7b64fab2]{height:50px}.hidden[data-v-7b64fab2]{display:none}.sticky-button[data-v-7b64fab2]{position:fixed;background-color:#ff5f2d;bottom:20px;right:20px;border-radius:50px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);z-index:20;overflow:hidden;display:flex;align-items:center;justify-content:center;width:55px;height:55px;transition:all .2s ease-out}.sticky-button svg[data-v-7b64fab2]{margin:auto;fill:#fff;width:35px;height:35px}.sticky-button a[data-v-7b64fab2],.sticky-button label[data-v-7b64fab2]{cursor:pointer;display:flex;align-items:center;width:55px;height:55px;transition:all .3s ease-out}.sticky-button label svg.close-icon[data-v-7b64fab2]{display:none}.sticky-chat[data-v-7b64fab2]{position:fixed;bottom:70px;right:20px;width:320px;transition:all .3s ease-out;z-index:21;opacity:0;visibility:hidden}.sticky-chat a[data-v-7b64fab2]{text-decoration:none;font-family:Roboto,sans-serif;color:#505050}.sticky-chat svg[data-v-7b64fab2]{width:35px;height:35px}.sticky-chat .chat-content[data-v-7b64fab2]{border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);overflow:hidden;font-family:Kanit,sans-serif;font-weight:400}.sticky-chat .chat-header[data-v-7b64fab2]{position:relative;display:flex;align-items:center;padding:15px 20px;background-color:#ff5f2d;overflow:hidden;font-family:Kanit,sans-serif}.sticky-chat .chat-header[data-v-7b64fab2]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:80px;height:75px;background:rgba(0,0,0,.04);border-radius:70px 0 5px 0}.sticky-chat .chat-header svg[data-v-7b64fab2]{width:35px;height:35px;flex:0 0 auto;fill:#fff}.sticky-chat .chat-header .title[data-v-7b64fab2]{padding-left:15px;font-size:14px;font-weight:700;font-family:Kanit,sans-serif;color:#fff}.sticky-chat .chat-header .title span[data-v-7b64fab2]{font-size:11px;font-weight:400;display:block;line-height:1.58em;margin:0;color:#f4f4f4}.sticky-chat .chat-text[data-v-7b64fab2]{display:flex;flex-wrap:wrap;margin:10px 20px;font-size:18px;font-family:Kanit,sans-serif}.sticky-chat .chat-text span[data-v-7b64fab2]{display:inline-block;margin-right:auto;padding:10px;background-color:#f0f5fb;border-radius:15px 15px 15px}.sticky-chat .chat-text span.typing[data-v-7b64fab2]{margin:15px 0 0 auto;padding:10px;border-radius:15px 0 15px 15px}.sticky-chat .chat-text span.typing[data-v-7b64fab2]:after{display:none}.sticky-chat .chat-text span.typing svg[data-v-7b64fab2]{height:13px;fill:#505050}.sticky-chat .chat-button[data-v-7b64fab2]{display:flex;align-items:center;margin-top:15px;padding:12px 20px;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);overflow:hidden;font-size:12px;font-family:Roboto,sans-serif;font-weight:400}.sticky-chat .chat-button svg[data-v-7b64fab2]{width:20px;height:20px;fill:#505050;margin-left:auto;transform:rotate(40deg);-webkit-transform:rotate(40deg)}.chat-menu:checked+.sticky-button label[data-v-7b64fab2]{transform:rotate(1turn)}.chat-menu:checked+.sticky-button label svg.chat-icon[data-v-7b64fab2]{display:none}.chat-menu:checked+.sticky-button label svg.close-icon[data-v-7b64fab2]{display:table-cell}.chat-menu:checked+.sticky-button+.sticky-chat[data-v-7b64fab2]{bottom:90px;opacity:1;visibility:visible}.loykrathong-triangle-line-left[data-v-7b64fab2]{background:red;border-top:2px solid #b2b76f;width:100%;position:relative;transform:rotate(0deg);z-index:999;top:0}.measure[data-v-7b64fab2]{position:relative;z-index:999;width:100%}.measure img[data-v-7b64fab2]{position:absolute;transform:rotate(0deg);margin-top:-470px;right:40px}.green[data-v-7b64fab2]{border-top:30px solid #128301}.green-baby[data-v-7b64fab2],.green[data-v-7b64fab2]{position:absolute;top:0;left:0;width:40px;height:80px;border-left:20px solid transparent;border-right:20px solid transparent;transform-origin:50% 0}.green-baby[data-v-7b64fab2]{border-top:30px solid #58ff3a}.yellow[data-v-7b64fab2]{border-top:30px solid #f6ff00}.dark-blue[data-v-7b64fab2],.yellow[data-v-7b64fab2]{position:absolute;top:0;left:0;width:40px;height:80px;border-left:20px solid transparent;border-right:20px solid transparent;transform-origin:50% 0}.dark-blue[data-v-7b64fab2]{border-top:30px solid #0400f0}.orange[data-v-7b64fab2]{border-top:30px solid #ff6f00}.orange[data-v-7b64fab2],.red[data-v-7b64fab2]{position:absolute;top:0;left:0;width:40px;height:80px;border-left:20px solid transparent;border-right:20px solid transparent;transform-origin:50% 0}.red[data-v-7b64fab2]{border-top:30px solid red}.sky-blue[data-v-7b64fab2]{border-top:30px solid #00e5ff}.purple[data-v-7b64fab2],.sky-blue[data-v-7b64fab2]{position:absolute;top:0;left:0;width:40px;height:80px;border-left:20px solid transparent;border-right:20px solid transparent;transform-origin:50% 0}.purple[data-v-7b64fab2]{border-top:30px solid #90f}.orange[data-v-7b64fab2]:nth-child(2){left:90px}.purple[data-v-7b64fab2]:nth-child(3){left:200px}.dark-blue[data-v-7b64fab2]:nth-child(4){left:340px}.red[data-v-7b64fab2]:nth-child(5){left:490px}.sky-blue[data-v-7b64fab2]:nth-child(6){left:650px}.green[data-v-7b64fab2]:nth-child(7){left:790px}.dark-blue[data-v-7b64fab2]:nth-child(8){left:950px}.yellow[data-v-7b64fab2]:nth-child(9){left:1100px}.orange[data-v-7b64fab2]:nth-child(10){left:1250px}.purple[data-v-7b64fab2]:nth-child(11){left:1400px}.red[data-v-7b64fab2]:nth-child(12){left:1530px}.green-baby[data-v-7b64fab2]:nth-child(13){left:1640px}.sky-blue[data-v-7b64fab2]:nth-child(14){left:1760px}@keyframes swing-7b64fab2{0%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}@keyframes fly-7b64fab2{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}@keyframes smoke-7b64fab2{0%{transform:translateX(100vw)}to{transform:translateX(-100vw)}}.home-section[data-v-cae781c4]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-cae781c4]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-cae781c4]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.components[data-v-cae781c4]{width:100%;height:auto;border-radius:3rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white);padding:30px 50px 50px 50px;align-items:center}.icon[data-v-cae781c4]{grid-column:3/4;grid-row:4/5;display:flex;justify-content:space-between}.icon__account[data-v-cae781c4],.icon__home[data-v-cae781c4],.icon__settings[data-v-cae781c4]{width:4rem;height:4rem;border-radius:50%;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;color:var(--greyDark);transition:all .5s ease}.icon__account[data-v-cae781c4]:active,.icon__home[data-v-cae781c4]:active,.icon__settings[data-v-cae781c4]:active{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);color:var(--primary)}.icon__account[data-v-cae781c4]:hover,.icon__home[data-v-cae781c4]:hover,.icon__settings[data-v-cae781c4]:hover{color:var(--primary)}.calendar-list .card[data-v-cae781c4],.card-columns .card[data-v-cae781c4]{border-radius:20px}.card-body p[data-v-cae781c4]{margin-bottom:0}.card-body a[data-v-cae781c4]{color:#11101d;border-bottom:0}.card-body a[data-v-cae781c4]:hover{text-decoration:none}.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}.calendar-border[data-v-cae781c4]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem .5rem var(--greyLight-1)}@media(min-height:414px){.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}}@media(max-height:500px){.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}}@media(min-width:768px){.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}}@media(min-width:992px){.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}}@media(min-width:1200px){.card-columns[data-v-cae781c4]{-moz-column-count:1;column-count:1}.card-columns-four[data-v-cae781c4]{-moz-column-count:4;column-count:4}}.home-section[data-v-a376cae0]{position:relative;background:var(--greyLight-1);min-height:100vh;top:0;left:78px;width:calc(100% - 78px);transition:all .5s ease;z-index:2}.sidebar.open~.home-section[data-v-a376cae0]{left:250px;width:calc(100% - 250px)}.home-section .text[data-v-a376cae0]{display:inline-block;color:#11101d;font-size:25px;font-weight:500;margin:18px}.space[data-v-a376cae0]{height:30px}.calendar-border[data-v-a376cae0]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}.tebs_content[data-v-a376cae0]{position:relative}.tebs_floting[data-v-a376cae0]{position:absolute;top:0;left:0;font-size:14px}.segmented-control[data-v-a376cae0]{grid-column:3/4;grid-row:1/2;width:20.5rem;height:3.4rem;box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);border-radius:1rem;display:flex;align-items:center;position:relative;left:0;top:0}.segmented-control input[data-v-a376cae0]{display:none}.segmented-control>input:checked+label[data-v-a376cae0]{transition:all .5s ease;color:#d15f02}.segmented-control__1[data-v-a376cae0],.segmented-control__2[data-v-a376cae0],.segmented-control__3[data-v-a376cae0]{width:7rem;height:3.6rem;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#ff5f2d;transition:all .5s ease;margin-top:1.5rem}.segmented-control__1[data-v-a376cae0]:hover,.segmented-control__2[data-v-a376cae0]:hover,.segmented-control__3[data-v-a376cae0]:hover{color:#d15f02}.segmented-control__color[data-v-a376cae0]{position:absolute;height:2.5rem;width:7rem;margin-left:.3rem;border-radius:.8rem;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white);pointer-events:none}#tab-1:checked~.segmented-control__color[data-v-a376cae0]{transform:translateX(0);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-2:checked~.segmented-control__color[data-v-a376cae0]{transform:translateX(6.4rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}#tab-3:checked~.segmented-control__color[data-v-a376cae0]{transform:translateX(13rem);transition:transform .3s cubic-bezier(.645,.045,.355,1)}.card-columns .card[data-v-a376cae0]{border-radius:20px}@media(min-width:768px){.card-colum-me[data-v-a376cae0],.card-columns[data-v-a376cae0],.card-room[data-v-a376cae0]{-moz-column-count:1;column-count:1}.time-column[data-v-a376cae0]{-moz-column-count:2;column-count:2}h6[data-v-a376cae0]{margin-top:10px}.card-columns-left-item[data-v-a376cae0]{-moz-column-count:1;column-count:1}}@media(min-width:992px){.card-colum-me[data-v-a376cae0],.card-columns[data-v-a376cae0],.card-room[data-v-a376cae0]{-moz-column-count:1;column-count:1}.time-column[data-v-a376cae0]{-moz-column-count:2;column-count:2}h6[data-v-a376cae0]{margin-top:10px}.on-line[data-v-a376cae0]{width:6%;height:auto}.card-columns-left-item[data-v-a376cae0]{-moz-column-count:1;column-count:1}}@media(min-width:1200px){.card-colum-me[data-v-a376cae0],.card-columns[data-v-a376cae0],.card-room[data-v-a376cae0]{-moz-column-count:1;column-count:1}.time-column[data-v-a376cae0]{-moz-column-count:2;column-count:2}h6[data-v-a376cae0]{margin-top:10px}.on-line[data-v-a376cae0]{height:auto}.card-columns-left-item[data-v-a376cae0]{-moz-column-count:2;column-count:2}}@media(max-width:667px){.on-line[data-v-a376cae0]{width:11%;height:auto}.card-columns-left-item[data-v-a376cae0]{-moz-column-count:1;column-count:1}}.bookdropComp[data-v-d5ab1d0e]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.space[data-v-d5ab1d0e]{height:100px}.circle_content[data-v-d5ab1d0e]{position:relative}.circle_img[data-v-d5ab1d0e]{width:100%;height:auto;border-radius:50%}.circle_floting[data-v-d5ab1d0e]{position:absolute;top:-10px;left:-22px;font-size:14px}.circle[data-v-d5ab1d0e]{grid-column:2/3;grid-row:4/6;width:8rem;height:100%;justify-self:center;border-radius:1rem;display:grid;grid-template-rows:1fr;justify-items:center;align-items:center}.circle__btn[data-v-d5ab1d0e]{grid-row:1/2;grid-column:1/2;width:9rem;height:6rem;display:flex;margin:.6rem;justify-content:center;align-items:center;border-radius:50%;font-size:3.2rem;color:var(--primary);z-index:300;background:var(--greyLight-1);box-shadow:.3rem .3rem .6rem var(--greyLight-2),-.2rem -.2rem .5rem var(--white);cursor:pointer;position:relative}.circle__btn.shadow[data-v-d5ab1d0e]{box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.circle__btn .play[data-v-d5ab1d0e]{position:absolute;opacity:0;transition:all .2s linear}.circle__btn .play.visibility[data-v-d5ab1d0e]{opacity:1}.circle__btn .pause[data-v-d5ab1d0e]{position:absolute;transition:all .2s linear}.circle__btn .pause.visibility[data-v-d5ab1d0e]{opacity:0}.circle__back-1[data-v-d5ab1d0e],.circle__back-2[data-v-d5ab1d0e]{grid-row:1/2;grid-column:1/2;width:6rem;height:6rem;border-radius:50%;filter:blur(1px);z-index:100}.circle__back-1[data-v-d5ab1d0e]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);background:linear-gradient(to bottom right,var(--greyLight-3) 0,var(--white));animation:waves-d5ab1d0e 4s linear infinite}.circle__back-1.paused[data-v-d5ab1d0e]{animation-play-state:paused}.circle__back-2[data-v-d5ab1d0e]{box-shadow:.4rem .4rem .8rem var(--greyLight-3),-.4rem -.4rem .8rem var(--white);animation:waves-d5ab1d0e 4s linear 2s infinite}.circle__back-2.paused[data-v-d5ab1d0e]{animation-play-state:paused}@keyframes waves-d5ab1d0e{0%{transform:scale(1);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}.create-room[data-v-41a312b6]{background:var(--greyLight-1) no-repeat 50%;background-size:cover;min-height:100vh;position:absolute;width:100%}.space[data-v-41a312b6]{height:100px}.card-columns .card[data-v-41a312b6]{border-radius:20px}.card-columns[data-v-41a312b6]{-moz-column-count:1;column-count:1}.card-title[data-v-41a312b6]{text-align:left;text-align:justify;bottom:10px}.card-text[data-v-41a312b6]{text-align:left;line-height:23px;margin-bottom:-5px}.calendar-border[data-v-41a312b6]{border:none;background-color:var(--greyLight-1);border-radius:2rem;box-shadow:.8rem .8rem 1.4rem var(--greyLight-2),-.2rem -.2rem 1.8rem var(--white)}